@syncfusion/ej2-inputs 26.1.35-32819 → 26.1.35-723781

package/styles/material.css

@@ -4633,6 +4633,19 @@ textarea.e-outline,
   border-bottom: transparent;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  padding-right: 17px;
+}
+
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,
@@ -5733,7 +5746,8 @@ textarea.e-input::selection,
 .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
   color: #f44336;
 }
 
@@ -15143,21 +15157,21 @@ body.e-colorpicker-overflow {
   color: rgba(0, 0, 0, 0.54);
 }
 .e-data-form .validation-message {
-  color: #ba160a;
+  color: rgb(185.8301886792, 22.1886792453, 10.1698113208);
   font-size: 12px;
   font-style: italic;
 }
 
 .e-tooltip-wrap.e-popup.e-error-tooltip {
-  background-color: #fde1df;
-  border: #fde1df;
+  background-color: rgb(253.2617924528, 225.2924528302, 223.2382075472);
+  border: rgb(253.2617924528, 225.2924528302, 223.2382075472);
 }
 .e-tooltip-wrap.e-popup.e-error-tooltip .e-tip-content .validation-message {
-  color: #ba160a;
+  color: rgb(185.8301886792, 22.1886792453, 10.1698113208);
 }
 .e-tooltip-wrap.e-popup.e-error-tooltip .e-arrow-tip .e-arrow-tip-outer.e-tip-top, .e-tooltip-wrap.e-popup.e-error-tooltip .e-arrow-tip .e-arrow-tip-inner.e-tip-top {
-  border-bottom-color: #fde1df;
-  color: #fde1df;
+  border-bottom-color: rgb(253.2617924528, 225.2924528302, 223.2382075472);
+  color: rgb(253.2617924528, 225.2924528302, 223.2382075472);
 }
 
 .e-otpinput {

package/styles/material3-dark-lite.css

@@ -4497,6 +4497,19 @@ textarea.e-outline,
   border-width: 0 0 1px 0;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  margin-right: 10px;
+}
+
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,
@@ -5602,7 +5615,8 @@ textarea.e-input::selection,
 .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
   color: rgba(var(--color-sf-error));
 }
 

package/styles/material3-dark.css

@@ -4497,6 +4497,19 @@ textarea.e-outline,
   border-width: 0 0 1px 0;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  margin-right: 10px;
+}
+
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,
@@ -5602,7 +5615,8 @@ textarea.e-input::selection,
 .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
   color: rgba(var(--color-sf-error));
 }
 

package/styles/material3-lite.css

@@ -4499,6 +4499,19 @@ textarea.e-outline,
   border-width: 0 0 1px 0;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  margin-right: 10px;
+}
+
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,
@@ -5604,7 +5617,8 @@ textarea.e-input::selection,
 .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
   color: rgba(var(--color-sf-error));
 }
 

package/styles/material3.css

@@ -4499,6 +4499,19 @@ textarea.e-outline,
   border-width: 0 0 1px 0;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  margin-right: 10px;
+}
+
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,
@@ -5604,7 +5617,8 @@ textarea.e-input::selection,
 .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
   color: rgba(var(--color-sf-error));
 }
 

package/styles/otp-input/bootstrap5-dark.css

@@ -115,7 +115,7 @@
   background: #343a40;
 }
 .e-otpinput.e-filled .e-otp-input-field {
-  background: #282d31;
+  background: rgb(26.177027027, 29.35, 32.522972973);
 }
 .e-otpinput.e-underlined .e-otp-input-field {
   background: transparent;
@@ -124,13 +124,13 @@
 .e-otpinput.e-error.e-outline .e-otp-input-field.e-otp-input-focus, .e-otpinput.e-error.e-underlined .e-otp-input-field,
 .e-otpinput.e-error.e-underlined .e-otp-input-field.e-otp-input-focus, .e-otpinput.e-error.e-filled .e-otp-input-field,
 .e-otpinput.e-error.e-filled .e-otp-input-field.e-otp-input-focus {
-  border-color: #e4606d;
+  border-color: rgb(227.5316455696, 96.4683544304, 109.0253164557);
 }
 .e-otpinput.e-success.e-outline .e-otp-input-field,
 .e-otpinput.e-success.e-outline .e-otp-input-field.e-otp-input-focus, .e-otpinput.e-success.e-underlined .e-otp-input-field,
 .e-otpinput.e-success.e-underlined .e-otp-input-field.e-otp-input-focus, .e-otpinput.e-success.e-filled .e-otp-input-field,
 .e-otpinput.e-success.e-filled .e-otp-input-field.e-otp-input-focus {
-  border-color: #21b26f;
+  border-color: rgb(32.96875, 178.03125, 110.775);
 }
 .e-otpinput.e-warning.e-outline .e-otp-input-field,
 .e-otpinput.e-warning.e-outline .e-otp-input-field.e-otp-input-focus, .e-otpinput.e-warning.e-underlined .e-otp-input-field,

package/styles/rating/bootstrap-dark.css

@@ -194,25 +194,25 @@
   -webkit-text-stroke: 1px #acacac;
 }
 .e-rating-container .e-rating-item-container.e-selected-value .e-rating-icon {
-  -webkit-text-stroke: 1px #57a5ff;
+  -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(#57a5ff), to(transparent));
-  background: linear-gradient(to right, #57a5ff var(--rating-value), transparent var(--rating-value));
+  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 */
   -webkit-background-clip: text;
   /* stylelint-enable property-no-vendor-prefix */
-  -webkit-text-stroke: 1px #57a5ff;
+  -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(#57a5ff), to(transparent));
-  background: linear-gradient(to right, #57a5ff var(--rating-value), transparent var(--rating-value));
+  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 */
   -webkit-background-clip: text;
   /* stylelint-enable property-no-vendor-prefix */
-  -webkit-text-stroke: 1px #57a5ff;
+  -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));
@@ -223,16 +223,16 @@
   /* 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(#57a5ff), to(transparent));
-  background: linear-gradient(to left, #57a5ff var(--rating-value), transparent var(--rating-value));
+  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 */
   -webkit-background-clip: text;
   /* 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(#57a5ff), to(transparent));
-  background: linear-gradient(to left, #57a5ff var(--rating-value), transparent var(--rating-value));
+  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 */
   -webkit-background-clip: text;

package/styles/rating/bootstrap5-dark.css

@@ -207,13 +207,13 @@
   -webkit-text-stroke: 1px #adb5bd;
 }
 .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(#599bfe), to(transparent));
-  background: linear-gradient(to right, #599bfe var(--rating-value), transparent var(--rating-value));
+  background: -webkit-gradient(linear, left top, right top, from(rgb(88.8729508197, 155.4610655738, 253.6270491803)), to(transparent));
+  background: linear-gradient(to right, rgb(88.8729508197, 155.4610655738, 253.6270491803) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-background-clip: text;
   /* stylelint-enable property-no-vendor-prefix */
-  -webkit-text-stroke: 1px #599bfe;
+  -webkit-text-stroke: 1px rgb(88.8729508197, 155.4610655738, 253.6270491803);
 }
 .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(#0d6efd), to(transparent));
@@ -232,8 +232,8 @@
   /* 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(#599bfe), to(transparent));
-  background: linear-gradient(to left, #599bfe var(--rating-value), transparent var(--rating-value));
+  background: -webkit-gradient(linear, right top, left top, from(rgb(88.8729508197, 155.4610655738, 253.6270491803)), to(transparent));
+  background: linear-gradient(to left, rgb(88.8729508197, 155.4610655738, 253.6270491803) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-background-clip: text;

package/styles/rating/bootstrap5.css

@@ -207,13 +207,13 @@
   -webkit-text-stroke: 1px #6c757d;
 }
 .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(#599bfe), to(transparent));
-  background: linear-gradient(to right, #599bfe var(--rating-value), transparent var(--rating-value));
+  background: -webkit-gradient(linear, left top, right top, from(rgb(88.8729508197, 155.4610655738, 253.6270491803)), to(transparent));
+  background: linear-gradient(to right, rgb(88.8729508197, 155.4610655738, 253.6270491803) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-background-clip: text;
   /* stylelint-enable property-no-vendor-prefix */
-  -webkit-text-stroke: 1px #599bfe;
+  -webkit-text-stroke: 1px rgb(88.8729508197, 155.4610655738, 253.6270491803);
 }
 .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(#0d6efd), to(transparent));
@@ -232,8 +232,8 @@
   /* 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(#599bfe), to(transparent));
-  background: linear-gradient(to left, #599bfe var(--rating-value), transparent var(--rating-value));
+  background: -webkit-gradient(linear, right top, left top, from(rgb(88.8729508197, 155.4610655738, 253.6270491803)), to(transparent));
+  background: linear-gradient(to left, rgb(88.8729508197, 155.4610655738, 253.6270491803) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-background-clip: text;

package/styles/rating/fabric-dark.css

@@ -206,13 +206,13 @@
   -webkit-text-stroke: 1px #0074cc;
 }
 .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(#0063ad), to(transparent));
-  background: linear-gradient(to right, #0063ad var(--rating-value), transparent var(--rating-value));
+  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 98.6, 173.4)), to(transparent));
+  background: linear-gradient(to right, rgb(0, 98.6, 173.4) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-background-clip: text;
   /* stylelint-enable property-no-vendor-prefix */
-  -webkit-text-stroke: 1px #0063ad;
+  -webkit-text-stroke: 1px rgb(0, 98.6, 173.4);
 }
 .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));
@@ -231,8 +231,8 @@
   /* 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(#0063ad), to(transparent));
-  background: linear-gradient(to left, #0063ad var(--rating-value), transparent var(--rating-value));
+  background: -webkit-gradient(linear, right top, left top, from(rgb(0, 98.6, 173.4)), to(transparent));
+  background: linear-gradient(to left, rgb(0, 98.6, 173.4) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-background-clip: text;

package/styles/rating/fabric.css

@@ -166,7 +166,7 @@
 
 .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus:not(:has(svg)),
 .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus .e-rating-item:has(svg) {
-  outline-color: #005ba3;
+  outline-color: rgb(0, 91.4018691589, 163);
   border-radius: 0;
 }
 .e-rating-container .e-reset {
@@ -194,25 +194,25 @@
   -webkit-text-stroke: 1px #333;
 }
 .e-rating-container .e-rating-item-container.e-selected-value .e-rating-icon {
-  -webkit-text-stroke: 1px #0081e5;
+  -webkit-text-stroke: 1px rgb(0, 128.5794392523, 229.3);
 }
 .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(#0081e5), to(transparent));
-  background: linear-gradient(to right, #0081e5 var(--rating-value), transparent var(--rating-value));
+  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 128.5794392523, 229.3)), to(transparent));
+  background: linear-gradient(to right, rgb(0, 128.5794392523, 229.3) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-background-clip: text;
   /* stylelint-enable property-no-vendor-prefix */
-  -webkit-text-stroke: 1px #0081e5;
+  -webkit-text-stroke: 1px rgb(0, 128.5794392523, 229.3);
 }
 .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(#005ba3), to(transparent));
-  background: linear-gradient(to right, #005ba3 var(--rating-value), transparent var(--rating-value));
+  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 91.4018691589, 163)), to(transparent));
+  background: linear-gradient(to right, rgb(0, 91.4018691589, 163) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-background-clip: text;
   /* stylelint-enable property-no-vendor-prefix */
-  -webkit-text-stroke: 1px #005ba3;
+  -webkit-text-stroke: 1px rgb(0, 91.4018691589, 163);
 }
 .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(#333), to(transparent));
@@ -223,16 +223,16 @@
   /* 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(#0081e5), to(transparent));
-  background: linear-gradient(to left, #0081e5 var(--rating-value), transparent var(--rating-value));
+  background: -webkit-gradient(linear, right top, left top, from(rgb(0, 128.5794392523, 229.3)), to(transparent));
+  background: linear-gradient(to left, rgb(0, 128.5794392523, 229.3) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-background-clip: text;
   /* 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(#005ba3), to(transparent));
-  background: linear-gradient(to left, #005ba3 var(--rating-value), transparent var(--rating-value));
+  background: -webkit-gradient(linear, right top, left top, from(rgb(0, 91.4018691589, 163)), to(transparent));
+  background: linear-gradient(to left, rgb(0, 91.4018691589, 163) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-background-clip: text;

package/styles/rating/fluent-dark.css

@@ -194,25 +194,25 @@
   -webkit-text-stroke: 1px #f3f2f1;
 }
 .e-rating-container .e-rating-item-container.e-selected-value .e-rating-icon {
-  -webkit-text-stroke: 1px #1a86d8;
+  -webkit-text-stroke: 1px rgb(25.5, 133.5, 216.3);
 }
 .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(#1a86d8), to(transparent));
-  background: linear-gradient(to right, #1a86d8 var(--rating-value), transparent var(--rating-value));
+  background: -webkit-gradient(linear, left top, right top, from(rgb(25.5, 133.5, 216.3)), to(transparent));
+  background: linear-gradient(to right, rgb(25.5, 133.5, 216.3) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-background-clip: text;
   /* stylelint-enable property-no-vendor-prefix */
-  -webkit-text-stroke: 1px #1a86d8;
+  -webkit-text-stroke: 1px rgb(25.5, 133.5, 216.3);
 }
 .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(#3393dd), to(transparent));
-  background: linear-gradient(to right, #3393dd var(--rating-value), transparent var(--rating-value));
+  background: -webkit-gradient(linear, left top, right top, from(rgb(51, 147, 220.6)), to(transparent));
+  background: linear-gradient(to right, rgb(51, 147, 220.6) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-background-clip: text;
   /* stylelint-enable property-no-vendor-prefix */
-  -webkit-text-stroke: 1px #3393dd;
+  -webkit-text-stroke: 1px rgb(51, 147, 220.6);
 }
 .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(#f3f2f1), to(transparent));
@@ -223,16 +223,16 @@
   /* 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(#1a86d8), to(transparent));
-  background: linear-gradient(to left, #1a86d8 var(--rating-value), transparent var(--rating-value));
+  background: -webkit-gradient(linear, right top, left top, from(rgb(25.5, 133.5, 216.3)), to(transparent));
+  background: linear-gradient(to left, rgb(25.5, 133.5, 216.3) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-background-clip: text;
   /* 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(#3393dd), to(transparent));
-  background: linear-gradient(to left, #3393dd var(--rating-value), transparent var(--rating-value));
+  background: -webkit-gradient(linear, right top, left top, from(rgb(51, 147, 220.6)), to(transparent));
+  background: linear-gradient(to left, rgb(51, 147, 220.6) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-background-clip: text;

package/styles/rating/fluent.css

@@ -194,25 +194,25 @@
   -webkit-text-stroke: 1px #323130;
 }
 .e-rating-container .e-rating-item-container.e-selected-value .e-rating-icon {
-  -webkit-text-stroke: 1px #006cbf;
+  -webkit-text-stroke: 1px rgb(0, 108, 190.8);
 }
 .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(#006cbf), to(transparent));
-  background: linear-gradient(to right, #006cbf var(--rating-value), transparent var(--rating-value));
+  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 108, 190.8)), to(transparent));
+  background: linear-gradient(to right, rgb(0, 108, 190.8) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-background-clip: text;
   /* stylelint-enable property-no-vendor-prefix */
-  -webkit-text-stroke: 1px #006cbf;
+  -webkit-text-stroke: 1px rgb(0, 108, 190.8);
 }
 .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(#0060aa), to(transparent));
-  background: linear-gradient(to right, #0060aa var(--rating-value), transparent var(--rating-value));
+  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 96, 169.6)), to(transparent));
+  background: linear-gradient(to right, rgb(0, 96, 169.6) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-background-clip: text;
   /* stylelint-enable property-no-vendor-prefix */
-  -webkit-text-stroke: 1px #0060aa;
+  -webkit-text-stroke: 1px rgb(0, 96, 169.6);
 }
 .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(#323130), to(transparent));
@@ -223,16 +223,16 @@
   /* 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(#006cbf), to(transparent));
-  background: linear-gradient(to left, #006cbf var(--rating-value), transparent var(--rating-value));
+  background: -webkit-gradient(linear, right top, left top, from(rgb(0, 108, 190.8)), to(transparent));
+  background: linear-gradient(to left, rgb(0, 108, 190.8) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-background-clip: text;
   /* 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(#0060aa), to(transparent));
-  background: linear-gradient(to left, #0060aa var(--rating-value), transparent var(--rating-value));
+  background: -webkit-gradient(linear, right top, left top, from(rgb(0, 96, 169.6)), to(transparent));
+  background: linear-gradient(to left, rgb(0, 96, 169.6) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-background-clip: text;

package/styles/rating/tailwind-dark.css

@@ -210,13 +210,13 @@
   -webkit-text-stroke: 1px #22d3ee;
 }
 .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(#69e1f3), to(transparent));
-  background: linear-gradient(to right, #69e1f3 var(--rating-value), transparent var(--rating-value));
+  background: -webkit-gradient(linear, left top, right top, from(rgb(13.9642857143, 159.3571428571, 181.5357142857)), to(transparent));
+  background: linear-gradient(to right, rgb(13.9642857143, 159.3571428571, 181.5357142857) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-background-clip: text;
   /* stylelint-enable property-no-vendor-prefix */
-  -webkit-text-stroke: 1px #69e1f3;
+  -webkit-text-stroke: 1px rgb(13.9642857143, 159.3571428571, 181.5357142857);
 }
 .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(#d1d5db), to(transparent));
@@ -235,8 +235,8 @@
   /* 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(#69e1f3), to(transparent));
-  background: linear-gradient(to left, #69e1f3 var(--rating-value), transparent var(--rating-value));
+  background: -webkit-gradient(linear, right top, left top, from(rgb(13.9642857143, 159.3571428571, 181.5357142857)), to(transparent));
+  background: linear-gradient(to left, rgb(13.9642857143, 159.3571428571, 181.5357142857) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-background-clip: text;

package/styles/rating/tailwind.css

@@ -210,13 +210,13 @@
   -webkit-text-stroke: 1px #4f46e5;
 }
 .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(#251bc3), to(transparent));
-  background: linear-gradient(to right, #251bc3 var(--rating-value), transparent var(--rating-value));
+  background: -webkit-gradient(linear, left top, right top, from(rgb(36.9075829384, 27.4170616114, 195.0829383886)), to(transparent));
+  background: linear-gradient(to right, rgb(36.9075829384, 27.4170616114, 195.0829383886) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-background-clip: text;
   /* stylelint-enable property-no-vendor-prefix */
-  -webkit-text-stroke: 1px #251bc3;
+  -webkit-text-stroke: 1px rgb(36.9075829384, 27.4170616114, 195.0829383886);
 }
 .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(#111827), to(transparent));
@@ -235,8 +235,8 @@
   /* 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(#251bc3), to(transparent));
-  background: linear-gradient(to left, #251bc3 var(--rating-value), transparent var(--rating-value));
+  background: -webkit-gradient(linear, right top, left top, from(rgb(36.9075829384, 27.4170616114, 195.0829383886)), to(transparent));
+  background: linear-gradient(to left, rgb(36.9075829384, 27.4170616114, 195.0829383886) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-background-clip: text;

package/styles/signature/bootstrap5-dark.css

@@ -5,5 +5,5 @@
 .e-signature.e-control {
   background-color: #fff;
   border: 1px solid;
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }

package/styles/slider/_bootstrap4-definition.scss

@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 $slider-bg-color: $gray-800 !default;
 $slider-disabled-bg-color: $gray-500 !default;
 $slider-active-bg-color: $gray-500 !default;
@@ -127,8 +129,8 @@ $slider-tab-background: $primary !default;
 $slider-tab-border-color: $primary !default;
 $slider-tab-active-box-shadow: 0 0 0 1px $white, 0 0 0 3px rgba($primary, .25) !default;
 
-$slider-handle-active-bg-color: lighten($primary, 35%) !default;
-$slider-handle-active-border-color: lighten($primary, 35%) !default;
+$slider-handle-active-bg-color: color.adjust($primary, $lightness: 35%) !default;
+$slider-handle-active-border-color: color.adjust($primary, $lightness: 35%) !default;
 $slider-handle-active-box-shadow: 0 0 0 1px $white, 0 0 0 3px rgba($primary, .25) !default;
 
 $slider-button-hleft-bg-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAolBMVEUAAAD////////////////////////+/v7////+/v7////+/v7////+/v7////////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7///+y6E2hAAAANXRSTlMABAgMEBQYHCAkKCwwNEBESExUWFxkaGx0fICDh4ubn6Orr7O3u7/Hy8/T19vf4+fr7/P3+0e6nekAAAEFSURBVHjalZXJVgJBEASjnXHAEUQURZBFFAfZt+H/f82jedCXVpyjD1mvs4q/aR4uP1QJR7YUf1tgmYl/amEZXIRHLF31X7GUJ/E/fOB8I/46w5Hm4h9LLGPx63ssPQ08wNI+i/+GpdiLv/xH4IX4+waWqQa+w9LXwE9YOrX4ExzxCqzE3xVY3oMVGGrgHpYH9UdYWlqBuQ9cbLUCOY5UaeCS4INbPMVO19A1wdBVIli0CXhG+uIZYsui7uDJ1/Li0MRTHuXFKouOakZ0VMPwqLqBUckfiWzuTU7wNnwmgtdnDPFyxy7ouQ3hBeW50RW4SMSXrOdFg/chfCg8V1/RcjR+PXbfOBx/sErjBl8AAAAASUVORK5CYII=');

package/styles/slider/_fluent2-definition.scss

@@ -65,9 +65,9 @@ $tick-before-mobile-left: 2px !default;
 $tick-after-mobile-left: 18px !default;
 $largetick-before-mobile-height: 12px !default;
 $tick-before-mobile-top: -12px !default;
-$largetick-after-mobile-top: 8px !default;
+$largetick-after-mobile-top: 14px !default;
 $largetick-before-mobile-left: -2px !default;
-$tick-after-mobile-top: 4px !default;
+$tick-after-mobile-top: 14px !default;
 $slider-mobile-scale-font-size: $text-sm !default;
 $slider-button-horizon-mobile-padding: 0 36px !default;
 $slider-button-vertical-mobile-padding: 36px 0 !default;