@syncfusion/ej2-vue-spreadsheet 26.1.35-282190 → 26.1.35

package/styles/spreadsheet/highcontrast-light.css

@@ -986,9 +986,9 @@
 }
 .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-chart-icon, .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-chart-type-icon {
   font-size: 32px !important; /* stylelint-disable-line declaration-no-important */
-  margin-right: 5px;
   padding: 0 5px;
   width: 30px;
+  margin-right: 5px;
 }
 .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-switch-row-column-icon {
   font-size: 18px !important; /* stylelint-disable-line declaration-no-important */
@@ -2623,13 +2623,13 @@
   border-right: 1px dashed #dd2c2c;
 }
 
-.e-databars .e-ul .e-menu-item.e-focused,
-.e-colorscales .e-ul .e-menu-item.e-focused {
+.e-menu-wrapper.e-databars .e-ul .e-menu-item.e-focused,
+.e-menu-wrapper.e-colorscales .e-ul .e-menu-item.e-focused {
   background-color: transparent;
 }
-.e-databars .e-ul .e-cf-icon:hover, .e-databars .e-ul .e-cf-icon:focus,
-.e-colorscales .e-ul .e-cf-icon:hover,
-.e-colorscales .e-ul .e-cf-icon:focus {
+.e-menu-wrapper.e-databars .e-ul .e-cf-icon:hover, .e-menu-wrapper.e-databars .e-ul .e-cf-icon:focus,
+.e-menu-wrapper.e-colorscales .e-ul .e-cf-icon:hover,
+.e-menu-wrapper.e-colorscales .e-ul .e-cf-icon:focus {
   background-color: #eee;
 }
 

package/styles/spreadsheet/highcontrast.css

@@ -1558,9 +1558,9 @@
 }
 .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-chart-icon, .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-chart-type-icon {
   font-size: 32px !important; /* stylelint-disable-line declaration-no-important */
-  margin-right: 5px;
   padding: 0 5px;
   width: 30px;
+  margin-right: 5px;
 }
 .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-switch-row-column-icon {
   font-size: 18px !important; /* stylelint-disable-line declaration-no-important */
@@ -3221,13 +3221,13 @@
   border-right: 1px dashed #dd2c2c;
 }
 
-.e-databars .e-ul .e-menu-item.e-focused,
-.e-colorscales .e-ul .e-menu-item.e-focused {
+.e-menu-wrapper.e-databars .e-ul .e-menu-item.e-focused,
+.e-menu-wrapper.e-colorscales .e-ul .e-menu-item.e-focused {
   background-color: transparent;
 }
-.e-databars .e-ul .e-cf-icon:hover, .e-databars .e-ul .e-cf-icon:focus,
-.e-colorscales .e-ul .e-cf-icon:hover,
-.e-colorscales .e-ul .e-cf-icon:focus {
+.e-menu-wrapper.e-databars .e-ul .e-cf-icon:hover, .e-menu-wrapper.e-databars .e-ul .e-cf-icon:focus,
+.e-menu-wrapper.e-colorscales .e-ul .e-cf-icon:hover,
+.e-menu-wrapper.e-colorscales .e-ul .e-cf-icon:focus {
   background-color: #685708;
 }
 

package/styles/spreadsheet/material-dark.css

@@ -1656,9 +1656,9 @@
 }
 .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-chart-icon, .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-chart-type-icon {
   font-size: 32px !important; /* stylelint-disable-line declaration-no-important */
-  margin-right: 5px;
   padding: 0 5px;
   width: 30px;
+  margin-right: 5px;
 }
 .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-switch-row-column-icon {
   font-size: 18px !important; /* stylelint-disable-line declaration-no-important */
@@ -3318,13 +3318,13 @@
   border-right: 1px dashed #dd2c2c;
 }
 
-.e-databars .e-ul .e-menu-item.e-focused,
-.e-colorscales .e-ul .e-menu-item.e-focused {
+.e-menu-wrapper.e-databars .e-ul .e-menu-item.e-focused,
+.e-menu-wrapper.e-colorscales .e-ul .e-menu-item.e-focused {
   background-color: transparent;
 }
-.e-databars .e-ul .e-cf-icon:hover, .e-databars .e-ul .e-cf-icon:focus,
-.e-colorscales .e-ul .e-cf-icon:hover,
-.e-colorscales .e-ul .e-cf-icon:focus {
+.e-menu-wrapper.e-databars .e-ul .e-cf-icon:hover, .e-menu-wrapper.e-databars .e-ul .e-cf-icon:focus,
+.e-menu-wrapper.e-colorscales .e-ul .e-cf-icon:hover,
+.e-menu-wrapper.e-colorscales .e-ul .e-cf-icon:focus {
   background-color: rgba(255, 255, 255, 0.1);
 }
 

package/styles/spreadsheet/material.css

@@ -1689,9 +1689,9 @@
 }
 .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-chart-icon, .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-chart-type-icon {
   font-size: 32px !important; /* stylelint-disable-line declaration-no-important */
-  margin-right: 5px;
   padding: 0 5px;
   width: 30px;
+  margin-right: 5px;
 }
 .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-switch-row-column-icon {
   font-size: 18px !important; /* stylelint-disable-line declaration-no-important */
@@ -3336,13 +3336,13 @@
   border-right: 1px dashed #dd2c2c;
 }
 
-.e-databars .e-ul .e-menu-item.e-focused,
-.e-colorscales .e-ul .e-menu-item.e-focused {
+.e-menu-wrapper.e-databars .e-ul .e-menu-item.e-focused,
+.e-menu-wrapper.e-colorscales .e-ul .e-menu-item.e-focused {
   background-color: transparent;
 }
-.e-databars .e-ul .e-cf-icon:hover, .e-databars .e-ul .e-cf-icon:focus,
-.e-colorscales .e-ul .e-cf-icon:hover,
-.e-colorscales .e-ul .e-cf-icon:focus {
+.e-menu-wrapper.e-databars .e-ul .e-cf-icon:hover, .e-menu-wrapper.e-databars .e-ul .e-cf-icon:focus,
+.e-menu-wrapper.e-colorscales .e-ul .e-cf-icon:hover,
+.e-menu-wrapper.e-colorscales .e-ul .e-cf-icon:focus {
   background-color: #eee;
 }
 

package/styles/spreadsheet/material3-dark.css

@@ -1748,9 +1748,9 @@
 }
 .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-chart-icon, .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-chart-type-icon {
   font-size: 30px !important; /* stylelint-disable-line declaration-no-important */
-  margin-right: 5px;
   padding: 0 5px;
   width: 30px;
+  margin-right: 5px;
 }
 .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-addchart-icon {
   font-size: 18px !important; /* stylelint-disable-line declaration-no-important */
@@ -3738,13 +3738,13 @@
   border-right: 1px dashed rgba(var(--color-sf-error));
 }
 
-.e-databars .e-ul .e-menu-item.e-focused,
-.e-colorscales .e-ul .e-menu-item.e-focused {
+.e-menu-wrapper.e-databars .e-ul .e-menu-item.e-focused,
+.e-menu-wrapper.e-colorscales .e-ul .e-menu-item.e-focused {
   background-color: transparent;
 }
-.e-databars .e-ul .e-cf-icon:hover, .e-databars .e-ul .e-cf-icon:focus,
-.e-colorscales .e-ul .e-cf-icon:hover,
-.e-colorscales .e-ul .e-cf-icon:focus {
+.e-menu-wrapper.e-databars .e-ul .e-cf-icon:hover, .e-menu-wrapper.e-databars .e-ul .e-cf-icon:focus,
+.e-menu-wrapper.e-colorscales .e-ul .e-cf-icon:hover,
+.e-menu-wrapper.e-colorscales .e-ul .e-cf-icon:focus {
   background-color: rgba(var(--color-sf-on-surface), 0.05);
 }
 

package/styles/spreadsheet/material3-dark.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/definition/material3-dark.scss';
+
 @import 'ej2-spreadsheet/styles/spreadsheet/material3-dark.scss';

package/styles/spreadsheet/material3.css

@@ -1860,9 +1860,9 @@
 }
 .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-chart-icon, .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-chart-type-icon {
   font-size: 30px !important; /* stylelint-disable-line declaration-no-important */
-  margin-right: 5px;
   padding: 0 5px;
   width: 30px;
+  margin-right: 5px;
 }
 .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-addchart-icon {
   font-size: 18px !important; /* stylelint-disable-line declaration-no-important */
@@ -3850,13 +3850,13 @@
   border-right: 1px dashed rgba(var(--color-sf-error));
 }
 
-.e-databars .e-ul .e-menu-item.e-focused,
-.e-colorscales .e-ul .e-menu-item.e-focused {
+.e-menu-wrapper.e-databars .e-ul .e-menu-item.e-focused,
+.e-menu-wrapper.e-colorscales .e-ul .e-menu-item.e-focused {
   background-color: transparent;
 }
-.e-databars .e-ul .e-cf-icon:hover, .e-databars .e-ul .e-cf-icon:focus,
-.e-colorscales .e-ul .e-cf-icon:hover,
-.e-colorscales .e-ul .e-cf-icon:focus {
+.e-menu-wrapper.e-databars .e-ul .e-cf-icon:hover, .e-menu-wrapper.e-databars .e-ul .e-cf-icon:focus,
+.e-menu-wrapper.e-colorscales .e-ul .e-cf-icon:hover,
+.e-menu-wrapper.e-colorscales .e-ul .e-cf-icon:focus {
   background-color: rgba(var(--color-sf-on-surface), 0.05);
 }
 

package/styles/spreadsheet/material3.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/definition/material3.scss';
+
 @import 'ej2-spreadsheet/styles/spreadsheet/material3.scss';

package/styles/spreadsheet/tailwind-dark.css

@@ -1629,9 +1629,9 @@
 }
 .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-chart-icon, .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-chart-type-icon {
   font-size: 32px !important; /* stylelint-disable-line declaration-no-important */
-  margin-right: 5px;
   padding: 0 5px;
   width: 30px;
+  margin-right: 5px;
 }
 .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-switch-row-column-icon {
   font-size: 18px !important; /* stylelint-disable-line declaration-no-important */
@@ -3315,13 +3315,13 @@
   border-right: 1px dashed #f87171;
 }
 
-.e-databars .e-ul .e-menu-item.e-focused,
-.e-colorscales .e-ul .e-menu-item.e-focused {
+.e-menu-wrapper.e-databars .e-ul .e-menu-item.e-focused,
+.e-menu-wrapper.e-colorscales .e-ul .e-menu-item.e-focused {
   background-color: transparent;
 }
-.e-databars .e-ul .e-cf-icon:hover, .e-databars .e-ul .e-cf-icon:focus,
-.e-colorscales .e-ul .e-cf-icon:hover,
-.e-colorscales .e-ul .e-cf-icon:focus {
+.e-menu-wrapper.e-databars .e-ul .e-cf-icon:hover, .e-menu-wrapper.e-databars .e-ul .e-cf-icon:focus,
+.e-menu-wrapper.e-colorscales .e-ul .e-cf-icon:hover,
+.e-menu-wrapper.e-colorscales .e-ul .e-cf-icon:focus {
   background-color: #4b5563;
 }
 

package/styles/spreadsheet/tailwind.css

@@ -1629,9 +1629,9 @@
 }
 .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-chart-icon, .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-chart-type-icon {
   font-size: 32px !important; /* stylelint-disable-line declaration-no-important */
-  margin-right: 5px;
   padding: 0 5px;
   width: 30px;
+  margin-right: 5px;
 }
 .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-switch-row-column-icon {
   font-size: 18px !important; /* stylelint-disable-line declaration-no-important */
@@ -3315,13 +3315,13 @@
   border-right: 1px dashed #dc2626;
 }
 
-.e-databars .e-ul .e-menu-item.e-focused,
-.e-colorscales .e-ul .e-menu-item.e-focused {
+.e-menu-wrapper.e-databars .e-ul .e-menu-item.e-focused,
+.e-menu-wrapper.e-colorscales .e-ul .e-menu-item.e-focused {
   background-color: transparent;
 }
-.e-databars .e-ul .e-cf-icon:hover, .e-databars .e-ul .e-cf-icon:focus,
-.e-colorscales .e-ul .e-cf-icon:hover,
-.e-colorscales .e-ul .e-cf-icon:focus {
+.e-menu-wrapper.e-databars .e-ul .e-cf-icon:hover, .e-menu-wrapper.e-databars .e-ul .e-cf-icon:focus,
+.e-menu-wrapper.e-colorscales .e-ul .e-cf-icon:hover,
+.e-menu-wrapper.e-colorscales .e-ul .e-cf-icon:focus {
   background-color: #e5e7eb;
 }
 

package/styles/spreadsheet-ribbon/fluent2.css

@@ -10,7 +10,7 @@
   --color-sf-success: #0e700e;
   --color-sf-info: #008aa9;
   --color-sf-warning: #bc4b09;
-  --color-sf-danger: #b10e1c;
+  --color-sf-danger: #d13438;
   --color-sf-success-light: #54b054;
   --color-sf-info-light: #56bfd7;
   --color-sf-warning-light: #fee5d7;
@@ -221,7 +221,7 @@
   --color-sf-diagram-palette-background: var(--color-sf-content-bg-color-alt1);
   --color-sf-diagram-palette-hover-background: var(--color-sf-content-bg-color-hover);
   --color-sf-diagram-palette-selected-background: var(--color-sf-content-bg-color-selected);
-  --color-sf-rating-selected-color: var(--color-sf-content-text-color);
+  --color-sf-rating-selected-color: #242424;
   --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
   --color-sf-rating-selected-disabled-color: #b3b3b3;
   --color-sf-rating-unrated-disabled-color: #b3b3b3;
@@ -246,7 +246,7 @@
   --color-sf-msg-success-color: var(--color-sf-content-text-color);
   --color-sf-msg-success-bg-color: #f1faf1;
   --color-sf-msg-success-border-color: #9fd89f;
-  --color-sf-msg-success-color-alt1: var(--color-sf-content-text-color);
+  --color-sf-msg-success-color-alt1: #0e700e;
   --color-sf-msg-success-bg-color-alt1: transparent;
   --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-border-color);
   --color-sf-msg-success-color-alt2: #fff;
@@ -261,7 +261,7 @@
   --color-sf-msg-danger-color: var(--color-sf-content-text-color);
   --color-sf-msg-danger-bg-color: #fdf3f4;
   --color-sf-msg-danger-border-color: #eeacb2;
-  --color-sf-msg-danger-color-alt1: var(--color-sf-content-text-color);
+  --color-sf-msg-danger-color-alt1: #b10e1c;
   --color-sf-msg-danger-bg-color-alt1: transparent;
   --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color);
   --color-sf-msg-danger-color-alt2: #fff;
@@ -276,7 +276,7 @@
   --color-sf-msg-info-color: var(--color-sf-content-text-color);
   --color-sf-msg-info-bg-color: #f2fafc;
   --color-sf-msg-info-border-color: #a4deeb;
-  --color-sf-msg-info-color-alt1: var(--color-sf-content-text-color);
+  --color-sf-msg-info-color-alt1: #00748f;
   --color-sf-msg-info-bg-color-alt1: transparent;
   --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color);
   --color-sf-msg-info-color-alt2: #fff;
@@ -291,7 +291,7 @@
   --color-sf-msg-warning-color: var(--color-sf-content-text-color);
   --color-sf-msg-warning-bg-color: #fdf6f3;
   --color-sf-msg-warning-border-color: #f4bfab;
-  --color-sf-msg-warning-color-alt1: var(--color-sf-content-text-color);
+  --color-sf-msg-warning-color-alt1: #c43501;
   --color-sf-msg-warning-bg-color-alt1: transparent;
   --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color);
   --color-sf-msg-warning-color-alt2: #fff;
@@ -317,7 +317,7 @@
   --color-sf-link-button-focus: #0f6cbd;
   --color-sf-link-button-border-focus: #242424;
   --color-sf-chip-bg-color: #f5f5f5;
-  --color-sf-chip-border-color: rgba(0, 0, 0, 0);
+  --color-sf-chip-border-color: #f5f5f5;
   --color-sf-chip-bg-disabled: #f0f0f0;
   --color-sf-chip-border-disabled: #fff;
   --color-sf-secondary-outline-button-text-color-hover: #242424;
@@ -406,7 +406,7 @@
   --color-sf-border-focus: var(--color-sf-border);
   --color-sf-border-selected: #6b6b6b;
   --color-sf-border-dragged: var(--color-sf-primary);
-  --color-sf-border-disabled: #08233b;
+  --color-sf-border-disabled: #424242;
   --color-sf-border-warning: #bc4b09;
   --color-sf-border-error: #dc626d;
   --color-sf-border-success: #9fd89f;
@@ -569,7 +569,7 @@
   --color-sf-diagram-palette-background: #e0e0e0;
   --color-sf-diagram-palette-hover-background: #bdbdbd;
   --color-sf-diagram-palette-selected-background: var(--color-sf-diagram-palette-hover-background);
-  --color-sf-rating-selected-color: var(--color-sf-content-text-color);
+  --color-sf-rating-selected-color: #fff;
   --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
   --color-sf-rating-selected-disabled-color: #575757;
   --color-sf-rating-unrated-disabled-color: #4d4d4d;
@@ -581,9 +581,9 @@
   --color-sf-msg-border-color: var(--color-sf-border);
   --color-sf-msg-color-alt1: var(--color-sf-content-text-color);
   --color-sf-msg-bg-color-alt1: transparent;
-  --color-sf-msg-border-color-alt1: var(--color-sf-msg-bg-color);
+  --color-sf-msg-border-color-alt1: #666666;
   --color-sf-msg-color-alt2: #242424;
-  --color-sf-msg-bg-color-alt2: #adadad;
+  --color-sf-msg-bg-color-alt2: #c2c2c2;
   --color-sf-msg-border-color-alt2: var(--color-sf-msg-bg-color-alt2);
   --color-sf-msg-icon-color: var(--color-sf-msg-bg-color-alt2);
   --color-sf-msg-icon-color-alt1: var(--color-sf-msg-icon-color);
@@ -594,9 +594,9 @@
   --color-sf-msg-success-color: var(--color-sf-content-text-color);
   --color-sf-msg-success-bg-color: #052505;
   --color-sf-msg-success-border-color: #107c10;
-  --color-sf-msg-success-color-alt1: var(--color-sf-content-text-color);
+  --color-sf-msg-success-color-alt1: #54b054;
   --color-sf-msg-success-bg-color-alt1: transparent;
-  --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-color);
+  --color-sf-msg-success-border-color-alt1: #218c21;
   --color-sf-msg-success-color-alt2: #fff;
   --color-sf-msg-success-bg-color-alt2: #107c10;
   --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-bg-color-alt2);
@@ -609,9 +609,9 @@
   --color-sf-msg-danger-color: var(--color-sf-content-text-color);
   --color-sf-msg-danger-bg-color: #3b0509;
   --color-sf-msg-danger-border-color: #c50f1f;
-  --color-sf-msg-danger-color-alt1: var(--color-sf-content-text-color);
+  --color-sf-msg-danger-color-alt1: #dc626d;
   --color-sf-msg-danger-bg-color-alt1: transparent;
-  --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color);
+  --color-sf-msg-danger-border-color-alt1: #d33f4c;
   --color-sf-msg-danger-color-alt2: #fff;
   --color-sf-msg-danger-bg-color-alt2: #c50f1f;
   --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-bg-color-alt2);
@@ -624,9 +624,9 @@
   --color-sf-msg-info-color: var(--color-sf-content-text-color);
   --color-sf-msg-info-bg-color: #002e38;
   --color-sf-msg-info-border-color: #0099bc;
-  --color-sf-msg-info-color-alt1: var(--color-sf-content-text-color);
+  --color-sf-msg-info-color-alt1: #56bfd7;
   --color-sf-msg-info-bg-color-alt1: transparent;
-  --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color);
+  --color-sf-msg-info-border-color-alt1: #31afdd;
   --color-sf-msg-info-color-alt2: #fff;
   --color-sf-msg-info-bg-color-alt2: #0099bc;
   --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-bg-color-alt2);
