@syncfusion/ej2-angular-spreadsheet 20.4.38 → 20.4.40-ngcc

package/styles/spreadsheet/highcontrast-light.css

@@ -104,9 +104,6 @@
   display: inline-table;
   padding-top: 3px;
 }
-.e-spreadsheet .e-unprotectworksheet-dlg.e-dialog {
-  left: 0 !important; /* stylelint-disable-line declaration-no-important */
-}
 .e-spreadsheet .e-unprotectworksheet-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
   line-height: 21px;
@@ -123,9 +120,6 @@
 .e-spreadsheet .e-unprotectworksheet-dlg.e-dialog .e-dlg-content .e-unprotectsheetpwd-content .e-input {
   margin-top: 10px;
 }
-.e-spreadsheet .e-reenterpwd-dlg.e-dialog {
-  left: 0 !important; /* stylelint-disable-line declaration-no-important */
-}
 .e-spreadsheet .e-reenterpwd-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
   line-height: 21px;
@@ -1080,6 +1074,19 @@
 .e-spreadsheet .e-sheet-panel.e-rtl .e-frozen-row {
   right: 0;
 }
+.e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-table th.e-header-cell.e-hide-start {
+  border-left-color: transparent;
+}
+.e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-table th.e-header-cell.e-hide-start::after {
+  border-left: none;
+  border-right: none;
+  left: 0.5px;
+}
+.e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-table th.e-hide-end.e-header-cell::before {
+  border-left: none;
+  border-right: none;
+  right: 0.5px;
+}
 .e-spreadsheet .e-sheet-panel .e-frozen-columns .e-selectall-container {
   position: relative;
 }
@@ -1377,9 +1384,6 @@
 .e-spreadsheet .e-find-dlg.e-dialog .e-footer-content {
   text-align: left;
 }
-.e-spreadsheet .e-protectworkbook-dlg.e-dialog {
-  left: 0 !important; /* stylelint-disable-line declaration-no-important */
-}
 .e-spreadsheet .e-protectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
   line-height: 31px;
@@ -1397,9 +1401,6 @@
   line-height: 24px;
   margin-bottom: 4px;
 }
-.e-spreadsheet .e-unprotectworkbook-dlg.e-dialog {
-  left: 0 !important; /* stylelint-disable-line declaration-no-important */
-}
 .e-spreadsheet .e-unprotectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
   line-height: 21px;
@@ -1416,9 +1417,6 @@
 .e-spreadsheet .e-unprotectworkbook-dlg.e-dialog .e-dlg-content .e-unprotectpwd-content .e-input {
   margin-top: 10px;
 }
-.e-spreadsheet .e-importprotectworkbook-dlg.e-dialog {
-  left: 0 !important; /* stylelint-disable-line declaration-no-important */
-}
 .e-spreadsheet .e-importprotectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
   line-height: 21px;
@@ -1528,33 +1526,36 @@
   font-family: "Calibri";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(7) {
-  font-family: "Courier";
+  font-family: "Comic Sans MS";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(8) {
-  font-family: "Courier New";
+  font-family: "Courier";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(9) {
-  font-family: "Din Condensed";
+  font-family: "Courier New";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(10) {
-  font-family: "Georgia";
+  font-family: "Din Condensed";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(11) {
-  font-family: "Helvetica";
+  font-family: "Georgia";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(12) {
-  font-family: "Helvetica New";
+  font-family: "Helvetica";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(13) {
-  font-family: "Roboto";
+  font-family: "Helvetica New";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(14) {
-  font-family: "Tahoma";
+  font-family: "Roboto";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(15) {
-  font-family: "Times New Roman";
+  font-family: "Tahoma";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(16) {
+  font-family: "Times New Roman";
+}
+.e-dropdown-popup.e-font-family ul .e-item:nth-child(17) {
   font-family: "Verdana";
 }
 .e-dropdown-popup.e-aggregate-list {
@@ -2415,6 +2416,15 @@
 .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-prev-highlight, .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-highlight, .e-spreadsheet .e-sheet-panel.e-rtl .e-select-all-cell.e-prev-highlight-right {
   border-left-color: #000;
 }
+.e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-start.e-prev-highlight, .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-start.e-highlight {
+  border-left-color: transparent;
+}
+.e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-start.e-prev-highlight::after, .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-start.e-highlight::after {
+  border-left-color: #000;
+}
+.e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-end.e-highlight::before, .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-highlight + th.e-header-cell.e-hide-end::before {
+  border-right-color: #000;
+}
 .e-spreadsheet .e-copy-indicator div.e-top,
 .e-spreadsheet .e-range-indicator div.e-top,
 .e-spreadsheet .e-formularef-indicator div.e-top {

package/styles/spreadsheet/highcontrast-light.scss

@@ -1,22 +1 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
-@import '../ribbon/highcontrast-light-definition.scss';
-@import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
-@import 'ej2-buttons/styles/check-box/highcontrast-light-definition.scss';
-@import 'ej2-buttons/styles/radio-button/highcontrast-light-definition.scss';
-@import 'ej2-buttons/styles/switch/highcontrast-light-definition.scss';
-@import 'ej2-navigations/styles/toolbar/highcontrast-light-definition.scss';
-@import 'ej2-navigations/styles/tab/highcontrast-light-definition.scss';
-@import 'ej2-navigations/styles/context-menu/highcontrast-light-definition.scss';
-@import 'ej2-navigations/styles/menu/highcontrast-light-definition.scss';
-@import 'ej2-navigations/styles/treeview/highcontrast-light-definition.scss';
-@import 'ej2-grids/styles/excel-filter/highcontrast-light-definition.scss';
-@import 'ej2-calendars/styles/datepicker/highcontrast-light-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/highcontrast-light-definition.scss';
-@import 'ej2-inputs/styles/color-picker/highcontrast-light-definition.scss';
-@import 'ej2-splitbuttons/styles/drop-down-button/highcontrast-light-definition.scss';
-@import 'ej2-splitbuttons/styles/split-button/highcontrast-light-definition.scss';
-@import 'ej2-dropdowns/styles/list-box/highcontrast-light-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/highcontrast-light-definition.scss';
-@import 'ej2-dropdowns/styles/combo-box/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/spreadsheet/highcontrast-light.scss';

package/styles/spreadsheet/highcontrast.css

@@ -662,9 +662,6 @@
   display: inline-table;
   padding-top: 3px;
 }
-.e-spreadsheet .e-unprotectworksheet-dlg.e-dialog {
-  left: 0 !important; /* stylelint-disable-line declaration-no-important */
-}
 .e-spreadsheet .e-unprotectworksheet-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
   line-height: 21px;
@@ -681,9 +678,6 @@
 .e-spreadsheet .e-unprotectworksheet-dlg.e-dialog .e-dlg-content .e-unprotectsheetpwd-content .e-input {
   margin-top: 10px;
 }
-.e-spreadsheet .e-reenterpwd-dlg.e-dialog {
-  left: 0 !important; /* stylelint-disable-line declaration-no-important */
-}
 .e-spreadsheet .e-reenterpwd-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
   line-height: 21px;
@@ -1647,6 +1641,19 @@
 .e-spreadsheet .e-sheet-panel.e-rtl .e-frozen-row {
   right: 0;
 }
+.e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-table th.e-header-cell.e-hide-start {
+  border-left-color: transparent;
+}
+.e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-table th.e-header-cell.e-hide-start::after {
+  border-left: 1px solid #fff;
+  border-right: none;
+  left: 0.5px;
+}
+.e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-table th.e-hide-end.e-header-cell::before {
+  border-left: none;
+  border-right: 1px solid #fff;
+  right: 0.5px;
+}
 .e-spreadsheet .e-sheet-panel .e-frozen-columns .e-selectall-container {
   position: relative;
 }
@@ -1944,9 +1951,6 @@
 .e-spreadsheet .e-find-dlg.e-dialog .e-footer-content {
   text-align: left;
 }
-.e-spreadsheet .e-protectworkbook-dlg.e-dialog {
-  left: 0 !important; /* stylelint-disable-line declaration-no-important */
-}
 .e-spreadsheet .e-protectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
   line-height: 31px;
@@ -1964,9 +1968,6 @@
   line-height: 24px;
   margin-bottom: 4px;
 }
-.e-spreadsheet .e-unprotectworkbook-dlg.e-dialog {
-  left: 0 !important; /* stylelint-disable-line declaration-no-important */
-}
 .e-spreadsheet .e-unprotectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
   line-height: 21px;
@@ -1983,9 +1984,6 @@
 .e-spreadsheet .e-unprotectworkbook-dlg.e-dialog .e-dlg-content .e-unprotectpwd-content .e-input {
   margin-top: 10px;
 }
-.e-spreadsheet .e-importprotectworkbook-dlg.e-dialog {
-  left: 0 !important; /* stylelint-disable-line declaration-no-important */
-}
 .e-spreadsheet .e-importprotectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
   line-height: 21px;
@@ -2095,33 +2093,36 @@
   font-family: "Calibri";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(7) {
-  font-family: "Courier";
+  font-family: "Comic Sans MS";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(8) {
-  font-family: "Courier New";
+  font-family: "Courier";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(9) {
-  font-family: "Din Condensed";
+  font-family: "Courier New";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(10) {
-  font-family: "Georgia";
+  font-family: "Din Condensed";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(11) {
-  font-family: "Helvetica";
+  font-family: "Georgia";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(12) {
-  font-family: "Helvetica New";
+  font-family: "Helvetica";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(13) {
-  font-family: "Roboto";
+  font-family: "Helvetica New";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(14) {
-  font-family: "Tahoma";
+  font-family: "Roboto";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(15) {
-  font-family: "Times New Roman";
+  font-family: "Tahoma";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(16) {
+  font-family: "Times New Roman";
+}
+.e-dropdown-popup.e-font-family ul .e-item:nth-child(17) {
   font-family: "Verdana";
 }
 .e-dropdown-popup.e-aggregate-list {
@@ -3005,6 +3006,15 @@
 .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-prev-highlight, .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-highlight, .e-spreadsheet .e-sheet-panel.e-rtl .e-select-all-cell.e-prev-highlight-right {
   border-left-color: #969696;
 }
+.e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-start.e-prev-highlight, .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-start.e-highlight {
+  border-left-color: transparent;
+}
+.e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-start.e-prev-highlight::after, .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-start.e-highlight::after {
+  border-left-color: #969696;
+}
+.e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-end.e-highlight::before, .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-highlight + th.e-header-cell.e-hide-end::before {
+  border-right-color: #969696;
+}
 .e-spreadsheet .e-copy-indicator div.e-top,
 .e-spreadsheet .e-range-indicator div.e-top,
 .e-spreadsheet .e-formularef-indicator div.e-top {

package/styles/spreadsheet/highcontrast.scss

@@ -1,23 +1 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
-@import '../ribbon/highcontrast-definition.scss';
-@import 'ej2-buttons/styles/button/highcontrast-definition.scss';
-@import 'ej2-buttons/styles/check-box/highcontrast-definition.scss';
-@import 'ej2-buttons/styles/radio-button/highcontrast-definition.scss';
-@import 'ej2-buttons/styles/switch/highcontrast-definition.scss';
-@import 'ej2-navigations/styles/toolbar/highcontrast-definition.scss';
-@import 'ej2-navigations/styles/tab/highcontrast-definition.scss';
-@import 'ej2-navigations/styles/context-menu/highcontrast-definition.scss';
-@import 'ej2-navigations/styles/menu/highcontrast-definition.scss';
-@import 'ej2-navigations/styles/treeview/highcontrast-definition.scss';
-@import 'ej2-grids/styles/excel-filter/highcontrast-definition.scss';
-@import 'ej2-calendars/styles/datepicker/highcontrast-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/highcontrast-definition.scss';
-@import 'ej2-inputs/styles/color-picker/highcontrast-definition.scss';
-@import 'ej2-splitbuttons/styles/drop-down-button/highcontrast-definition.scss';
-@import 'ej2-splitbuttons/styles/split-button/highcontrast-definition.scss';
-@import 'ej2-dropdowns/styles/list-box/highcontrast-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/highcontrast-definition.scss';
-@import 'ej2-dropdowns/styles/combo-box/highcontrast-definition.scss';
-@import 'highcontrast-definition.scss';
-@import 'icons/highcontrast.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/spreadsheet/highcontrast.scss';

package/styles/spreadsheet/material-dark.css

@@ -715,9 +715,6 @@
   display: inline-table;
   padding-top: 3px;
 }
-.e-spreadsheet .e-unprotectworksheet-dlg.e-dialog {
-  left: 0 !important; /* stylelint-disable-line declaration-no-important */
-}
 .e-spreadsheet .e-unprotectworksheet-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
   line-height: 21px;
@@ -734,9 +731,6 @@
 .e-spreadsheet .e-unprotectworksheet-dlg.e-dialog .e-dlg-content .e-unprotectsheetpwd-content .e-input {
   margin-top: 10px;
 }
-.e-spreadsheet .e-reenterpwd-dlg.e-dialog {
-  left: 0 !important; /* stylelint-disable-line declaration-no-important */
-}
 .e-spreadsheet .e-reenterpwd-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
   line-height: 21px;
@@ -1691,6 +1685,19 @@
 .e-spreadsheet .e-sheet-panel.e-rtl .e-frozen-row {
   right: 0;
 }
+.e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-table th.e-header-cell.e-hide-start {
+  border-left-color: transparent;
+}
+.e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-table th.e-header-cell.e-hide-start::after {
+  border-left: 1px solid #616161;
+  border-right: none;
+  left: 0.5px;
+}
+.e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-table th.e-hide-end.e-header-cell::before {
+  border-left: none;
+  border-right: 1px solid #616161;
+  right: 0.5px;
+}
 .e-spreadsheet .e-sheet-panel .e-frozen-columns .e-selectall-container {
   position: relative;
 }
@@ -1987,9 +1994,6 @@
 .e-spreadsheet .e-find-dlg.e-dialog .e-footer-content {
   text-align: left;
 }
-.e-spreadsheet .e-protectworkbook-dlg.e-dialog {
-  left: 0 !important; /* stylelint-disable-line declaration-no-important */
-}
 .e-spreadsheet .e-protectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
   line-height: 31px;
@@ -2007,9 +2011,6 @@
   line-height: 24px;
   margin-bottom: 4px;
 }
-.e-spreadsheet .e-unprotectworkbook-dlg.e-dialog {
-  left: 0 !important; /* stylelint-disable-line declaration-no-important */
-}
 .e-spreadsheet .e-unprotectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
   line-height: 21px;
@@ -2026,9 +2027,6 @@
 .e-spreadsheet .e-unprotectworkbook-dlg.e-dialog .e-dlg-content .e-unprotectpwd-content .e-input {
   margin-top: 10px;
 }
-.e-spreadsheet .e-importprotectworkbook-dlg.e-dialog {
-  left: 0 !important; /* stylelint-disable-line declaration-no-important */
-}
 .e-spreadsheet .e-importprotectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
   line-height: 21px;
@@ -2138,33 +2136,36 @@
   font-family: "Calibri";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(7) {
-  font-family: "Courier";
+  font-family: "Comic Sans MS";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(8) {
-  font-family: "Courier New";
+  font-family: "Courier";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(9) {
-  font-family: "Din Condensed";
+  font-family: "Courier New";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(10) {
-  font-family: "Georgia";
+  font-family: "Din Condensed";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(11) {
-  font-family: "Helvetica";
+  font-family: "Georgia";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(12) {
-  font-family: "Helvetica New";
+  font-family: "Helvetica";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(13) {
-  font-family: "Roboto";
+  font-family: "Helvetica New";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(14) {
-  font-family: "Tahoma";
+  font-family: "Roboto";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(15) {
-  font-family: "Times New Roman";
+  font-family: "Tahoma";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(16) {
+  font-family: "Times New Roman";
+}
+.e-dropdown-popup.e-font-family ul .e-item:nth-child(17) {
   font-family: "Verdana";
 }
 .e-dropdown-popup.e-aggregate-list {
@@ -3046,6 +3047,15 @@
 .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-prev-highlight, .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-highlight, .e-spreadsheet .e-sheet-panel.e-rtl .e-select-all-cell.e-prev-highlight-right {
   border-left-color: #757575;
 }
+.e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-start.e-prev-highlight, .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-start.e-highlight {
+  border-left-color: transparent;
+}
+.e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-start.e-prev-highlight::after, .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-start.e-highlight::after {
+  border-left-color: #757575;
+}
+.e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-end.e-highlight::before, .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-highlight + th.e-header-cell.e-hide-end::before {
+  border-right-color: #757575;
+}
 .e-spreadsheet .e-copy-indicator div.e-top,
 .e-spreadsheet .e-range-indicator div.e-top,
 .e-spreadsheet .e-formularef-indicator div.e-top {

package/styles/spreadsheet/material-dark.scss

@@ -1,23 +1 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
-@import '../ribbon/material-dark-definition.scss';
-@import 'ej2-buttons/styles/button/material-dark-definition.scss';
-@import 'ej2-buttons/styles/check-box/material-dark-definition.scss';
-@import 'ej2-buttons/styles/radio-button/material-dark-definition.scss';
-@import 'ej2-buttons/styles/switch/material-dark-definition.scss';
-@import 'ej2-navigations/styles/toolbar/material-dark-definition.scss';
-@import 'ej2-navigations/styles/tab/material-dark-definition.scss';
-@import 'ej2-navigations/styles/context-menu/material-dark-definition.scss';
-@import 'ej2-navigations/styles/menu/material-dark-definition.scss';
-@import 'ej2-navigations/styles/treeview/material-dark-definition.scss';
-@import 'ej2-grids/styles/excel-filter/material-dark-definition.scss';
-@import 'ej2-calendars/styles/datepicker/material-dark-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/material-dark-definition.scss';
-@import 'ej2-inputs/styles/color-picker/material-dark-definition.scss';
-@import 'ej2-splitbuttons/styles/drop-down-button/material-dark-definition.scss';
-@import 'ej2-splitbuttons/styles/split-button/material-dark-definition.scss';
-@import 'ej2-dropdowns/styles/list-box/material-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/material-dark-definition.scss';
-@import 'ej2-dropdowns/styles/combo-box/material-dark-definition.scss';
-@import 'material-dark-definition.scss';
-@import 'icons/material-dark.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/spreadsheet/material-dark.scss';

package/styles/spreadsheet/material.css

@@ -743,9 +743,6 @@
   display: inline-table;
   padding-top: 3px;
 }
-.e-spreadsheet .e-unprotectworksheet-dlg.e-dialog {
-  left: 0 !important; /* stylelint-disable-line declaration-no-important */
-}
 .e-spreadsheet .e-unprotectworksheet-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
   line-height: 21px;
@@ -762,9 +759,6 @@
 .e-spreadsheet .e-unprotectworksheet-dlg.e-dialog .e-dlg-content .e-unprotectsheetpwd-content .e-input {
   margin-top: 10px;
 }
-.e-spreadsheet .e-reenterpwd-dlg.e-dialog {
-  left: 0 !important; /* stylelint-disable-line declaration-no-important */
-}
 .e-spreadsheet .e-reenterpwd-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
   line-height: 21px;
@@ -1730,6 +1724,19 @@
 .e-spreadsheet .e-sheet-panel.e-rtl .e-frozen-row {
   right: 0;
 }
+.e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-table th.e-header-cell.e-hide-start {
+  border-left-color: transparent;
+}
+.e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-table th.e-header-cell.e-hide-start::after {
+  border-left: 1px solid #e0e0e0;
+  border-right: none;
+  left: 0.5px;
+}
+.e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-table th.e-hide-end.e-header-cell::before {
+  border-left: none;
+  border-right: 1px solid #e0e0e0;
+  right: 0.5px;
+}
 .e-spreadsheet .e-sheet-panel .e-frozen-columns .e-selectall-container {
   position: relative;
 }
@@ -2025,9 +2032,6 @@
 .e-spreadsheet .e-find-dlg.e-dialog .e-footer-content {
   text-align: left;
 }
-.e-spreadsheet .e-protectworkbook-dlg.e-dialog {
-  left: 0 !important; /* stylelint-disable-line declaration-no-important */
-}
 .e-spreadsheet .e-protectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
   line-height: 31px;
@@ -2045,9 +2049,6 @@
   line-height: 24px;
   margin-bottom: 4px;
 }
-.e-spreadsheet .e-unprotectworkbook-dlg.e-dialog {
-  left: 0 !important; /* stylelint-disable-line declaration-no-important */
-}
 .e-spreadsheet .e-unprotectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
   line-height: 21px;
@@ -2064,9 +2065,6 @@
 .e-spreadsheet .e-unprotectworkbook-dlg.e-dialog .e-dlg-content .e-unprotectpwd-content .e-input {
   margin-top: 10px;
 }
-.e-spreadsheet .e-importprotectworkbook-dlg.e-dialog {
-  left: 0 !important; /* stylelint-disable-line declaration-no-important */
-}
 .e-spreadsheet .e-importprotectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
   line-height: 21px;
@@ -2176,33 +2174,36 @@
   font-family: "Calibri";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(7) {
-  font-family: "Courier";
+  font-family: "Comic Sans MS";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(8) {
-  font-family: "Courier New";
+  font-family: "Courier";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(9) {
-  font-family: "Din Condensed";
+  font-family: "Courier New";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(10) {
-  font-family: "Georgia";
+  font-family: "Din Condensed";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(11) {
-  font-family: "Helvetica";
+  font-family: "Georgia";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(12) {
-  font-family: "Helvetica New";
+  font-family: "Helvetica";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(13) {
-  font-family: "Roboto";
+  font-family: "Helvetica New";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(14) {
-  font-family: "Tahoma";
+  font-family: "Roboto";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(15) {
-  font-family: "Times New Roman";
+  font-family: "Tahoma";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(16) {
+  font-family: "Times New Roman";
+}
+.e-dropdown-popup.e-font-family ul .e-item:nth-child(17) {
   font-family: "Verdana";
 }
 .e-dropdown-popup.e-aggregate-list {
@@ -3074,6 +3075,15 @@
 .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-prev-highlight, .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-highlight, .e-spreadsheet .e-sheet-panel.e-rtl .e-select-all-cell.e-prev-highlight-right {
   border-left-color: #cccccc;
 }
+.e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-start.e-prev-highlight, .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-start.e-highlight {
+  border-left-color: transparent;
+}
+.e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-start.e-prev-highlight::after, .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-start.e-highlight::after {
+  border-left-color: #cccccc;
+}
+.e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-end.e-highlight::before, .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-highlight + th.e-header-cell.e-hide-end::before {
+  border-right-color: #cccccc;
+}
 .e-spreadsheet .e-copy-indicator div.e-top,
 .e-spreadsheet .e-range-indicator div.e-top,
 .e-spreadsheet .e-formularef-indicator div.e-top {

package/styles/spreadsheet/material.scss

@@ -1,23 +1 @@
-@import 'ej2-base/styles/material-definition.scss';
-@import '../ribbon/material-definition.scss';
-@import 'ej2-buttons/styles/button/material-definition.scss';
-@import 'ej2-buttons/styles/check-box/material-definition.scss';
-@import 'ej2-buttons/styles/radio-button/material-definition.scss';
-@import 'ej2-buttons/styles/switch/material-definition.scss';
-@import 'ej2-navigations/styles/toolbar/material-definition.scss';
-@import 'ej2-navigations/styles/tab/material-definition.scss';
-@import 'ej2-navigations/styles/context-menu/material-definition.scss';
-@import 'ej2-navigations/styles/menu/material-definition.scss';
-@import 'ej2-navigations/styles/treeview/material-definition.scss';
-@import 'ej2-grids/styles/excel-filter/material-definition.scss';
-@import 'ej2-calendars/styles/datepicker/material-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/material-definition.scss';
-@import 'ej2-inputs/styles/color-picker/material-definition.scss';
-@import 'ej2-splitbuttons/styles/drop-down-button/material-definition.scss';
-@import 'ej2-splitbuttons/styles/split-button/material-definition.scss';
-@import 'ej2-dropdowns/styles/list-box/material-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/material-definition.scss';
-@import 'ej2-dropdowns/styles/combo-box/material-definition.scss';
-@import 'material-definition.scss';
-@import 'icons/material.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/spreadsheet/material.scss';