@syncfusion/ej2-angular-grids 22.2.11 → 22.2.12-ngcc

package/styles/excel-filter/fluent-dark.css

@@ -311,6 +311,9 @@
 .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
   padding-right: 10px;
 }
+.e-bigger .e-xlflmenu.e-rtl .e-xlfl-optr {
+  padding-right: 0;
+}
 .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
   font-size: 18px;
 }

package/styles/excel-filter/fluent-dark.scss

@@ -1,17 +1 @@
-@import 'ej2-base/styles/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-calendars/styles/datepicker/fluent-dark-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/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/excel-filter/fluent-dark.scss';

package/styles/excel-filter/fluent.css

@@ -311,6 +311,9 @@
 .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
   padding-right: 10px;
 }
+.e-bigger .e-xlflmenu.e-rtl .e-xlfl-optr {
+  padding-right: 0;
+}
 .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
   font-size: 18px;
 }

package/styles/excel-filter/fluent.scss

@@ -1,17 +1 @@
-@import 'ej2-base/styles/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-calendars/styles/datepicker/fluent-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/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/excel-filter/fluent.scss';

package/styles/excel-filter/highcontrast-light.css

@@ -260,6 +260,9 @@
 .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
   padding-right: 16px;
 }
+.e-bigger .e-xlflmenu.e-rtl .e-xlfl-optr {
+  padding-right: 0;
+}
 .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
   font-size: 16px;
 }

package/styles/excel-filter/highcontrast-light.scss

@@ -1,17 +1 @@
-@import 'ej2-base/styles/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-calendars/styles/datepicker/highcontrast-light-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/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/excel-filter/highcontrast-light.scss';

package/styles/excel-filter/highcontrast.css

@@ -260,6 +260,9 @@
 .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
   padding-right: 16px;
 }
+.e-bigger .e-xlflmenu.e-rtl .e-xlfl-optr {
+  padding-right: 0;
+}
 .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
   font-size: 16px;
 }

package/styles/excel-filter/highcontrast.scss

@@ -1,17 +1 @@
-@import 'ej2-base/styles/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-calendars/styles/datepicker/highcontrast-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/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/excel-filter/highcontrast.scss';

package/styles/excel-filter/material-dark.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {
@@ -295,6 +295,9 @@
 .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
   padding-right: 16px;
 }
+.e-bigger .e-xlflmenu.e-rtl .e-xlfl-optr {
+  padding-right: 0;
+}
 .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
   font-size: 18px;
 }

package/styles/excel-filter/material-dark.scss

@@ -1,17 +1 @@
-@import 'ej2-base/styles/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-calendars/styles/datepicker/material-dark-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/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/excel-filter/material-dark.scss';

package/styles/excel-filter/material.css

@@ -328,6 +328,9 @@
 .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
   padding-right: 16px;
 }
+.e-bigger .e-xlflmenu.e-rtl .e-xlfl-optr {
+  padding-right: 0;
+}
 .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
   font-size: 18px;
 }

package/styles/excel-filter/material.scss

@@ -1,17 +1 @@
-@import 'ej2-base/styles/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-calendars/styles/datepicker/material-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/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/excel-filter/material.scss';

package/styles/excel-filter/material3-dark.css

@@ -424,6 +424,9 @@
 .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
   padding-right: 10px;
 }
+.e-bigger .e-xlflmenu.e-rtl .e-xlfl-optr {
+  padding-right: 0;
+}
 .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
   font-size: 16px;
 }

package/styles/excel-filter/material3-dark.scss

@@ -1,18 +1,2 @@
 @import 'ej2-base/styles/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-calendars/styles/datepicker/material3-dark-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/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/excel-filter/material3-dark.scss';

package/styles/excel-filter/material3.css

@@ -480,6 +480,9 @@
 .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
   padding-right: 10px;
 }
+.e-bigger .e-xlflmenu.e-rtl .e-xlfl-optr {
+  padding-right: 0;
+}
 .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
   font-size: 16px;
 }

package/styles/excel-filter/material3.scss

@@ -1,18 +1,2 @@
 @import 'ej2-base/styles/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-calendars/styles/datepicker/material3-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/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/excel-filter/material3.scss';

package/styles/excel-filter/tailwind-dark.css

@@ -280,6 +280,9 @@
 .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
   padding-right: 15px;
 }
+.e-bigger .e-xlflmenu.e-rtl .e-xlfl-optr {
+  padding-right: 0;
+}
 .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
   font-size: 16px;
 }

package/styles/excel-filter/tailwind-dark.scss

@@ -1,17 +1 @@
-@import 'ej2-base/styles/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-calendars/styles/datepicker/tailwind-dark-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/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/excel-filter/tailwind-dark.scss';

package/styles/excel-filter/tailwind.css

@@ -280,6 +280,9 @@
 .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
   padding-right: 15px;
 }
+.e-bigger .e-xlflmenu.e-rtl .e-xlfl-optr {
+  padding-right: 0;
+}
 .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
   font-size: 16px;
 }

