release 6.0.1

README.txt

@@ -1,5 +1,5 @@
 MDB5
-Version: FREE 6.0.0
+Version: FREE 6.0.1
 
 Documentation:
 https://mdbootstrap.com/docs/standard/

index.html

@@ -27,22 +27,18 @@
         <div class="text-center">
           <img
             class="mb-4"
-            src="https://v1.mdbootstrap.com/wp-content/uploads/2022/11/mdb-sale.png"
+            src="https://mdbootstrap.com/img/logo/mdb-transparent-250px.png"
+            style="width: 250px; height: 90px"
           />
-          <h5 class="mb-4">Only now, you can get all premium features & more with the best discounts of the year.</h5>
-​
-          <p class="mb-4 fw-bold">All offers are LIMITED!</p>
+          <h5 class="mb-3">Thank you for using our product. We're glad you're with us.</h5>
+          <p class="mb-3">MDB Team</p>
           <a
-            class="btn btn-lg btn-danger fw-bold mb-3" style="background-color: #e70808;"
-            href="https://mdbootstrap.com/sale/november/"
+            class="btn btn-primary btn-lg"
+            href="https://mdbootstrap.com/docs/standard/getting-started/"
             target="_blank"
             role="button"
-            >Check insane offers</a
+            >Start MDB tutorial</a
           >
-        <hr>
-        <p class="mt-4 lead fw-bold">Publish your project with a single command.</p>
-        <p class="mt-2">Use <a href="https://mdbgo.com/" class="fw-bold" target="_blank"><u>MDB GO</u></a> for a free hosting & deployment
-          tool</p>
         </div>
       </div>
     </div>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mdb-ui-kit",
-  "version": "6.0.0",
+  "version": "6.0.1",
   "main": "js/mdb.min.js",
   "homepage": "https://mdbootstrap.com/docs/standard/",
   "repository": "https://github.com/mdbootstrap/mdb-ui-kit.git",

src/js/free/ripple.js

@@ -119,8 +119,15 @@ class Ripple {
         const btn = this._element;
         const wrapper = document.createElement('span');
 
-        EventHandler.one(wrapper, 'mouseup', () => {
+        if (btn.classList.contains('btn-block')) {
+          wrapper.style.display = 'block';
+        }
+
+        EventHandler.one(wrapper, 'mouseup', (e) => {
+          // prevent submit on click other than LMB, ripple still triggered, but submit is blocked
+          if (e.button === 0) {
             btn.click();
+          }
         });
 
         wrapper.classList.add(CLASSNAME_RIPPLE, CLASSNAME_RIPPLE_WRAPPER);

src/scss/free/_variables.scss

@@ -1548,52 +1548,52 @@ $toasts: () !default;
 $toasts: map-merge(
   (
     'primary': (
-      'background-color': hsl(219, 56.1, 92),
-      'text-color': hsl(217, 56.9, 40),
-      'icon-color': hsl(217, 56.9, 50),
-      'border-color': hsl(218, 57.7, 86.1),
+      'background-color': hsl(219, 56.1%, 92%),
+      'text-color': hsl(217, 56.9%, 40%),
+      'icon-color': hsl(217, 56.9%, 50%),
+      'border-color': hsl(218, 57.7%, 86.1%),
     ),
     'secondary': (
-      'background-color': hsl(210, 11.1, 92.9),
-      'text-color': hsl(216, 10.5, 28),
-      'icon-color': hsl(218, 11.3, 38),
-      'border-color': hsl(206, 10.4, 86.9),
+      'background-color': hsl(210, 11.1%, 92.9%),
+      'text-color': hsl(216, 10.5%, 28%),
+      'icon-color': hsl(218, 11.3%, 38%),
+      'border-color': hsl(206, 10.4%, 86.9%),
     ),
     'success': (
-      'background-color': hsl(143, 46.4, 89),
-      'text-color': hsl(144, 77.8, 22.9),
-      'icon-color': hsl(144, 77.5, 33.1),
-      'border-color': hsl(145, 44.8, 82.9),
+      'background-color': hsl(143, 46.4%, 89%),
+      'text-color': hsl(144, 77.8%, 22.9%),
+      'icon-color': hsl(144, 77.5%, 33.1%),
+      'border-color': hsl(145, 44.8%, 82.9%),
     ),
     'danger': (
-      'background-color': hsl(350, 66.7, 92.9),
-      'text-color': hsl(350, 66.7, 41.2),
-      'icon-color': hsl(350, 67.2, 51),
-      'border-color': hsl(350, 66.7, 87.1),
+      'background-color': hsl(350, 66.7%, 92.9%),
+      'text-color': hsl(350, 66.7%, 41.2%),
+      'icon-color': hsl(350, 67.2%, 51%),
+      'border-color': hsl(350, 66.7%, 87.1%),
     ),
     'warning': (
-      'background-color': hsl(40, 80.5, 92),
-      'text-color': hsl(40, 79.7, 25.1),
-      'icon-color': hsl(40, 79.9, 35.1),
-      'border-color': hsl(39, 83.1, 86.1),
+      'background-color': hsl(40, 80.5%, 92%),
+      'text-color': hsl(40, 79.7%, 25.1%),
+      'icon-color': hsl(40, 79.9%, 35.1%),
+      'border-color': hsl(39, 83.1%, 86.1%),
     ),
     'info': (
-      'background-color': hsl(194, 61, 92),
-      'text-color': hsl(195, 63.4, 30),
-      'icon-color': hsl(195, 62.7, 40),
-      'border-color': hsl(195, 60.6, 86.1),
+      'background-color': hsl(194, 61%, 92%),
+      'text-color': hsl(195, 63.4%, 30%),
+      'icon-color': hsl(195, 62.7%, 40%),
+      'border-color': hsl(195, 60.6%, 86.1%),
     ),
     'light': (
-      'background-color': hsl(0, 0, 96.1),
-      'text-color': hsl(0, 0, 31),
-      'icon-color': hsl(0, 0, 54.9),
-      'border-color': hsl(0, 0, 90.2),
+      'background-color': hsl(0, 0%, 96.1%),
+      'text-color': hsl(0, 0%, 31%),
+      'icon-color': hsl(0, 0%, 54.9%),
+      'border-color': hsl(0, 0%, 90.2%),
     ),
     'dark': (
-      'background-color': hsl(0, 5.2, 19),
-      'text-color': hsl(0, 0, 96.1),
-      'icon-color': hsl(0, 0, 91),
-      'border-color': hsl(0, 6.3, 25.1),
+      'background-color': hsl(0, 5.2%, 19%),
+      'text-color': hsl(0, 0%, 96.1%),
+      'icon-color': hsl(0, 0%, 91%),
+      'border-color': hsl(0, 6.3%, 25.1%),
     ),
   ),
   $toasts

src/scss/free/forms/_form-control.scss

@@ -6,6 +6,7 @@
   min-height: auto;
   padding: 4.5px 12px 3.68px 12px;
   transition: all 0.1s linear;
+  box-shadow: none;
 
   &:focus {
     box-shadow: none;