@syncfusion/ej2-dropdowns 31.1.20 → 31.1.23

package/styles/multi-select/_bootstrap5.3-definition.scss

@@ -40,7 +40,7 @@ $ddl-delimview-bigger-padding-left: 12px !default;
 $ddl-closer-hooker-font: $text-sm !default;
 $ddl-chip-font-family: $font-family !default;
 $ddl-closer-margin-top: -2em !default;
-$ddl-closer-margin-top-bigger: -2.25em !default;
+$ddl-closer-margin-top-bigger: -35px !default;
 $ddl-icon-margin-top: -2.1em !default;
 $ddl-clear-margin-top: -2em !default;
 $ddl-icon-margin-top-bigger: -2.25em !default;

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

@@ -40,7 +40,7 @@ $ddl-delimview-bigger-padding-left: 12px !default;
 $ddl-closer-hooker-font: $text-xxs !default;
 $ddl-chip-font-family: $font-family !default;
 $ddl-closer-margin-top: -2.4em !default;
-$ddl-closer-margin-top-bigger: -2.7em !default;
+$ddl-closer-margin-top-bigger: -32px !default;
 $ddl-icon-margin-top: -1.68em !default;
 $ddl-clear-margin-top: -2em !default;
 $ddl-bigger-clear-margin-top: -2.25em !default;

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

@@ -42,7 +42,7 @@ $ddl-closer-hooker-font-small: $text-xs !default;
 $ddl-closer-hooker-font-bigger-small: $text-base !default;
 $ddl-chip-font-family: $font-family !default;
 $ddl-closer-margin-top: -2em !default;
-$ddl-closer-margin-top-bigger: -2.3em !default;
+$ddl-closer-margin-top-bigger: -36px !default;
 $ddl-icon-margin-top: -2.3em !default;
 $ddl-clear-margin-top: -2em !default;
 $ddl-icon-margin-top-bigger: -2.1em !default;

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

@@ -60,7 +60,7 @@ $ddl-icon-margin-top-bigger: -3.1em !default;
 $ddl-small-ddl-icon-top: -2.5em !default;
 $ddl-bigger-small-ddl-icon-top: -2.85em !default;
 $ddl-clear-margin-top: -3.2em !default;
-$ddl-closer-margin-top-bigger: -3.5em !default;
+$ddl-closer-margin-top-bigger: -34px !default;
 $ddl-chip-font-family: inherit !default;
 $ddl-chip-mobile-radius: 0 !default;
 $ddl-chip-sel-mobile-height: 38px !default;

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

@@ -55,7 +55,7 @@ $ddl-delimviewheight-bigger: 34px !default;
 $ddl-closer-hooker-font: 10px !default;
 $ddl-chip-font-family: inherit !default;
 $ddl-closer-margin-top: -2.5em !default;
-$ddl-closer-margin-top-bigger: -3em !default;
+$ddl-closer-margin-top-bigger: -32px !default;
 $ddl-icon-margin-top: -2.1em !default;
 $ddl-clear-margin-top: -2.5em !default;
 $ddl-icon-margin-top-bigger: -2.5em !default;

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

@@ -41,9 +41,9 @@ $ddl-closer-hooker-font-small: $text-base !default;
 $ddl-closer-hooker-font-bigger-small: $text-xl !default;
 $ddl-chip-font-family: $font-family !default;
 $ddl-closer-margin-top: -1.65em !default;
-$ddl-closer-margin-top-bigger: -1.62em !default;
+$ddl-closer-margin-top-bigger: -37px !default;
 $ddl-icon-margin-top: -1.3em !default;
-$ddl-clear-margin-top: -2em !default;
+$ddl-clear-margin-top: -32px !default;
 $ddl-icon-margin-top-bigger: -1.3em !default;
 $ddl-small-ddl-icon-top: -1.3em !default;
 $ddl-bigger-small-ddl-icon-top: -1.3em !default;

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

@@ -40,7 +40,7 @@ $ddl-delimview-bigger-padding-left: 12px !default;
 $ddl-closer-hooker-font: $text-sm !default;
 $ddl-chip-font-family: $font-family !default;
 $ddl-closer-margin-top: -2em !default;
-$ddl-closer-margin-top-bigger: -2.25em !default;
+$ddl-closer-margin-top-bigger: -36px !default;
 $ddl-icon-margin-top: -2.1em !default;
 $ddl-clear-margin-top: -2em !default;
 $ddl-icon-margin-top-bigger: -2.25em !default;

package/styles/multi-select/bootstrap4.css

@@ -116,6 +116,7 @@
 }
 
 .e-multi-select-wrapper .e-close-hooker::before {
+  font-size: 16px;
   content: "\e745";
   cursor: pointer;
   height: 10px;
@@ -1146,12 +1147,12 @@ ejs-multiselect {
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -3.5em;
+  margin-top: -32px;
 }
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -3.5em;
+  margin-top: -32px;
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker,
@@ -1477,7 +1478,7 @@ ejs-multiselect {
 
 .e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
 .e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
-  font-size: 14px;
+  font-size: 16px;
 }
 
 .e-small.e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
@@ -1518,5 +1519,5 @@ ejs-multiselect {
 
 .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper .e-clear-icon {
   height: 36px;
-  margin-top: -3.5em;
+  margin-top: -32px;
 }

package/styles/multi-select/bootstrap5.3.css

@@ -114,6 +114,8 @@
 }
 
 .e-multi-select-wrapper .e-close-hooker::before {
+  height: 16px;
+  font-size: 16px;
   content: "\e7e7";
   cursor: pointer;
   left: 6px;
@@ -1146,12 +1148,12 @@ ejs-multiselect {
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -2.25em;
+  margin-top: -35px;
 }
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -2.25em;
+  margin-top: -35px;
   margin-top: -2.15em;
 }
 

package/styles/multi-select/fluent-dark.css

@@ -1181,13 +1181,13 @@ ejs-multiselect {
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -2.7em;
+  margin-top: -32px;
   font-size: 14px;
 }
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -2.7em;
+  margin-top: -32px;
   margin-top: -2.25em;
 }
 
@@ -1486,5 +1486,5 @@ ejs-multiselect {
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-  margin-top: -1.6em;
+  margin-top: -24px;
 }

package/styles/multi-select/fluent.css

@@ -1181,13 +1181,13 @@ ejs-multiselect {
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -2.7em;
+  margin-top: -32px;
   font-size: 14px;
 }
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -2.7em;
+  margin-top: -32px;
   margin-top: -2.25em;
 }
 
@@ -1486,5 +1486,5 @@ ejs-multiselect {
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-  margin-top: -1.6em;
+  margin-top: -24px;
 }

package/styles/multi-select/fluent2.css

@@ -298,6 +298,8 @@
 }
 
 .e-multi-select-wrapper .e-close-hooker::before {
+  height: 18px;
+  font-size: 18px;
   content: "\e7e7";
   cursor: pointer;
   margin: auto;
@@ -1338,12 +1340,12 @@ ejs-multiselect {
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -2.3em;
+  margin-top: -36px;
 }
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -2.5em;
+  margin-top: -32px;
 }
 
 .e-bigger .e-multi-select-wrapper input[type=text],

package/styles/multi-select/highcontrast-light.css

@@ -1213,7 +1213,6 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
   margin-top: -3.5em;
-  margin-top: -3.2em;
 }
 
 .e-bigger .e-multi-select-wrapper input[type=text],

package/styles/multi-select/highcontrast.css

@@ -183,6 +183,7 @@
 }
 
 .e-multi-select-wrapper .e-close-hooker::before {
+  font-size: 12px;
   content: "\e7a7";
   cursor: pointer;
   left: 0;
@@ -1223,13 +1224,12 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -3.5em;
+  margin-top: -34px;
 }
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -3.5em;
-  margin-top: -3.2em;
+  margin-top: -34px;
 }
 
 .e-bigger .e-multi-select-wrapper input[type=text],

package/styles/multi-select/icons/_bootstrap4.scss

@@ -14,6 +14,7 @@
   }
 
   .e-multi-select-wrapper .e-close-hooker::before {
+    font-size: 16px;
     content: '\e745';
     cursor: pointer;
     height: $ddl-overall-close-top;

package/styles/multi-select/icons/_bootstrap5.3.scss

@@ -13,6 +13,8 @@
   }
 
   .e-multi-select-wrapper .e-close-hooker::before {
+    height: 16px;
+    font-size: 16px;
     content: '\e7e7';
     cursor: pointer;
     left: $ddl-overall-close-left;

package/styles/multi-select/icons/_fluent2.scss

@@ -13,6 +13,8 @@
   }
   
   .e-multi-select-wrapper .e-close-hooker::before {
+    height: 18px;
+    font-size: 18px;
     content: '\e7e7';
     cursor: pointer;
     margin: auto;

package/styles/multi-select/icons/_highcontrast.scss

@@ -13,6 +13,7 @@
   }
 
   .e-multi-select-wrapper .e-close-hooker::before {
+    font-size: 12px;
     content: '\e7a7';
     cursor: pointer;
     left: $ddl-overall-close-left;

package/styles/multi-select/icons/_tailwind3.scss

@@ -13,6 +13,8 @@
   }
 
   .e-multi-select-wrapper .e-close-hooker::before {
+    height: 16px;
+    font-size: 16px;
     content: '\e7e7';
     cursor: pointer;
     left: $ddl-overall-close-left;

package/styles/multi-select/material.css

@@ -1719,12 +1719,12 @@ ejs-multiselect {
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -3em;
+  margin-top: -32px;
 }
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -3em;
+  margin-top: -32px;
 }
 
 .e-bigger .e-multi-select-wrapper input[type=text],

package/styles/multi-select/tailwind-dark.css

@@ -233,7 +233,7 @@
   -webkit-box-direction: normal;
       -ms-flex-direction: row;
           flex-direction: row;
-  margin-top: -2em;
+  margin-top: -32px;
   margin-top: -1.55em;
   outline: 0;
   padding: 0;
@@ -1107,16 +1107,16 @@ ejs-multiselect {
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -1.62em;
+  margin-top: -37px;
   height: 36px;
   width: 40px;
 }
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -1.62em;
+  margin-top: -37px;
   height: 36px;
-  margin-top: -2em;
+  margin-top: -32px;
   width: 40px;
 }
 
@@ -1124,7 +1124,7 @@ ejs-multiselect {
 .e-bigger.e-multiselect .e-down-icon .e-chips-close.e-close-hooker.e-multi-select-wrapper .e-chips-close.e-close-hooker {
   font-size: 22px;
   margin-top: -1.65em;
-  margin-top: -1.62em;
+  margin-top: -37px;
 }
 
 .e-bigger .e-multi-select-wrapper input[type=text],

package/styles/multi-select/tailwind.css

@@ -233,7 +233,7 @@
   -webkit-box-direction: normal;
       -ms-flex-direction: row;
           flex-direction: row;
-  margin-top: -2em;
+  margin-top: -32px;
   margin-top: -1.55em;
   outline: 0;
   padding: 0;
@@ -1107,16 +1107,16 @@ ejs-multiselect {
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -1.62em;
+  margin-top: -37px;
   height: 36px;
   width: 40px;
 }
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -1.62em;
+  margin-top: -37px;
   height: 36px;
-  margin-top: -2em;
+  margin-top: -32px;
   width: 40px;
 }
 
@@ -1124,7 +1124,7 @@ ejs-multiselect {
 .e-bigger.e-multiselect .e-down-icon .e-chips-close.e-close-hooker.e-multi-select-wrapper .e-chips-close.e-close-hooker {
   font-size: 22px;
   margin-top: -1.65em;
-  margin-top: -1.62em;
+  margin-top: -37px;
 }
 
 .e-bigger .e-multi-select-wrapper input[type=text],

package/styles/multi-select/tailwind3.css

@@ -122,6 +122,8 @@
 }
 
 .e-multi-select-wrapper .e-close-hooker::before {
+  height: 16px;
+  font-size: 16px;
   content: "\e7e7";
   cursor: pointer;
   left: 6px;
@@ -1124,12 +1126,12 @@ ejs-multiselect {
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -2.25em;
+  margin-top: -36px;
 }
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -2.25em;
+  margin-top: -36px;
 }
 
 .e-bigger .e-multi-select-wrapper input[type=text],

