@syncfusion/ej2-angular-grids 23.2.6 → 23.2.7-ngcc

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

@@ -1907,6 +1907,17 @@
 .e-grid .e-gridheader .e-stackedheadercelldiv {
   padding: 0 20px 0 5px;
 }
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-right: 5px;
+}
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv, .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-left: 5px;
+}
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding-left: 5px;
   margin-bottom: -6px;
@@ -4744,6 +4755,10 @@
   background-color: #f3f2f1;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #f3f2f1;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fed9cc;

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

@@ -1813,6 +1813,17 @@
 .e-grid .e-gridheader .e-stackedheadercelldiv {
   padding: 0 10px 0 0;
 }
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-right: 0;
+}
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv, .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-left: 0;
+}
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 10px 0 0;
 }
@@ -4600,6 +4611,10 @@
   background-color: #ecf;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #ecf;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #b30900;

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

@@ -1813,6 +1813,17 @@
 .e-grid .e-gridheader .e-stackedheadercelldiv {
   padding: 0 10px 0 0;
 }
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-right: 0;
+}
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv, .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-left: 0;
+}
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 10px 0 0;
 }
@@ -4600,6 +4611,10 @@
   background-color: #685708;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #685708;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #b30900;

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

@@ -1856,6 +1856,17 @@
 .e-grid .e-gridheader .e-stackedheadercelldiv {
   padding: 0 1.8em 0 0.6em;
 }
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-right: 0.6em;
+}
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv, .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-left: 0.6em;
+}
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 1.8em 0 0.6em;
 }
@@ -4643,6 +4654,10 @@
   background-color: rgb(89, 86, 86);
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: rgb(89, 86, 86);
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fcdbe4;

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';

package/styles/grid/material.css

@@ -1890,6 +1890,17 @@
 .e-grid .e-gridheader .e-stackedheadercelldiv {
   padding: 0 1.8em 0 0.6em;
 }
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-right: 0.6em;
+}
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv, .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-left: 0.6em;
+}
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 1.8em 0 0.6em;
 }
@@ -4677,6 +4688,10 @@
   background-color: #eee;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #eee;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fcdbe4;

package/styles/grid/material.scss

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

package/styles/grid/material3-dark.css

@@ -2073,6 +2073,17 @@
 .e-grid .e-gridheader .e-stackedheadercelldiv {
   padding: 0 20px 0 8px;
 }
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-right: 8px;
+}
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv, .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-left: 8px;
+}
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 20px 0 8px;
 }
@@ -4948,6 +4959,10 @@
   background-color: rgba(var(--color-sf-on-surface), 0.05);
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: rgba(var(--color-sf-on-surface), 0.05);
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: rgba(var(--color-sf-error-container));

package/styles/grid/material3-dark.scss

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

package/styles/grid/material3.css

@@ -2129,6 +2129,17 @@
 .e-grid .e-gridheader .e-stackedheadercelldiv {
   padding: 0 20px 0 8px;
 }
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-right: 8px;
+}
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv, .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-left: 8px;
+}
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 20px 0 8px;
 }
@@ -5004,6 +5015,10 @@
   background-color: rgba(var(--color-sf-on-surface), 0.05);
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: rgba(var(--color-sf-on-surface), 0.05);
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: rgba(var(--color-sf-error-container));

package/styles/grid/material3.scss

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

package/styles/grid/tailwind-dark.css

@@ -1911,6 +1911,17 @@
 .e-grid .e-gridheader .e-stackedheadercelldiv {
   padding: 0 20px 0 5px;
 }
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-right: 5px;
+}
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv, .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-left: 5px;
+}
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 20px 0 5px;
 }
@@ -4724,6 +4735,10 @@
   background-color: #4b5563;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #4b5563;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fee2e2;

package/styles/grid/tailwind-dark.scss

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

package/styles/grid/tailwind.css

@@ -1911,6 +1911,17 @@
 .e-grid .e-gridheader .e-stackedheadercelldiv {
   padding: 0 20px 0 5px;
 }
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-right: 5px;
+}
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv, .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-left: 5px;
+}
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 20px 0 5px;
 }
@@ -4724,6 +4735,10 @@
   background-color: #f3f4f6;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #f3f4f6;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fee2e2;

package/styles/grid/tailwind.scss

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

package/styles/highcontrast-light.css

@@ -2237,6 +2237,17 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridheader .e-stackedheadercelldiv {
   padding: 0 10px 0 0;
 }
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-right: 0;
+}
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv, .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-left: 0;
+}
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 10px 0 0;
 }
@@ -5024,6 +5035,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #ecf;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #ecf;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #b30900;

package/styles/highcontrast.css

@@ -2237,6 +2237,17 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridheader .e-stackedheadercelldiv {
   padding: 0 10px 0 0;
 }
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-right: 0;
+}
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv, .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-left: 0;
+}
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 10px 0 0;
 }
@@ -5024,6 +5035,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #685708;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #685708;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #b30900;

package/styles/material-dark.css

@@ -2286,6 +2286,17 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridheader .e-stackedheadercelldiv {
   padding: 0 1.8em 0 0.6em;
 }
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-right: 0.6em;
+}
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv, .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-left: 0.6em;
+}
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 1.8em 0 0.6em;
 }
@@ -5073,6 +5084,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: rgb(89, 86, 86);
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: rgb(89, 86, 86);
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fcdbe4;

package/styles/material.css

@@ -2328,6 +2328,17 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridheader .e-stackedheadercelldiv {
   padding: 0 1.8em 0 0.6em;
 }
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-right: 0.6em;
+}
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv, .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-left: 0.6em;
+}
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 1.8em 0 0.6em;
 }
@@ -5115,6 +5126,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #eee;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #eee;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fcdbe4;