package/styles/excel-filter/tailwind.scss

@@ -1,17 +1 @@
-@import 'ej2-base/styles/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-calendars/styles/datepicker/tailwind-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/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/excel-filter/tailwind.scss';

package/styles/fabric-dark.css

@@ -263,6 +263,9 @@
 .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
   padding-right: 16px;
 }
+.e-bigger .e-xlflmenu.e-rtl .e-xlfl-optr {
+  padding-right: 0;
+}
 .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
   font-size: 16px;
 }
@@ -1299,6 +1302,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 8px 10px 0 0;
   padding: 0 10px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 10px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
@@ -4203,7 +4210,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-table {
   background-color: #201f1f;
 }
-.e-grid .e-focused:not(.e-menu-item) {
+.e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
   box-shadow: 0 0 0 1px #dadada inset;
 }
 .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4567,6 +4574,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #dadada;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #414040;

package/styles/fabric.css

@@ -256,6 +256,9 @@
 .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
   padding-right: 16px;
 }
+.e-bigger .e-xlflmenu.e-rtl .e-xlfl-optr {
+  padding-right: 0;
+}
 .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
   font-size: 16px;
 }
@@ -1292,6 +1295,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 8px 10px 0 0;
   padding: 0 10px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 10px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
@@ -4196,7 +4203,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-table {
   background-color: #fff;
 }
-.e-grid .e-focused:not(.e-menu-item) {
+.e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
   box-shadow: 0 0 0 1px #666 inset;
 }
 .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4560,6 +4567,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #333;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #fff;

package/styles/fluent-dark.css

@@ -311,6 +311,9 @@
 .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
   padding-right: 10px;
 }
+.e-bigger .e-xlflmenu.e-rtl .e-xlfl-optr {
+  padding-right: 0;
+}
 .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
   font-size: 18px;
 }
@@ -1385,6 +1388,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 6px 8px 6px 0;
   padding: 4px 6px 4px 9px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 4px 6px 4px 9px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: -9px;
@@ -4340,7 +4347,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-table {
   background-color: #1b1a19;
 }
-.e-grid .e-focused:not(.e-menu-item) {
+.e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
   box-shadow: 0 0 0 1px #0078d4 inset;
 }
 .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4705,6 +4712,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #f3f2f1;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #252423;

package/styles/fluent.css

@@ -311,6 +311,9 @@
 .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
   padding-right: 10px;
 }
+.e-bigger .e-xlflmenu.e-rtl .e-xlfl-optr {
+  padding-right: 0;
+}
 .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
   font-size: 18px;
 }
@@ -1385,6 +1388,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 6px 8px 6px 0;
   padding: 4px 6px 4px 9px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 4px 6px 4px 9px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: -9px;
@@ -4340,7 +4347,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-table {
   background-color: #fff;
 }
-.e-grid .e-focused:not(.e-menu-item) {
+.e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
   box-shadow: 0 0 0 1px #0078d4 inset;
 }
 .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4705,6 +4712,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #201f1e;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #f3f2f1;

package/styles/grid/bootstrap-dark.css

@@ -904,6 +904,10 @@
   margin: 3px 8px 0 0;
   padding: 9px 0 4px 0;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 9px 0 4px 0;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
@@ -3808,7 +3812,7 @@
 .e-grid .e-table {
   background-color: #1a1a1a;
 }
-.e-grid .e-focused:not(.e-menu-item) {
+.e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
   box-shadow: 0 0 0 1px #248aff inset;
 }
 .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4172,6 +4176,9 @@
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #f0f0f0;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #313131;

package/styles/grid/bootstrap-dark.scss

@@ -1,21 +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 'ej2-notifications/styles/skeleton/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

@@ -905,6 +905,10 @@
   margin: 3px 8px 0 0;
   padding: 9px 0 4px 0;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 9px 0 4px 0;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
@@ -3809,7 +3813,7 @@
 .e-grid .e-table {
   background-color: #fff;
 }
-.e-grid .e-focused:not(.e-menu-item) {
+.e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
   box-shadow: 0 0 0 1px #66afe9 inset;
 }
 .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4173,6 +4177,9 @@
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #333;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #fff;

package/styles/grid/bootstrap.scss

@@ -1,21 +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 'ej2-notifications/styles/skeleton/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

@@ -950,6 +950,10 @@
   margin: 14px 9px 0 0;
   padding: 6px 6px 4px 9px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 10px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: -9px;
@@ -3861,7 +3865,7 @@
 .e-grid .e-table {
   background-color: #fff;
 }
-.e-grid .e-focused:not(.e-menu-item) {
+.e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
   box-shadow: 0 0 0 1px #66afe9 inset;
 }
 .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4225,6 +4229,9 @@
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #212529;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #fff;

package/styles/grid/bootstrap4.scss

@@ -1,21 +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 'ej2-notifications/styles/skeleton/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'icons/bootstrap4.scss';
-@import 'all.scss';
+@import 'ej2-grids/styles/grid/bootstrap4.scss';