release: 3.5.1

README.txt

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

package.json

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

src/js/free/carousel.js

@@ -1,6 +1,7 @@
 import { getjQuery, onDOMContentLoaded } from '../mdb/util/index';
 import EventHandler from '../mdb/dom/event-handler';
 import SelectorEngine from '../mdb/dom/selector-engine';
+import Manipulator from '../mdb/dom/manipulator';
 import BSCarousel from '../bootstrap/mdb-prefix/carousel';
 
 /**
@@ -78,7 +79,7 @@ class Carousel extends BSCarousel {
 SelectorEngine.find(SELECTOR_DATA_RIDE).forEach((el) => {
   let instance = Carousel.getInstance(el);
   if (!instance) {
-    instance = new Carousel(el);
+    instance = new Carousel(el, Manipulator.getDataAttributes(el));
   }
 });
 

src/js/free/input.js

@@ -189,6 +189,7 @@ class Input {
   }
 
   _applyDivs() {
+    const allNotchWrappers = SelectorEngine.find(SELECTOR_NOTCH, this._element);
     const notchWrapper = element('div');
     Manipulator.addClass(notchWrapper, CLASSNAME_NOTCH);
     this._notchLeading = element('div');
@@ -197,7 +198,9 @@ class Input {
     Manipulator.addClass(this._notchMiddle, CLASSNAME_NOTCH_MIDDLE);
     this._notchTrailing = element('div');
     Manipulator.addClass(this._notchTrailing, CLASSNAME_NOTCH_TRAILING);
-
+    if (allNotchWrappers.length >= 1) {
+      return;
+    }
     notchWrapper.append(this._notchLeading);
     notchWrapper.append(this._notchMiddle);
     notchWrapper.append(this._notchTrailing);

src/js/mdb/util/stack.js

@@ -54,6 +54,7 @@ class Stack {
       .filter((el) => el !== this._element)
       .filter((el, i) => this._options.filter(el, i))
       .filter((el) => {
+        this._offset = null;
         return this._getBoundryOffset(el.getBoundingClientRect()) > this._offset;
       });
   }

src/scss/free/_accordion.scss

@@ -1,33 +1,17 @@
-.accordion-button::after {
-  font-weight: $font-weight-bold;
-  font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Free';
-  content: '\f078';
-  width: 14px;
-}
+// Accordion
 
 .accordion-button {
-  border: 0;
-  box-shadow: $box-shadow-1;
-}
+  &:not(.collapsed) {
+    background-color: #fff;
 
-.accordion-collapse {
-  border: 0;
-  box-shadow: $box-shadow-1;
-}
+    &:focus {
+      box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
+    }
+  }
 
-.accordion-button:focus {
-  box-shadow: $box-shadow-1;
-}
-
-.accordion-button:not(.collapsed) {
-  color: inherit;
-  background-color: inherit;
-}
-
-.accordion-button:hover {
-  background-color: rgba(0, 0, 0, 0.04);
-}
-
-.accordion-button:not(:hover):focus {
-  background-color: rgba(0, 0, 0, 0.04);
+  &:focus {
+    border-color: $accordion-button-focus-border-color;
+    outline: 0;
+    box-shadow: none;
+  }
 }

src/scss/free/_nav.scss

@@ -64,3 +64,13 @@
     box-shadow: $btn-box-shadow;
   }
 }
+
+// Fix for keeping margins of pills
+.nav-fill,
+.nav-justified {
+  .nav-item {
+    .nav-link {
+      width: auto;
+    }
+  }
+}

src/scss/free/_tables.scss

@@ -7,9 +7,6 @@
 
   > :not(caption) > * > * {
     padding: $table-cell-padding-y $table-cell-padding-x;
-    transition: $table-hover-transition;
-    background-image: none;
-    background-color: var(--bs-table-accent-bg);
   }
 
   th {
@@ -34,3 +31,14 @@
 @each $color, $value in $table-variants {
   @include table-variant-mdb($color, $value);
 }
+
+.table-hover {
+  > tbody > tr {
+    transition: $table-hover-transition;
+  }
+  > tbody > tr:hover {
+    --#{$variable-prefix}table-accent-bg: transparent;
+    color: var(--#{$variable-prefix}table-hover-color);
+    background-color: var(--#{$variable-prefix}table-hover-bg);
+  }
+}

src/scss/free/_variables.scss

@@ -342,6 +342,10 @@ $note: map-merge(
 );
 // scss-docs-end note-colors-map
 
+// Prefix for :root CSS variables
+
+$variable-prefix: mdb- !default;
+
 // Body
 //
 // Settings for the `<body>` element.
@@ -818,10 +822,6 @@ $card-header-background-color: rgba(255, 255, 255, 0) !default;
 $card-footer-background-color: rgba(255, 255, 255, 0) !default;
 $card-border-radius: 0.25rem !default;
 
-// Accordion
-$accordion-button-icon: none !default;
-$accordion-button-active-icon: none !default;
-
 // Tooltips
 
 $tooltip-inner-color: #fff !default;
@@ -944,9 +944,10 @@ $note-paragraph-font-weight: 500 !default;
 
 $table-color: #212529 !default;
 $table-font-size: 0.9rem !default;
-$table-hover-transition: background-color 0.2s ease-in !default;
+$table-hover-transition: 0.5s !default;
 $table-group-separator-color: inherit !default;
 $table-cell-padding-y: 1rem !default;
 $table-cell-padding-x: 1.4rem !default;
 $table-cell-padding-y-sm: 0.5rem !default;
 $table-cell-padding-x-sm: $table-cell-padding-x !default;
+$table-hover-bg: rgba(0, 0, 0, 0.075) !default;

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

@@ -10,10 +10,3 @@
     }
   }
 }
-
-.form-control-sm {
-  &::-webkit-file-upload-button {
-    padding: 0.28rem 0.5rem;
-    margin: -0.28rem -0.5rem;
-  }
-}