@@ -639,9 +639,9 @@
   --color-sf-msg-warning-color: var(--color-sf-content-text-color);
   --color-sf-msg-warning-bg-color: #411200;
   --color-sf-msg-warning-border-color: #da3b01;
-  --color-sf-msg-warning-color-alt1: var(--color-sf-content-text-color);
+  --color-sf-msg-warning-color-alt1: #e9835e;
   --color-sf-msg-warning-bg-color-alt1: transparent;
-  --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color);
+  --color-sf-msg-warning-border-color-alt1: #e36537;
   --color-sf-msg-warning-color-alt2: #fff;
   --color-sf-msg-warning-bg-color-alt2: #da3b01;
   --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-bg-color-alt2);
@@ -659,7 +659,7 @@
   --color-sf-link-button-focus: #115ea3;
   --color-sf-link-button-border-focus: #fff;
   --color-sf-chip-bg-color: #141414;
-  --color-sf-chip-border-color: rgba(0, 0, 0, 0);
+  --color-sf-chip-border-color: #141414;
   --color-sf-chip-bg-disabled: #141414;
   --color-sf-chip-border-disabled: rgba(0, 0, 0, 0);
   --color-sf-secondary-outline-button-text-color-hover: #fff;
@@ -714,7 +714,7 @@
   --color-sf-overlay-bg-color: rgba($black, .4);
   --color-sf-table-bg-color-hover: var(--color-sf-black);
   --color-sf-table-bg-color-pressed: var(--color-sf-black);
