@syncfusion/ej2-dropdowns 28.2.12 → 29.1.33

package/styles/drop-down-tree/_bds-definition.scss

@@ -28,7 +28,6 @@ $ddt-last-chip-right-margin: 45px !default;
 $ddt-last-chip-bigger-right-margin: 52px !default;
 $ddt-select-all-height: 22px !default;
 $ddt-select-all-padding: 8px 12px !default;
-$ddt-big-select-all-padding: 12px 16px !default;
 $ddt-select-all-checkbox-margin: 0 7px !default;
 $ddt-rtl-select-all-checkbox-margin: 0 7px !default;
 $ddt-big-select-all-text-margin: 0 12px !default;

package/styles/drop-down-tree/_bigger.scss

@@ -123,6 +123,7 @@
           min-height: $ddt-close-icon-bigger-min-height;
         }
         @if $ddt-skin-name == 'fluent2' {
+          padding: 0;
           &::before {
             font-size: 18px;
           }
@@ -167,6 +168,10 @@
               line-height: 38px;
               padding-top: 0;
             }
+            @if ($ddt-skin-name == 'fluent2') {
+              padding-top: 9px;
+              padding-bottom: 9px;
+            }
           }
         }
 

package/styles/drop-down-tree/_bootstrap4-definition.scss

@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 /* stylelint-disable */
 $ddt-skin-name: 'bootstrap4' !default;
 $ddt-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12) !default;
@@ -55,7 +57,7 @@ $ddt-popup-background-color: $content-popup-bg !default;
 $ddt-popup-border-color: rgba($black, .15) !default;
 $ddt-chip-close: $white !default;
 $ddt-chip-font-color: $white !default;
-$ddt-chip-hover-bg-color: darken($gray-600, 7.5%) !default;
+$ddt-chip-hover-bg-color: color.adjust($gray-600, $lightness: -7.5%) !default;
 $ddt-chip-hover-font-color: $white !default;
 $ddt-readonly-input-bg-color: $white !default;
 $ddt-nodata-font-color: $gray-900 !default;
@@ -77,7 +79,7 @@ $ddt-overflow-count-padding-top: 4px !default;
 $ddt-delim-padding: 4px 8px 0 8px !default;
 $ddt-delim-bigger-padding: 6px 12px 0 12px !default;
 $ddt-remains-count-padding-top: 4px !default;
-$ddt-item-hover-bg: darken($gray-100,2%) !default;
+$ddt-item-hover-bg: color.adjust($gray-100, $lightness: -2%) !default;
 $ddt-select-all-font-size: 14px !default;
 $ddt-big-select-all-font-size: 16px !default;
-$ddt-select-all-checkbox-bottom: 1px !default;
+$ddt-select-all-checkbox-bottom: 1px !default;

package/styles/drop-down-tree/_layout.scss

@@ -414,6 +414,10 @@
         @if $ddt-skin-name == 'bootstrap5' or  $ddt-skin-name == 'FluentUI' {
           line-height: 30px;
         }
+
+        &.e-input-value:not(.e-icon-hide) {
+          display: inline-grid;
+        }
       }
 
       &.e-total-count {
@@ -433,7 +437,7 @@
       }
 
       &.e-wrap-count {
-        @if $ddt-skin-name != 'bootstrap5' and $ddt-skin-name != 'tailwind3' {
+        @if $ddt-skin-name != 'bootstrap5' and $ddt-skin-name != 'bootstrap5.3' and $ddt-skin-name != 'bootstrap5.3-dark' and $ddt-skin-name != 'tailwind3' {
           padding-top: $ddt-remains-count-padding-top;
         }
       }

package/styles/drop-down-tree/_material-definition.scss

@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 /* stylelint-disable */
 $ddt-skin-name: 'material' !default;
 $ddt-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12) !default;
@@ -50,8 +52,8 @@ $ddt-popup-background-color: $grey-white !default;
 $ddt-popup-border-color: transparent !default;
 $ddt-chip-close:  rgba($grey-light-font, .54) !default;
 $ddt-chip-font-color:  rgba($grey-light-font, .87) !default;
-$ddt-chip-hover-bg-color: darken($grey-300, 4%) !default;
-$ddt-filled-chip-bg-color: darken($grey-300, 7%) !default;
+$ddt-chip-hover-bg-color: color.adjust($grey-300, $lightness: -4%) !default;
+$ddt-filled-chip-bg-color: color.adjust($grey-300, $lightness: -7%) !default;
 $ddt-chip-hover-font-color: rgba($grey-light-font, .87) !default;
 $ddt-nodata-font-color: $grey-black !default;
 $ddt-select-all-font-color: rgba($grey-light-font, .87) !default;

package/styles/drop-down-tree/bds.css

@@ -345,6 +345,9 @@
 .e-ddt .e-overflow.e-show-text .e-remain {
   padding-left: 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;

package/styles/drop-down-tree/bootstrap-dark.css

@@ -168,6 +168,9 @@
 .e-ddt .e-overflow.e-show-text {
   padding: 6px 12px 0 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;

package/styles/drop-down-tree/bootstrap.css

@@ -169,6 +169,9 @@
 .e-ddt .e-overflow.e-show-text {
   padding: 6px 12px 0 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;

package/styles/drop-down-tree/bootstrap4.css

@@ -175,6 +175,9 @@
 .e-ddt .e-overflow.e-show-text {
   padding: 4px 8px 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;
@@ -403,7 +406,7 @@
   border-bottom-color: rgba(0, 0, 0, 0.15);
 }
 .e-ddt.e-popup .e-selectall-parent:focus {
-  background: #f2f4f6;
+  background: rgb(242.05, 243.9, 245.75);
 }
 .e-ddt.e-popup .e-selectall-parent .e-all-text {
   color: #212529;

package/styles/drop-down-tree/bootstrap5-dark.css

@@ -179,6 +179,9 @@
   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;
@@ -225,7 +228,7 @@
   visibility: hidden;
 }
 .e-ddt.e-popup {
-  border: 1px solid #444c54;
+  border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   margin-top: 4px;
   border-radius: 4px;
   -webkit-box-shadow: none;
@@ -270,7 +273,7 @@
   border-top-width: 0;
   display: block;
   padding: 4px;
-  border: 1px solid #444c54;
+  border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-ddt.e-popup .e-filter-wrap .e-input-group {
   margin-bottom: 0;
@@ -384,7 +387,7 @@
   color: #fff;
 }
 .e-ddt .e-overflow .e-remain {
-  color: #7b848d;
+  color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
 }
 .e-ddt.e-input-group.e-control-wrapper .e-input[readonly], .e-ddt.e-float-input.e-control-wrapper input[readonly] {
   background: #212529;
@@ -398,16 +401,16 @@
 }
 .e-ddt.e-popup {
   background: #343a40;
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-ddt.e-popup .e-popup-content.e-no-data {
   color: #fff;
 }
 .e-ddt.e-popup .e-selectall-parent {
-  border-bottom-color: #444c54;
+  border-bottom-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-ddt.e-popup .e-selectall-parent:focus {
-  background: #31373d;
+  background: rgb(48.9202702703, 54.85, 60.7797297297);
 }
 .e-ddt.e-popup .e-selectall-parent .e-all-text {
   color: #fff;

package/styles/drop-down-tree/bootstrap5.3.css

@@ -181,6 +181,9 @@
 .e-ddt .e-overflow.e-show-text {
   padding: 5px 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;
@@ -191,9 +194,6 @@
 .e-ddt .e-overflow.e-total-count .e-remain {
   padding: 0 8px 0 0;
 }
-.e-ddt .e-overflow.e-wrap-count {
-  padding-top: 0;
-}
 .e-ddt .e-overflow .e-remain {
   cursor: pointer;
   display: inline-block;

package/styles/drop-down-tree/bootstrap5.css

@@ -179,6 +179,9 @@
   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;

package/styles/drop-down-tree/fabric-dark.css

@@ -169,6 +169,9 @@
 .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;

package/styles/drop-down-tree/fabric.css

@@ -170,6 +170,9 @@
 .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;

package/styles/drop-down-tree/fluent-dark.css

@@ -186,6 +186,9 @@
   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;

package/styles/drop-down-tree/fluent.css

@@ -186,6 +186,9 @@
   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;

package/styles/drop-down-tree/fluent2.css

@@ -397,6 +397,9 @@
 .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;
@@ -641,12 +644,18 @@
 .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;

package/styles/drop-down-tree/highcontrast-light.css

@@ -181,6 +181,9 @@
 .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;

package/styles/drop-down-tree/highcontrast.css

@@ -182,6 +182,9 @@
 .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;

package/styles/drop-down-tree/material-dark.css

@@ -278,6 +278,9 @@
 .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;

package/styles/drop-down-tree/material.css

@@ -299,6 +299,9 @@
 .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;
@@ -549,7 +552,7 @@
   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);

package/styles/drop-down-tree/material3-dark.css

@@ -207,6 +207,9 @@
 .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;

package/styles/drop-down-tree/material3.css

@@ -209,6 +209,9 @@
 .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;

package/styles/drop-down-tree/tailwind-dark.css

@@ -191,6 +191,9 @@
 .e-ddt .e-overflow.e-show-text .e-remain {
   padding-left: 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;
@@ -416,10 +419,10 @@
   color: #6b7280;
 }
 .e-ddt .e-overflow .e-remain {
-  color: #8b919e;
+  color: rgb(79.1344680851, 84.3114893617, 94.6655319149);
 }
 .e-ddt.e-input-group.e-control-wrapper .e-input[readonly].e-disabled, .e-ddt.e-float-input.e-control-wrapper input[readonly].e-disabled {
-  background-color: #232e3e;
+  background-color: rgb(27.323255814, 36.1372093023, 48.476744186);
   color: #6b7280;
 }
 .e-ddt.e-popup {

package/styles/drop-down-tree/tailwind.css

@@ -191,6 +191,9 @@
 .e-ddt .e-overflow.e-show-text .e-remain {
   padding-left: 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;

package/styles/drop-down-tree/tailwind3.css

@@ -202,6 +202,9 @@
 .e-ddt .e-overflow.e-show-text {
   padding: 5px 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;

package/styles/fabric-dark-lite.css

@@ -159,7 +159,7 @@
 .e-dropdownbase .e-list-group-item,
 .e-fixed-head {
   border-color: transparent;
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
   font-family: inherit;
   font-size: 14px;
   font-weight: 600;
@@ -217,7 +217,7 @@
   border-color: #414040;
   border-style: solid;
   border-width: 0 0 1px 0;
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
   font-family: inherit;
   font-size: 14px;
   font-weight: 600;
@@ -750,6 +750,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;
@@ -1175,6 +1178,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,
@@ -2581,7 +2588,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/fabric-dark.css

@@ -159,7 +159,7 @@
 .e-dropdownbase .e-list-group-item,
 .e-fixed-head {
   border-color: transparent;
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
   font-family: inherit;
   font-size: 14px;
   font-weight: 600;
@@ -217,7 +217,7 @@
   border-color: #414040;
   border-style: solid;
   border-width: 0 0 1px 0;
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
   font-family: inherit;
   font-size: 14px;
   font-weight: 600;
@@ -926,6 +926,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;
@@ -1438,6 +1441,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,
@@ -3156,7 +3163,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/fabric-lite.css

@@ -173,7 +173,7 @@
 }
 
 .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
-  background-color: #d1ebff;
+  background-color: rgb(208.9, 234.7504672897, 255);
   border-color: #fff;
   color: #333;
 }
@@ -288,7 +288,7 @@
 
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active,
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active.e-hover {
-  background-color: #d1ebff;
+  background-color: rgb(208.9, 234.7504672897, 255);
   border-color: #fff;
   color: #333;
 }
@@ -746,6 +746,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;
@@ -1166,6 +1169,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,
@@ -1865,8 +1872,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;
 }
 
@@ -1912,7 +1919,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;
@@ -1920,7 +1927,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;
@@ -2553,7 +2560,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/fabric.css

@@ -173,7 +173,7 @@
 }
 
 .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
-  background-color: #d1ebff;
+  background-color: rgb(208.9, 234.7504672897, 255);
   border-color: #fff;
   color: #333;
 }
@@ -288,7 +288,7 @@
 
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active,
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active.e-hover {
-  background-color: #d1ebff;
+  background-color: rgb(208.9, 234.7504672897, 255);
   border-color: #fff;
   color: #333;
 }
@@ -922,6 +922,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;
@@ -1429,6 +1432,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,
@@ -2128,8 +2135,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;
 }
 
@@ -2175,7 +2182,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;
@@ -2183,7 +2190,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;
@@ -3128,7 +3135,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;
 }