@syncfusion/ej2-angular-spreadsheet 20.2.36 → 20.2.37-ngcc

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

@@ -1941,6 +1941,12 @@
   font-size: 12px;
   padding-top: 7px;
 }
+.e-spreadsheet .e-find-dlg .e-dlg-content .e-findnreplace-casecheckbox {
+  padding-right: 12px;
+}
+.e-spreadsheet .e-find-dlg .e-dlg-content .e-findnreplace-exactmatchcheckbox {
+  padding: 12px 0;
+}
 .e-spreadsheet .e-find-dlg p.e-header {
   margin: 0;
   padding-bottom: 8px;
@@ -2046,6 +2052,9 @@
   cursor: row-resize;
 }
 
+.e-dropdown-popup.e-numformat-ddb ul {
+  max-width: initial;
+}
 .e-dropdown-popup.e-numformat-ddb ul .e-numformat-preview-text {
   font-size: 13px;
   max-width: 200px;
@@ -2282,6 +2291,9 @@
 .e-menu-wrapper.e-popup.e-menu-popup.e-border-color ul .e-menu-item .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container {
   display: block;
 }
+.e-menu-wrapper.e-popup.e-menu-popup.e-addchart-menu ul .e-menu-item {
+  height: 35px;
+}
 .e-menu-wrapper.e-popup.e-menu-popup.e-chart-menu ul, .e-menu-wrapper.e-popup.e-menu-popup.e-chart-type-menu ul {
   min-width: 165px;
   overflow: visible;
@@ -2435,6 +2447,10 @@
   overflow-y: auto;
 }
 
+.e-xlflmenu .e-xlfl-maindiv .e-xlfl-radiodiv {
+  width: auto;
+}
+
 .e-name-box .e-dropdownbase .e-list-item {
   line-height: 25px;
   min-height: 25px;
@@ -2529,6 +2545,11 @@
   height: auto;
   width: auto;
 }
+.e-bigger .e-spreadsheet .e-ribbon .e-content .e-hscroll-bar,
+.e-bigger.e-spreadsheet .e-ribbon .e-content .e-hscroll-bar {
+  height: auto;
+  overflow: hidden;
+}
 .e-bigger .e-spreadsheet .e-formula-bar-panel .e-input-group.e-control-wrapper.e-ddl.e-name-box .e-input-group-icon,
 .e-bigger.e-spreadsheet .e-formula-bar-panel .e-input-group.e-control-wrapper.e-ddl.e-name-box .e-input-group-icon {
   font-size: 20px;

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

@@ -1966,6 +1966,12 @@
   font-size: 12px;
   padding-top: 7px;
 }
+.e-spreadsheet .e-find-dlg .e-dlg-content .e-findnreplace-casecheckbox {
+  padding-right: 12px;
+}
+.e-spreadsheet .e-find-dlg .e-dlg-content .e-findnreplace-exactmatchcheckbox {
+  padding: 12px 0;
+}
 .e-spreadsheet .e-find-dlg p.e-header {
   margin: 0;
   padding-bottom: 8px;
@@ -2071,6 +2077,9 @@
   cursor: row-resize;
 }
 
+.e-dropdown-popup.e-numformat-ddb ul {
+  max-width: initial;
+}
 .e-dropdown-popup.e-numformat-ddb ul .e-numformat-preview-text {
   font-size: 13px;
   max-width: 200px;
@@ -2307,6 +2316,9 @@
 .e-menu-wrapper.e-popup.e-menu-popup.e-border-color ul .e-menu-item .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container {
   display: block;
 }
+.e-menu-wrapper.e-popup.e-menu-popup.e-addchart-menu ul .e-menu-item {
+  height: 35px;
+}
 .e-menu-wrapper.e-popup.e-menu-popup.e-chart-menu ul, .e-menu-wrapper.e-popup.e-menu-popup.e-chart-type-menu ul {
   min-width: 165px;
   overflow: visible;
@@ -2460,6 +2472,10 @@
   overflow-y: auto;
 }
 
+.e-xlflmenu .e-xlfl-maindiv .e-xlfl-radiodiv {
+  width: auto;
+}
+
 .e-name-box .e-dropdownbase .e-list-item {
   line-height: 25px;
   min-height: 25px;
@@ -2554,6 +2570,11 @@
   height: auto;
   width: auto;
 }
+.e-bigger .e-spreadsheet .e-ribbon .e-content .e-hscroll-bar,
+.e-bigger.e-spreadsheet .e-ribbon .e-content .e-hscroll-bar {
+  height: auto;
+  overflow: hidden;
+}
 .e-bigger .e-spreadsheet .e-formula-bar-panel .e-input-group.e-control-wrapper.e-ddl.e-name-box .e-input-group-icon,
 .e-bigger.e-spreadsheet .e-formula-bar-panel .e-input-group.e-control-wrapper.e-ddl.e-name-box .e-input-group-icon {
   font-size: 20px;

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';

package/styles/spreadsheet/bootstrap4.css

@@ -2014,6 +2014,12 @@
   font-size: 12px;
   padding-top: 7px;
 }
+.e-spreadsheet .e-find-dlg .e-dlg-content .e-findnreplace-casecheckbox {
+  padding-right: 12px;
+}
+.e-spreadsheet .e-find-dlg .e-dlg-content .e-findnreplace-exactmatchcheckbox {
+  padding: 12px 0;
+}
 .e-spreadsheet .e-find-dlg p.e-header {
   margin: 0;
   padding-bottom: 8px;
@@ -2119,6 +2125,9 @@
   cursor: row-resize;
 }
 
+.e-dropdown-popup.e-numformat-ddb ul {
+  max-width: initial;
+}
 .e-dropdown-popup.e-numformat-ddb ul .e-numformat-preview-text {
   font-size: 13px;
   max-width: 200px;
@@ -2355,6 +2364,9 @@
 .e-menu-wrapper.e-popup.e-menu-popup.e-border-color ul .e-menu-item .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container {
   display: block;
 }
+.e-menu-wrapper.e-popup.e-menu-popup.e-addchart-menu ul .e-menu-item {
+  height: 35px;
+}
 .e-menu-wrapper.e-popup.e-menu-popup.e-chart-menu ul, .e-menu-wrapper.e-popup.e-menu-popup.e-chart-type-menu ul {
   min-width: 165px;
   overflow: visible;
@@ -2508,6 +2520,10 @@
   overflow-y: auto;
 }
 
+.e-xlflmenu .e-xlfl-maindiv .e-xlfl-radiodiv {
+  width: auto;
+}
+
 .e-name-box .e-dropdownbase .e-list-item {
   line-height: 25px;
   min-height: 25px;
@@ -2602,6 +2618,11 @@
   height: auto;
   width: auto;
 }
+.e-bigger .e-spreadsheet .e-ribbon .e-content .e-hscroll-bar,
+.e-bigger.e-spreadsheet .e-ribbon .e-content .e-hscroll-bar {
+  height: auto;
+  overflow: hidden;
+}
 .e-bigger .e-spreadsheet .e-formula-bar-panel .e-input-group.e-control-wrapper.e-ddl.e-name-box .e-input-group-icon,
 .e-bigger.e-spreadsheet .e-formula-bar-panel .e-input-group.e-control-wrapper.e-ddl.e-name-box .e-input-group-icon {
   font-size: 20px;

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

@@ -1995,6 +1995,12 @@
   font-size: 12px;
   padding-top: 7px;
 }
+.e-spreadsheet .e-find-dlg .e-dlg-content .e-findnreplace-casecheckbox {
+  padding-right: 12px;
+}
+.e-spreadsheet .e-find-dlg .e-dlg-content .e-findnreplace-exactmatchcheckbox {
+  padding: 12px 0;
+}
 .e-spreadsheet .e-find-dlg p.e-header {
   margin: 0;
   padding-bottom: 8px;
@@ -2100,6 +2106,9 @@
   cursor: row-resize;
 }
 
+.e-dropdown-popup.e-numformat-ddb ul {
+  max-width: initial;
+}
 .e-dropdown-popup.e-numformat-ddb ul .e-numformat-preview-text {
   font-size: 13px;
   max-width: 200px;
@@ -2336,6 +2345,9 @@
 .e-menu-wrapper.e-popup.e-menu-popup.e-border-color ul .e-menu-item .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container {
   display: block;
 }
+.e-menu-wrapper.e-popup.e-menu-popup.e-addchart-menu ul .e-menu-item {
+  height: 35px;
+}
 .e-menu-wrapper.e-popup.e-menu-popup.e-chart-menu ul, .e-menu-wrapper.e-popup.e-menu-popup.e-chart-type-menu ul {
   min-width: 165px;
   overflow: visible;
@@ -2489,6 +2501,10 @@
   overflow-y: auto;
 }
 
+.e-xlflmenu .e-xlfl-maindiv .e-xlfl-radiodiv {
+  width: auto;
+}
+
 .e-name-box .e-dropdownbase .e-list-item {
   line-height: 25px;
   min-height: 25px;
@@ -2583,6 +2599,11 @@
   height: auto;
   width: auto;
 }
+.e-bigger .e-spreadsheet .e-ribbon .e-content .e-hscroll-bar,
+.e-bigger.e-spreadsheet .e-ribbon .e-content .e-hscroll-bar {
+  height: auto;
+  overflow: hidden;
+}
 .e-bigger .e-spreadsheet .e-formula-bar-panel .e-input-group.e-control-wrapper.e-ddl.e-name-box .e-input-group-icon,
 .e-bigger.e-spreadsheet .e-formula-bar-panel .e-input-group.e-control-wrapper.e-ddl.e-name-box .e-input-group-icon {
   font-size: 20px;
@@ -2939,6 +2960,7 @@
 .e-spreadsheet .e-ribbon .e-toolbar .e-btn:not(:focus):not(.e-tbar-btn).e-active {
   background: #5c636a;
   border-color: transparent;
+  color: #fff;
 }
 .e-spreadsheet .e-ribbon .e-toolbar .e-btn.e-active, .e-spreadsheet .e-ribbon .e-toolbar .e-btn:focus {
   color: #fff;
@@ -2946,6 +2968,9 @@
 .e-spreadsheet .e-ribbon .e-toolbar .e-btn.e-active .e-icons, .e-spreadsheet .e-ribbon .e-toolbar .e-btn.e-active.e-dropdown-btn .e-tbar-btn-text, .e-spreadsheet .e-ribbon .e-toolbar .e-btn:focus .e-icons, .e-spreadsheet .e-ribbon .e-toolbar .e-btn:focus.e-dropdown-btn .e-tbar-btn-text {
   color: inherit;
 }
+.e-spreadsheet .e-ribbon .e-toolbar .e-btn.e-split-colorpicker {
+  color: #fff;
+}
 .e-spreadsheet .e-formula-bar-panel {
   background-color: #212529;
 }

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

@@ -1995,6 +1995,12 @@
   font-size: 12px;
   padding-top: 7px;
 }
+.e-spreadsheet .e-find-dlg .e-dlg-content .e-findnreplace-casecheckbox {
+  padding-right: 12px;
+}
+.e-spreadsheet .e-find-dlg .e-dlg-content .e-findnreplace-exactmatchcheckbox {
+  padding: 12px 0;
+}
 .e-spreadsheet .e-find-dlg p.e-header {
   margin: 0;
   padding-bottom: 8px;
@@ -2100,6 +2106,9 @@
   cursor: row-resize;
 }
 
+.e-dropdown-popup.e-numformat-ddb ul {
+  max-width: initial;
+}
 .e-dropdown-popup.e-numformat-ddb ul .e-numformat-preview-text {
   font-size: 13px;
   max-width: 200px;
@@ -2336,6 +2345,9 @@
 .e-menu-wrapper.e-popup.e-menu-popup.e-border-color ul .e-menu-item .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container {
   display: block;
 }
+.e-menu-wrapper.e-popup.e-menu-popup.e-addchart-menu ul .e-menu-item {
+  height: 35px;
+}
 .e-menu-wrapper.e-popup.e-menu-popup.e-chart-menu ul, .e-menu-wrapper.e-popup.e-menu-popup.e-chart-type-menu ul {
   min-width: 165px;
   overflow: visible;
@@ -2489,6 +2501,10 @@
   overflow-y: auto;
 }
 
+.e-xlflmenu .e-xlfl-maindiv .e-xlfl-radiodiv {
+  width: auto;
+}
+
 .e-name-box .e-dropdownbase .e-list-item {
   line-height: 25px;
   min-height: 25px;
@@ -2583,6 +2599,11 @@
   height: auto;
   width: auto;
 }
+.e-bigger .e-spreadsheet .e-ribbon .e-content .e-hscroll-bar,
+.e-bigger.e-spreadsheet .e-ribbon .e-content .e-hscroll-bar {
+  height: auto;
+  overflow: hidden;
+}
 .e-bigger .e-spreadsheet .e-formula-bar-panel .e-input-group.e-control-wrapper.e-ddl.e-name-box .e-input-group-icon,
 .e-bigger.e-spreadsheet .e-formula-bar-panel .e-input-group.e-control-wrapper.e-ddl.e-name-box .e-input-group-icon {
   font-size: 20px;
@@ -2939,6 +2960,7 @@
 .e-spreadsheet .e-ribbon .e-toolbar .e-btn:not(:focus):not(.e-tbar-btn).e-active {
   background: #5c636a;
   border-color: transparent;
+  color: #fff;
 }
 .e-spreadsheet .e-ribbon .e-toolbar .e-btn.e-active, .e-spreadsheet .e-ribbon .e-toolbar .e-btn:focus {
   color: #fff;
@@ -2946,6 +2968,9 @@
 .e-spreadsheet .e-ribbon .e-toolbar .e-btn.e-active .e-icons, .e-spreadsheet .e-ribbon .e-toolbar .e-btn.e-active.e-dropdown-btn .e-tbar-btn-text, .e-spreadsheet .e-ribbon .e-toolbar .e-btn:focus .e-icons, .e-spreadsheet .e-ribbon .e-toolbar .e-btn:focus.e-dropdown-btn .e-tbar-btn-text {
   color: inherit;
 }
+.e-spreadsheet .e-ribbon .e-toolbar .e-btn.e-split-colorpicker {
+  color: #212529;
+}
 .e-spreadsheet .e-formula-bar-panel {
   background-color: #fff;
 }

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

@@ -1920,6 +1920,12 @@
   font-size: 12px;
   padding-top: 7px;
 }
+.e-spreadsheet .e-find-dlg .e-dlg-content .e-findnreplace-casecheckbox {
+  padding-right: 12px;
+}
+.e-spreadsheet .e-find-dlg .e-dlg-content .e-findnreplace-exactmatchcheckbox {
+  padding: 12px 0;
+}
 .e-spreadsheet .e-find-dlg p.e-header {
   margin: 0;
   padding-bottom: 8px;
@@ -2025,6 +2031,9 @@
   cursor: row-resize;
 }
 
+.e-dropdown-popup.e-numformat-ddb ul {
+  max-width: initial;
+}
 .e-dropdown-popup.e-numformat-ddb ul .e-numformat-preview-text {
   font-size: 13px;
   max-width: 200px;
@@ -2414,6 +2423,10 @@
   overflow-y: auto;
 }
 
+.e-xlflmenu .e-xlfl-maindiv .e-xlfl-radiodiv {
+  width: auto;
+}
+
 .e-name-box .e-dropdownbase .e-list-item {
   line-height: 25px;
   min-height: 25px;
@@ -2512,6 +2525,11 @@
   height: auto;
   width: auto;
 }
+.e-bigger .e-spreadsheet .e-ribbon .e-content .e-hscroll-bar,
+.e-bigger.e-spreadsheet .e-ribbon .e-content .e-hscroll-bar {
+  height: auto;
+  overflow: hidden;
+}
 .e-bigger .e-spreadsheet .e-formula-bar-panel .e-input-group.e-control-wrapper.e-ddl.e-name-box .e-input-group-icon,
 .e-bigger.e-spreadsheet .e-formula-bar-panel .e-input-group.e-control-wrapper.e-ddl.e-name-box .e-input-group-icon {
   font-size: 20px;

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

@@ -1928,6 +1928,12 @@
   font-size: 12px;
   padding-top: 7px;
 }
+.e-spreadsheet .e-find-dlg .e-dlg-content .e-findnreplace-casecheckbox {
+  padding-right: 12px;
+}
+.e-spreadsheet .e-find-dlg .e-dlg-content .e-findnreplace-exactmatchcheckbox {
+  padding: 12px 0;
+}
 .e-spreadsheet .e-find-dlg p.e-header {
   margin: 0;
   padding-bottom: 8px;
@@ -2033,6 +2039,9 @@
   cursor: row-resize;
 }
 
+.e-dropdown-popup.e-numformat-ddb ul {
+  max-width: initial;
+}
 .e-dropdown-popup.e-numformat-ddb ul .e-numformat-preview-text {
   font-size: 13px;
   max-width: 200px;
@@ -2422,6 +2431,10 @@
   overflow-y: auto;
 }
 
+.e-xlflmenu .e-xlfl-maindiv .e-xlfl-radiodiv {
+  width: auto;
+}
+
 .e-name-box .e-dropdownbase .e-list-item {
   line-height: 25px;
   min-height: 25px;
@@ -2520,6 +2533,11 @@
   height: auto;
   width: auto;
 }
+.e-bigger .e-spreadsheet .e-ribbon .e-content .e-hscroll-bar,
+.e-bigger.e-spreadsheet .e-ribbon .e-content .e-hscroll-bar {
+  height: auto;
+  overflow: hidden;
+}
 .e-bigger .e-spreadsheet .e-formula-bar-panel .e-input-group.e-control-wrapper.e-ddl.e-name-box .e-input-group-icon,
 .e-bigger.e-spreadsheet .e-formula-bar-panel .e-input-group.e-control-wrapper.e-ddl.e-name-box .e-input-group-icon {
   font-size: 20px;