@syncfusion/ej2-angular-inputs 22.2.12 → 23.1.36

package/styles/material3-dark.css

@@ -1004,7 +1004,7 @@ label.e-float-text,
 .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input ~ label.e-label-top.e-float-text,
 .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
 .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
-  top: -7px;
+  top: -9px;
 }
 
 .e-float-input.e-small input:focus ~ label.e-float-text,
@@ -1037,7 +1037,7 @@ label.e-float-text,
 .e-small .e-float-input.e-control-wrapper .e-input-in-wrap input ~ label.e-label-top.e-float-text,
 .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
 .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
-  top: -7px;
+  top: -8px;
 }
 
 .e-float-input.e-small.e-bigger input:focus ~ label.e-float-text,
@@ -1368,26 +1368,6 @@ label.e-float-text,
           user-select: text;
 }
 
-.e-float-input.e-outline.e-float-icon-left:not(.e-rtl) .e-input-in-wrap input ~ label.e-float-text.e-label-top {
-  left: -34px;
-  width: auto;
-}
-
-.e-float-input.e-outline.e-float-icon-left.e-rtl .e-input-in-wrap input ~ label.e-float-text.e-label-top {
-  right: -34px;
-  width: auto;
-}
-
-.e-bigger .e-float-input.e-outline.e-float-icon-left:not(.e-rtl) .e-input-in-wrap input ~ label.e-float-text.e-label-top {
-  left: -40px;
-  width: auto;
-}
-
-.e-bigger .e-float-input.e-outline.e-float-icon-left.e-rtl .e-input-in-wrap input ~ label.e-float-text.e-label-top {
-  right: -40px;
-  width: auto;
-}
-
 label.e-float-text,
 .e-float-input label.e-float-text,
 .e-float-input.e-control-wrapper label.e-float-text,
@@ -2187,7 +2167,6 @@ input.e-input,
 }
 
 input.e-input.e-bigger,
-.e-bigger input.e-input,
 .e-input-group.e-bigger input,
 .e-input-group.e-bigger input.e-input,
 .e-input-group.e-control-wrapper.e-bigger input,
@@ -3266,7 +3245,7 @@ textarea.e-input.e-bigger.e-small,
 .e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap {
   border: 1px solid;
   border-width: 0 0 1px 0;
-  margin-left: 8px;
+  margin-left: 16px;
 }
 
 .e-rtl .e-float-input.e-float-icon-left .e-input-in-wrap,
@@ -3277,7 +3256,7 @@ textarea.e-input.e-bigger.e-small,
 .e-input-group.e-float-icon-left.e-rtl .e-input-in-wrap,
 .e-input-group.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap {
   margin-left: 0;
-  margin-right: 8px;
+  margin-right: 16px;
 }
 
 .e-float-input input.e-input,
@@ -4184,14 +4163,6 @@ textarea.e-outline.e-input,
   border-top-color: transparent;
 }
 
-.e-outline.e-input-group.e-valid-input.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
-.e-outline.e-input-group.e-valid-input.e-control-wrapper.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
-.e-outline.e-float-input.e-valid-input.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
-.e-outline.e-float-input.e-valid-input.e-control-wrapper.e-float-icon-left:not(.e-input-focus):hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
-.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-float-icon-left:not(.e-warning):not(.e-success):not(.e-error) {
-  border-top-color: transparent;
-}
-
 .e-outline.e-input-group,
 .e-outline .e-input-group,
 .e-outline .e-input-group.e-control-wrapper,
@@ -4320,12 +4291,20 @@ textarea.e-outline.e-input,
 .e-outline.e-input-group.e-input-focus.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
 .e-outline.e-float-input.e-input-focus.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
 .e-outline.e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
+.e-outline.e-input-group.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
+.e-outline.e-input-group.e-input-focus.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
+.e-outline.e-float-input.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
+.e-outline.e-float-input.e-input-focus.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
 .e-outline.e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
 .e-outline.e-float-input.e-input-focus.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
+.e-outline.e-input-group.e-float-icon-left.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error),
+.e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error),
 .e-outline.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
 .e-outline.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
 .e-outline.e-float-input.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
-.e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
+.e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
+.e-outline.e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
+.e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
   border-color: rgba(var(--color-sf-primary));
   box-shadow: inset 1px 1px rgba(var(--color-sf-primary)), inset -1px 0 rgba(var(--color-sf-primary)), inset 0 -1px rgba(var(--color-sf-primary));
 }
@@ -4339,27 +4318,11 @@ textarea.e-outline.e-input,
   margin-left: 0;
 }
 
