@syncfusion/ej2-angular-inputs 26.1.42 → 26.2.4

package/CHANGELOG.md

@@ -2,11 +2,11 @@
 
 ## [Unreleased]
 
-### Slider
+### TextBox
 
 #### Bug Fixes
 
-- `#I605471` - The issue with Range Slider component in material dark theme has been resolved.
+- `#I609281` - Fixed issue where the aria-label attribute was not set properly.
 
 ## 26.1.41 (2024-07-09)
 

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-angular-inputs@*",
-  "_id": "@syncfusion/ej2-angular-inputs@26.1.41",
+  "_id": "@syncfusion/ej2-angular-inputs@26.1.42",
   "_inBundle": false,
-  "_integrity": "sha512-voBKiXIp5jbx0waSoPS7lU8UgZEPu0sH9E/8jZ0FXDg0TObwVgRi+Fb/AohzRmlvSj6RgnKipjMSXEYga54FUQ==",
+  "_integrity": "sha512-FKAHMsGcfYWKwoBlEhQQxlrp6d+ETKdY8Dz4oRrwrn6C7rQwjG9B7dJ+Qtp/2DGD9shb0ivhNGQTNnkEPd10aw==",
   "_location": "/@syncfusion/ej2-angular-inputs",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-inputs/-/ej2-angular-inputs-26.1.41.tgz",
-  "_shasum": "ba645e7fdab0487c44518ff767bbc19ab466f05c",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-inputs/-/ej2-angular-inputs-26.1.42.tgz",
+  "_shasum": "ea2b90d8f3eab645c4367e86d2d44e5e173666bb",
   "_spec": "@syncfusion/ej2-angular-inputs@*",
   "_where": "/jenkins/workspace/elease-automation_release_26.1.1/ivypackages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~26.1.41",
-    "@syncfusion/ej2-base": "~26.1.42",
-    "@syncfusion/ej2-inputs": "26.1.42",
+    "@syncfusion/ej2-angular-base": "~26.2.4",
+    "@syncfusion/ej2-base": "~26.2.4",
+    "@syncfusion/ej2-inputs": "26.2.4",
     "tslib": "^2.3.0"
   },
   "deprecated": false,
@@ -95,5 +95,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "syncfusion-ej2-angular-inputs.d.ts",
-  "version": "26.1.42"
+  "version": "26.2.4"
 }

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-inputs';
-export const pkgVer = '^26.1.41';
+export const pkgVer = '^26.1.42';
 export const moduleName = 'TextBoxModule, TextAreaModule, NumericTextBoxModule, MaskedTextBoxModule, SliderModule, UploaderModule, ColorPickerModule, SignatureModule, RatingModule, OtpInputModule';
-export const themeVer = '~26.1.41';
+export const themeVer = '~26.1.42';

package/styles/bootstrap-dark.css

@@ -2055,7 +2055,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,
@@ -7367,7 +7371,7 @@ body.e-colorpicker-overflow {
   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/bootstrap.css

@@ -2055,7 +2055,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,
@@ -7349,7 +7353,7 @@ body.e-colorpicker-overflow {
   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/bootstrap4.css

@@ -2055,7 +2055,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,
@@ -7507,7 +7511,7 @@ body.e-colorpicker-overflow {
   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/bootstrap5-dark.css

@@ -2144,7 +2144,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,
@@ -7672,7 +7676,7 @@ body.e-colorpicker-overflow {
   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/bootstrap5.css

@@ -2144,7 +2144,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,
@@ -7672,7 +7676,7 @@ body.e-colorpicker-overflow {
   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/fabric-dark.css

@@ -2016,7 +2016,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,
@@ -7313,7 +7317,7 @@ body.e-colorpicker-overflow {
   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/fabric.css

@@ -2016,7 +2016,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,
@@ -7318,7 +7322,7 @@ body.e-colorpicker-overflow {
   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/fluent-dark.css

@@ -1985,7 +1985,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,
@@ -3922,9 +3926,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,
@@ -7464,7 +7470,7 @@ body.e-colorpicker-overflow {
   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/fluent.css

@@ -1985,7 +1985,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,
@@ -3922,9 +3926,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,
@@ -7464,7 +7470,7 @@ body.e-colorpicker-overflow {
   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/fluent2.css

@@ -4572,7 +4572,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,
@@ -4586,7 +4590,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;
 }
 
@@ -4908,7 +4912,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;
 }
 
@@ -5589,18 +5593,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);
 }
@@ -9447,7 +9451,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;
 }
 
@@ -9463,6 +9467,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,
@@ -25531,7 +25545,7 @@ body.e-colorpicker-overflow {
   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/highcontrast-light.css

@@ -2082,7 +2082,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,
@@ -7522,7 +7526,7 @@ body.e-colorpicker-overflow {
   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/highcontrast.css

@@ -2082,7 +2082,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,
@@ -7522,7 +7526,7 @@ body.e-colorpicker-overflow {
   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/input/bootstrap-dark.css

@@ -2045,7 +2045,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/bootstrap.css

@@ -2045,7 +2045,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/bootstrap4.css

@@ -2045,7 +2045,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,

package/styles/input/bootstrap5-dark.css

@@ -2134,7 +2134,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,

package/styles/input/bootstrap5.css

@@ -2134,7 +2134,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,

package/styles/input/fabric-dark.css

@@ -2006,7 +2006,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/fabric.css

@@ -2006,7 +2006,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/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,