@syncfusion/ej2-inputs 19.2.59 → 19.3.47

package/styles/input/bootstrap5.scss

@@ -0,0 +1,4 @@
+@import 'ej2-base/styles/bootstrap5-definition.scss';
+@import 'bootstrap5-definition.scss';
+@import 'icons/bootstrap5.scss';
+@import 'all.scss';

package/styles/input/fabric-dark.css

@@ -4019,22 +4019,31 @@ textarea.e-input::-webkit-input-placeholder {
 }
 
 .e-input-group.e-success .e-input-group-icon,
+.e-input-group.e-control-wrapper.e-success .e-input-group-icon {
+  color: #dadada;
+}
+
 .e-input-group.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover,
-.e-input-group.e-control-wrapper.e-success .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover {
   color: #dadada;
 }
 
 .e-input-group.e-warning .e-input-group-icon,
+.e-input-group.e-control-wrapper.e-warning .e-input-group-icon {
+  color: #dadada;
+}
+
 .e-input-group.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover,
-.e-input-group.e-control-wrapper.e-warning .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover {
   color: #dadada;
 }
 
 .e-input-group.e-error .e-input-group-icon,
+.e-input-group.e-control-wrapper.e-error .e-input-group-icon {
+  color: #dadada;
+}
+
 .e-input-group.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover,
-.e-input-group.e-control-wrapper.e-error .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover {
   color: #dadada;
 }

package/styles/input/fabric.css

@@ -4019,22 +4019,31 @@ textarea.e-input::-webkit-input-placeholder {
 }
 
 .e-input-group.e-success .e-input-group-icon,
+.e-input-group.e-control-wrapper.e-success .e-input-group-icon {
+  color: #333;
+}
+
 .e-input-group.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover,
-.e-input-group.e-control-wrapper.e-success .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover {
   color: #333;
 }
 
 .e-input-group.e-warning .e-input-group-icon,
+.e-input-group.e-control-wrapper.e-warning .e-input-group-icon {
+  color: #333;
+}
+
 .e-input-group.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover,
-.e-input-group.e-control-wrapper.e-warning .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover {
   color: #333;
 }
 
 .e-input-group.e-error .e-input-group-icon,
+.e-input-group.e-control-wrapper.e-error .e-input-group-icon {
+  color: #333;
+}
+
 .e-input-group.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover,
-.e-input-group.e-control-wrapper.e-error .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover {
   color: #333;
 }
@@ -4166,7 +4175,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-float-input.e-control-wrapper .e-clear-icon:hover,
 .e-input-group .e-clear-icon:hover,
 .e-input-group.e-control-wrapper .e-clear-icon:hover {
-  color: #eaeaea;
+  color: #333;
 }
 
 .e-float-input.e-disabled .e-clear-icon,

package/styles/input/highcontrast-light.css

@@ -4298,22 +4298,31 @@ textarea.e-input::-webkit-input-placeholder {
 }
 
 .e-input-group.e-success .e-input-group-icon,
+.e-input-group.e-control-wrapper.e-success .e-input-group-icon {
+  color: #000;
+}
+
 .e-input-group.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover,
-.e-input-group.e-control-wrapper.e-success .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover {
   color: #000;
 }
 
 .e-input-group.e-warning .e-input-group-icon,
+.e-input-group.e-control-wrapper.e-warning .e-input-group-icon {
+  color: #000;
+}
+
 .e-input-group.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover,
-.e-input-group.e-control-wrapper.e-warning .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover {
   color: #000;
 }
 
 .e-input-group.e-error .e-input-group-icon,
+.e-input-group.e-control-wrapper.e-error .e-input-group-icon {
+  color: #000;
+}
+
 .e-input-group.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover,
-.e-input-group.e-control-wrapper.e-error .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover {
   color: #000;
 }

package/styles/input/highcontrast.css

@@ -4298,22 +4298,31 @@ textarea.e-input::-webkit-input-placeholder {
 }
 
 .e-input-group.e-success .e-input-group-icon,
+.e-input-group.e-control-wrapper.e-success .e-input-group-icon {
+  color: #fff;
+}
+
 .e-input-group.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover,
-.e-input-group.e-control-wrapper.e-success .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover {
   color: #fff;
 }
 
 .e-input-group.e-warning .e-input-group-icon,
+.e-input-group.e-control-wrapper.e-warning .e-input-group-icon {
+  color: #fff;
+}
+
 .e-input-group.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover,
-.e-input-group.e-control-wrapper.e-warning .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover {
   color: #fff;
 }
 
 .e-input-group.e-error .e-input-group-icon,
+.e-input-group.e-control-wrapper.e-error .e-input-group-icon {
+  color: #fff;
+}
+
 .e-input-group.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover,
-.e-input-group.e-control-wrapper.e-error .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover {
   color: #fff;
 }
@@ -4445,7 +4454,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-float-input.e-control-wrapper .e-clear-icon:hover,
 .e-input-group .e-clear-icon:hover,
 .e-input-group.e-control-wrapper .e-clear-icon:hover {
-  color: #000;
+  color: #fff;
 }
 
 .e-float-input.e-disabled .e-clear-icon,

package/styles/input/icons/_bootstrap5-dark.scss

@@ -0,0 +1 @@
+@import './bootstrap5.scss';

package/styles/input/icons/_bootstrap5.scss

@@ -0,0 +1,17 @@
+@include export-module('input-bootstrap5-icons') {
+  .e-float-input,
+  .e-float-input.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e7e7';
+      font-family: 'e-icons';
+    }
+  }
+
+  .e-input-group,
+  .e-input-group.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e7e7';
+      font-family: 'e-icons';
+    }
+  }
+}

package/styles/input/icons/_material-dark.scss

@@ -14,4 +14,36 @@
       font-family: 'e-icons';
     }
   }
+
+  .e-filled.e-float-input,
+  .e-filled.e-float-input.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e208';
+      font-family: 'e-icons';
+    }
+  }
+
+  .e-filled.e-input-group,
+  .e-filled.e-input-group.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e208';
+      font-family: 'e-icons';
+    }
+  }
+
+  .e-outline.e-float-input,
+  .e-outline.e-float-input.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e208';
+      font-family: 'e-icons';
+    }
+  }
+
+  .e-outline.e-input-group,
+  .e-outline.e-input-group.e-control-wrapper {
+    .e-clear-icon::before {
+      content: '\e208';
+      font-family: 'e-icons';
+    }
+  }
 }

package/styles/input/icons/_tailwind-dark.scss

@@ -1,17 +1 @@
-@include export-module('input-tailwind-dark-icons') {
-  .e-float-input,
-  .e-float-input.e-control-wrapper {
-    .e-clear-icon::before {
-      content: '\e771';
-      font-family: 'e-icons';
-    }
-  }
-
-  .e-input-group,
-  .e-input-group.e-control-wrapper {
-    .e-clear-icon::before {
-      content: '\e771';
-      font-family: 'e-icons';
-    }
-  }
-}
+@import './tailwind.scss';