@syncfusion/ej2-react-dropdowns 19.2.62 → 19.3.46

package/styles/multi-select/material.css

@@ -914,7 +914,10 @@
   right: auto;
 }
 
-.e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
+  margin-top: -3em;
+}
+
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
   margin-top: -3em;
 }
@@ -935,6 +938,7 @@
 .e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] {
   background: none;
   border: 0;
+  color: inherit;
   font-family: inherit;
   font-size: 14px;
   font-weight: 400;
@@ -1024,6 +1028,7 @@
 
 .e-bigger .e-multi-select-wrapper .e-delim-values {
   line-height: 34px;
+  padding-left: 0;
 }
 
 .e-multi-select-list-wrapper .e-hide-listitem {
@@ -1404,6 +1409,7 @@ ejs-multiselect {
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
+  color: inherit;
   font-size: inherit;
   min-height: 34px;
   padding: 8px 12px 9px;
@@ -1480,6 +1486,100 @@ ejs-multiselect {
   padding: 3px 38px 1px 0;
 }
 
+.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
+  margin-top: -1.6em;
+}
+
+.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
+  margin-top: -2.8em;
+  right: 36px;
+}
+
+.e-bigger .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
+  margin-top: -1.4em;
+}
+
+.e-bigger .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
+  margin-right: 6px;
+  margin-top: -1.6em;
+}
+
+.e-bigger .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
+  margin-top: -3em;
+  right: 43px;
+}
+
+.e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
+  margin-top: -1.4em;
+}
+
+.e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
+  margin-top: -1.6em;
+}
+
+.e-small .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-small.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-small .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-small.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
+  margin-top: -2.6em;
+  right: 31px;
+}
+
+.e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
+  margin-right: 6px;
+  margin-top: -1.7em;
+}
+
+.e-bigger.e-small .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger.e-small.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger.e-small .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger.e-small.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
+  margin-top: -1.7em;
+  right: 36px;
+}
+
+.e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon,
+.e-bigger.e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon,
+.e-bigger .e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon {
+  padding: 11px 12px 0;
+}
+
 .e-multiselect.e-outline .e-multi-select-wrapper {
   min-height: 34px;
   padding: 3px 38px 1px 0;

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

@@ -231,7 +231,7 @@
   display: none;
   -ms-flex-direction: row;
       flex-direction: row;
-  margin-top: -2.5em;
+  margin-top: -2em;
   outline: 0;
   padding: 0;
   position: absolute;
@@ -250,7 +250,7 @@
 .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
 .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
   margin-right: 0;
-  margin-top: -2.1em;
+  margin-top: -1.3em;
   right: 0;
 }
 
@@ -285,7 +285,7 @@
 }
 
 .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
-  margin-top: -2.5em;
+  margin-top: -1.3em;
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
@@ -403,7 +403,10 @@
   right: auto;
 }
 
-.e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
+  margin-top: -2.25em;
+}
+
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
   margin-top: -2.25em;
 }
@@ -424,6 +427,7 @@
 .e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] {
   background: none;
   border: 0;
+  color: inherit;
   font-family: "Inter";
   font-size: 14px;
   font-weight: 400;
@@ -493,6 +497,7 @@
 
 .e-bigger .e-multi-select-wrapper .e-delim-values {
   line-height: 34px;
+  padding-left: 12px;
 }
 
 .e-multi-select-list-wrapper .e-hide-listitem {
@@ -862,6 +867,10 @@ ejs-multiselect {
   min-height: 40px;
 }
 
+.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
+  color: inherit;
+}
+
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
 .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
   -ms-flex-align: normal;

package/styles/multi-select/tailwind.css

@@ -231,7 +231,7 @@
   display: none;
   -ms-flex-direction: row;
       flex-direction: row;
-  margin-top: -2.5em;
+  margin-top: -2em;
   outline: 0;
   padding: 0;
   position: absolute;
@@ -250,7 +250,7 @@
 .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
 .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
   margin-right: 0;
-  margin-top: -2.1em;
+  margin-top: -1.3em;
   right: 0;
 }
 
@@ -285,7 +285,7 @@
 }
 
 .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
-  margin-top: -2.5em;
+  margin-top: -1.3em;
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
@@ -403,7 +403,10 @@
   right: auto;
 }
 
-.e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
+  margin-top: -2.25em;
+}
+
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
   margin-top: -2.25em;
 }
