@syncfusion/blazor-themes 23.1.42 → 23.1.44

package/SCSS-Themes/grids/grid/fluent.scss

@@ -554,7 +554,7 @@ $grid-animator-bigger-area-margin: 22px !default;
 $grid-group-animator-drop-height: 48px !default;
 $grid-group-animator-cell-margin: 12px 0 12px 0 !default;
 $grid-animtor-border-bottom-width: 1px !default;
-$grid-animator-area-padding: 0 !default;
+$grid-animator-area-padding: 0 12px 0 !default;
 $grid-animtor-area-border-width: 1px !default;
 $grid-animator-area-border: 0 !default;
 $grid-animator-area-margin: 9px !default;
@@ -1966,7 +1966,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     .e-bigger & .e-group-animator .e-groupheadercell,
     .e-bigger & .e-group-animator .e-groupheadercell:hover {
-        margin: $grid-group-animator-bigger-cell-margin;
+margin: $grid-group-animator-bigger-cell-margin;
         border-bottom-width: $grid-animtor-border-bottom-width;
     }
 
@@ -1986,7 +1986,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     & .e-group-animator .e-groupheadercell,
     & .e-group-animator .e-groupheadercell:hover {
-        margin: $grid-group-animator-cell-margin;
+margin: $grid-group-animator-cell-margin;
         border-bottom-width: $grid-animtor-border-bottom-width;
     }
 
@@ -1995,9 +1995,8 @@ $grid-dropitems-count-margin-left: -8px !default;
     }
 
     & .e-groupdroparea.e-group-animate.e-grouped {
-        overflow: hidden;
         padding: $grid-animator-area-padding;
-        height: $grid-group-animator-drop-height;
+        height: auto;
         border-bottom-width: $grid-animator-area-border;
     }
 
@@ -2015,14 +2014,6 @@ $grid-dropitems-count-margin-left: -8px !default;
         margin-top: $grid-animator-margin-top-rtl;
     }
 
-    &.e-rtl .e-group-animator:first-child .e-groupheadercell {
-        margin: $grid-animator-rtl-first-group;
-    }
-
-    & .e-group-animator:first-child .e-groupheadercell {
-        margin: $grid-animator-first-group;
-    }
-
     .e-group-animate.e-groupdroparea .e-nextgroup {
         margin-top: $grid-animator-area-margin;
     }
@@ -2655,8 +2646,8 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-left-width: 0;
     }
 
-    &.e-default.e-bothlines .e-headercell,
-    &.e-default.e-bothlines .e-detailheadercell {
+    &:not(.sf-grid).e-default.e-bothlines .e-headercell,
+    &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
       border-width: $grid-headercell-both-border-width;
     }
 
@@ -3351,7 +3342,7 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-left-width: $grid-border-size;
     }
 
-    &.e-bothlines .e-gridheader th.e-stackedheadercell {
+    &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
       border-bottom-style: $grid-border-type;
       border-bottom-width: $grid-border-size;
       border-left-style: $grid-border-type;
@@ -4640,8 +4631,8 @@ $grid-dropitems-count-margin-left: -8px !default;
         padding-top: $grid-ungroup-rtl-padding-top;
       }
 
-      &.e-default.e-bothlines .e-headercell,
-      &.e-default.e-bothlines .e-detailheadercell {
+      &:not(.sf-grid).e-default.e-bothlines .e-headercell,
+      &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
 
@@ -4664,7 +4655,7 @@ $grid-dropitems-count-margin-left: -8px !default;
         border-right: 0;
       }
 
-      &.e-bothlines .e-gridheader th.e-stackedheadercell {
+      &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
         border-bottom-style: $grid-border-type;
         border-bottom-width: $grid-border-size;
       }
@@ -5171,6 +5162,16 @@ $grid-dropitems-count-margin-left: -8px !default;
         }
       }
 
+      &.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+        border-bottom-style: $grid-border-type;
+        border-bottom-width: $grid-border-size;
+      }
+
+      &.e-rtl.e-default.e-bothlines .e-headercell,
+      &.e-rtl.e-default.e-bothlines .e-detailheadercell {
+        border-width: $grid-headercell-both-border-width;
+      }
+      
       .e-bigger #{&}.e-grid.sf-grid,
       #{&}.e-grid.sf-grid.e-bigger {
         .e-gridheader table th:not([rowspan = '1']),

package/SCSS-Themes/grids/grid/highcontrast.scss

@@ -42,7 +42,7 @@ $grid-header-font-size: 14px !default;
 $grid-bigger-header-font-size: $grid-header-font-size !default;
 $grid-grouped-headercell-span-padding: 0 !default;
 $grid-group-unpgroupicon-padding-right: 0 !default;
-$grid-group-text-width: 57px !default;
+$grid-group-text-width: auto !default;
 
 $grid-content-bg-color: $content-bg-color !default;
 $grid-popup-bg-color: $content-bg-color !default;
@@ -549,7 +549,7 @@ $grid-animator-bigger-area-margin: 22px !default;
 $grid-group-animator-drop-height: 58px !default;
 $grid-group-animator-cell-margin: 16px 0 16px 0 !default;
 $grid-animtor-border-bottom-width: 1px !default;
-$grid-animator-area-padding: 0 !default;
+$grid-animator-area-padding: 0 16px 0 !default;
 $grid-animtor-area-border-width: 1px !default;
 $grid-animator-area-border: 0 !default;
 $grid-animator-area-margin: 14px !default;
@@ -1971,7 +1971,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     .e-bigger & .e-group-animator .e-groupheadercell,
     .e-bigger & .e-group-animator .e-groupheadercell:hover {
-        margin: $grid-group-animator-bigger-cell-margin;
+margin: $grid-group-animator-bigger-cell-margin;
         border-bottom-width: $grid-animtor-border-bottom-width;
     }
 
@@ -1991,7 +1991,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     & .e-group-animator .e-groupheadercell,
     & .e-group-animator .e-groupheadercell:hover {
-        margin: $grid-group-animator-cell-margin;
+margin: $grid-group-animator-cell-margin;
         border-bottom-width: $grid-animtor-border-bottom-width;
     }
 
@@ -2000,9 +2000,8 @@ $grid-dropitems-count-margin-left: -8px !default;
     }
 
     & .e-groupdroparea.e-group-animate.e-grouped {
-        overflow: hidden;
         padding: $grid-animator-area-padding;
-        height: $grid-group-animator-drop-height;
+        height: auto;
         border-bottom-width: $grid-animator-area-border;
     }
 
@@ -2020,14 +2019,6 @@ $grid-dropitems-count-margin-left: -8px !default;
         margin-top: $grid-animator-margin-top-rtl;
     }
 
-    &.e-rtl .e-group-animator:first-child .e-groupheadercell {
-        margin: $grid-animator-rtl-first-group;
-    }
-
-    & .e-group-animator:first-child .e-groupheadercell {
-        margin: $grid-animator-first-group;
-    }
-
     .e-group-animate.e-groupdroparea .e-nextgroup {
         margin-top: $grid-animator-area-margin;
     }
@@ -2660,8 +2651,8 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-left-width: 0;
     }
 
-    &.e-default.e-bothlines .e-headercell,
-    &.e-default.e-bothlines .e-detailheadercell {
+    &:not(.sf-grid).e-default.e-bothlines .e-headercell,
+    &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
       border-width: $grid-headercell-both-border-width;
     }
 
@@ -3356,7 +3347,7 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-left-width: $grid-border-size;
     }
 
-    &.e-bothlines .e-gridheader th.e-stackedheadercell {
+    &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
       border-bottom-style: $grid-border-type;
       border-bottom-width: $grid-border-size;
       border-left-style: $grid-border-type;
@@ -4645,8 +4636,8 @@ $grid-dropitems-count-margin-left: -8px !default;
         padding-top: $grid-ungroup-rtl-padding-top;
       }
 
-      &.e-default.e-bothlines .e-headercell,
-      &.e-default.e-bothlines .e-detailheadercell {
+      &:not(.sf-grid).e-default.e-bothlines .e-headercell,
+      &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
 
@@ -4669,7 +4660,7 @@ $grid-dropitems-count-margin-left: -8px !default;
         border-right: 0;
       }
 
-      &.e-bothlines .e-gridheader th.e-stackedheadercell {
+      &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
         border-bottom-style: $grid-border-type;
         border-bottom-width: $grid-border-size;
       }
@@ -5176,6 +5167,16 @@ $grid-dropitems-count-margin-left: -8px !default;
         }
       }
 
+      &.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+        border-bottom-style: $grid-border-type;
+        border-bottom-width: $grid-border-size;
+      }
+
+      &.e-rtl.e-default.e-bothlines .e-headercell,
+      &.e-rtl.e-default.e-bothlines .e-detailheadercell {
+        border-width: $grid-headercell-both-border-width;
+      }
+      
       .e-bigger #{&}.e-grid.sf-grid,
       #{&}.e-grid.sf-grid.e-bigger {
         .e-gridheader table th:not([rowspan = '1']),

package/SCSS-Themes/grids/grid/material-dark.scss

@@ -39,7 +39,7 @@ $grid-frozen-row-shadow-background-color: rgba(95, 87, 87, .26) !default;
 $grid-headercell-div-padding: 0 .6em !default;
 $grid-grouped-headercell-span-padding: 0 !default;
 $grid-group-unpgroupicon-padding-right: 0 !default;
-$grid-group-text-width: 57px !default;
+$grid-group-text-width: auto !default;
 
 $grid-content-bg-color: $content-bg-color !default;
 $grid-popup-bg-color: $content-bg-color !default;
@@ -549,7 +549,7 @@ $grid-group-animator-drop-height: 48px !default;
 $grid-group-animator-cell-margin: 12px 0 12px 0 !default;
 $grid-group-animator-drop-height: 48px !default;
 $grid-animtor-border-bottom-width: 1px !default;
-$grid-animator-area-padding: 0 !default;
+$grid-animator-area-padding: 0 12px 0 !default;
 $grid-animtor-area-border-width: 1px !default;
 $grid-animator-area-border: 0 !default;
 $grid-animator-area-margin: 9px !default;
@@ -1972,7 +1972,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     .e-bigger & .e-group-animator .e-groupheadercell,
     .e-bigger & .e-group-animator .e-groupheadercell:hover {
-        margin: $grid-group-animator-bigger-cell-margin;
+margin: $grid-group-animator-bigger-cell-margin;
         border-bottom-width: $grid-animtor-border-bottom-width;
     }
 
@@ -1992,7 +1992,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     & .e-group-animator .e-groupheadercell,
     & .e-group-animator .e-groupheadercell:hover {
-        margin: $grid-group-animator-cell-margin;
+margin: $grid-group-animator-cell-margin;
         border-bottom-width: $grid-animtor-border-bottom-width;
     }
 
@@ -2001,9 +2001,8 @@ $grid-dropitems-count-margin-left: -8px !default;
     }
 
     & .e-groupdroparea.e-group-animate.e-grouped {
-        overflow: hidden;
         padding: $grid-animator-area-padding;
-        height: $grid-group-animator-drop-height;
+        height: auto;
         border-bottom-width: $grid-animator-area-border;
     }
 
@@ -2021,14 +2020,6 @@ $grid-dropitems-count-margin-left: -8px !default;
         margin-top: $grid-animator-margin-top-rtl;
     }
 
-    &.e-rtl .e-group-animator:first-child .e-groupheadercell {
-        margin: $grid-animator-rtl-first-group;
-    }
-
-    & .e-group-animator:first-child .e-groupheadercell {
-        margin: $grid-animator-first-group;
-    }
-
     .e-group-animate.e-groupdroparea .e-nextgroup {
         margin-top: $grid-animator-area-margin;
     }
@@ -2661,8 +2652,8 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-left-width: 0;
     }
 
-    &.e-default.e-bothlines .e-headercell,
-    &.e-default.e-bothlines .e-detailheadercell {
+    &:not(.sf-grid).e-default.e-bothlines .e-headercell,
+    &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
       border-width: $grid-headercell-both-border-width;
     }
 
@@ -3357,7 +3348,7 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-left-width: $grid-border-size;
     }
 
-    &.e-bothlines .e-gridheader th.e-stackedheadercell {
+    &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
       border-bottom-style: $grid-border-type;
       border-bottom-width: $grid-border-size;
       border-left-style: $grid-border-type;
@@ -4646,8 +4637,8 @@ $grid-dropitems-count-margin-left: -8px !default;
         padding-top: $grid-ungroup-rtl-padding-top;
       }
 
-      &.e-default.e-bothlines .e-headercell,
-      &.e-default.e-bothlines .e-detailheadercell {
+      &:not(.sf-grid).e-default.e-bothlines .e-headercell,
+      &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
 
@@ -4670,7 +4661,7 @@ $grid-dropitems-count-margin-left: -8px !default;
         border-right: 0;
       }
 
-      &.e-bothlines .e-gridheader th.e-stackedheadercell {
+      &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
         border-bottom-style: $grid-border-type;
         border-bottom-width: $grid-border-size;
       }
@@ -5177,6 +5168,16 @@ $grid-dropitems-count-margin-left: -8px !default;
         }
       }
 
+      &.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+        border-bottom-style: $grid-border-type;
+        border-bottom-width: $grid-border-size;
+      }
+
+      &.e-rtl.e-default.e-bothlines .e-headercell,
+      &.e-rtl.e-default.e-bothlines .e-detailheadercell {
+        border-width: $grid-headercell-both-border-width;
+      }
+      
       .e-bigger #{&}.e-grid.sf-grid,
       #{&}.e-grid.sf-grid.e-bigger {
         .e-gridheader table th:not([rowspan = '1']),

package/SCSS-Themes/grids/grid/material.scss

@@ -43,7 +43,7 @@ $grid-frozen-row-shadow-background-color: rgba(0, 0, 0, .12) !default;
 $grid-headercell-div-padding: 0 .6em !default;
 $grid-grouped-headercell-span-padding: 0 !default;
 $grid-group-unpgroupicon-padding-right: 0 !default;
-$grid-group-text-width: 57px !default;
+$grid-group-text-width: auto !default;
 
 $grid-content-bg-color: $content-bg-color !default;
 $grid-popup-bg-color: $content-bg-color !default;
@@ -547,7 +547,7 @@ $grid-animator-bigger-area-margin: 15px !default;
 $grid-group-animator-drop-height: 48px !default;
 $grid-group-animator-cell-margin: 12px 0 12px 0 !default;
 $grid-animtor-border-bottom-width: 1px !default;
-$grid-animator-area-padding: 0 !default;
+$grid-animator-area-padding: 0 12px 0 !default;
 $grid-animtor-area-border-width: 1px !default;
 $grid-animator-area-border: 0 !default;
 $grid-animator-area-margin: 9px !default;
@@ -1970,7 +1970,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     .e-bigger & .e-group-animator .e-groupheadercell,
     .e-bigger & .e-group-animator .e-groupheadercell:hover {
-        margin: $grid-group-animator-bigger-cell-margin;
+margin: $grid-group-animator-bigger-cell-margin;
         border-bottom-width: $grid-animtor-border-bottom-width;
     }
 
@@ -1990,7 +1990,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     & .e-group-animator .e-groupheadercell,
     & .e-group-animator .e-groupheadercell:hover {
-        margin: $grid-group-animator-cell-margin;
+margin: $grid-group-animator-cell-margin;
         border-bottom-width: $grid-animtor-border-bottom-width;
     }
 
@@ -1999,9 +1999,8 @@ $grid-dropitems-count-margin-left: -8px !default;
     }
 
     & .e-groupdroparea.e-group-animate.e-grouped {
-        overflow: hidden;
         padding: $grid-animator-area-padding;
-        height: $grid-group-animator-drop-height;
+        height: auto;
         border-bottom-width: $grid-animator-area-border;
     }
 
@@ -2019,14 +2018,6 @@ $grid-dropitems-count-margin-left: -8px !default;
         margin-top: $grid-animator-margin-top-rtl;
     }
 
-    &.e-rtl .e-group-animator:first-child .e-groupheadercell {
-        margin: $grid-animator-rtl-first-group;
-    }
-
-    & .e-group-animator:first-child .e-groupheadercell {
-        margin: $grid-animator-first-group;
-    }
-
     .e-group-animate.e-groupdroparea .e-nextgroup {
         margin-top: $grid-animator-area-margin;
     }
@@ -2659,8 +2650,8 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-left-width: 0;
     }
 
-    &.e-default.e-bothlines .e-headercell,
-    &.e-default.e-bothlines .e-detailheadercell {
+    &:not(.sf-grid).e-default.e-bothlines .e-headercell,
+    &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
       border-width: $grid-headercell-both-border-width;
     }
 
@@ -3355,7 +3346,7 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-left-width: $grid-border-size;
     }
 
-    &.e-bothlines .e-gridheader th.e-stackedheadercell {
+    &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
       border-bottom-style: $grid-border-type;
       border-bottom-width: $grid-border-size;
       border-left-style: $grid-border-type;
@@ -4644,8 +4635,8 @@ $grid-dropitems-count-margin-left: -8px !default;
         padding-top: $grid-ungroup-rtl-padding-top;
       }
 
-      &.e-default.e-bothlines .e-headercell,
-      &.e-default.e-bothlines .e-detailheadercell {
+      &:not(.sf-grid).e-default.e-bothlines .e-headercell,
+      &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
 
@@ -4668,7 +4659,7 @@ $grid-dropitems-count-margin-left: -8px !default;
         border-right: 0;
       }
 
-      &.e-bothlines .e-gridheader th.e-stackedheadercell {
+      &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
         border-bottom-style: $grid-border-type;
         border-bottom-width: $grid-border-size;
       }
@@ -5175,6 +5166,16 @@ $grid-dropitems-count-margin-left: -8px !default;
         }
       }
 
+      &.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+        border-bottom-style: $grid-border-type;
+        border-bottom-width: $grid-border-size;
+      }
+
+      &.e-rtl.e-default.e-bothlines .e-headercell,
+      &.e-rtl.e-default.e-bothlines .e-detailheadercell {
+        border-width: $grid-headercell-both-border-width;
+      }
+      
       .e-bigger #{&}.e-grid.sf-grid,
       #{&}.e-grid.sf-grid.e-bigger {
         .e-gridheader table th:not([rowspan = '1']),

package/SCSS-Themes/grids/grid/material3-dark.scss

@@ -552,7 +552,7 @@ $grid-animator-bigger-area-margin: 8px !default;
 $grid-group-animator-drop-height: 40px !default;
 $grid-group-animator-cell-margin: 8px 0 8px 0 !default;
 $grid-animtor-border-bottom-width: 1px !default;
-$grid-animator-area-padding: 0 !default;
+$grid-animator-area-padding: 0 8px 0 !default;
 $grid-animtor-area-border-width: 1px !default;
 $grid-animator-area-border: 0 4px 0 4px !default;
 $grid-animator-area-margin: 5px !default;
@@ -1981,7 +1981,7 @@ $grid-dropitems-count-margin-left: -9px !default;
 
     .e-bigger & .e-group-animator .e-groupheadercell,
     .e-bigger & .e-group-animator .e-groupheadercell:hover {
-        margin: $grid-group-animator-bigger-cell-margin;
+margin: $grid-group-animator-bigger-cell-margin;
         border-bottom-width: $grid-animtor-border-bottom-width;
     }
 
@@ -2001,7 +2001,7 @@ $grid-dropitems-count-margin-left: -9px !default;
 
     & .e-group-animator .e-groupheadercell,
     & .e-group-animator .e-groupheadercell:hover {
-        margin: $grid-group-animator-cell-margin;
+margin: $grid-group-animator-cell-margin;
         border-bottom-width: $grid-animtor-border-bottom-width;
     }
 
@@ -2010,9 +2010,8 @@ $grid-dropitems-count-margin-left: -9px !default;
     }
 
     & .e-groupdroparea.e-group-animate.e-grouped {
-        overflow: hidden;
         padding: $grid-animator-area-padding;
-        height: $grid-group-animator-drop-height;
+        height: auto;
         border-bottom-width: $grid-animator-area-border;
     }
 
@@ -2030,14 +2029,6 @@ $grid-dropitems-count-margin-left: -9px !default;
         margin-top: $grid-animator-margin-top-rtl;
     }
 
-    &.e-rtl .e-group-animator:first-child .e-groupheadercell {
-        margin: $grid-animator-rtl-first-group;
-    }
-
-    & .e-group-animator:first-child .e-groupheadercell {
-        margin: $grid-animator-first-group;
-    }
-
     .e-group-animate.e-groupdroparea .e-nextgroup {
         margin-top: $grid-animator-area-margin;
     }
@@ -2670,8 +2661,8 @@ $grid-dropitems-count-margin-left: -9px !default;
       border-left-width: 0;
     }
 
-    &.e-default.e-bothlines .e-headercell,
-    &.e-default.e-bothlines .e-detailheadercell {
+    &:not(.sf-grid).e-default.e-bothlines .e-headercell,
+    &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
       border-width: $grid-headercell-both-border-width;
     }
 
@@ -3366,7 +3357,7 @@ $grid-dropitems-count-margin-left: -9px !default;
       border-left-width: $grid-border-size;
     }
 
-    &.e-bothlines .e-gridheader th.e-stackedheadercell {
+    &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
       border-bottom-style: $grid-border-type;
       border-bottom-width: $grid-border-size;
       border-left-style: $grid-border-type;
@@ -4655,8 +4646,8 @@ $grid-dropitems-count-margin-left: -9px !default;
         padding-top: $grid-ungroup-rtl-padding-top;
       }
 
-      &.e-default.e-bothlines .e-headercell,
-      &.e-default.e-bothlines .e-detailheadercell {
+      &:not(.sf-grid).e-default.e-bothlines .e-headercell,
+      &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
 
@@ -4679,7 +4670,7 @@ $grid-dropitems-count-margin-left: -9px !default;
         border-right: 0;
       }
 
-      &.e-bothlines .e-gridheader th.e-stackedheadercell {
+      &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
         border-bottom-style: $grid-border-type;
         border-bottom-width: $grid-border-size;
       }
@@ -5186,6 +5177,16 @@ $grid-dropitems-count-margin-left: -9px !default;
         }
       }
 
+      &.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+        border-bottom-style: $grid-border-type;
+        border-bottom-width: $grid-border-size;
+      }
+
+      &.e-rtl.e-default.e-bothlines .e-headercell,
+      &.e-rtl.e-default.e-bothlines .e-detailheadercell {
+        border-width: $grid-headercell-both-border-width;
+      }
+      
       .e-bigger #{&}.e-grid.sf-grid,
       #{&}.e-grid.sf-grid.e-bigger {
         .e-gridheader table th:not([rowspan = '1']),

package/SCSS-Themes/grids/grid/material3.scss

@@ -552,7 +552,7 @@ $grid-animator-bigger-area-margin: 8px !default;
 $grid-group-animator-drop-height: 40px !default;
 $grid-group-animator-cell-margin: 8px 0 8px 0 !default;
 $grid-animtor-border-bottom-width: 1px !default;
-$grid-animator-area-padding: 0 !default;
+$grid-animator-area-padding: 0 8px 0 !default;
 $grid-animtor-area-border-width: 1px !default;
 $grid-animator-area-border: 0 4px 0 4px !default;
 $grid-animator-area-margin: 5px !default;
@@ -1981,7 +1981,7 @@ $grid-dropitems-count-margin-left: -9px !default;
 
     .e-bigger & .e-group-animator .e-groupheadercell,
     .e-bigger & .e-group-animator .e-groupheadercell:hover {
-        margin: $grid-group-animator-bigger-cell-margin;
+margin: $grid-group-animator-bigger-cell-margin;
         border-bottom-width: $grid-animtor-border-bottom-width;
     }
 
@@ -2001,7 +2001,7 @@ $grid-dropitems-count-margin-left: -9px !default;
 
     & .e-group-animator .e-groupheadercell,
     & .e-group-animator .e-groupheadercell:hover {
-        margin: $grid-group-animator-cell-margin;
+margin: $grid-group-animator-cell-margin;
         border-bottom-width: $grid-animtor-border-bottom-width;
     }
 
@@ -2010,9 +2010,8 @@ $grid-dropitems-count-margin-left: -9px !default;
     }
 
     & .e-groupdroparea.e-group-animate.e-grouped {
-        overflow: hidden;
         padding: $grid-animator-area-padding;
-        height: $grid-group-animator-drop-height;
+        height: auto;
         border-bottom-width: $grid-animator-area-border;
     }
 
@@ -2030,14 +2029,6 @@ $grid-dropitems-count-margin-left: -9px !default;
         margin-top: $grid-animator-margin-top-rtl;
     }
 
-    &.e-rtl .e-group-animator:first-child .e-groupheadercell {
-        margin: $grid-animator-rtl-first-group;
-    }
-
-    & .e-group-animator:first-child .e-groupheadercell {
-        margin: $grid-animator-first-group;
-    }
-
     .e-group-animate.e-groupdroparea .e-nextgroup {
         margin-top: $grid-animator-area-margin;
     }
@@ -2670,8 +2661,8 @@ $grid-dropitems-count-margin-left: -9px !default;
       border-left-width: 0;
     }
 
-    &.e-default.e-bothlines .e-headercell,
-    &.e-default.e-bothlines .e-detailheadercell {
+    &:not(.sf-grid).e-default.e-bothlines .e-headercell,
+    &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
       border-width: $grid-headercell-both-border-width;
     }
 
@@ -3366,7 +3357,7 @@ $grid-dropitems-count-margin-left: -9px !default;
       border-left-width: $grid-border-size;
     }
 
-    &.e-bothlines .e-gridheader th.e-stackedheadercell {
+    &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
       border-bottom-style: $grid-border-type;
       border-bottom-width: $grid-border-size;
       border-left-style: $grid-border-type;
@@ -4655,8 +4646,8 @@ $grid-dropitems-count-margin-left: -9px !default;
         padding-top: $grid-ungroup-rtl-padding-top;
       }
 
-      &.e-default.e-bothlines .e-headercell,
-      &.e-default.e-bothlines .e-detailheadercell {
+      &:not(.sf-grid).e-default.e-bothlines .e-headercell,
+      &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
 
@@ -4679,7 +4670,7 @@ $grid-dropitems-count-margin-left: -9px !default;
         border-right: 0;
       }
 
-      &.e-bothlines .e-gridheader th.e-stackedheadercell {
+      &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
         border-bottom-style: $grid-border-type;
         border-bottom-width: $grid-border-size;
       }
@@ -5186,6 +5177,16 @@ $grid-dropitems-count-margin-left: -9px !default;
         }
       }
 
+      &.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+        border-bottom-style: $grid-border-type;
+        border-bottom-width: $grid-border-size;
+      }
+
+      &.e-rtl.e-default.e-bothlines .e-headercell,
+      &.e-rtl.e-default.e-bothlines .e-detailheadercell {
+        border-width: $grid-headercell-both-border-width;
+      }
+      
       .e-bigger #{&}.e-grid.sf-grid,
       #{&}.e-grid.sf-grid.e-bigger {
         .e-gridheader table th:not([rowspan = '1']),