@syncfusion/blazor-themes 26.1.35 → 26.1.40

package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/fluent2-dark.scss

@@ -1,6 +1,8 @@
 $header-font-weight: 400 !default;
 $multicolumn-grid-height: 32px !default;
 $multicolumn-margin-top-value: unset !default;
+$footer-border-width: 0 1px 0 1px !default;
+$grid-border-width: 1px !default;
 
 $multicolumn-grid-small-height: 32px !default;
 $multicolumn-margin-top-small-value: unset !default;
@@ -17,7 +19,7 @@ $grid-content-color: $content-text-color !default;
 $grid-content-hover-bg-color: $flyout-bg-color-hover !default;
 $grid-content-active-bg-color: $flyout-bg-color-selected !default;
 $grid-content-active-color: $flyout-text-color-selected !default;
-$grid-footer-bg-color: $transparent !default;
+$grid-footer-bg-color: $flyout-bg-color !default;
 $grid-footer-color: $content-text-color-alt2 !default;
 $grid-group-content-header-color: $content-text-color-alt2 !default;
 $grid-group-content-header-bg-color: $flyout-bg-color !default;
@@ -51,10 +53,15 @@ $nodata-border-color: $flyout-border !default;
   }
   .e-multicolumn-list .e-popup-footer {
     vertical-align: middle;
-    border-top: 1px solid;
+    border-style: solid;
+    border-width: $footer-border-width;
     font-size: 14px;
-    height: 38px;
-    padding: 8px 0;
+    height: $multicolumn-grid-height;
+    display: flex;
+    align-items: center;
+  }
+  .e-multicolumn-grid.e-grid {
+    border-width: $grid-border-width;
   }
   .e-input-group.e-multicolumn-list {
     input[readonly].e-input {
@@ -123,6 +130,7 @@ $nodata-border-color: $flyout-border !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 12px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-small-height;
@@ -135,6 +143,7 @@ $nodata-border-color: $flyout-border !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 16px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-height;
@@ -151,6 +160,7 @@ $nodata-border-color: $flyout-border !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 14px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-small-height;

package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/fluent2.scss

@@ -1,6 +1,8 @@
 $header-font-weight: 400 !default;
 $multicolumn-grid-height: 32px !default;
 $multicolumn-margin-top-value: unset !default;
+$footer-border-width: 0 1px 0 1px !default;
+$grid-border-width: 1px !default;
 
 $multicolumn-grid-small-height: 32px !default;
 $multicolumn-margin-top-small-value: unset !default;
@@ -17,7 +19,7 @@ $grid-content-color: $content-text-color !default;
 $grid-content-hover-bg-color: $flyout-bg-color-hover !default;
 $grid-content-active-bg-color: $flyout-bg-color-selected !default;
 $grid-content-active-color: $flyout-text-color-selected !default;
-$grid-footer-bg-color: $transparent !default;
+$grid-footer-bg-color: $flyout-bg-color !default;
 $grid-footer-color: $content-text-color-alt2 !default;
 $grid-group-content-header-color: $content-text-color-alt2 !default;
 $grid-group-content-header-bg-color: $flyout-bg-color !default;
@@ -51,10 +53,15 @@ $nodata-border-color: $flyout-border !default;
   }
   .e-multicolumn-list .e-popup-footer {
     vertical-align: middle;
-    border-top: 1px solid;
+    border-style: solid;
+    border-width: $footer-border-width;
     font-size: 14px;
-    height: 38px;
-    padding: 8px 0;
+    height: $multicolumn-grid-height;
+    display: flex;
+    align-items: center;
+  }
+  .e-multicolumn-grid.e-grid {
+    border-width: $grid-border-width;
   }
   .e-input-group.e-multicolumn-list {
     input[readonly].e-input {
@@ -123,6 +130,7 @@ $nodata-border-color: $flyout-border !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 12px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-small-height;
@@ -135,6 +143,7 @@ $nodata-border-color: $flyout-border !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 16px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-height;
@@ -151,6 +160,7 @@ $nodata-border-color: $flyout-border !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 14px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-small-height;

package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/highcontrast.scss

@@ -1,6 +1,8 @@
 $header-font-weight: 600 !default;
 $multicolumn-grid-height: 36px !default;
 $multicolumn-margin-top-value: unset !default;
+$footer-border-width: 1px !default;
+$grid-border-width: 1px !default;
 
 $multicolumn-grid-small-height: 32px !default;
 $multicolumn-margin-top-small-value: unset !default;
@@ -17,7 +19,7 @@ $grid-content-color: $content-font !default;
 $grid-content-hover-bg-color: $hover-bg !default;
 $grid-content-active-bg-color: $selection-bg !default;
 $grid-content-active-color: $selection-font !default;
-$grid-footer-bg-color: transparent !default;
+$grid-footer-bg-color: $bg-base-0 !default;
 $grid-footer-color: $selection-border !default;
 $grid-group-content-header-color: $selection-border !default;
 $grid-group-content-header-bg-color: $bg-base-0 !default;
@@ -51,10 +53,15 @@ $nodata-border-color: $content-font-alt !default;
   }
   .e-multicolumn-list .e-popup-footer {
     vertical-align: middle;
-    border-top: 1px solid;
+    border-style: solid;
+    border-width: $footer-border-width;
     font-size: 14px;
-    height: 38px;
-    padding: 8px 0;
+    height: $multicolumn-grid-height;
+    display: flex;
+    align-items: center;
+  }
+  .e-multicolumn-grid.e-grid {
+    border-width: $grid-border-width;
   }
   .e-input-group.e-multicolumn-list {
     input[readonly].e-input {
@@ -123,6 +130,7 @@ $nodata-border-color: $content-font-alt !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 12px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-small-height;
@@ -135,6 +143,7 @@ $nodata-border-color: $content-font-alt !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 16px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-height;
@@ -151,6 +160,7 @@ $nodata-border-color: $content-font-alt !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 14px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-small-height;

package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/material-dark.scss

@@ -1,6 +1,8 @@
 $header-font-weight: 500 !default;
 $multicolumn-grid-height: 36px !default;
 $multicolumn-margin-top-value: 1px !default;
+$footer-border-width: 0 0 0 0 !default;
+$grid-border-width: 0 !default;
 
 $multicolumn-grid-small-height: 36px !default;
 $multicolumn-margin-top-small-value: 1px !default;
@@ -17,7 +19,7 @@ $grid-content-color: rgba($grey-white, 1) !default;
 $grid-content-hover-bg-color: $grey-700 !default;
 $grid-content-active-bg-color: $grey-700 !default;
 $grid-content-active-color: $accent !default;
-$grid-footer-bg-color: transperent !default;
+$grid-footer-bg-color: $grey-800 !default;
 $grid-footer-color: rgba($grey-white, .6) !default;
 $grid-group-content-header-color: rgba($grey-white, .6) !default;
 $grid-group-content-header-bg-color: $grey-800 !default;
@@ -51,10 +53,15 @@ $nodata-border-color: $grey-800 !default;
   }
   .e-multicolumn-list .e-popup-footer {
     vertical-align: middle;
-    border-top: 1px solid;
+    border-style: solid;
+    border-width: $footer-border-width;
     font-size: 14px;
-    height: 38px;
-    padding: 8px 0;
+    height: $multicolumn-grid-height;
+    display: flex;
+    align-items: center;
+  }
+  .e-multicolumn-grid.e-grid {
+    border-width: $grid-border-width;
   }
   .e-input-group.e-multicolumn-list {
     input[readonly].e-input {
@@ -123,6 +130,7 @@ $nodata-border-color: $grey-800 !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 12px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-small-height;
@@ -135,6 +143,7 @@ $nodata-border-color: $grey-800 !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 16px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-height;
@@ -151,6 +160,7 @@ $nodata-border-color: $grey-800 !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 14px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-small-height;

package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/material.scss

@@ -1,6 +1,8 @@
 $header-font-weight: 500 !default;
 $multicolumn-grid-height: 36px !default;
 $multicolumn-margin-top-value: 1px !default;
+$footer-border-width: 0 1px 0 1px !default;
+$grid-border-width: 1px !default;
 
 $multicolumn-grid-small-height: 36px !default;
 $multicolumn-margin-top-small-value: 1px !default;
@@ -17,7 +19,7 @@ $grid-content-color: rgba($grey-black, .87) !default;
 $grid-content-hover-bg-color: $grey-200 !default;
 $grid-content-active-bg-color: $grey-200 !default;
 $grid-content-active-color: $accent !default;
-$grid-footer-bg-color: transparent !default;
+$grid-footer-bg-color: $grey-white !default;
 $grid-footer-color: rgba($grey-black, .54) !default;
 $grid-group-content-header-color: rgba($grey-black, .54) !default;
 $grid-group-content-header-bg-color: $grey-white !default;
@@ -51,10 +53,15 @@ $nodata-border-color: $grey-white !default;
   }
   .e-multicolumn-list .e-popup-footer {
     vertical-align: middle;
-    border-top: 1px solid;
+    border-style: solid;
+    border-width: $footer-border-width;
     font-size: 14px;
-    height: 38px;
-    padding: 8px 0;
+    height: $multicolumn-grid-height;
+    display: flex;
+    align-items: center;
+  }
+  .e-multicolumn-grid.e-grid {
+    border-width: $grid-border-width;
   }
   .e-input-group.e-multicolumn-list {
     input[readonly].e-input {
@@ -123,6 +130,7 @@ $nodata-border-color: $grey-white !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 12px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-small-height;
@@ -135,6 +143,7 @@ $nodata-border-color: $grey-white !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 16px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-height;
@@ -151,6 +160,7 @@ $nodata-border-color: $grey-white !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 14px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-small-height;

package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/material3-dark.scss

@@ -1,6 +1,8 @@
 $header-font-weight: 500 !default;
 $multicolumn-grid-height: 32px !default;
 $multicolumn-margin-top-value: 1px !default;
+$footer-border-width: 0 1px 0 1px !default;
+$grid-border-width: 1px !default;
 
 $multicolumn-grid-small-height: 26px !default;
 $multicolumn-margin-top-small-value: 1px !default;
@@ -11,13 +13,13 @@ $multicolumn-margin-top-bigger-value: 1px !default;
 $multicolumn-grid-bigger-small-height: 36px !default;
 $multicolumn-margin-top-bigger-small-value: 1px !default;
 
-$footer-border-color: $border-light !default;
+$footer-border-color: rgba($border-light) !default;
 $popup-text-color: $content-text-color-alt1 !default;
 $grid-content-color: $content-text-color !default;
 $grid-content-hover-bg-color: $flyout-bg-color-hover !default;
 $grid-content-active-bg-color: $flyout-bg-color-selected !default;
 $grid-content-active-color: $flyout-text-color-selected !default;
-$grid-footer-bg-color: $transparent !default;
+$grid-footer-bg-color: rgba($content-bg-color) !default;
 $grid-footer-color: $content-text-color-alt1 !default;
 $grid-group-content-header-color: $content-text-color-alt1 !default;
 $grid-group-content-header-bg-color: rgba($content-bg-color) !default;
@@ -51,10 +53,15 @@ $nodata-border-color: $flyout-bg-color !default;
   }
   .e-multicolumn-list .e-popup-footer {
     vertical-align: middle;
-    border-top: 1px solid;
+    border-style: solid;
+    border-width: $footer-border-width;
     font-size: 14px;
-    height: 38px;
-    padding: 8px 0;
+    height: $multicolumn-grid-height;
+    display: flex;
+    align-items: center;
+  }
+  .e-multicolumn-grid.e-grid {
+    border-width: $grid-border-width;
   }
   .e-input-group.e-multicolumn-list {
     input[readonly].e-input {
@@ -123,6 +130,7 @@ $nodata-border-color: $flyout-bg-color !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 12px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-small-height;
@@ -135,6 +143,7 @@ $nodata-border-color: $flyout-bg-color !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 16px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-height;
@@ -151,6 +160,7 @@ $nodata-border-color: $flyout-bg-color !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 14px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-small-height;

package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/material3.scss

@@ -1,6 +1,8 @@
 $header-font-weight: 500 !default;
 $multicolumn-grid-height: 32px !default;
 $multicolumn-margin-top-value: 1px !default;
+$footer-border-width: 0 1px 0 1px !default;
+$grid-border-width: 1px !default;
 
 $multicolumn-grid-small-height: 26px !default;
 $multicolumn-margin-top-small-value: 1px !default;
@@ -11,13 +13,13 @@ $multicolumn-margin-top-bigger-value: 1px !default;
 $multicolumn-grid-bigger-small-height: 36px !default;
 $multicolumn-margin-top-bigger-small-value: 1px !default;
 
-$footer-border-color: $border-light !default;
+$footer-border-color: rgba($border-light) !default;
 $popup-text-color: $content-text-color-alt1 !default;
 $grid-content-color: $content-text-color !default;
 $grid-content-hover-bg-color: $flyout-bg-color-hover !default;
 $grid-content-active-bg-color: $flyout-bg-color-selected !default;
 $grid-content-active-color: $flyout-text-color-selected !default;
-$grid-footer-bg-color: $transparent !default;
+$grid-footer-bg-color: rgba($content-bg-color) !default;
 $grid-footer-color: $content-text-color-alt1 !default;
 $grid-group-content-header-color: $content-text-color-alt1 !default;
 $grid-group-content-header-bg-color: rgba($content-bg-color) !default;
@@ -51,10 +53,15 @@ $nodata-border-color: $flyout-bg-color !default;
   }
   .e-multicolumn-list .e-popup-footer {
     vertical-align: middle;
-    border-top: 1px solid;
+    border-style: solid;
+    border-width: $footer-border-width;
     font-size: 14px;
-    height: 38px;
-    padding: 8px 0;
+    height: $multicolumn-grid-height;
+    display: flex;
+    align-items: center;
+  }
+  .e-multicolumn-grid.e-grid {
+    border-width: $grid-border-width;
   }
   .e-input-group.e-multicolumn-list {
     input[readonly].e-input {
@@ -123,6 +130,7 @@ $nodata-border-color: $flyout-bg-color !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 12px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-small-height;
@@ -135,6 +143,7 @@ $nodata-border-color: $flyout-bg-color !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 16px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-height;
@@ -151,6 +160,7 @@ $nodata-border-color: $flyout-bg-color !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 14px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-small-height;

package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/tailwind-dark.scss

@@ -1,6 +1,8 @@
 $header-font-weight: 500 !default;
 $multicolumn-grid-height: 30px !default;
 $multicolumn-margin-top-value: 2px !default;
+$footer-border-width: 0 1px 0 1px !default;
+$grid-border-width: 1px !default;
 
 $multicolumn-grid-small-height: 24px !default;
 $multicolumn-margin-top-small-value: 2px !default;
@@ -17,7 +19,7 @@ $grid-content-color: $content-text-color !default;
 $grid-content-hover-bg-color: $content-bg-color-hover !default;
 $grid-content-active-bg-color: $content-bg-color-selected !default;
 $grid-content-active-color: $content-text-color-selected !default;
-$grid-footer-bg-color: transparent !default;
+$grid-footer-bg-color: $flyout-bg-color !default;
 $grid-footer-color: $content-text-color-alt2 !default;
 $grid-group-content-header-color: $content-text-color-alt2 !default;
 $grid-group-content-header-bg-color: $flyout-bg-color !default;
@@ -51,10 +53,15 @@ $nodata-border-color: $border-light !default;
   }
   .e-multicolumn-list .e-popup-footer {
     vertical-align: middle;
-    border-top: 1px solid;
+    border-style: solid;
+    border-width: $footer-border-width;
     font-size: 14px;
-    height: 38px;
-    padding: 8px 0;
+    height: $multicolumn-grid-height;
+    display: flex;
+    align-items: center;
+  }
+  .e-multicolumn-grid.e-grid {
+    border-width: $grid-border-width;
   }
   .e-input-group.e-multicolumn-list {
     input[readonly].e-input {
@@ -123,6 +130,7 @@ $nodata-border-color: $border-light !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 12px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-small-height;
@@ -135,6 +143,7 @@ $nodata-border-color: $border-light !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 16px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-height;
@@ -151,6 +160,7 @@ $nodata-border-color: $border-light !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 14px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-small-height;

package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/tailwind.scss

@@ -1,6 +1,8 @@
 $header-font-weight: 500 !default;
 $multicolumn-grid-height: 30px !default;
 $multicolumn-margin-top-value: 2px !default;
+$footer-border-width: 0 1px 0 1px !default;
+$grid-border-width: 1px !default;
 
 $multicolumn-grid-small-height: 24px !default;
 $multicolumn-margin-top-small-value: 2px !default;
@@ -17,7 +19,7 @@ $grid-content-color: $content-text-color !default;
 $grid-content-hover-bg-color: $content-bg-color-hover !default;
 $grid-content-active-bg-color: $content-bg-color-selected !default;
 $grid-content-active-color: $content-text-color-selected !default;
-$grid-footer-bg-color: transparent !default;
+$grid-footer-bg-color: $flyout-bg-color !default;
 $grid-footer-color: $content-text-color-alt2 !default;
 $grid-group-content-header-color: $content-text-color-alt2 !default;
 $grid-group-content-header-bg-color: $flyout-bg-color !default;
@@ -51,10 +53,15 @@ $nodata-border-color: $border-light !default;
   }
   .e-multicolumn-list .e-popup-footer {
     vertical-align: middle;
-    border-top: 1px solid;
+    border-style: solid;
+    border-width: $footer-border-width;
     font-size: 14px;
-    height: 38px;
-    padding: 8px 0;
+    height: $multicolumn-grid-height;
+    display: flex;
+    align-items: center;
+  }
+  .e-multicolumn-grid.e-grid {
+    border-width: $grid-border-width;
   }
   .e-input-group.e-multicolumn-list {
     input[readonly].e-input {
@@ -123,6 +130,7 @@ $nodata-border-color: $border-light !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 12px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-small-height;
@@ -135,6 +143,7 @@ $nodata-border-color: $border-light !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 16px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-height;
@@ -151,6 +160,7 @@ $nodata-border-color: $border-light !default;
     &.e-multicolumn-list .e-popup-footer {
       font-size: 14px;
     }
+    &.e-multicolumn-list .e-popup-footer,
     .e-multicolumn-grid .e-row,
     .e-multicolumn-grid .e-emptyrow {
       height: $multicolumn-grid-bigger-small-height;

package/SCSS-Themes/navigations/accordion/bds-dark.scss

@@ -744,9 +744,15 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
 
         &:focus {
           border: $acrdn-item-header-focus-border;
-          box-shadow: $acrdn-item-header-focus-box-shadow;
           background: $acrdn-item-header-focus-bg;
 
+          @if ($skin-name == 'fluent2') {
+            box-shadow: none;
+          }
+          @else {
+            box-shadow: $acrdn-item-header-focus-box-shadow;
+          }
+
           &:active {
 
             .e-icons,
@@ -756,6 +762,12 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
             }
           }
         }
+
+        @if ($skin-name == 'fluent2') {
+          &:focus-visible {
+            box-shadow: $acrdn-item-header-focus-box-shadow;
+          }
+        }
       }
 
       &.e-select {
@@ -862,9 +874,21 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
           }
 
           &:focus {
-            box-shadow: $acrdn-item-header-focus-box-shadow;
             position: relative;
             z-index: 2;
+
+            @if ($skin-name == 'fluent2') {
+              box-shadow: none;
+            }
+            @else {
+              box-shadow: $acrdn-item-header-focus-box-shadow;
+            }
+          }
+
+          @if ($skin-name == 'fluent2') {
+            &:focus-visible {
+              box-shadow: $acrdn-item-header-focus-box-shadow;
+            }
           }
         }
 

package/SCSS-Themes/navigations/accordion/bds.scss

@@ -744,9 +744,15 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
 
         &:focus {
           border: $acrdn-item-header-focus-border;
-          box-shadow: $acrdn-item-header-focus-box-shadow;
           background: $acrdn-item-header-focus-bg;
 
+          @if ($skin-name == 'fluent2') {
+            box-shadow: none;
+          }
+          @else {
+            box-shadow: $acrdn-item-header-focus-box-shadow;
+          }
+
           &:active {
 
             .e-icons,
@@ -756,6 +762,12 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
             }
           }
         }
+
+        @if ($skin-name == 'fluent2') {
+          &:focus-visible {
+            box-shadow: $acrdn-item-header-focus-box-shadow;
+          }
+        }
       }
 
       &.e-select {
@@ -862,9 +874,21 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
           }
 
           &:focus {
-            box-shadow: $acrdn-item-header-focus-box-shadow;
             position: relative;
             z-index: 2;
+
+            @if ($skin-name == 'fluent2') {
+              box-shadow: none;
+            }
+            @else {
+              box-shadow: $acrdn-item-header-focus-box-shadow;
+            }
+          }
+
+          @if ($skin-name == 'fluent2') {
+            &:focus-visible {
+              box-shadow: $acrdn-item-header-focus-box-shadow;
+            }
           }
         }