Release: 8.2.0

README.txt

@@ -1,5 +1,5 @@
 MDB5
-Version: FREE 8.1.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.1.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/_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