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

package/styles/highcontrast-light.css

@@ -1074,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;
 }
@@ -1513,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 {
@@ -2400,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/highcontrast.css

@@ -1641,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;
 }
@@ -2080,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 {
@@ -2990,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/material-dark.css

@@ -1685,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;
 }
@@ -2123,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 {
@@ -3031,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/material.css

@@ -1724,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;
 }
@@ -2161,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 {
@@ -3059,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/ribbon/bootstrap-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
-@import 'bootstrap-dark-definition.scss';
-@import 'icons/bootstrap-dark.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/ribbon/bootstrap-dark.scss';

package/styles/ribbon/bootstrap.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
-@import 'bootstrap-definition.scss';
-@import 'icons/bootstrap.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/ribbon/bootstrap.scss';

package/styles/ribbon/bootstrap4.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'icons/bootstrap4.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/ribbon/bootstrap4.scss';

package/styles/ribbon/bootstrap5-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'icons/bootstrap5-dark.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/ribbon/bootstrap5-dark.scss';

package/styles/ribbon/bootstrap5.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'icons/bootstrap5.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/ribbon/bootstrap5.scss';

package/styles/ribbon/fabric-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
-@import 'fabric-dark-definition.scss';
-@import 'icons/fabric-dark.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/ribbon/fabric-dark.scss';

package/styles/ribbon/fabric.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fabric-definition.scss';
-@import 'fabric-definition.scss';
-@import 'icons/fabric.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/ribbon/fabric.scss';

package/styles/ribbon/fluent-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
-@import 'fluent-dark-definition.scss';
-@import 'icons/fluent-dark.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/ribbon/fluent-dark.scss';

package/styles/ribbon/fluent.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fluent-definition.scss';
-@import 'fluent-definition.scss';
-@import 'icons/fluent.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/ribbon/fluent.scss';

package/styles/ribbon/highcontrast-light.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/ribbon/highcontrast-light.scss';

package/styles/ribbon/highcontrast.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
-@import 'highcontrast-definition.scss';
-@import 'icons/highcontrast.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/ribbon/highcontrast.scss';

package/styles/ribbon/material-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
-@import 'material-dark-definition.scss';
-@import 'icons/material-dark.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/ribbon/material-dark.scss';

package/styles/ribbon/material.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/material-definition.scss';
-@import 'material-definition.scss';
-@import 'icons/material.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/ribbon/material.scss';

package/styles/ribbon/tailwind-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/tailwind-dark-definition.scss';
-@import 'tailwind-dark-definition.scss';
-@import 'icons/tailwind-dark.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/ribbon/tailwind-dark.scss';

package/styles/ribbon/tailwind.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/tailwind-definition.scss';
-@import 'tailwind-definition.scss';
-@import 'icons/tailwind.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/ribbon/tailwind.scss';

package/styles/spreadsheet/bootstrap-dark.css

@@ -1653,6 +1653,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 #484848;
+  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 #484848;
+  right: 0.5px;
+}
 .e-spreadsheet .e-sheet-panel .e-frozen-columns .e-selectall-container {
   position: relative;
 }
@@ -2092,33 +2105,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 {
@@ -2992,6 +3008,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: #767676;
 }
+.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: #767676;
+}
+.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: #767676;
+}
 .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/bootstrap-dark.scss

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

package/styles/spreadsheet/bootstrap.css

@@ -1678,6 +1678,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 #e6e6e6;
+  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 #e6e6e6;
+  right: 0.5px;
+}
 .e-spreadsheet .e-sheet-panel .e-frozen-columns .e-selectall-container {
   position: relative;
 }
@@ -2117,33 +2130,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 {
@@ -3031,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: #ccc;
 }
+.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: #ccc;
+}
+.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: #ccc;
+}
 .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/bootstrap.scss

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