@syncfusion/ej2 20.2.43 → 20.2.44

package/tailwind.css

@@ -1402,6 +1402,18 @@
       touch-action: pinch-zoom;
 }
 
+.e-license {
+  color: rgb(255, 255, 0);
+  text-decoration: none;
+}
+
+.e-license-banner {
+  cursor: pointer;
+  position: absolute;
+  right: 10px;
+  top: 27%;
+}
+
 /*! animation keyframes */
 @keyframes SlideLeftOut {
   from {
@@ -20886,7 +20898,7 @@ body.e-colorpicker-overflow {
 .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover,
 .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):hover,
 .e-bigger.e-small .e-upload .e-upload-files .e-clear-icon-focus {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   border-radius: 50%;
   box-shadow: 0 0 0 transparent;
@@ -21187,7 +21199,7 @@ body.e-colorpicker-overflow {
   color: #374151;
 }
 .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   box-shadow: 0 0 0 transparent;
 }
@@ -30192,6 +30204,7 @@ ejs-sidebar {
   -ms-flex-direction: row;
       flex-direction: row;
   margin-top: -2em;
+  margin-top: -1.45em;
   outline: 0;
   padding: 0;
   position: absolute;
@@ -30372,6 +30385,7 @@ ejs-sidebar {
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
   margin-top: -1.62em;
   height: 36px;
+  margin-top: -2em;
   width: 40px;
 }
 
@@ -42699,13 +42713,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-frozenheader.e-frozen-right-header > .e-table, .e-grid.e-rtl .e-frozencontent.e-frozen-right-content > .e-table {
   border-right-color: #e5e7eb;
 }
-.e-grid.e-gridhover tr[role=row]:not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
+.e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:not(.e-disable-gridhover):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background-color: #f3f4f6;
   color: #111827;
 }
-.e-grid.e-disable-gridhover tr[role=row]:not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-disable-gridhover tr[role=row]:not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-disable-gridhover tr[role=row]:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-disable-gridhover tr[role=row]:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-disable-gridhover tr[role=row]:not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-  background-color: transparent;
-}
 .e-grid tr[role=row]:hover .e-rowdragdrop {
   cursor: move;
 }
@@ -49363,14 +49374,13 @@ span.e-table-box.e-rbox-select {
 }
 .e-gantt .e-gantt-chart .e-timeline-header-container {
   border-bottom-style: solid;
-  border-right-width: 0;
+  border-right: 1px solid;
   overflow: hidden;
   position: relative;
   z-index: 6;
 }
 .e-gantt .e-gantt-chart .e-timeline-header-table-container > thead > tr > th {
   border-left: 0;
-  padding: 0 3px;
 }
 .e-gantt .e-gantt-chart .e-timeline-header-table-container {
   border-collapse: collapse;
@@ -49422,7 +49432,7 @@ span.e-table-box.e-rbox-select {
 }
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text,
 .e-gantt .e-gantt-chart .e-timeline-single-header-cell .e-gantt-top-cell-text {
-  padding-left: 8px;
+  padding-left: 11px;
   text-align: left;
 }
 .e-gantt .e-gantt-chart .e-gantt-grid-lines {
@@ -49529,7 +49539,7 @@ span.e-table-box.e-rbox-select {
 .e-gantt .e-gantt-chart .e-indicator-span {
   display: inline-block;
   font-size: 13px;
-  font-weight: 400;
+  font-weight: normal;
   overflow: hidden;
   position: absolute;
   text-overflow: ellipsis;
@@ -49922,6 +49932,7 @@ span.e-table-box.e-rbox-select {
 .e-gantt-dialog .e-richtexteditor .e-rte-content {
   border-bottom-width: 0px;
   height: 210px;
+  overflow: hidden;
 }
 .e-gantt-dialog > .e-dlg-content {
   padding: 0 !important;
@@ -67523,10 +67534,10 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .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;
 }
@@ -68752,32 +68763,32 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   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: #dc2626;
   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: #dc2626;
   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 {
@@ -69521,12 +69532,12 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   height: 50px;
   width: 419px;
 }
-.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/uploader/bootstrap5-dark.css

@@ -501,7 +501,7 @@
 .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover,
 .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):hover,
 .e-bigger.e-small .e-upload .e-upload-files .e-clear-icon-focus {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   border-radius: 50%;
   box-shadow: 0 0 0 transparent;
@@ -799,7 +799,7 @@
   color: #dee2e6;
 }
 .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   box-shadow: 0 0 0 transparent;
 }

package/uploader/bootstrap5.css

@@ -501,7 +501,7 @@
 .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover,
 .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):hover,
 .e-bigger.e-small .e-upload .e-upload-files .e-clear-icon-focus {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   border-radius: 50%;
   box-shadow: 0 0 0 transparent;
@@ -799,7 +799,7 @@
   color: #343a40;
 }
 .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   box-shadow: 0 0 0 transparent;
 }

package/uploader/compatibility/bootstrap5-dark.css

@@ -501,7 +501,7 @@
 .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover,
 .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):hover,
 .e-bigger.e-small .e-upload .e-upload-files .e-clear-icon-focus {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   border-radius: 50%;
   box-shadow: 0 0 0 transparent;
@@ -799,7 +799,7 @@
   color: #dee2e6;
 }
 .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   box-shadow: 0 0 0 transparent;
 }

package/uploader/compatibility/bootstrap5.css

@@ -501,7 +501,7 @@
 .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover,
 .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):hover,
 .e-bigger.e-small .e-upload .e-upload-files .e-clear-icon-focus {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   border-radius: 50%;
   box-shadow: 0 0 0 transparent;
@@ -799,7 +799,7 @@
   color: #343a40;
 }
 .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   box-shadow: 0 0 0 transparent;
 }

package/uploader/compatibility/fluent-dark.css

@@ -510,7 +510,7 @@
 .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover,
 .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):hover,
 .e-bigger.e-small .e-upload .e-upload-files .e-clear-icon-focus {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   border-radius: 50%;
   box-shadow: 0 0 0 transparent;
@@ -841,7 +841,7 @@
   color: #f3f2f1;
 }
 .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   box-shadow: 0 0 0 transparent;
 }

package/uploader/compatibility/fluent.css

@@ -510,7 +510,7 @@
 .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover,
 .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):hover,
 .e-bigger.e-small .e-upload .e-upload-files .e-clear-icon-focus {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   border-radius: 50%;
   box-shadow: 0 0 0 transparent;
@@ -841,7 +841,7 @@
   color: #323130;
 }
 .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   box-shadow: 0 0 0 transparent;
 }

package/uploader/compatibility/tailwind-dark.css

@@ -507,7 +507,7 @@
 .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover,
 .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):hover,
 .e-bigger.e-small .e-upload .e-upload-files .e-clear-icon-focus {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   border-radius: 50%;
   box-shadow: 0 0 0 transparent;
@@ -808,7 +808,7 @@
   color: #f3f4f6;
 }
 .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   box-shadow: 0 0 0 transparent;
 }

package/uploader/compatibility/tailwind.css

@@ -507,7 +507,7 @@
 .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover,
 .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):hover,
 .e-bigger.e-small .e-upload .e-upload-files .e-clear-icon-focus {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   border-radius: 50%;
   box-shadow: 0 0 0 transparent;
@@ -808,7 +808,7 @@
   color: #374151;
 }
 .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   box-shadow: 0 0 0 transparent;
 }

package/uploader/fluent-dark.css

@@ -510,7 +510,7 @@
 .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover,
 .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):hover,
 .e-bigger.e-small .e-upload .e-upload-files .e-clear-icon-focus {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   border-radius: 50%;
   box-shadow: 0 0 0 transparent;
@@ -841,7 +841,7 @@
   color: #f3f2f1;
 }
 .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   box-shadow: 0 0 0 transparent;
 }

package/uploader/fluent.css

@@ -510,7 +510,7 @@
 .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover,
 .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):hover,
 .e-bigger.e-small .e-upload .e-upload-files .e-clear-icon-focus {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   border-radius: 50%;
   box-shadow: 0 0 0 transparent;
@@ -841,7 +841,7 @@
   color: #323130;
 }
 .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   box-shadow: 0 0 0 transparent;
 }

package/uploader/tailwind-dark.css

@@ -507,7 +507,7 @@
 .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover,
 .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):hover,
 .e-bigger.e-small .e-upload .e-upload-files .e-clear-icon-focus {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   border-radius: 50%;
   box-shadow: 0 0 0 transparent;
@@ -808,7 +808,7 @@
   color: #f3f4f6;
 }
 .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   box-shadow: 0 0 0 transparent;
 }

package/uploader/tailwind.css

@@ -507,7 +507,7 @@
 .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover,
 .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):hover,
 .e-bigger.e-small .e-upload .e-upload-files .e-clear-icon-focus {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   border-radius: 50%;
   box-shadow: 0 0 0 transparent;
@@ -808,7 +808,7 @@
   color: #374151;
 }
 .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   box-shadow: 0 0 0 transparent;
 }