@syncfusion/ej2-inputs 28.2.11 → 29.1.34

package/styles/material3-lite.css

@@ -9020,6 +9020,87 @@ body.e-colorpicker-overflow {
   border-color: rgba(var(--color-sf-warning));
 }
 
+.e-listen-icon::before {
+  content: "\e91c";
+}
+
+.e-listen-stop::before {
+  content: "\e919";
+}
+
+.e-speech-to-text.e-btn {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  border-radius: 9999px;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  font-size: 14px;
+  min-width: 40px;
+  min-height: 40px;
+  padding: 0 14px;
+}
+.e-speech-to-text.e-btn.e-round {
+  width: 40px;
+  height: 40px;
+  padding: 0;
+}
+.e-speech-to-text.e-btn .e-btn-icon {
+  font-size: 14px;
+}
+.e-speech-to-text.e-btn:disabled {
+  pointer-events: none;
+}
+.e-speech-to-text.e-btn.e-listening-state {
+  -webkit-animation: listening 1.2s infinite;
+          animation: listening 1.2s infinite;
+}
+
+.e-speech-to-text.e-round .e-btn-icon {
+  font-size: 18px;
+}
+
+@-webkit-keyframes listening {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+}
+
+@keyframes listening {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+}
+.e-speech-to-text {
+  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12);
+          box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12);
+}
+.e-speech-to-text:hover:not(:focus), .e-speech-to-text:active, .e-speech-to-text.e-active, .e-speech-to-text:disabled {
+  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12);
+          box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12);
+}
+.e-speech-to-text:focus {
+  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12);
+          box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12);
+}
+.e-speech-to-text.e-flat {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
 .smart-textarea-suggestion-overlay {
   display: none;
   position: absolute;

package/styles/material3-lite.scss

@@ -33,5 +33,8 @@
 @import 'data-form/all.scss';
 @import 'otp-input/material3-definition.scss';
 @import 'otp-input/all.scss';
+@import 'speech-to-text/material3-definition.scss';
+@import 'speech-to-text/icons/material3.scss';
+@import 'speech-to-text/all.scss';
 @import 'smart-textarea/material3-definition.scss';
 @import 'smart-textarea/all.scss';

package/styles/material3.css

@@ -15401,6 +15401,117 @@ body.e-colorpicker-overflow {
   padding: 0;
 }
 
+.e-listen-icon::before {
+  content: "\e91c";
+}
+
+.e-listen-stop::before {
+  content: "\e919";
+}
+
+.e-speech-to-text.e-btn {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  border-radius: 9999px;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  font-size: 14px;
+  min-width: 40px;
+  min-height: 40px;
+  padding: 0 14px;
+}
+.e-speech-to-text.e-btn.e-round {
+  width: 40px;
+  height: 40px;
+  padding: 0;
+}
+.e-speech-to-text.e-btn .e-btn-icon {
+  font-size: 14px;
+}
+.e-speech-to-text.e-btn:disabled {
+  pointer-events: none;
+}
+.e-speech-to-text.e-btn.e-listening-state {
+  -webkit-animation: listening 1.2s infinite;
+          animation: listening 1.2s infinite;
+}
+
+.e-speech-to-text.e-round .e-btn-icon {
+  font-size: 18px;
+}
+
+@-webkit-keyframes listening {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+}
+
+@keyframes listening {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+}
+.e-speech-to-text {
+  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12);
+          box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12);
+}
+.e-speech-to-text:hover:not(:focus), .e-speech-to-text:active, .e-speech-to-text.e-active, .e-speech-to-text:disabled {
+  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12);
+          box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12);
+}
+.e-speech-to-text:focus {
+  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12);
+          box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12);
+}
+.e-speech-to-text.e-flat {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
+.e-bigger .e-speech-to-text.e-btn,
+.e-bigger.e-speech-to-text.e-btn {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  border-radius: 9999px;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  font-size: 16px;
+  min-width: 52px;
+  min-height: 52px;
+  padding: 0 16px;
+}
+.e-bigger .e-speech-to-text.e-btn.e-round,
+.e-bigger.e-speech-to-text.e-btn.e-round {
+  width: 52px;
+  height: 52px;
+  padding: 0;
+}
+.e-bigger .e-speech-to-text.e-btn .e-btn-icon,
+.e-bigger.e-speech-to-text.e-btn .e-btn-icon {
+  font-size: 16px;
+}
+
+.e-bigger .e-speech-to-text.e-round .e-btn-icon,
+.e-bigger.e-speech-to-text.e-round .e-btn-icon {
+  font-size: 22px;
+}
+
 .smart-textarea-suggestion-overlay {
   display: none;
   position: absolute;

package/styles/material3.scss

@@ -44,5 +44,9 @@
 @import 'otp-input/material3-definition.scss';
 @import 'otp-input/all.scss';
 @import 'otp-input/bigger.scss';
+@import 'speech-to-text/material3-definition.scss';
+@import 'speech-to-text/icons/material3.scss';
+@import 'speech-to-text/all.scss';
+@import 'speech-to-text/bigger.scss';
 @import 'smart-textarea/material3-definition.scss';
 @import 'smart-textarea/all.scss';

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);
 }