@syncfusion/ej2-dropdowns 32.1.23 → 32.1.25

package/styles/multi-select/bootstrap5.css

@@ -125,6 +125,61 @@
   content: "\e832";
 }
 
+.e-dropdownbase .e-list-group-item,
+.e-fixed-head {
+  font-size: 12px;
+}
+
+.e-small .e-dropdownbase .e-list-group-item,
+.e-small .e-fixed-head,
+.e-small.e-dropdownbase .e-list-group-item,
+.e-small.e-fixed-head {
+  font-size: 10px;
+}
+
+.e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 8px 0 0;
+}
+
+.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 6px 0 0;
+}
+
+.e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
+  line-height: 30px;
+  top: 0;
+}
+
+.e-multiselect .e-input-group-icon.e-ddl-icon {
+  border-radius: 0 2px 2px 0;
+  border-right-width: 0;
+}
+
+.e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
+  border-left-width: 0;
+  border-radius: 4px 0 0 4px;
+  border-right-width: 1px;
+}
+
+.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
+  height: 32px;
+  width: 32px;
+}
+
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
+  color: #212529;
+  height: 100%;
+}
+
+.e-multiselect .e-input-group-icon.e-ddl-icon {
+  border-left-width: 0;
+}
+
+.e-float-input.e-control-wrapper.e-multiselect input[readonly] {
+  background: transparent;
+}
+
 .e-multi-select-wrapper {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -900,6 +955,41 @@ ejs-multiselect {
   width: 15px;
 }
 
+.e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
+  line-height: 30px;
+  top: 0;
+}
+
+.e-multiselect .e-input-group-icon.e-ddl-icon {
+  border-radius: 0 2px 2px 0;
+  border-right-width: 0;
+}
+
+.e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
+  border-left-width: 0;
+  border-radius: 4px 0 0 4px;
+  border-right-width: 1px;
+}
+
+.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
+  height: 32px;
+  width: 32px;
+}
+
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
+  color: #212529;
+  height: 100%;
+}
+
+.e-multiselect .e-input-group-icon.e-ddl-icon {
+  border-left-width: 0;
+}
+
+.e-float-input.e-control-wrapper.e-multiselect input[readonly] {
+  background: transparent;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #212529;
 }
@@ -1100,6 +1190,61 @@ ejs-multiselect {
   color: #343a40;
 }
 
+.e-dropdownbase .e-list-group-item,
+.e-fixed-head {
+  font-size: 12px;
+}
+
+.e-small .e-dropdownbase .e-list-group-item,
+.e-small .e-fixed-head,
+.e-small.e-dropdownbase .e-list-group-item,
+.e-small.e-fixed-head {
+  font-size: 10px;
+}
+
+.e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 8px 0 0;
+}
+
+.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 6px 0 0;
+}
+
+.e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
+  line-height: 30px;
+  top: 0;
+}
+
+.e-multiselect .e-input-group-icon.e-ddl-icon {
+  border-radius: 0 2px 2px 0;
+  border-right-width: 0;
+}
+
+.e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
+  border-left-width: 0;
+  border-radius: 4px 0 0 4px;
+  border-right-width: 1px;
+}
+
+.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
+  height: 32px;
+  width: 32px;
+}
+
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
+  color: #212529;
+  height: 100%;
+}
+
+.e-multiselect .e-input-group-icon.e-ddl-icon {
+  border-left-width: 0;
+}
+
+.e-float-input.e-control-wrapper.e-multiselect input[readonly] {
+  background: transparent;
+}
+
 .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
 .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
   margin-top: -2.25em;

package/styles/multi-select/bootstrap5.scss

@@ -6,5 +6,5 @@
 @use '../drop-down-base/bootstrap5-definition' as *;
 @use 'bootstrap5-definition' as *;
 @use 'icons/bootstrap5' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.bootstrap5' as *;
+@use 'bigger.bootstrap5' as *;

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

@@ -99,6 +99,36 @@
   content: "\eb06";
 }
 
+.e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 10px 0 0;
+}
+
+.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 8px 0 0;
+}
+
+.e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
+  height: 30px;
+  width: 30px;
+}
+
+.e-small .e-multi-select-wrapper .e-chips {
+  padding: 0;
+}
+
+.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
+  padding: 0 8px;
+}
+
+.e-small .e-multi-select-wrapper .e-chips {
+  margin: 2px 2px 2px 0;
+}
+
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
+  color: #fff;
+}
+
 .e-multi-select-wrapper {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -873,6 +903,28 @@ ejs-multiselect {
   color: rgb(221, 218, 218);
 }
 
+.e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
+  height: 30px;
+  width: 30px;
+}
+
+.e-small .e-multi-select-wrapper .e-chips {
+  padding: 0;
+}
+
+.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
+  padding: 0 8px;
+}
+
+.e-small .e-multi-select-wrapper .e-chips {
+  margin: 2px 2px 2px 0;
+}
+
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
+  color: #fff;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #fff;
 }
@@ -1076,6 +1128,36 @@ ejs-multiselect {
   color: #6f6c6c;
 }
 
+.e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 10px 0 0;
+}
+
+.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 8px 0 0;
+}
+
+.e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
+  height: 30px;
+  width: 30px;
+}
+
+.e-small .e-multi-select-wrapper .e-chips {
+  padding: 0;
+}
+
+.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
+  padding: 0 8px;
+}
+
+.e-small .e-multi-select-wrapper .e-chips {
+  margin: 2px 2px 2px 0;
+}
+
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
+  color: #fff;
+}
+
 .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
 .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
   margin-top: -3.15em;

package/styles/multi-select/fabric-dark.scss

@@ -6,5 +6,5 @@
 @use '../drop-down-base/fabric-dark-definition' as *;
 @use 'fabric-dark-definition' as *;
 @use 'icons/fabric-dark' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.fabric-dark' as *;
+@use 'bigger.fabric-dark' as *;

package/styles/multi-select/fabric.css

@@ -94,6 +94,31 @@
   content: "\eb06";
 }
 
+.e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 10px 0 0;
+}
+
+.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 8px 0 0;
+}
+
+.e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
+  height: 30px;
+  width: 30px;
+}
+
+.e-small .e-multi-select-wrapper .e-chips {
+  padding: 0;
+}
+
+.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
+  padding: 0 8px;
+}
+
+.e-small .e-multi-select-wrapper .e-chips {
+  margin: 2px 2px 2px 0;
+}
+
 .e-multi-select-wrapper {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -863,6 +888,23 @@ ejs-multiselect {
   width: 15px;
 }
 
+.e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
+  height: 30px;
+  width: 30px;
+}
+
+.e-small .e-multi-select-wrapper .e-chips {
+  padding: 0;
+}
+
+.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
+  padding: 0 8px;
+}
+
+.e-small .e-multi-select-wrapper .e-chips {
+  margin: 2px 2px 2px 0;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #666;
 }
@@ -1066,6 +1108,31 @@ ejs-multiselect {
   color: #a6a6a6;
 }
 
+.e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 10px 0 0;
+}
+
+.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 8px 0 0;
+}
+
+.e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
+  height: 30px;
+  width: 30px;
+}
+
+.e-small .e-multi-select-wrapper .e-chips {
+  padding: 0;
+}
+
+.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
+  padding: 0 8px;
+}
+
+.e-small .e-multi-select-wrapper .e-chips {
+  margin: 2px 2px 2px 0;
+}
+
 .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
 .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
   margin-top: -3.15em;

package/styles/multi-select/fabric.scss

@@ -6,5 +6,5 @@
 @use '../drop-down-base/fabric-definition' as *;
 @use 'fabric-definition' as *;
 @use 'icons/fabric' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.fabric' as *;
+@use 'bigger.fabric' as *;

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

@@ -129,6 +129,57 @@
   content: "\e761";
 }
 
+.e-dropdownbase .e-list-group-item,
+.e-fixed-head {
+  font-size: 12px;
+}
+
+.e-small .e-dropdownbase .e-list-group-item,
+.e-small .e-fixed-head,
+.e-small.e-dropdownbase .e-list-group-item,
+.e-small.e-fixed-head {
+  font-size: 10px;
+}
+
+.e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 8px 0 0;
+}
+
+.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 8px 0 0;
+}
+
+.e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
+  line-height: 30px;
+  top: 0;
+}
+
+.e-multiselect .e-input-group-icon.e-ddl-icon {
+  border-radius: 0 4px 4px 0;
+  border-right-width: 0;
+}
+
+.e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
+  border-left-width: 0;
+  border-radius: 4px 0 0 4px;
+  border-right-width: 1px;
+}
+
+.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
+  height: 32px;
+  width: 32px;
+}
+
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
+  color: #f3f2f1;
+  height: 100%;
+}
+
+.e-multiselect .e-input-group-icon.e-ddl-icon {
+  border-left-width: 0;
+}
+
 .e-multi-select-wrapper {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -907,6 +958,37 @@ ejs-multiselect {
   width: 15px;
 }
 
+.e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
+  line-height: 30px;
+  top: 0;
+}
+
+.e-multiselect .e-input-group-icon.e-ddl-icon {
+  border-radius: 0 4px 4px 0;
+  border-right-width: 0;
+}
+
+.e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
+  border-left-width: 0;
+  border-radius: 4px 0 0 4px;
+  border-right-width: 1px;
+}
+
+.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
+  height: 32px;
+  width: 32px;
+}
+
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
+  color: #f3f2f1;
+  height: 100%;
+}
+
+.e-multiselect .e-input-group-icon.e-ddl-icon {
+  border-left-width: 0;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #f3f2f1;
 }
@@ -1135,6 +1217,57 @@ ejs-multiselect {
   color: #484644;
 }
 
+.e-dropdownbase .e-list-group-item,
+.e-fixed-head {
+  font-size: 12px;
+}
+
+.e-small .e-dropdownbase .e-list-group-item,
+.e-small .e-fixed-head,
+.e-small.e-dropdownbase .e-list-group-item,
+.e-small.e-fixed-head {
+  font-size: 10px;
+}
+
+.e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 8px 0 0;
+}
+
+.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 8px 0 0;
+}
+
+.e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
+  line-height: 30px;
+  top: 0;
+}
+
+.e-multiselect .e-input-group-icon.e-ddl-icon {
+  border-radius: 0 4px 4px 0;
+  border-right-width: 0;
+}
+
+.e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
+  border-left-width: 0;
+  border-radius: 4px 0 0 4px;
+  border-right-width: 1px;
+}
+
+.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
+  height: 32px;
+  width: 32px;
+}
+
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
+  color: #f3f2f1;
+  height: 100%;
+}
+
+.e-multiselect .e-input-group-icon.e-ddl-icon {
+  border-left-width: 0;
+}
+
 .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
 .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
   margin-top: -1.68em;

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

@@ -6,5 +6,5 @@
 @use '../drop-down-base/fluent-dark-definition' as *;
 @use 'fluent-dark-definition' as *;
 @use 'icons/fluent-dark' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.fluent-dark' as *;
+@use 'bigger.fluent-dark' as *;

package/styles/multi-select/fluent.css

@@ -129,6 +129,57 @@
   content: "\e761";
 }
 
+.e-dropdownbase .e-list-group-item,
+.e-fixed-head {
+  font-size: 12px;
+}
+
+.e-small .e-dropdownbase .e-list-group-item,
+.e-small .e-fixed-head,
+.e-small.e-dropdownbase .e-list-group-item,
+.e-small.e-fixed-head {
+  font-size: 10px;
+}
+
+.e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 8px 0 0;
+}
+
+.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 8px 0 0;
+}
+
+.e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
+  line-height: 30px;
+  top: 0;
+}
+
+.e-multiselect .e-input-group-icon.e-ddl-icon {
+  border-radius: 0 4px 4px 0;
+  border-right-width: 0;
+}
+
+.e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
+  border-left-width: 0;
+  border-radius: 4px 0 0 4px;
+  border-right-width: 1px;
+}
+
+.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
+  height: 32px;
+  width: 32px;
+}
+
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
+  color: #201f1e;
+  height: 100%;
+}
+
+.e-multiselect .e-input-group-icon.e-ddl-icon {
+  border-left-width: 0;
+}
+
 .e-multi-select-wrapper {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -907,6 +958,37 @@ ejs-multiselect {
   width: 15px;
 }
 
+.e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
+  line-height: 30px;
+  top: 0;
+}
+
+.e-multiselect .e-input-group-icon.e-ddl-icon {
+  border-radius: 0 4px 4px 0;
+  border-right-width: 0;
+}
+
+.e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
+  border-left-width: 0;
+  border-radius: 4px 0 0 4px;
+  border-right-width: 1px;
+}
+
+.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
+  height: 32px;
+  width: 32px;
+}
+
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
+  color: #201f1e;
+  height: 100%;
+}
+
+.e-multiselect .e-input-group-icon.e-ddl-icon {
+  border-left-width: 0;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #201f1e;
 }
@@ -1135,6 +1217,57 @@ ejs-multiselect {
   color: #a19f9d;
 }
 
+.e-dropdownbase .e-list-group-item,
+.e-fixed-head {
+  font-size: 12px;
+}
+
+.e-small .e-dropdownbase .e-list-group-item,
+.e-small .e-fixed-head,
+.e-small.e-dropdownbase .e-list-group-item,
+.e-small.e-fixed-head {
+  font-size: 10px;
+}
+
+.e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 8px 0 0;
+}
+
+.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 8px 0 0;
+}
+
+.e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
+  line-height: 30px;
+  top: 0;
+}
+
+.e-multiselect .e-input-group-icon.e-ddl-icon {
+  border-radius: 0 4px 4px 0;
+  border-right-width: 0;
+}
+
+.e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
+  border-left-width: 0;
+  border-radius: 4px 0 0 4px;
+  border-right-width: 1px;
+}
+
+.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
+  height: 32px;
+  width: 32px;
+}
+
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
+  color: #201f1e;
+  height: 100%;
+}
+
+.e-multiselect .e-input-group-icon.e-ddl-icon {
+  border-left-width: 0;
+}
+
 .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
 .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
   margin-top: -1.68em;

package/styles/multi-select/fluent.scss

@@ -6,5 +6,5 @@
 @use '../drop-down-base/fluent-definition' as *;
 @use 'fluent-definition' as *;
 @use 'icons/fluent' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.fluent' as *;
+@use 'bigger.fluent' as *;