package/styles/tailwind-dark-lite.css

@@ -1245,7 +1245,7 @@ ejs-dropdownlist {
   -webkit-box-direction: normal;
       -ms-flex-direction: row;
           flex-direction: row;
-  margin-top: -2em;
+  margin-top: -32px;
   margin-top: -1.55em;
   outline: 0;
   padding: 0;

package/styles/tailwind-dark.css

@@ -1611,7 +1611,7 @@ ejs-dropdownlist {
   -webkit-box-direction: normal;
       -ms-flex-direction: row;
           flex-direction: row;
-  margin-top: -2em;
+  margin-top: -32px;
   margin-top: -1.55em;
   outline: 0;
   padding: 0;
@@ -2485,16 +2485,16 @@ ejs-multiselect {
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -1.62em;
+  margin-top: -37px;
   height: 36px;
   width: 40px;
 }
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -1.62em;
+  margin-top: -37px;
   height: 36px;
-  margin-top: -2em;
+  margin-top: -32px;
   width: 40px;
 }
 
@@ -2502,7 +2502,7 @@ ejs-multiselect {
 .e-bigger.e-multiselect .e-down-icon .e-chips-close.e-close-hooker.e-multi-select-wrapper .e-chips-close.e-close-hooker {
   font-size: 22px;
   margin-top: -1.65em;
-  margin-top: -1.62em;
+  margin-top: -37px;
 }
 
 .e-bigger .e-multi-select-wrapper input[type=text],

package/styles/tailwind-lite.css

@@ -1245,7 +1245,7 @@ ejs-dropdownlist {
   -webkit-box-direction: normal;
       -ms-flex-direction: row;
           flex-direction: row;
-  margin-top: -2em;
+  margin-top: -32px;
   margin-top: -1.55em;
   outline: 0;
   padding: 0;

package/styles/tailwind.css

@@ -1611,7 +1611,7 @@ ejs-dropdownlist {
   -webkit-box-direction: normal;
       -ms-flex-direction: row;
           flex-direction: row;
-  margin-top: -2em;
+  margin-top: -32px;
   margin-top: -1.55em;
   outline: 0;
   padding: 0;
@@ -2485,16 +2485,16 @@ ejs-multiselect {
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -1.62em;
+  margin-top: -37px;
   height: 36px;
   width: 40px;
 }
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -1.62em;
+  margin-top: -37px;
   height: 36px;
-  margin-top: -2em;
+  margin-top: -32px;
   width: 40px;
 }
 
@@ -2502,7 +2502,7 @@ ejs-multiselect {
 .e-bigger.e-multiselect .e-down-icon .e-chips-close.e-close-hooker.e-multi-select-wrapper .e-chips-close.e-close-hooker {
   font-size: 22px;
   margin-top: -1.65em;
-  margin-top: -1.62em;
+  margin-top: -37px;
 }
 
 .e-bigger .e-multi-select-wrapper input[type=text],

package/styles/tailwind3-lite.css

@@ -1105,6 +1105,8 @@ ejs-dropdownlist {
 }
 
 .e-multi-select-wrapper .e-close-hooker::before {
+  height: 16px;
+  font-size: 16px;
   content: "\e7e7";
   cursor: pointer;
   left: 6px;

package/styles/tailwind3.css

@@ -1344,6 +1344,8 @@ ejs-dropdownlist {
 }
 
 .e-multi-select-wrapper .e-close-hooker::before {
+  height: 16px;
+  font-size: 16px;
   content: "\e7e7";
   cursor: pointer;
   left: 6px;
@@ -2346,12 +2348,12 @@ ejs-multiselect {
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -2.25em;
+  margin-top: -36px;
 }
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -2.25em;
+  margin-top: -36px;
 }
 
 .e-bigger .e-multi-select-wrapper input[type=text],