-  --color-sf-table-bg-color-selected: var(--color-sf-black);
+  --color-sf-table-bg-color-selected: #1a3bff;
   --color-sf-content-text-color: #fff;
   --color-sf-content-text-color-alt1: var(--color-sf-content-text-color);
   --color-sf-content-text-color-alt2: var(--color-sf-content-text-color);
@@ -724,7 +724,7 @@
   --color-sf-content-text-color-focus: var(--color-sf-content-text-color-hover);
   --color-sf-content-text-color-selected: var(--color-sf-content-text-color-hover);
   --color-sf-content-text-color-dragged: #000;
-  --color-sf-content-text-color-disabled: var(--color-sf-content-bg-color-disabled);
+  --color-sf-content-text-color-disabled: #3ff23f;
   --color-sf-placeholder-text-color: var(--color-sf-content-text-color);
   --color-sf-flyout-text-color: var(--color-sf-content-text-color);
   --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color-hover);
@@ -748,12 +748,12 @@
   --color-sf-border-focus: var(--color-sf-border-hover);
   --color-sf-border-selected: var(--color-sf-border-hover);
   --color-sf-border-dragged: var(--color-sf-border-light);
-  --color-sf-border-disabled: #fff;
+  --color-sf-border-disabled: #3ff23f;
   --color-sf-border-warning: #f7630c;
   --color-sf-border-error: #c50f1f;
   --color-sf-border-success: #107c10;
   --color-sf-border-info: #0099bc;