-.e-outline.e-float-input.e-rtl.e-float-icon-left .e-input-in-wrap,
-.e-outline.e-float-input.e-rtl.e-control-wrapper.e-float-icon-left .e-input-in-wrap,
-.e-outline.e-input-group.e-rtl.e-float-icon-left .e-input-in-wrap,
-.e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left .e-input-in-wrap {
-  margin-right: 0;
-}
-
 .e-outline.e-input-group.e-float-icon-left > .e-input-group-icon,
 .e-outline.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon,
 .e-outline.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
 .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
-  margin-left: 4px;
-  margin-right: 0;
-}
-
-.e-outline.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon,
-.e-outline.e-float-input.e-rtl.e-input-group.e-float-icon-left > .e-input-group-icon,
-.e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
-.e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
-  margin-right: 4px;
-  margin-left: 0;
+  margin: 9px 12px 9px 0;
 }
 
 .e-outline.e-float-input .e-clear-icon,
@@ -4714,14 +4677,6 @@ textarea.e-input.e-small.e-outline,
   margin-right: 10px;
 }
 
-.e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
-.e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
-.e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
-.e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
-  margin-left: 10px;
-  margin-right: 0;
-}
-
 .e-outline.e-input-group.e-small .e-clear-icon,
 .e-outline.e-input-group .e-clear-icon.e-small,
 .e-small .e-outline.e-input-group .e-clear-icon,
@@ -4774,22 +4729,6 @@ textarea.e-input.e-small.e-outline,
 .e-outline.e-float-input.e-input-group.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
 .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
 .e-bigger .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
-  margin-left: 8px;
-  margin-right: 0;
-}
-
-.e-outline.e-input-group.e-rtl.e-bigger.e-float-icon-left > .e-input-group-icon,
-.e-outline.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon.e-bigger,
-.e-bigger .e-outline.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon,
-.e-outline.e-float-input.e-input-group.e-rtl.e-bigger.e-float-icon-left > .e-input-group-icon,
-.e-outline.e-float-input.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon.e-bigger,
-.e-bigger .e-outline.e-float-input.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon,
-.e-outline.e-input-group.e-rtl.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
-.e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
-.e-bigger .e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
-.e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
-.e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
-.e-bigger .e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
   margin-left: 0;
   margin-right: 8px;
 }
@@ -4803,15 +4742,6 @@ textarea.e-input.e-small.e-outline,
   margin: 15px 16px 15px 0;
 }
 
-.e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
-.e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
-.e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
-.e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
-.e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
-.e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
-  margin: 15px 0 15px 16px;
-}
-
 input.e-input.e-bigger.e-outline,
 .e-bigger input.e-input.e-outline,
 .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -5002,15 +4932,6 @@ textarea.e-input.e-bigger.e-small.e-outline,
   margin: 9px 12px 9px 0;
 }
 
-.e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
-.e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
-.e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
-.e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
-.e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
-.e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
-  margin: 9px 0 9px 12px;
-}
-
 .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
 .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
 .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
@@ -5176,7 +5097,7 @@ textarea.e-input.e-bigger.e-small.e-outline,
 .e-outline:not(.e-valid-input):not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid) ~ label.e-float-text,
 .e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text {
-  line-height: 54px;
+  line-height: 50px;
 }
 
 .e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
@@ -5291,15 +5212,6 @@ textarea.e-input.e-bigger.e-small.e-outline,
   transition: border-color 0.1s, box-shadow 0.2s;
 }
 
-.e-outline.e-float-icon-left label.e-float-text::before,
-.e-outline.e-float-icon-left label.e-float-text::after,
-.e-outline.e-float-input.e-float-icon-left label.e-float-text::before,
-.e-outline.e-float-input.e-float-icon-left label.e-float-text::after,
-.e-outline.e-float-input.e-control-wrapper.e-float-icon-left label.e-float-text::before,
-.e-outline.e-float-input.e-control-wrapper.e-float-icon-left label.e-float-text::after {
-  transition: none;
-}
-
 .e-bigger.e-outline label.e-float-text::before,
 .e-bigger.e-outline label.e-float-text::after,
 .e-bigger.e-outline.e-float-input label.e-float-text::before,

package/styles/material3.css

@@ -1060,7 +1060,7 @@ label.e-float-text,
 .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input ~ label.e-label-top.e-float-text,
 .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
 .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
-  top: -7px;
+  top: -9px;
 }
 
 .e-float-input.e-small input:focus ~ label.e-float-text,
@@ -1093,7 +1093,7 @@ label.e-float-text,
 .e-small .e-float-input.e-control-wrapper .e-input-in-wrap input ~ label.e-label-top.e-float-text,
 .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
 .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
-  top: -7px;
+  top: -8px;
 }
 
 .e-float-input.e-small.e-bigger input:focus ~ label.e-float-text,
@@ -1424,26 +1424,6 @@ label.e-float-text,
           user-select: text;
 }
 
-.e-float-input.e-outline.e-float-icon-left:not(.e-rtl) .e-input-in-wrap input ~ label.e-float-text.e-label-top {
-  left: -34px;
-  width: auto;
-}
-
-.e-float-input.e-outline.e-float-icon-left.e-rtl .e-input-in-wrap input ~ label.e-float-text.e-label-top {
-  right: -34px;
-  width: auto;
-}
-
-.e-bigger .e-float-input.e-outline.e-float-icon-left:not(.e-rtl) .e-input-in-wrap input ~ label.e-float-text.e-label-top {
-  left: -40px;
-  width: auto;
-}
-
-.e-bigger .e-float-input.e-outline.e-float-icon-left.e-rtl .e-input-in-wrap input ~ label.e-float-text.e-label-top {
-  right: -40px;
-  width: auto;
-}
-
 label.e-float-text,
 .e-float-input label.e-float-text,
 .e-float-input.e-control-wrapper label.e-float-text,
@@ -2243,7 +2223,6 @@ input.e-input,
 }
 
 input.e-input.e-bigger,
-.e-bigger input.e-input,
 .e-input-group.e-bigger input,
 .e-input-group.e-bigger input.e-input,
 .e-input-group.e-control-wrapper.e-bigger input,
@@ -3322,7 +3301,7 @@ textarea.e-input.e-bigger.e-small,
 .e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap {
   border: 1px solid;
   border-width: 0 0 1px 0;
-  margin-left: 8px;
+  margin-left: 16px;
 }
 
 .e-rtl .e-float-input.e-float-icon-left .e-input-in-wrap,
@@ -3333,7 +3312,7 @@ textarea.e-input.e-bigger.e-small,
 .e-input-group.e-float-icon-left.e-rtl .e-input-in-wrap,
 .e-input-group.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap {
   margin-left: 0;
-  margin-right: 8px;
+  margin-right: 16px;
 }
 
 .e-float-input input.e-input,
@@ -4240,14 +4219,6 @@ textarea.e-outline.e-input,
   border-top-color: transparent;
 }
 
-.e-outline.e-input-group.e-valid-input.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
-.e-outline.e-input-group.e-valid-input.e-control-wrapper.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
-.e-outline.e-float-input.e-valid-input.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
-.e-outline.e-float-input.e-valid-input.e-control-wrapper.e-float-icon-left:not(.e-input-focus):hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
-.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-float-icon-left:not(.e-warning):not(.e-success):not(.e-error) {
-  border-top-color: transparent;
-}
-
 .e-outline.e-input-group,
 .e-outline .e-input-group,
 .e-outline .e-input-group.e-control-wrapper,
@@ -4376,12 +4347,20 @@ textarea.e-outline.e-input,
 .e-outline.e-input-group.e-input-focus.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
 .e-outline.e-float-input.e-input-focus.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
 .e-outline.e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
+.e-outline.e-input-group.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
+.e-outline.e-input-group.e-input-focus.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
+.e-outline.e-float-input.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
+.e-outline.e-float-input.e-input-focus.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
 .e-outline.e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
 .e-outline.e-float-input.e-input-focus.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
+.e-outline.e-input-group.e-float-icon-left.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error),
+.e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error),
 .e-outline.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
 .e-outline.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
 .e-outline.e-float-input.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
-.e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
+.e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
+.e-outline.e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
+.e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
   border-color: rgba(var(--color-sf-primary));
   box-shadow: inset 1px 1px rgba(var(--color-sf-primary)), inset -1px 0 rgba(var(--color-sf-primary)), inset 0 -1px rgba(var(--color-sf-primary));
 }
@@ -4395,27 +4374,11 @@ textarea.e-outline.e-input,
   margin-left: 0;
 }
 
-.e-outline.e-float-input.e-rtl.e-float-icon-left .e-input-in-wrap,
-.e-outline.e-float-input.e-rtl.e-control-wrapper.e-float-icon-left .e-input-in-wrap,
-.e-outline.e-input-group.e-rtl.e-float-icon-left .e-input-in-wrap,
-.e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left .e-input-in-wrap {
-  margin-right: 0;
-}
-
 .e-outline.e-input-group.e-float-icon-left > .e-input-group-icon,
 .e-outline.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon,
 .e-outline.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
 .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
-  margin-left: 4px;
-  margin-right: 0;
-}
-
-.e-outline.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon,
-.e-outline.e-float-input.e-rtl.e-input-group.e-float-icon-left > .e-input-group-icon,
-.e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
-.e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
-  margin-right: 4px;
-  margin-left: 0;
+  margin: 9px 12px 9px 0;
 }
 
 .e-outline.e-float-input .e-clear-icon,
@@ -4770,14 +4733,6 @@ textarea.e-input.e-small.e-outline,
   margin-right: 10px;
 }
 
-.e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
-.e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
-.e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
-.e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
-  margin-left: 10px;
-  margin-right: 0;
-}
-
 .e-outline.e-input-group.e-small .e-clear-icon,
 .e-outline.e-input-group .e-clear-icon.e-small,
 .e-small .e-outline.e-input-group .e-clear-icon,
@@ -4830,22 +4785,6 @@ textarea.e-input.e-small.e-outline,
 .e-outline.e-float-input.e-input-group.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
 .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
 .e-bigger .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
-  margin-left: 8px;
-  margin-right: 0;
-}
-
-.e-outline.e-input-group.e-rtl.e-bigger.e-float-icon-left > .e-input-group-icon,
-.e-outline.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon.e-bigger,
-.e-bigger .e-outline.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon,
-.e-outline.e-float-input.e-input-group.e-rtl.e-bigger.e-float-icon-left > .e-input-group-icon,
-.e-outline.e-float-input.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon.e-bigger,
-.e-bigger .e-outline.e-float-input.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon,
-.e-outline.e-input-group.e-rtl.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
-.e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
-.e-bigger .e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
-.e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
-.e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
-.e-bigger .e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
   margin-left: 0;
   margin-right: 8px;
 }
@@ -4859,15 +4798,6 @@ textarea.e-input.e-small.e-outline,
   margin: 15px 16px 15px 0;
 }
 
-.e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
-.e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
-.e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
-.e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
-.e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
-.e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
-  margin: 15px 0 15px 16px;
-}
-
 input.e-input.e-bigger.e-outline,
 .e-bigger input.e-input.e-outline,
 .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -5058,15 +4988,6 @@ textarea.e-input.e-bigger.e-small.e-outline,
   margin: 9px 12px 9px 0;
 }
 
-.e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
-.e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
-.e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
-.e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
-.e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
-.e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
-  margin: 9px 0 9px 12px;
-}
-
 .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
 .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
 .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
@@ -5232,7 +5153,7 @@ textarea.e-input.e-bigger.e-small.e-outline,
 .e-outline:not(.e-valid-input):not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid) ~ label.e-float-text,
 .e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text {
-  line-height: 54px;
+  line-height: 50px;
 }
 
 .e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
@@ -5347,15 +5268,6 @@ textarea.e-input.e-bigger.e-small.e-outline,
   transition: border-color 0.1s, box-shadow 0.2s;
 }
 
-.e-outline.e-float-icon-left label.e-float-text::before,
-.e-outline.e-float-icon-left label.e-float-text::after,
-.e-outline.e-float-input.e-float-icon-left label.e-float-text::before,
-.e-outline.e-float-input.e-float-icon-left label.e-float-text::after,
-.e-outline.e-float-input.e-control-wrapper.e-float-icon-left label.e-float-text::before,
-.e-outline.e-float-input.e-control-wrapper.e-float-icon-left label.e-float-text::after {
-  transition: none;
-}
-
 .e-bigger.e-outline label.e-float-text::before,
 .e-bigger.e-outline label.e-float-text::after,
 .e-bigger.e-outline.e-float-input label.e-float-text::before,

package/styles/numerictextbox/material.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {

package/styles/rating/material.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 .e-rating-container {
   display: -ms-inline-flexbox;
   display: inline-flex;

package/styles/signature/material.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 .e-signature {
   border: 1px solid;
 }

package/styles/slider/material.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {

package/styles/tailwind-dark.css

@@ -1937,7 +1937,6 @@ input.e-input,
 }
 
 input.e-input.e-bigger,
-.e-bigger input.e-input,
 .e-input-group.e-bigger input,
 .e-input-group.e-bigger input.e-input,
 .e-input-group.e-control-wrapper.e-bigger input,

package/styles/tailwind.css

@@ -1937,7 +1937,6 @@ input.e-input,
 }
 
 input.e-input.e-bigger,
-.e-bigger input.e-input,
 .e-input-group.e-bigger input,
 .e-input-group.e-bigger input.e-input,
 .e-input-group.e-control-wrapper.e-bigger input,

package/styles/textbox/material.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {

package/styles/uploader/material.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {