@syncfusion/ej2-dropdowns 26.1.41 → 26.2.4

package/styles/highcontrast.css

@@ -2640,20 +2640,6 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
 .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
   text-align: center;
 }
-.e-listbox-wrapper:not(.e-list-template) .e-list-item,
-.e-listbox-wrapper .e-list-nrt,
-.e-listbox-wrapper .e-selectall-parent,
-.e-listbox-container:not(.e-list-template) .e-list-item,
-.e-listbox-container .e-list-nrt,
-.e-listbox-container .e-selectall-parent,
-.e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
-.e-listboxtool-wrapper .e-list-nrt,
-.e-listboxtool-wrapper .e-selectall-parent {
-  height: 36px;
-  line-height: 1;
-  padding: 9px 16px;
-  position: relative;
-}
 .e-listbox-wrapper .e-list-parent,
 .e-listbox-container .e-list-parent,
 .e-listboxtool-wrapper .e-list-parent {
@@ -3136,6 +3122,21 @@ ejs-listbox {
 .e-listbox-container.e-bigger .e-list-header .e-text {
   font-size: 15px;
 }
+.e-listbox-wrapper:not(.e-list-template) .e-list-item,
+.e-listbox-wrapper .e-list-nrt,
+.e-listbox-wrapper .e-selectall-parent,
+.e-listbox-container:not(.e-list-template) .e-list-item,
+.e-listbox-container .e-list-nrt,
+.e-listbox-container .e-selectall-parent,
+.e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
+.e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
+.e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
+  height: 36px;
+  line-height: 1;
+  padding: 9px 16px;
+  position: relative;
+}
+
 .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small .e-listbox-container.e-filter-list .e-list-parent {
   height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */

package/styles/list-box/_layout.scss

@@ -52,19 +52,6 @@
       text-align: center;
     }
 
-    &:not(.e-list-template) .e-list-item,
-    .e-list-nrt,
-    .e-selectall-parent {
-      height: $listbox-item-height;
-      line-height: $listbox-item-line-height;
-      padding: $listbox-item-padding;
-      position: relative;
-      @if $skin-name == 'fluent2' {
-        font-size: 14px;
-        border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
-      }
-    }
-
     .e-list-parent {
       height: 100%;
       min-height: $listbox-item-height;
@@ -565,3 +552,20 @@
     }
   }
 }
+
+.e-listbox-wrapper,
+.e-listbox-container,
+.e-listboxtool-wrapper .e-listbox-wrapper {
+  &:not(.e-list-template) .e-list-item,
+  .e-list-nrt,
+  .e-selectall-parent {
+    height: $listbox-item-height;
+    line-height: $listbox-item-line-height;
+    padding: $listbox-item-padding;
+    position: relative;
+    @if $skin-name == 'fluent2' {
+      font-size: 14px;
+      border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+}

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

@@ -73,20 +73,6 @@
 .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
   text-align: center;
 }
-.e-listbox-wrapper:not(.e-list-template) .e-list-item,
-.e-listbox-wrapper .e-list-nrt,
-.e-listbox-wrapper .e-selectall-parent,
-.e-listbox-container:not(.e-list-template) .e-list-item,
-.e-listbox-container .e-list-nrt,
-.e-listbox-container .e-selectall-parent,
-.e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
-.e-listboxtool-wrapper .e-list-nrt,
-.e-listboxtool-wrapper .e-selectall-parent {
-  height: 40px;
-  line-height: 1;
-  padding: 13px 16px;
-  position: relative;
-}
 .e-listbox-wrapper .e-list-parent,
 .e-listbox-container .e-list-parent,
 .e-listboxtool-wrapper .e-list-parent {
@@ -563,6 +549,21 @@ ejs-listbox {
 .e-listbox-container.e-bigger .e-list-header .e-text {
   font-size: 15px;
 }
+.e-listbox-wrapper:not(.e-list-template) .e-list-item,
+.e-listbox-wrapper .e-list-nrt,
+.e-listbox-wrapper .e-selectall-parent,
+.e-listbox-container:not(.e-list-template) .e-list-item,
+.e-listbox-container .e-list-nrt,
+.e-listbox-container .e-selectall-parent,
+.e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
+.e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
+.e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
+  height: 40px;
+  line-height: 1;
+  padding: 13px 16px;
+  position: relative;
+}
+
 .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small .e-listbox-container.e-filter-list .e-list-parent {
   height: calc(100% - 46px) !important; /* stylelint-disable-line declaration-no-important */

package/styles/list-box/bootstrap.css

@@ -78,20 +78,6 @@
 .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
   text-align: center;
 }
-.e-listbox-wrapper:not(.e-list-template) .e-list-item,
-.e-listbox-wrapper .e-list-nrt,
-.e-listbox-wrapper .e-selectall-parent,
-.e-listbox-container:not(.e-list-template) .e-list-item,
-.e-listbox-container .e-list-nrt,
-.e-listbox-container .e-selectall-parent,
-.e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
-.e-listboxtool-wrapper .e-list-nrt,
-.e-listboxtool-wrapper .e-selectall-parent {
-  height: 40px;
-  line-height: 1;
-  padding: 13px 16px;
-  position: relative;
-}
 .e-listbox-wrapper .e-list-parent,
 .e-listbox-container .e-list-parent,
 .e-listboxtool-wrapper .e-list-parent {
@@ -574,6 +560,21 @@ ejs-listbox {
 .e-listbox-container.e-bigger .e-list-header .e-text {
   font-size: 15px;
 }
+.e-listbox-wrapper:not(.e-list-template) .e-list-item,
+.e-listbox-wrapper .e-list-nrt,
+.e-listbox-wrapper .e-selectall-parent,
+.e-listbox-container:not(.e-list-template) .e-list-item,
+.e-listbox-container .e-list-nrt,
+.e-listbox-container .e-selectall-parent,
+.e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
+.e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
+.e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
+  height: 40px;
+  line-height: 1;
+  padding: 13px 16px;
+  position: relative;
+}
+
 .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small .e-listbox-container.e-filter-list .e-list-parent {
   height: calc(100% - 46px) !important; /* stylelint-disable-line declaration-no-important */

package/styles/list-box/bootstrap4.css

@@ -88,20 +88,6 @@
 .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
   text-align: center;
 }
-.e-listbox-wrapper:not(.e-list-template) .e-list-item,
-.e-listbox-wrapper .e-list-nrt,
-.e-listbox-wrapper .e-selectall-parent,
-.e-listbox-container:not(.e-list-template) .e-list-item,
-.e-listbox-container .e-list-nrt,
-.e-listbox-container .e-selectall-parent,
-.e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
-.e-listboxtool-wrapper .e-list-nrt,
-.e-listboxtool-wrapper .e-selectall-parent {
-  height: 40px;
-  line-height: 1.5;
-  padding: 10px 16px 10px 16px;
-  position: relative;
-}
 .e-listbox-wrapper .e-list-parent,
 .e-listbox-container .e-list-parent,
 .e-listboxtool-wrapper .e-list-parent {
@@ -628,6 +614,21 @@ ejs-listbox {
   margin: 0 0 0 12px;
 }
 
+.e-listbox-wrapper:not(.e-list-template) .e-list-item,
+.e-listbox-wrapper .e-list-nrt,
+.e-listbox-wrapper .e-selectall-parent,
+.e-listbox-container:not(.e-list-template) .e-list-item,
+.e-listbox-container .e-list-nrt,
+.e-listbox-container .e-selectall-parent,
+.e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
+.e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
+.e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
+  height: 40px;
+  line-height: 1.5;
+  padding: 10px 16px 10px 16px;
+  position: relative;
+}
+
 .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small .e-listbox-container.e-filter-list .e-list-parent {
   height: calc(100% - 43px) !important; /* stylelint-disable-line declaration-no-important */

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

@@ -104,20 +104,6 @@
 .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
   text-align: center;
 }
-.e-listbox-wrapper:not(.e-list-template) .e-list-item,
-.e-listbox-wrapper .e-list-nrt,
-.e-listbox-wrapper .e-selectall-parent,
-.e-listbox-container:not(.e-list-template) .e-list-item,
-.e-listbox-container .e-list-nrt,
-.e-listbox-container .e-selectall-parent,
-.e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
-.e-listboxtool-wrapper .e-list-nrt,
-.e-listboxtool-wrapper .e-selectall-parent {
-  height: 36px;
-  line-height: 1;
-  padding: 10px 12px;
-  position: relative;
-}
 .e-listbox-wrapper .e-list-parent,
 .e-listbox-container .e-list-parent,
 .e-listboxtool-wrapper .e-list-parent {
@@ -600,6 +586,21 @@ ejs-listbox {
 .e-listbox-container.e-bigger .e-list-header .e-text {
   font-size: 14px;
 }
+.e-listbox-wrapper:not(.e-list-template) .e-list-item,
+.e-listbox-wrapper .e-list-nrt,
+.e-listbox-wrapper .e-selectall-parent,
+.e-listbox-container:not(.e-list-template) .e-list-item,
+.e-listbox-container .e-list-nrt,
+.e-listbox-container .e-selectall-parent,
+.e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
+.e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
+.e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
+  height: 36px;
+  line-height: 1;
+  padding: 10px 12px;
+  position: relative;
+}
+
 .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small .e-listbox-container.e-filter-list .e-list-parent {
   height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */

package/styles/list-box/bootstrap5.css

@@ -104,20 +104,6 @@
 .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
   text-align: center;
 }
-.e-listbox-wrapper:not(.e-list-template) .e-list-item,
-.e-listbox-wrapper .e-list-nrt,
-.e-listbox-wrapper .e-selectall-parent,
-.e-listbox-container:not(.e-list-template) .e-list-item,
-.e-listbox-container .e-list-nrt,
-.e-listbox-container .e-selectall-parent,
-.e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
-.e-listboxtool-wrapper .e-list-nrt,
-.e-listboxtool-wrapper .e-selectall-parent {
-  height: 36px;
-  line-height: 1;
-  padding: 10px 12px;
-  position: relative;
-}
 .e-listbox-wrapper .e-list-parent,
 .e-listbox-container .e-list-parent,
 .e-listboxtool-wrapper .e-list-parent {
@@ -600,6 +586,21 @@ ejs-listbox {
 .e-listbox-container.e-bigger .e-list-header .e-text {
   font-size: 14px;
 }
+.e-listbox-wrapper:not(.e-list-template) .e-list-item,
+.e-listbox-wrapper .e-list-nrt,
+.e-listbox-wrapper .e-selectall-parent,
+.e-listbox-container:not(.e-list-template) .e-list-item,
+.e-listbox-container .e-list-nrt,
+.e-listbox-container .e-selectall-parent,
+.e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
+.e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
+.e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
+  height: 36px;
+  line-height: 1;
+  padding: 10px 12px;
+  position: relative;
+}
+
 .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small .e-listbox-container.e-filter-list .e-list-parent {
   height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */

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

@@ -73,20 +73,6 @@
 .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
   text-align: center;
 }
-.e-listbox-wrapper:not(.e-list-template) .e-list-item,
-.e-listbox-wrapper .e-list-nrt,
-.e-listbox-wrapper .e-selectall-parent,
-.e-listbox-container:not(.e-list-template) .e-list-item,
-.e-listbox-container .e-list-nrt,
-.e-listbox-container .e-selectall-parent,
-.e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
-.e-listboxtool-wrapper .e-list-nrt,
-.e-listboxtool-wrapper .e-selectall-parent {
-  height: 36px;
-  line-height: 1;
-  padding: 10px 16px;
-  position: relative;
-}
 .e-listbox-wrapper .e-list-parent,
 .e-listbox-container .e-list-parent,
 .e-listboxtool-wrapper .e-list-parent {
@@ -563,6 +549,21 @@ ejs-listbox {
 .e-listbox-container.e-bigger .e-list-header .e-text {
   font-size: 15px;
 }
+.e-listbox-wrapper:not(.e-list-template) .e-list-item,
+.e-listbox-wrapper .e-list-nrt,
+.e-listbox-wrapper .e-selectall-parent,
+.e-listbox-container:not(.e-list-template) .e-list-item,
+.e-listbox-container .e-list-nrt,
+.e-listbox-container .e-selectall-parent,
+.e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
+.e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
+.e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
+  height: 36px;
+  line-height: 1;
+  padding: 10px 16px;
+  position: relative;
+}
+
 .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small .e-listbox-container.e-filter-list .e-list-parent {
   height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */

package/styles/list-box/fabric.css

@@ -78,20 +78,6 @@
 .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
   text-align: center;
 }
-.e-listbox-wrapper:not(.e-list-template) .e-list-item,
-.e-listbox-wrapper .e-list-nrt,
-.e-listbox-wrapper .e-selectall-parent,
-.e-listbox-container:not(.e-list-template) .e-list-item,
-.e-listbox-container .e-list-nrt,
-.e-listbox-container .e-selectall-parent,
-.e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
-.e-listboxtool-wrapper .e-list-nrt,
-.e-listboxtool-wrapper .e-selectall-parent {
-  height: 36px;
-  line-height: 1;
-  padding: 10px 16px;
-  position: relative;
-}
 .e-listbox-wrapper .e-list-parent,
 .e-listbox-container .e-list-parent,
 .e-listboxtool-wrapper .e-list-parent {
@@ -574,6 +560,21 @@ ejs-listbox {
 .e-listbox-container.e-bigger .e-list-header .e-text {
   font-size: 15px;
 }
+.e-listbox-wrapper:not(.e-list-template) .e-list-item,
+.e-listbox-wrapper .e-list-nrt,
+.e-listbox-wrapper .e-selectall-parent,
+.e-listbox-container:not(.e-list-template) .e-list-item,
+.e-listbox-container .e-list-nrt,
+.e-listbox-container .e-selectall-parent,
+.e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
+.e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
+.e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
+  height: 36px;
+  line-height: 1;
+  padding: 10px 16px;
+  position: relative;
+}
+
 .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small .e-listbox-container.e-filter-list .e-list-parent {
   height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */

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

@@ -104,20 +104,6 @@
 .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
   text-align: center;
 }
-.e-listbox-wrapper:not(.e-list-template) .e-list-item,
-.e-listbox-wrapper .e-list-nrt,
-.e-listbox-wrapper .e-selectall-parent,
-.e-listbox-container:not(.e-list-template) .e-list-item,
-.e-listbox-container .e-list-nrt,
-.e-listbox-container .e-selectall-parent,
-.e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
-.e-listboxtool-wrapper .e-list-nrt,
-.e-listboxtool-wrapper .e-selectall-parent {
-  height: 36px;
-  line-height: 1;
-  padding: 10px 12px;
-  position: relative;
-}
 .e-listbox-wrapper .e-list-parent,
 .e-listbox-container .e-list-parent,
 .e-listboxtool-wrapper .e-list-parent {
@@ -600,6 +586,21 @@ ejs-listbox {
 .e-listbox-container.e-bigger .e-list-header .e-text {
   font-size: 14px;
 }
+.e-listbox-wrapper:not(.e-list-template) .e-list-item,
+.e-listbox-wrapper .e-list-nrt,
+.e-listbox-wrapper .e-selectall-parent,
+.e-listbox-container:not(.e-list-template) .e-list-item,
+.e-listbox-container .e-list-nrt,
+.e-listbox-container .e-selectall-parent,
+.e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
+.e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
+.e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
+  height: 36px;
+  line-height: 1;
+  padding: 10px 12px;
+  position: relative;
+}
+
 .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small .e-listbox-container.e-filter-list .e-list-parent {
   height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */

package/styles/list-box/fluent.css

@@ -104,20 +104,6 @@
 .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
   text-align: center;
 }
-.e-listbox-wrapper:not(.e-list-template) .e-list-item,
-.e-listbox-wrapper .e-list-nrt,
-.e-listbox-wrapper .e-selectall-parent,
-.e-listbox-container:not(.e-list-template) .e-list-item,
-.e-listbox-container .e-list-nrt,
-.e-listbox-container .e-selectall-parent,
-.e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
-.e-listboxtool-wrapper .e-list-nrt,
-.e-listboxtool-wrapper .e-selectall-parent {
-  height: 36px;
-  line-height: 1;
-  padding: 10px 12px;
-  position: relative;
-}
 .e-listbox-wrapper .e-list-parent,
 .e-listbox-container .e-list-parent,
 .e-listboxtool-wrapper .e-list-parent {
@@ -600,6 +586,21 @@ ejs-listbox {
 .e-listbox-container.e-bigger .e-list-header .e-text {
   font-size: 14px;
 }
+.e-listbox-wrapper:not(.e-list-template) .e-list-item,
+.e-listbox-wrapper .e-list-nrt,
+.e-listbox-wrapper .e-selectall-parent,
+.e-listbox-container:not(.e-list-template) .e-list-item,
+.e-listbox-container .e-list-nrt,
+.e-listbox-container .e-selectall-parent,
+.e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
+.e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
+.e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
+  height: 36px;
+  line-height: 1;
+  padding: 10px 12px;
+  position: relative;
+}
+
 .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small .e-listbox-container.e-filter-list .e-list-parent {
   height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */

package/styles/list-box/fluent2.css

@@ -47,7 +47,7 @@
   --color-sf-flyout-bg-color-pressed: #e0e0e0;
   --color-sf-flyout-bg-color-selected: #ebebeb;
   --color-sf-flyout-bg-color-focus: #f5f5f5;
-  --color-sf-overlay-bg-color: #000;
+  --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
   --color-sf-table-bg-color-hover: #f5f5f5;
   --color-sf-table-bg-color-pressed: #e0e0e0;
   --color-sf-table-bg-color-selected: #ebf3fc;
@@ -369,7 +369,7 @@
   --color-sf-flyout-bg-color-pressed: var(--color-sf-black);
   --color-sf-flyout-bg-color-selected: #383838;
   --color-sf-flyout-bg-color-focus: var(--color-sf-flyout-bg-color-hover);
-  --color-sf-overlay-bg-color: rgba($black, .4);
+  --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
   --color-sf-table-bg-color-hover: #383838;
   --color-sf-table-bg-color-pressed: #2e2e2e;
   --color-sf-table-bg-color-selected: #082338;
@@ -711,9 +711,9 @@
   --color-sf-flyout-bg-color-pressed: var(--color-sf-content-bg-color-hover);
   --color-sf-flyout-bg-color-selected: var(--color-sf-content-bg-color-hover);
   --color-sf-flyout-bg-color-focus: var(--color-sf-content-bg-color-hover);
-  --color-sf-overlay-bg-color: rgba($black, .4);
-  --color-sf-table-bg-color-hover: var(--color-sf-black);
-  --color-sf-table-bg-color-pressed: var(--color-sf-black);
+  --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
+  --color-sf-table-bg-color-hover: #1a3bff;
+  --color-sf-table-bg-color-pressed: #1a3bff;
   --color-sf-table-bg-color-selected: #1a3bff;
   --color-sf-content-text-color: #fff;
   --color-sf-content-text-color-alt1: var(--color-sf-content-text-color);
@@ -732,12 +732,12 @@
   --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color-hover);
   --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color-hover);
   --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
-  --color-sf-table-text-color-hover: var(--color-sf-content-text-color-hover);
-  --color-sf-table-text-color-pressed: var(--color-sf-content-text-color-hover);
-  --color-sf-table-text-color-selected: var(--color-sf-content-text-color-hover);
+  --color-sf-table-text-color-hover: #000;
+  --color-sf-table-text-color-pressed: #000;
+  --color-sf-table-text-color-selected: #000;
   --color-sf-icon-color: #fff;
-  --color-sf-icon-color-hover: var(--color-sf-content-text-color-hover);
-  --color-sf-icon-color-pressed: var(--color-sf-content-text-color-hover);
+  --color-sf-icon-color-hover: #000;
+  --color-sf-icon-color-pressed: #000;
   --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
   --color-sf-border-light: #fff;
   --color-sf-border: var(--color-sf-border-light);
@@ -1156,22 +1156,6 @@
 .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
   text-align: center;
 }
-.e-listbox-wrapper:not(.e-list-template) .e-list-item,
-.e-listbox-wrapper .e-list-nrt,
-.e-listbox-wrapper .e-selectall-parent,
-.e-listbox-container:not(.e-list-template) .e-list-item,
-.e-listbox-container .e-list-nrt,
-.e-listbox-container .e-selectall-parent,
-.e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
-.e-listboxtool-wrapper .e-list-nrt,
-.e-listboxtool-wrapper .e-selectall-parent {
-  height: 32px;
-  line-height: 20px;
-  padding: 6px 12px;
-  position: relative;
-  font-size: 14px;
-  border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
-}
 .e-listbox-wrapper .e-list-parent,
 .e-listbox-container .e-list-parent,
 .e-listboxtool-wrapper .e-list-parent {
@@ -1671,6 +1655,23 @@ ejs-listbox {
 .e-listbox-container.e-bigger .e-list-header .e-text {
   font-size: 14px;
 }
+.e-listbox-wrapper:not(.e-list-template) .e-list-item,
+.e-listbox-wrapper .e-list-nrt,
+.e-listbox-wrapper .e-selectall-parent,
+.e-listbox-container:not(.e-list-template) .e-list-item,
+.e-listbox-container .e-list-nrt,
+.e-listbox-container .e-selectall-parent,
+.e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
+.e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
+.e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
+  height: 32px;
+  line-height: 20px;
+  padding: 6px 12px;
+  position: relative;
+  font-size: 14px;
+  border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small .e-listbox-container.e-filter-list .e-list-parent {
   height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */

package/styles/list-box/highcontrast-light.css

@@ -87,20 +87,6 @@
 .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
   text-align: center;
 }
-.e-listbox-wrapper:not(.e-list-template) .e-list-item,
-.e-listbox-wrapper .e-list-nrt,
-.e-listbox-wrapper .e-selectall-parent,
-.e-listbox-container:not(.e-list-template) .e-list-item,
-.e-listbox-container .e-list-nrt,
-.e-listbox-container .e-selectall-parent,
-.e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
-.e-listboxtool-wrapper .e-list-nrt,
-.e-listboxtool-wrapper .e-selectall-parent {
-  height: 36px;
-  line-height: 1;
-  padding: 9px 16px;
-  position: relative;
-}
 .e-listbox-wrapper .e-list-parent,
 .e-listbox-container .e-list-parent,
 .e-listboxtool-wrapper .e-list-parent {
@@ -577,6 +563,21 @@ ejs-listbox {
 .e-listbox-container.e-bigger .e-list-header .e-text {
   font-size: 15px;
 }
+.e-listbox-wrapper:not(.e-list-template) .e-list-item,
+.e-listbox-wrapper .e-list-nrt,
+.e-listbox-wrapper .e-selectall-parent,
+.e-listbox-container:not(.e-list-template) .e-list-item,
+.e-listbox-container .e-list-nrt,
+.e-listbox-container .e-selectall-parent,
+.e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
+.e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
+.e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
+  height: 36px;
+  line-height: 1;
+  padding: 9px 16px;
+  position: relative;
+}
+
 .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small .e-listbox-container.e-filter-list .e-list-parent {
   height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */

package/styles/list-box/highcontrast.css

@@ -92,20 +92,6 @@
 .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
   text-align: center;
 }
-.e-listbox-wrapper:not(.e-list-template) .e-list-item,
-.e-listbox-wrapper .e-list-nrt,
-.e-listbox-wrapper .e-selectall-parent,
-.e-listbox-container:not(.e-list-template) .e-list-item,
-.e-listbox-container .e-list-nrt,
-.e-listbox-container .e-selectall-parent,
-.e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
-.e-listboxtool-wrapper .e-list-nrt,
-.e-listboxtool-wrapper .e-selectall-parent {
-  height: 36px;
-  line-height: 1;
-  padding: 9px 16px;
-  position: relative;
-}
 .e-listbox-wrapper .e-list-parent,
 .e-listbox-container .e-list-parent,
 .e-listboxtool-wrapper .e-list-parent {
@@ -588,6 +574,21 @@ ejs-listbox {
 .e-listbox-container.e-bigger .e-list-header .e-text {
   font-size: 15px;
 }
+.e-listbox-wrapper:not(.e-list-template) .e-list-item,
+.e-listbox-wrapper .e-list-nrt,
+.e-listbox-wrapper .e-selectall-parent,
+.e-listbox-container:not(.e-list-template) .e-list-item,
+.e-listbox-container .e-list-nrt,
+.e-listbox-container .e-selectall-parent,
+.e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
+.e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
+.e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
+  height: 36px;
+  line-height: 1;
+  padding: 9px 16px;
+  position: relative;
+}
+
 .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small .e-listbox-container.e-filter-list .e-list-parent {
   height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */