@syncfusion/ej2-dropdowns 28.2.12 → 29.1.37

package/styles/material3-dark-lite.css

@@ -857,6 +857,9 @@ ejs-dropdownlist {
 .e-ddt .e-overflow.e-show-text {
   padding: 0 8px;
 }
+.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;
@@ -1512,6 +1515,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,
@@ -2615,7 +2622,7 @@ ejs-multiselect {
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper .e-chips {
-  background: #cecece;
+  background: rgb(206.15, 206.15, 206.15);
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips:hover {
@@ -2623,7 +2630,7 @@ ejs-multiselect {
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper .e-chips:hover {
-  background: #cecece;
+  background: rgb(206.15, 206.15, 206.15);
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected,

package/styles/material3-dark.css

@@ -1042,6 +1042,9 @@ ejs-dropdownlist {
 .e-ddt .e-overflow.e-show-text {
   padding: 0 8px;
 }
+.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;
@@ -1760,6 +1763,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,
@@ -2863,7 +2870,7 @@ ejs-multiselect {
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper .e-chips {
-  background: #cecece;
+  background: rgb(206.15, 206.15, 206.15);
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips:hover {
@@ -2871,7 +2878,7 @@ ejs-multiselect {
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper .e-chips:hover {
-  background: #cecece;
+  background: rgb(206.15, 206.15, 206.15);
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected,

package/styles/material3-lite.css

@@ -859,6 +859,9 @@ ejs-dropdownlist {
 .e-ddt .e-overflow.e-show-text {
   padding: 0 8px;
 }
+.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;
@@ -1514,6 +1517,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,
@@ -2617,7 +2624,7 @@ ejs-multiselect {
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper .e-chips {
-  background: #cecece;
+  background: rgb(206.15, 206.15, 206.15);
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips:hover {
@@ -2625,7 +2632,7 @@ ejs-multiselect {
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper .e-chips:hover {
-  background: #cecece;
+  background: rgb(206.15, 206.15, 206.15);
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected,

package/styles/material3.css

@@ -1044,6 +1044,9 @@ ejs-dropdownlist {
 .e-ddt .e-overflow.e-show-text {
   padding: 0 8px;
 }
+.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;
@@ -1762,6 +1765,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,
@@ -2865,7 +2872,7 @@ ejs-multiselect {
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper .e-chips {
-  background: #cecece;
+  background: rgb(206.15, 206.15, 206.15);
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips:hover {
@@ -2873,7 +2880,7 @@ ejs-multiselect {
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper .e-chips:hover {
-  background: #cecece;
+  background: rgb(206.15, 206.15, 206.15);
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected,

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

@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 $ddl-chip-mobile-close-font: 16px !default;
 $ddl-multiselect-skin-name: 'bootstrap4' !default;
 $ddl-delim-font-size: 14px !default;
@@ -5,14 +7,14 @@ $ddl-rtl-wrapper: 0 2px 0 32px !default;
 $ddl-chip-mobile-bg: $gray-600 !default;
 $ddl-chip-mobile-font: $white !default;
 $ddl-chip-bg-color:  $gray-600 !default;
-$ddl-chip-hover-bg-color: darken($gray-600, 7.5%) !default;
+$ddl-chip-hover-bg-color: color.adjust($gray-600, $lightness: -7.5%) !default;
 $ddl-chip-hover-font-color: $white !default;
 $ddl-chip-font-color: $white !default;
 $ddl-chip-close:  $white !default;
 $ddl-sel-chip-font-color: $white !default;
 $ddl-sel-chip-close: $white !default;
 $ddl-sel-chip-color: $white !default;
-$ddl-sel-chip-bg-color: darken($gray-600, 10%) !default;
+$ddl-sel-chip-bg-color: color.adjust($gray-600, $lightness: -10%) !default;
 $ddl-chip-selected-shadow-value: none !default;
 $ddl-popup-shadow-value: none !default;
 $ddl-remains-font-color: $gray-600 !default;
@@ -122,7 +124,7 @@ $ddl-close-icon-left: 24px !default;
 $ddl-check-icon-top: 0 !default;
 $ddl-bigger-check-right: 25px !default;
 $ddl-multi-list-default-font-color: $gray-900 !default;
-$ddl-multi-list-hover-bg-color: darken($gray-100, 2%) !default;
+$ddl-multi-list-hover-bg-color: color.adjust($gray-100, $lightness: -2%) !default;
 $ddl-delim-text-padding-right: 6px !default;
 $ddl-list-rtl-padding-right: 15px !default;
 $ddl-close-rtl-icon-left: 38px !default;

package/styles/multi-select/_layout.scss

@@ -162,6 +162,9 @@
   .e-multi-select-wrapper .e-multi-searcher {
     float: right;
   }
+  .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
+    float: none;
+  }
 
   .e-multi-select-wrapper .e-clear-icon,
   .e-multi-select-wrapper .e-ddl-icon {

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

@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 //default
 $ddl-chip-mobile-close-font: 16px !default;
 $ddl-multiselect-skin-name: 'material' !default;
@@ -202,8 +204,8 @@ $outline-multiselect-bigger-chip-font-size: 14px !default;
 
 $outline-multiselect-chip-bg-color: $grey-800 !default;
 $outline-multiselect-chip-hover-bg-color: $grey-700 !default;
-$outline-multiselect-sel-chip-bg-color: darken($grey-300, 10%) !default;
-$outline-multiselect-sel-hover-chip-bg-color: darken($grey-300, 10%) !default;
+$outline-multiselect-sel-chip-bg-color: color.adjust($grey-300, $lightness: -10%) !default;
+$outline-multiselect-sel-hover-chip-bg-color: color.adjust($grey-300, $lightness: -10%) !default;
 $outline-multiselect-close-icon-bg-color: $grey-dark-font !default;
 $outline-multiselect-close-icon-hover-bg-color: rgba($grey-dark-font, .87) !default;
 $outline-multiselect-remains-font-color: rgba($grey-light-font, .6) !default;

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

@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 $ddl-chip-mobile-close-font: 16px !default;
 $ddl-multiselect-skin-name: 'material' !default;
 $ddl-delim-font-size: 14px !default;
@@ -211,16 +213,16 @@ $outline-multiselect-small-chip-font-size: 12px !default;
 $outline-multiselect-bigger-chip-font-size: 14px !default;
 
 $outline-multiselect-chip-bg-color: $grey-300 !default;
-$outline-multiselect-chip-hover-bg-color: darken($grey-300, 4%) !default;
-$outline-multiselect-sel-chip-bg-color: darken($grey-300, 10%) !default;
-$outline-multiselect-sel-hover-chip-bg-color: darken($grey-300, 10%) !default;
+$outline-multiselect-chip-hover-bg-color: color.adjust($grey-300, $lightness: -4%) !default;
+$outline-multiselect-sel-chip-bg-color: color.adjust($grey-300, $lightness: -10%) !default;
+$outline-multiselect-sel-hover-chip-bg-color: color.adjust($grey-300, $lightness: -10%) !default;
 $outline-multiselect-close-icon-bg-color: rgba($grey-light-font, .54) !default;
 $outline-multiselect-close-icon-hover-bg-color: rgba($grey-light-font, .87) !default;
 $outline-multiselect-remains-font-color: rgba($grey-light-font, .6) !default;
 $outline-multiselect-disabled-font-color: rgba($grey-light-font, .38) !default;
 $outline-multiselect-disabled-chip-bg-color: $grey-100 !default;
-$filled-multiselect-chip-bg-color: darken($grey-300, 7%) !default;
-$filled-multiselect-chip-hover-bg-color: darken($grey-300, 7%) !default;
+$filled-multiselect-chip-bg-color: color.adjust($grey-300, $lightness: -7%) !default;
+$filled-multiselect-chip-hover-bg-color: color.adjust($grey-300, $lightness: -7%) !default;
 
 @include export-module('multiselect-material') {
   .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type = 'text'] {

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

@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 $ddl-chip-mobile-close-font: 16px !default;
 $ddl-multiselect-skin-name: 'Material3' !default;
 $ddl-delim-font-size: $text-sm !default;
@@ -226,6 +228,6 @@ $outline-multiselect-close-icon-hover-bg-color: rgba($icon-color-hover, .87) !de
 $outline-multiselect-remains-font-color: rgba($content-text-color, .6) !default;
 $outline-multiselect-disabled-font-color: rgba($content-text-color, .38) !default;
 $outline-multiselect-disabled-chip-bg-color: transparent !default;
-$filled-multiselect-chip-bg-color: darken($grey-300, 7%) !default;
-$filled-multiselect-chip-hover-bg-color: darken($grey-300, 7%) !default;
+$filled-multiselect-chip-bg-color: color.adjust($grey-300, $lightness: -7%) !default;
+$filled-multiselect-chip-hover-bg-color: color.adjust($grey-300, $lightness: -7%) !default;
 $ddl-chip-bigger-content-padding: 0 !default;

package/styles/multi-select/bds.css

@@ -421,6 +421,10 @@
 .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/multi-select/bootstrap-dark.css

@@ -248,6 +248,10 @@
 .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,
@@ -950,7 +954,7 @@ ejs-multiselect {
   border-bottom: 1px solid transparent;
   border-left: 1px solid #0070f0;
   border-right: 1px solid #0070f0;
-  border-top: 1px solid #001124;
+  border-top: 1px solid rgb(0, 16.8, 36);
 }
 
 .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {

package/styles/multi-select/bootstrap.css

@@ -241,6 +241,10 @@
 .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/multi-select/bootstrap4.css

@@ -277,6 +277,10 @@
 .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,
@@ -902,7 +906,7 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper .e-chips.e-chip-selected {
-  background-color: #545b62;
+  background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
 }
 
 .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
@@ -937,7 +941,7 @@ ejs-multiselect {
 }
 
 .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
-  background-color: #5a6268;
+  background-color: rgb(90.2703862661, 97.7929184549, 104.4796137339);
 }
 
 .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
@@ -1002,11 +1006,11 @@ ejs-multiselect {
 }
 
 .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {

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

@@ -270,6 +270,10 @@
 .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,
@@ -905,7 +909,7 @@ ejs-multiselect {
 }
 
 .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
-  background-color: #565e64;
+  background-color: rgb(86.4, 93.6, 100);
 }
 
 .e-multiselect {
@@ -936,7 +940,7 @@ ejs-multiselect {
 }
 
 .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
-  background-color: #5c636a;
+  background-color: rgb(91.8, 99.45, 106.25);
 }
 
 .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
@@ -993,13 +997,13 @@ ejs-multiselect {
 }
 
 .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
-  background-color: #31373d;
+  background-color: rgb(48.9202702703, 54.85, 60.7797297297);
   color: #fff;
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
-  background-color: #31373d;
-  color: #7b848d;
+  background-color: rgb(48.9202702703, 54.85, 60.7797297297);
+  color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
@@ -1056,11 +1060,11 @@ ejs-multiselect {
 }
 
 .e-ul.e-reorder {
-  border-bottom: 1px solid #444c54;
+  border-bottom: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
 }
 
 .e-multi-select-list-wrapper .e-selectall-parent {
-  border-bottom: 1px solid #444c54;
+  border-bottom: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
 }
 
 .e-multi-select-wrapper .e-delim-values {

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

@@ -274,6 +274,10 @@
 .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/multi-select/bootstrap5.css

@@ -270,6 +270,10 @@
 .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,
@@ -905,7 +909,7 @@ ejs-multiselect {
 }
 
 .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
-  background-color: #565e64;
+  background-color: rgb(86.4, 93.6, 100);
 }
 
 .e-multiselect {
@@ -936,7 +940,7 @@ ejs-multiselect {
 }
 
 .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
-  background-color: #5c636a;
+  background-color: rgb(91.8, 99.45, 106.25);
 }
 
 .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {

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

@@ -244,6 +244,10 @@
 .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/multi-select/fabric.css

@@ -239,6 +239,10 @@
 .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,
@@ -938,8 +942,8 @@ ejs-multiselect {
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
   border-bottom: 1px solid transparent;
-  border-left: 1px solid #d1ebff;
-  border-right: 1px solid #d1ebff;
+  border-left: 1px solid rgb(208.9, 234.7504672897, 255);
+  border-right: 1px solid rgb(208.9, 234.7504672897, 255);
   border-top: 1px solid #fff;
 }
 
@@ -985,7 +989,7 @@ ejs-multiselect {
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
-  background-color: #d1ebff;
+  background-color: rgb(208.9, 234.7504672897, 255);
   -webkit-box-shadow: none;
           box-shadow: none;
   color: #333;
@@ -993,7 +997,7 @@ ejs-multiselect {
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
-  background-color: #d1ebff;
+  background-color: rgb(208.9, 234.7504672897, 255);
   -webkit-box-shadow: none;
           box-shadow: none;
   color: #333;

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

@@ -272,6 +272,10 @@
 .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/multi-select/fluent.css

@@ -272,6 +272,10 @@
 .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/multi-select/fluent2.css

@@ -496,6 +496,10 @@
 .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/multi-select/highcontrast-light.css

@@ -332,6 +332,10 @@
 .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/multi-select/highcontrast.css

@@ -343,6 +343,10 @@
 .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/multi-select/material-dark.css

@@ -501,6 +501,10 @@
 .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,
@@ -1580,12 +1584,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/multi-select/material.css

@@ -521,6 +521,10 @@
 .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,
@@ -1582,25 +1586,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/multi-select/material3-dark.css

@@ -518,6 +518,10 @@
 .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,
@@ -1621,7 +1625,7 @@ ejs-multiselect {
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper .e-chips {
-  background: #cecece;
+  background: rgb(206.15, 206.15, 206.15);
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips:hover {
@@ -1629,7 +1633,7 @@ ejs-multiselect {
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper .e-chips:hover {
-  background: #cecece;
+  background: rgb(206.15, 206.15, 206.15);
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected,