@syncfusion/ej2-inputs 32.1.22 → 32.2.3

package/styles/bootstrap4-lite.css

@@ -21,6 +21,7 @@
   font-family: "e-icons";
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 /*! input layout */
 .e-input-group,
 .e-input-group.e-control-wrapper {
@@ -1983,6 +1984,7 @@ textarea.e-input,
           box-sizing: border-box;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,
@@ -2662,7 +2664,6 @@ textarea.e-input::selection,
   border-color: rgb(127.5, 189, 255);
 }
 
-/* stylelint-disable-line no-empty-source */
 .e-input-group-icon.e-spin-up::before {
   content: "\e721";
   font-family: "e-icons";
@@ -2738,6 +2739,7 @@ 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 */
 .e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
   font-size: 8px;
 }
@@ -2811,7 +2813,6 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
   color: #dc3545;
 }
 
-/* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 .e-control-wrapper.e-slider-container {
   -moz-user-select: none;
@@ -3292,6 +3293,7 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
   border-color: transparent;
 }
 /* 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;
@@ -5677,6 +5679,7 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 
+/*! Form bootstrap theme wise override definitions and variables */
 /*! Form bootstrap theme wise override definitions and variables */
 /*! data-form layout */
 .e-data-form {
@@ -5885,6 +5888,7 @@ body.e-colorpicker-overflow {
   margin-top: 0;
 }
 
+/*! Form bootstrap theme wise override definitions and variables */
 /*! data-form theme */
 .e-data-form .e-form-label {
   color: var(--content-text-color-alt-1, #343a40);

package/styles/bootstrap4-lite.scss

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

package/styles/bootstrap4.css

@@ -21,6 +21,7 @@
   font-family: "e-icons";
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 /*! input layout */
 .e-input-group,
 .e-input-group.e-control-wrapper {
@@ -1983,6 +1984,7 @@ textarea.e-input,
           box-sizing: border-box;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,
@@ -2662,7 +2664,7 @@ textarea.e-input::selection,
   border-color: rgb(127.5, 189, 255);
 }
 
-/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 .e-input-group.e-bigger .e-input,
 .e-input-group.e-bigger.e-control-wrapper .e-input,
 .e-bigger .e-input-group .e-input,
@@ -4531,10 +4533,12 @@ 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 */
 .e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
   font-size: 8px;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 .e-bigger.e-content-placeholder.e-numeric.e-placeholder-numeric,
 .e-bigger .e-content-placeholder.e-numeric.e-placeholder-numeric {
   background-size: 300px 40px;
@@ -4747,7 +4751,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;
@@ -5308,6 +5311,7 @@ span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
   font-size: 14px;
 }
 
+/* stylelint-disable-line no-empty-source */
 /* stylelint-disable-line no-empty-source */
 .e-content-placeholder.e-textbox.e-placeholder-textbox {
   background-size: 300px 33px;
@@ -5691,6 +5695,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;
@@ -8723,6 +8728,7 @@ body.e-colorpicker-overflow {
   font-size: 20px;
 }
 
+/*! Form bootstrap theme wise override definitions and variables */
 /*! Form bootstrap theme wise override definitions and variables */
 /*! data-form layout */
 .e-data-form {
@@ -8931,6 +8937,7 @@ body.e-colorpicker-overflow {
   margin-top: 0;
 }
 
+/*! Form bootstrap theme wise override definitions and variables */
 /*! data-form theme */
 .e-data-form .e-form-label {
   color: var(--content-text-color-alt-1, #343a40);

package/styles/bootstrap4.scss

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

package/styles/bootstrap5-dark-lite.css

@@ -21,6 +21,7 @@
   font-family: "e-icons";
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 /*! input layout */
 .e-input-group,
 .e-input-group.e-control-wrapper {
@@ -557,6 +558,18 @@ label.e-float-text,
           transform: translate3d(-10px, -36px, 0) scale(1);
 }
 
+.e-float-input input ~ label.e-label-top.e-float-text,
+.e-float-input input[readonly] ~ label.e-label-top.e-float-text,
+.e-float-input input[disabled] ~ label.e-label-top.e-float-text,
+.e-float-input input label.e-float-text.e-label-top,
+.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
+.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
+.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
+.e-float-input.e-control-wrapper input label.e-float-text.e-label-top {
+  -webkit-transform: translate3d(-10px, -36px, 0) scale(1) !important;
+          transform: translate3d(-10px, -36px, 0) scale(1) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-float-input.e-small input:focus ~ label.e-float-text,
 .e-float-input.e-small input:valid ~ label.e-float-text,
 .e-float-input.e-small input ~ label.e-label-top.e-float-text,
@@ -588,6 +601,26 @@ label.e-float-text,
           transform: translate3d(-10px, -35px, 0) scale(1);
 }
 
+.e-float-input.e-small input ~ label.e-label-top.e-float-text,
+.e-float-input.e-small input[readonly] ~ label.e-label-top.e-float-text,
+.e-float-input.e-small input[disabled] ~ label.e-label-top.e-float-text,
+.e-float-input.e-small input label.e-float-text.e-label-top,
+.e-small .e-float-input input ~ label.e-label-top.e-float-text,
+.e-small .e-float-input input[readonly] ~ label.e-label-top.e-float-text,
+.e-small .e-float-input input[disabled] ~ label.e-label-top.e-float-text,
+.e-small .e-float-input input label.e-float-text.e-label-top,
+.e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text,
+.e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-label-top.e-float-text,
+.e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-label-top.e-float-text,
+.e-float-input.e-control-wrapper.e-small input label.e-float-text.e-label-top,
+.e-small .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
+.e-small .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
+.e-small .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
+.e-small .e-float-input.e-control-wrapper input label.e-float-text.e-label-top {
+  -webkit-transform: translate3d(-10px, -36px, 0) scale(1) !important;
+          transform: translate3d(-10px, -36px, 0) scale(1) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-float-input.e-small input:focus ~ label.e-float-text,
 .e-float-input.e-small input:valid ~ label.e-float-text,
 .e-float-input.e-small input ~ label.e-label-top.e-float-text,
@@ -2019,6 +2052,7 @@ textarea.e-input,
           box-sizing: border-box;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,
@@ -2680,7 +2714,6 @@ input.e-input::-webkit-input-placeholder {
   color: #6c757d;
 }
 
-/* stylelint-disable-line no-empty-source */
 .e-input-group-icon.e-spin-up::before {
   content: "\e776";
   font-family: "e-icons";
@@ -2756,6 +2789,7 @@ 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 */
 .e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
   font-size: 14px;
 }
@@ -2829,7 +2863,6 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
   color: rgb(227.5316455696, 96.4683544304, 109.0253164557);
 }
 
-/* stylelint-disable-line no-empty-source */
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 .e-control-wrapper.e-slider-container {
@@ -3305,6 +3338,7 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
   border-color: #0d6efd;
 }
 /* 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;
@@ -5664,6 +5698,7 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 
+/*! Form tailwind theme wise override definitions and variables */
 /*! Form tailwind theme wise override definitions and variables */
 /*! data-form layout */
 .e-data-form {
@@ -5872,6 +5907,7 @@ body.e-colorpicker-overflow {
   margin-top: 0;
 }
 
+/*! Form tailwind theme wise override definitions and variables */
 /*! data-form theme */
 .e-data-form .e-form-label {
   color: #e9ecef;

package/styles/bootstrap5-dark-lite.scss

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

package/styles/bootstrap5-dark.css

@@ -21,6 +21,7 @@
   font-family: "e-icons";
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 /*! input layout */
 .e-input-group,
 .e-input-group.e-control-wrapper {
@@ -557,6 +558,18 @@ label.e-float-text,
           transform: translate3d(-10px, -36px, 0) scale(1);
 }
 
+.e-float-input input ~ label.e-label-top.e-float-text,
+.e-float-input input[readonly] ~ label.e-label-top.e-float-text,
+.e-float-input input[disabled] ~ label.e-label-top.e-float-text,
+.e-float-input input label.e-float-text.e-label-top,
+.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
+.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
+.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
+.e-float-input.e-control-wrapper input label.e-float-text.e-label-top {
+  -webkit-transform: translate3d(-10px, -36px, 0) scale(1) !important;
+          transform: translate3d(-10px, -36px, 0) scale(1) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-float-input.e-small input:focus ~ label.e-float-text,
 .e-float-input.e-small input:valid ~ label.e-float-text,
 .e-float-input.e-small input ~ label.e-label-top.e-float-text,
@@ -588,6 +601,26 @@ label.e-float-text,
           transform: translate3d(-10px, -35px, 0) scale(1);
 }
 
+.e-float-input.e-small input ~ label.e-label-top.e-float-text,
+.e-float-input.e-small input[readonly] ~ label.e-label-top.e-float-text,
+.e-float-input.e-small input[disabled] ~ label.e-label-top.e-float-text,
+.e-float-input.e-small input label.e-float-text.e-label-top,
+.e-small .e-float-input input ~ label.e-label-top.e-float-text,
+.e-small .e-float-input input[readonly] ~ label.e-label-top.e-float-text,
+.e-small .e-float-input input[disabled] ~ label.e-label-top.e-float-text,
+.e-small .e-float-input input label.e-float-text.e-label-top,
+.e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text,
+.e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-label-top.e-float-text,
+.e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-label-top.e-float-text,
+.e-float-input.e-control-wrapper.e-small input label.e-float-text.e-label-top,
+.e-small .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
+.e-small .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
+.e-small .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
+.e-small .e-float-input.e-control-wrapper input label.e-float-text.e-label-top {
+  -webkit-transform: translate3d(-10px, -36px, 0) scale(1) !important;
+          transform: translate3d(-10px, -36px, 0) scale(1) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-float-input.e-small input:focus ~ label.e-float-text,
 .e-float-input.e-small input:valid ~ label.e-float-text,
 .e-float-input.e-small input ~ label.e-label-top.e-float-text,
@@ -2019,6 +2052,7 @@ textarea.e-input,
           box-sizing: border-box;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,
@@ -2680,7 +2714,7 @@ input.e-input::-webkit-input-placeholder {
   color: #6c757d;
 }
 
-/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 .e-input-group.e-bigger .e-input,
 .e-input-group.e-bigger.e-control-wrapper .e-input,
 .e-bigger .e-input-group .e-input,
@@ -2986,6 +3020,26 @@ textarea.e-input.e-bigger.e-small,
           transform: translate3d(-10px, -39px, 0) scale(1);
 }
 
+.e-float-input.e-bigger input ~ label.e-label-top.e-float-text,
+.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
+.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
+.e-float-input.e-bigger input label.e-float-text.e-label-top,
+.e-bigger .e-float-input input ~ label.e-label-top.e-float-text,
+.e-bigger .e-float-input input[readonly] ~ label.e-label-top.e-float-text,
+.e-bigger .e-float-input input[disabled] ~ label.e-label-top.e-float-text,
+.e-bigger .e-float-input input label.e-float-text.e-label-top,
+.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text,
+.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
+.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
+.e-float-input.e-control-wrapper.e-bigger input label.e-float-text.e-label-top,
+.e-bigger .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
+.e-bigger .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
+.e-bigger .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
+.e-bigger .e-float-input.e-control-wrapper input label.e-float-text.e-label-top {
+  -webkit-transform: translate3d(-10px, -39px, 0) scale(1) !important;
+          transform: translate3d(-10px, -39px, 0) scale(1) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-float-input.e-bigger.e-small input:focus ~ label.e-float-text,
 .e-float-input.e-bigger.e-small input:valid ~ label.e-float-text,
 .e-float-input.e-bigger.e-small input ~ label.e-label-top.e-float-text,
@@ -4630,10 +4684,12 @@ 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 */
 .e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
   font-size: 14px;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 .e-bigger.e-content-placeholder.e-numeric.e-placeholder-numeric,
 .e-bigger .e-content-placeholder.e-numeric.e-placeholder-numeric {
   background-size: 300px 40px;
@@ -4846,7 +4902,6 @@ span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
   height: auto;
 }
 
-/* stylelint-disable-line no-empty-source */
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 .e-control-wrapper.e-slider-container {
@@ -5487,6 +5542,7 @@ span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
   font-size: 14px;
 }
 
+/* stylelint-disable-line no-empty-source */
 /* stylelint-disable-line no-empty-source */
 .e-content-placeholder.e-textbox.e-placeholder-textbox {
   background-size: 300px 33px;
@@ -5855,6 +5911,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;
@@ -8884,6 +8941,7 @@ body.e-colorpicker-overflow {
   font-size: 22px;
 }
 
+/*! Form tailwind theme wise override definitions and variables */
 /*! Form tailwind theme wise override definitions and variables */
 /*! data-form layout */
 .e-data-form {
@@ -9092,6 +9150,7 @@ body.e-colorpicker-overflow {
   margin-top: 0;
 }
 
+/*! Form tailwind theme wise override definitions and variables */
 /*! data-form theme */
 .e-data-form .e-form-label {
   color: #e9ecef;

package/styles/bootstrap5-dark.scss

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