@syncfusion/ej2-dropdowns 31.2.16 → 32.1.19

package/styles/mention/material3.css

@@ -2,6 +2,86 @@
 
 
 
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 @-webkit-keyframes material-spinner-rotate {

package/styles/mention/material3.scss

@@ -1,7 +1,6 @@
-
-
-@import 'ej2-popups/styles/popup/material3-definition.scss';
-@import 'ej2-popups/styles/spinner/material3-definition.scss';
-@import '../drop-down-base/material3-definition.scss';
-@import 'material3-definition.scss';
-@import 'all.scss';
+@use 'ej2-base/styles/definition/material3' as *;
+@use 'ej2-popups/styles/popup/material3-definition' as *;
+@use 'ej2-popups/styles/spinner/material3-definition' as *;
+@use '../drop-down-base/material3-definition' as *;
+@use 'material3-definition' as *;
+@use 'all' as *;

package/styles/mention/tailwind-dark.css

@@ -64,6 +64,4 @@
 
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
   padding: 0 4px 0 0;
-}
-
-/* stylelint-disable-line no-empty-source */
+}

package/styles/mention/tailwind-dark.scss

@@ -1,6 +1,6 @@
-@import 'ej2-base/styles/definition/tailwind-dark.scss';
-@import 'ej2-popups/styles/popup/tailwind-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/tailwind-dark-definition.scss';
-@import '../drop-down-base/tailwind-dark-definition.scss';
-@import 'tailwind-dark-definition.scss';
-@import 'all.scss';
+@use 'ej2-base/styles/definition/tailwind-dark' as *;
+@use 'ej2-popups/styles/popup/tailwind-dark-definition' as *;
+@use 'ej2-popups/styles/spinner/tailwind-dark-definition' as *;
+@use '../drop-down-base/tailwind-dark-definition' as *;
+@use 'tailwind-dark-definition' as *;
+@use 'all' as *;

package/styles/mention/tailwind.scss

@@ -1,6 +1,6 @@
-@import 'ej2-base/styles/definition/tailwind.scss';
-@import 'ej2-popups/styles/popup/tailwind-definition.scss';
-@import 'ej2-popups/styles/spinner/tailwind-definition.scss';
-@import '../drop-down-base/tailwind-definition.scss';
-@import 'tailwind-definition.scss';
-@import 'all.scss';
+@use 'ej2-base/styles/definition/tailwind' as *;
+@use 'ej2-popups/styles/popup/tailwind-definition' as *;
+@use 'ej2-popups/styles/spinner/tailwind-definition' as *;
+@use '../drop-down-base/tailwind-definition' as *;
+@use 'tailwind-definition' as *;
+@use 'all' as *;

package/styles/mention/tailwind3.css

@@ -2,6 +2,76 @@
 
 
 
+
+
+
+
+/* Font Family */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+
+
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 @-webkit-keyframes material-spinner-rotate {

package/styles/mention/tailwind3.scss

@@ -1,6 +1,6 @@
-@import 'ej2-base/styles/definition/tailwind3.scss';
-@import 'ej2-popups/styles/popup/tailwind3-definition.scss';
-@import 'ej2-popups/styles/spinner/tailwind3-definition.scss';
-@import '../drop-down-base/tailwind3-definition.scss';
-@import 'tailwind3-definition.scss';
-@import 'all.scss';
+@use 'ej2-base/styles/definition/tailwind3' as *;
+@use 'ej2-popups/styles/popup/tailwind3-definition' as *;
+@use 'ej2-popups/styles/spinner/tailwind3-definition' as *;
+@use '../drop-down-base/tailwind3-definition' as *;
+@use 'tailwind3-definition' as *;
+@use 'all' as *;

package/styles/multi-select/_all.scss

@@ -1,2 +1,2 @@
-@import 'layout.scss';
-@import 'theme.scss';
+@use 'layout' as *;
+@use 'theme' as *;

package/styles/multi-select/_bds-definition.scss

@@ -1,3 +1,6 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@use 'ej2-base/styles/definition/bds' as *;
+@forward 'ej2-base/styles/definition/bds';
 $ddl-chip-mobile-close-font: 16px !default;
 $ddl-multiselect-skin-name: $skin-name !default;
 $ddl-delim-font-size: $text-sm !default;
@@ -136,6 +139,50 @@ $ddl-bigger-chip-close-square: $text-xl !default;
 $ddl-bigger-chip-close-width: $text-xl !default;
 $ddl-bigger-chip-close-font: $text-xl !default;
 
+$ddl-bigger-filled-wrapper-chip-padding: 0 12px !default;
+$ddl-rtl-bigger-small-wrapper-chips-padding: 0 0 0 4px !default;
+$ddl-bigger-small-filled-float-wrapper-chip-padding: 0 4px 0 0 !default;
+$ddl-bigger-filled-float-wrapper-chip-padding-right: 8px !default;
+$ddl-bgr-filled-float-wrapper-chip-font-size: 13px !default;
+$ddl-bigger-small-filled-float-wrapper-chip-font-size: 12px !default;
+$ddl-bgr-small-filled-wrapper-chip-padding: 0 8px 0 0 !default;
+$ddl-bgr-small-filled-wrapper-chip-font-size: 13px !default;
+$ddl-small-bgr-filled-float-chip-padding-left: 8px !default;
+$ddl-rtl-bgr-small-filled-chip-padding: 0 8px !default;
+$ddl-rtl-bgr-small-filled-chip-margin: 8px 0 0 8px !default;
+$ddl-bgr-small-filled-wrapper-chip-margin: 8px 8px 0 0 !default;
+$ddl-bgr-small-filled-wrapper-chip-padding: 0 8px !default;
+$ddl-bigger-filled-float-wrapper-delimiter-input-padding: 5px 0 !default;
+$ddl-bigger-filled-wrapper-padding-top: 3px !default;
+$ddl-bgr-filled-float-input-wrapper-padding: 19px 12px 0 16px !default;
+$ddl-bgr-small-filled-float-wrapper-padding: 11px 12px 0 !default;
+$ddl-multiselect-zero-padding-margin: 0 !default;
+$ddl-small-float-input-wrapper: 3px 12px 0 4px !default;
+
+$ddl-multi-wrapper-down-icon-padding: 0 48px 0 0 !default;
+$ddl-wrapper-down-icon-padding: 0 0 0 48px !default;
+$ddl-rtl-filled-wrapper-input: 5px !default;
+$ddl-popup-multi-filter-padding-left: 8px !default;
+$ddl-filled-wrapper-padding: 0 12px 0 8px !default;
+$ddl-filled-float-wrapper-padding: 11px 12px 0 !default;
+$ddl-small-filled-float-wrapper-padding: 12px 12px 0 8px !default;
+$ddl-filled-float-wrapper-chip-margin: 8px 8px 0 0 !default;
+$ddl-filled-float-wrapper-chip-padding: 0 8px !default;
+$ddl-rtl-filled-float-wrapper-chip-margin: 8px 0 0 8px !default;
+$ddl-small-filled-wrapper-chip-margin: 4px 4px 0 0 !default;
+$ddl-small-filled-wrapper-chip-padding-right: 8px !default;
+$ddl-rtl-small-filled-float-chip-margin: 4px 0 0 4px !default;
+$ddl-filled-chipcontent-font-size: 13px !default;
+$ddl-filled-chipcontent-padding: 0 8px 0 0 !default;
+$ddl-small-filled-chipcontent-font-size: 12px !default;
+$ddl-filled-float-chipcontent-font-size: 12px !default;
+$ddl-filled-float-chipcontent-padding: 0 4px 0 0 !default;
+$ddl-rtl-filled-chipcontent-padding: 0 0 0 4px !default;
+$ddl-small-filled-float-chiupcontent-font-size: 10px !default;
+$ddl-filled-float-mob-chipcontent-font-size: 13px !default;
+$ddl-filled-float-mob-chipcontent-padding-right: 4px !default;
+$ddl-filled-wrapper-chip-close-margin-top: -38px !default;
+
 // Small size
 $ddl-select-all-height-small: 24px !default;
 $ddl-small-chip-height: 18px !default;
@@ -201,6 +248,37 @@ $ddl-close-icon-color: $icon-color !default;
 $ddl-close-icon-hover-color: $icon-color-hover !default;
 $multi-select-delim-font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'apple color emoji', 'Segoe UI emoji', 'Segoe UI Symbol', 'Noto color emoji' !default;
 
+$ddl-bigger-small-filled-chip-height: 28px !default;
+$ddl-bigger-filled-chip-height: 24px !default;
+$ddl-bigger-filled-not-chip-height: 32px !default;
+$ddl-bigger-small-filled-input-chip-height: 18px !default;
+$ddl-delimiter-height: 27px !default;
+$ddl-full-height: 100% !default;
+$ddl-zero-margin-padding: 0 !default;
+$multi-input-down-icon-margin-right: 30px !default;
+$multi-zero-height: 0 !default;
+$popup-multi-rtl-margin-left: 12px !default;
+$ddl-checkbox-delim-line-height: 20px !default;
+$ddl-checkbox-delim-padding-left: 10px !default;
+$multi-wrapper-chip-height: 28px !default;
+$multi-small-chip-height: 24px !default;
+$multi-filled-float-chip-height: 18px !default;
+$multi-small-filled-chip-height: 16px !default;
+$multi-filled-clear-icon-height: 38px !default;
+$multi-filled-clear-icon-margin-top: -38px !default;
+$popup-multi-resize-height: 15px !default;
+$multi-zero-width: 0 !default;
+$multi-auto-width: auto !default;
+$multi-filled-clear-icon-width: 16px !default;
+$popup-multi-resize-width: 15px !default;
+$multi-bgr-list-wrapper-padding-left: 8px !default;
+$multi-full-width: 100% !default;
+$multi-searcher-height: 1px !default;
+$multi-filled-close-right: 12px !default;
+
+$multi-one-width: 1px !default;
+$multi-select-wrapper-chip-width: 92%;
+
 @include export-module('multiselect-bds') {
   .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
     line-height: 30px;