@syncfusion/ej2-inputs 30.1.40 → 30.2.6

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 30.1.40
+*  version : 30.2.6
 *  Copyright Syncfusion Inc. 2001 - 2024. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-inputs",
-  "version": "30.1.40",
+  "version": "30.2.6",
   "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.",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,10 +8,10 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-inputs.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~30.1.38",
-    "@syncfusion/ej2-buttons": "~30.1.37",
-    "@syncfusion/ej2-popups": "~30.1.40",
-    "@syncfusion/ej2-splitbuttons": "~30.1.39"
+    "@syncfusion/ej2-base": "~30.2.4",
+    "@syncfusion/ej2-buttons": "~30.2.4",
+    "@syncfusion/ej2-popups": "~30.2.4",
+    "@syncfusion/ej2-splitbuttons": "~30.2.4"
   },
   "devDependencies": {},
   "keywords": [

package/src/maskedtextbox/base/mask-base.js

@@ -475,7 +475,7 @@ function maskInputHandler(event) {
             this.element.value = this.element.value + this.promptMask;
             this.element.setSelectionRange(1, 1);
         }
-        if (!this._callPasteHandler) {
+        if ((!this._callPasteHandler && !Browser.isDevice) || this._callPasteHandler) {
             removeMaskInputValues.call(this, event);
         }
         if (this.element.value.length > this.promptMask.length) {

package/src/rating/rating.js

@@ -313,9 +313,6 @@ var Rating = /** @class */ (function (_super) {
     };
     Rating.prototype.updateItemValue = function (isUpdate) {
         if (isUpdate === void 0) { isUpdate = true; }
-        if (isUpdate && this.isReact) {
-            this.clearTemplate(['ratingEmptyTemplate', 'ratingFullTemplate']);
-        }
         for (var i = 0; i < this.itemsCount; i++) {
             var itemElement = this.itemElements[parseInt(i.toString(), 10)];
             itemElement.classList.remove(SELECTED, INTERMEDIATE, SELECTEDVALUE);
@@ -348,7 +345,7 @@ var Rating = /** @class */ (function (_super) {
         }
         var spanEle = this.itemElements[parseInt(index.toString(), 10)].querySelector('.e-rating-item');
         if (this.fullTemplate && ratingValue === 1) {
-            if (!this.isReact && spanEle.classList.contains(FULLTEMPLATE)) {
+            if (spanEle.classList.contains(FULLTEMPLATE)) {
                 return;
             }
             this.removeItemContent(spanEle);
@@ -356,7 +353,7 @@ var Rating = /** @class */ (function (_super) {
             append(this.fullTemplateFunction({ ratingValue: ratingValue, index: index }, this, 'ratingFullTemplate', (this.element.id + 'fullTemplate' + index), this.isStringTemplate), spanEle);
         }
         else if (this.emptyTemplate) {
-            if (!this.isReact && spanEle.classList.contains(EMPTYTEMPLATE)) {
+            if (spanEle.classList.contains(EMPTYTEMPLATE)) {
                 return;
             }
             this.removeItemContent(spanEle);
@@ -639,9 +636,6 @@ var Rating = /** @class */ (function (_super) {
         }
     };
     Rating.prototype.updateContent = function () {
-        if (this.isReact) {
-            this.clearTemplate(['ratingEmptyTemplate', 'ratingFullTemplate']);
-        }
         for (var i = 0; i < this.itemsCount; i++) {
             var itemElement = this.itemElements[parseInt(i.toString(), 10)].firstElementChild;
             this.renderItemContent(itemElement, this.getRatingValue(this.value, i), i, true);

package/styles/bootstrap5-dark-lite.css

@@ -2099,7 +2099,7 @@ textarea.e-input,
 .e-float-input.e-control-wrapper input[readonly],
 .e-float-input textarea[readonly],
 .e-float-input.e-control-wrapper textarea[readonly] {
-  background: #343a40;
+  background: #212529;
   color: #e9ecef;
 }
 
@@ -2108,7 +2108,7 @@ textarea.e-input,
 .e-float-input input[readonly] ~ span.e-input-group-icon,
 .e-float-input.e-control-wrapper input[readonly] ~ span.e-input-group-icon,
 .e-float-input.e-control-wrapper input[readonly] ~ span.e-clear-icon {
-  background: #343a40;
+  background: #212529;
   color: #adb5bd;
 }
 

package/styles/bootstrap5-dark.css

@@ -2099,7 +2099,7 @@ textarea.e-input,
 .e-float-input.e-control-wrapper input[readonly],
 .e-float-input textarea[readonly],
 .e-float-input.e-control-wrapper textarea[readonly] {
-  background: #343a40;
+  background: #212529;
   color: #e9ecef;
 }
 
@@ -2108,7 +2108,7 @@ textarea.e-input,
 .e-float-input input[readonly] ~ span.e-input-group-icon,
 .e-float-input.e-control-wrapper input[readonly] ~ span.e-input-group-icon,
 .e-float-input.e-control-wrapper input[readonly] ~ span.e-clear-icon {
-  background: #343a40;
+  background: #212529;
   color: #adb5bd;
 }
 

package/styles/bootstrap5-lite.css

@@ -2099,7 +2099,7 @@ textarea.e-input,
 .e-float-input.e-control-wrapper input[readonly],
 .e-float-input textarea[readonly],
 .e-float-input.e-control-wrapper textarea[readonly] {
-  background: #e9ecef;
+  background: #fff;
   color: #343a40;
 }
 
@@ -2108,7 +2108,7 @@ textarea.e-input,
 .e-float-input input[readonly] ~ span.e-input-group-icon,
 .e-float-input.e-control-wrapper input[readonly] ~ span.e-input-group-icon,
 .e-float-input.e-control-wrapper input[readonly] ~ span.e-clear-icon {
-  background: #e9ecef;
+  background: #fff;
   color: #6c757d;
 }
 

package/styles/bootstrap5.3-lite.css

@@ -3375,7 +3375,7 @@ input.e-input::-webkit-input-placeholder {
   color: var(--color-sf-danger);
 }
 .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
-  color: var(--color-sf-content-text-color-alt3);
+  color: var(--color-sf-content-text-color-alt1);
   display: block;
   font-size: 12px;
   line-height: 1.5;
@@ -3696,7 +3696,7 @@ input.e-input::-webkit-input-placeholder {
   color: var(--color-sf-danger);
 }
 .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
-  color: var(--color-sf-content-text-color-alt3);
+  color: var(--color-sf-content-text-color-alt1);
   display: block;
   font-size: 12px;
   line-height: 1.5;
@@ -3742,7 +3742,7 @@ input.e-input::-webkit-input-placeholder {
   color: var(--color-sf-content-text-color);
 }
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
-  color: var(--color-sf-content-text-color-alt3);
+  color: var(--color-sf-content-text-color-alt1);
 }
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status,
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {

package/styles/bootstrap5.3.css

@@ -5457,7 +5457,7 @@ textarea.e-input.e-bigger.e-small,
   color: var(--color-sf-danger);
 }
 .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
-  color: var(--color-sf-content-text-color-alt3);
+  color: var(--color-sf-content-text-color-alt1);
   display: block;
   font-size: 12px;
   line-height: 1.5;
@@ -5778,7 +5778,7 @@ textarea.e-input.e-bigger.e-small,
   color: var(--color-sf-danger);
 }
 .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
-  color: var(--color-sf-content-text-color-alt3);
+  color: var(--color-sf-content-text-color-alt1);
   display: block;
   font-size: 12px;
   line-height: 1.5;
@@ -5824,7 +5824,7 @@ textarea.e-input.e-bigger.e-small,
   color: var(--color-sf-content-text-color);
 }
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
-  color: var(--color-sf-content-text-color-alt3);
+  color: var(--color-sf-content-text-color-alt1);
 }
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status,
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
@@ -6017,7 +6017,7 @@ textarea.e-input.e-bigger.e-small,
   color: var(--color-sf-danger);
 }
 .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
-  color: var(--color-sf-content-text-color-alt3);
+  color: var(--color-sf-content-text-color-alt1);
   display: block;
   font-size: 12px;
   line-height: 1.5;
@@ -6094,7 +6094,7 @@ textarea.e-input.e-bigger.e-small,
   color: var(--color-sf-danger);
 }
 .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
-  color: var(--color-sf-content-text-color-alt3);
+  color: var(--color-sf-content-text-color-alt1);
   display: block;
   font-size: 12px;
   line-height: 1.5;

package/styles/bootstrap5.css

@@ -2099,7 +2099,7 @@ textarea.e-input,
 .e-float-input.e-control-wrapper input[readonly],
 .e-float-input textarea[readonly],
 .e-float-input.e-control-wrapper textarea[readonly] {
-  background: #e9ecef;
+  background: #fff;
   color: #343a40;
 }
 
@@ -2108,7 +2108,7 @@ textarea.e-input,
 .e-float-input input[readonly] ~ span.e-input-group-icon,
 .e-float-input.e-control-wrapper input[readonly] ~ span.e-input-group-icon,
 .e-float-input.e-control-wrapper input[readonly] ~ span.e-clear-icon {
-  background: #e9ecef;
+  background: #fff;
   color: #6c757d;
 }
 

package/styles/input/_bootstrap5-definition.scss

@@ -237,7 +237,7 @@ $float-label-disbale-font-color: $content-text-color-alt3 !default;
 $input-placeholder-color: $placeholder-text-color !default;
 $input-group-disabled-color: $icon-color-disabled !default;
 $input-group-hovered-color: $icon-color-hover !default;
-$input-readonly-bg-color: $content-bg-color-alt2 !default;
+$input-readonly-bg-color: $content-bg-color !default;
 $input-readonly-color: $content-text-color-alt1 !default;
 $input-icon-shadow: inset  0 3px 5px rgba(0, 0, 0, .125) !default;
 $input-border-shadow: 0 0 0 3px rgba($primary-light, .25) !default;

package/styles/input/bootstrap5-dark.css

@@ -2089,7 +2089,7 @@ textarea.e-input,
 .e-float-input.e-control-wrapper input[readonly],
 .e-float-input textarea[readonly],
 .e-float-input.e-control-wrapper textarea[readonly] {
-  background: #343a40;
+  background: #212529;
   color: #e9ecef;
 }
 
@@ -2098,7 +2098,7 @@ textarea.e-input,
 .e-float-input input[readonly] ~ span.e-input-group-icon,
 .e-float-input.e-control-wrapper input[readonly] ~ span.e-input-group-icon,
 .e-float-input.e-control-wrapper input[readonly] ~ span.e-clear-icon {
-  background: #343a40;
+  background: #212529;
   color: #adb5bd;
 }
 

package/styles/input/bootstrap5.css

@@ -2089,7 +2089,7 @@ textarea.e-input,
 .e-float-input.e-control-wrapper input[readonly],
 .e-float-input textarea[readonly],
 .e-float-input.e-control-wrapper textarea[readonly] {
-  background: #e9ecef;
+  background: #fff;
   color: #343a40;
 }
 
@@ -2098,7 +2098,7 @@ textarea.e-input,
 .e-float-input input[readonly] ~ span.e-input-group-icon,
 .e-float-input.e-control-wrapper input[readonly] ~ span.e-input-group-icon,
 .e-float-input.e-control-wrapper input[readonly] ~ span.e-clear-icon {
-  background: #e9ecef;
+  background: #fff;
   color: #6c757d;
 }
 

package/styles/tailwind-dark-lite.css

@@ -3287,7 +3287,7 @@ input.e-input::-webkit-input-placeholder {
   color: #f87171;
 }
 .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
-  color: rgb(79.1344680851, 84.3114893617, 94.6655319149);
+  color: #9ca3af;
   display: block;
   font-size: 14px;
   line-height: 1.5;
@@ -3611,7 +3611,7 @@ input.e-input::-webkit-input-placeholder {
   color: #f87171;
 }
 .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
-  color: rgb(79.1344680851, 84.3114893617, 94.6655319149);
+  color: #9ca3af;
   display: block;
   font-size: 14px;
   line-height: 1.5;
@@ -3658,7 +3658,7 @@ input.e-input::-webkit-input-placeholder {
   color: #fff;
 }
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
-  color: rgb(79.1344680851, 84.3114893617, 94.6655319149);
+  color: #9ca3af;
 }
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status,
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {

package/styles/tailwind-dark.css

@@ -5279,7 +5279,7 @@ textarea.e-input.e-bigger.e-small,
   color: #f87171;
 }
 .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
-  color: rgb(79.1344680851, 84.3114893617, 94.6655319149);
+  color: #9ca3af;
   display: block;
   font-size: 14px;
   line-height: 1.5;
@@ -5603,7 +5603,7 @@ textarea.e-input.e-bigger.e-small,
   color: #f87171;
 }
 .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
-  color: rgb(79.1344680851, 84.3114893617, 94.6655319149);
+  color: #9ca3af;
   display: block;
   font-size: 14px;
   line-height: 1.5;
@@ -5650,7 +5650,7 @@ textarea.e-input.e-bigger.e-small,
   color: #fff;
 }
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
-  color: rgb(79.1344680851, 84.3114893617, 94.6655319149);
+  color: #9ca3af;
 }
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status,
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
@@ -5868,7 +5868,7 @@ textarea.e-input.e-bigger.e-small,
   color: #f87171;
 }
 .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
-  color: rgb(79.1344680851, 84.3114893617, 94.6655319149);
+  color: #9ca3af;
   display: block;
   font-size: 16px;
   line-height: 1.5;
@@ -5945,7 +5945,7 @@ textarea.e-input.e-bigger.e-small,
   color: #f87171;
 }
 .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
-  color: rgb(79.1344680851, 84.3114893617, 94.6655319149);
+  color: #9ca3af;
   display: block;
   font-size: 14px;
   line-height: 1.5;

package/styles/tailwind-lite.css

@@ -3287,7 +3287,7 @@ input.e-input::-webkit-input-placeholder {
   color: #dc2626;
 }
 .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
-  color: #9ca3af;
+  color: #6b7280;
   display: block;
   font-size: 14px;
   line-height: 1.5;
@@ -3611,7 +3611,7 @@ input.e-input::-webkit-input-placeholder {
   color: #dc2626;
 }
 .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
-  color: #9ca3af;
+  color: #6b7280;
   display: block;
   font-size: 14px;
   line-height: 1.5;
@@ -3658,7 +3658,7 @@ input.e-input::-webkit-input-placeholder {
   color: #111827;
 }
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
-  color: #9ca3af;
+  color: #6b7280;
 }
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status,
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {

package/styles/tailwind.css

@@ -5279,7 +5279,7 @@ textarea.e-input.e-bigger.e-small,
   color: #dc2626;
 }
 .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
-  color: #9ca3af;
+  color: #6b7280;
   display: block;
   font-size: 14px;
   line-height: 1.5;
@@ -5603,7 +5603,7 @@ textarea.e-input.e-bigger.e-small,
   color: #dc2626;
 }
 .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
-  color: #9ca3af;
+  color: #6b7280;
   display: block;
   font-size: 14px;
   line-height: 1.5;
@@ -5650,7 +5650,7 @@ textarea.e-input.e-bigger.e-small,
   color: #111827;
 }
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
-  color: #9ca3af;
+  color: #6b7280;
 }
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status,
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
@@ -5868,7 +5868,7 @@ textarea.e-input.e-bigger.e-small,
   color: #dc2626;
 }
 .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
-  color: #9ca3af;
+  color: #6b7280;
   display: block;
   font-size: 16px;
   line-height: 1.5;
@@ -5945,7 +5945,7 @@ textarea.e-input.e-bigger.e-small,
   color: #dc2626;
 }
 .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
-  color: #9ca3af;
+  color: #6b7280;
   display: block;
   font-size: 14px;
   line-height: 1.5;

package/styles/uploader/_bootstrap5.3-definition.scss

@@ -198,7 +198,7 @@ $remove-icon-disabled-color:  $zero-value !default;
 $drop-text-color: $content-text-color !default;
 $file-drop-text-color: $content-text-color-alt2 !default;
 $progress-text-color: $content-text-color-alt3 !default;
-$file-size-color: $content-text-color-alt3 !default;
+$file-size-color: $content-text-color-alt1 !default;
 $upload-success-color: $success !default;
 $upload-failure-color: $danger !default;
 $upload-in-progress-color: $primary !default;

