@syncfusion/ej2-react-inputs 21.2.9 → 22.1.38

package/styles/input/fabric-dark.css

@@ -1811,6 +1811,7 @@ 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,
@@ -2804,8 +2805,8 @@ textarea.e-input.e-bigger.e-small,
 .e-input-group.e-control-wrapper .e-clear-icon.e-bigger,
 .e-bigger .e-input-group .e-clear-icon,
 .e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
-  min-height: 0;
   min-width: 38px;
+  min-height: 0;
   padding-bottom: 0;
   padding-right: 0;
   padding-top: 0;
@@ -2821,6 +2822,19 @@ textarea.e-input.e-bigger.e-small,
   padding-top: 0;
 }
 
+.e-input-group.e-small .e-clear-icon,
+.e-input-group .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group .e-clear-icon,
+.e-input-group.e-control-wrapper.e-small .e-clear-icon,
+.e-input-group.e-control-wrapper .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
+  min-height: 0;
+  min-width: 38px;
+  padding-bottom: 0;
+  padding-right: 0;
+  padding-top: 0;
+}
+
 .e-input-group.e-small.e-bigger .e-clear-icon,
 .e-input-group.e-small .e-clear-icon.e-bigger,
 .e-bigger .e-input-group.e-small .e-clear-icon,

package/styles/input/fabric.css

@@ -1811,6 +1811,7 @@ 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,
@@ -2804,8 +2805,8 @@ textarea.e-input.e-bigger.e-small,
 .e-input-group.e-control-wrapper .e-clear-icon.e-bigger,
 .e-bigger .e-input-group .e-clear-icon,
 .e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
-  min-height: 0;
   min-width: 38px;
+  min-height: 0;
   padding-bottom: 0;
   padding-right: 0;
   padding-top: 0;
@@ -2821,6 +2822,19 @@ textarea.e-input.e-bigger.e-small,
   padding-top: 0;
 }
 
+.e-input-group.e-small .e-clear-icon,
+.e-input-group .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group .e-clear-icon,
+.e-input-group.e-control-wrapper.e-small .e-clear-icon,
+.e-input-group.e-control-wrapper .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
+  min-height: 0;
+  min-width: 38px;
+  padding-bottom: 0;
+  padding-right: 0;
+  padding-top: 0;
+}
+
 .e-input-group.e-small.e-bigger .e-clear-icon,
 .e-input-group.e-small .e-clear-icon.e-bigger,
 .e-bigger .e-input-group.e-small .e-clear-icon,

package/styles/input/fluent-dark.css

@@ -1779,6 +1779,7 @@ 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,
@@ -2772,8 +2773,8 @@ textarea.e-input.e-bigger.e-small,
 .e-input-group.e-control-wrapper .e-clear-icon.e-bigger,
 .e-bigger .e-input-group .e-clear-icon,
 .e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
-  min-height: 0;
   min-width: 36px;
+  min-height: 0;
   padding-bottom: 0;
   padding-right: 0;
   padding-top: 0;
@@ -2789,6 +2790,19 @@ textarea.e-input.e-bigger.e-small,
   padding-top: 0;
 }
 
+.e-input-group.e-small .e-clear-icon,
+.e-input-group .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group .e-clear-icon,
+.e-input-group.e-control-wrapper.e-small .e-clear-icon,
+.e-input-group.e-control-wrapper .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
+  min-height: 0;
+  min-width: 36px;
+  padding-bottom: 0;
+  padding-right: 0;
+  padding-top: 0;
+}
+
 .e-input-group.e-small.e-bigger .e-clear-icon,
 .e-input-group.e-small .e-clear-icon.e-bigger,
 .e-bigger .e-input-group.e-small .e-clear-icon,

package/styles/input/fluent.css

@@ -1779,6 +1779,7 @@ 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,
@@ -2772,8 +2773,8 @@ textarea.e-input.e-bigger.e-small,
 .e-input-group.e-control-wrapper .e-clear-icon.e-bigger,
 .e-bigger .e-input-group .e-clear-icon,
 .e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
-  min-height: 0;
   min-width: 36px;
+  min-height: 0;
   padding-bottom: 0;
   padding-right: 0;
   padding-top: 0;
@@ -2789,6 +2790,19 @@ textarea.e-input.e-bigger.e-small,
   padding-top: 0;
 }
 
+.e-input-group.e-small .e-clear-icon,
+.e-input-group .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group .e-clear-icon,
+.e-input-group.e-control-wrapper.e-small .e-clear-icon,
+.e-input-group.e-control-wrapper .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
+  min-height: 0;
+  min-width: 36px;
+  padding-bottom: 0;
+  padding-right: 0;
+  padding-top: 0;
+}
+
 .e-input-group.e-small.e-bigger .e-clear-icon,
 .e-input-group.e-small .e-clear-icon.e-bigger,
 .e-bigger .e-input-group.e-small .e-clear-icon,

package/styles/input/highcontrast-light.css

@@ -1927,6 +1927,7 @@ 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,
@@ -2920,8 +2921,8 @@ textarea.e-input.e-bigger.e-small,
 .e-input-group.e-control-wrapper .e-clear-icon.e-bigger,
 .e-bigger .e-input-group .e-clear-icon,
 .e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
-  min-height: 0;
   min-width: 38px;
+  min-height: 0;
   padding-bottom: 0;
   padding-right: 0;
   padding-top: 0;
@@ -2937,6 +2938,19 @@ textarea.e-input.e-bigger.e-small,
   padding-top: 0;
 }
 
+.e-input-group.e-small .e-clear-icon,
+.e-input-group .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group .e-clear-icon,
+.e-input-group.e-control-wrapper.e-small .e-clear-icon,
+.e-input-group.e-control-wrapper .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
+  min-height: 0;
+  min-width: 38px;
+  padding-bottom: 0;
+  padding-right: 0;
+  padding-top: 0;
+}
+
 .e-input-group.e-small.e-bigger .e-clear-icon,
 .e-input-group.e-small .e-clear-icon.e-bigger,
 .e-bigger .e-input-group.e-small .e-clear-icon,

package/styles/input/highcontrast.css

@@ -1927,6 +1927,7 @@ 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,
@@ -2920,8 +2921,8 @@ textarea.e-input.e-bigger.e-small,
 .e-input-group.e-control-wrapper .e-clear-icon.e-bigger,
 .e-bigger .e-input-group .e-clear-icon,
 .e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
-  min-height: 0;
   min-width: 38px;
+  min-height: 0;
   padding-bottom: 0;
   padding-right: 0;
   padding-top: 0;
@@ -2937,6 +2938,19 @@ textarea.e-input.e-bigger.e-small,
   padding-top: 0;
 }
 
+.e-input-group.e-small .e-clear-icon,
+.e-input-group .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group .e-clear-icon,
+.e-input-group.e-control-wrapper.e-small .e-clear-icon,
+.e-input-group.e-control-wrapper .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
+  min-height: 0;
+  min-width: 38px;
+  padding-bottom: 0;
+  padding-right: 0;
+  padding-top: 0;
+}
+
 .e-input-group.e-small.e-bigger .e-clear-icon,
 .e-input-group.e-small .e-clear-icon.e-bigger,
 .e-bigger .e-input-group.e-small .e-clear-icon,

package/styles/input/material-dark.css

@@ -950,7 +950,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: -9px;
+  top: -7px;
 }
 
 .e-float-input.e-small input:focus ~ label.e-float-text,
@@ -983,7 +983,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: -8px;
+  top: -7px;
 }
 
 .e-float-input.e-small.e-bigger input:focus ~ label.e-float-text,
@@ -2155,6 +2155,7 @@ 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,
@@ -3148,8 +3149,8 @@ textarea.e-input.e-bigger.e-small,
 .e-input-group.e-control-wrapper .e-clear-icon.e-bigger,
 .e-bigger .e-input-group .e-clear-icon,
 .e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
-  min-height: 20px;
   min-width: 20px;
+  min-height: 20px;
   padding-bottom: 5px;
   padding-right: 8px;
   padding-top: 6px;
@@ -3165,6 +3166,19 @@ textarea.e-input.e-bigger.e-small,
   padding-top: 6px;
 }
 
+.e-input-group.e-small .e-clear-icon,
+.e-input-group .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group .e-clear-icon,
+.e-input-group.e-control-wrapper.e-small .e-clear-icon,
+.e-input-group.e-control-wrapper .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
+  min-height: 20px;
+  min-width: 20px;
+  padding-bottom: 5px;
+  padding-right: 8px;
+  padding-top: 6px;
+}
+
 .e-input-group.e-small.e-bigger .e-clear-icon,
 .e-input-group.e-small .e-clear-icon.e-bigger,
 .e-bigger .e-input-group.e-small .e-clear-icon,
@@ -3439,7 +3453,7 @@ textarea.e-input.e-bigger.e-small,
 .e-small .e-float-input.e-control-wrapper.e-input-group input,
 .e-float-input.e-control-wrapper.e-input-group.e-small input,
 .e-small .e-float-input.e-control-wrapper.e-input-group input {
-  min-height: 18px;
+  min-height: 16px;
 }
 
 .e-input-group.e-bigger.e-small:not(.e-float-input) .e-input,
@@ -3461,7 +3475,7 @@ textarea.e-input.e-bigger.e-small,
 .e-float-input.e-control-wrapper.e-input-group.e-bigger.e-small input,
 .e-bigger .e-float-input.e-control-wrapper.e-input-group.e-small input,
 .e-small .e-float-input.e-control-wrapper.e-input-group.e-bigger input {
-  min-height: 22px;
+  min-height: 28px;
 }
 
 .e-input-group input.e-input,
@@ -4373,6 +4387,12 @@ textarea.e-outline.e-input,
   margin: 9px 12px 9px 0;
 }
 
+.e-outline.e-input-group.e-prepend .e-input-group-icon,
+.e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
+  font-size: 16px;
+  margin: 9px 0 9px 12px;
+}
+
 .e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error) input,
 .e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error) input,
 .e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error) input,
@@ -4696,6 +4716,14 @@ 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,
@@ -4761,6 +4789,15 @@ 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,
@@ -4951,6 +4988,15 @@ 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,
@@ -9169,76 +9215,85 @@ textarea.e-outline,
   outline: none;
 }
 
-.e-input-group.e-prepend input.e-input,
-.e-float-input.e-input-group.e-prepend input,
-.e-input-group.e-control-wrapper.e-prepend input.e-input,
-.e-float-input.e-input-group.e-control-wrapper.e-prepend input,
-.e-float-input.e-prepend input,
-.e-float-input.e-control-wrapper.e-prepend input {
+.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append:not(.e-outline) .e-input-in-wrap,
+.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend:not(.e-outline) .e-input-in-wrap {
+  border-bottom: 1px solid;
+  border-bottom-color: rgba(255, 255, 255, 0.42);
+}
+
+.e-error.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
+.e-error.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
   border-bottom: 1px solid;
+  border-bottom-color: #ff6652;
+}
+
+.e-success.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
+.e-success.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
+  border-bottom: 1px solid;
+  border-bottom-color: #22b24b;
 }
 
