@syncfusion/ej2-inputs 32.2.7 → 33.1.44

package/styles/fluent2-lite.css

@@ -4560,7 +4560,6 @@ textarea.e-input,
   -webkit-text-fill-color: var(--color-sf-content-text-color-disabled);
   background: var(--color-sf-content-bg-color-alt1);
   color: var(--color-sf-content-text-color-disabled);
-  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, var(--color-sf-border-disabled)), color-stop(33%, var(--color-sf-border-disabled)), color-stop(0, transparent));
   background-image: linear-gradient(90deg, var(--color-sf-border-disabled) 0, var(--color-sf-border-disabled) 33%, transparent 0);
   background-position: bottom -1px left 0;
   background-repeat: repeat-x;
@@ -10469,7 +10468,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(var(--color-sf-rating-selected-color)), to(transparent));
   background: linear-gradient(to right, var(--color-sf-rating-selected-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -10481,7 +10479,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px var(--color-sf-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-rating-selected-hover-color)), to(transparent));
   background: linear-gradient(to right, var(--color-sf-rating-selected-hover-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -10490,7 +10487,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px var(--color-sf-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-rating-selected-color)), to(transparent));
   background: linear-gradient(to right, var(--color-sf-rating-selected-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -10499,7 +10495,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px var(--color-sf-rating-selected-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-rating-selected-color)), to(transparent));
   background: linear-gradient(to left, var(--color-sf-rating-selected-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -10507,7 +10502,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-rating-selected-hover-color)), to(transparent));
   background: linear-gradient(to left, var(--color-sf-rating-selected-hover-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -10515,7 +10509,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-rating-selected-color)), to(transparent));
   background: linear-gradient(to left, var(--color-sf-rating-selected-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -10529,7 +10522,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px var(--color-sf-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-rating-selected-disabled-color)), to(transparent));
   background: linear-gradient(to right, var(--color-sf-rating-selected-disabled-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -10538,7 +10530,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px var(--color-sf-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-rating-unrated-disabled-color)), to(transparent));
   background: linear-gradient(to left, var(--color-sf-rating-unrated-disabled-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -10546,7 +10537,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-rating-selected-disabled-color)), to(transparent));
   background: linear-gradient(to left, var(--color-sf-rating-selected-disabled-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */

package/styles/fluent2.css

@@ -4560,7 +4560,6 @@ textarea.e-input,
   -webkit-text-fill-color: var(--color-sf-content-text-color-disabled);
   background: var(--color-sf-content-bg-color-alt1);
   color: var(--color-sf-content-text-color-disabled);
-  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, var(--color-sf-border-disabled)), color-stop(33%, var(--color-sf-border-disabled)), color-stop(0, transparent));
   background-image: linear-gradient(90deg, var(--color-sf-border-disabled) 0, var(--color-sf-border-disabled) 33%, transparent 0);
   background-position: bottom -1px left 0;
   background-repeat: repeat-x;
@@ -16914,7 +16913,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(var(--color-sf-rating-selected-color)), to(transparent));
   background: linear-gradient(to right, var(--color-sf-rating-selected-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -16926,7 +16924,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px var(--color-sf-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-rating-selected-hover-color)), to(transparent));
   background: linear-gradient(to right, var(--color-sf-rating-selected-hover-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -16935,7 +16932,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px var(--color-sf-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-rating-selected-color)), to(transparent));
   background: linear-gradient(to right, var(--color-sf-rating-selected-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -16944,7 +16940,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px var(--color-sf-rating-selected-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-rating-selected-color)), to(transparent));
   background: linear-gradient(to left, var(--color-sf-rating-selected-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -16952,7 +16947,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-rating-selected-hover-color)), to(transparent));
   background: linear-gradient(to left, var(--color-sf-rating-selected-hover-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -16960,7 +16954,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-rating-selected-color)), to(transparent));
   background: linear-gradient(to left, var(--color-sf-rating-selected-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -16974,7 +16967,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px var(--color-sf-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-rating-selected-disabled-color)), to(transparent));
   background: linear-gradient(to right, var(--color-sf-rating-selected-disabled-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -16983,7 +16975,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px var(--color-sf-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-rating-unrated-disabled-color)), to(transparent));
   background: linear-gradient(to left, var(--color-sf-rating-unrated-disabled-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -16991,7 +16982,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-rating-selected-disabled-color)), to(transparent));
   background: linear-gradient(to left, var(--color-sf-rating-selected-disabled-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */

package/styles/highcontrast-light-lite.css

@@ -5640,7 +5640,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(#000), to(transparent));
   background: linear-gradient(to right, #000 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5652,7 +5651,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #400074;
 }
 .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(#400074), to(transparent));
   background: linear-gradient(to right, #400074 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5661,7 +5659,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #400074;
 }
 .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(#400074), to(transparent));
   background: linear-gradient(to right, #400074 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5670,7 +5667,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #400074;
 }
 .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(#000), to(transparent));
   background: linear-gradient(to left, #000 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5678,7 +5674,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(#400074), to(transparent));
   background: linear-gradient(to left, #400074 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5686,7 +5681,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(#400074), to(transparent));
   background: linear-gradient(to left, #400074 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5700,7 +5694,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #757575;
 }
 .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(#757575), to(transparent));
   background: linear-gradient(to right, #757575 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5709,7 +5702,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #757575;
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#757575), to(transparent));
   background: linear-gradient(to left, #757575 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5717,7 +5709,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(#757575), to(transparent));
   background: linear-gradient(to left, #757575 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */

package/styles/highcontrast-light.css

@@ -8635,7 +8635,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(#000), to(transparent));
   background: linear-gradient(to right, #000 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8647,7 +8646,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #400074;
 }
 .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(#400074), to(transparent));
   background: linear-gradient(to right, #400074 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8656,7 +8654,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #400074;
 }
 .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(#400074), to(transparent));
   background: linear-gradient(to right, #400074 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8665,7 +8662,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #400074;
 }
 .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(#000), to(transparent));
   background: linear-gradient(to left, #000 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8673,7 +8669,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(#400074), to(transparent));
   background: linear-gradient(to left, #400074 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8681,7 +8676,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(#400074), to(transparent));
   background: linear-gradient(to left, #400074 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8695,7 +8689,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #757575;
 }
 .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(#757575), to(transparent));
   background: linear-gradient(to right, #757575 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8704,7 +8697,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #757575;
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#757575), to(transparent));
   background: linear-gradient(to left, #757575 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8712,7 +8704,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(#757575), to(transparent));
   background: linear-gradient(to left, #757575 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */

package/styles/highcontrast-lite.css

@@ -5646,7 +5646,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(#fff), to(transparent));
   background: linear-gradient(to right, #fff var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5658,7 +5657,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #ffd939;
 }
 .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(#ffd939), to(transparent));
   background: linear-gradient(to right, #ffd939 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5667,7 +5665,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #ffd939;
 }
 .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(#ffd939), to(transparent));
   background: linear-gradient(to right, #ffd939 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5676,7 +5673,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #ffd939;
 }
 .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(#fff), to(transparent));
   background: linear-gradient(to left, #fff var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5684,7 +5680,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(#ffd939), to(transparent));
   background: linear-gradient(to left, #ffd939 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5692,7 +5687,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(#ffd939), to(transparent));
   background: linear-gradient(to left, #ffd939 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5706,7 +5700,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #757575;
 }
 .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(#757575), to(transparent));
   background: linear-gradient(to right, #757575 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5715,7 +5708,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #757575;
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#757575), to(transparent));
   background: linear-gradient(to left, #757575 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5723,7 +5715,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(#757575), to(transparent));
   background: linear-gradient(to left, #757575 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */

package/styles/highcontrast.css

@@ -8641,7 +8641,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(#fff), to(transparent));
   background: linear-gradient(to right, #fff var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8653,7 +8652,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #ffd939;
 }
 .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(#ffd939), to(transparent));
   background: linear-gradient(to right, #ffd939 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8662,7 +8660,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #ffd939;
 }
 .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(#ffd939), to(transparent));
   background: linear-gradient(to right, #ffd939 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8671,7 +8668,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #ffd939;
 }
 .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(#fff), to(transparent));
   background: linear-gradient(to left, #fff var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8679,7 +8675,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(#ffd939), to(transparent));
   background: linear-gradient(to left, #ffd939 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8687,7 +8682,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(#ffd939), to(transparent));
   background: linear-gradient(to left, #ffd939 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8701,7 +8695,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #757575;
 }
 .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(#757575), to(transparent));
   background: linear-gradient(to right, #757575 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8710,7 +8703,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #757575;
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#757575), to(transparent));
   background: linear-gradient(to left, #757575 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8718,7 +8710,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(#757575), to(transparent));
   background: linear-gradient(to left, #757575 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */

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

@@ -193,9 +193,9 @@ $input-bigger-small-left-child-min-height: $zero-value !default;
 $input-bigger-small-left-child-min-width: $zero-value !default;
 $input-icon-inner-width: $zero-value !default;
 $input-icon-inner-height: $zero-value !default;
-$input-error-border-shadow: 0 0 0 4px rgba($danger, .25) !default;
-$input-success-border-shadow: 0 0 0 4px rgba($success, .25) !default;
-$input-warning-border-shadow: 0 0 0 4px rgba($warning, .25) !default;
+$input-error-border-shadow: 0 0 0 4px rgba(from var(--color-sf-danger) r g b / .25) !default;
+$input-success-border-shadow: 0 0 0 4px rgba(from var(--color-sf-success) r g b / .25) !default;
+$input-warning-border-shadow: 0 0 0 4px rgba(from var(--color-sf-warning) r g b / .25) !default;
 $input-group-border-shadow: $shadow-sm !default;
 
 // color

package/styles/input/bootstrap5.3.css

@@ -2672,8 +2672,8 @@ textarea.e-input::selection,
 .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning).e-error,
 .e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error,
 .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error {
-  -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-danger), 0.25);
-  box-shadow: 0 0 0 4px rgba(var(--color-sf-danger), 0.25);
+  -webkit-box-shadow: 0 0 0 4px rgba(from var(--color-sf-danger) r g b/0.25);
+  box-shadow: 0 0 0 4px rgba(from var(--color-sf-danger) r g b/0.25);
 }
 
 .e-input:focus:not(.e-error):not(.e-warning).e-success,
@@ -2683,8 +2683,8 @@ textarea.e-input::selection,
 .e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
 .e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input,
 .e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input {
-  -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-success), 0.25);
-  box-shadow: 0 0 0 4px rgba(var(--color-sf-success), 0.25);
+  -webkit-box-shadow: 0 0 0 4px rgba(from var(--color-sf-success) r g b/0.25);
+  box-shadow: 0 0 0 4px rgba(from var(--color-sf-success) r g b/0.25);
 }
 
 .e-input:focus:not(.e-success):not(.e-error).e-warning,
@@ -2698,8 +2698,8 @@ textarea.e-input::selection,
 .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-error).e-warning,
 .e-input-group:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning,
 .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning {
-  -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-warning), 0.25);
-  box-shadow: 0 0 0 4px rgba(var(--color-sf-warning), 0.25);
+  -webkit-box-shadow: 0 0 0 4px rgba(from var(--color-sf-warning) r g b/0.25);
+  box-shadow: 0 0 0 4px rgba(from var(--color-sf-warning) r g b/0.25);
 }
 
 .e-input-group:not(.e-success):not(.e-warning):not(.e-error) input.e-input:focus,
@@ -2724,8 +2724,8 @@ textarea.e-input::selection,
 .e-input-group.e-control-wrapper.e-input-focus:not(.e-error):not(.e-warning).e-success,
 .e-input-group:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success,
 .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success {
-  -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-success), 0.25);
-  box-shadow: 0 0 0 4px rgba(var(--color-sf-success), 0.25);
+  -webkit-box-shadow: 0 0 0 4px rgba(from var(--color-sf-success) r g b/0.25);
+  box-shadow: 0 0 0 4px rgba(from var(--color-sf-success) r g b/0.25);
 }
 
 .e-input-group:not(.e-success):not(.e-warning):not(.e-error),

package/styles/input/fluent2.css

@@ -4378,7 +4378,6 @@ textarea.e-input,
   -webkit-text-fill-color: var(--color-sf-content-text-color-disabled);
   background: var(--color-sf-content-bg-color-alt1);
   color: var(--color-sf-content-text-color-disabled);
-  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, var(--color-sf-border-disabled)), color-stop(33%, var(--color-sf-border-disabled)), color-stop(0, transparent));
   background-image: linear-gradient(90deg, var(--color-sf-border-disabled) 0, var(--color-sf-border-disabled) 33%, transparent 0);
   background-position: bottom -1px left 0;
   background-repeat: repeat-x;

package/styles/input/material3-dark.css

@@ -1323,7 +1323,6 @@ label.e-float-text,
 .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap {
   background: transparent;
   color: rgba(var(--color-sf-on-surface), 0.38);
-  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(var(--color-sf-outline))), color-stop(33%, rgba(var(--color-sf-outline))), color-stop(0, transparent));
   background-image: linear-gradient(90deg, rgba(var(--color-sf-outline)) 0, rgba(var(--color-sf-outline)) 33%, transparent 0);
   background-position: bottom -1px left 0;
   background-repeat: repeat-x;
@@ -4847,7 +4846,6 @@ textarea.e-input,
   -webkit-text-fill-color: rgba(var(--color-sf-on-surface), 0.38);
   background: transparent;
   color: rgba(var(--color-sf-on-surface), 0.38);
-  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(var(--color-sf-outline))), color-stop(33%, rgba(var(--color-sf-outline))), color-stop(0, transparent));
   background-image: linear-gradient(90deg, rgba(var(--color-sf-outline)) 0, rgba(var(--color-sf-outline)) 33%, transparent 0);
   background-position: bottom -1px left 0;
   background-repeat: repeat-x;

package/styles/input/material3.css

@@ -1327,7 +1327,6 @@ label.e-float-text,
 .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap {
   background: transparent;
   color: rgba(var(--color-sf-on-surface), 0.38);
-  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(var(--color-sf-outline))), color-stop(33%, rgba(var(--color-sf-outline))), color-stop(0, transparent));
   background-image: linear-gradient(90deg, rgba(var(--color-sf-outline)) 0, rgba(var(--color-sf-outline)) 33%, transparent 0);
   background-position: bottom -1px left 0;
   background-repeat: repeat-x;
@@ -4853,7 +4852,6 @@ textarea.e-input,
   -webkit-text-fill-color: rgba(var(--color-sf-on-surface), 0.38);
   background: transparent;
   color: rgba(var(--color-sf-on-surface), 0.38);
-  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(var(--color-sf-outline))), color-stop(33%, rgba(var(--color-sf-outline))), color-stop(0, transparent));
   background-image: linear-gradient(90deg, rgba(var(--color-sf-outline)) 0, rgba(var(--color-sf-outline)) 33%, transparent 0);
   background-position: bottom -1px left 0;
   background-repeat: repeat-x;

package/styles/material-dark-lite.css

@@ -9607,7 +9607,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(#e0e0e0), to(transparent));
   background: linear-gradient(to right, #e0e0e0 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9619,7 +9618,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #3f51b5;
 }
 .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(#3f51b5), to(transparent));
   background: linear-gradient(to right, #3f51b5 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9628,7 +9626,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #3f51b5;
 }
 .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(#7986cb), to(transparent));
   background: linear-gradient(to right, #7986cb var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9637,7 +9634,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #7986cb;
 }
 .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(#e0e0e0), to(transparent));
   background: linear-gradient(to left, #e0e0e0 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9645,7 +9641,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(#3f51b5), to(transparent));
   background: linear-gradient(to left, #3f51b5 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9653,7 +9648,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(#7986cb), to(transparent));
   background: linear-gradient(to left, #7986cb var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9667,7 +9661,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #757575;
 }
 .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(#757575), to(transparent));
   background: linear-gradient(to right, #757575 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9676,7 +9669,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #757575;
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#757575), to(transparent));
   background: linear-gradient(to left, #757575 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9684,7 +9676,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(#757575), to(transparent));
   background: linear-gradient(to left, #757575 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */