@syncfusion/ej2-angular-grids 20.2.38 → 20.2.40-ngcc

package/styles/fluent-dark.css

@@ -179,6 +179,10 @@
   padding: 14px;
   padding-top: 4px;
 }
+.sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
+  height: 26px;
+  line-height: 26px;
+}
 .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
   height: 26px;
   line-height: 26px;
@@ -2411,11 +2415,14 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-rowcell .e-checkbox-wrapper,
 .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
+  -webkit-user-select: auto;
   height: 20px;
   line-height: 20px;
   position: relative;
   top: -4.5px;
   border: 0;
+  -ms-user-select: auto;
+      user-select: auto;
 }
 .e-grid .e-dialog.e-checkboxfilter,
 .e-grid .e-dialog.e-flmenu {
@@ -2574,15 +2581,15 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 10px;
   margin-left: -2px;
-  margin-top: -1.4px;
+  margin-top: -6.5px;
   position: absolute;
   z-index: 10;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
-  margin-top: -1.4px;
+  margin-top: -6.5px;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
-  margin-top: -1.4px;
+  margin-top: 4.5px;
 }
 .e-grid td.e-active {
   font-weight: 400;
@@ -2712,10 +2719,14 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-icon-gdownarrow {
   font-size: 16px;
+  padding: 9px 7px 9px 7px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 16px;
+  padding: 8px 7px 11px 7px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-recordplusexpand {
@@ -3176,7 +3187,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-grouptopleftcell {
   border-top: 2px solid;
 }
-.e-grid.e-rtl .e-grouptext {
+.e-grid.e-rtl .e-groupheadercell span.e-grouptext {
   margin-left: 0;
   margin-right: 0;
 }
@@ -3419,7 +3430,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
   display: inline-block;
 }
-.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-stackedheadercelldiv.e-gridclip {
+.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-gridclip .e-stackedheadercelldiv {
   text-overflow: clip;
 }
 .e-grid .e-clipboard {
@@ -3512,7 +3523,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-top: 0;
 }
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
-  margin-top: -1.4px;
+  margin-top: 0;
 }
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
@@ -3557,7 +3568,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 14px;
-  margin-top: -3.7px;
+}
+.e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
+.e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: -9px;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {

package/styles/fluent.css

@@ -179,6 +179,10 @@
   padding: 14px;
   padding-top: 4px;
 }
+.sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
+  height: 26px;
+  line-height: 26px;
+}
 .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
   height: 26px;
   line-height: 26px;
@@ -2411,11 +2415,14 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-rowcell .e-checkbox-wrapper,
 .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
+  -webkit-user-select: auto;
   height: 20px;
   line-height: 20px;
   position: relative;
   top: -4.5px;
   border: 0;
+  -ms-user-select: auto;
+      user-select: auto;
 }
 .e-grid .e-dialog.e-checkboxfilter,
 .e-grid .e-dialog.e-flmenu {
@@ -2574,15 +2581,15 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 10px;
   margin-left: -2px;
-  margin-top: -1.4px;
+  margin-top: -6.5px;
   position: absolute;
   z-index: 10;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
-  margin-top: -1.4px;
+  margin-top: -6.5px;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
-  margin-top: -1.4px;
+  margin-top: 4.5px;
 }
 .e-grid td.e-active {
   font-weight: 400;
@@ -2712,10 +2719,14 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-icon-gdownarrow {
   font-size: 16px;
+  padding: 9px 7px 9px 7px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 16px;
+  padding: 8px 7px 11px 7px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-recordplusexpand {
@@ -3176,7 +3187,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-grouptopleftcell {
   border-top: 2px solid;
 }
-.e-grid.e-rtl .e-grouptext {
+.e-grid.e-rtl .e-groupheadercell span.e-grouptext {
   margin-left: 0;
   margin-right: 0;
 }
@@ -3419,7 +3430,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
   display: inline-block;
 }
-.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-stackedheadercelldiv.e-gridclip {
+.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-gridclip .e-stackedheadercelldiv {
   text-overflow: clip;
 }
 .e-grid .e-clipboard {
@@ -3512,7 +3523,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-top: 0;
 }
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
-  margin-top: -1.4px;
+  margin-top: 0;
 }
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
@@ -3557,7 +3568,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 14px;
-  margin-top: -3.7px;
+}
+.e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
+.e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: -9px;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {

package/styles/grid/bootstrap-dark.css

@@ -1033,7 +1033,7 @@
 .e-grid .e-gridheader .e-firstrow-dragborder, .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder,
 .e-grid .e-gridcontent .e-lastrow-dragborder, .e-grid.e-rtl .e-gridcontent .e-lastrow-dragborder {
   bottom: 0;
-  background-color: #e3165b;
+  background-color: #0070f0;
   height: 2px;
   position: absolute;
 }
@@ -1930,10 +1930,13 @@
 }
 .e-grid .e-rowcell .e-checkbox-wrapper,
 .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
+  -webkit-user-select: auto;
   height: 20px;
   line-height: 20px;
   position: relative;
   top: 0;
+  -ms-user-select: auto;
+      user-select: auto;
 }
 .e-grid .e-dialog.e-checkboxfilter,
 .e-grid .e-dialog.e-flmenu {
@@ -2091,16 +2094,16 @@
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 10px;
-  margin-left: 0;
-  margin-top: -1.5px;
+  margin-left: -2.5px;
+  margin-top: -6.5px;
   position: absolute;
   z-index: 10;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
-  margin-top: -1.5px;
+  margin-top: -6.5px;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
-  margin-top: -1.5px;
+  margin-top: 4px;
 }
 .e-grid td.e-active {
   font-weight: normal;
@@ -2227,10 +2230,14 @@
 }
 .e-grid .e-icon-gdownarrow {
   font-size: 10px;
+  padding: 13px 9px 11px 10px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 10px;
+  padding: 12px 9px 12px 10px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-recordplusexpand {
@@ -2690,7 +2697,7 @@
 .e-grid.e-rtl .e-grouptopleftcell {
   border-top: 2px solid;
 }
-.e-grid.e-rtl .e-grouptext {
+.e-grid.e-rtl .e-groupheadercell span.e-grouptext {
   margin-left: 0;
   margin-right: 0;
 }
@@ -2933,7 +2940,7 @@
 .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
   display: inline-block;
 }
-.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-stackedheadercelldiv.e-gridclip {
+.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-gridclip .e-stackedheadercelldiv {
   text-overflow: clip;
 }
 .e-grid .e-clipboard {
@@ -3071,7 +3078,6 @@
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 10px;
-  margin-top: -1.5px;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {

package/styles/grid/bootstrap-dark.scss

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

package/styles/grid/bootstrap.css

@@ -1931,10 +1931,13 @@
 }
 .e-grid .e-rowcell .e-checkbox-wrapper,
 .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
+  -webkit-user-select: auto;
   height: 20px;
   line-height: 20px;
   position: relative;
   top: 0;
+  -ms-user-select: auto;
+      user-select: auto;
 }
 .e-grid .e-dialog.e-checkboxfilter,
 .e-grid .e-dialog.e-flmenu {
@@ -2092,16 +2095,16 @@
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 10px;
-  margin-left: 0;
-  margin-top: -1.5px;
+  margin-left: -2.5px;
+  margin-top: -6.5px;
   position: absolute;
   z-index: 10;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
-  margin-top: -1.5px;
+  margin-top: -6.5px;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
-  margin-top: -1.5px;
+  margin-top: 4px;
 }
 .e-grid td.e-active {
   font-weight: normal;
@@ -2228,10 +2231,14 @@
 }
 .e-grid .e-icon-gdownarrow {
   font-size: 10px;
+  padding: 13px 9px 11px 10px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 10px;
+  padding: 12px 9px 12px 10px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-recordplusexpand {
@@ -2691,7 +2698,7 @@
 .e-grid.e-rtl .e-grouptopleftcell {
   border-top: 2px solid;
 }
-.e-grid.e-rtl .e-grouptext {
+.e-grid.e-rtl .e-groupheadercell span.e-grouptext {
   margin-left: 0;
   margin-right: 0;
 }
@@ -2934,7 +2941,7 @@
 .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
   display: inline-block;
 }
-.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-stackedheadercelldiv.e-gridclip {
+.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-gridclip .e-stackedheadercelldiv {
   text-overflow: clip;
 }
 .e-grid .e-clipboard {
@@ -3072,7 +3079,6 @@
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 10px;
-  margin-top: -1.5px;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {

package/styles/grid/bootstrap.scss

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

package/styles/grid/bootstrap4.css

@@ -786,7 +786,7 @@
 .e-grid.e-bigger .e-groupheadercell span {
   height: 4px;
   line-height: 4px;
-  padding: 8px 4px 8px 12px;
+  padding: 8px 4px 10px 12px;
 }
 .e-bigger .e-grid .e-groupheadercell .e-ungroupbutton,
 .e-grid.e-bigger .e-groupheadercell .e-ungroupbutton {
@@ -907,11 +907,17 @@
   margin-left: -7px;
   margin-top: -1px;
   margin-right: 8px;
+  padding-top: 8px;
 }
 .e-bigger .e-grid span.e-groupsort.e-icons,
 .e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
   margin-top: -1px;
+  margin-left: -4px;
+}
+.e-bigger .e-grid.e-rtl span.e-groupsort.e-icons,
+.e-grid.e-bigger.e-rtl span.e-groupsort.e-icons {
+  margin-left: 7px;
 }
 .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
 .e-grid.e-bigger.e-rtl .e-groupheadercell,
@@ -921,10 +927,10 @@
 }
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
-  margin-left: -13px;
+  margin-left: -9px;
   margin-right: -15px;
-  margin-top: 6px;
-  padding-top: 0;
+  margin-top: 3px;
+  padding-top: 4px;
   padding-left: 12px;
 }
 .e-bigger .e-grid .e-groupcaption,
@@ -1970,10 +1976,13 @@
 }
 .e-grid .e-rowcell .e-checkbox-wrapper,
 .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
+  -webkit-user-select: auto;
   height: 20px;
   line-height: 20px;
   position: relative;
   top: 0;
+  -ms-user-select: auto;
+      user-select: auto;
 }
 .e-grid .e-dialog.e-checkboxfilter,
 .e-grid .e-dialog.e-flmenu {
@@ -2131,16 +2140,16 @@
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 12px;
-  margin-left: 0;
-  margin-top: 0;
+  margin-left: -3.5px;
+  margin-top: -7.5px;
   position: absolute;
   z-index: 10;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
-  margin-top: 0;
+  margin-top: -7.5px;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
-  margin-top: 0;
+  margin-top: 2.5px;
 }
 .e-grid td.e-active {
   font-weight: normal;
@@ -2213,12 +2222,12 @@
   height: 24px;
   margin: 13px 0 0 8px;
   overflow: hidden;
-  padding: 3px 0;
+  padding: 0;
   vertical-align: middle;
 }
 .e-grid .e-groupheadercell:hover {
   border: 1px;
-  padding: 3px 0;
+  padding: 0;
 }
 .e-grid .e-groupheadercell span {
   display: inline-block;
@@ -2230,6 +2239,7 @@
 }
 .e-grid .e-groupheadercell .e-grouptext {
   line-height: 19px;
+  padding-top: 3px;
 }
 .e-grid .e-groupheadercell .e-ungroupbutton {
   font-size: 10px;
@@ -2255,22 +2265,27 @@
 }
 .e-grid .e-groupsort {
   margin-right: 0;
-  margin-top: -3px;
+  margin-top: 0;
 }
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -8px;
-  margin-top: 1px;
+  margin-top: 0;
   padding-right: 8px;
+  padding-top: 4px;
 }
 .e-grid .e-grptogglebtn {
   padding: 7px;
 }
 .e-grid .e-icon-gdownarrow {
   font-size: 10px;
+  padding: 13px 9px 11px 10px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 10px;
+  padding: 12px 9px 12px 10px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-recordplusexpand {
@@ -2730,13 +2745,14 @@
 .e-grid.e-rtl .e-grouptopleftcell {
   border-top: 2px solid;
 }
-.e-grid.e-rtl .e-grouptext {
+.e-grid.e-rtl .e-groupheadercell span.e-grouptext {
   margin-left: 0;
   margin-right: 0;
+  padding-top: 3px;
 }
 .e-grid.e-rtl .e-groupheadercell span {
   float: right;
-  padding: 8px 4px 8px 12px;
+  padding: 0 8px;
 }
 .e-grid.e-rtl.e-horizontallines .e-grouptopleftcell {
   border-top: 1px solid;
@@ -2833,9 +2849,9 @@
   margin-right: -10px;
 }
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
-  margin-left: -2px;
+  margin-left: 0;
   margin-right: -12px;
-  padding-top: 0;
+  padding-top: 4px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
@@ -2894,7 +2910,7 @@
 .e-grid.e-rtl .e-groupheadercell, .e-grid.e-rtl .e-groupheadercell:hover {
   margin-left: 0;
   margin-right: 8px;
-  padding: 3px 0;
+  padding: 0;
 }
 .e-grid.e-rtl .e-groupheadercell, .e-grid.e-rtl .e-groupheadercell:hover {
   float: right;
@@ -2973,7 +2989,7 @@
 .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
   display: inline-block;
 }
-.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-stackedheadercelldiv.e-gridclip {
+.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-gridclip .e-stackedheadercelldiv {
   text-overflow: clip;
 }
 .e-grid .e-clipboard {
@@ -3111,7 +3127,6 @@
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 12px;
-  margin-top: 0;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {
@@ -3128,7 +3143,7 @@
 }
 .e-bigger .e-grid.e-rtl .e-groupheadercell span,
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
-  padding: 8px 4px 8px 12px;
+  padding: 8px 4px 10px 8px;
 }
 
 .e-grid-min-height .e-rowcell {

package/styles/grid/bootstrap4.scss

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

package/styles/grid/bootstrap5-dark.css

@@ -1990,10 +1990,13 @@
 }
 .e-grid .e-rowcell .e-checkbox-wrapper,
 .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
+  -webkit-user-select: auto;
   height: 20px;
   line-height: 20px;
   position: relative;
   top: -2px;
+  -ms-user-select: auto;
+      user-select: auto;
 }
 .e-grid .e-dialog.e-checkboxfilter,
 .e-grid .e-dialog.e-flmenu {
@@ -2287,10 +2290,14 @@
 }
 .e-grid .e-icon-gdownarrow {
   font-size: 14px;
+  padding: 12px 7px 11px 8px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 14px;
+  padding: 11px 7px 12px 8px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-recordplusexpand {
@@ -2425,8 +2432,8 @@
   padding-top: 2px;
 }
 .e-grid .e-row .e-input-group {
-  margin-bottom: 2px;
-  margin-top: 2px;
+  margin-bottom: 1px;
+  margin-top: 1px;
   vertical-align: middle;
 }
 .e-grid .e-defaultcell.e-ralign,
@@ -2750,7 +2757,7 @@
 .e-grid.e-rtl .e-grouptopleftcell {
   border-top: 2px solid;
 }
-.e-grid.e-rtl .e-grouptext {
+.e-grid.e-rtl .e-groupheadercell span.e-grouptext {
   margin-left: 0;
   margin-right: 0;
 }
@@ -2993,7 +3000,7 @@
 .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
   display: inline-block;
 }
-.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-stackedheadercelldiv.e-gridclip {
+.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-gridclip .e-stackedheadercelldiv {
   text-overflow: clip;
 }
 .e-grid .e-clipboard {
@@ -3131,7 +3138,10 @@
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 14px;
-  margin-top: -3.7px;
+}
+.e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
+.e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: -9px;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {