@syncfusion/ej2-angular-grids 23.1.43 → 23.1.44-ngcc

package/styles/grid/fabric.css

@@ -1265,9 +1265,8 @@
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 48px;
+  padding: 0 16px 0;
+  height: auto;
   border-bottom-width: 0;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1281,12 +1280,6 @@
   transform: rotate(180deg);
   margin-top: 22px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 16px 16px 16px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 16px 0 16px 16px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 15px;
 }
@@ -1739,7 +1732,7 @@
 .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
   border-left-width: 0;
 }
-.e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2217,7 +2210,7 @@
   border-left-style: solid;
   border-left-width: 1px;
 }
-.e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-style: solid;
@@ -2298,7 +2291,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  width: 57px;
+  width: auto;
 }
 .e-grid .e-grid-icon {
   float: left;
@@ -3097,7 +3090,7 @@
   margin-right: 6px;
   padding-top: 0;
 }
-.e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-dragheadercell, .e-grid.e-rtl.e-default.e-bothlines .e-rowdragheader, .e-grid.e-rtl.e-default.e-bothlines .e-cloneproperties.e-draganddrop td.e-rowdragdrop, .e-grid.e-rtl.e-default.e-verticallines .e-cloneproperties.e-draganddrop td.e-rowdragdrop {
@@ -3112,7 +3105,7 @@
   border-left: 1px solid;
   border-right: 0;
 }
-.e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
 }
@@ -3461,6 +3454,13 @@
 .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
   border-right: 0;
 }
+.e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+}
+.e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
 .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {

package/styles/grid/fabric.scss

@@ -1,21 +1 @@
-@import 'ej2-base/styles/definition/fabric.scss';
-@import 'ej2-navigations/styles/pager/fabric-definition.scss';
-@import '../excel-filter/fabric-definition.scss';
-@import 'ej2-inputs/styles/input/fabric-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/fabric-definition.scss';
-@import 'ej2-buttons/styles/button/fabric-definition.scss';
-@import 'ej2-buttons/styles/radio-button/fabric-definition.scss';
-@import 'ej2-buttons/styles/check-box/fabric-definition.scss';
-@import 'ej2-dropdowns/styles/auto-complete/fabric-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fabric-definition.scss';
-@import 'ej2-popups/styles/dialog/fabric-definition.scss';
-@import 'ej2-popups/styles/spinner/fabric-definition.scss';
-@import 'ej2-popups/styles/tooltip/fabric-definition.scss';
-@import 'ej2-calendars/styles/datepicker/fabric-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/fabric-definition.scss';
-@import 'ej2-navigations/styles/toolbar/fabric-definition.scss';
-@import 'ej2-navigations/styles/context-menu/fabric-definition.scss';
-@import 'ej2-notifications/styles/skeleton/fabric-definition.scss';
-@import 'fabric-definition.scss';
-@import 'icons/fabric.scss';
-@import 'all.scss';
+@import 'ej2-grids/styles/grid/fabric.scss';

package/styles/grid/fluent-dark.css

@@ -1357,9 +1357,8 @@
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 48px;
+  padding: 0 12px 0;
+  height: auto;
   border-bottom-width: 0;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1373,12 +1372,6 @@
   transform: rotate(180deg);
   margin-top: 15px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 12px 12px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 0 12px 12px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 9px;
 }
@@ -1834,7 +1827,7 @@
 .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
   border-left-width: 0;
 }
-.e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2317,7 +2310,7 @@
   border-left-style: solid;
   border-left-width: 1px;
 }
-.e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-style: solid;
@@ -3201,7 +3194,7 @@
   margin-right: -11px;
   padding-top: 8px;
 }
-.e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-dragheadercell, .e-grid.e-rtl.e-default.e-bothlines .e-rowdragheader, .e-grid.e-rtl.e-default.e-bothlines .e-cloneproperties.e-draganddrop td.e-rowdragdrop, .e-grid.e-rtl.e-default.e-verticallines .e-cloneproperties.e-draganddrop td.e-rowdragdrop {
@@ -3216,7 +3209,7 @@
   border-left: 1px solid;
   border-right: 0;
 }
-.e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
 }
@@ -3565,6 +3558,13 @@
 .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
   border-right: 0;
 }
+.e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+}
+.e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
 .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {

package/styles/grid/fluent-dark.scss

@@ -1,21 +1 @@
-@import 'ej2-base/styles/definition/fluent-dark.scss';
-@import 'ej2-navigations/styles/pager/fluent-dark-definition.scss';
-@import '../excel-filter/fluent-dark-definition.scss';
-@import 'ej2-inputs/styles/input/fluent-dark-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/fluent-dark-definition.scss';
-@import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
-@import 'ej2-buttons/styles/radio-button/fluent-dark-definition.scss';
-@import 'ej2-buttons/styles/check-box/fluent-dark-definition.scss';
-@import 'ej2-dropdowns/styles/auto-complete/fluent-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fluent-dark-definition.scss';
-@import 'ej2-popups/styles/dialog/fluent-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/fluent-dark-definition.scss';
-@import 'ej2-popups/styles/tooltip/fluent-dark-definition.scss';
-@import 'ej2-calendars/styles/datepicker/fluent-dark-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/fluent-dark-definition.scss';
-@import 'ej2-navigations/styles/toolbar/fluent-dark-definition.scss';
-@import 'ej2-navigations/styles/context-menu/fluent-dark-definition.scss';
-@import 'ej2-notifications/styles/skeleton/fluent-dark-definition.scss';
-@import 'fluent-dark-definition.scss';
-@import 'icons/fluent-dark.scss';
-@import 'all.scss';
+@import 'ej2-grids/styles/grid/fluent-dark.scss';

package/styles/grid/fluent.css

@@ -1357,9 +1357,8 @@
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 48px;
+  padding: 0 12px 0;
+  height: auto;
   border-bottom-width: 0;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1373,12 +1372,6 @@
   transform: rotate(180deg);
   margin-top: 15px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 12px 12px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 0 12px 12px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 9px;
 }
@@ -1834,7 +1827,7 @@
 .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
   border-left-width: 0;
 }
-.e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2317,7 +2310,7 @@
   border-left-style: solid;
   border-left-width: 1px;
 }
-.e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-style: solid;
@@ -3201,7 +3194,7 @@
   margin-right: -11px;
   padding-top: 8px;
 }
-.e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-dragheadercell, .e-grid.e-rtl.e-default.e-bothlines .e-rowdragheader, .e-grid.e-rtl.e-default.e-bothlines .e-cloneproperties.e-draganddrop td.e-rowdragdrop, .e-grid.e-rtl.e-default.e-verticallines .e-cloneproperties.e-draganddrop td.e-rowdragdrop {
@@ -3216,7 +3209,7 @@
   border-left: 1px solid;
   border-right: 0;
 }
-.e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
 }
@@ -3565,6 +3558,13 @@
 .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
   border-right: 0;
 }
+.e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+}
+.e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
 .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {

package/styles/grid/fluent.scss

@@ -1,21 +1 @@
-@import 'ej2-base/styles/definition/fluent.scss';
-@import 'ej2-navigations/styles/pager/fluent-definition.scss';
-@import '../excel-filter/fluent-definition.scss';
-@import 'ej2-inputs/styles/input/fluent-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/fluent-definition.scss';
-@import 'ej2-buttons/styles/button/fluent-definition.scss';
-@import 'ej2-buttons/styles/radio-button/fluent-definition.scss';
-@import 'ej2-buttons/styles/check-box/fluent-definition.scss';
-@import 'ej2-dropdowns/styles/auto-complete/fluent-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fluent-definition.scss';
-@import 'ej2-popups/styles/dialog/fluent-definition.scss';
-@import 'ej2-popups/styles/spinner/fluent-definition.scss';
-@import 'ej2-popups/styles/tooltip/fluent-definition.scss';
-@import 'ej2-calendars/styles/datepicker/fluent-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/fluent-definition.scss';
-@import 'ej2-navigations/styles/toolbar/fluent-definition.scss';
-@import 'ej2-navigations/styles/context-menu/fluent-definition.scss';
-@import 'ej2-notifications/styles/skeleton/fluent-definition.scss';
-@import 'fluent-definition.scss';
-@import 'icons/fluent.scss';
-@import 'all.scss';
+@import 'ej2-grids/styles/grid/fluent.scss';

package/styles/grid/highcontrast-light.css

@@ -1269,9 +1269,8 @@
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 58px;
+  padding: 0 16px 0;
+  height: auto;
   border-bottom-width: 0;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1285,12 +1284,6 @@
   transform: rotate(180deg);
   margin-top: 20px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 16px 16px 16px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 16px 0 16px 16px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 13px;
 }
@@ -1743,7 +1736,7 @@
 .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
   border-left-width: 0;
 }
-.e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2221,7 +2214,7 @@
   border-left-style: solid;
   border-left-width: 1px;
 }
-.e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-style: solid;
@@ -2302,7 +2295,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  width: 57px;
+  width: auto;
 }
 .e-grid .e-grid-icon {
   float: left;
@@ -3101,7 +3094,7 @@
   margin-right: 6px;
   padding-top: 0;
 }
-.e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-dragheadercell, .e-grid.e-rtl.e-default.e-bothlines .e-rowdragheader, .e-grid.e-rtl.e-default.e-bothlines .e-cloneproperties.e-draganddrop td.e-rowdragdrop, .e-grid.e-rtl.e-default.e-verticallines .e-cloneproperties.e-draganddrop td.e-rowdragdrop {
@@ -3116,7 +3109,7 @@
   border-left: 1px solid;
   border-right: 0;
 }
-.e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
 }
@@ -3465,6 +3458,13 @@
 .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
   border-right: 0;
 }
+.e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+}
+.e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
 .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {

package/styles/grid/highcontrast-light.scss

@@ -1,21 +1 @@
-@import 'ej2-base/styles/definition/highcontrast-light.scss';
-@import 'ej2-navigations/styles/pager/highcontrast-light-definition.scss';
-@import '../excel-filter/highcontrast-light-definition.scss';
-@import 'ej2-inputs/styles/input/highcontrast-light-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/highcontrast-light-definition.scss';
-@import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
-@import 'ej2-buttons/styles/radio-button/highcontrast-light-definition.scss';
-@import 'ej2-buttons/styles/check-box/highcontrast-light-definition.scss';
-@import 'ej2-dropdowns/styles/auto-complete/highcontrast-light-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/highcontrast-light-definition.scss';
-@import 'ej2-popups/styles/dialog/highcontrast-light-definition.scss';
-@import 'ej2-popups/styles/spinner/highcontrast-light-definition.scss';
-@import 'ej2-popups/styles/tooltip/highcontrast-light-definition.scss';
-@import 'ej2-calendars/styles/datepicker/highcontrast-light-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/highcontrast-light-definition.scss';
-@import 'ej2-navigations/styles/toolbar/highcontrast-light-definition.scss';
-@import 'ej2-navigations/styles/context-menu/highcontrast-light-definition.scss';
-@import 'ej2-notifications/styles/skeleton/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'icons/highcontrast-light.scss';
-@import 'all.scss';
+@import 'ej2-grids/styles/grid/highcontrast-light.scss';

package/styles/grid/highcontrast.css

@@ -1269,9 +1269,8 @@
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 58px;
+  padding: 0 16px 0;
+  height: auto;
   border-bottom-width: 0;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1285,12 +1284,6 @@
   transform: rotate(180deg);
   margin-top: 21px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 16px 16px 16px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 16px 0 16px 16px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 14px;
 }
@@ -1743,7 +1736,7 @@
 .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
   border-left-width: 0;
 }
-.e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2221,7 +2214,7 @@
   border-left-style: solid;
   border-left-width: 1px;
 }
-.e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-style: solid;
@@ -2302,7 +2295,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  width: 57px;
+  width: auto;
 }
 .e-grid .e-grid-icon {
   float: left;
@@ -3101,7 +3094,7 @@
   margin-right: 6px;
   padding-top: 0;
 }
-.e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-dragheadercell, .e-grid.e-rtl.e-default.e-bothlines .e-rowdragheader, .e-grid.e-rtl.e-default.e-bothlines .e-cloneproperties.e-draganddrop td.e-rowdragdrop, .e-grid.e-rtl.e-default.e-verticallines .e-cloneproperties.e-draganddrop td.e-rowdragdrop {
@@ -3116,7 +3109,7 @@
   border-left: 1px solid;
   border-right: 0;
 }
-.e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
 }
@@ -3465,6 +3458,13 @@
 .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
   border-right: 0;
 }
+.e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+}
+.e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
 .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {

package/styles/grid/highcontrast.scss

@@ -1,21 +1 @@
-@import 'ej2-base/styles/definition/highcontrast.scss';
-@import 'ej2-navigations/styles/pager/highcontrast-definition.scss';
-@import '../excel-filter/highcontrast-definition.scss';
-@import 'ej2-inputs/styles/input/highcontrast-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/highcontrast-definition.scss';
-@import 'ej2-buttons/styles/button/highcontrast-definition.scss';
-@import 'ej2-buttons/styles/radio-button/highcontrast-definition.scss';
-@import 'ej2-buttons/styles/check-box/highcontrast-definition.scss';
-@import 'ej2-dropdowns/styles/auto-complete/highcontrast-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/highcontrast-definition.scss';
-@import 'ej2-popups/styles/dialog/highcontrast-definition.scss';
-@import 'ej2-popups/styles/spinner/highcontrast-definition.scss';
-@import 'ej2-popups/styles/tooltip/highcontrast-definition.scss';
-@import 'ej2-calendars/styles/datepicker/highcontrast-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/highcontrast-definition.scss';
-@import 'ej2-navigations/styles/toolbar/highcontrast-definition.scss';
-@import 'ej2-navigations/styles/context-menu/highcontrast-definition.scss';
-@import 'ej2-notifications/styles/skeleton/highcontrast-definition.scss';
-@import 'highcontrast-definition.scss';
-@import 'icons/highcontrast.scss';
-@import 'all.scss';
+@import 'ej2-grids/styles/grid/highcontrast.scss';

package/styles/grid/material-dark.css

@@ -1312,9 +1312,8 @@
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 48px;
+  padding: 0 12px 0;
+  height: auto;
   border-bottom-width: 0;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1328,12 +1327,6 @@
   transform: rotate(180deg);
   margin-top: 16px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 16px 12px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 0 12px 16px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 9px;
 }
@@ -1786,7 +1779,7 @@
 .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
   border-left-width: 0;
 }
-.e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2264,7 +2257,7 @@
   border-left-style: solid;
   border-left-width: 1px;
 }
-.e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-style: solid;
@@ -2345,7 +2338,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  width: 57px;
+  width: auto;
 }
 .e-grid .e-grid-icon {
   float: left;
@@ -3144,7 +3137,7 @@
   margin-right: 6px;
   padding-top: 0;
 }
-.e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-dragheadercell, .e-grid.e-rtl.e-default.e-bothlines .e-rowdragheader, .e-grid.e-rtl.e-default.e-bothlines .e-cloneproperties.e-draganddrop td.e-rowdragdrop, .e-grid.e-rtl.e-default.e-verticallines .e-cloneproperties.e-draganddrop td.e-rowdragdrop {
@@ -3159,7 +3152,7 @@
   border-left: 1px solid;
   border-right: 0;
 }
-.e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
 }
@@ -3508,6 +3501,13 @@
 .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
   border-right: 0;
 }
+.e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+}
+.e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
 .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {

package/styles/grid/material-dark.scss

@@ -1,21 +1 @@
-@import 'ej2-base/styles/definition/material-dark.scss';
-@import 'ej2-navigations/styles/pager/material-dark-definition.scss';
-@import '../excel-filter/material-dark-definition.scss';
-@import 'ej2-inputs/styles/input/material-dark-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/material-dark-definition.scss';
-@import 'ej2-buttons/styles/button/material-dark-definition.scss';
-@import 'ej2-buttons/styles/radio-button/material-dark-definition.scss';
-@import 'ej2-buttons/styles/check-box/material-dark-definition.scss';
-@import 'ej2-dropdowns/styles/auto-complete/material-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/material-dark-definition.scss';
-@import 'ej2-popups/styles/dialog/material-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/material-dark-definition.scss';
-@import 'ej2-popups/styles/tooltip/material-dark-definition.scss';
-@import 'ej2-calendars/styles/datepicker/material-dark-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/material-dark-definition.scss';
-@import 'ej2-navigations/styles/toolbar/material-dark-definition.scss';
-@import 'ej2-navigations/styles/context-menu/material-dark-definition.scss';
-@import 'ej2-notifications/styles/skeleton/material-dark-definition.scss';
-@import 'material-dark-definition.scss';
-@import 'icons/material-dark.scss';
-@import 'all.scss';
+@import 'ej2-grids/styles/grid/material-dark.scss';