@syncfusion/ej2-inputs 32.1.22 → 32.2.3

package/styles/fabric-dark-lite.scss

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

package/styles/fabric-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 {
@@ -1960,6 +1961,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,
@@ -2597,7 +2599,7 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   border-color: rgb(0, 55.1, 96.9);
 }
 
-/* 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,
@@ -4478,10 +4480,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: 12px;
 }
 
+/* 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;
@@ -4694,7 +4698,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;
@@ -5199,6 +5202,7 @@ span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
   font-size: 11px;
 }
 
+/* stylelint-disable-line no-empty-source */
 /* stylelint-disable-line no-empty-source */
 .e-content-placeholder.e-textbox.e-placeholder-textbox {
   background-size: 300px 33px;
@@ -5579,6 +5583,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;
@@ -8517,6 +8522,7 @@ body.e-colorpicker-overflow {
   font-size: 20px;
 }
 
+/*! Form fabric theme wise override definitions and variables */
 /*! Form fabric theme wise override definitions and variables */
 /*! data-form layout */
 .e-data-form {
@@ -8725,6 +8731,7 @@ body.e-colorpicker-overflow {
   margin-top: 0;
 }
 
+/*! Form fabric theme wise override definitions and variables */
 /*! data-form theme */
 .e-data-form .e-form-label {
   color: #fff;

package/styles/fabric-dark.scss

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

package/styles/fabric-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 {
@@ -1960,6 +1961,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,
@@ -2597,7 +2599,6 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   border-color: #0078d6;
 }
 
-/* stylelint-disable-line no-empty-source */
 .e-input-group-icon.e-spin-up::before {
   content: "\e85e";
   font-family: "e-icons";
@@ -2673,6 +2674,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: 12px;
 }
@@ -2746,7 +2748,6 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
   color: #a80000;
 }
 
-/* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 .e-control-wrapper.e-slider-container {
   -moz-user-select: none;
@@ -3227,6 +3228,7 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
   background-color: rgb(183.4, 223.5495327103, 255);
 }
 
+/* stylelint-disable-line no-empty-source */
 /* stylelint-disable-line no-empty-source */
 .e-content-placeholder.e-textbox.e-placeholder-textbox {
   background-size: 300px 33px;
@@ -5555,6 +5557,7 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 
+/*! Form fabric theme wise override definitions and variables */
 /*! Form fabric theme wise override definitions and variables */
 /*! data-form layout */
 .e-data-form {
@@ -5763,6 +5766,7 @@ body.e-colorpicker-overflow {
   margin-top: 0;
 }
 
+/*! Form fabric theme wise override definitions and variables */
 /*! data-form theme */
 .e-data-form .e-form-label {
   color: #333;

package/styles/fabric-lite.scss

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

package/styles/fabric.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 {
@@ -1960,6 +1961,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,
@@ -2597,7 +2599,7 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   border-color: #0078d6;
 }
 
-/* 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,
@@ -4478,10 +4480,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: 12px;
 }
 
+/* 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;
@@ -4694,7 +4698,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;
@@ -5199,6 +5202,7 @@ span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
   font-size: 11px;
 }
 
+/* stylelint-disable-line no-empty-source */
 /* stylelint-disable-line no-empty-source */
 .e-content-placeholder.e-textbox.e-placeholder-textbox {
   background-size: 300px 33px;
@@ -5579,6 +5583,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;
@@ -8521,6 +8526,7 @@ body.e-colorpicker-overflow {
   font-size: 20px;
 }
 
+/*! Form fabric theme wise override definitions and variables */
 /*! Form fabric theme wise override definitions and variables */
 /*! data-form layout */
 .e-data-form {
@@ -8729,6 +8735,7 @@ body.e-colorpicker-overflow {
   margin-top: 0;
 }
 
+/*! Form fabric theme wise override definitions and variables */
 /*! data-form theme */
 .e-data-form .e-form-label {
   color: #333;

package/styles/fabric.scss

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

package/styles/fluent-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 {
@@ -1933,6 +1934,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,
@@ -2621,7 +2623,6 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   border-color: #0078d4;
 }
 
-/* stylelint-disable-line no-empty-source */
 .e-input-group-icon.e-spin-up::before {
   content: "\e776";
   font-family: "e-icons";
@@ -2702,6 +2703,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: 16px;
 }
@@ -2775,7 +2777,6 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
 
 /*! maskedtextbox theme */
 /* stylelint-disable-line no-empty-source */
-/* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 .e-control-wrapper.e-slider-container {
   -moz-user-select: none;
@@ -3267,6 +3268,7 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
   background-color: #005a9e;
 }
 
+/* stylelint-disable-line no-empty-source */
 /* stylelint-disable-line no-empty-source */
 .e-content-placeholder.e-textbox.e-placeholder-textbox {
   background-size: 300px 33px;
@@ -5645,6 +5647,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 {
@@ -5853,6 +5856,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: #d2d0ce;

package/styles/fluent-dark-lite.scss

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