@syncfusion/ej2-inputs 26.1.41 → 26.2.4

package/styles/input/fluent-dark.css

@@ -1975,7 +1975,11 @@ input.e-input,
 .e-input-group.e-input-focus input.e-input,
 .e-input-group.e-control-wrapper.e-input-focus input.e-input,
 .e-float-input.e-control-wrapper.e-input-focus input,
-.e-float-input.e-input-focus input,
+.e-float-input.e-input-focus input {
+  padding-left: 8px;
+  text-indent: 0;
+}
+
 textarea.e-input,
 .e-input-group textarea.e-input,
 .e-input-group textarea,
@@ -3912,9 +3916,11 @@ 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: #0078d4;
   border-color: #0078d4;
   border-radius: 2px;
-  border-width: 2px;
+  -webkit-box-shadow: 0 0 0 1px #0078d4;
+          box-shadow: 0 0 0 1px #0078d4;
 }
 
 .e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,

package/styles/input/fluent.css

@@ -1975,7 +1975,11 @@ input.e-input,
 .e-input-group.e-input-focus input.e-input,
 .e-input-group.e-control-wrapper.e-input-focus input.e-input,
 .e-float-input.e-control-wrapper.e-input-focus input,
-.e-float-input.e-input-focus input,
+.e-float-input.e-input-focus input {
+  padding-left: 8px;
+  text-indent: 0;
+}
+
 textarea.e-input,
 .e-input-group textarea.e-input,
 .e-input-group textarea,
@@ -3912,9 +3916,11 @@ 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: #0078d4;
   border-color: #0078d4;
   border-radius: 2px;
-  border-width: 2px;
+  -webkit-box-shadow: 0 0 0 1px #0078d4;
+          box-shadow: 0 0 0 1px #0078d4;
 }
 
 .e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,

package/styles/input/fluent2.css

@@ -3528,7 +3528,11 @@ input.e-input,
 .e-input-group.e-input-focus input.e-input,
 .e-input-group.e-control-wrapper.e-input-focus input.e-input,
 .e-float-input.e-control-wrapper.e-input-focus input,
-.e-float-input.e-input-focus input,
+.e-float-input.e-input-focus input {
+  padding-left: 8px;
+  text-indent: 0;
+}
+
 textarea.e-input,
 .e-input-group textarea.e-input,
 .e-input-group textarea,
@@ -3542,7 +3546,7 @@ textarea.e-input,
 .e-input-group.e-control-wrapper textarea.e-input:focus,
 .e-float-input.e-control-wrapper textarea:focus,
 .e-float-input textarea:focus {
-  padding-left: 8px;
+  padding-left: 12px;
   text-indent: 0;
 }
 
@@ -3864,7 +3868,7 @@ textarea.e-input.e-bigger,
 .e-bigger .e-input-group.e-control-wrapper textarea.e-input:focus,
 .e-bigger .e-float-input.e-control-wrapper textarea:focus,
 .e-bigger .e-float-input textarea:focus {
-  padding-left: 7px;
+  padding: 6px 12px 6px 16px;
   text-indent: 0;
 }
 
@@ -4545,18 +4549,18 @@ textarea.e-input.e-bigger.e-small,
   min-height: 22px;
 }
 
-.e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-float-input:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-.e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-.e-float-input.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]) {
+.e-input-group:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+.e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+.e-float-input:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+.e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+.e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]),
+.e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+.e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]),
+.e-float-input.e-control-wrapper:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]),
+.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]) {
   border-bottom-width: 1px;
   border-color: var(--color-sf-border-dark);
 }
@@ -8403,7 +8407,7 @@ textarea.e-input::selection,
   border-color: var(--color-sf-border-alt);
 }
 
-.e-bigger .e-input:focus:not(.e-success):not(.e-warning):not(.e-error) {
+.e-bigger .e-input:focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-textarea) {
   padding-bottom: 0;
 }
 
@@ -8419,6 +8423,16 @@ textarea.e-input::selection,
   border-bottom-width: 2px;
 }
 
+textarea.e-input:focus:not(.e-success):not(.e-warning):not(.e-error) {
+  border-bottom-color: var(--color-sf-primary);
+  padding-bottom: 4px;
+  border-bottom-width: 0;
+}
+
+.e-bigger textarea.e-input:focus:not(.e-success):not(.e-warning):not(.e-error) {
+  padding-bottom: 6px;
+}
+
 .e-input-group:not(.e-success):not(.e-warning):not(.e-error) input.e-input:focus,
 .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) input.e-input:focus,
 .e-input-group:not(.e-success):not(.e-warning):not(.e-error).e-input-focus input.e-input,

package/styles/input/highcontrast-light.css

@@ -2072,7 +2072,11 @@ input.e-input,
 .e-input-group.e-input-focus input.e-input,
 .e-input-group.e-control-wrapper.e-input-focus input.e-input,
 .e-float-input.e-control-wrapper.e-input-focus input,
-.e-float-input.e-input-focus input,
+.e-float-input.e-input-focus input {
+  padding-left: 10px;
+  text-indent: 0;
+}
+
 textarea.e-input,
 .e-input-group textarea.e-input,
 .e-input-group textarea,

package/styles/input/highcontrast.css

@@ -2072,7 +2072,11 @@ input.e-input,
 .e-input-group.e-input-focus input.e-input,
 .e-input-group.e-control-wrapper.e-input-focus input.e-input,
 .e-float-input.e-control-wrapper.e-input-focus input,
-.e-float-input.e-input-focus input,
+.e-float-input.e-input-focus input {
+  padding-left: 10px;
+  text-indent: 0;
+}
+
 textarea.e-input,
 .e-input-group textarea.e-input,
 .e-input-group textarea,

package/styles/input/material-dark.css

@@ -2375,7 +2375,11 @@ input.e-input,
 .e-input-group.e-input-focus input.e-input,
 .e-input-group.e-control-wrapper.e-input-focus input.e-input,
 .e-float-input.e-control-wrapper.e-input-focus input,
-.e-float-input.e-input-focus input,
+.e-float-input.e-input-focus input {
+  padding-left: 0;
+  text-indent: 0;
+}
+
 textarea.e-input,
 .e-input-group textarea.e-input,
 .e-input-group textarea,
@@ -3432,18 +3436,18 @@ textarea.e-input.e-bigger.e-small,
   min-height: 22px;
 }
 
-.e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-float-input:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-.e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-.e-float-input.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]) {
+.e-input-group:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+.e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+.e-float-input:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+.e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+.e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]),
+.e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+.e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]),
+.e-float-input.e-control-wrapper:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]),
+.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]) {
   border-bottom-width: 1px;
 }
 

package/styles/input/material.css

@@ -2395,7 +2395,11 @@ input.e-input,
 .e-input-group.e-input-focus input.e-input,
 .e-input-group.e-control-wrapper.e-input-focus input.e-input,
 .e-float-input.e-control-wrapper.e-input-focus input,
-.e-float-input.e-input-focus input,
+.e-float-input.e-input-focus input {
+  padding-left: 0;
+  text-indent: 0;
+}
+
 textarea.e-input,
 .e-input-group textarea.e-input,
 .e-input-group textarea,
@@ -3452,18 +3456,18 @@ textarea.e-input.e-bigger.e-small,
   min-height: 22px;
 }
 
-.e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-float-input:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-.e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-.e-float-input.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]) {
+.e-input-group:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+.e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+.e-float-input:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+.e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+.e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]),
+.e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+.e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]),
+.e-float-input.e-control-wrapper:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]),
+.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]) {
   border-bottom-width: 1px;
 }
 

package/styles/input/material3-dark.css

@@ -2389,7 +2389,11 @@ input.e-input,
 .e-input-group.e-input-focus input.e-input,
 .e-input-group.e-control-wrapper.e-input-focus input.e-input,
 .e-float-input.e-control-wrapper.e-input-focus input,
-.e-float-input.e-input-focus input,
+.e-float-input.e-input-focus input {
+  padding-left: 0;
+  text-indent: 0;
+}
+
 textarea.e-input,
 .e-input-group textarea.e-input,
 .e-input-group textarea,
@@ -3394,18 +3398,18 @@ textarea.e-input.e-bigger.e-small,
   min-height: 22px;
 }
 
-.e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-float-input:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-.e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-.e-float-input.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]) {
+.e-input-group:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+.e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+.e-float-input:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+.e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+.e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]),
+.e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+.e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]),
+.e-float-input.e-control-wrapper:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]),
+.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]) {
   border-bottom-width: 1px;
 }
 

package/styles/input/material3.css

@@ -2445,7 +2445,11 @@ input.e-input,
 .e-input-group.e-input-focus input.e-input,
 .e-input-group.e-control-wrapper.e-input-focus input.e-input,
 .e-float-input.e-control-wrapper.e-input-focus input,
-.e-float-input.e-input-focus input,
+.e-float-input.e-input-focus input {
+  padding-left: 0;
+  text-indent: 0;
+}
+
 textarea.e-input,
 .e-input-group textarea.e-input,
 .e-input-group textarea,
@@ -3450,18 +3454,18 @@ textarea.e-input.e-bigger.e-small,
   min-height: 22px;
 }
 
-.e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-float-input:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-.e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-.e-float-input.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]) {
+.e-input-group:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+.e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+.e-float-input:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+.e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+.e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]),
+.e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+.e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]),
+.e-float-input.e-control-wrapper:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]),
+.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]) {
   border-bottom-width: 1px;
 }
 

package/styles/input/tailwind-dark.css

@@ -2115,7 +2115,11 @@ input.e-input,
 .e-input-group.e-input-focus input.e-input,
 .e-input-group.e-control-wrapper.e-input-focus input.e-input,
 .e-float-input.e-control-wrapper.e-input-focus input,
-.e-float-input.e-input-focus input,
+.e-float-input.e-input-focus input {
+  padding-left: 12px;
+  text-indent: 0;
+}
+
 textarea.e-input,
 .e-input-group textarea.e-input,
 .e-input-group textarea,

package/styles/input/tailwind.css

@@ -2115,7 +2115,11 @@ input.e-input,
 .e-input-group.e-input-focus input.e-input,
 .e-input-group.e-control-wrapper.e-input-focus input.e-input,
 .e-float-input.e-control-wrapper.e-input-focus input,
-.e-float-input.e-input-focus input,
+.e-float-input.e-input-focus input {
+  padding-left: 12px;
+  text-indent: 0;
+}
+
 textarea.e-input,
 .e-input-group textarea.e-input,
 .e-input-group textarea,

package/styles/material-dark.css

@@ -2385,7 +2385,11 @@ input.e-input,
 .e-input-group.e-input-focus input.e-input,
 .e-input-group.e-control-wrapper.e-input-focus input.e-input,
 .e-float-input.e-control-wrapper.e-input-focus input,
-.e-float-input.e-input-focus input,
+.e-float-input.e-input-focus input {
+  padding-left: 0;
+  text-indent: 0;
+}
+
 textarea.e-input,
 .e-input-group textarea.e-input,
 .e-input-group textarea,
@@ -3442,18 +3446,18 @@ textarea.e-input.e-bigger.e-small,
   min-height: 22px;
 }
 
-.e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-float-input:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-.e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-.e-float-input.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]) {
+.e-input-group:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+.e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+.e-float-input:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+.e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+.e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]),
+.e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+.e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]),
+.e-float-input.e-control-wrapper:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]),
+.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]) {
   border-bottom-width: 1px;
 }
 
@@ -12080,9 +12084,13 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder,
   cursor: pointer;
 }
 .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-tick {
+  height: 7px;
+  top: 5px;
   background-position: bottom;
-  height: 50%;
-  top: 1px;
+}
+.e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-large {
+  height: 10px;
+  top: 5px;
 }
 .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-v-scale .e-tick {
   background-position: right;
@@ -12090,9 +12098,13 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder,
   left: 1px;
 }
 .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-h-scale .e-tick {
+  height: 7px;
+  top: 10px;
   background-position-x: center;
-  height: 50%;
-  top: calc(50% - 1px);
+}
+.e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-h-scale .e-large {
+  height: 10px;
+  top: 13px;
 }
 .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-v-scale .e-tick {
   background-position: left;
@@ -12101,7 +12113,11 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder,
 }
 .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-h-scale .e-tick {
   background-position: center;
-  height: 99%;
+  height: 12px;
+}
+.e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-h-scale .e-large {
+  height: 20px;
+  top: 4px;
 }
 .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-v-scale .e-tick {
   background-position: center;
@@ -12126,7 +12142,7 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder,
   z-index: 1;
 }
 .e-control-wrapper.e-slider-container .e-scale .e-tick {
-  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFElEQVQI12NkYGAIZ2BgYGBigAIABPgAW+yfXroAAAAASUVORK5CYII=");
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAHCAYAAAAie5yXAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAeSURBVHgBlcYxAQAACAJBNOlHMboMFOCmG+Bkq6jyZBgBrr7SD7YAAAAASUVORK5CYII=");
   cursor: default;
   outline: none;
   position: relative;
@@ -12135,6 +12151,9 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder,
       -ms-user-select: none;
           user-select: none;
 }
+.e-control-wrapper.e-slider-container .e-scale .e-tick.e-large {
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAKCAYAAACe5Y9JAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAfSURBVHgBrcYxAQAACAJBNOlHMboMROCmG+Bkq2jlAZHeAbRZSr3QAAAAAElFTkSuQmCC");
+}
 .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value {
   color: #fff;
   font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
@@ -12164,7 +12183,7 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder,
 }
 .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick {
   display: inline-block;
-  background-repeat: no-repeat;
+  background-repeat: repeat-y;
 }
 .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-before, .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both:first-child {
   top: -18px;
@@ -14825,7 +14844,7 @@ body.e-colorpicker-overflow {
   color: #616161;
 }
 .e-otpinput.e-outline .e-otp-input-field {
-  border: 2px solid #616161;
+  border: 1px solid #616161;
 }
 .e-otpinput.e-outline .e-otp-input-field, .e-otpinput.e-underlined .e-otp-input-field, .e-otpinput.e-filled .e-otp-input-field {
   border-bottom: 2px solid #616161;

package/styles/material.css

@@ -2405,7 +2405,11 @@ input.e-input,
 .e-input-group.e-input-focus input.e-input,
 .e-input-group.e-control-wrapper.e-input-focus input.e-input,
 .e-float-input.e-control-wrapper.e-input-focus input,
-.e-float-input.e-input-focus input,
+.e-float-input.e-input-focus input {
+  padding-left: 0;
+  text-indent: 0;
+}
+
 textarea.e-input,
 .e-input-group textarea.e-input,
 .e-input-group textarea,
@@ -3462,18 +3466,18 @@ textarea.e-input.e-bigger.e-small,
   min-height: 22px;
 }
 
-.e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-float-input:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-.e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-.e-float-input.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]) {
+.e-input-group:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+.e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+.e-float-input:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+.e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+.e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]),
+.e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+.e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]),
+.e-float-input.e-control-wrapper:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]),
+.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]) {
   border-bottom-width: 1px;
 }
 
@@ -12184,7 +12188,7 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder,
 }
 .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick {
   display: inline-block;
-  background-repeat: no-repeat;
+  background-repeat: repeat-y;
 }
 .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-before, .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both:first-child {
   top: -18px;
@@ -14862,7 +14866,7 @@ body.e-colorpicker-overflow {
   color: #bdbdbd;
 }
 .e-otpinput.e-outline .e-otp-input-field {
-  border: 2px solid #bdbdbd;
+  border: 1px solid #bdbdbd;
 }
 .e-otpinput.e-outline .e-otp-input-field, .e-otpinput.e-underlined .e-otp-input-field, .e-otpinput.e-filled .e-otp-input-field {
   border-bottom: 2px solid #bdbdbd;

package/styles/material3-dark.css

@@ -2399,7 +2399,11 @@ input.e-input,
 .e-input-group.e-input-focus input.e-input,
 .e-input-group.e-control-wrapper.e-input-focus input.e-input,
 .e-float-input.e-control-wrapper.e-input-focus input,
-.e-float-input.e-input-focus input,
+.e-float-input.e-input-focus input {
+  padding-left: 0;
+  text-indent: 0;
+}
+
 textarea.e-input,
 .e-input-group textarea.e-input,
 .e-input-group textarea,
@@ -3404,18 +3408,18 @@ textarea.e-input.e-bigger.e-small,
   min-height: 22px;
 }
 
-.e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-float-input:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-.e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-.e-float-input.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]) {
+.e-input-group:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+.e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+.e-float-input:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+.e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+.e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]),
+.e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+.e-float-input:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]),
+.e-float-input.e-control-wrapper:hover:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
+.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]),
+.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input:not([disabled]),
+.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea:not([disabled]) {
   border-bottom-width: 1px;
 }
 
@@ -14927,7 +14931,7 @@ body.e-colorpicker-overflow {
   color: var(--color-sf-outline);
 }
 .e-otpinput.e-outline .e-otp-input-field {
-  border: 2px solid rgba(var(--color-sf-outline));
+  border: 1px solid rgba(var(--color-sf-outline));
 }
 .e-otpinput.e-outline .e-otp-input-field, .e-otpinput.e-underlined .e-otp-input-field, .e-otpinput.e-filled .e-otp-input-field {
   border-bottom: 2px solid rgba(var(--color-sf-outline));