@syncfusion/ej2-inputs 32.1.20 → 32.1.24

package/styles/material-dark.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,14 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder,
   color: #ffca1c;
 }
 
-/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
 .e-input-group.e-bigger .e-input,
 .e-input-group.e-bigger.e-control-wrapper .e-input,
 .e-bigger .e-input-group .e-input,
@@ -12003,10 +12026,26 @@ 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;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
 .e-bigger.e-content-placeholder.e-numeric.e-placeholder-numeric,
 .e-bigger .e-content-placeholder.e-numeric.e-placeholder-numeric {
   background-size: 300px 40px;
@@ -12214,7 +12253,6 @@ span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
   height: auto;
 }
 
-/* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 .e-control-wrapper.e-slider-container {
   -moz-user-select: none;
@@ -12890,6 +12928,7 @@ span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
   font-size: 12px;
 }
 
+/* stylelint-disable-line no-empty-source */
 /* stylelint-disable-line no-empty-source */
 .e-content-placeholder.e-textbox.e-placeholder-textbox {
   background-size: 300px 33px;
@@ -13252,6 +13291,7 @@ span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-outline textarea.
   padding-right: 1px;
 }
 
+/* stylelint-disable-line no-empty-source */
 .e-bigger .e-content-placeholder.e-textbox.e-placeholder-textbox,
 .e-bigger.e-content-placeholder.e-textbox.e-placeholder-textbox {
   background-size: 300px 40px;
@@ -15267,8 +15307,6 @@ body.e-colorpicker-overflow {
   position: relative;
 }
 .e-container .e-palette .e-tile:hover {
-  -webkit-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
-          box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
   position: relative;
 }
 .e-container .e-palette .e-tile.e-nocolor-item {
@@ -16234,6 +16272,7 @@ body.e-colorpicker-overflow {
   font-size: 20px;
 }
 
+/*! Form material theme wise override definitions and variables */
 /*! Form material theme wise override definitions and variables */
 /*! data-form layout */
 .e-data-form {
@@ -16442,6 +16481,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.scss

@@ -1,50 +1,50 @@
 @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/bigger' as *;
+@use 'input/all.material-dark' as *;
+@use 'input/bigger.material-dark' as *;
 @use 'numerictextbox/material-dark-definition' as *;
 @use 'numerictextbox/icons/material-dark' as *;
-@use 'numerictextbox/all' as *;
-@use 'numerictextbox/bigger' as *;
+@use 'numerictextbox/all.material-dark' as *;
+@use 'numerictextbox/bigger.material-dark' as *;
 @use 'maskedtextbox/material-dark-definition' as *;
-@use 'maskedtextbox/all' as *;
-@use 'maskedtextbox/bigger' as *;
+@use 'maskedtextbox/all.material-dark' as *;
+@use 'maskedtextbox/bigger.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/bigger' as *;
+@use 'slider/all.material-dark' as *;
+@use 'slider/bigger.material-dark' as *;
 @use 'textbox/material-dark-definition' as *;
-@use 'textbox/all' as *;
-@use 'textbox/bigger' as *;
+@use 'textbox/all.material-dark' as *;
+@use 'textbox/bigger.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/bigger' as *;
+@use 'uploader/all.material-dark' as *;
+@use 'uploader/bigger.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/bigger' as *;
+@use 'color-picker/all.material-dark' as *;
+@use 'color-picker/bigger.material-dark' as *;
 @use 'rating/material-dark-definition' as *;
-@use 'rating/all' as *;
-@use 'rating/bigger' as *;
+@use 'rating/all.material-dark' as *;
+@use 'rating/bigger.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/bigger' as *;
+@use 'otp-input/all.material-dark' as *;
+@use 'otp-input/bigger.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/bigger' as *;
+@use 'speech-to-text/all.material-dark' as *;
+@use 'speech-to-text/bigger.material-dark' as *;
 @use 'smart-textarea/material-dark-definition' as *;
-@use 'smart-textarea/all' as *;
+@use 'smart-textarea/all.material-dark' as *;

package/styles/material-lite.css

@@ -79,6 +79,24 @@
   font-family: "e-icons";
 }
 
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
+@keyframes slideTopUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+}
 /*! input layout */
 .e-input-group,
 .e-input-group.e-control-wrapper {
@@ -4657,6 +4675,24 @@ 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);
+  }
+}
+@keyframes slideTopUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+}
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,
@@ -6568,7 +6604,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";
@@ -6644,6 +6679,24 @@ 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);
+  }
+}
+@keyframes slideTopUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+}
 .e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
   font-size: 12px;
 }