-  --color-sf-spreadsheet-gridline: var(--color-sf-border-light);
+  --color-sf-spreadsheet-gridline: #e6e6e6;
   --color-sf-flyout-border: var(--color-sf-border-light);
   --color-sf-primary: #1aebff;
   --color-sf-primary-text-color: #000;
@@ -911,7 +911,7 @@
   --color-sf-diagram-palette-background: #000;
   --color-sf-diagram-palette-hover-background: var(--color-sf-content-bg-color-hover);
   --color-sf-diagram-palette-selected-background: var(--color-sf-diagram-palette-hover-background);
-  --color-sf-rating-selected-color: var(--color-sf-content-text-color);
+  --color-sf-rating-selected-color: #fff;
   --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
   --color-sf-rating-selected-disabled-color: var(--color-sf-content-text-color-disabled);
   --color-sf-rating-unrated-disabled-color: var(--color-sf-content-text-color-disabled);
@@ -936,7 +936,7 @@
   --color-sf-msg-success-color: #107c10;
   --color-sf-msg-success-bg-color: #000;
   --color-sf-msg-success-border-color: var(--color-sf-msg-success-color);
-  --color-sf-msg-success-color-alt1: var(--color-sf-msg-success-color);
+  --color-sf-msg-success-color-alt1: #107c10;
   --color-sf-msg-success-bg-color-alt1: var(--color-sf-msg-success-bg-color);
   --color-sf-msg-success-border-color-alt1: #fff;
   --color-sf-msg-success-color-alt2: var(--color-sf-msg-success-bg-color);
@@ -951,7 +951,7 @@
   --color-sf-msg-danger-color: #c50f1f;
   --color-sf-msg-danger-bg-color: #000;
   --color-sf-msg-danger-border-color: var(--color-sf-msg-danger-color);
-  --color-sf-msg-danger-color-alt1: var(--color-sf-msg-danger-color);
+  --color-sf-msg-danger-color-alt1: #c50f1f;
   --color-sf-msg-danger-bg-color-alt1: var(--color-sf-msg-danger-bg-color);
   --color-sf-msg-danger-border-color-alt1: #fff;
   --color-sf-msg-danger-color-alt2: var(--color-sf-msg-danger-bg-color);
@@ -966,7 +966,7 @@
   --color-sf-msg-info-color: #0099bc;
   --color-sf-msg-info-bg-color: #000;
   --color-sf-msg-info-border-color: var(--color-sf-msg-info-color);
-  --color-sf-msg-info-color-alt1: var(--color-sf-msg-info-color);
+  --color-sf-msg-info-color-alt1: #0099bc;
   --color-sf-msg-info-bg-color-alt1: var(--color-sf-msg-info-bg-color);
   --color-sf-msg-info-border-color-alt1: #fff;
   --color-sf-msg-info-color-alt2: var(--color-sf-msg-info-bg-color);
