@syncfusion/ej2-inputs 32.2.7 → 33.1.44

package/styles/material3-lite.css

@@ -1505,7 +1505,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;
@@ -5031,7 +5030,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;
@@ -7622,7 +7620,6 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
           transform: scale(1.5);
 }
 .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.08)), to(rgba(var(--color-sf-on-primary), 0.08))), rgba(var(--color-sf-primary));
   background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.08), rgba(var(--color-sf-on-primary), 0.08)), rgba(var(--color-sf-primary));
   -webkit-box-shadow: 0 0 0 10px rgba(var(--color-sf-primary), 0.12);
           box-shadow: 0 0 0 10px rgba(var(--color-sf-primary), 0.12);
@@ -9976,7 +9973,6 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
   color: rgba(var(--color-sf-error));
 }
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
 }
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-progress {
@@ -10111,7 +10107,6 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
 }
 .e-colorpicker-wrapper .e-dropdown-btn.e-icon-btn,
 .e-colorpicker-container .e-dropdown-btn.e-icon-btn {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
   border-radius: calc(var(--e-radius) * 0.25);
   border-bottom-left-radius: calc(var(--e-radius) * 0);
@@ -10128,7 +10123,6 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
 .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
   font-family: initial;
   line-height: 14px;
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
   border-radius: calc(var(--e-radius) * 0.25);
   border-bottom-right-radius: calc(var(--e-radius) * 0);
@@ -10165,7 +10159,6 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
 }
 .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn,
 .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
   border-radius: calc(var(--e-radius) * 0.25);
   border-left-color: transparent;
@@ -10319,7 +10312,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(rgba(var(--color-sf-black)))), -webkit-gradient(linear, left top, right top, color-stop(0, rgba(var(--color-sf-white))), to(rgba(255, 255, 255, 0)));
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(var(--color-sf-black)) 100%), linear-gradient(to right, rgba(var(--color-sf-white)) 0, rgba(255, 255, 255, 0) 100%);
   height: 266px;
 }
@@ -10621,7 +10613,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(rgba(var(--color-sf-black)))), -webkit-gradient(linear, right top, left top, color-stop(0, rgba(var(--color-sf-white))), to(rgba(255, 255, 255, 0)));
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(var(--color-sf-black)) 100%), linear-gradient(to left, rgba(var(--color-sf-white)) 0, rgba(255, 255, 255, 0) 100%);
 }
 .e-rtl .e-container .e-slider-preview .e-hue-slider .e-slider-track {
@@ -10790,7 +10781,6 @@ body.e-colorpicker-overflow {
 
 
 .e-container {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
 }
 .e-container .e-palette .e-tile:hover {
@@ -11207,7 +11197,6 @@ body.e-colorpicker-overflow {
 .e-rating-container .e-rating-item-container .e-rating-icon {
   -webkit-text-fill-color: transparent;
   -webkit-text-stroke: 1px transparent;
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -11215,7 +11204,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(rgba(var(--color-sf-primary))), to(transparent));
   background: linear-gradient(to right, rgba(var(--color-sf-primary)) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -11227,7 +11215,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgba(var(--color-sf-primary))-5%;
 }
 .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, color-stop(-5%, rgba(var(--color-sf-primary))), to(transparent));
   background: linear-gradient(to right, rgba(var(--color-sf-primary))-5% var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -11236,7 +11223,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgba(var(--color-sf-primary));
 }
 .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, color-stop(-10%, rgba(var(--color-sf-primary))), to(transparent));
   background: linear-gradient(to right, rgba(var(--color-sf-primary))-10% var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -11245,7 +11231,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgba(var(--color-sf-primary));
 }
 .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(rgba(var(--color-sf-primary))), to(transparent));
   background: linear-gradient(to left, rgba(var(--color-sf-primary)) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -11253,7 +11238,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, color-stop(-5%, rgba(var(--color-sf-primary))), to(transparent));
   background: linear-gradient(to left, rgba(var(--color-sf-primary))-5% var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -11261,7 +11245,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, color-stop(-10%, rgba(var(--color-sf-primary))), to(transparent));
   background: linear-gradient(to left, rgba(var(--color-sf-primary))-10% var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -11280,7 +11263,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .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(rgba(var(--color-sf-on-surface), 0.24)), to(transparent));
   background: linear-gradient(to right, rgba(var(--color-sf-on-surface), 0.24) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -11296,7 +11278,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(rgba(var(--color-sf-on-surface), 0.24)), to(transparent));
   background: linear-gradient(to left, rgba(var(--color-sf-on-surface), 0.24) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */

package/styles/material3.css

@@ -1505,7 +1505,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;
@@ -5031,7 +5030,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;
@@ -13469,7 +13467,6 @@ span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
           transform: scale(1.5);
 }
 .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.08)), to(rgba(var(--color-sf-on-primary), 0.08))), rgba(var(--color-sf-primary));
   background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.08), rgba(var(--color-sf-on-primary), 0.08)), rgba(var(--color-sf-primary));
   -webkit-box-shadow: 0 0 0 10px rgba(var(--color-sf-primary), 0.12);
           box-shadow: 0 0 0 10px rgba(var(--color-sf-primary), 0.12);
@@ -16450,7 +16447,6 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
   color: rgba(var(--color-sf-error));
 }
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
 }
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-progress {
@@ -17161,7 +17157,6 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
 }
 .e-colorpicker-wrapper .e-dropdown-btn.e-icon-btn,
 .e-colorpicker-container .e-dropdown-btn.e-icon-btn {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
   border-radius: calc(var(--e-radius) * 0.25);
   border-bottom-left-radius: calc(var(--e-radius) * 0);
@@ -17178,7 +17173,6 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
 .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
   font-family: initial;
   line-height: 14px;
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
   border-radius: calc(var(--e-radius) * 0.25);
   border-bottom-right-radius: calc(var(--e-radius) * 0);
@@ -17215,7 +17209,6 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
 }
 .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn,
 .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
   border-radius: calc(var(--e-radius) * 0.25);
   border-left-color: transparent;
@@ -17369,7 +17362,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(rgba(var(--color-sf-black)))), -webkit-gradient(linear, left top, right top, color-stop(0, rgba(var(--color-sf-white))), to(rgba(255, 255, 255, 0)));
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(var(--color-sf-black)) 100%), linear-gradient(to right, rgba(var(--color-sf-white)) 0, rgba(255, 255, 255, 0) 100%);
   height: 266px;
 }
@@ -17671,7 +17663,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(rgba(var(--color-sf-black)))), -webkit-gradient(linear, right top, left top, color-stop(0, rgba(var(--color-sf-white))), to(rgba(255, 255, 255, 0)));
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(var(--color-sf-black)) 100%), linear-gradient(to left, rgba(var(--color-sf-white)) 0, rgba(255, 255, 255, 0) 100%);
 }
 .e-rtl .e-container .e-slider-preview .e-hue-slider .e-slider-track {
@@ -17840,7 +17831,6 @@ body.e-colorpicker-overflow {
 
 
 .e-container {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
 }
 .e-container .e-palette .e-tile:hover {
@@ -18574,7 +18564,6 @@ body.e-colorpicker-overflow {
 .e-rating-container .e-rating-item-container .e-rating-icon {
   -webkit-text-fill-color: transparent;
   -webkit-text-stroke: 1px transparent;
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -18582,7 +18571,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(rgba(var(--color-sf-primary))), to(transparent));
   background: linear-gradient(to right, rgba(var(--color-sf-primary)) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -18594,7 +18582,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgba(var(--color-sf-primary))-5%;
 }
 .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, color-stop(-5%, rgba(var(--color-sf-primary))), to(transparent));
   background: linear-gradient(to right, rgba(var(--color-sf-primary))-5% var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -18603,7 +18590,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgba(var(--color-sf-primary));
 }
 .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, color-stop(-10%, rgba(var(--color-sf-primary))), to(transparent));
   background: linear-gradient(to right, rgba(var(--color-sf-primary))-10% var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -18612,7 +18598,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgba(var(--color-sf-primary));
 }
 .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(rgba(var(--color-sf-primary))), to(transparent));
   background: linear-gradient(to left, rgba(var(--color-sf-primary)) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -18620,7 +18605,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, color-stop(-5%, rgba(var(--color-sf-primary))), to(transparent));
   background: linear-gradient(to left, rgba(var(--color-sf-primary))-5% var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -18628,7 +18612,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, color-stop(-10%, rgba(var(--color-sf-primary))), to(transparent));
   background: linear-gradient(to left, rgba(var(--color-sf-primary))-10% var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -18647,7 +18630,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .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(rgba(var(--color-sf-on-surface), 0.24)), to(transparent));
   background: linear-gradient(to right, rgba(var(--color-sf-on-surface), 0.24) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -18663,7 +18645,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(rgba(var(--color-sf-on-surface), 0.24)), to(transparent));
   background: linear-gradient(to left, rgba(var(--color-sf-on-surface), 0.24) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */

package/styles/rating/bds.css

@@ -201,7 +201,6 @@
   /* 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 */
@@ -213,7 +212,6 @@
   -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 */
@@ -222,7 +220,6 @@
   -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 */
@@ -231,7 +228,6 @@
   -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 */
@@ -239,7 +235,6 @@
   /* 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 */
@@ -247,7 +242,6 @@
   /* 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 */
@@ -261,7 +255,6 @@
   -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 */
@@ -270,7 +263,6 @@
   -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 */
@@ -278,7 +270,6 @@
   /* 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/rating/bootstrap-dark.css

@@ -185,7 +185,6 @@
   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 */
@@ -197,7 +196,6 @@
   -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 */
@@ -206,7 +204,6 @@
   -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 */
@@ -215,7 +212,6 @@
   -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 */
@@ -223,7 +219,6 @@
   /* 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 */
@@ -231,7 +226,6 @@
   /* 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 */
@@ -245,7 +239,6 @@
   -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 */
@@ -254,7 +247,6 @@
   -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 */
@@ -262,7 +254,6 @@
   /* 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/rating/bootstrap.css

@@ -185,7 +185,6 @@
   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 */
@@ -197,7 +196,6 @@
   -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 */
@@ -206,7 +204,6 @@
   -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 */
@@ -215,7 +212,6 @@
   -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 */
@@ -223,7 +219,6 @@
   /* 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 */
@@ -231,7 +226,6 @@
   /* 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 */
@@ -245,7 +239,6 @@
   -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 */
@@ -254,7 +247,6 @@
   -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 */
@@ -262,7 +254,6 @@
   /* 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/rating/bootstrap4.css

@@ -185,7 +185,6 @@
   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(#495057), to(transparent));
   background: linear-gradient(to right, #495057 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -197,7 +196,6 @@
   -webkit-text-stroke: 1px #007bff;
 }
 .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(#007bff), to(transparent));
   background: linear-gradient(to right, #007bff var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -206,7 +204,6 @@
   -webkit-text-stroke: 1px #007bff;
 }
 .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(#dee2e6), to(transparent));
   background: linear-gradient(to right, #dee2e6 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -215,7 +212,6 @@
   -webkit-text-stroke: 1px #007bff;
 }
 .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(#495057), to(transparent));
   background: linear-gradient(to left, #495057 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -223,7 +219,6 @@
   /* 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(#007bff), to(transparent));
   background: linear-gradient(to left, #007bff var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -231,7 +226,6 @@
   /* 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(#dee2e6), to(transparent));
   background: linear-gradient(to left, #dee2e6 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -245,7 +239,6 @@
   -webkit-text-stroke: 1px #343a40;
 }
 .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(#343a40), to(transparent));
   background: linear-gradient(to right, #343a40 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -254,7 +247,6 @@
   -webkit-text-stroke: 1px #343a40;
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#343a40), to(transparent));
   background: linear-gradient(to left, #343a40 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -262,7 +254,6 @@
   /* 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(#343a40), to(transparent));
   background: linear-gradient(to left, #343a40 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */