npm - @syncfusion/blazor-themes - Versions diffs - 25.2.4 → 25.2.6 - Mend

@syncfusion/blazor-themes 25.2.4 → 25.2.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (113) hide show

package/SCSS-Themes/dropdowns/multi-select/fluent-dark.scss CHANGED Viewed

@@ -1265,7 +1265,7 @@ $ddl-small-clear-icon-width: 12px !default;
   }
 }
-.e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
+.e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
   @if $ddl-multiselect-skin-name == 'Material3' {
     top: 6px;
   }
@@ -1403,7 +1403,7 @@ ejs-multiselect {
     margin-top: $ddl-small-close-hooker-margin-top;
     height: $ddl-small-chip-close-hooker-height;
     width: $ddl-small-chip-close-hooker-width;
-    line-height: 2px;
+    line-height: normal;
   }
 }

package/SCSS-Themes/dropdowns/multi-select/fluent.scss CHANGED Viewed

@@ -1265,7 +1265,7 @@ $ddl-small-clear-icon-width: 12px !default;
   }
 }
-.e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
+.e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
   @if $ddl-multiselect-skin-name == 'Material3' {
     top: 6px;
   }
@@ -1403,7 +1403,7 @@ ejs-multiselect {
     margin-top: $ddl-small-close-hooker-margin-top;
     height: $ddl-small-chip-close-hooker-height;
     width: $ddl-small-chip-close-hooker-width;
-    line-height: 2px;
+    line-height: normal;
   }
 }

package/SCSS-Themes/dropdowns/multi-select/highcontrast.scss CHANGED Viewed

@@ -1322,7 +1322,7 @@ $ddl-closer-margin-top-bigger-small: -3.4em !default;
   }
 }
-.e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
+.e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
   @if $ddl-multiselect-skin-name == 'Material3' {
     top: 6px;
   }
@@ -1460,7 +1460,7 @@ ejs-multiselect {
     margin-top: $ddl-small-close-hooker-margin-top;
     height: $ddl-small-chip-close-hooker-height;
     width: $ddl-small-chip-close-hooker-width;
-    line-height: 2px;
+    line-height: normal;
   }
 }

package/SCSS-Themes/dropdowns/multi-select/material-dark.scss CHANGED Viewed

@@ -1260,7 +1260,7 @@ $filled-multiselect-chip-hover-bg-color: $grey-700 !default;
   }
 }
-.e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
+.e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
   @if $ddl-multiselect-skin-name == 'Material3' {
     top: 6px;
   }
@@ -1398,7 +1398,7 @@ ejs-multiselect {
     margin-top: $ddl-small-close-hooker-margin-top;
     height: $ddl-small-chip-close-hooker-height;
     width: $ddl-small-chip-close-hooker-width;
-    line-height: 2px;
+    line-height: normal;
   }
 }

package/SCSS-Themes/dropdowns/multi-select/material.scss CHANGED Viewed

@@ -1253,7 +1253,7 @@ $filled-multiselect-chip-hover-bg-color: darken($grey-300, 7%) !default;
   }
 }
-.e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
+.e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
   @if $ddl-multiselect-skin-name == 'Material3' {
     top: 6px;
   }
@@ -1391,7 +1391,7 @@ ejs-multiselect {
     margin-top: $ddl-small-close-hooker-margin-top;
     height: $ddl-small-chip-close-hooker-height;
     width: $ddl-small-chip-close-hooker-width;
-    line-height: 2px;
+    line-height: normal;
   }
 }

package/SCSS-Themes/dropdowns/multi-select/material3-dark.scss CHANGED Viewed

@@ -1265,7 +1265,7 @@ $ddl-chip-bigger-content-padding: 0 !default;
   }
 }
-.e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
+.e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
   @if $ddl-multiselect-skin-name == 'Material3' {
     top: 6px;
   }
@@ -1403,7 +1403,7 @@ ejs-multiselect {
     margin-top: $ddl-small-close-hooker-margin-top;
     height: $ddl-small-chip-close-hooker-height;
     width: $ddl-small-chip-close-hooker-width;
-    line-height: 2px;
+    line-height: normal;
   }
 }
@@ -3247,7 +3247,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
     @if $ddl-multiselect-skin-name == 'Material3' {
-      content: '\e208';
+      content: '\e7e7';
       font-size: 16px;
       height: 16px;
       margin-top: -8px;
@@ -3258,7 +3258,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
   .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
     @if $ddl-multiselect-skin-name == 'Material3' {
-      content: '\e208';
+      content: '\e7e7';
       font-size: 14px;
       height: 14px;
       margin-top: -7px;
@@ -3269,7 +3269,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
   .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
     @if $ddl-multiselect-skin-name == 'Material3' {
-      content: '\e208';
+      content: '\e7e7';
       font-size: 20px;
       height: 20px;
       left: 0;
@@ -3283,7 +3283,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
   .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
     @if $ddl-multiselect-skin-name == 'Material3' {
-      content: '\e208';
+      content: '\e7e7';
       font-size: 18px;
       height: 18px;
       left: 0;
@@ -3327,6 +3327,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   .e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
     @if $ddl-multiselect-skin-name == 'Material3' {
       margin: 7px 12px 9px 0;
+      min-height: fit-content;
     }
   }
@@ -3560,7 +3561,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
   .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
   .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
-    content: '\e208';
+    content: '\e7e7';
     font-size: 16px;
     height: 16px;
     padding: 0;
@@ -3618,6 +3619,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
     @if $ddl-multiselect-skin-name == 'Material3' {
       margin: 10px 0 9px;
+      min-height: fit-content;
     }
   }
@@ -3651,6 +3653,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   .e-small .e-multiselect.e-filled.e-input-group.e-float-input.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
     @if $ddl-multiselect-skin-name == 'Material3' {
       margin: 0 12px 4px 0;
+      min-width: fit-content;
     }
   }

package/SCSS-Themes/dropdowns/multi-select/material3.scss CHANGED Viewed

@@ -1265,7 +1265,7 @@ $ddl-chip-bigger-content-padding: 0 !default;
   }
 }
-.e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
+.e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
   @if $ddl-multiselect-skin-name == 'Material3' {
     top: 6px;
   }
@@ -1403,7 +1403,7 @@ ejs-multiselect {
     margin-top: $ddl-small-close-hooker-margin-top;
     height: $ddl-small-chip-close-hooker-height;
     width: $ddl-small-chip-close-hooker-width;
-    line-height: 2px;
+    line-height: normal;
   }
 }
@@ -3247,7 +3247,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
     @if $ddl-multiselect-skin-name == 'Material3' {
-      content: '\e208';
+      content: '\e7e7';
       font-size: 16px;
       height: 16px;
       margin-top: -8px;
@@ -3258,7 +3258,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
   .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
     @if $ddl-multiselect-skin-name == 'Material3' {
-      content: '\e208';
+      content: '\e7e7';
       font-size: 14px;
       height: 14px;
       margin-top: -7px;
@@ -3269,7 +3269,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
   .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
     @if $ddl-multiselect-skin-name == 'Material3' {
-      content: '\e208';
+      content: '\e7e7';
       font-size: 20px;
       height: 20px;
       left: 0;
@@ -3283,7 +3283,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
   .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
     @if $ddl-multiselect-skin-name == 'Material3' {
-      content: '\e208';
+      content: '\e7e7';
       font-size: 18px;
       height: 18px;
       left: 0;
@@ -3327,6 +3327,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   .e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
     @if $ddl-multiselect-skin-name == 'Material3' {
       margin: 7px 12px 9px 0;
+      min-height: fit-content;
     }
   }
@@ -3560,7 +3561,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
   .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
   .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
-    content: '\e208';
+    content: '\e7e7';
     font-size: 16px;
     height: 16px;
     padding: 0;
@@ -3618,6 +3619,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
     @if $ddl-multiselect-skin-name == 'Material3' {
       margin: 10px 0 9px;
+      min-height: fit-content;
     }
   }
@@ -3651,6 +3653,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   .e-small .e-multiselect.e-filled.e-input-group.e-float-input.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
     @if $ddl-multiselect-skin-name == 'Material3' {
       margin: 0 12px 4px 0;
+      min-width: fit-content;
     }
   }

package/SCSS-Themes/dropdowns/multi-select/tailwind-dark.scss CHANGED Viewed

@@ -1254,7 +1254,7 @@ $ddl-close-icon-hover-color: $icon-color-hover !default;
   }
 }
-.e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
+.e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
   @if $ddl-multiselect-skin-name == 'Material3' {
     top: 6px;
   }