@@ -981,7 +981,7 @@
   --color-sf-msg-warning-color: #f7630c;
   --color-sf-msg-warning-bg-color: #000;
   --color-sf-msg-warning-border-color: #da3b01;
-  --color-sf-msg-warning-color-alt1: var(--color-sf-msg-warning-color);
+  --color-sf-msg-warning-color-alt1: #f7630c;
   --color-sf-msg-warning-bg-color-alt1: var(--color-sf-msg-warning-bg-color);
   --color-sf-msg-warning-border-color-alt1: #fff;
   --color-sf-msg-warning-color-alt2: var(--color-sf-msg-warning-bg-color);
@@ -1022,7 +1022,7 @@
   --color-sf-secondary-badge-border-color: #fff;
   --color-sf-secondary-badge-bg-color: #000;
   --color-sf-secondary-badge-bg-color-focus: #fff;
-  --color-sf-skeleton-bg-color: #ffffff;
+  --color-sf-skeleton-bg-color: #fff;
   --color-sf-tab-selected-bg-color-disabled: #000;
   --color-sf-tab-selected-text-color-disabled: #3ff23f;
   --color-sf-ribbon-border-color: #fff;
@@ -1051,7 +1051,6 @@
 .e-spreadsheet .e-ribbon .e-tab .e-tab-header {
   height: 44px;
   min-height: 44px;
-  border-bottom: 0;
 }
 .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
   height: 44px;
@@ -1074,6 +1073,9 @@
   height: 44px;
   min-height: 44px;
 }
+.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav .e-nav-left-arrow::before, .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav .e-nav-right-arrow::before {
+  font-size: 16px;
+}
 .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-hscroll {
   display: inline-block !important; /* stylelint-disable-line declaration-no-important */
   width: calc(100% - 28px);
@@ -1117,7 +1119,7 @@
   transition: transform 300ms ease;
   transition: transform 300ms ease, -webkit-transform 300ms ease;
   width: 18px;
-  font-size: 18px;
+  font-size: 12px;
 }
 .e-spreadsheet .e-ribbon .e-drop-icon.e-disabled {
   cursor: default;
@@ -1126,6 +1128,9 @@
 .e-spreadsheet .e-ribbon .e-drop-icon:focus {
   font-weight: bold;
 }
+.e-spreadsheet .e-ribbon.e-collapsed .e-tab .e-tab-header {
+  border-bottom: 0;
+}
 .e-spreadsheet .e-ribbon.e-collapsed .e-content, .e-spreadsheet .e-ribbon.e-collapsed .e-indicator, .e-spreadsheet .e-ribbon.e-collapsed .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
   display: none;
 }
@@ -1133,9 +1138,6 @@
   -webkit-transform: rotate(0deg);
           transform: rotate(0deg);
 }
-.e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
-  min-height: 26px;
-}
 .e-spreadsheet .e-ribbon .e-content .e-toolbar .e-toolbar-items {
   display: inline-block;
 }
@@ -1145,6 +1147,9 @@
 .e-spreadsheet .e-ribbon .e-menu-wrapper {
   border-width: 0;
 }
+.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu .e-menu .e-menu-item.e-selected, .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu .e-menu .e-menu-item.e-focused {
+  border-radius: 4px 0 0 4px;
+}
 .e-spreadsheet .e-ribbon .e-menu-wrapper ul.e-menu {
   padding: 0;
 }
@@ -1153,6 +1158,7 @@
   line-height: 44px;
 }
 .e-spreadsheet .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon .e-caret {
+  font-size: 12px;
   line-height: 46px;
 }
 
@@ -1167,11 +1173,12 @@
 }
 .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret,
 .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret {
+  font-size: 14px;
   line-height: 56px;
 }
 .e-bigger .e-spreadsheet .e-ribbon .e-drop-icon,
 .e-bigger.e-spreadsheet .e-ribbon .e-drop-icon {
-  font-size: 18px;
+  font-size: 16px;
   margin: 19px 14px;
 }
 .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header,
@@ -1202,6 +1209,11 @@
   height: 56px;
   min-height: 56px;
 }
+.e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav .e-nav-left-arrow::before, .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav .e-nav-right-arrow::before,
+.e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav .e-nav-left-arrow::before,
+.e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav .e-nav-right-arrow::before {
+  font-size: 18px;
+}
 
 .e-spreadsheet .e-ribbon {
   background-color: var(--color-sf-content-bg-color-alt1);
@@ -1227,4 +1239,11 @@
 }
 .e-spreadsheet .e-ribbon .e-menu-wrapper {
   background-color: transparent;
+}
+.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu .e-menu .e-menu-item.e-selected {
+  background: var(--color-sf-primary);
+  color: var(--color-sf-primary-text-color);
+}
+.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu .e-menu .e-menu-item.e-selected .e-caret {
+  color: var(--color-sf-primary-text-color);
 }

package/styles/spreadsheet-ribbon/material3-dark.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/definition/material3-dark.scss';
+
 @import 'ej2-spreadsheet/styles/spreadsheet-ribbon/material3-dark.scss';

package/styles/spreadsheet-ribbon/material3.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/definition/material3.scss';
+
 @import 'ej2-spreadsheet/styles/spreadsheet-ribbon/material3.scss';

package/styles/tailwind-dark.css

@@ -1629,9 +1629,9 @@
 }
 .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-chart-icon, .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-chart-type-icon {
   font-size: 32px !important; /* stylelint-disable-line declaration-no-important */
-  margin-right: 5px;
   padding: 0 5px;
   width: 30px;
+  margin-right: 5px;
 }
 .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-switch-row-column-icon {
   font-size: 18px !important; /* stylelint-disable-line declaration-no-important */
@@ -3315,13 +3315,13 @@
   border-right: 1px dashed #f87171;
 }
 
-.e-databars .e-ul .e-menu-item.e-focused,
-.e-colorscales .e-ul .e-menu-item.e-focused {
+.e-menu-wrapper.e-databars .e-ul .e-menu-item.e-focused,
+.e-menu-wrapper.e-colorscales .e-ul .e-menu-item.e-focused {
   background-color: transparent;
 }
-.e-databars .e-ul .e-cf-icon:hover, .e-databars .e-ul .e-cf-icon:focus,
-.e-colorscales .e-ul .e-cf-icon:hover,
-.e-colorscales .e-ul .e-cf-icon:focus {
+.e-menu-wrapper.e-databars .e-ul .e-cf-icon:hover, .e-menu-wrapper.e-databars .e-ul .e-cf-icon:focus,
+.e-menu-wrapper.e-colorscales .e-ul .e-cf-icon:hover,
+.e-menu-wrapper.e-colorscales .e-ul .e-cf-icon:focus {
   background-color: #4b5563;
 }
 

package/styles/tailwind.css

@@ -1629,9 +1629,9 @@
 }
 .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-chart-icon, .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-chart-type-icon {
   font-size: 32px !important; /* stylelint-disable-line declaration-no-important */
-  margin-right: 5px;
   padding: 0 5px;
   width: 30px;
+  margin-right: 5px;
 }
 .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-switch-row-column-icon {
   font-size: 18px !important; /* stylelint-disable-line declaration-no-important */
@@ -3315,13 +3315,13 @@
   border-right: 1px dashed #dc2626;
 }
 
-.e-databars .e-ul .e-menu-item.e-focused,
-.e-colorscales .e-ul .e-menu-item.e-focused {
+.e-menu-wrapper.e-databars .e-ul .e-menu-item.e-focused,
+.e-menu-wrapper.e-colorscales .e-ul .e-menu-item.e-focused {
   background-color: transparent;
 }
-.e-databars .e-ul .e-cf-icon:hover, .e-databars .e-ul .e-cf-icon:focus,
-.e-colorscales .e-ul .e-cf-icon:hover,
-.e-colorscales .e-ul .e-cf-icon:focus {
+.e-menu-wrapper.e-databars .e-ul .e-cf-icon:hover, .e-menu-wrapper.e-databars .e-ul .e-cf-icon:focus,
+.e-menu-wrapper.e-colorscales .e-ul .e-cf-icon:hover,
+.e-menu-wrapper.e-colorscales .e-ul .e-cf-icon:focus {
   background-color: #e5e7eb;
 }