package/styles/uploader/_tailwind-definition.scss

@@ -202,7 +202,7 @@ $drop-text-color: $content-text-color !default;
 $file-drop-text-color: $content-text-color-alt2 !default;
 $file-status-color: $content-text-color-alt2 !default;
 $progress-text-color: $content-text-color-alt3 !default;
-$file-size-color: $content-text-color-alt3 !default;
+$file-size-color: $content-text-color-alt2 !default;
 $upload-success-color: $success !default;
 $upload-failure-color: $danger !default;
 $upload-in-progress-color: $primary !default;

package/styles/uploader/bootstrap5.3.css

@@ -127,7 +127,7 @@
   color: var(--color-sf-danger);
 }
 .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
-  color: var(--color-sf-content-text-color-alt3);
+  color: var(--color-sf-content-text-color-alt1);
   display: block;
   font-size: 12px;
   line-height: 1.5;
@@ -448,7 +448,7 @@
   color: var(--color-sf-danger);
 }
 .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
-  color: var(--color-sf-content-text-color-alt3);
+  color: var(--color-sf-content-text-color-alt1);
   display: block;
   font-size: 12px;
   line-height: 1.5;
@@ -494,7 +494,7 @@
   color: var(--color-sf-content-text-color);
 }
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
-  color: var(--color-sf-content-text-color-alt3);
+  color: var(--color-sf-content-text-color-alt1);
 }
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status,
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
@@ -687,7 +687,7 @@
   color: var(--color-sf-danger);
 }
 .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
-  color: var(--color-sf-content-text-color-alt3);
+  color: var(--color-sf-content-text-color-alt1);
   display: block;
   font-size: 12px;
   line-height: 1.5;
@@ -764,7 +764,7 @@
   color: var(--color-sf-danger);
 }
 .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
-  color: var(--color-sf-content-text-color-alt3);
+  color: var(--color-sf-content-text-color-alt1);
   display: block;
   font-size: 12px;
   line-height: 1.5;

package/styles/uploader/tailwind-dark.css

@@ -123,7 +123,7 @@
   color: #f87171;
 }
 .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
-  color: rgb(79.1344680851, 84.3114893617, 94.6655319149);
+  color: #9ca3af;
   display: block;
   font-size: 14px;
   line-height: 1.5;
@@ -447,7 +447,7 @@
   color: #f87171;
 }
 .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
-  color: rgb(79.1344680851, 84.3114893617, 94.6655319149);
+  color: #9ca3af;
   display: block;
   font-size: 14px;
   line-height: 1.5;
@@ -494,7 +494,7 @@
   color: #fff;
 }
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
-  color: rgb(79.1344680851, 84.3114893617, 94.6655319149);
+  color: #9ca3af;
 }
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status,
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
@@ -712,7 +712,7 @@
   color: #f87171;
 }
 .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
-  color: rgb(79.1344680851, 84.3114893617, 94.6655319149);
+  color: #9ca3af;
   display: block;
   font-size: 16px;
   line-height: 1.5;
@@ -789,7 +789,7 @@
   color: #f87171;
 }
 .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
-  color: rgb(79.1344680851, 84.3114893617, 94.6655319149);
+  color: #9ca3af;
   display: block;
   font-size: 14px;
   line-height: 1.5;

package/styles/uploader/tailwind.css

@@ -123,7 +123,7 @@
   color: #dc2626;
 }
 .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
-  color: #9ca3af;
+  color: #6b7280;
   display: block;
   font-size: 14px;
   line-height: 1.5;
@@ -447,7 +447,7 @@
   color: #dc2626;
 }
 .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
-  color: #9ca3af;
+  color: #6b7280;
   display: block;
   font-size: 14px;
   line-height: 1.5;
@@ -494,7 +494,7 @@
   color: #111827;
 }
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
-  color: #9ca3af;
+  color: #6b7280;
 }
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status,
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
@@ -712,7 +712,7 @@
   color: #dc2626;
 }
 .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
-  color: #9ca3af;
+  color: #6b7280;
   display: block;
   font-size: 16px;
   line-height: 1.5;
@@ -789,7 +789,7 @@
   color: #dc2626;
 }
 .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
-  color: #9ca3af;
+  color: #6b7280;
   display: block;
   font-size: 14px;
   line-height: 1.5;