@syncfusion/ej2-inputs 26.1.41 → 26.2.4

package/styles/material3.css

@@ -2455,7 +2455,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,
@@ -3460,18 +3464,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;
 }
 
@@ -14983,7 +14987,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/_theme.scss

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

package/styles/otp-input/fluent2.css

@@ -1224,7 +1224,7 @@
   color: var(--color-sf-border);
 }
 .e-otpinput.e-outline .e-otp-input-field {
-  border: 2px solid var(--color-sf-border);
+  border: 1px solid var(--color-sf-border);
 }
 .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 var(--color-sf-border-alt);

package/styles/otp-input/highcontrast-light.css

@@ -190,7 +190,7 @@
   color: rgb(121, 116, 126);
 }
 .e-otpinput.e-outline .e-otp-input-field {
-  border: 2px solid rgb(121, 116, 126);
+  border: 1px solid rgb(121, 116, 126);
 }
 .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 rgb(121, 116, 126);

package/styles/otp-input/highcontrast.css

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

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

@@ -190,7 +190,7 @@
   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/otp-input/material.css

@@ -190,7 +190,7 @@
   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/otp-input/material3-dark.css

@@ -245,7 +245,7 @@
   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/material3.css

@@ -301,7 +301,7 @@
   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/tailwind-dark.css

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

package/styles/otp-input/tailwind.css

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

package/styles/slider/_layout.scss

@@ -914,7 +914,13 @@
       &.e-scale {
         &.e-h-scale {
           .e-tick {
-            @if ($skin-name != 'material' and $skin-name != 'material-dark') {
+            @if ($skin-name != 'material' and $skin-name == 'material-dark') {
+              @include alignment($tick-after-height, $tick-after-top, 'horizontal');
+              @if ($skin-name == 'material-dark') {
+                background-position: bottom;
+              }
+            }
+            @else if ($skin-name != 'material' and $skin-name != 'material-dark') {
               @include alignment($tick-after-height, $tick-after-top, 'horizontal');
             }
             @else {
@@ -924,7 +930,10 @@
           }
 
           .e-large {
-            @if ($skin-name != 'material' and $skin-name != 'material-dark') {
+            @if ($skin-name != 'material' and $skin-name == 'material-dark') {
+              @include alignment($largetick-before-height, $largetick-before-top, 'horizontal');
+            }
+            @else if ($skin-name != 'material' and $skin-name != 'material-dark') {
               @include alignment($largetick-before-height, $largetick-before-top, 'horizontal');
             }
           }
@@ -954,7 +963,13 @@
       &.e-scale {
         &.e-h-scale {
           .e-tick {
-            @if ($skin-name != 'material' and $skin-name != 'material-dark') {
+            @if ($skin-name != 'material' and $skin-name == 'material-dark') {
+              @include alignment($tick-before-height, $tick-before-top, 'horizontal');
+              @if ($skin-name == 'material-dark') {
+                background-position-x: center;
+              }
+            }
+            @else if ($skin-name != 'material' and $skin-name != 'material-dark') {
               @include alignment($tick-before-height, $tick-before-top, 'horizontal');
             }
             @else {
@@ -964,7 +979,10 @@
           }
 
           .e-large {
-            @if ($skin-name != 'material' and $skin-name != 'material-dark') {
+            @if ($skin-name != 'material' and $skin-name == 'material-dark') {
+              @include alignment($largetick-after-height, $largetick-after-top, 'horizontal');
+            }
+            @else if ($skin-name != 'material' and $skin-name != 'material-dark') {
               @include alignment($largetick-after-height, $largetick-after-top, 'horizontal');
             }
           }
@@ -1040,7 +1058,12 @@
             }
             @if ($skin-name == 'material' or $skin-name == 'material-dark') {
               background-position: center;
-              height: 99%;
+              @if ($skin-name == 'material-dark') {
+                height: 12px;
+              }
+              @else {
+                height: 99%;
+              }
             }
           }
 
@@ -1066,6 +1089,10 @@
             @else if ($skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'highcontrast' or $skin-name == 'highcontrast-light') {
               @include alignment(calc(100% + 3px), -9px, 'horizontal');
             }
+            @else if ($skin-name == 'material-dark') {
+              height: 20px;
+              top: 4px;
+            }
           }
         }
 
@@ -1165,7 +1192,7 @@
           background-position: center center;
         }
 
-        @if ($skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
+        @if ($skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'material-dark') {
           &.e-large {
             @if ($skin-name != 'bootstrap4') {
               background-image: $slider-scale-tick-image-dark;
@@ -1255,7 +1282,7 @@
         .e-tick {
           display: inline-block;
           @if ($skin-name == 'material' or $skin-name == 'material-dark') {
-            background-repeat: no-repeat;
+            background-repeat: repeat-y;
           }
 
           @if ($skin-name != 'material' and $skin-name != 'material-dark') {

package/styles/slider/_material-dark-definition.scss

@@ -55,14 +55,14 @@ $slider-final-transform: scale(1) !default;
 $slider-handle-after-position: absolute !default;
 $slider-handle-normal-border-color: $accent !default;
 $slider-handle-hover-border-color: $accent !default;
-$tick-after-height: $slider-height !default;
-$tick-after-top: calc(50% - 10px) !default;
-$largetick-before-top: 0 !default;
-$largetick-before-height: $slider-height !default;
-$largetick-after-height: $slider-height !default;
-$largetick-after-top: 0 !default;
-$tick-before-height: $slider-height !default;
-$tick-before-top: 0 !default;
+$tick-after-height: 7px !default;
+$tick-after-top: 5px;
+$largetick-before-top: 5px !default;
+$largetick-before-height: 10px !default;
+$largetick-after-height: 10px !default;
+$largetick-after-top: 13px !default;
+$tick-before-height: 7px !default;
+$tick-before-top: 10px !default;
 $slider-btn-container-height: 2px !default;
 $slider-horizontal-btn-icon-prev: '\e981' !default;
 $slider-vertical-btn-icon-prev: '\e969' !default;
@@ -148,7 +148,8 @@ $slider-tick-font-color: $grey-dark-font !default;
 
 //enddefault
 //dimensions
-$slider-scale-tick-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFElEQVQI12NkYGAIZ2BgYGBigAIABPgAW+yfXroAAAAASUVORK5CYII=');
+$slider-scale-tick-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAHCAYAAAAie5yXAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAeSURBVHgBlcYxAQAACAJBNOlHMboMFOCmG+Bkq6jyZBgBrr7SD7YAAAAASUVORK5CYII=');
+$slider-scale-tick-image-dark: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAKCAYAAACe5Y9JAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAfSURBVHgBrcYxAQAACAJBNOlHMboMROCmG+Bkq2jlAZHeAbRZSr3QAAAAAElFTkSuQmCC');
 
 // dummy variable declaration to avoid compilation issue in SASS
 $slider-handle-mobile-height: none !default;

package/styles/slider/material-dark.css

@@ -332,9 +332,13 @@
   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;
@@ -342,9 +346,13 @@
   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;
@@ -353,7 +361,11 @@
 }
 .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;
@@ -378,7 +390,7 @@
   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;
@@ -387,6 +399,9 @@
       -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";
@@ -416,7 +431,7 @@
 }
 .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;

package/styles/slider/material.css

@@ -416,7 +416,7 @@
 }
 .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;

package/styles/tailwind-dark.css

@@ -2125,7 +2125,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,
@@ -7502,7 +7506,7 @@ body.e-colorpicker-overflow {
   color: #6b7280;
 }
 .e-otpinput.e-outline .e-otp-input-field {
-  border: 2px solid #6b7280;
+  border: 1px solid #6b7280;
 }
 .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 #6b7280;

package/styles/tailwind.css

@@ -2125,7 +2125,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,
@@ -7502,7 +7506,7 @@ body.e-colorpicker-overflow {
   color: #d1d5db;
 }
 .e-otpinput.e-outline .e-otp-input-field {
-  border: 2px solid #d1d5db;
+  border: 1px solid #d1d5db;
 }
 .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 #d1d5db;