@@ -1392,7 +1392,7 @@ ejs-multiselect {
     margin-top: $ddl-small-close-hooker-margin-top;
     height: $ddl-small-chip-close-hooker-height;
     width: $ddl-small-chip-close-hooker-width;
-    line-height: 2px;
+    line-height: normal;
   }
 }

package/SCSS-Themes/dropdowns/multi-select/tailwind.scss CHANGED Viewed

@@ -1254,7 +1254,7 @@ $ddl-close-icon-hover-color: $icon-color-hover !default;
   }
 }
-.e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
+.e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
   @if $ddl-multiselect-skin-name == 'Material3' {
     top: 6px;
   }
@@ -1392,7 +1392,7 @@ ejs-multiselect {
     margin-top: $ddl-small-close-hooker-margin-top;
     height: $ddl-small-chip-close-hooker-height;
     width: $ddl-small-chip-close-hooker-width;
-    line-height: 2px;
+    line-height: normal;
   }
 }

package/SCSS-Themes/fabric-dark.scss CHANGED Viewed

@@ -58897,6 +58897,7 @@ $ddt-overflow-count-padding-top: 6px !default;
 $ddt-delim-padding: 6px 10px 0 10px !default;
 $ddt-delim-bigger-padding: 8px 12px 0 12px !default;
 $ddt-remains-count-padding-top: 6px !default;
+$ddt-item-hover-bg: $neutral-light !default;
 @mixin ddt-rotate($position) {
   transform: rotate($position);
   transition: transform 300ms ease;
@@ -60447,6 +60448,9 @@ $ddt-remains-count-padding-top: 6px !default;
       .e-selectall-parent {
         border-bottom-color: $ddt-popup-reorder-border;
+        &:focus {
+          background: $ddt-item-hover-bg;
+        }
         .e-all-text {
           color: $ddt-select-all-font-color;
         }
@@ -61681,7 +61685,7 @@ $ddl-closer-margin-top-bigger-small: -3.2em !default;
   }
 }
-.e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
+.e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
   @if $ddl-multiselect-skin-name == 'Material3' {
     top: 6px;
   }
@@ -61819,7 +61823,7 @@ ejs-multiselect {
     margin-top: $ddl-small-close-hooker-margin-top;
     height: $ddl-small-chip-close-hooker-height;
     width: $ddl-small-chip-close-hooker-width;
-    line-height: 2px;
+    line-height: normal;
   }
 }
@@ -75304,6 +75308,7 @@ $grid-xlfl-skin: 'fabric' !default;
   .sf-grid .e-excelfilter {
     &.e-dialog .e-dlg-content {
       padding-left: 0;
+      padding-right: 0;
     }
     .e-dlg-content {
       overflow: visible;
@@ -81367,7 +81372,7 @@ margin: $grid-group-animator-cell-margin;
   .e-gridheader .e-headercell,
   .e-gridheader .e-detailheadercell,
-  .e-gridheader .e-headercell .e-headercelldiv {
+  .e-gridheader .e-headercell:not(.e-fltr-icon, .e-sort-icon) .e-headercelldiv {
     height: auto;
   }
@@ -87202,8 +87207,18 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
       td.e-rowcell {
         &.e-dropbottom {
-          border-bottom: $treegrid-rowdd-topbottom-border;
-          box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
+          @if $skin-name == 'fluent-dark' or $skin-name == 'FluentUI' or $skin-name == 'fluent' {
+            box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
+          }
+          @else if $skin-name == 'bootstrap5' or $skin-name == 'tailwind-dark' or $skin-name == 'bootstrap5-dark' or $skin-name == 'material3' {
+            box-shadow: 0 2px 0 0 #4f46e5;
+          }
+          @else if $skin-name == 'bootstrap4' or $skin-name == 'material' or $skin-name == 'FluentUI2' or $skin-name == 'fluent2' or $skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'highcontrast' {
+            box-shadow: 0 1px 0 0 $treegrid-rowdd-boxshadow;
+          }
+          @else {
+            box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
+          }
         }
         &.e-droptop {
           border-top: $treegrid-rowdd-topbottom-border;
@@ -87213,8 +87228,18 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
       td.e-rowdragdrop {
         &.e-dropbottom {
-          border-bottom: $treegrid-rowdd-topbottom-border;
-          box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
+          @if $skin-name == 'fluent-dark' or $skin-name == 'FluentUI' or $skin-name == 'fluent' {
+            box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
+          }
+          @else if $skin-name == 'bootstrap5' or $skin-name == 'tailwind-dark' or $skin-name == 'bootstrap5-dark' or $skin-name == 'material3' {
+            box-shadow: 0 2px 0 0 #4f46e5;
+          }
+          @else if $skin-name == 'bootstrap4' or $skin-name == 'material' or $skin-name == 'FluentUI2' or $skin-name == 'fluent2' or $skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'highcontrast' {
+            box-shadow: 0 1px 0 0 $treegrid-rowdd-boxshadow;
+          }
+          @else {
+            box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
+          }
         }
         &.e-droptop {
           border-top: $treegrid-rowdd-topbottom-border;

package/SCSS-Themes/fabric.scss CHANGED Viewed

@@ -58672,6 +58672,7 @@ $ddt-delim-padding: 6px 10px 0 10px !default;
 $ddt-overflow-count-padding-top: 6px !default;
 $ddt-delim-bigger-padding: 8px 12px 0 12px !default;
 $ddt-remains-count-padding-top: 6px !default;
+$ddt-item-hover-bg: $neutral-lighter !default;
 @mixin ddt-rotate($position) {
   transform: rotate($position);
   transition: transform 300ms ease;
@@ -60222,6 +60223,9 @@ $ddt-remains-count-padding-top: 6px !default;
       .e-selectall-parent {
         border-bottom-color: $ddt-popup-reorder-border;
+        &:focus {
+          background: $ddt-item-hover-bg;
+        }
         .e-all-text {
           color: $ddt-select-all-font-color;
         }
@@ -61447,7 +61451,7 @@ $ddl-closer-margin-top-bigger-small: -3.2em !default;
   }
 }
-.e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
+.e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
   @if $ddl-multiselect-skin-name == 'Material3' {
     top: 6px;
   }
@@ -61585,7 +61589,7 @@ ejs-multiselect {
     margin-top: $ddl-small-close-hooker-margin-top;
     height: $ddl-small-chip-close-hooker-height;
     width: $ddl-small-chip-close-hooker-width;
-    line-height: 2px;
+    line-height: normal;
   }
 }
@@ -75062,6 +75066,7 @@ $grid-xlfl-skin: 'fabric' !default;
   .sf-grid .e-excelfilter {
     &.e-dialog .e-dlg-content {
       padding-left: 0;
+      padding-right: 0;
     }
     .e-dlg-content {
       overflow: visible;
@@ -81125,7 +81130,7 @@ margin: $grid-group-animator-cell-margin;
   .e-gridheader .e-headercell,
   .e-gridheader .e-detailheadercell,
-  .e-gridheader .e-headercell .e-headercelldiv {
+  .e-gridheader .e-headercell:not(.e-fltr-icon, .e-sort-icon) .e-headercelldiv {
     height: auto;
   }
@@ -86962,8 +86967,18 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
       td.e-rowcell {
         &.e-dropbottom {
-          border-bottom: $treegrid-rowdd-topbottom-border;
-          box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
+          @if $skin-name == 'fluent-dark' or $skin-name == 'FluentUI' or $skin-name == 'fluent' {
+            box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
+          }
+          @else if $skin-name == 'bootstrap5' or $skin-name == 'tailwind-dark' or $skin-name == 'bootstrap5-dark' or $skin-name == 'material3' {
+            box-shadow: 0 2px 0 0 #4f46e5;
+          }
+          @else if $skin-name == 'bootstrap4' or $skin-name == 'material' or $skin-name == 'FluentUI2' or $skin-name == 'fluent2' or $skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'highcontrast' {
+            box-shadow: 0 1px 0 0 $treegrid-rowdd-boxshadow;
+          }
+          @else {
+            box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
+          }
         }
         &.e-droptop {
           border-top: $treegrid-rowdd-topbottom-border;
@@ -86973,8 +86988,18 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
       td.e-rowdragdrop {
         &.e-dropbottom {
-          border-bottom: $treegrid-rowdd-topbottom-border;
-          box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
+          @if $skin-name == 'fluent-dark' or $skin-name == 'FluentUI' or $skin-name == 'fluent' {
+            box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
+          }
+          @else if $skin-name == 'bootstrap5' or $skin-name == 'tailwind-dark' or $skin-name == 'bootstrap5-dark' or $skin-name == 'material3' {
+            box-shadow: 0 2px 0 0 #4f46e5;
+          }
+          @else if $skin-name == 'bootstrap4' or $skin-name == 'material' or $skin-name == 'FluentUI2' or $skin-name == 'fluent2' or $skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'highcontrast' {
+            box-shadow: 0 1px 0 0 $treegrid-rowdd-boxshadow;
+          }
+          @else {
+            box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
+          }
         }
         &.e-droptop {
           border-top: $treegrid-rowdd-topbottom-border;

package/SCSS-Themes/fluent-dark.scss CHANGED Viewed

@@ -59276,6 +59276,7 @@ $ddt-nodata-font-color: $content-text-color-alt2 !default;
 $ddt-select-all-font-color: $content-text-color !default;
 $ddt-remains-font-color: $content-text-color-alt3 !default;
 $ddt-readonly-input-bg-color: $content-bg-color !default;
+$ddt-item-hover-bg: $content-bg-color-hover !default;
 @mixin ddt-rotate($position) {
   transform: rotate($position);
   transition: transform 300ms ease;
@@ -60826,6 +60827,9 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
       .e-selectall-parent {
         border-bottom-color: $ddt-popup-reorder-border;
+        &:focus {
+          background: $ddt-item-hover-bg;
+        }
         .e-all-text {
           color: $ddt-select-all-font-color;
         }
@@ -62114,7 +62118,7 @@ $ddl-small-clear-icon-width: 12px !default;
   }
 }
-.e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
+.e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
   @if $ddl-multiselect-skin-name == 'Material3' {
     top: 6px;
   }
@@ -62252,7 +62256,7 @@ ejs-multiselect {
     margin-top: $ddl-small-close-hooker-margin-top;
     height: $ddl-small-chip-close-hooker-height;
     width: $ddl-small-chip-close-hooker-width;
-    line-height: 2px;
+    line-height: normal;
   }
 }
@@ -75874,6 +75878,7 @@ $grid-xlfl-skin: 'fluent' !default;
   .sf-grid .e-excelfilter {
     &.e-dialog .e-dlg-content {
       padding-left: 0;
+      padding-right: 0;
     }
     .e-dlg-content {
       overflow: visible;
@@ -81936,7 +81941,7 @@ margin: $grid-group-animator-cell-margin;
   .e-gridheader .e-headercell,
   .e-gridheader .e-detailheadercell,
-  .e-gridheader .e-headercell .e-headercelldiv {
+  .e-gridheader .e-headercell:not(.e-fltr-icon, .e-sort-icon) .e-headercelldiv {
     height: auto;
   }
@@ -87804,8 +87809,18 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
       td.e-rowcell {
         &.e-dropbottom {
-          border-bottom: $treegrid-rowdd-topbottom-border;
-          box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
+          @if $skin-name == 'fluent-dark' or $skin-name == 'FluentUI' or $skin-name == 'fluent' {
+            box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
+          }
+          @else if $skin-name == 'bootstrap5' or $skin-name == 'tailwind-dark' or $skin-name == 'bootstrap5-dark' or $skin-name == 'material3' {
+            box-shadow: 0 2px 0 0 #4f46e5;
+          }
+          @else if $skin-name == 'bootstrap4' or $skin-name == 'material' or $skin-name == 'FluentUI2' or $skin-name == 'fluent2' or $skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'highcontrast' {
+            box-shadow: 0 1px 0 0 $treegrid-rowdd-boxshadow;
+          }
+          @else {
+            box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
+          }
         }
         &.e-droptop {
           border-top: $treegrid-rowdd-topbottom-border;
@@ -87815,8 +87830,18 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
       td.e-rowdragdrop {
         &.e-dropbottom {
-          border-bottom: $treegrid-rowdd-topbottom-border;
-          box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
+          @if $skin-name == 'fluent-dark' or $skin-name == 'FluentUI' or $skin-name == 'fluent' {
+            box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
+          }
+          @else if $skin-name == 'bootstrap5' or $skin-name == 'tailwind-dark' or $skin-name == 'bootstrap5-dark' or $skin-name == 'material3' {
+            box-shadow: 0 2px 0 0 #4f46e5;
+          }
+          @else if $skin-name == 'bootstrap4' or $skin-name == 'material' or $skin-name == 'FluentUI2' or $skin-name == 'fluent2' or $skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'highcontrast' {
+            box-shadow: 0 1px 0 0 $treegrid-rowdd-boxshadow;
+          }
+          @else {
+            box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
+          }
         }
         &.e-droptop {
           border-top: $treegrid-rowdd-topbottom-border;