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

package/styles/fluent-dark-lite.css

@@ -2733,7 +2733,7 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
           transform: scale(1.5);
 }
 .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
-  border-color: #006cbf;
+  border-color: rgb(0, 108, 190.8);
 }
 .e-control-wrapper.e-slider-container .e-slider .e-tab-track {
   background-color: #005a9e;
@@ -3153,10 +3153,10 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   background-color: #0078d4;
 }
 .e-control-wrapper.e-slider-container.e-slider-hover .e-handle {
-  border-color: #006cbf;
+  border-color: rgb(0, 108, 190.8);
 }
 .e-control-wrapper.e-slider-container:not(.e-disabled):not(.e-read-only):active .e-handle {
-  border-color: #006cbf;
+  border-color: rgb(0, 108, 190.8);
 }
 .e-control-wrapper.e-slider-container:not(.e-disabled):not(.e-read-only):active .e-range {
   background-color: #0078d4;
@@ -4619,25 +4619,25 @@ body.e-colorpicker-overflow {
   -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));
@@ -4648,16 +4648,16 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#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/fluent-dark.css

@@ -4581,7 +4581,7 @@ textarea.e-input.e-bigger.e-small,
           transform: scale(1.5);
 }
 .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
-  border-color: #006cbf;
+  border-color: rgb(0, 108, 190.8);
 }
 .e-control-wrapper.e-slider-container .e-slider .e-tab-track {
   background-color: #005a9e;
@@ -5001,10 +5001,10 @@ textarea.e-input.e-bigger.e-small,
   background-color: #0078d4;
 }
 .e-control-wrapper.e-slider-container.e-slider-hover .e-handle {
-  border-color: #006cbf;
+  border-color: rgb(0, 108, 190.8);
 }
 .e-control-wrapper.e-slider-container:not(.e-disabled):not(.e-read-only):active .e-handle {
-  border-color: #006cbf;
+  border-color: rgb(0, 108, 190.8);
 }
 .e-control-wrapper.e-slider-container:not(.e-disabled):not(.e-read-only):active .e-range {
   background-color: #0078d4;
@@ -7254,25 +7254,25 @@ body.e-colorpicker-overflow {
   -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));
@@ -7283,16 +7283,16 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#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/fluent-lite.css

@@ -2733,7 +2733,7 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
           transform: scale(1.5);
 }
 .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
-  border-color: #006cbf;
+  border-color: rgb(0, 108, 190.8);
 }
 .e-control-wrapper.e-slider-container .e-slider .e-tab-track {
   background-color: #c7e0f4;
@@ -3153,10 +3153,10 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   background-color: #0078d4;
 }
 .e-control-wrapper.e-slider-container.e-slider-hover .e-handle {
-  border-color: #006cbf;
+  border-color: rgb(0, 108, 190.8);
 }
 .e-control-wrapper.e-slider-container:not(.e-disabled):not(.e-read-only):active .e-handle {
-  border-color: #006cbf;
+  border-color: rgb(0, 108, 190.8);
 }
 .e-control-wrapper.e-slider-container:not(.e-disabled):not(.e-read-only):active .e-range {
   background-color: #0078d4;
@@ -4619,25 +4619,25 @@ body.e-colorpicker-overflow {
   -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));
@@ -4648,16 +4648,16 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#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/fluent.css

@@ -4581,7 +4581,7 @@ textarea.e-input.e-bigger.e-small,
           transform: scale(1.5);
 }
 .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
-  border-color: #006cbf;
+  border-color: rgb(0, 108, 190.8);
 }
 .e-control-wrapper.e-slider-container .e-slider .e-tab-track {
   background-color: #c7e0f4;
@@ -5001,10 +5001,10 @@ textarea.e-input.e-bigger.e-small,
   background-color: #0078d4;
 }
 .e-control-wrapper.e-slider-container.e-slider-hover .e-handle {
-  border-color: #006cbf;
+  border-color: rgb(0, 108, 190.8);
 }
 .e-control-wrapper.e-slider-container:not(.e-disabled):not(.e-read-only):active .e-handle {
-  border-color: #006cbf;
+  border-color: rgb(0, 108, 190.8);
 }
 .e-control-wrapper.e-slider-container:not(.e-disabled):not(.e-read-only):active .e-range {
   background-color: #0078d4;
@@ -7254,25 +7254,25 @@ body.e-colorpicker-overflow {
   -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));
@@ -7283,16 +7283,16 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#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/fluent2-lite.css

@@ -2015,7 +2015,7 @@ textarea.e-input.e-small.e-rtl,
   border-left-color: var(--color-sf-border);
   border-right-color: var(--color-sf-border);
   border-radius: 4px;
-  height: 32px;
+  height: 30px;
 }
 
 .e-input-group .e-input-in-wrap,

package/styles/fluent2.css

@@ -2015,7 +2015,7 @@ textarea.e-input.e-small.e-rtl,
   border-left-color: var(--color-sf-border);
   border-right-color: var(--color-sf-border);
   border-radius: 4px;
-  height: 32px;
+  height: 30px;
 }
 
 .e-input-group .e-input-in-wrap,
@@ -9973,12 +9973,12 @@ input.e-input.e-bigger.e-small,
 .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-tick-after.e-scale.e-h-scale .e-tick,
 .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-tick-after.e-scale.e-h-scale .e-tick {
   height: 8px;
-  top: 4px;
+  top: 14px;
 }
 .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-tick-after.e-scale.e-h-scale .e-large,
 .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-tick-after.e-scale.e-h-scale .e-large {
   height: 12px;
-  top: 8px;
+  top: 14px;
 }
 .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-tick-both.e-scale .e-tick,
 .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-tick-both.e-scale .e-tick {

package/styles/input/_bootstrap4-definition.scss

@@ -1,10 +1,12 @@
+@use 'sass:color';
+
 $input-skin-name: 'bootstrap4' !default;
 $zero-value: 0 !default;
 $one-value: 1px !default;
 $border-type: solid !default;
 $border-size: 1px !default;
-$hover-border-color: darken($gray-600, 10%) !default;
-$pressed-border-color: darken($gray-600, 12.5%) !default;
+$hover-border-color: color.adjust($gray-600, $lightness: -10%) !default;
+$pressed-border-color: color.adjust($gray-600, $lightness: -12.5%) !default;
 $input-child-padding-bottom: $zero-value !default;
 $input-child-small-bigger-padding-bottom: $zero-value !default;
 $input-child-small-padding-bottom: $zero-value !default;
@@ -27,7 +29,7 @@ $input-bigger-text-indent: 12px !default;
 $input-small-text-indent: 8px !default;
 $input-small-bigger-text-indent: 8px !default;
 $input-bg-color: $content-bg !default;
-$input-box-border-focus: lighten($primary, 25%) !default;
+$input-box-border-focus: color.adjust($primary, $lightness: 25%) !default;
 $input-success-color: $success !default;
 $input-warning-color:  $warning !default;
 $input-error-color: $danger !default;
@@ -113,8 +115,8 @@ $input-group-active-border: transparent !default;
 $input-group-border: 1px $border-type !default;
 $input-group-border-width: $zero-value !default;
 $input-group-border-radius: $zero-value !default;
-$input-group-pressed-bg: darken($gray-600, 10%) !default;
-$input-hover-bg-color: darken($gray-600, 7.5%) !default;
+$input-group-pressed-bg: color.adjust($gray-600, $lightness: -10%) !default;
+$input-hover-bg-color: color.adjust($gray-600, $lightness: -7.5%) !default;
 $input-valid-group-border-width: 2px !default;
 $input-header-font-color: $gray-600 !default;
 $input-child-margin-bottom: $zero-value !default;
@@ -139,7 +141,7 @@ $input-opacity-filter: 100 !default;
 $input-group-border-width-focus: $one-value !default;
 $input-group-border-type-focus: $border-type !default;
 $input-group-border-color-focus: $input-box-border-focus !default;
-$input-group-border-color-hover: darken($gray-600, 10%) !default;
+$input-group-border-color-hover: color.adjust($gray-600, $lightness: -10%) !default;
 $input-group-border-width-hover: 1px !default;
 $input-group-border-right-focus: transparent !default;
 $input-group-border-left-focus: transparent !default;

package/styles/input/_layout.scss

@@ -2328,7 +2328,7 @@
       border-left-color: $border;
       border-right-color: $border;
       border-radius: 4px;
-      height: 32px;
+      height: 30px;
     }
   }
 
@@ -5718,4 +5718,27 @@
       border-bottom: transparent;
     }
   }
+
+  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+    .e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+      padding: 0;
+  
+      input {
+        padding: 14px 2px 5px 12px;
+      }
+  
+      label.e-float-text {
+        padding-left: 12px;
+      }
+  
+      .e-input-in-wrap .e-input-group-icon {
+        @if $input-skin-name == 'material' {
+          padding-right: 17px;
+        }
+        @else {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
 }

package/styles/input/_tailwind3-definition.scss

@@ -180,13 +180,13 @@ $input-bigger-small-clear-icon-min-width: 24px !default;
 $input-small-clear-icon-min-height: 16px !default;
 $input-small-clear-icon-min-width: 16px !default;
 $input-left-icon-font-size: $zero-value !default;
-$input-bigger-left-icon-font-size: $zero-value !default;
+$input-bigger-left-icon-font-size: 16px !default;
 $input-small-left-icon-font-size: $zero-value !default;
 $input-bigger-small-left-icon-font-size: $zero-value !default;
 $input-left-child-min-height: $zero-value !default;
 $input-left-child-min-width: $zero-value !default;
-$input-bigger-left-child-min-height: $zero-value !default;
-$input-bigger-left-child-min-width: $zero-value !default;
+$input-bigger-left-child-min-height: 36px !default;
+$input-bigger-left-child-min-width: 36px !default;
 $input-small-left-child-min-height: $zero-value !default;
 $input-small-left-child-min-width: $zero-value !default;
 $input-bigger-small-left-child-min-height: $zero-value !default;

package/styles/input/_theme.scss

@@ -1735,7 +1735,8 @@
   .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 {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }

package/styles/input/bootstrap4.css

@@ -2086,8 +2086,8 @@ textarea.e-input,
 
 .e-input-group:not(.e-disabled) .e-input-group-icon:hover,
 .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
-  background: #5a6268;
-  border-color: #545b62;
+  background: rgb(90.2703862661, 97.7929184549, 104.4796137339);
+  border-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
   color: #fff;
 }
 
@@ -2223,10 +2223,10 @@ textarea.e-input:-ms-input-placeholder,
 
 .e-input-group:not(.e-disabled) .e-input-group-icon:active,
 .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:active {
-  background: #545b62;
+  background: rgb(84.3605150215, 91.3905579399, 97.6394849785);
   color: #fff;
   -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  border-color: #4e555b;
+  border-color: rgb(78.4506437768, 84.9881974249, 90.7993562232);
   box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 }
 
@@ -2316,7 +2316,7 @@ textarea.e-input::selection,
 .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) textarea:focus,
 .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group).e-input-focus input,
 .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group).e-input-focus input {
-  border-color: #80bdff;
+  border-color: rgb(127.5, 189, 255);
   -webkit-box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
   box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
   -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
@@ -2389,7 +2389,7 @@ textarea.e-input::selection,
 
 .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error),
 .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
-  border-color: #80bdff;
+  border-color: rgb(127.5, 189, 255);
   -webkit-box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
   box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
   -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
@@ -2413,7 +2413,7 @@ textarea.e-input::selection,
 
 .e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
 .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
-  border-color: #80bdff;
+  border-color: rgb(127.5, 189, 255);
   -webkit-box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
   box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
 }
@@ -2634,7 +2634,7 @@ textarea.e-input::selection,
 .e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]),
 .e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]),
 .e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]) {
-  border-color: #80bdff;
+  border-color: rgb(127.5, 189, 255);
 }
 
 .e-input-group:active:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
@@ -2645,7 +2645,7 @@ textarea.e-input::selection,
 .e-float-input.e-control-wrapper:active:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]),
 .e-float-input:active:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]),
 .e-float-input.e-control-wrapper:active:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]) {
-  border-color: #80bdff;
+  border-color: rgb(127.5, 189, 255);
 }
 
 /* stylelint-disable-line no-empty-source */