@syncfusion/ej2-react-spreadsheet 20.2.50 → 20.3.47

package/styles/spreadsheet/tailwind.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: #4f46e5;
   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: #4f46e5;
   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;

package/styles/tailwind-dark.css

@@ -24,6 +24,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;
@@ -691,8 +692,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;
@@ -705,7 +706,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;
@@ -724,7 +725,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;
@@ -894,7 +895,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;
@@ -1129,8 +1130,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%);
 }
@@ -1145,8 +1146,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%);
 }
@@ -1267,14 +1268,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,
@@ -1395,7 +1396,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;
@@ -1512,7 +1513,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;
 }
@@ -1541,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;
+  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 {
@@ -1728,7 +1729,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;
@@ -1891,7 +1892,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 {
@@ -2000,7 +2001,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;
@@ -2020,7 +2021,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;
@@ -2039,7 +2040,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;
@@ -2071,7 +2072,7 @@
   height: 18px;
   margin-right: -1px;
   padding: 0;
-  position: absolute;
+  position: relative;
   right: 0;
   width: 20px;
   z-index: 2;
@@ -2083,7 +2084,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;
@@ -2152,36 +2153,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 {
@@ -2464,7 +2462,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;
@@ -2716,8 +2714,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 {
@@ -2781,7 +2779,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;
@@ -4194,7 +4195,7 @@
   min-height: 35px;
 }
 .e-ribbon .e-tab .e-tab-header .e-hscroll {
-  display: inline-block !important;
+  display: inline-block !important; /* stylelint-disable-line declaration-no-important */
   width: calc(100% - 28px);
 }
 .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item:nth-child(2) .e-tab-wrap {