@syncfusion/ej2-angular-spreadsheet 20.3.60 → 20.3.61-ngcc

package/styles/spreadsheet/bootstrap4.css

@@ -1722,6 +1722,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 #dee2e6;
+  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 #dee2e6;
+  right: 0.5px;
+}
 .e-spreadsheet .e-sheet-panel .e-frozen-columns .e-selectall-container {
   position: relative;
 }
@@ -2165,33 +2178,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 {
@@ -3098,6 +3114,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: #adb5bd;
 }
+.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: #adb5bd;
+}
+.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: #adb5bd;
+}
 .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/bootstrap4.scss

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

package/styles/spreadsheet/bootstrap5-dark.css

@@ -1704,6 +1704,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 #444c54;
+  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 #444c54;
+  right: 0.5px;
+}
 .e-spreadsheet .e-sheet-panel .e-frozen-columns .e-selectall-container {
   position: relative;
 }
@@ -2149,33 +2162,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 {
@@ -3101,6 +3117,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: #32373d;
 }
+.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: #32373d;
+}
+.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: #32373d;
+}
 .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/bootstrap5-dark.scss

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

package/styles/spreadsheet/bootstrap5.css

@@ -1704,6 +1704,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 #dee2e6;
+  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 #dee2e6;
+  right: 0.5px;
+}
 .e-spreadsheet .e-sheet-panel .e-frozen-columns .e-selectall-container {
   position: relative;
 }
@@ -2149,33 +2162,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 {
@@ -3101,6 +3117,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: #c7ced4;
 }
+.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: #c7ced4;
+}
+.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: #c7ced4;
+}
 .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/bootstrap5.scss

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

package/styles/spreadsheet/fabric-dark.css

@@ -1632,6 +1632,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 #514f4f;
+  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 #514f4f;
+  right: 0.5px;
+}
 .e-spreadsheet .e-sheet-panel .e-frozen-columns .e-selectall-container {
   position: relative;
 }
@@ -2071,33 +2084,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 {
@@ -2972,6 +2988,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: #6f6c6c;
 }
+.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: #6f6c6c;
+}
+.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: #6f6c6c;
+}
 .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/fabric-dark.scss

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

package/styles/spreadsheet/fabric.css

@@ -1640,6 +1640,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 #eaeaea;
+  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 #eaeaea;
+  right: 0.5px;
+}
 .e-spreadsheet .e-sheet-panel .e-frozen-columns .e-selectall-container {
   position: relative;
 }
@@ -2079,33 +2092,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 {
@@ -2984,6 +3000,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: #d0d0d0;
 }
+.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: #d0d0d0;
+}
+.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: #d0d0d0;
+}
 .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/fabric.scss

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

package/styles/spreadsheet/fluent-dark.css

@@ -1687,6 +1687,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 #292827;
+  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 #292827;
+  right: 0.5px;
+}
 .e-spreadsheet .e-sheet-panel .e-frozen-columns .e-selectall-container {
   position: relative;
 }
@@ -2128,33 +2141,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 {
@@ -3085,6 +3101,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: #1f1e1d;
 }
+.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: #1f1e1d;
+}
+.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: #1f1e1d;
+}
 .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/fluent-dark.scss

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