@syncfusion/ej2-inputs 31.2.15 → 32.1.19

package/styles/maskedtextbox/highcontrast-light.css

@@ -10,6 +10,58 @@
   min-height: 33px;
 }
 
+div.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: 18px;
+}
+div.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: 20px;
+}
+div.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: 18px;
+}
+div.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: 20px;
+}
+div.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: 18px;
+}
+div.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: 25px;
+}
+
+.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  padding-left: 0;
+}
+
+.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  padding-right: 0;
+}
+
+.e-mask.e-input-group.e-prepend-wrapper input.e-input {
+  padding-left: 0;
+}
+
+.e-mask.e-rtl.e-input-group.e-prepend-wrapper input.e-input {
+  padding-right: 0;
+}
+
+.e-mask.e-input-group.e-prepend-wrapper input,
+.e-mask.e-input-group.e-append-wrapper input {
+  height: 37px;
+}
+
 /*! maskedtextbox theme */
 .e-control-wrapper.e-mask.e-error .e-maskedtextbox,
 .e-utility-mask.e-error {
@@ -28,4 +80,68 @@
 .e-bigger.e-content-placeholder.e-mask.e-placeholder-mask {
   background-size: 300px 40px;
   min-height: 40px;
+}
+
+div.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-bigger.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger div.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger div.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-bigger.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger span.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger span.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: 20px;
+}
+div.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-bigger.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger div.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger div.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-bigger.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger span.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger span.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: 20px;
+}
+div.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-bigger.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger div.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger div.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-bigger.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger span.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger span.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: 19px;
+}
+div.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-bigger.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger div.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger div.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-bigger.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger span.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger span.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: 18px;
+}
+div.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-bigger.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger div.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger div.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-bigger.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger span.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: 19px;
+}
+div.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-bigger.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger div.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger div.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-bigger.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger span.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: 20px;
+}
+div.e-bigger.e-mask.e-input-group.e-prepend-wrapper input, div.e-bigger.e-mask.e-input-group.e-append-wrapper input,
+.e-bigger div.e-mask.e-input-group.e-prepend-wrapper input,
+.e-bigger div.e-mask.e-input-group.e-append-wrapper input,
+span.e-bigger.e-mask.e-input-group.e-prepend-wrapper input,
+span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
+.e-bigger span.e-mask.e-input-group.e-prepend-wrapper input,
+.e-bigger span.e-mask.e-input-group.e-append-wrapper input {
+  height: auto;
 }

package/styles/maskedtextbox/highcontrast-light.scss

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

package/styles/maskedtextbox/highcontrast.css

@@ -10,6 +10,58 @@
   min-height: 33px;
 }
 
+div.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: 18px;
+}
+div.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: 20px;
+}
+div.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: 18px;
+}
+div.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: 20px;
+}
+div.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: 18px;
+}
+div.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: 25px;
+}
+
+.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  padding-left: 0;
+}
+
+.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  padding-right: 0;
+}
+
+.e-mask.e-input-group.e-prepend-wrapper input.e-input {
+  padding-left: 0;
+}
+
+.e-mask.e-rtl.e-input-group.e-prepend-wrapper input.e-input {
+  padding-right: 0;
+}
+
+.e-mask.e-input-group.e-prepend-wrapper input,
+.e-mask.e-input-group.e-append-wrapper input {
+  height: 37px;
+}
+
 /*! maskedtextbox theme */
 .e-control-wrapper.e-mask.e-error .e-maskedtextbox,
 .e-utility-mask.e-error {
@@ -28,4 +80,68 @@
 .e-bigger.e-content-placeholder.e-mask.e-placeholder-mask {
   background-size: 300px 40px;
   min-height: 40px;
+}
+
+div.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-bigger.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger div.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger div.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-bigger.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger span.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger span.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: 20px;
+}
+div.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-bigger.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger div.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger div.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-bigger.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger span.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger span.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: 20px;
+}
+div.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-bigger.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger div.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger div.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-bigger.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger span.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger span.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: 19px;
+}
+div.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-bigger.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger div.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger div.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-bigger.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger span.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger span.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: 18px;
+}
+div.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-bigger.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger div.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger div.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-bigger.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger span.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: 19px;
+}
+div.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-bigger.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger div.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger div.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-bigger.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger span.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: 20px;
+}
+div.e-bigger.e-mask.e-input-group.e-prepend-wrapper input, div.e-bigger.e-mask.e-input-group.e-append-wrapper input,
+.e-bigger div.e-mask.e-input-group.e-prepend-wrapper input,
+.e-bigger div.e-mask.e-input-group.e-append-wrapper input,
+span.e-bigger.e-mask.e-input-group.e-prepend-wrapper input,
+span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
+.e-bigger span.e-mask.e-input-group.e-prepend-wrapper input,
+.e-bigger span.e-mask.e-input-group.e-append-wrapper input {
+  height: auto;
 }

package/styles/maskedtextbox/highcontrast.scss

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

package/styles/maskedtextbox/material-dark.css

@@ -24,6 +24,53 @@
   min-height: 33px;
 }
 
+div.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: -3px;
+}
+div.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: -6px;
+}
+div.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: -4px;
+}
+div.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: -6px;
+}
+div.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: 14px;
+}
+div.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: 10px;
+}
+
+.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  padding-left: 0;
+}
+
+.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  padding-right: 0;
+}
+
+.e-mask.e-input-group.e-prepend-wrapper input.e-input {
+  padding-left: 0;
+}
+
+.e-mask.e-rtl.e-input-group.e-prepend-wrapper input.e-input {
+  padding-right: 0;
+}
+
 /*! maskedtextbox theme */
 .e-control-wrapper.e-mask.e-error .e-maskedtextbox,
 .e-utility-mask.e-error {
@@ -42,4 +89,68 @@
 .e-bigger.e-content-placeholder.e-mask.e-placeholder-mask {
   background-size: 300px 40px;
   min-height: 40px;
+}
+
+div.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-bigger.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger div.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger div.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-bigger.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger span.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger span.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: 1px;
+}
+div.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-bigger.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger div.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger div.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-bigger.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger span.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger span.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: -6px;
+}
+div.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-bigger.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger div.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger div.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-bigger.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger span.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger span.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: -8px;
+}
+div.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-bigger.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger div.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger div.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-bigger.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger span.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger span.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: -6px;
+}
+div.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-bigger.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger div.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger div.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-bigger.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger span.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: 18px;
+}
+div.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-bigger.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger div.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger div.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-bigger.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger span.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: 10px;
+}
+div.e-bigger.e-mask.e-input-group.e-prepend-wrapper input, div.e-bigger.e-mask.e-input-group.e-append-wrapper input,
+.e-bigger div.e-mask.e-input-group.e-prepend-wrapper input,
+.e-bigger div.e-mask.e-input-group.e-append-wrapper input,
+span.e-bigger.e-mask.e-input-group.e-prepend-wrapper input,
+span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
+.e-bigger span.e-mask.e-input-group.e-prepend-wrapper input,
+.e-bigger span.e-mask.e-input-group.e-append-wrapper input {
+  height: auto;
 }

package/styles/maskedtextbox/material-dark.scss

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

package/styles/maskedtextbox/material.css

@@ -44,6 +44,53 @@
   min-height: 33px;
 }
 
+div.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: -3px;
+}
+div.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: -6px;
+}
+div.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: -4px;
+}
+div.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: -6px;
+}
+div.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: 14px;
+}
+div.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: 10px;
+}
+
+.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  padding-left: 0;
+}
+
+.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  padding-right: 0;
+}
+
+.e-mask.e-input-group.e-prepend-wrapper input.e-input {
+  padding-left: 0;
+}
+
+.e-mask.e-rtl.e-input-group.e-prepend-wrapper input.e-input {
+  padding-right: 0;
+}
+
 /*! maskedtextbox theme */
 .e-control-wrapper.e-mask.e-error .e-maskedtextbox,
 .e-utility-mask.e-error {
@@ -62,4 +109,68 @@
 .e-bigger.e-content-placeholder.e-mask.e-placeholder-mask {
   background-size: 300px 40px;
   min-height: 40px;
+}
+
+div.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-bigger.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger div.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger div.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-bigger.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger span.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger span.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: 1px;
+}
+div.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-bigger.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger div.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger div.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-bigger.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger span.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger span.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: -6px;
+}
+div.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-bigger.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger div.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger div.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-bigger.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger span.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger span.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: -8px;
+}
+div.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-bigger.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger div.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger div.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-bigger.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger span.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger span.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: -6px;
+}
+div.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-bigger.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger div.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger div.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-bigger.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger span.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+.e-bigger span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: 18px;
+}
+div.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-bigger.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger div.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger div.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-bigger.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-bigger.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger span.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+.e-bigger span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: 10px;
+}
+div.e-bigger.e-mask.e-input-group.e-prepend-wrapper input, div.e-bigger.e-mask.e-input-group.e-append-wrapper input,
+.e-bigger div.e-mask.e-input-group.e-prepend-wrapper input,
+.e-bigger div.e-mask.e-input-group.e-append-wrapper input,
+span.e-bigger.e-mask.e-input-group.e-prepend-wrapper input,
+span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
+.e-bigger span.e-mask.e-input-group.e-prepend-wrapper input,
+.e-bigger span.e-mask.e-input-group.e-append-wrapper input {
+  height: auto;
 }

package/styles/maskedtextbox/material.scss

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