-.e-input-group.e-prepend:not(.e-float-icon-left),
-.e-input-group.e-prepend.e-success:not(.e-float-icon-left),
-.e-input-group.e-prepend.e-warning:not(.e-float-icon-left),
-.e-input-group.e-prepend.e-error:not(.e-float-icon-left),
-.e-input-group.e-control-wrapper.e-prepend:not(.e-float-icon-left),
-.e-input-group.e-control-wrapper.e-prepend.e-success:not(.e-float-icon-left),
-.e-input-group.e-control-wrapper.e-prepend.e-warning:not(.e-float-icon-left),
-.e-input-group.e-control-wrapper.e-prepend.e-error:not(.e-float-icon-left) {
+.e-input-group:not(.e-outline).e-prepend:not(.e-float-icon-left),
+.e-input-group:not(.e-outline).e-prepend.e-success:not(.e-float-icon-left),
+.e-input-group:not(.e-outline).e-prepend.e-warning:not(.e-float-icon-left),
+.e-input-group:not(.e-outline).e-prepend.e-error:not(.e-float-icon-left),
+.e-input-group:not(.e-outline).e-control-wrapper.e-prepend:not(.e-float-icon-left),
+.e-input-group:not(.e-outline).e-control-wrapper.e-prepend.e-success:not(.e-float-icon-left),
+.e-input-group:not(.e-outline).e-control-wrapper.e-prepend.e-warning:not(.e-float-icon-left),
+.e-input-group:not(.e-outline).e-control-wrapper.e-prepend.e-error:not(.e-float-icon-left) {
   border-bottom: transparent;
 }
 
-.e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
-.e-input-group.e-control-wrapper.e-prepend.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
-.e-float-input.e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
-.e-float-input.e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error),
-.e-float-input.e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error),
-.e-float-input.e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error,
-.e-float-input.e-control-wrapper.e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
-.e-float-input.e-control-wrapper.e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error),
-.e-float-input.e-control-wrapper.e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error),
-.e-float-input.e-control-wrapper.e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error,
-.e-float-input.e-control-wrapper.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input,
-.e-float-input.e-control-wrapper.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) input,
-.e-float-input.e-control-wrapper.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) input,
-.e-float-input.e-control-wrapper.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error input,
-.e-float-input.e-control-wrapper.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea,
-.e-float-input.e-control-wrapper.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) textarea,
-.e-float-input.e-control-wrapper.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) textarea,
-.e-float-input.e-control-wrapper.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error textarea,
-.e-float-input.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input,
-.e-float-input.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) input,
-.e-float-input.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) input,
-.e-float-input.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error input,
-.e-float-input.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea,
-.e-float-input.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) textarea,
-.e-float-input.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) textarea,
-.e-float-input.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error textarea,
-.e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error),
-.e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left).e-warning:not(.e-success):not(.e-error),
-.e-input-group.e-control-wrapper.e-prepend.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error),
-.e-input-group.e-control-wrapper.e-prepend.e-input-focus:not(.e-float-icon-left).e-warning:not(.e-success):not(.e-error),
-.e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left).e-error:not(.e-success):not(.e-warning),
-.e-input-group.e-float-icon-left.e-prepend.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap,
-.e-input-group.e-float-icon-left.e-prepend.e-input-focus.e-success:not(.e-warning):not(.e-error) .e-input-in-wrap,
-.e-input-group.e-float-icon-left.e-prepend.e-input-focus.e-warning:not(.e-success):not(.e-error) .e-input-in-wrap,
-.e-input-group.e-float-icon-left.e-prepend.e-input-focus.e-error:not(.e-success):not(.e-warning) .e-input-in-wrap {
+.e-input-group:not(.e-outline).e-prepend.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
+.e-input-group:not(.e-outline).e-control-wrapper.e-prepend.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
+.e-float-input:not(.e-outline).e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
+.e-float-input:not(.e-outline).e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error),
+.e-float-input:not(.e-outline).e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error),
+.e-float-input:not(.e-outline).e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error,
+.e-float-input:not(.e-outline).e-control-wrapper.e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
+.e-float-input:not(.e-outline).e-control-wrapper.e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error),
+.e-float-input:not(.e-outline).e-control-wrapper.e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error),
+.e-float-input:not(.e-outline).e-control-wrapper.e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error,
+.e-float-input:not(.e-outline).e-control-wrapper.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input,
+.e-float-input:not(.e-outline).e-control-wrapper.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) input,
+.e-float-input:not(.e-outline).e-control-wrapper.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) input,
+.e-float-input:not(.e-outline).e-control-wrapper.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error input,
+.e-float-input:not(.e-outline).e-control-wrapper.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea,
+.e-float-input:not(.e-outline).e-control-wrapper.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) textarea,
+.e-float-input:not(.e-outline).e-control-wrapper.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) textarea,
+.e-float-input:not(.e-outline).e-control-wrapper.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error textarea,
+.e-float-input:not(.e-outline).e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input,
+.e-float-input:not(.e-outline).e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) input,
+.e-float-input:not(.e-outline).e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) input,
+.e-float-input:not(.e-outline).e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error input,
+.e-float-input:not(.e-outline).e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea,
+.e-float-input:not(.e-outline).e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) textarea,
+.e-float-input:not(.e-outline).e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) textarea,
+.e-float-input:not(.e-outline).e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error textarea,
+.e-input-group:not(.e-outline).e-prepend.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error),
+.e-input-group:not(.e-outline).e-prepend.e-input-focus:not(.e-float-icon-left).e-warning:not(.e-success):not(.e-error),
+.e-input-group:not(.e-outline).e-control-wrapper.e-prepend.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error),
+.e-input-group:not(.e-outline).e-control-wrapper.e-prepend.e-input-focus:not(.e-float-icon-left).e-warning:not(.e-success):not(.e-error),
+.e-input-group:not(.e-outline).e-prepend.e-input-focus:not(.e-float-icon-left).e-error:not(.e-success):not(.e-warning),
+.e-input-group:not(.e-outline).e-float-icon-left.e-prepend.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap,
+.e-input-group:not(.e-outline).e-float-icon-left.e-prepend.e-input-focus.e-success:not(.e-warning):not(.e-error) .e-input-in-wrap,
+.e-input-group:not(.e-outline).e-float-icon-left.e-prepend.e-input-focus.e-warning:not(.e-success):not(.e-error) .e-input-in-wrap,
+.e-input-group:not(.e-outline).e-float-icon-left.e-prepend.e-input-focus.e-error:not(.e-success):not(.e-warning) .e-input-in-wrap {
   border-bottom: transparent;
 }
 
-.e-input-group.e-prepend:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-input-group.e-control-wrapper.e-prepend:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-float-input.e-prepend:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-float-input.e-prepend:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input.e-prepend:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-.e-float-input.e-prepend:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input.e-prepend:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-.e-float-input.e-control-wrapper.e-prepend:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-float-input.e-control-wrapper.e-prepend:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input.e-control-wrapper.e-prepend:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-.e-float-input.e-control-wrapper.e-prepend:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input.e-control-wrapper.e-prepend:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]) {
+.e-input-group:not(.e-outline).e-prepend:hover:not(.e-disabled):not(.e-float-icon-left),
+.e-input-group:not(.e-outline).e-control-wrapper.e-prepend:hover:not(.e-disabled):not(.e-float-icon-left),
+.e-float-input:not(.e-outline).e-prepend:hover:not(.e-disabled):not(.e-float-icon-left),
+.e-float-input:not(.e-outline).e-prepend:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
+.e-float-input:not(.e-outline).e-prepend:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
+.e-float-input:not(.e-outline).e-prepend:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
+.e-float-input:not(.e-outline).e-prepend:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
+.e-float-input:not(.e-outline).e-control-wrapper.e-prepend:hover:not(.e-disabled):not(.e-float-icon-left),
+.e-float-input:not(.e-outline).e-control-wrapper.e-prepend:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
+.e-float-input:not(.e-outline).e-control-wrapper.e-prepend:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
+.e-float-input:not(.e-outline).e-control-wrapper.e-prepend:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
+.e-float-input:not(.e-outline).e-control-wrapper.e-prepend:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]) {
   border-bottom: transparent;
 }