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

package/styles/spreadsheet/bootstrap-dark.css

@@ -1941,12 +1941,6 @@
   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;
@@ -2052,9 +2046,6 @@
   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;
@@ -2291,9 +2282,6 @@
 .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;
@@ -2447,10 +2435,6 @@
   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;
@@ -2545,11 +2529,6 @@
   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 +1,23 @@
-@import 'ej2-spreadsheet/styles/spreadsheet/bootstrap-dark.scss';
+@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';

package/styles/spreadsheet/bootstrap.css

@@ -1966,12 +1966,6 @@
   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;
@@ -2077,9 +2071,6 @@
   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;
@@ -2316,9 +2307,6 @@
 .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;
@@ -2472,10 +2460,6 @@
   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;
@@ -2570,11 +2554,6 @@
   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 +1,23 @@
-@import 'ej2-spreadsheet/styles/spreadsheet/bootstrap.scss';
+@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';

package/styles/spreadsheet/bootstrap4.css

@@ -2014,12 +2014,6 @@
   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;
@@ -2125,9 +2119,6 @@
   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;
@@ -2364,9 +2355,6 @@
 .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;
@@ -2520,10 +2508,6 @@
   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;
@@ -2618,11 +2602,6 @@
   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 +1,23 @@
-@import 'ej2-spreadsheet/styles/spreadsheet/bootstrap4.scss';
+@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';

package/styles/spreadsheet/bootstrap5-dark.css

@@ -1995,12 +1995,6 @@
   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;
@@ -2106,9 +2100,6 @@
   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;
@@ -2345,9 +2336,6 @@
 .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;
@@ -2501,10 +2489,6 @@
   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;
@@ -2599,11 +2583,6 @@
   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;
@@ -2960,7 +2939,6 @@
 .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;
@@ -2968,9 +2946,6 @@
 .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 +1,22 @@
-@import 'ej2-spreadsheet/styles/spreadsheet/bootstrap5-dark.scss';
+@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';

package/styles/spreadsheet/bootstrap5.css

@@ -1995,12 +1995,6 @@
   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;
@@ -2106,9 +2100,6 @@
   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;
@@ -2345,9 +2336,6 @@
 .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;
@@ -2501,10 +2489,6 @@
   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;
@@ -2599,11 +2583,6 @@
   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;
@@ -2960,7 +2939,6 @@
 .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;
@@ -2968,9 +2946,6 @@
 .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 +1,23 @@
-@import 'ej2-spreadsheet/styles/spreadsheet/bootstrap5.scss';
+@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';

package/styles/spreadsheet/fabric-dark.css

@@ -1920,12 +1920,6 @@
   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;
@@ -2031,9 +2025,6 @@
   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;
@@ -2423,10 +2414,6 @@
   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;
@@ -2525,11 +2512,6 @@
   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 +1,23 @@
-@import 'ej2-spreadsheet/styles/spreadsheet/fabric-dark.scss';
+@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';

package/styles/spreadsheet/fabric.css

@@ -1928,12 +1928,6 @@
   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;
@@ -2039,9 +2033,6 @@
   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;
@@ -2431,10 +2422,6 @@
   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;
@@ -2533,11 +2520,6 @@
   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.scss

@@ -1 +1,23 @@
-@import 'ej2-spreadsheet/styles/spreadsheet/fabric.scss';
+@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';

package/styles/spreadsheet/fluent-dark.css

@@ -1975,12 +1975,6 @@
   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;
@@ -2087,9 +2081,6 @@
   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;
@@ -2326,9 +2317,6 @@
 .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;
@@ -2482,10 +2470,6 @@
   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;
@@ -2614,11 +2598,6 @@
   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/fluent-dark.scss

@@ -1 +1,22 @@
-@import 'ej2-spreadsheet/styles/spreadsheet/fluent-dark.scss';
+@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';