@@ -6712,7 +6765,6 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
   color: #f44336;
 }
 
-/* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 .e-control-wrapper.e-slider-container {
   -moz-user-select: none;
@@ -7376,6 +7428,7 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
   border-color: #e3165b;
 }
 /* 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;
@@ -8961,8 +9014,6 @@ body.e-colorpicker-overflow {
   position: relative;
 }
 .e-container .e-palette .e-tile:hover {
-  -webkit-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
-          box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
   position: relative;
 }
 .e-container .e-palette .e-tile.e-nocolor-item {
@@ -9691,6 +9742,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 {
@@ -9899,6 +9951,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(0, 0, 0, 0.54);

package/styles/material-lite.scss

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

package/styles/material.css

@@ -79,6 +79,24 @@
   font-family: "e-icons";
 }
 
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
+@keyframes slideTopUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+}
 /*! input layout */
 .e-input-group,
 .e-input-group.e-control-wrapper {
@@ -4657,6 +4675,24 @@ 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);
+  }
+}
+@keyframes slideTopUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+}
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,
@@ -6568,7 +6604,24 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder,
   color: #ffca1c;
 }
 
-/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
+@keyframes slideTopUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+}
 .e-input-group.e-bigger .e-input,
 .e-input-group.e-bigger.e-control-wrapper .e-input,
 .e-bigger .e-input-group .e-input,
@@ -12023,10 +12076,46 @@ 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);
+  }
+}
+@keyframes slideTopUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+}
 .e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
   font-size: 12px;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
+@keyframes slideTopUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+}
 .e-bigger.e-content-placeholder.e-numeric.e-placeholder-numeric,
 .e-bigger .e-content-placeholder.e-numeric.e-placeholder-numeric {
   background-size: 300px 40px;
@@ -12234,7 +12323,6 @@ span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
   height: auto;
 }
 
-/* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 .e-control-wrapper.e-slider-container {
   -moz-user-select: none;
@@ -12907,6 +12995,7 @@ span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
   font-size: 12px;
 }
 
+/* stylelint-disable-line no-empty-source */
 /* stylelint-disable-line no-empty-source */
 .e-content-placeholder.e-textbox.e-placeholder-textbox {
   background-size: 300px 33px;
@@ -13269,6 +13358,7 @@ span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-outline textarea.
   padding-right: 1px;
 }
 
+/* stylelint-disable-line no-empty-source */
 .e-bigger .e-content-placeholder.e-textbox.e-placeholder-textbox,
 .e-bigger.e-content-placeholder.e-textbox.e-placeholder-textbox {
   background-size: 300px 40px;
@@ -15290,8 +15380,6 @@ body.e-colorpicker-overflow {
   position: relative;
 }
 .e-container .e-palette .e-tile:hover {
-  -webkit-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
-          box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
   position: relative;
 }
 .e-container .e-palette .e-tile.e-nocolor-item {
@@ -16270,6 +16358,7 @@ body.e-colorpicker-overflow {
   font-size: 20px;
 }
 
+/*! Form material theme wise override definitions and variables */
 /*! Form material theme wise override definitions and variables */
 /*! data-form layout */
 .e-data-form {
@@ -16478,6 +16567,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(0, 0, 0, 0.54);

package/styles/material.scss

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