Release: 8.2.0

README.txt

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

js/mdb.es.min.js

@@ -6717,7 +6717,6 @@ const DATA_KEY$2 = `mdb.${NAME$2}`;
 const EVENT_KEY = `.${DATA_KEY$2}`;
 const Default$1 = {
   offset: [0, 2],
-  flip: true,
   boundary: "clippingParents",
   reference: "toggle",
   display: "dynamic",
@@ -6726,7 +6725,6 @@ const Default$1 = {
 };
 const DefaultType$1 = {
   offset: "(array|string|function)",
-  flip: "boolean",
   boundary: "(string|element)",
   reference: "(string|element|object)",
   display: "string",
@@ -6803,7 +6801,6 @@ class Dropdown2 extends Dropdown$1 {
         {
           name: "preventOverflow",
           options: {
-            altBoundary: this._config.flip,
             boundary: this._config.boundary
           }
         },

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mdb-ui-kit",
-  "version": "8.0.0",
+  "version": "8.2.0",
   "type": "module",
   "main": "./js/mdb.umd.min.js",
   "module": "./js/mdb.es.min.js",

src/js/free/dropdown.js

@@ -16,7 +16,6 @@ const EVENT_KEY = `.${DATA_KEY}`;
 
 const Default = {
   offset: [0, 2],
-  flip: true,
   boundary: 'clippingParents',
   reference: 'toggle',
   display: 'dynamic',
@@ -26,7 +25,6 @@ const Default = {
 
 const DefaultType = {
   offset: '(array|string|function)',
-  flip: 'boolean',
   boundary: '(string|element)',
   reference: '(string|element|object)',
   display: 'string',
@@ -121,7 +119,6 @@ class Dropdown extends BSDropdown {
         {
           name: 'preventOverflow',
           options: {
-            altBoundary: this._config.flip,
             boundary: this._config.boundary,
           },
         },

src/scss/free/_list-group.scss

@@ -6,6 +6,16 @@
   --#{$prefix}list-group-item-transition-time: #{$list-group-item-transition-time};
 }
 
+.list-group-item {
+  --#{$prefix}list-group-item-active-margin-top: #{$list-group-active-margin-top};
+
+  & + .list-group-item {
+    &.active {
+      margin-top: var(--#{$prefix}list-group-item-active-margin-top);
+    }
+  }
+}
+
 .list-group-item-action {
   transition: var(--#{$prefix}list-group-item-transition-time);
 

src/scss/free/_root.scss

@@ -30,6 +30,7 @@
   --#{$prefix}box-shadow-color: #{$box-shadow-color};
   --#{$prefix}box-shadow-color-rgb: #{to-rgb($box-shadow-color)};
   --#{$prefix}stepper-mobile-bg: #{$stepper-mobile-bg};
+  --#{$prefix}datepicker-cell-in-range-background-color: #{$datepicker-cell-in-range-background-color};
 }
 
 @if $enable-dark-mode {
@@ -57,6 +58,7 @@
     --#{$prefix}box-shadow-color: #{$box-shadow-color-dark};
     --#{$prefix}box-shadow-color-rgb: #{to-rgb($box-shadow-color-dark)};
     --#{$prefix}stepper-mobile-bg: #{$stepper-mobile-bg-dark};
+    --#{$prefix}datepicker-cell-in-range-background-color: #{$datepicker-cell-in-range-bg-dark};
     // scss-docs-end root-dark-mode-vars
   }
 }

src/scss/free/_variables-dark.scss

@@ -68,6 +68,7 @@ $form-control-label-color-dark: $gray-400 !default;
 $form-control-disabled-bg-dark: $gray-700 !default;
 $box-shadow-color-dark: $black !default;
 $stepper-mobile-bg-dark: $body-tertiary-bg-dark !default;
+$datepicker-cell-in-range-bg-dark: $gray-700 !default;
 // scss-docs-start mdb-global-dark-theme-variables
 
 // Accordion

src/scss/free/_variables.scss

@@ -723,6 +723,7 @@ $form-control-label-color: $gray-600 !default;
 $form-control-disabled-bg: $gray-300 !default;
 $box-shadow-color: $black !default;
 $stepper-mobile-bg: $gray-50 !default;
+$datepicker-cell-in-range-background-color: $primary-border-subtle !default;
 // scss-docs-start mdb-global-light-theme-variables
 
 // Body
@@ -1602,6 +1603,7 @@ $list-group-light-active-border-radius: 0.5rem !default;
 $list-group-light-active-bg: var(--#{$prefix}primary-bg-subtle) !default;
 $list-group-light-active-color: var(--#{$prefix}primary-text-emphasis) !default;
 
+$list-group-active-margin-top: 0 !default;
 $list-group-small-item-py: 0.5rem !default;
 // scss-docs-end list-group-variables
 

src/scss/free/forms/_input-group.scss

@@ -133,8 +133,8 @@ TEXTAREA {
     animation-name: onautofillstart;
 
     -webkit-background-clip: text;
-    box-shadow: inset 0 0 20px 20px white;
-    -webkit-box-shadow: 0 0 20px 20px white inset !important;
+    box-shadow: inset 0 0 20px 20px var(--#{$prefix}body-bg);
+    -webkit-box-shadow: 0 0 20px 20px var(--#{$prefix}body-bg) inset !important;
 
     &:hover,
     &:focus,
@@ -142,8 +142,8 @@ TEXTAREA {
       animation-name: onautofillstart;
 
       -webkit-background-clip: text;
-      box-shadow: inset 0 0 20px 20px white;
-      -webkit-box-shadow: 0 0 20px 20px white inset !important;
+      box-shadow: inset 0 0 20px 20px var(--#{$prefix}body-bg);
+      -webkit-box-shadow: 0 0 20px 20px var(--#{$prefix}body-bg) inset !important;
     }
   }