@syncfusion/ej2-inputs 32.1.22 → 32.1.24

package/styles/maskedtextbox/material3.css

@@ -117,6 +117,90 @@
             transform: translate3d(0, 0, 0) scale(1);
   }
 }
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
 /*! maskedtextbox layout */
 .e-control-wrapper.e-mask .e-maskedtextbox {
   font-family: Roboto, var(--e-font-family);
@@ -175,12 +259,180 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
   padding-right: 0;
 }
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
 /*! maskedtextbox theme */
 .e-control-wrapper.e-mask.e-error .e-maskedtextbox,
 .e-utility-mask.e-error {
   color: rgba(var(--color-sf-error));
 }
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
 .e-bigger .e-control-wrapper.e-mask .e-maskedtextbox {
   font-size: 16px;
 }

package/styles/maskedtextbox/material3.scss

@@ -1,5 +1,5 @@
 @use 'ej2-base/styles/definition/material3' as *;
 @use '../input/material3-definition' as *;
 @use 'material3-definition' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.material3' as *;
+@use 'bigger.material3' as *;

package/styles/maskedtextbox/tailwind-dark.scss

@@ -1,5 +1,5 @@
 @use 'ej2-base/styles/definition/tailwind-dark' as *;
 @use '../input/tailwind-dark-definition' as *;
 @use 'tailwind-dark-definition' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.tailwind-dark' as *;
+@use 'bigger.tailwind-dark' as *;

package/styles/maskedtextbox/tailwind.scss

@@ -1,5 +1,5 @@
 @use 'ej2-base/styles/definition/tailwind' as *;
 @use '../input/tailwind-definition' as *;
 @use 'tailwind-definition' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.tailwind' as *;
+@use 'bigger.tailwind' as *;

package/styles/maskedtextbox/tailwind3.css

@@ -133,6 +133,80 @@
   border-radius: calc(var(--e-radius) * 0);
 }
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+
+
 /*! maskedtextbox layout */
 .e-control-wrapper.e-mask .e-maskedtextbox {
   font-family: var(--e-font-family);
@@ -196,12 +270,160 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
   height: 35px;
 }
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+
+
 /*! maskedtextbox theme */
 .e-control-wrapper.e-mask.e-error .e-maskedtextbox,
 .e-utility-mask.e-error {
   color: var(--color-sf-danger);
 }
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+
+
 .e-bigger .e-control-wrapper.e-mask .e-maskedtextbox {
   font-size: 16px;
 }

package/styles/maskedtextbox/tailwind3.scss

@@ -1,5 +1,5 @@
 @use 'ej2-base/styles/definition/tailwind3' as *;
 @use '../input/tailwind3-definition' as *;
 @use 'tailwind3-definition' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.tailwind3' as *;
+@use 'bigger.tailwind3' as *;

package/styles/material-dark-lite.css

@@ -59,6 +59,14 @@
   font-family: "e-icons";
 }
 
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
 /*! input layout */
 .e-input-group,
 .e-input-group.e-control-wrapper {
@@ -4637,6 +4645,14 @@ textarea.e-outline,
   padding-right: 17px;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,
@@ -6548,7 +6564,6 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder,
   color: #ffca1c;
 }
 
-/* stylelint-disable-line no-empty-source */
 .e-input-group-icon.e-spin-up::before {
   content: "\e834";
   font-family: "e-icons";
@@ -6624,6 +6639,14 @@ span.e-numeric.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-w
   padding-right: 0;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
 .e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
   font-size: 12px;
 }
@@ -6692,7 +6715,6 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
   color: #ff6652;
 }
 
-/* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 .e-control-wrapper.e-slider-container {
   -moz-user-select: none;
@@ -7359,6 +7381,7 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
   border-color: #00b0ff;
 }
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-content-placeholder.e-textbox.e-placeholder-textbox {
   background-size: 300px 33px;
   min-height: 33px;
@@ -9669,6 +9692,7 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 
+/*! Form material theme wise override definitions and variables */
 /*! Form material theme wise override definitions and variables */
 /*! data-form layout */
 .e-data-form {
@@ -9877,6 +9901,7 @@ body.e-colorpicker-overflow {
   margin-top: 0;
 }
 
+/*! Form material theme wise override definitions and variables */
 /*! data-form theme */
 .e-data-form .e-form-label {
   color: rgba(255, 255, 255, 0.64);

package/styles/material-dark-lite.scss

@@ -1,40 +1,40 @@
 @use 'ej2-base/styles/definition/material-dark' as *;
 @use 'signature/material-dark-definition' as *;
-@use 'signature/all' as *;
+@use 'signature/all.material-dark' as *;
 
 @use 'input/material-dark-definition' as *;
 @use 'input/icons/material-dark' as *;
-@use 'input/all' as *;
+@use 'input/all.material-dark' as *;
 @use 'numerictextbox/material-dark-definition' as *;
 @use 'numerictextbox/icons/material-dark' as *;
-@use 'numerictextbox/all' as *;
+@use 'numerictextbox/all.material-dark' as *;
 @use 'maskedtextbox/material-dark-definition' as *;
-@use 'maskedtextbox/all' as *;
+@use 'maskedtextbox/all.material-dark' as *;
 @use 'ej2-popups/styles/popup/material-dark-definition' as *;
 @use 'ej2-popups/styles/tooltip/material-dark-definition' as *;
 @use 'slider/material-dark-definition' as *;
-@use 'slider/all' as *;
+@use 'slider/all.material-dark' as *;
 @use 'textbox/material-dark-definition' as *;
-@use 'textbox/all' as *;
+@use 'textbox/all.material-dark' as *;
 @use 'textarea/material-dark-definition' as *;
-@use 'textarea/all' as *;
+@use 'textarea/all.material-dark' as *;
 @use 'ej2-buttons/styles/button/material-dark-definition' as *;
 @use 'ej2-popups/styles/spinner/material-dark-definition' as *;
 @use 'uploader/material-dark-definition' as *;
 @use 'uploader/icons/material-dark' as *;
-@use 'uploader/all' as *;
+@use 'uploader/all.material-dark' as *;
 @use 'ej2-splitbuttons/styles/split-button/material-dark-definition' as *;
 @use 'color-picker/material-dark-definition' as *;
 @use 'color-picker/icons/material-dark' as *;
-@use 'color-picker/all' as *;
+@use 'color-picker/all.material-dark' as *;
 @use 'rating/material-dark-definition' as *;
-@use 'rating/all' as *;
+@use 'rating/all.material-dark' as *;
 @use 'data-form/material-dark-definition' as *;
-@use 'data-form/all' as *;
+@use 'data-form/all.material-dark' as *;
 @use 'otp-input/material-dark-definition' as *;
-@use 'otp-input/all' as *;
+@use 'otp-input/all.material-dark' as *;
 @use 'speech-to-text/material-dark-definition' as *;
 @use 'speech-to-text/icons/material-dark' as *;
-@use 'speech-to-text/all' as *;
+@use 'speech-to-text/all.material-dark' as *;
 @use 'smart-textarea/material-dark-definition' as *;
-@use 'smart-textarea/all' as *;
+@use 'smart-textarea/all.material-dark' as *;