@syncfusion/ej2-react-spreadsheet 20.2.50 → 20.3.47

package/styles/spreadsheet/material.css

@@ -33,6 +33,7 @@
 /*! 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;
@@ -743,7 +744,7 @@
   padding-top: 3px;
 }
 .e-spreadsheet .e-unprotectworksheet-dlg.e-dialog {
-  left: 0 !important;
+  left: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-spreadsheet .e-unprotectworksheet-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
@@ -762,7 +763,7 @@
   margin-top: 10px;
 }
 .e-spreadsheet .e-reenterpwd-dlg.e-dialog {
-  left: 0 !important;
+  left: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-spreadsheet .e-reenterpwd-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
@@ -927,7 +928,7 @@
   display: none;
 }
 .e-spreadsheet.e-hide-row-header .e-column-header, .e-spreadsheet.e-hide-row-header .e-sheet-content {
-  width: 100% !important;
+  width: 100% !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-spreadsheet.e-hide-column-header .e-header-panel {
   display: none;
@@ -1162,8 +1163,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%);
 }
@@ -1178,8 +1179,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%);
 }
@@ -1299,14 +1300,14 @@
 }
 .e-spreadsheet .e-sheet .e-datavisualization-chart .e-control.e-chart {
   height: 100%;
-  position: initial !important;
+  position: initial !important; /* stylelint-disable-line declaration-no-important */
   width: 100%;
 }
 .e-spreadsheet .e-sheet .e-datavisualization-chart .e-control.e-accumulationchart {
   height: 100%;
   overflow: hidden;
   padding: 4px;
-  position: initial !important;
+  position: initial !important; /* stylelint-disable-line declaration-no-important */
   width: 100%;
 }
 .e-spreadsheet .e-sheet .e-datavisualization-chart .e-ss-overlay-l,
@@ -1431,7 +1432,7 @@
   margin-right: 8px;
 }
 .e-spreadsheet .e-hide {
-  display: none !important;
+  display: none !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-spreadsheet .e-selection {
   border-style: solid;
@@ -1549,7 +1550,7 @@
   text-align: right;
 }
 .e-spreadsheet .e-ribbon .e-toolbar .e-btn:not(.e-tbar-btn) {
-  font-weight: 400;
+  font-weight: normal;
   padding-bottom: 0;
   padding-top: 0;
 }
@@ -1581,17 +1582,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;
+  font-size: 30px !important; /* stylelint-disable-line declaration-no-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;
+  font-size: 18px !important; /* stylelint-disable-line declaration-no-important */
   margin-right: 5px;
 }
 .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-addchart-icon {
-  font-size: 18px !important;
+  font-size: 18px !important; /* stylelint-disable-line declaration-no-important */
   margin-right: -5px;
 }
 .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn.e-split-colorpicker {
@@ -1768,7 +1769,7 @@
 }
 .e-spreadsheet .e-validation-list .e-input-group {
   border: 0;
-  box-shadow: none !important;
+  box-shadow: none !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-spreadsheet .e-validation-list .e-ddl-icon {
   bottom: 5px;
@@ -1778,7 +1779,7 @@
   text-align: left;
 }
 .e-spreadsheet .e-customsort-dlg.e-dialog {
-  height: 360px !important;
+  height: 360px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-spreadsheet .e-customsort-dlg.e-dialog .e-dlg-content {
   padding-bottom: 0;
@@ -1917,7 +1918,7 @@
 }
 .e-spreadsheet .e-hyperlink-dlg.e-dialog,
 .e-spreadsheet .e-edithyperlink-dlg.e-dialog {
-  max-height: 640px !important;
+  max-height: 640px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-spreadsheet .e-hyperlink-dlg.e-dialog .e-dlg-header-content,
 .e-spreadsheet .e-edithyperlink-dlg.e-dialog .e-dlg-header-content {
@@ -2025,7 +2026,7 @@
   text-align: left;
 }
 .e-spreadsheet .e-protectworkbook-dlg.e-dialog {
-  left: 0 !important;
+  left: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-spreadsheet .e-protectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
@@ -2045,7 +2046,7 @@
   margin-bottom: 4px;
 }
 .e-spreadsheet .e-unprotectworkbook-dlg.e-dialog {
-  left: 0 !important;
+  left: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-spreadsheet .e-unprotectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
@@ -2064,7 +2065,7 @@
   margin-top: 10px;
 }
 .e-spreadsheet .e-importprotectworkbook-dlg.e-dialog {
-  left: 0 !important;
+  left: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-spreadsheet .e-importprotectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
@@ -2095,12 +2096,10 @@
   height: 18px;
   margin-right: -1px;
   padding: 0;
-  position: absolute;
+  position: relative;
   right: 0;
   width: 20px;
   z-index: 2;
-  bottom: 0.5px;
-  right: 0.5px;
 }
 
 .e-colorpicker-wrapper.e-border-colorpicker {
@@ -2108,7 +2107,7 @@
 }
 .e-colorpicker-wrapper.e-border-colorpicker .e-container {
   box-shadow: none;
-  width: 270px !important;
+  width: 270px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-colorpicker-wrapper.e-border-colorpicker .e-container .e-selected-value {
   display: -ms-flexbox;
@@ -2177,36 +2176,33 @@
   font-family: "Calibri";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(7) {
-  font-family: "Comic Sans MS";
-}
-.e-dropdown-popup.e-font-family ul .e-item:nth-child(8) {
   font-family: "Courier";
 }
-.e-dropdown-popup.e-font-family ul .e-item:nth-child(9) {
+.e-dropdown-popup.e-font-family ul .e-item:nth-child(8) {
   font-family: "Courier New";
 }
-.e-dropdown-popup.e-font-family ul .e-item:nth-child(10) {
+.e-dropdown-popup.e-font-family ul .e-item:nth-child(9) {
   font-family: "Din Condensed";
 }
-.e-dropdown-popup.e-font-family ul .e-item:nth-child(11) {
+.e-dropdown-popup.e-font-family ul .e-item:nth-child(10) {
   font-family: "Georgia";
 }
-.e-dropdown-popup.e-font-family ul .e-item:nth-child(12) {
+.e-dropdown-popup.e-font-family ul .e-item:nth-child(11) {
   font-family: "Helvetica";
 }
-.e-dropdown-popup.e-font-family ul .e-item:nth-child(13) {
+.e-dropdown-popup.e-font-family ul .e-item:nth-child(12) {
   font-family: "Helvetica New";
 }
-.e-dropdown-popup.e-font-family ul .e-item:nth-child(14) {
+.e-dropdown-popup.e-font-family ul .e-item:nth-child(13) {
   font-family: "Roboto";
 }
-.e-dropdown-popup.e-font-family ul .e-item:nth-child(15) {
+.e-dropdown-popup.e-font-family ul .e-item:nth-child(14) {
   font-family: "Tahoma";
 }
-.e-dropdown-popup.e-font-family ul .e-item:nth-child(16) {
+.e-dropdown-popup.e-font-family ul .e-item:nth-child(15) {
   font-family: "Times New Roman";
 }
-.e-dropdown-popup.e-font-family ul .e-item:nth-child(17) {
+.e-dropdown-popup.e-font-family ul .e-item:nth-child(16) {
   font-family: "Verdana";
 }
 .e-dropdown-popup.e-aggregate-list {
@@ -2489,7 +2485,7 @@
 }
 .e-spreadsheet-function-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 16px;
-  font-weight: 400;
+  font-weight: normal;
 }
 .e-spreadsheet-function-dlg.e-dialog .e-dlg-content {
   overflow: hidden;
@@ -2724,7 +2720,7 @@
 }
 .e-bigger .e-spreadsheet .e-customsort-dlg.e-dialog,
 .e-bigger.e-spreadsheet .e-customsort-dlg.e-dialog {
-  width: 590px !important;
+  width: 590px !important; /* stylelint-disable-line declaration-no-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 {
@@ -2786,6 +2782,10 @@
 .e-bigger.e-spreadsheet .e-checkboxtree.e-rtl ul {
   padding-right: 0;
 }
+.e-bigger .e-spreadsheet .e-validation-list .e-ddl-icon.e-search-icon,
+.e-bigger.e-spreadsheet .e-validation-list .e-ddl-icon.e-search-icon {
+  bottom: 9px;
+}
 
 .e-bigger.e-dropdown-popup.e-font-size-ddb ul,
 .e-bigger .e-dropdown-popup.e-font-size-ddb ul {

package/styles/spreadsheet/tailwind-dark.css

@@ -23,6 +23,7 @@
 /*! Material specific themes definition's */
 /*! Vertical Tab */
 /*! TreeView's tailwind theme wise override definitions and variables */
+/* stylelint-disable */
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;
@@ -690,8 +691,8 @@
   margin-bottom: 4px;
 }
 .e-spreadsheet .e-custom-format-dlg.e-dialog {
-  height: 510px !important;
-  width: 530px !important;
+  height: 510px !important; /* stylelint-disable-line declaration-no-important */
+  width: 530px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-spreadsheet .e-custom-format-dlg.e-dialog .e-footer-content {
   padding: 0;
@@ -704,7 +705,7 @@
   padding: 18px;
 }
 .e-spreadsheet .e-unprotectworksheet-dlg.e-dialog {
-  left: 0 !important;
+  left: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-spreadsheet .e-unprotectworksheet-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
@@ -723,7 +724,7 @@
   margin-top: 10px;
 }
 .e-spreadsheet .e-reenterpwd-dlg.e-dialog {
-  left: 0 !important;
+  left: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-spreadsheet .e-reenterpwd-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
@@ -893,7 +894,7 @@
   display: none;
 }
 .e-spreadsheet.e-hide-row-header .e-column-header, .e-spreadsheet.e-hide-row-header .e-sheet-content {
-  width: 100% !important;
+  width: 100% !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-spreadsheet.e-hide-column-header .e-header-panel {
   display: none;
@@ -1128,8 +1129,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #22d3ee;
   cursor: ns-resize;
-  left: 50%;
   position: absolute;
+  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1144,8 +1145,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #22d3ee;
   cursor: ns-resize;
-  left: 50%;
   position: absolute;
+  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -1266,14 +1267,14 @@
 }
 .e-spreadsheet .e-sheet .e-datavisualization-chart .e-control.e-chart {
   height: 100%;
-  position: initial !important;
+  position: initial !important; /* stylelint-disable-line declaration-no-important */
   width: 100%;
 }
 .e-spreadsheet .e-sheet .e-datavisualization-chart .e-control.e-accumulationchart {
   height: 100%;
   overflow: hidden;
   padding: 4px;
-  position: initial !important;
+  position: initial !important; /* stylelint-disable-line declaration-no-important */
   width: 100%;
 }
 .e-spreadsheet .e-sheet .e-datavisualization-chart .e-ss-overlay-l,
@@ -1394,7 +1395,7 @@
   margin-right: 8px;
 }
 .e-spreadsheet .e-hide {
-  display: none !important;
+  display: none !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-spreadsheet .e-selection {
   border-style: solid;
@@ -1511,7 +1512,7 @@
   text-align: right;
 }
 .e-spreadsheet .e-ribbon .e-toolbar .e-btn:not(.e-tbar-btn) {
-  font-weight: 400;
+  font-weight: normal;
   padding-bottom: 0;
   padding-top: 0;
 }
@@ -1540,17 +1541,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;
+  font-size: 30px !important; /* stylelint-disable-line declaration-no-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;
+  font-size: 18px !important; /* stylelint-disable-line declaration-no-important */
   margin-right: 5px;
 }
 .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-addchart-icon {
-  font-size: 18px !important;
+  font-size: 18px !important; /* stylelint-disable-line declaration-no-important */
   margin-right: -5px;
 }
 .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn.e-split-colorpicker {
@@ -1727,7 +1728,7 @@
 }
 .e-spreadsheet .e-validation-list .e-input-group {
   border: 0;
-  box-shadow: none !important;
+  box-shadow: none !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-spreadsheet .e-validation-list .e-ddl-icon {
   bottom: 5px;
@@ -1890,7 +1891,7 @@
 }
 .e-spreadsheet .e-hyperlink-dlg.e-dialog,
 .e-spreadsheet .e-edithyperlink-dlg.e-dialog {
-  max-height: 640px !important;
+  max-height: 640px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-spreadsheet .e-hyperlink-dlg.e-dialog .e-dlg-header-content,
 .e-spreadsheet .e-edithyperlink-dlg.e-dialog .e-dlg-header-content {
@@ -1999,7 +2000,7 @@
   text-align: left;
 }
 .e-spreadsheet .e-protectworkbook-dlg.e-dialog {
-  left: 0 !important;
+  left: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-spreadsheet .e-protectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
@@ -2019,7 +2020,7 @@
   margin-bottom: 4px;
 }
 .e-spreadsheet .e-unprotectworkbook-dlg.e-dialog {
-  left: 0 !important;
+  left: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-spreadsheet .e-unprotectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
@@ -2038,7 +2039,7 @@
   margin-top: 10px;
 }
 .e-spreadsheet .e-importprotectworkbook-dlg.e-dialog {
-  left: 0 !important;
+  left: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-spreadsheet .e-importprotectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
@@ -2070,7 +2071,7 @@
   height: 18px;
   margin-right: -1px;
   padding: 0;
-  position: absolute;
+  position: relative;
   right: 0;
   width: 20px;
   z-index: 2;
@@ -2082,7 +2083,7 @@
 }
 .e-colorpicker-wrapper.e-border-colorpicker .e-container {
   box-shadow: none;
-  width: 270px !important;
+  width: 270px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-colorpicker-wrapper.e-border-colorpicker .e-container .e-selected-value {
   display: -ms-flexbox;
@@ -2151,36 +2152,33 @@
   font-family: "Calibri";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(7) {
-  font-family: "Comic Sans MS";
-}
-.e-dropdown-popup.e-font-family ul .e-item:nth-child(8) {
   font-family: "Courier";
 }
-.e-dropdown-popup.e-font-family ul .e-item:nth-child(9) {
+.e-dropdown-popup.e-font-family ul .e-item:nth-child(8) {
   font-family: "Courier New";
 }
-.e-dropdown-popup.e-font-family ul .e-item:nth-child(10) {
+.e-dropdown-popup.e-font-family ul .e-item:nth-child(9) {
   font-family: "Din Condensed";
 }
-.e-dropdown-popup.e-font-family ul .e-item:nth-child(11) {
+.e-dropdown-popup.e-font-family ul .e-item:nth-child(10) {
   font-family: "Georgia";
 }
-.e-dropdown-popup.e-font-family ul .e-item:nth-child(12) {
+.e-dropdown-popup.e-font-family ul .e-item:nth-child(11) {
   font-family: "Helvetica";
 }
-.e-dropdown-popup.e-font-family ul .e-item:nth-child(13) {
+.e-dropdown-popup.e-font-family ul .e-item:nth-child(12) {
   font-family: "Helvetica New";
 }
-.e-dropdown-popup.e-font-family ul .e-item:nth-child(14) {
+.e-dropdown-popup.e-font-family ul .e-item:nth-child(13) {
   font-family: "Roboto";
 }
-.e-dropdown-popup.e-font-family ul .e-item:nth-child(15) {
+.e-dropdown-popup.e-font-family ul .e-item:nth-child(14) {
   font-family: "Tahoma";
 }
-.e-dropdown-popup.e-font-family ul .e-item:nth-child(16) {
+.e-dropdown-popup.e-font-family ul .e-item:nth-child(15) {
   font-family: "Times New Roman";
 }
-.e-dropdown-popup.e-font-family ul .e-item:nth-child(17) {
+.e-dropdown-popup.e-font-family ul .e-item:nth-child(16) {
   font-family: "Verdana";
 }
 .e-dropdown-popup.e-aggregate-list {
@@ -2463,7 +2461,7 @@
 }
 .e-spreadsheet-function-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 16px;
-  font-weight: 400;
+  font-weight: normal;
 }
 .e-spreadsheet-function-dlg.e-dialog .e-dlg-content {
   overflow: hidden;
@@ -2715,8 +2713,8 @@
 }
 .e-bigger .e-spreadsheet .e-customsort-dlg.e-dialog,
 .e-bigger.e-spreadsheet .e-customsort-dlg.e-dialog {
-  width: 590px !important;
-  width: 630px !important;
+  width: 590px !important; /* stylelint-disable-line declaration-no-important */
+  width: 630px !important; /* stylelint-disable-line declaration-no-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 {
@@ -2780,7 +2778,10 @@
 .e-bigger.e-spreadsheet .e-checkboxtree.e-rtl ul {
   padding-right: 0;
 }
-
+.e-bigger .e-spreadsheet .e-validation-list,
+.e-bigger.e-spreadsheet .e-validation-list {
+  width: 26px;
+}
 .e-bigger.e-dropdown-popup.e-font-size-ddb ul,
 .e-bigger .e-dropdown-popup.e-font-size-ddb ul {
   min-width: 70px;