@syncfusion/ej2-inputs 19.2.59 → 19.3.47

package/styles/input/material.css

@@ -9584,22 +9584,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: rgba(0, 0, 0, 0.54);
+}
+
 .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: rgba(0, 0, 0, 0.54);
 }
 
 .e-input-group.e-warning .e-input-group-icon,
+.e-input-group.e-control-wrapper.e-warning .e-input-group-icon {
+  color: rgba(0, 0, 0, 0.54);
+}
+
 .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: rgba(0, 0, 0, 0.54);
 }
 
 .e-input-group.e-error .e-input-group-icon,
+.e-input-group.e-control-wrapper.e-error .e-input-group-icon {
+  color: rgba(0, 0, 0, 0.54);
+}
+
 .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: rgba(0, 0, 0, 0.54);
 }

package/styles/input/tailwind-dark.css

@@ -1869,7 +1869,7 @@ input.e-input.e-bigger,
 .e-bigger .e-float-input.e-control-wrapper input,
 .e-bigger .e-float-input.e-control-wrapper input.e-input {
   box-sizing: border-box;
-  height: 32px;
+  height: 36px;
 }
 
 .e-float-input.e-bigger:not(.e-input-group) input,
@@ -3581,7 +3581,7 @@ textarea.e-input,
 .e-bigger textarea.e-input,
 input.e-input.e-bigger,
 textarea.e-input.e-bigger {
-  min-height: 32px;
+  min-height: 36px;
 }
 
 .e-filled.e-input-group,
@@ -3985,22 +3985,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: #d1d5db;
+}
+
 .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: #d1d5db;
 }
 
 .e-input-group.e-warning .e-input-group-icon,
+.e-input-group.e-control-wrapper.e-warning .e-input-group-icon {
+  color: #d1d5db;
+}
+
 .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: #d1d5db;
 }
 
 .e-input-group.e-error .e-input-group-icon,
+.e-input-group.e-control-wrapper.e-error .e-input-group-icon {
+  color: #d1d5db;
+}
+
 .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: #d1d5db;
 }

package/styles/input/tailwind.css

@@ -1869,7 +1869,7 @@ input.e-input.e-bigger,
 .e-bigger .e-float-input.e-control-wrapper input,
 .e-bigger .e-float-input.e-control-wrapper input.e-input {
   box-sizing: border-box;
-  height: 32px;
+  height: 36px;
 }
 
 .e-float-input.e-bigger:not(.e-input-group) input,
@@ -3581,7 +3581,7 @@ textarea.e-input,
 .e-bigger textarea.e-input,
 input.e-input.e-bigger,
 textarea.e-input.e-bigger {
-  min-height: 32px;
+  min-height: 36px;
 }
 
 .e-filled.e-input-group,
@@ -3985,22 +3985,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: #6b7280;
+}
+
 .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: #6b7280;
 }
 
 .e-input-group.e-warning .e-input-group-icon,
+.e-input-group.e-control-wrapper.e-warning .e-input-group-icon {
+  color: #6b7280;
+}
+
 .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: #6b7280;
 }
 
 .e-input-group.e-error .e-input-group-icon,
+.e-input-group.e-control-wrapper.e-error .e-input-group-icon {
+  color: #6b7280;
+}
+
 .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: #6b7280;
 }

package/styles/maskedtextbox/_bootstrap5-dark-definition.scss

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

package/styles/maskedtextbox/_bootstrap5-definition.scss

@@ -0,0 +1,7 @@
+$mask-font-family: $font-family !default;
+$mask-font-size: 14px !default;
+$mask-bigger-font-size: 16px !default;
+
+// color
+
+$mask-error-color: $danger !default;

package/styles/maskedtextbox/_tailwind-dark-definition.scss

@@ -1,6 +1 @@
-//default
-$mask-error-color: $danger !default;
-$mask-font-size: $text-sm !default;
-$mask-bigger-font-size: $text-base !default;
-$mask-font-family: $font-family !default;
-//enddefault
+@import './tailwind-definition.scss';

package/styles/maskedtextbox/_tailwind-definition.scss

@@ -1,4 +1,7 @@
-$mask-error-color: $danger !default;
 $mask-font-family: $font-family !default;
 $mask-font-size: $text-sm !default;
 $mask-bigger-font-size: $text-base !default;
+
+// color
+
+$mask-error-color: $danger !default;

package/styles/maskedtextbox/bootstrap5-dark.css

@@ -0,0 +1,33 @@
+/*! maskedtextbox layout */
+.e-control-wrapper.e-mask .e-maskedtextbox {
+  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-size: 14px;
+}
+
+.e-bigger .e-control-wrapper.e-mask .e-maskedtextbox {
+  font-size: 16px;
+}
+
+.e-control-wrapper.e-mask.e-bigger .e-maskedtextbox {
+  font-size: 16px;
+}
+
+.e-content-placeholder.e-mask.e-placeholder-mask {
+  background-size: 300px 33px;
+  min-height: 33px;
+}
+
+.e-bigger .e-content-placeholder.e-mask.e-placeholder-mask,
+.e-bigger.e-content-placeholder.e-mask.e-placeholder-mask {
+  background-size: 300px 40px;
+  min-height: 40px;
+}
+
+/*! maskedtextbox theme */
+.e-control-wrapper.e-mask.e-error .e-maskedtextbox {
+  color: #e4606d;
+}
+
+.e-utility-mask.e-error {
+  color: #e4606d;
+}

package/styles/maskedtextbox/bootstrap5-dark.scss

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

package/styles/maskedtextbox/bootstrap5.css

@@ -0,0 +1,33 @@
+/*! maskedtextbox layout */
+.e-control-wrapper.e-mask .e-maskedtextbox {
+  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-size: 14px;
+}
+
+.e-bigger .e-control-wrapper.e-mask .e-maskedtextbox {
+  font-size: 16px;
+}
+
+.e-control-wrapper.e-mask.e-bigger .e-maskedtextbox {
+  font-size: 16px;
+}
+
+.e-content-placeholder.e-mask.e-placeholder-mask {
+  background-size: 300px 33px;
+  min-height: 33px;
+}
+
+.e-bigger .e-content-placeholder.e-mask.e-placeholder-mask,
+.e-bigger.e-content-placeholder.e-mask.e-placeholder-mask {
+  background-size: 300px 40px;
+  min-height: 40px;
+}
+
+/*! maskedtextbox theme */
+.e-control-wrapper.e-mask.e-error .e-maskedtextbox {
+  color: #dc3545;
+}
+
+.e-utility-mask.e-error {
+  color: #dc3545;
+}

package/styles/maskedtextbox/bootstrap5.scss

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