@syncfusion/ej2-vue-inputs 20.1.47 → 20.1.48

package/styles/color-picker/tailwind.css

@@ -1,6 +1,6 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-container .e-value-switch-btn::before {
-  content: '\e748';
+  content: '\e7b7';
 }
 
 .e-colorpicker-wrapper,
@@ -344,7 +344,7 @@ body.e-colorpicker-overflow {
   position: relative;
   top: 0;
   width: 13.45%;
-  height: 36px;
+  height: 38px;
 }
 
 .e-container .e-slider-preview .e-preview-container .e-preview {
@@ -369,7 +369,7 @@ body.e-colorpicker-overflow {
       align-items: center;
   display: -ms-flexbox;
   display: flex;
-  padding: 0 8px 12px 8px;
+  padding: 0 8px 12px 9px;
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
@@ -616,10 +616,6 @@ body.e-colorpicker-overflow {
   height: 38px;
 }
 
-.e-bigger .e-container.e-color-picker .e-switch-ctrl-btn {
-  padding: 12px 16px;
-}
-
 .e-bigger .e-container.e-color-picker .e-switch-ctrl-btn .e-mode-switch-btn {
   height: 38px;
 }
@@ -666,9 +662,9 @@ body.e-colorpicker-overflow {
 
 .e-bigger .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle {
   border-radius: 10px;
-  height: 16px;
-  top: calc(77% - 10px);
-  width: 16px;
+  height: 13px;
+  top: calc(76% - 8px);
+  width: 13px;
 }
 
 .e-bigger .e-container .e-slider-preview .e-switch-ctrl-btn .e-ctrl-btn {

package/styles/fabric-dark.css

@@ -162,7 +162,11 @@ textarea.e-input.e-bigger,
 .e-input-group.e-bigger,
 .e-bigger .e-input-group,
 .e-input-group.e-control-wrapper.e-bigger,
-.e-bigger .e-input-group.e-control-wrapper {
+.e-bigger .e-input-group.e-control-wrapper,
+.e-input-group.e-bigger.e-disabled,
+.e-bigger .e-input-group.e-disabled,
+.e-input-group.e-control-wrapper.e-bigger.e-disabled,
+.e-bigger .e-input-group.e-control-wrapper.e-disabled {
   font-size: 15px;
 }
 
@@ -494,8 +498,8 @@ textarea.e-input.e-small,
 .e-input-group.e-small .e-input-group-icon.e-bigger,
 .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
-.e-small.e-bigger .e-input-group .e-input-group-icon,
-.e-small.e-bigger .e-input-group.e-control-wrapper .e-input-group-icon,
+.e-small .e-bigger.e-input-group .e-input-group-icon,
+.e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon,
 .e-bigger .e-input-group.e-small .e-input-group-icon,
 .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
   font-size: 12px;
@@ -2731,10 +2735,6 @@ textarea.e-input.e-bigger.e-small,
 .e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
 .e-input-group.e-small.e-bigger .e-clear-icon::before,
 .e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
-.e-small.e-bigger .e-float-input .e-clear-icon::before,
-.e-small.e-bigger .e-float-input.e-control-wrapper .e-clear-icon::before,
-.e-small.e-bigger .e-input-group .e-clear-icon::before,
-.e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon::before,
 .e-small .e-input-group.e-bigger input:first-child ~ .e-clear-icon::before,
 .e-small .e-input-group.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before,
 .e-bigger .e-input-group.e-small input:first-child ~ .e-clear-icon::before,
@@ -6218,7 +6218,6 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
 
 .e-upload .e-file-drop {
   color: #dadada;
-  vertical-align: middle;
 }
 
 .e-upload .e-upload-files {
@@ -6308,6 +6307,10 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   box-shadow: 0 0 0 transparent;
 }
 
+.e-upload-drag-hover {
+  outline: 2px dashed #0074cc;
+}
+
 .e-container .e-value-switch-btn::before {
   content: '\e429';
 }

package/styles/fabric.css

@@ -162,7 +162,11 @@ textarea.e-input.e-bigger,
 .e-input-group.e-bigger,
 .e-bigger .e-input-group,
 .e-input-group.e-control-wrapper.e-bigger,
-.e-bigger .e-input-group.e-control-wrapper {
+.e-bigger .e-input-group.e-control-wrapper,
+.e-input-group.e-bigger.e-disabled,
+.e-bigger .e-input-group.e-disabled,
+.e-input-group.e-control-wrapper.e-bigger.e-disabled,
+.e-bigger .e-input-group.e-control-wrapper.e-disabled {
   font-size: 15px;
 }
 
@@ -494,8 +498,8 @@ textarea.e-input.e-small,
 .e-input-group.e-small .e-input-group-icon.e-bigger,
 .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
-.e-small.e-bigger .e-input-group .e-input-group-icon,
-.e-small.e-bigger .e-input-group.e-control-wrapper .e-input-group-icon,
+.e-small .e-bigger.e-input-group .e-input-group-icon,
+.e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon,
 .e-bigger .e-input-group.e-small .e-input-group-icon,
 .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
   font-size: 12px;
@@ -2731,10 +2735,6 @@ textarea.e-input.e-bigger.e-small,
 .e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
 .e-input-group.e-small.e-bigger .e-clear-icon::before,
 .e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
-.e-small.e-bigger .e-float-input .e-clear-icon::before,
-.e-small.e-bigger .e-float-input.e-control-wrapper .e-clear-icon::before,
-.e-small.e-bigger .e-input-group .e-clear-icon::before,
-.e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon::before,
 .e-small .e-input-group.e-bigger input:first-child ~ .e-clear-icon::before,
 .e-small .e-input-group.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before,
 .e-bigger .e-input-group.e-small input:first-child ~ .e-clear-icon::before,
@@ -6218,7 +6218,6 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
 
 .e-upload .e-file-drop {
   color: #333;
-  vertical-align: middle;
 }
 
 .e-upload .e-upload-files {
@@ -6308,6 +6307,10 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   box-shadow: 0 0 0 transparent;
 }
 
+.e-upload-drag-hover {
+  outline: 2px dashed #0078d6;
+}
+
 .e-container .e-value-switch-btn::before {
   content: '\e429';
 }

package/styles/highcontrast-light.css

@@ -162,7 +162,11 @@ textarea.e-input.e-bigger,
 .e-input-group.e-bigger,
 .e-bigger .e-input-group,
 .e-input-group.e-control-wrapper.e-bigger,
-.e-bigger .e-input-group.e-control-wrapper {
+.e-bigger .e-input-group.e-control-wrapper,
+.e-input-group.e-bigger.e-disabled,
+.e-bigger .e-input-group.e-disabled,
+.e-input-group.e-control-wrapper.e-bigger.e-disabled,
+.e-bigger .e-input-group.e-control-wrapper.e-disabled {
   font-size: 15px;
 }
 
@@ -610,8 +614,8 @@ textarea.e-input.e-small,
 .e-input-group.e-small .e-input-group-icon.e-bigger,
 .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
-.e-small.e-bigger .e-input-group .e-input-group-icon,
-.e-small.e-bigger .e-input-group.e-control-wrapper .e-input-group-icon,
+.e-small .e-bigger.e-input-group .e-input-group-icon,
+.e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon,
 .e-bigger .e-input-group.e-small .e-input-group-icon,
 .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
   font-size: 12px;
@@ -2848,10 +2852,6 @@ textarea.e-input.e-bigger.e-small,
 .e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
 .e-input-group.e-small.e-bigger .e-clear-icon::before,
 .e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
-.e-small.e-bigger .e-float-input .e-clear-icon::before,
-.e-small.e-bigger .e-float-input.e-control-wrapper .e-clear-icon::before,
-.e-small.e-bigger .e-input-group .e-clear-icon::before,
-.e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon::before,
 .e-small .e-input-group.e-bigger input:first-child ~ .e-clear-icon::before,
 .e-small .e-input-group.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before,
 .e-bigger .e-input-group.e-small input:first-child ~ .e-clear-icon::before,
@@ -6546,7 +6546,6 @@ textarea.e-input::-webkit-input-placeholder {
 
 .e-upload .e-file-drop {
   color: #000;
-  vertical-align: middle;
 }
 
 .e-upload .e-upload-files {
@@ -6636,6 +6635,10 @@ textarea.e-input::-webkit-input-placeholder {
   box-shadow: 0 0 0 transparent;
 }
 
+.e-upload-drag-hover {
+  outline: 2px dashed #400074;
+}
+
 .e-container .e-value-switch-btn::before {
   content: '\e429';
 }

package/styles/highcontrast.css

@@ -162,7 +162,11 @@ textarea.e-input.e-bigger,
 .e-input-group.e-bigger,
 .e-bigger .e-input-group,
 .e-input-group.e-control-wrapper.e-bigger,
-.e-bigger .e-input-group.e-control-wrapper {
+.e-bigger .e-input-group.e-control-wrapper,
+.e-input-group.e-bigger.e-disabled,
+.e-bigger .e-input-group.e-disabled,
+.e-input-group.e-control-wrapper.e-bigger.e-disabled,
+.e-bigger .e-input-group.e-control-wrapper.e-disabled {
   font-size: 15px;
 }
 
@@ -610,8 +614,8 @@ textarea.e-input.e-small,
 .e-input-group.e-small .e-input-group-icon.e-bigger,
 .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
-.e-small.e-bigger .e-input-group .e-input-group-icon,
-.e-small.e-bigger .e-input-group.e-control-wrapper .e-input-group-icon,
+.e-small .e-bigger.e-input-group .e-input-group-icon,
+.e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon,
 .e-bigger .e-input-group.e-small .e-input-group-icon,
 .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
   font-size: 12px;
@@ -2848,10 +2852,6 @@ textarea.e-input.e-bigger.e-small,
 .e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
 .e-input-group.e-small.e-bigger .e-clear-icon::before,
 .e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
-.e-small.e-bigger .e-float-input .e-clear-icon::before,
-.e-small.e-bigger .e-float-input.e-control-wrapper .e-clear-icon::before,
-.e-small.e-bigger .e-input-group .e-clear-icon::before,
-.e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon::before,
 .e-small .e-input-group.e-bigger input:first-child ~ .e-clear-icon::before,
 .e-small .e-input-group.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before,
 .e-bigger .e-input-group.e-small input:first-child ~ .e-clear-icon::before,
@@ -6546,7 +6546,6 @@ textarea.e-input::-webkit-input-placeholder {
 
 .e-upload .e-file-drop {
   color: #fff;
-  vertical-align: middle;
 }
 
 .e-upload .e-upload-files {
@@ -6636,6 +6635,10 @@ textarea.e-input::-webkit-input-placeholder {
   box-shadow: 0 0 0 transparent;
 }
 
+.e-upload-drag-hover {
+  outline: 2px dashed #ffd939;
+}
+
 .e-container .e-value-switch-btn::before {
   content: '\e429';
 }

package/styles/input/bootstrap-dark.css

@@ -152,7 +152,11 @@ textarea.e-input.e-bigger,
 .e-input-group.e-bigger,
 .e-bigger .e-input-group,
 .e-input-group.e-control-wrapper.e-bigger,
-.e-bigger .e-input-group.e-control-wrapper {
+.e-bigger .e-input-group.e-control-wrapper,
+.e-input-group.e-bigger.e-disabled,
+.e-bigger .e-input-group.e-disabled,
+.e-input-group.e-control-wrapper.e-bigger.e-disabled,
+.e-bigger .e-input-group.e-control-wrapper.e-disabled {
   font-size: 15px;
 }
 
@@ -247,7 +251,7 @@ textarea.e-input.e-bigger,
 .e-rtl .e-input-group input ~ .e-input-group-icon,
 .e-rtl .e-input-group.e-control-wrapper input ~ .e-input-group-icon {
   border-left-width: 0;
-  border-right: 1px solid #767676;
+  border-right-width: 1px;
 }
 
 .e-input-group.e-rtl input ~ .e-input-group-icon + .e-input-group-icon,
@@ -534,8 +538,8 @@ textarea.e-input.e-small,
 .e-input-group.e-small .e-input-group-icon.e-bigger,
 .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
-.e-small.e-bigger .e-input-group .e-input-group-icon,
-.e-small.e-bigger .e-input-group.e-control-wrapper .e-input-group-icon,
+.e-small .e-bigger.e-input-group .e-input-group-icon,
+.e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon,
 .e-bigger .e-input-group.e-small .e-input-group-icon,
 .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
   font-size: 12px;
@@ -2765,10 +2769,6 @@ textarea.e-input.e-bigger.e-small,
 .e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
 .e-input-group.e-small.e-bigger .e-clear-icon::before,
 .e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
-.e-small.e-bigger .e-float-input .e-clear-icon::before,
-.e-small.e-bigger .e-float-input.e-control-wrapper .e-clear-icon::before,
-.e-small.e-bigger .e-input-group .e-clear-icon::before,
-.e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon::before,
 .e-small .e-input-group.e-bigger input:first-child ~ .e-clear-icon::before,
 .e-small .e-input-group.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before,
 .e-bigger .e-input-group.e-small input:first-child ~ .e-clear-icon::before,

package/styles/input/bootstrap.css

@@ -152,7 +152,11 @@ textarea.e-input.e-bigger,
 .e-input-group.e-bigger,
 .e-bigger .e-input-group,
 .e-input-group.e-control-wrapper.e-bigger,
-.e-bigger .e-input-group.e-control-wrapper {
+.e-bigger .e-input-group.e-control-wrapper,
+.e-input-group.e-bigger.e-disabled,
+.e-bigger .e-input-group.e-disabled,
+.e-input-group.e-control-wrapper.e-bigger.e-disabled,
+.e-bigger .e-input-group.e-control-wrapper.e-disabled {
   font-size: 15px;
 }
 
@@ -247,7 +251,7 @@ textarea.e-input.e-bigger,
 .e-rtl .e-input-group input ~ .e-input-group-icon,
 .e-rtl .e-input-group.e-control-wrapper input ~ .e-input-group-icon {
   border-left-width: 0;
-  border-right: 1px solid #ccc;
+  border-right-width: 1px;
 }
 
 .e-input-group.e-rtl input ~ .e-input-group-icon + .e-input-group-icon,
@@ -534,8 +538,8 @@ textarea.e-input.e-small,
 .e-input-group.e-small .e-input-group-icon.e-bigger,
 .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
-.e-small.e-bigger .e-input-group .e-input-group-icon,
-.e-small.e-bigger .e-input-group.e-control-wrapper .e-input-group-icon,
+.e-small .e-bigger.e-input-group .e-input-group-icon,
+.e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon,
 .e-bigger .e-input-group.e-small .e-input-group-icon,
 .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
   font-size: 12px;
@@ -2765,10 +2769,6 @@ textarea.e-input.e-bigger.e-small,
 .e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
 .e-input-group.e-small.e-bigger .e-clear-icon::before,
 .e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
-.e-small.e-bigger .e-float-input .e-clear-icon::before,
-.e-small.e-bigger .e-float-input.e-control-wrapper .e-clear-icon::before,
-.e-small.e-bigger .e-input-group .e-clear-icon::before,
-.e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon::before,
 .e-small .e-input-group.e-bigger input:first-child ~ .e-clear-icon::before,
 .e-small .e-input-group.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before,
 .e-bigger .e-input-group.e-small input:first-child ~ .e-clear-icon::before,

package/styles/input/bootstrap4.css

@@ -152,7 +152,11 @@ textarea.e-input.e-bigger,
 .e-input-group.e-bigger,
 .e-bigger .e-input-group,
 .e-input-group.e-control-wrapper.e-bigger,
-.e-bigger .e-input-group.e-control-wrapper {
+.e-bigger .e-input-group.e-control-wrapper,
+.e-input-group.e-bigger.e-disabled,
+.e-bigger .e-input-group.e-disabled,
+.e-input-group.e-control-wrapper.e-bigger.e-disabled,
+.e-bigger .e-input-group.e-control-wrapper.e-disabled {
   font-size: 16px;
 }
 
@@ -247,7 +251,7 @@ textarea.e-input.e-bigger,
 .e-rtl .e-input-group input ~ .e-input-group-icon,
 .e-rtl .e-input-group.e-control-wrapper input ~ .e-input-group-icon {
   border-left-width: 0;
-  border-right: 1px solid #ced4da;
+  border-right-width: 1px;
 }
 
 .e-input-group.e-rtl input ~ .e-input-group-icon + .e-input-group-icon,
@@ -534,8 +538,8 @@ textarea.e-input.e-small,
 .e-input-group.e-small .e-input-group-icon.e-bigger,
 .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
-.e-small.e-bigger .e-input-group .e-input-group-icon,
-.e-small.e-bigger .e-input-group.e-control-wrapper .e-input-group-icon,
+.e-small .e-bigger.e-input-group .e-input-group-icon,
+.e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon,
 .e-bigger .e-input-group.e-small .e-input-group-icon,
 .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
   font-size: 12px;
@@ -2765,10 +2769,6 @@ textarea.e-input.e-bigger.e-small,
 .e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
 .e-input-group.e-small.e-bigger .e-clear-icon::before,
 .e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
-.e-small.e-bigger .e-float-input .e-clear-icon::before,
-.e-small.e-bigger .e-float-input.e-control-wrapper .e-clear-icon::before,
-.e-small.e-bigger .e-input-group .e-clear-icon::before,
-.e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon::before,
 .e-small .e-input-group.e-bigger input:first-child ~ .e-clear-icon::before,
 .e-small .e-input-group.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before,
 .e-bigger .e-input-group.e-small input:first-child ~ .e-clear-icon::before,

package/styles/input/bootstrap5-dark.css

@@ -113,29 +113,7 @@ input.e-input,
 
 .e-input.e-small,
 .e-input-group.e-small,
-.e-input-group.e-control-wrapper.e-small,
-.e-input-group.e-small .e-input,
-.e-input-group.e-small input,
-.e-input-group.e-control-wrapper.e-small .e-input,
-.e-input-group.e-control-wrapper.e-small input,
-.e-float-input.e-small input,
-.e-float-input.e-input-group.e-small input,
-.e-float-input.e-control-wrapper.e-small input,
-.e-float-input.e-control-wrapper.e-input-group.e-small input,
-.e-float-input.e-small,
-.e-float-input.e-control-wrapper.e-small,
-.e-small .e-input-group,
-.e-small .e-input-group.e-control-wrapper,
-.e-small .e-input-group .e-input,
-.e-small .e-input-group input,
-.e-small .e-input-group.e-control-wrapper .e-input,
-.e-small .e-input-group.e-control-wrapper input,
-.e-small .e-float-input input,
-.e-small .e-float-input.e-input-group input,
-.e-small .e-float-input.e-control-wrapper input,
-.e-small .e-float-input.e-control-wrapper.e-input-group input,
-.e-small .e-float-input,
-.e-small .e-float-input.e-control-wrapper {
+.e-input-group.e-control-wrapper.e-small {
   border-radius: 2px;
 }
 
@@ -180,64 +158,27 @@ textarea.e-input.e-bigger,
 .e-input-group.e-bigger,
 .e-bigger .e-input-group,
 .e-input-group.e-control-wrapper.e-bigger,
-.e-bigger .e-input-group.e-control-wrapper {
+.e-bigger .e-input-group.e-control-wrapper,
+.e-input-group.e-bigger.e-disabled,
+.e-bigger .e-input-group.e-disabled,
+.e-input-group.e-control-wrapper.e-bigger.e-disabled,
+.e-bigger .e-input-group.e-control-wrapper.e-disabled {
   border-radius: 4px;
   font-size: 16px;
 }
 
-.e-input-group.e-bigger .e-input,
-.e-input-group.e-bigger input,
-.e-input-group.e-control-wrapper.e-bigger .e-input,
-.e-input-group.e-control-wrapper.e-bigger input,
-.e-float-input.e-bigger input,
-.e-float-input.e-input-group.e-bigger input,
-.e-float-input.e-control-wrapper.e-bigger input,
-.e-float-input.e-control-wrapper.e-input-group.e-bigger input,
-.e-float-input.e-bigger,
-.e-float-input.e-control-wrapper.e-bigger,
-.e-bigger .e-input-group .e-input,
-.e-bigger .e-input-group input,
-.e-bigger .e-input-group.e-control-wrapper .e-input,
-.e-bigger .e-input-group.e-control-wrapper input,
-.e-bigger .e-float-input input,
-.e-bigger .e-float-input.e-input-group input,
-.e-bigger .e-float-input.e-control-wrapper input,
-.e-bigger .e-float-input.e-control-wrapper.e-input-group input,
-.e-bigger .e-float-input,
-.e-bigger .e-float-input.e-control-wrapper {
-  border-radius: 4px;
-}
-
 input.e-input.e-bigger.e-small,
 textarea.e-input.e-bigger.e-small,
 .e-bigger.e-small input.e-input,
 .e-bigger.e-small textarea.e-input,
 .e-input-group.e-bigger.e-small,
 .e-bigger.e-small .e-input-group,
-.e-bigger.e-small .e-input-group.e-control-wrapper {
-  border-radius: 4px;
-}
-
-.e-input-group.e-bigger.e-small .e-input,
-.e-input-group.e-bigger.e-small input,
-.e-input-group.e-control-wrapper.e-bigger.e-small .e-input,
-.e-input-group.e-control-wrapper.e-bigger.e-small input,
-.e-float-input.e-bigger.e-small input,
-.e-float-input.e-input-group.e-bigger.e-small input,
-.e-float-input.e-control-wrapper.e-bigger.e-small input,
-.e-float-input.e-control-wrapper.e-input-group.e-bigger.e-small input,
-.e-float-input.e-bigger.e-small,
-.e-float-input.e-control-wrapper.e-bigger.e-small,
-.e-bigger.e-small .e-input-group .e-input,
-.e-bigger.e-small .e-input-group input,
-.e-bigger.e-small .e-input-group.e-control-wrapper .e-input,
-.e-bigger.e-small .e-input-group.e-control-wrapper input,
-.e-bigger.e-small .e-float-input input,
-.e-bigger.e-small .e-float-input.e-input-group input,
-.e-bigger.e-small .e-float-input.e-control-wrapper input,
-.e-bigger.e-small .e-float-input.e-control-wrapper.e-input-group input,
-.e-bigger.e-small .e-float-input,
-.e-bigger.e-small .e-float-input.e-control-wrapper {
+.e-input-group.e-control-wrapper.e-biggere-small,
+.e-bigger.e-small .e-input-group.e-control-wrapper,
+.e-input-group.e-bigger.e-small.e-disabled,
+.e-bigger.e-small .e-input-group.e-disabled,
+.e-input-group.e-control-wrapper.e-bigger.e-small.e-disabled,
+.e-bigger.e-small .e-input-group.e-control-wrapper.e-disabled {
   border-radius: 4px;
 }
 
@@ -286,7 +227,7 @@ textarea.e-input.e-bigger,
   -ms-flex-pack: center;
       justify-content: center;
   line-height: 1;
-  min-height: 30px;
+  min-height: 29px;
   min-width: 30px;
   padding: 0;
   text-align: center;
@@ -332,7 +273,7 @@ textarea.e-input.e-bigger,
 .e-rtl .e-input-group input ~ .e-input-group-icon,
 .e-rtl .e-input-group.e-control-wrapper input ~ .e-input-group-icon {
   border-left-width: 0;
-  border-right: 1px solid #6c757d;
+  border-right-width: 1px;
 }
 
 .e-input-group.e-rtl input ~ .e-input-group-icon + .e-input-group-icon,
@@ -610,7 +551,7 @@ textarea.e-input.e-small,
 .e-small .e-input-group .e-input-group-icon,
 .e-small .e-input-group.e-control-wrapper .e-input-group-icon {
   font-size: 12px;
-  min-height: 24px;
+  min-height: 22px;
   min-width: 24px;
   padding: 0;
 }
@@ -619,8 +560,8 @@ textarea.e-input.e-small,
 .e-input-group.e-small .e-input-group-icon.e-bigger,
 .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
-.e-small.e-bigger .e-input-group .e-input-group-icon,
-.e-small.e-bigger .e-input-group.e-control-wrapper .e-input-group-icon,
+.e-small .e-bigger.e-input-group .e-input-group-icon,
+.e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon,
 .e-bigger .e-input-group.e-small .e-input-group-icon,
 .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
   font-size: 12px;
@@ -2812,7 +2753,7 @@ textarea.e-input.e-bigger.e-small,
 .e-float-input.e-control-wrapper .e-clear-icon::before,
 .e-input-group .e-clear-icon::before,
 .e-input-group.e-control-wrapper .e-clear-icon::before {
-  font-size: 14px;
+  font-size: 10px;
   padding: 0;
   text-align: center;
   vertical-align: middle;
@@ -2852,7 +2793,7 @@ textarea.e-input.e-bigger.e-small,
 .e-small .e-float-input .e-clear-icon::before,
 .e-small .e-input-group .e-clear-icon::before,
 .e-small .e-input-group.e-control-wrapper .e-clear-icon::before {
-  font-size: 12px;
+  font-size: 8px;
 }
 
 .e-float-input.e-bigger .e-clear-icon::before,
@@ -2865,17 +2806,13 @@ textarea.e-input.e-bigger.e-small,
 .e-bigger .e-float-input .e-clear-icon::before,
 .e-bigger .e-input-group .e-clear-icon::before,
 .e-bigger .e-input-group.e-control-wrapper .e-clear-icon::before {
-  font-size: 16px;
+  font-size: 12px;
 }
 
 .e-float-input.e-small.e-bigger .e-clear-icon::before,
 .e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
 .e-input-group.e-small.e-bigger .e-clear-icon::before,
 .e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
-.e-small.e-bigger .e-float-input .e-clear-icon::before,
-.e-small.e-bigger .e-float-input.e-control-wrapper .e-clear-icon::before,
-.e-small.e-bigger .e-input-group .e-clear-icon::before,
-.e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon::before,
 .e-small .e-input-group.e-bigger input:first-child ~ .e-clear-icon::before,
 .e-small .e-input-group.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before,
 .e-bigger .e-input-group.e-small input:first-child ~ .e-clear-icon::before,
@@ -2884,7 +2821,7 @@ textarea.e-input.e-bigger.e-small,
 .e-small .e-float-input.e-bigger input:first-child ~ .e-clear-icon::before,
 .e-bigger .e-float-input.e-control-wrapper.e-small input:first-child ~ .e-clear-icon::before,
 .e-bigger .e-float-input.e-small input:first-child ~ .e-clear-icon::before {
-  font-size: 14px;
+  font-size: 12px;
 }
 
 .e-input:not(:valid):not(.e-control):first-child ~ .e-clear-icon,
@@ -3858,8 +3795,7 @@ textarea.e-input,
 .e-input-group .e-input[readonly] ~ span.e-input-group-icon,
 .e-input-group.e-control-wrapper .e-input[readonly] ~ span.e-input-group-icon,
 .e-float-input input[readonly] ~ span.e-input-group-icon,
-.e-float-input.e-control-wrapper input[readonly] ~ span.e-input-group-icon,
-.e-float-input.e-control-wrapper input[readonly] ~ span.e-clear-icon {
+.e-float-input.e-control-wrapper input[readonly] ~ span.e-input-group-icon {
   background: #343a40;
   color: #adb5bd;
 }
@@ -4286,6 +4222,13 @@ textarea.e-input::-webkit-input-placeholder {
   border-color: #6c757d;
 }
 
+.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus,
+.e-input-group.e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) span:last-child.e-input-group-icon,
+.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus,
+.e-input-group.e-control-wrapper.e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) span:last-child.e-input-group-icon {
+  border-color: transparent;
+}
+
 .e-input-group:not(.e-success):not(.e-warning):not(.e-error),
 .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
   border-color: #6c757d;