@syncfusion/ej2-dropdowns 28.2.11 → 29.1.33

package/styles/fluent-dark-lite.css

@@ -824,6 +824,9 @@ ejs-dropdownlist {
   padding: 0 8px;
   line-height: 30px;
 }
+.e-ddt .e-overflow.e-show-text.e-input-value:not(.e-icon-hide) {
+  display: inline-grid;
+}
 .e-ddt .e-overflow.e-total-count {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1264,6 +1267,10 @@ ejs-dropdownlist {
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
   float: right;
 }
+.e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
+.e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
+  float: none;
+}
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,

package/styles/fluent-dark.css

@@ -1010,6 +1010,9 @@ ejs-dropdownlist {
   padding: 0 8px;
   line-height: 30px;
 }
+.e-ddt .e-overflow.e-show-text.e-input-value:not(.e-icon-hide) {
+  display: inline-grid;
+}
 .e-ddt .e-overflow.e-total-count {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1582,6 +1585,10 @@ ejs-dropdownlist {
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
   float: right;
 }
+.e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
+.e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
+  float: none;
+}
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,

package/styles/fluent-lite.css

@@ -824,6 +824,9 @@ ejs-dropdownlist {
   padding: 0 8px;
   line-height: 30px;
 }
+.e-ddt .e-overflow.e-show-text.e-input-value:not(.e-icon-hide) {
+  display: inline-grid;
+}
 .e-ddt .e-overflow.e-total-count {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1264,6 +1267,10 @@ ejs-dropdownlist {
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
   float: right;
 }
+.e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
+.e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
+  float: none;
+}
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,

package/styles/fluent.css

@@ -1010,6 +1010,9 @@ ejs-dropdownlist {
   padding: 0 8px;
   line-height: 30px;
 }
+.e-ddt .e-overflow.e-show-text.e-input-value:not(.e-icon-hide) {
+  display: inline-grid;
+}
 .e-ddt .e-overflow.e-total-count {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1582,6 +1585,10 @@ ejs-dropdownlist {
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
   float: right;
 }
+.e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
+.e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
+  float: none;
+}
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,

package/styles/fluent2-lite.css

@@ -1012,6 +1012,9 @@ ejs-dropdownlist {
 .e-ddt .e-overflow.e-show-text {
   padding: 3px 12px;
 }
+.e-ddt .e-overflow.e-show-text.e-input-value:not(.e-icon-hide) {
+  display: inline-grid;
+}
 .e-ddt .e-overflow.e-total-count {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1470,6 +1473,10 @@ ejs-dropdownlist {
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
   float: right;
 }
+.e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
+.e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
+  float: none;
+}
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
@@ -2324,7 +2331,6 @@ ejs-multiselect {
       -ms-user-select: none;
           user-select: none;
   width: 100%;
-  border-radius: 4px;
 }
 .e-listbox-wrapper *,
 .e-listbox-container *,
@@ -2332,6 +2338,11 @@ ejs-multiselect {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
 }
+.e-listbox-wrapper,
+.e-listbox-container,
+.e-listboxtool-wrapper {
+  border-radius: 4px;
+}
 .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
 .e-listbox-container .e-list-wrap:focus-visible,
 .e-listbox-container:focus,

package/styles/fluent2.css

@@ -1191,6 +1191,9 @@ ejs-dropdownlist {
 .e-ddt .e-overflow.e-show-text {
   padding: 3px 12px;
 }
+.e-ddt .e-overflow.e-show-text.e-input-value:not(.e-icon-hide) {
+  display: inline-grid;
+}
 .e-ddt .e-overflow.e-total-count {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1435,12 +1438,18 @@ ejs-dropdownlist {
 .e-ddt.e-bigger.e-input-group.e-control-wrapper .e-clear-icon,
 .e-ddt.e-bigger.e-float-input.e-control-wrapper .e-clear-icon {
   min-height: 24px;
+  padding: 0;
 }
 .e-bigger .e-ddt.e-input-group.e-control-wrapper .e-clear-icon::before, .e-bigger .e-ddt.e-float-input.e-control-wrapper .e-clear-icon::before,
 .e-ddt.e-bigger.e-input-group.e-control-wrapper .e-clear-icon::before,
 .e-ddt.e-bigger.e-float-input.e-control-wrapper .e-clear-icon::before {
   font-size: 18px;
 }
+.e-bigger .e-ddt.e-show-chip .e-overflow .e-remain.e-wrap-count,
+.e-ddt.e-bigger.e-show-chip .e-overflow .e-remain.e-wrap-count {
+  padding-top: 9px;
+  padding-bottom: 9px;
+}
 .e-bigger .e-ddt .e-overflow.e-show-text,
 .e-ddt.e-bigger .e-overflow.e-show-text {
   padding: 7px 16px;
@@ -1746,6 +1755,10 @@ ejs-dropdownlist {
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
   float: right;
 }
+.e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
+.e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
+  float: none;
+}
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
@@ -2990,7 +3003,6 @@ ejs-multiselect {
       -ms-user-select: none;
           user-select: none;
   width: 100%;
-  border-radius: 4px;
 }
 .e-listbox-wrapper *,
 .e-listbox-container *,
@@ -2998,6 +3010,11 @@ ejs-multiselect {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
 }
+.e-listbox-wrapper,
+.e-listbox-container,
+.e-listboxtool-wrapper {
+  border-radius: 4px;
+}
 .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
 .e-listbox-container .e-list-wrap:focus-visible,
 .e-listbox-container:focus,

package/styles/highcontrast-light-lite.css

@@ -762,6 +762,9 @@ ejs-dropdownlist {
 .e-ddt .e-overflow.e-show-text {
   padding: 6px 10px 0 10px;
 }
+.e-ddt .e-overflow.e-show-text.e-input-value:not(.e-icon-hide) {
+  display: inline-grid;
+}
 .e-ddt .e-overflow.e-total-count {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1264,6 +1267,10 @@ ejs-dropdownlist {
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
   float: right;
 }
+.e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
+.e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
+  float: none;
+}
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,

package/styles/highcontrast-light.css

@@ -927,6 +927,9 @@ ejs-dropdownlist {
 .e-ddt .e-overflow.e-show-text {
   padding: 6px 10px 0 10px;
 }
+.e-ddt .e-overflow.e-show-text.e-input-value:not(.e-icon-hide) {
+  display: inline-grid;
+}
 .e-ddt .e-overflow.e-total-count {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1516,6 +1519,10 @@ ejs-dropdownlist {
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
   float: right;
 }
+.e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
+.e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
+  float: none;
+}
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,

package/styles/highcontrast-lite.css

@@ -773,6 +773,9 @@ ejs-dropdownlist {
 .e-ddt .e-overflow.e-show-text {
   padding: 6px 10px 0 10px;
 }
+.e-ddt .e-overflow.e-show-text.e-input-value:not(.e-icon-hide) {
+  display: inline-grid;
+}
 .e-ddt .e-overflow.e-total-count {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1295,6 +1298,10 @@ ejs-dropdownlist {
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
   float: right;
 }
+.e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
+.e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
+  float: none;
+}
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,

package/styles/highcontrast.css

@@ -938,6 +938,9 @@ ejs-dropdownlist {
 .e-ddt .e-overflow.e-show-text {
   padding: 6px 10px 0 10px;
 }
+.e-ddt .e-overflow.e-show-text.e-input-value:not(.e-icon-hide) {
+  display: inline-grid;
+}
 .e-ddt .e-overflow.e-total-count {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1547,6 +1550,10 @@ ejs-dropdownlist {
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
   float: right;
 }
+.e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
+.e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
+  float: none;
+}
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,

package/styles/list-box/_bootstrap-dark-definition.scss

@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 //default
 $listbox-font-family: $font-family !default;
 $listbox-text-color: rgba($grey-dark-font, 1) !default;
@@ -49,7 +51,7 @@ $listbox-header-height: 40px !default;
 $listbox-header-font-weight: bold !default;
 $listbox-header-line-height: 1px !default;
 $listbox-header-padding-bottom: 4px !default;
-$listbox-groupheader-text-color: lighten($brand-primary, 15%) !default;
+$listbox-groupheader-text-color: color.adjust($brand-primary, $lightness: 15%) !default;
 $listbox-groupheader-bg: $grey-base !default;
 $listbox-groupheader-border: $grey-44 !default;
 $listbox-groupheader-icon: $grey-dark-font !default;

package/styles/list-box/_bootstrap4-definition.scss

@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 $listbox-font-family: $font-family !default;
 $listbox-text-color: rgba($gray-900, 1) !default;
 $listbox-text-disabled: $gray-600 !default;
@@ -9,7 +11,7 @@ $listbox-icon-back-margin: 0 !default;
 $listbox-rtl-icon-back-margin: 0 !default;
 $listbox-background: $content-bg !default;
 $listbox-line-color: rgba($black, .13) !default;
-$listbox-item-hover-bg: darken($gray-100, 5%) !default;
+$listbox-item-hover-bg: color.adjust($gray-100, $lightness: -5%) !default;
 $listbox-item-height: 40px !default;
 $listbox-item-line-height: 1.5 !default;
 $listbox-item-padding: 10px 16px 10px 16px !default;

package/styles/list-box/_layout.scss

@@ -16,11 +16,15 @@
     }
 
     @if $skin-name == 'fluent2' or $theme-name == 'bootstrap5.3' or $theme-name == 'bootstrap5.3-dark' {
-      border-radius: 4px;
+      & {
+        border-radius: 4px;
+      }
     }
     @if $skin-name == 'tailwind3' {
-      font-weight: $font-weight-medium;
-      border-radius: 6px;
+      & {
+        font-weight: $font-weight-medium;
+        border-radius: 6px;
+      }
     }
 
     &.e-listboxtool-container .e-list-wrap {

package/styles/list-box/bootstrap-dark.css

@@ -584,7 +584,7 @@ ejs-listbox {
 .e-listboxtool-wrapper .e-list-group-item {
   background-color: #1a1a1a;
   border-color: #414141;
-  color: #3e98ff;
+  color: rgb(61.5, 151.8, 255);
   font-size: 14px;
 }
 

package/styles/list-box/bootstrap4.css

@@ -557,7 +557,7 @@ ejs-listbox {
 .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
 .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
 .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
-  background-color: #e9ecef;
+  background-color: rgb(233.125, 236.25, 239.375);
   border-color: transparent;
   color: #212529;
 }

package/styles/list-box/bootstrap5-dark.css

@@ -450,7 +450,7 @@ ejs-listbox {
 }
 .e-listboxtool-wrapper .e-listbox-tool,
 .e-listboxtool-container .e-listbox-tool {
-  border: 1px solid #444c54;
+  border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   overflow: auto;
   padding: 8px;
 }
@@ -511,7 +511,7 @@ ejs-listbox {
 .e-listbox-wrapper,
 .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
 .e-listboxtool-container.e-listbox-container .e-ul {
-  border: 1px solid #444c54;
+  border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
 }
 
 .e-listbox-wrapper,
@@ -609,7 +609,7 @@ ejs-listbox {
 .e-listbox-container .e-selectall-parent,
 .e-listboxtool-wrapper .e-selectall-parent {
   background-color: transparent;
-  border-bottom: 1px solid #444c54;
+  border-bottom: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   color: #fff;
 }
 

package/styles/list-box/bootstrap5.3.css

@@ -61,7 +61,6 @@
       -ms-user-select: none;
           user-select: none;
   width: 100%;
-  border-radius: 4px;
 }
 .e-listbox-wrapper *,
 .e-listbox-container *,
@@ -69,6 +68,11 @@
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
 }
+.e-listbox-wrapper,
+.e-listbox-container,
+.e-listboxtool-wrapper {
+  border-radius: 4px;
+}
 .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
 .e-listbox-container.e-listboxtool-container .e-list-wrap,
 .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {

package/styles/list-box/fabric-dark.css

@@ -584,7 +584,7 @@ ejs-listbox {
 .e-listboxtool-wrapper .e-list-group-item {
   background-color: #201f1f;
   border-color: #414040;
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
   font-size: 14px;
 }
 

package/styles/list-box/fabric.css

@@ -570,7 +570,7 @@ ejs-listbox {
 .e-listboxtool-wrapper .e-list-item.e-focused,
 .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
 .e-listboxtool-wrapper .e-list-item.e-selected {
-  background-color: #d1ebff;
+  background-color: rgb(208.9, 234.7504672897, 255);
   color: #333;
 }
 

package/styles/list-box/fluent2.css

@@ -74,7 +74,6 @@
       -ms-user-select: none;
           user-select: none;
   width: 100%;
-  border-radius: 4px;
 }
 .e-listbox-wrapper *,
 .e-listbox-container *,
@@ -82,6 +81,11 @@
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
 }
+.e-listbox-wrapper,
+.e-listbox-container,
+.e-listboxtool-wrapper {
+  border-radius: 4px;
+}
 .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
 .e-listbox-container .e-list-wrap:focus-visible,
 .e-listbox-container:focus,

package/styles/list-box/tailwind3.css

@@ -61,8 +61,6 @@
       -ms-user-select: none;
           user-select: none;
   width: 100%;
-  font-weight: 500;
-  border-radius: 6px;
 }
 .e-listbox-wrapper *,
 .e-listbox-container *,
@@ -70,6 +68,12 @@
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
 }
+.e-listbox-wrapper,
+.e-listbox-container,
+.e-listboxtool-wrapper {
+  font-weight: 500;
+  border-radius: 6px;
+}
 .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
 .e-listbox-container .e-list-wrap:focus-visible,
 .e-listbox-container:focus,

package/styles/material-dark-lite.css

@@ -908,6 +908,9 @@ ejs-dropdownlist {
 .e-ddt .e-overflow.e-show-text {
   padding: 6px 0 0 0;
 }
+.e-ddt .e-overflow.e-show-text.e-input-value:not(.e-icon-hide) {
+  display: inline-grid;
+}
 .e-ddt .e-overflow.e-total-count {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1618,6 +1621,10 @@ ejs-dropdownlist {
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
   float: right;
 }
+.e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
+.e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
+  float: none;
+}
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
@@ -2697,12 +2704,12 @@ ejs-multiselect {
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected,
 .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected {
-  background-color: #c7c7c7;
+  background-color: rgb(198.5, 198.5, 198.5);
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected:hover,
 .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
-  background-color: #c7c7c7;
+  background-color: rgb(198.5, 198.5, 198.5);
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent,

package/styles/material-dark.css

@@ -1068,6 +1068,9 @@ ejs-dropdownlist {
 .e-ddt .e-overflow.e-show-text {
   padding: 6px 0 0 0;
 }
+.e-ddt .e-overflow.e-show-text.e-input-value:not(.e-icon-hide) {
+  display: inline-grid;
+}
 .e-ddt .e-overflow.e-total-count {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -2039,6 +2042,10 @@ ejs-dropdownlist {
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
   float: right;
 }
+.e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
+.e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
+  float: none;
+}
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
@@ -3118,12 +3125,12 @@ ejs-multiselect {
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected,
 .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected {
-  background-color: #c7c7c7;
+  background-color: rgb(198.5, 198.5, 198.5);
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected:hover,
 .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
-  background-color: #c7c7c7;
+  background-color: rgb(198.5, 198.5, 198.5);
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent,

package/styles/material-lite.css

@@ -927,6 +927,9 @@ ejs-dropdownlist {
 .e-ddt .e-overflow.e-show-text {
   padding: 6px 0 0 0;
 }
+.e-ddt .e-overflow.e-show-text.e-input-value:not(.e-icon-hide) {
+  display: inline-grid;
+}
 .e-ddt .e-overflow.e-total-count {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1177,7 +1180,7 @@ ejs-dropdownlist {
   color: rgba(0, 0, 0, 0.87);
 }
 .e-ddt.e-filled .e-chips {
-  background-color: #cecece;
+  background-color: rgb(206.15, 206.15, 206.15);
 }
 .e-ddt .e-overflow .e-remain {
   color: rgba(0, 0, 0, 0.54);
@@ -1640,6 +1643,10 @@ ejs-dropdownlist {
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
   float: right;
 }
+.e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
+.e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
+  float: none;
+}
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
@@ -2701,25 +2708,25 @@ ejs-multiselect {
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper .e-chips {
-  background-color: #cecece;
+  background-color: rgb(206.15, 206.15, 206.15);
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips:hover {
-  background-color: #d6d6d6;
+  background-color: rgb(213.8, 213.8, 213.8);
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper .e-chips:hover {
-  background-color: #cecece;
+  background-color: rgb(206.15, 206.15, 206.15);
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected,
 .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected {
-  background-color: #c7c7c7;
+  background-color: rgb(198.5, 198.5, 198.5);
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected:hover,
 .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
-  background-color: #c7c7c7;
+  background-color: rgb(198.5, 198.5, 198.5);
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent,

package/styles/material.css

@@ -1108,6 +1108,9 @@ ejs-dropdownlist {
 .e-ddt .e-overflow.e-show-text {
   padding: 6px 0 0 0;
 }
+.e-ddt .e-overflow.e-show-text.e-input-value:not(.e-icon-hide) {
+  display: inline-grid;
+}
 .e-ddt .e-overflow.e-total-count {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1358,7 +1361,7 @@ ejs-dropdownlist {
   color: rgba(0, 0, 0, 0.87);
 }
 .e-ddt.e-filled .e-chips {
-  background-color: #cecece;
+  background-color: rgb(206.15, 206.15, 206.15);
 }
 .e-ddt .e-overflow .e-remain {
   color: rgba(0, 0, 0, 0.54);
@@ -2082,6 +2085,10 @@ ejs-dropdownlist {
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
   float: right;
 }
+.e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
+.e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
+  float: none;
+}
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
@@ -3143,25 +3150,25 @@ ejs-multiselect {
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper .e-chips {
-  background-color: #cecece;
+  background-color: rgb(206.15, 206.15, 206.15);
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips:hover {
-  background-color: #d6d6d6;
+  background-color: rgb(213.8, 213.8, 213.8);
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper .e-chips:hover {
-  background-color: #cecece;
+  background-color: rgb(206.15, 206.15, 206.15);
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected,
 .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected {
-  background-color: #c7c7c7;
+  background-color: rgb(198.5, 198.5, 198.5);
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected:hover,
 .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
-  background-color: #c7c7c7;
+  background-color: rgb(198.5, 198.5, 198.5);
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent,