@syncfusion/ej2-angular-spreadsheet 20.2.40 → 20.2.44-ngcc

package/styles/spreadsheet/material-dark.css

@@ -26,7 +26,6 @@
     box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
   }
 }
-/* stylelint-disable */
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;
@@ -705,8 +704,8 @@
   margin-bottom: 4px;
 }
 .e-spreadsheet .e-custom-format-dlg.e-dialog {
-  height: 510px !important; /* stylelint-disable-line declaration-no-important */
-  width: 530px !important; /* stylelint-disable-line declaration-no-important */
+  height: 510px !important;
+  width: 530px !important;
 }
 .e-spreadsheet .e-custom-format-dlg.e-dialog .e-footer-content {
   padding: 0;
@@ -716,7 +715,7 @@
   padding-top: 3px;
 }
 .e-spreadsheet .e-unprotectworksheet-dlg.e-dialog {
-  left: 0 !important; /* stylelint-disable-line declaration-no-important */
+  left: 0 !important;
 }
 .e-spreadsheet .e-unprotectworksheet-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
@@ -735,7 +734,7 @@
   margin-top: 10px;
 }
 .e-spreadsheet .e-reenterpwd-dlg.e-dialog {
-  left: 0 !important; /* stylelint-disable-line declaration-no-important */
+  left: 0 !important;
 }
 .e-spreadsheet .e-reenterpwd-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
@@ -753,10 +752,10 @@
 .e-spreadsheet .e-reenterpwd-dlg.e-dialog .e-dlg-content .e-reenterpwd-content .e-input {
   margin-top: 10px;
 }
-.e-spreadsheet .e-goto-dlg {
+.e-spreadsheet .e-goto-dlg.e-dialog {
   height: auto;
 }
-.e-spreadsheet .e-goto-dlg .e-dlg-content .e-goto-alert-span {
+.e-spreadsheet .e-goto-dlg.e-dialog .e-dlg-content .e-goto-alert-span {
   font-weight: bold;
   padding-top: 7px;
 }
@@ -900,7 +899,7 @@
   display: none;
 }
 .e-spreadsheet.e-hide-row-header .e-column-header, .e-spreadsheet.e-hide-row-header .e-sheet-content {
-  width: 100% !important; /* stylelint-disable-line declaration-no-important */
+  width: 100% !important;
 }
 .e-spreadsheet.e-hide-column-header .e-header-panel {
   display: none;
@@ -1135,8 +1134,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #00b0ff;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1151,8 +1150,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #00b0ff;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -1272,14 +1271,14 @@
 }
 .e-spreadsheet .e-sheet .e-datavisualization-chart .e-control.e-chart {
   height: 100%;
-  position: initial !important; /* stylelint-disable-line declaration-no-important */
+  position: initial !important;
   width: 100%;
 }
 .e-spreadsheet .e-sheet .e-datavisualization-chart .e-control.e-accumulationchart {
   height: 100%;
   overflow: hidden;
   padding: 4px;
-  position: initial !important; /* stylelint-disable-line declaration-no-important */
+  position: initial !important;
   width: 100%;
 }
 .e-spreadsheet .e-sheet .e-datavisualization-chart .e-ss-overlay-l,
@@ -1397,7 +1396,7 @@
   margin-right: 8px;
 }
 .e-spreadsheet .e-hide {
-  display: none !important; /* stylelint-disable-line declaration-no-important */
+  display: none !important;
 }
 .e-spreadsheet .e-selection {
   border-style: solid;
@@ -1514,7 +1513,7 @@
   text-align: right;
 }
 .e-spreadsheet .e-ribbon .e-toolbar .e-btn:not(.e-tbar-btn) {
-  font-weight: normal;
+  font-weight: 400;
   padding-bottom: 0;
   padding-top: 0;
 }
@@ -1543,17 +1542,17 @@
   font-size: 16px;
 }
 .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 */
+  font-size: 30px !important;
   margin-right: 5px;
   padding: 0 5px;
   width: 30px;
 }
 .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 */
+  font-size: 18px !important;
   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 */
+  font-size: 18px !important;
   margin-right: -5px;
 }
 .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn.e-split-colorpicker {
@@ -1730,7 +1729,7 @@
 }
 .e-spreadsheet .e-validation-list .e-input-group {
   border: 0;
-  box-shadow: none !important; /* stylelint-disable-line declaration-no-important */
+  box-shadow: none !important;
 }
 .e-spreadsheet .e-validation-list .e-ddl-icon {
   bottom: 5px;
@@ -1880,7 +1879,7 @@
 }
 .e-spreadsheet .e-hyperlink-dlg.e-dialog,
 .e-spreadsheet .e-edithyperlink-dlg.e-dialog {
-  max-height: 640px !important; /* stylelint-disable-line declaration-no-important */
+  max-height: 640px !important;
 }
 .e-spreadsheet .e-hyperlink-dlg.e-dialog .e-dlg-header-content,
 .e-spreadsheet .e-edithyperlink-dlg.e-dialog .e-dlg-header-content {
@@ -1959,36 +1958,36 @@
   font-size: 12px;
   padding-top: 7px;
 }
-.e-spreadsheet .e-find-dlg {
+.e-spreadsheet .e-find-dlg.e-dialog {
   height: auto;
   width: 470px;
 }
-.e-spreadsheet .e-find-dlg .e-dlg-content .e-find-alert-span {
+.e-spreadsheet .e-find-dlg.e-dialog .e-dlg-content .e-find-alert-span {
   color: #dd2c2c;
   font-size: 12px;
   padding-top: 7px;
 }
-.e-spreadsheet .e-find-dlg .e-dlg-content .e-replace-alert-span {
+.e-spreadsheet .e-find-dlg.e-dialog .e-dlg-content .e-replace-alert-span {
   color: #dd2c2c;
   font-size: 12px;
   padding-top: 7px;
 }
-.e-spreadsheet .e-find-dlg .e-dlg-content .e-findnreplace-casecheckbox {
+.e-spreadsheet .e-find-dlg.e-dialog .e-dlg-content .e-findnreplace-casecheckbox {
   padding-right: 12px;
 }
-.e-spreadsheet .e-find-dlg .e-dlg-content .e-findnreplace-exactmatchcheckbox {
+.e-spreadsheet .e-find-dlg.e-dialog .e-dlg-content .e-findnreplace-exactmatchcheckbox {
   padding: 12px 0;
 }
-.e-spreadsheet .e-find-dlg p.e-header {
+.e-spreadsheet .e-find-dlg.e-dialog p.e-header {
   margin: 0;
   padding-bottom: 8px;
   padding-top: 12px;
 }
-.e-spreadsheet .e-find-dlg .e-footer-content {
+.e-spreadsheet .e-find-dlg.e-dialog .e-footer-content {
   text-align: left;
 }
 .e-spreadsheet .e-protectworkbook-dlg.e-dialog {
-  left: 0 !important; /* stylelint-disable-line declaration-no-important */
+  left: 0 !important;
 }
 .e-spreadsheet .e-protectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
@@ -2008,7 +2007,7 @@
   margin-bottom: 4px;
 }
 .e-spreadsheet .e-unprotectworkbook-dlg.e-dialog {
-  left: 0 !important; /* stylelint-disable-line declaration-no-important */
+  left: 0 !important;
 }
 .e-spreadsheet .e-unprotectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
@@ -2027,7 +2026,7 @@
   margin-top: 10px;
 }
 .e-spreadsheet .e-importprotectworkbook-dlg.e-dialog {
-  left: 0 !important; /* stylelint-disable-line declaration-no-important */
+  left: 0 !important;
 }
 .e-spreadsheet .e-importprotectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
@@ -2058,10 +2057,12 @@
   height: 18px;
   margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;
+  bottom: 0.5px;
+  right: 0.5px;
 }
 
 .e-colorpicker-wrapper.e-border-colorpicker {
@@ -2069,7 +2070,7 @@
 }
 .e-colorpicker-wrapper.e-border-colorpicker .e-container {
   box-shadow: none;
-  width: 270px !important; /* stylelint-disable-line declaration-no-important */
+  width: 270px !important;
 }
 .e-colorpicker-wrapper.e-border-colorpicker .e-container .e-selected-value {
   display: -ms-flexbox;
@@ -2138,33 +2139,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 {
@@ -2447,7 +2451,7 @@
 }
 .e-spreadsheet-function-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 16px;
-  font-weight: normal;
+  font-weight: 400;
 }
 .e-spreadsheet-function-dlg.e-dialog .e-dlg-content {
   overflow: hidden;
@@ -2682,7 +2686,7 @@
 }
 .e-bigger .e-spreadsheet .e-customsort-dlg.e-dialog,
 .e-bigger.e-spreadsheet .e-customsort-dlg.e-dialog {
-  width: 590px !important; /* stylelint-disable-line declaration-no-important */
+  width: 590px !important;
 }
 .e-bigger .e-spreadsheet .e-sort-dialog .e-sort-template .e-list-item,
 .e-bigger.e-spreadsheet .e-sort-dialog .e-sort-template .e-list-item {
@@ -2703,12 +2707,12 @@
   height: 59px;
   width: 403px;
 }
-.e-bigger .e-spreadsheet .e-goto-dlg,
-.e-bigger.e-spreadsheet .e-goto-dlg {
+.e-bigger .e-spreadsheet .e-goto-dlg.e-dialog,
+.e-bigger.e-spreadsheet .e-goto-dlg.e-dialog {
   height: auto;
 }
-.e-bigger .e-spreadsheet .e-goto-dlg .e-btn,
-.e-bigger.e-spreadsheet .e-goto-dlg .e-btn {
+.e-bigger .e-spreadsheet .e-goto-dlg.e-dialog .e-btn,
+.e-bigger.e-spreadsheet .e-goto-dlg.e-dialog .e-btn {
   font-size: 12px;
 }
 .e-bigger .e-spreadsheet .e-protectworkbook-dlg.e-dialog .e-dlg-content .e-pwd-alert-span,

package/styles/spreadsheet/material-dark.scss

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

package/styles/spreadsheet/material.css

@@ -33,7 +33,6 @@
 /*! Material specific themes definition's */
 /*! Vertical Tab */
 /*! TreeView's material theme wise override definitions and variables */
-/* stylelint-disable */
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;
@@ -744,7 +743,7 @@
   padding-top: 3px;
 }
 .e-spreadsheet .e-unprotectworksheet-dlg.e-dialog {
-  left: 0 !important; /* stylelint-disable-line declaration-no-important */
+  left: 0 !important;
 }
 .e-spreadsheet .e-unprotectworksheet-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
@@ -763,7 +762,7 @@
   margin-top: 10px;
 }
 .e-spreadsheet .e-reenterpwd-dlg.e-dialog {
-  left: 0 !important; /* stylelint-disable-line declaration-no-important */
+  left: 0 !important;
 }
 .e-spreadsheet .e-reenterpwd-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
@@ -781,10 +780,10 @@
 .e-spreadsheet .e-reenterpwd-dlg.e-dialog .e-dlg-content .e-reenterpwd-content .e-input {
   margin-top: 10px;
 }
-.e-spreadsheet .e-goto-dlg {
+.e-spreadsheet .e-goto-dlg.e-dialog {
   height: auto;
 }
-.e-spreadsheet .e-goto-dlg .e-dlg-content .e-goto-alert-span {
+.e-spreadsheet .e-goto-dlg.e-dialog .e-dlg-content .e-goto-alert-span {
   font-weight: bold;
   padding-top: 7px;
 }
@@ -928,7 +927,7 @@
   display: none;
 }
 .e-spreadsheet.e-hide-row-header .e-column-header, .e-spreadsheet.e-hide-row-header .e-sheet-content {
-  width: 100% !important; /* stylelint-disable-line declaration-no-important */
+  width: 100% !important;
 }
 .e-spreadsheet.e-hide-column-header .e-header-panel {
   display: none;
@@ -1163,8 +1162,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #e3165b;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1179,8 +1178,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #e3165b;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -1300,14 +1299,14 @@
 }
 .e-spreadsheet .e-sheet .e-datavisualization-chart .e-control.e-chart {
   height: 100%;
-  position: initial !important; /* stylelint-disable-line declaration-no-important */
+  position: initial !important;
   width: 100%;
 }
 .e-spreadsheet .e-sheet .e-datavisualization-chart .e-control.e-accumulationchart {
   height: 100%;
   overflow: hidden;
   padding: 4px;
-  position: initial !important; /* stylelint-disable-line declaration-no-important */
+  position: initial !important;
   width: 100%;
 }
 .e-spreadsheet .e-sheet .e-datavisualization-chart .e-ss-overlay-l,
@@ -1432,7 +1431,7 @@
   margin-right: 8px;
 }
 .e-spreadsheet .e-hide {
-  display: none !important; /* stylelint-disable-line declaration-no-important */
+  display: none !important;
 }
 .e-spreadsheet .e-selection {
   border-style: solid;
@@ -1550,7 +1549,7 @@
   text-align: right;
 }
 .e-spreadsheet .e-ribbon .e-toolbar .e-btn:not(.e-tbar-btn) {
-  font-weight: normal;
+  font-weight: 400;
   padding-bottom: 0;
   padding-top: 0;
 }
@@ -1582,17 +1581,17 @@
   font-size: 16px;
 }
 .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 */
+  font-size: 30px !important;
   margin-right: 5px;
   padding: 0 5px;
   width: 30px;
 }
 .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 */
+  font-size: 18px !important;
   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 */
+  font-size: 18px !important;
   margin-right: -5px;
 }
 .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn.e-split-colorpicker {
@@ -1769,7 +1768,7 @@
 }
 .e-spreadsheet .e-validation-list .e-input-group {
   border: 0;
-  box-shadow: none !important; /* stylelint-disable-line declaration-no-important */
+  box-shadow: none !important;
 }
 .e-spreadsheet .e-validation-list .e-ddl-icon {
   bottom: 5px;
@@ -1779,7 +1778,7 @@
   text-align: left;
 }
 .e-spreadsheet .e-customsort-dlg.e-dialog {
-  height: 360px !important; /* stylelint-disable-line declaration-no-important */
+  height: 360px !important;
 }
 .e-spreadsheet .e-customsort-dlg.e-dialog .e-dlg-content {
   padding-bottom: 0;
@@ -1918,7 +1917,7 @@
 }
 .e-spreadsheet .e-hyperlink-dlg.e-dialog,
 .e-spreadsheet .e-edithyperlink-dlg.e-dialog {
-  max-height: 640px !important; /* stylelint-disable-line declaration-no-important */
+  max-height: 640px !important;
 }
 .e-spreadsheet .e-hyperlink-dlg.e-dialog .e-dlg-header-content,
 .e-spreadsheet .e-edithyperlink-dlg.e-dialog .e-dlg-header-content {
@@ -1997,36 +1996,36 @@
   font-size: 12px;
   padding-top: 7px;
 }
-.e-spreadsheet .e-find-dlg {
+.e-spreadsheet .e-find-dlg.e-dialog {
   height: auto;
   width: 468px;
 }
-.e-spreadsheet .e-find-dlg .e-dlg-content .e-find-alert-span {
+.e-spreadsheet .e-find-dlg.e-dialog .e-dlg-content .e-find-alert-span {
   color: #dd2c2c;
   font-size: 12px;
   padding-top: 7px;
 }
-.e-spreadsheet .e-find-dlg .e-dlg-content .e-replace-alert-span {
+.e-spreadsheet .e-find-dlg.e-dialog .e-dlg-content .e-replace-alert-span {
   color: #dd2c2c;
   font-size: 12px;
   padding-top: 7px;
 }
-.e-spreadsheet .e-find-dlg .e-dlg-content .e-findnreplace-casecheckbox {
+.e-spreadsheet .e-find-dlg.e-dialog .e-dlg-content .e-findnreplace-casecheckbox {
   padding-right: 12px;
 }
-.e-spreadsheet .e-find-dlg .e-dlg-content .e-findnreplace-exactmatchcheckbox {
+.e-spreadsheet .e-find-dlg.e-dialog .e-dlg-content .e-findnreplace-exactmatchcheckbox {
   padding: 12px 0;
 }
-.e-spreadsheet .e-find-dlg p.e-header {
+.e-spreadsheet .e-find-dlg.e-dialog p.e-header {
   margin: 0;
   padding-bottom: 8px;
   padding-top: 12px;
 }
-.e-spreadsheet .e-find-dlg .e-footer-content {
+.e-spreadsheet .e-find-dlg.e-dialog .e-footer-content {
   text-align: left;
 }
 .e-spreadsheet .e-protectworkbook-dlg.e-dialog {
-  left: 0 !important; /* stylelint-disable-line declaration-no-important */
+  left: 0 !important;
 }
 .e-spreadsheet .e-protectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
@@ -2046,7 +2045,7 @@
   margin-bottom: 4px;
 }
 .e-spreadsheet .e-unprotectworkbook-dlg.e-dialog {
-  left: 0 !important; /* stylelint-disable-line declaration-no-important */
+  left: 0 !important;
 }
 .e-spreadsheet .e-unprotectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
@@ -2065,7 +2064,7 @@
   margin-top: 10px;
 }
 .e-spreadsheet .e-importprotectworkbook-dlg.e-dialog {
-  left: 0 !important; /* stylelint-disable-line declaration-no-important */
+  left: 0 !important;
 }
 .e-spreadsheet .e-importprotectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
@@ -2096,10 +2095,12 @@
   height: 18px;
   margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;
+  bottom: 0.5px;
+  right: 0.5px;
 }
 
 .e-colorpicker-wrapper.e-border-colorpicker {
@@ -2107,7 +2108,7 @@
 }
 .e-colorpicker-wrapper.e-border-colorpicker .e-container {
   box-shadow: none;
-  width: 270px !important; /* stylelint-disable-line declaration-no-important */
+  width: 270px !important;
 }
 .e-colorpicker-wrapper.e-border-colorpicker .e-container .e-selected-value {
   display: -ms-flexbox;
@@ -2176,33 +2177,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 {
@@ -2485,7 +2489,7 @@
 }
 .e-spreadsheet-function-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 16px;
-  font-weight: normal;
+  font-weight: 400;
 }
 .e-spreadsheet-function-dlg.e-dialog .e-dlg-content {
   overflow: hidden;
@@ -2720,7 +2724,7 @@
 }
 .e-bigger .e-spreadsheet .e-customsort-dlg.e-dialog,
 .e-bigger.e-spreadsheet .e-customsort-dlg.e-dialog {
-  width: 590px !important; /* stylelint-disable-line declaration-no-important */
+  width: 590px !important;
 }
 .e-bigger .e-spreadsheet .e-sort-dialog .e-sort-template .e-list-item,
 .e-bigger.e-spreadsheet .e-sort-dialog .e-sort-template .e-list-item {
@@ -2741,12 +2745,12 @@
   height: 59px;
   width: 403px;
 }
-.e-bigger .e-spreadsheet .e-goto-dlg,
-.e-bigger.e-spreadsheet .e-goto-dlg {
+.e-bigger .e-spreadsheet .e-goto-dlg.e-dialog,
+.e-bigger.e-spreadsheet .e-goto-dlg.e-dialog {
   height: auto;
 }
-.e-bigger .e-spreadsheet .e-goto-dlg .e-btn,
-.e-bigger.e-spreadsheet .e-goto-dlg .e-btn {
+.e-bigger .e-spreadsheet .e-goto-dlg.e-dialog .e-btn,
+.e-bigger.e-spreadsheet .e-goto-dlg.e-dialog .e-btn {
   font-size: 12px;
 }
 .e-bigger .e-spreadsheet .e-protectworkbook-dlg.e-dialog .e-dlg-content .e-pwd-alert-span,

package/styles/spreadsheet/material.scss

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