@syncfusion/ej2-inputs 32.2.7 → 32.2.8

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 32.2.7
+*  version : 32.2.8
 *  Copyright Syncfusion Inc. 2001 - 2025. 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": "32.2.7",
+  "version": "32.2.8",
   "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",
@@ -10,7 +10,7 @@
   "dependencies": {
     "@syncfusion/ej2-base": "~32.2.6",
     "@syncfusion/ej2-buttons": "~32.2.7",
-    "@syncfusion/ej2-popups": "~32.2.7",
+    "@syncfusion/ej2-popups": "~32.2.8",
     "@syncfusion/ej2-splitbuttons": "~32.2.7"
   },
   "devDependencies": {},

package/src/maskedtextbox/maskedtextbox/maskedtextbox.js

@@ -109,9 +109,8 @@ var MaskedTextBox = /** @class */ (function (_super) {
             this.element.classList.remove('e-control', 'e-maskedtextbox');
             this.element.classList.add('e-mask-container');
             this.element.appendChild(input);
-            setValue('ej2_instances', ejInstance, input);
-            setValue('ej2_instances', null, this.element);
             this.element = input;
+            setValue('ej2_instances', ejInstance, this.element);
         }
         this.updateHTMLAttrToElement();
         this.checkHtmlAttributes(false);
@@ -595,6 +594,7 @@ var MaskedTextBox = /** @class */ (function (_super) {
         }, this.clearButton);
         this.changeEventArgs = null;
         this.inputObj = null;
+        setValue('ej2_instances', null, this.element);
         _super.prototype.destroy.call(this);
     };
     __decorate([

package/src/numerictextbox/numerictextbox.js

@@ -95,9 +95,8 @@ var NumericTextBox = /** @class */ (function (_super) {
             }
             this.element.classList.remove('e-control', 'e-numerictextbox');
             this.element.appendChild(input);
-            setValue('ej2_instances', ejInstance, input);
-            setValue('ej2_instances', null, this.element);
             this.element = input;
+            setValue('ej2_instances', ejInstance, this.element);
         }
         attributes(this.element, { 'role': 'spinbutton', 'tabindex': '0', 'autocomplete': 'off' });
         var localeText = {
@@ -1294,6 +1293,7 @@ var NumericTextBox = /** @class */ (function (_super) {
             floatLabelType: this.floatLabelType,
             properties: this.properties
         }, this.clearButton);
+        setValue('ej2_instances', null, this.element);
         _super.prototype.destroy.call(this);
     };
     /**

package/src/textarea/textarea.js

@@ -219,9 +219,8 @@ var TextArea = /** @class */ (function (_super) {
                 }
             }
             this.element.appendChild(inputElement);
-            setValue('ej2_instances', ejInstance, inputElement);
-            setValue('ej2_instances', null, this.element);
             this.element = inputElement;
+            setValue('ej2_instances', ejInstance, this.element);
         }
         this.updateHTMLAttributesToElement();
         this.checkAttributes(false);
@@ -538,6 +537,7 @@ var TextArea = /** @class */ (function (_super) {
             properties: this.properties
         }, this.clearButton);
         this.formElement = null;
+        setValue('ej2_instances', null, this.element);
         _super.prototype.destroy.call(this);
     };
     TextArea.prototype.focusHandler = function (args) {

package/src/textbox/textbox.js

@@ -195,9 +195,8 @@ var TextBox = /** @class */ (function (_super) {
                 }
             }
             this.element.appendChild(inputElement);
-            setValue('ej2_instances', ejInstance, inputElement);
-            setValue('ej2_instances', null, this.element);
             this.element = inputElement;
+            setValue('ej2_instances', ejInstance, this.element);
         }
         this.updateHTMLAttributesToElement();
         this.checkAttributes(false);
@@ -696,6 +695,7 @@ var TextBox = /** @class */ (function (_super) {
             floatLabelType: this.floatLabelType,
             properties: this.properties
         }, this.clearButton);
+        setValue('ej2_instances', null, this.element);
         _super.prototype.destroy.call(this);
     };
     /**

package/src/uploader/uploader.js

@@ -353,10 +353,8 @@ var Uploader = /** @class */ (function (_super) {
                 inputElement.setAttribute('name', 'UploadFiles');
             }
             this.element.appendChild(inputElement);
-            setValue('ej2_instances', ejInstance, inputElement);
-            // Clear reference from this.element to avoid retaining component instance
-            setValue('ej2_instances', null, this.element);
             this.element = inputElement;
+            setValue('ej2_instances', ejInstance, this.element);
         }
         /* istanbul ignore next */
         if (ejInstance[0].isPureReactComponent) {
@@ -3027,6 +3025,7 @@ var Uploader = /** @class */ (function (_super) {
         this.keyboardModule = null;
         this.clearButton = null;
         this.uploadButton = null;
+        setValue('ej2_instances', null, this.element);
         _super.prototype.destroy.call(this);
     };
     /**

package/styles/bds-lite.css

@@ -5660,7 +5660,6 @@ body.e-colorpicker-overflow {
       touch-action: none;
 }
 .e-container .e-hsv-container .e-hsv-color {
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(var(--color-sf-base-black))), -webkit-gradient(linear, left top, right top, color-stop(0, var(--color-sf-base-white)), to(rgba(255, 255, 255, 0)));
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, var(--color-sf-base-black) 100%), linear-gradient(to right, var(--color-sf-base-white) 0, rgba(255, 255, 255, 0) 100%);
   height: 232px;
 }
@@ -5956,7 +5955,6 @@ body.e-colorpicker-overflow {
 }
 
 .e-rtl .e-container .e-hsv-container .e-hsv-color {
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(var(--color-sf-base-black))), -webkit-gradient(linear, right top, left top, color-stop(0, var(--color-sf-base-white)), to(rgba(255, 255, 255, 0)));
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, var(--color-sf-base-black) 100%), linear-gradient(to left, var(--color-sf-base-white) 0, rgba(255, 255, 255, 0) 100%);
 }
 .e-rtl .e-container .e-slider-preview .e-hue-slider .e-slider-track {
@@ -6373,7 +6371,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(var(--color-sf-utility-rating-selected-color)), to(transparent));
   background: linear-gradient(to right, var(--color-sf-utility-rating-selected-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -6385,7 +6382,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px var(--color-sf-utility-rating-selected-hover-color);
 }
 .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(var(--color-sf-utility-rating-selected-hover-color)), to(transparent));
   background: linear-gradient(to right, var(--color-sf-utility-rating-selected-hover-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -6394,7 +6390,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px var(--color-sf-utility-rating-selected-hover-color);
 }
 .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(var(--color-sf-utility-rating-pressed-color)), to(transparent));
   background: linear-gradient(to right, var(--color-sf-utility-rating-pressed-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -6403,7 +6398,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px var(--color-sf-utility-rating-pressed-color);
 }
 .e-rating-container.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(var(--color-sf-utility-rating-selected-color)), to(transparent));
   background: linear-gradient(to left, var(--color-sf-utility-rating-selected-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -6411,7 +6405,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(var(--color-sf-utility-rating-selected-hover-color)), to(transparent));
   background: linear-gradient(to left, var(--color-sf-utility-rating-selected-hover-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -6419,7 +6412,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(var(--color-sf-utility-rating-pressed-color)), to(transparent));
   background: linear-gradient(to left, var(--color-sf-utility-rating-pressed-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -6433,7 +6425,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px var(--color-sf-utility-rating-unrated-disabled-color);
 }
 .e-rating-container.e-disabled .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(var(--color-sf-utility-rating-selected-disabled-color)), to(transparent));
   background: linear-gradient(to right, var(--color-sf-utility-rating-selected-disabled-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -6442,7 +6433,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px var(--color-sf-utility-rating-selected-disabled-color);
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(var(--color-sf-utility-rating-unrated-disabled-color)), to(transparent));
   background: linear-gradient(to left, var(--color-sf-utility-rating-unrated-disabled-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -6450,7 +6440,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(var(--color-sf-utility-rating-selected-disabled-color)), to(transparent));
   background: linear-gradient(to left, var(--color-sf-utility-rating-selected-disabled-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */

package/styles/bds.css

@@ -8865,7 +8865,6 @@ body.e-colorpicker-overflow {
       touch-action: none;
 }
 .e-container .e-hsv-container .e-hsv-color {
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(var(--color-sf-base-black))), -webkit-gradient(linear, left top, right top, color-stop(0, var(--color-sf-base-white)), to(rgba(255, 255, 255, 0)));
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, var(--color-sf-base-black) 100%), linear-gradient(to right, var(--color-sf-base-white) 0, rgba(255, 255, 255, 0) 100%);
   height: 232px;
 }
@@ -9161,7 +9160,6 @@ body.e-colorpicker-overflow {
 }
 
 .e-rtl .e-container .e-hsv-container .e-hsv-color {
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(var(--color-sf-base-black))), -webkit-gradient(linear, right top, left top, color-stop(0, var(--color-sf-base-white)), to(rgba(255, 255, 255, 0)));
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, var(--color-sf-base-black) 100%), linear-gradient(to left, var(--color-sf-base-white) 0, rgba(255, 255, 255, 0) 100%);
 }
 .e-rtl .e-container .e-slider-preview .e-hue-slider .e-slider-track {
@@ -9870,7 +9868,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(var(--color-sf-utility-rating-selected-color)), to(transparent));
   background: linear-gradient(to right, var(--color-sf-utility-rating-selected-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9882,7 +9879,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px var(--color-sf-utility-rating-selected-hover-color);
 }
 .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(var(--color-sf-utility-rating-selected-hover-color)), to(transparent));
   background: linear-gradient(to right, var(--color-sf-utility-rating-selected-hover-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9891,7 +9887,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px var(--color-sf-utility-rating-selected-hover-color);
 }
 .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(var(--color-sf-utility-rating-pressed-color)), to(transparent));
   background: linear-gradient(to right, var(--color-sf-utility-rating-pressed-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9900,7 +9895,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px var(--color-sf-utility-rating-pressed-color);
 }
 .e-rating-container.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(var(--color-sf-utility-rating-selected-color)), to(transparent));
   background: linear-gradient(to left, var(--color-sf-utility-rating-selected-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9908,7 +9902,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(var(--color-sf-utility-rating-selected-hover-color)), to(transparent));
   background: linear-gradient(to left, var(--color-sf-utility-rating-selected-hover-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9916,7 +9909,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(var(--color-sf-utility-rating-pressed-color)), to(transparent));
   background: linear-gradient(to left, var(--color-sf-utility-rating-pressed-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9930,7 +9922,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px var(--color-sf-utility-rating-unrated-disabled-color);
 }
 .e-rating-container.e-disabled .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(var(--color-sf-utility-rating-selected-disabled-color)), to(transparent));
   background: linear-gradient(to right, var(--color-sf-utility-rating-selected-disabled-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9939,7 +9930,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px var(--color-sf-utility-rating-selected-disabled-color);
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(var(--color-sf-utility-rating-unrated-disabled-color)), to(transparent));
   background: linear-gradient(to left, var(--color-sf-utility-rating-unrated-disabled-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9947,7 +9937,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(var(--color-sf-utility-rating-selected-disabled-color)), to(transparent));
   background: linear-gradient(to left, var(--color-sf-utility-rating-selected-disabled-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */

package/styles/bootstrap-dark-lite.css

@@ -5513,7 +5513,6 @@ body.e-colorpicker-overflow {
   background: none;
 }
 .e-rating-container .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(#acacac), to(transparent));
   background: linear-gradient(to right, #acacac var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5525,7 +5524,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgb(87, 165.4, 255);
 }
 .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(rgb(87, 165.4, 255)), to(transparent));
   background: linear-gradient(to right, rgb(87, 165.4, 255) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5534,7 +5532,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgb(87, 165.4, 255);
 }
 .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(rgb(87, 165.4, 255)), to(transparent));
   background: linear-gradient(to right, rgb(87, 165.4, 255) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5543,7 +5540,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgb(87, 165.4, 255);
 }
 .e-rating-container.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#acacac), to(transparent));
   background: linear-gradient(to left, #acacac var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5551,7 +5547,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(rgb(87, 165.4, 255)), to(transparent));
   background: linear-gradient(to left, rgb(87, 165.4, 255) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5559,7 +5554,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(rgb(87, 165.4, 255)), to(transparent));
   background: linear-gradient(to left, rgb(87, 165.4, 255) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5573,7 +5567,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #505050;
 }
 .e-rating-container.e-disabled .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(#505050), to(transparent));
   background: linear-gradient(to right, #505050 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5582,7 +5575,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #505050;
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#505050), to(transparent));
   background: linear-gradient(to left, #505050 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5590,7 +5582,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#505050), to(transparent));
   background: linear-gradient(to left, #505050 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */

package/styles/bootstrap-dark.css

@@ -8456,7 +8456,6 @@ body.e-colorpicker-overflow {
   background: none;
 }
 .e-rating-container .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(#acacac), to(transparent));
   background: linear-gradient(to right, #acacac var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8468,7 +8467,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgb(87, 165.4, 255);
 }
 .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(rgb(87, 165.4, 255)), to(transparent));
   background: linear-gradient(to right, rgb(87, 165.4, 255) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8477,7 +8475,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgb(87, 165.4, 255);
 }
 .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(rgb(87, 165.4, 255)), to(transparent));
   background: linear-gradient(to right, rgb(87, 165.4, 255) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8486,7 +8483,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgb(87, 165.4, 255);
 }
 .e-rating-container.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#acacac), to(transparent));
   background: linear-gradient(to left, #acacac var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8494,7 +8490,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(rgb(87, 165.4, 255)), to(transparent));
   background: linear-gradient(to left, rgb(87, 165.4, 255) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8502,7 +8497,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(rgb(87, 165.4, 255)), to(transparent));
   background: linear-gradient(to left, rgb(87, 165.4, 255) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8516,7 +8510,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #505050;
 }
 .e-rating-container.e-disabled .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(#505050), to(transparent));
   background: linear-gradient(to right, #505050 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8525,7 +8518,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #505050;
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#505050), to(transparent));
   background: linear-gradient(to left, #505050 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8533,7 +8525,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#505050), to(transparent));
   background: linear-gradient(to left, #505050 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */

package/styles/bootstrap-lite.css

@@ -5516,7 +5516,6 @@ body.e-colorpicker-overflow {
   background: none;
 }
 .e-rating-container .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(#444), to(transparent));
   background: linear-gradient(to right, #444 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5528,7 +5527,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #3071a9;
 }
 .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(#3071a9), to(transparent));
   background: linear-gradient(to right, #3071a9 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5537,7 +5535,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #3071a9;
 }
 .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(#317ab9), to(transparent));
   background: linear-gradient(to right, #317ab9 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5546,7 +5543,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #317ab9;
 }
 .e-rating-container.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#444), to(transparent));
   background: linear-gradient(to left, #444 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5554,7 +5550,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#3071a9), to(transparent));
   background: linear-gradient(to left, #3071a9 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5562,7 +5557,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#317ab9), to(transparent));
   background: linear-gradient(to left, #317ab9 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5576,7 +5570,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #999;
 }
 .e-rating-container.e-disabled .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(#999), to(transparent));
   background: linear-gradient(to right, #999 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5585,7 +5578,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #999;
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#999), to(transparent));
   background: linear-gradient(to left, #999 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5593,7 +5585,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#999), to(transparent));
   background: linear-gradient(to left, #999 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */

package/styles/bootstrap.css

@@ -8450,7 +8450,6 @@ body.e-colorpicker-overflow {
   background: none;
 }
 .e-rating-container .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(#444), to(transparent));
   background: linear-gradient(to right, #444 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8462,7 +8461,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #3071a9;
 }
 .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(#3071a9), to(transparent));
   background: linear-gradient(to right, #3071a9 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8471,7 +8469,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #3071a9;
 }
 .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(#317ab9), to(transparent));
   background: linear-gradient(to right, #317ab9 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8480,7 +8477,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #317ab9;
 }
 .e-rating-container.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#444), to(transparent));
   background: linear-gradient(to left, #444 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8488,7 +8484,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#3071a9), to(transparent));
   background: linear-gradient(to left, #3071a9 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8496,7 +8491,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#317ab9), to(transparent));
   background: linear-gradient(to left, #317ab9 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8510,7 +8504,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #999;
 }
 .e-rating-container.e-disabled .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(#999), to(transparent));
   background: linear-gradient(to right, #999 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8519,7 +8512,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #999;
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#999), to(transparent));
   background: linear-gradient(to left, #999 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8527,7 +8519,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#999), to(transparent));
   background: linear-gradient(to left, #999 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */