@syncfusion/ej2-angular-inputs 26.1.42 → 26.2.4

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

@@ -2444,7 +2444,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,
@@ -3449,18 +3453,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

@@ -2556,7 +2556,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,
@@ -3561,18 +3565,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;
 }
 
@@ -14881,7 +14885,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;
 }
 
@@ -14953,7 +14957,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

@@ -2564,7 +2564,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,
@@ -3569,18 +3573,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;
 }
 
@@ -16284,7 +16288,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));

package/styles/material3.css

@@ -2788,7 +2788,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,
@@ -3793,18 +3797,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;
 }
 
@@ -17628,7 +17632,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));

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

@@ -190,7 +190,7 @@
   color: #767676;
 }
 .e-otpinput.e-outline .e-otp-input-field {
-  border: 2px solid #767676;
+  border: 1px solid #767676;
 }
 .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 #767676;

package/styles/otp-input/bootstrap.css

@@ -190,7 +190,7 @@
   color: #ccc;
 }
 .e-otpinput.e-outline .e-otp-input-field {
-  border: 2px solid #ccc;
+  border: 1px solid #ccc;
 }
 .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 #ccc;

package/styles/otp-input/bootstrap4.css

@@ -190,7 +190,7 @@
   color: #ced4da;
 }
 .e-otpinput.e-outline .e-otp-input-field {
-  border: 2px solid #ced4da;
+  border: 1px solid #ced4da;
 }
 .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 #ced4da;

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

@@ -190,7 +190,7 @@
   color: #6c757d;
 }
 .e-otpinput.e-outline .e-otp-input-field {
-  border: 2px solid #6c757d;
+  border: 1px solid #6c757d;
 }
 .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 #6c757d;

package/styles/otp-input/bootstrap5.css

@@ -190,7 +190,7 @@
   color: #ced4da;
 }
 .e-otpinput.e-outline .e-otp-input-field {
-  border: 2px solid #ced4da;
+  border: 1px solid #ced4da;
 }
 .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 #ced4da;

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

@@ -190,7 +190,7 @@
   color: #9a9a9a;
 }
 .e-otpinput.e-outline .e-otp-input-field {
-  border: 2px solid #9a9a9a;
+  border: 1px solid #9a9a9a;
 }
 .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 #9a9a9a;

package/styles/otp-input/fabric.css

@@ -190,7 +190,7 @@
   color: #c8c8c8;
 }
 .e-otpinput.e-outline .e-otp-input-field {
-  border: 2px solid #c8c8c8;
+  border: 1px solid #c8c8c8;
 }
 .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 #c8c8c8;

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

@@ -190,7 +190,7 @@
   color: #a19f9d;
 }
 .e-otpinput.e-outline .e-otp-input-field {
-  border: 2px solid #a19f9d;
+  border: 1px solid #a19f9d;
 }
 .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 #a19f9d;

package/styles/otp-input/fluent.css

@@ -190,7 +190,7 @@
   color: #605e5c;
 }
 .e-otpinput.e-outline .e-otp-input-field {
-  border: 2px solid #605e5c;
+  border: 1px solid #605e5c;
 }
 .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 #605e5c;