@@ -424,6 +427,7 @@
 .e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] {
   background: none;
   border: 0;
+  color: inherit;
   font-family: "Inter";
   font-size: 14px;
   font-weight: 400;
@@ -493,6 +497,7 @@
 
 .e-bigger .e-multi-select-wrapper .e-delim-values {
   line-height: 34px;
+  padding-left: 12px;
 }
 
 .e-multi-select-list-wrapper .e-hide-listitem {
@@ -862,6 +867,10 @@ ejs-multiselect {
   min-height: 40px;
 }
 
+.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
+  color: inherit;
+}
+
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
 .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
   -ms-flex-align: normal;

package/styles/tailwind-dark.css

@@ -62,6 +62,7 @@
 .e-dropdownbase.e-bigger .e-list-group-item,
 .e-dropdownbase.e-bigger .e-fixed-head {
   line-height: 36px;
+  text-indent: 12px;
 }
 
 .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
@@ -136,17 +137,14 @@
 
 .e-small .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 8px;
-  text-indent: 0;
 }
 
 .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 16px;
-  text-indent: 0;
 }
 
 .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 14px;
-  text-indent: 0;
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
@@ -194,7 +192,7 @@
 }
 
 .e-dropdownbase .e-list-item {
-  background-color: #1f2937;
+  background-color: #374151;
   border-bottom: 0;
   border-color: #4b5563;
   color: #fff;
@@ -208,7 +206,7 @@
 
 .e-dropdownbase .e-list-group-item,
 .e-fixed-head {
-  background-color: #1f2937;
+  background-color: #374151;
   border-color: #4b5563;
   color: #9ca3af;
   font-family: "Inter";
@@ -268,7 +266,7 @@
 }
 
 .e-multi-column.e-ddl.e-popup.e-popup-open .e-ddl-header {
-  background-color: #1f2937;
+  background-color: #374151;
   border-color: #4b5563;
   border-style: solid;
   border-width: 0 0 1px 0;
@@ -357,7 +355,7 @@
 }
 
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item {
-  background-color: #1f2937;
+  background-color: #374151;
   border-bottom: 0;
   border-color: #4b5563;
   color: #fff;
@@ -821,7 +819,7 @@ ejs-dropdownlist {
   }
 }
 
-/*! TreeView's tailwind-dark theme wise override definitions and variables */
+/*! TreeView's tailwind theme wise override definitions and variables */
 .e-ddt .e-ddt-icon::before {
   content: '\e706';
 }
@@ -865,13 +863,13 @@ ejs-dropdownlist {
 }
 
 .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
-  bottom: 1px;
+  bottom: 6px;
   position: absolute;
   right: 0;
 }
 
 .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
-  right: 25px;
+  right: 28px;
 }
 
 .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
@@ -1160,13 +1158,17 @@ ejs-dropdownlist {
 }
 
 .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
-  left: 25px;
+  left: 28px;
 }
 
 .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
   padding: 0 14px 0 0;
 }
 
+.e-ddt-icon-hide {
+  display: none;
+}
+
 .e-bigger .e-ddt .e-chips,
 .e-ddt.e-bigger .e-chips {
   height: 30px;
@@ -1184,7 +1186,7 @@ ejs-dropdownlist {
 .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
 .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
   bottom: 3px;
-  right: 25px;
+  right: 32px;
 }
 
 .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,
@@ -1558,7 +1560,7 @@ ejs-dropdownlist {
   display: none;
   -ms-flex-direction: row;
       flex-direction: row;
-  margin-top: -2.5em;
+  margin-top: -2em;
   outline: 0;
   padding: 0;
   position: absolute;
@@ -1577,7 +1579,7 @@ ejs-dropdownlist {
 .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
 .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
   margin-right: 0;
-  margin-top: -2.1em;
+  margin-top: -1.3em;
   right: 0;
 }
 
@@ -1612,7 +1614,7 @@ ejs-dropdownlist {
 }
 
 .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
-  margin-top: -2.5em;
+  margin-top: -1.3em;
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
@@ -1730,7 +1732,10 @@ ejs-dropdownlist {
   right: auto;
 }
 
-.e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
+  margin-top: -2.25em;
+}
+
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
   margin-top: -2.25em;
 }
@@ -1751,6 +1756,7 @@ ejs-dropdownlist {
 .e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] {
   background: none;
   border: 0;
+  color: inherit;
   font-family: "Inter";
   font-size: 14px;
   font-weight: 400;
@@ -1820,6 +1826,7 @@ ejs-dropdownlist {
 
 .e-bigger .e-multi-select-wrapper .e-delim-values {
   line-height: 34px;
+  padding-left: 12px;
 }
 
 .e-multi-select-list-wrapper .e-hide-listitem {
@@ -2189,6 +2196,10 @@ ejs-multiselect {
   min-height: 40px;
 }
 
+.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
+  color: inherit;
+}
+
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
 .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
   -ms-flex-align: normal;
@@ -3123,7 +3134,7 @@ ejs-listbox {
 .e-bigger .e-listbox-container .e-list-group-item,
 .e-listbox-container.e-bigger .e-list-group-item {
   height: 38px;
-  line-height: 35px;
+  line-height: 14px;
 }
 
 .e-bigger .e-listbox-wrapper .e-list-header,

package/styles/tailwind.css

@@ -62,6 +62,7 @@
 .e-dropdownbase.e-bigger .e-list-group-item,
 .e-dropdownbase.e-bigger .e-fixed-head {
   line-height: 36px;
+  text-indent: 12px;
 }
 
 .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
@@ -136,17 +137,14 @@
 
 .e-small .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 8px;
-  text-indent: 0;
 }
 
 .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 16px;
-  text-indent: 0;
 }
 
 .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 14px;
-  text-indent: 0;
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
@@ -865,13 +863,13 @@ ejs-dropdownlist {
 }
 
 .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
-  bottom: 1px;
+  bottom: 6px;
   position: absolute;
   right: 0;
 }
 
 .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
-  right: 25px;
+  right: 28px;
 }
 
 .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
@@ -1160,13 +1158,17 @@ ejs-dropdownlist {
 }
 
 .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
-  left: 25px;
+  left: 28px;
 }
 
 .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
   padding: 0 14px 0 0;
 }
 
+.e-ddt-icon-hide {
+  display: none;
+}
+
 .e-bigger .e-ddt .e-chips,
 .e-ddt.e-bigger .e-chips {
   height: 30px;
@@ -1184,7 +1186,7 @@ ejs-dropdownlist {
 .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
 .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
   bottom: 3px;
-  right: 25px;
+  right: 32px;
 }
 
 .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,
@@ -1558,7 +1560,7 @@ ejs-dropdownlist {
   display: none;
   -ms-flex-direction: row;
       flex-direction: row;
-  margin-top: -2.5em;
+  margin-top: -2em;
   outline: 0;
   padding: 0;
   position: absolute;
@@ -1577,7 +1579,7 @@ ejs-dropdownlist {
 .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
 .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
   margin-right: 0;
-  margin-top: -2.1em;
+  margin-top: -1.3em;
   right: 0;
 }
 
@@ -1612,7 +1614,7 @@ ejs-dropdownlist {
 }
 
 .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
-  margin-top: -2.5em;
+  margin-top: -1.3em;
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
@@ -1730,7 +1732,10 @@ ejs-dropdownlist {
   right: auto;
 }
 
-.e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
+  margin-top: -2.25em;
+}
+
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
   margin-top: -2.25em;
 }
@@ -1751,6 +1756,7 @@ ejs-dropdownlist {
 .e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] {
   background: none;
   border: 0;
+  color: inherit;
   font-family: "Inter";
   font-size: 14px;
   font-weight: 400;
@@ -1820,6 +1826,7 @@ ejs-dropdownlist {
 
 .e-bigger .e-multi-select-wrapper .e-delim-values {
   line-height: 34px;
+  padding-left: 12px;
 }
 
 .e-multi-select-list-wrapper .e-hide-listitem {
@@ -2189,6 +2196,10 @@ ejs-multiselect {
   min-height: 40px;
 }
 
+.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
+  color: inherit;
+}
+
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
 .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
   -ms-flex-align: normal;
@@ -3123,7 +3134,7 @@ ejs-listbox {
 .e-bigger .e-listbox-container .e-list-group-item,
 .e-listbox-container.e-bigger .e-list-group-item {
   height: 38px;
-  line-height: 35px;
+  line-height: 14px;
 }
 
 .e-bigger .e-listbox-wrapper .e-list-header,