@syncfusion/ej2-vue-inputs 20.2.43 → 20.2.44

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-inputs@*",
-  "_id": "@syncfusion/ej2-vue-inputs@20.2.38",
+  "_id": "@syncfusion/ej2-vue-inputs@20.2.43",
   "_inBundle": false,
-  "_integrity": "sha512-vPNyhYwZa4KLFtAtIsBkrR/4pLaJw1Ur3Q1/NFJ2XkshVdnVWSmhqQ4joUhdZGKO6KEKb6kk4eEhFtfK0E9xMA==",
+  "_integrity": "sha512-Zaxb5giIl57pwnYiaUPakEmUMtL7JUhmHIHdRhNg22Yaek3xNNqE7OUd3kTFp4azgajoJLeKW/T2SIqsypS5GA==",
   "_location": "/@syncfusion/ej2-vue-inputs",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-inputs/-/ej2-vue-inputs-20.2.38.tgz",
-  "_shasum": "27d45c09e3008ab9922e580f3c1217c769e6008a",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-inputs/-/ej2-vue-inputs-20.2.43.tgz",
+  "_shasum": "60545aefa063b1ed2218011e785cc3802ccc10ef",
   "_spec": "@syncfusion/ej2-vue-inputs@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -32,8 +32,8 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~20.2.43",
-    "@syncfusion/ej2-inputs": "20.2.43",
-    "@syncfusion/ej2-vue-base": "~20.2.43"
+    "@syncfusion/ej2-inputs": "20.2.44",
+    "@syncfusion/ej2-vue-base": "~20.2.44"
   },
   "deprecated": false,
   "description": "A package of Essential JS 2 input components such as Textbox, Color-picker, Masked-textbox, Numeric-textbox, Slider, Upload, and Form-validator that is used to get input from the users. for Vue",
@@ -120,6 +120,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-vue-ui-components.git"
   },
-  "version": "20.2.43",
+  "version": "20.2.44",
   "sideEffects": false
 }

package/styles/bootstrap5-dark.css

@@ -5941,7 +5941,7 @@ input.e-input::-webkit-input-placeholder {
 .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;
@@ -6239,7 +6239,7 @@ input.e-input::-webkit-input-placeholder {
   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/styles/bootstrap5.css

@@ -5941,7 +5941,7 @@ input.e-input::-webkit-input-placeholder {
 .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;
@@ -6239,7 +6239,7 @@ input.e-input::-webkit-input-placeholder {
   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/styles/fluent-dark.css

@@ -5729,7 +5729,7 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
 .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;
@@ -6060,7 +6060,7 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   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/styles/fluent.css

@@ -5729,7 +5729,7 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
 .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;
@@ -6060,7 +6060,7 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   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/styles/input/material-dark.css

@@ -4091,6 +4091,33 @@ textarea.e-outline.e-input,
   width: calc(100% - 1px);
 }
 
+.e-outline.e-float-input.e-control-wrapper.e-numeric label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow {
+  width: calc(100% - 80px);
+}
+
+.e-outline.e-float-input.e-control-wrapper.e-numeric label.e-float-text.e-label-top span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper.e-static-clear label.e-float-text.e-label-top span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper.e-numeric.e-static-clear label.e-float-text.e-label-top span.e-float-text-content.e-float-text-overflow {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
+}
+
+.e-outline.e-float-input.e-control-wrapper.e-static-clear label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-icon {
+  width: calc(100% - 45px);
+}
+
+.e-outline.e-float-input.e-control-wrapper.e-static-clear label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-icon {
+  width: calc(100% - 75px);
+}
+
+.e-outline.e-float-input.e-control-wrapper.e-numeric.e-static-clear label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow {
+  width: calc(100% - 110px);
+}
+
 .e-outline.e-float-input.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::before,
 .e-outline.e-float-input.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::after,
 .e-outline.e-float-input.e-input-group.e-float-icon-left.e-input-focus .e-input-in-wrap .e-float-line::before,

package/styles/input/material.css

@@ -4099,6 +4099,33 @@ textarea.e-outline.e-input,
   width: calc(100% - 1px);
 }
 
+.e-outline.e-float-input.e-control-wrapper.e-numeric label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow {
+  width: calc(100% - 80px);
+}
+
+.e-outline.e-float-input.e-control-wrapper.e-numeric label.e-float-text.e-label-top span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper.e-static-clear label.e-float-text.e-label-top span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper.e-numeric.e-static-clear label.e-float-text.e-label-top span.e-float-text-content.e-float-text-overflow {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
+}
+
+.e-outline.e-float-input.e-control-wrapper.e-static-clear label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-icon {
+  width: calc(100% - 45px);
+}
+
+.e-outline.e-float-input.e-control-wrapper.e-static-clear label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-icon {
+  width: calc(100% - 75px);
+}
+
+.e-outline.e-float-input.e-control-wrapper.e-numeric.e-static-clear label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow {
+  width: calc(100% - 110px);
+}
+
 .e-outline.e-float-input.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::before,
 .e-outline.e-float-input.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::after,
 .e-outline.e-float-input.e-input-group.e-float-icon-left.e-input-focus .e-input-in-wrap .e-float-line::before,

package/styles/material-dark.css

@@ -4101,6 +4101,33 @@ textarea.e-outline.e-input,
   width: calc(100% - 1px);
 }
 
+.e-outline.e-float-input.e-control-wrapper.e-numeric label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow {
+  width: calc(100% - 80px);
+}
+
+.e-outline.e-float-input.e-control-wrapper.e-numeric label.e-float-text.e-label-top span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper.e-static-clear label.e-float-text.e-label-top span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper.e-numeric.e-static-clear label.e-float-text.e-label-top span.e-float-text-content.e-float-text-overflow {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
+}
+
+.e-outline.e-float-input.e-control-wrapper.e-static-clear label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-icon {
+  width: calc(100% - 45px);
+}
+
+.e-outline.e-float-input.e-control-wrapper.e-static-clear label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-icon {
+  width: calc(100% - 75px);
+}
+
+.e-outline.e-float-input.e-control-wrapper.e-numeric.e-static-clear label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow {
+  width: calc(100% - 110px);
+}
+
 .e-outline.e-float-input.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::before,
 .e-outline.e-float-input.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::after,
 .e-outline.e-float-input.e-input-group.e-float-icon-left.e-input-focus .e-input-in-wrap .e-float-line::before,

package/styles/material.css

@@ -4109,6 +4109,33 @@ textarea.e-outline.e-input,
   width: calc(100% - 1px);
 }
 
+.e-outline.e-float-input.e-control-wrapper.e-numeric label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow {
+  width: calc(100% - 80px);
+}
+
+.e-outline.e-float-input.e-control-wrapper.e-numeric label.e-float-text.e-label-top span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper.e-static-clear label.e-float-text.e-label-top span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper.e-numeric.e-static-clear label.e-float-text.e-label-top span.e-float-text-content.e-float-text-overflow {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
+}
+
+.e-outline.e-float-input.e-control-wrapper.e-static-clear label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-icon {
+  width: calc(100% - 45px);
+}
+
+.e-outline.e-float-input.e-control-wrapper.e-static-clear label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-icon {
+  width: calc(100% - 75px);
+}
+
+.e-outline.e-float-input.e-control-wrapper.e-numeric.e-static-clear label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow {
+  width: calc(100% - 110px);
+}
+
 .e-outline.e-float-input.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::before,
 .e-outline.e-float-input.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::after,
 .e-outline.e-float-input.e-input-group.e-float-icon-left.e-input-focus .e-input-in-wrap .e-float-line::before,

package/styles/tailwind-dark.css

@@ -5797,7 +5797,7 @@ input.e-input::-webkit-input-placeholder {
 .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;
@@ -6098,7 +6098,7 @@ input.e-input::-webkit-input-placeholder {
   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/styles/tailwind.css

@@ -5797,7 +5797,7 @@ input.e-input::-webkit-input-placeholder {
 .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;
@@ -6098,7 +6098,7 @@ input.e-input::-webkit-input-placeholder {
   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/styles/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/styles/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/styles/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/styles/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/styles/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/styles/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;
 }