@syncfusion/ej2-react-inputs 31.2.15 → 32.1.19

package/src/maskedtextbox/maskedtextbox.component.d.ts

@@ -4,6 +4,10 @@ import { DefaultHtmlAttributes } from '@syncfusion/ej2-react-base';
 export interface MaskedTextBoxHtmlAttributes {
     name?: string;
 }
+export interface MaskedTextBoxTypecast {
+    prependTemplate?: string | Function | any;
+    appendTemplate?: string | Function | any;
+}
 /**
  * Represents the React MaskedTextBox Component
  * ```html
@@ -13,7 +17,7 @@ export interface MaskedTextBoxHtmlAttributes {
 export declare class MaskedTextBoxComponent extends MaskedTextBox {
     state: Readonly<{
         children?: React.ReactNode | React.ReactNode[];
-    }> & Readonly<MaskedTextBoxModel | DefaultHtmlAttributes & MaskedTextBoxHtmlAttributes>;
+    }> & Readonly<MaskedTextBoxModel | DefaultHtmlAttributes & MaskedTextBoxHtmlAttributes | MaskedTextBoxTypecast>;
     setState: any;
     private controlAttributes;
     private getDefaultAttributes;
@@ -25,7 +29,7 @@ export declare class MaskedTextBoxComponent extends MaskedTextBox {
     private isReactMock;
     props: Readonly<{
         children?: React.ReactNode | React.ReactNode[];
-    }> & Readonly<MaskedTextBoxModel | DefaultHtmlAttributes & MaskedTextBoxHtmlAttributes>;
+    }> & Readonly<MaskedTextBoxModel | DefaultHtmlAttributes & MaskedTextBoxHtmlAttributes | MaskedTextBoxTypecast>;
     forceUpdate: (callBack?: () => any) => void;
     context: Object;
     portals: any;

package/src/maskedtextbox/maskedtextbox.component.js

@@ -29,7 +29,7 @@ var MaskedTextBoxComponent = /** @class */ (function (_super) {
         _this.checkInjectedModules = false;
         _this.statelessTemplateProps = null;
         _this.templateProps = null;
-        _this.immediateRender = true;
+        _this.immediateRender = false;
         _this.isReactMock = true;
         _this.portals = [];
         return _this;

package/src/numerictextbox/numerictextbox.component.d.ts

@@ -1,6 +1,10 @@
 import * as React from 'react';
 import { NumericTextBox, NumericTextBoxModel } from '@syncfusion/ej2-inputs';
 import { DefaultHtmlAttributes } from '@syncfusion/ej2-react-base';
+export interface NumericTextBoxTypecast {
+    prependTemplate?: string | Function | any;
+    appendTemplate?: string | Function | any;
+}
 /**
  * Represents the React NumericTextBox Component
  * ```html
@@ -10,7 +14,7 @@ import { DefaultHtmlAttributes } from '@syncfusion/ej2-react-base';
 export declare class NumericTextBoxComponent extends NumericTextBox {
     state: Readonly<{
         children?: React.ReactNode | React.ReactNode[];
-    }> & Readonly<NumericTextBoxModel | DefaultHtmlAttributes>;
+    }> & Readonly<NumericTextBoxModel | DefaultHtmlAttributes | NumericTextBoxTypecast>;
     setState: any;
     private getDefaultAttributes;
     initRenderCalled: boolean;
@@ -21,7 +25,7 @@ export declare class NumericTextBoxComponent extends NumericTextBox {
     private isReactMock;
     props: Readonly<{
         children?: React.ReactNode | React.ReactNode[];
-    }> & Readonly<NumericTextBoxModel | DefaultHtmlAttributes>;
+    }> & Readonly<NumericTextBoxModel | DefaultHtmlAttributes | NumericTextBoxTypecast>;
     forceUpdate: (callBack?: () => any) => void;
     context: Object;
     portals: any;

package/src/numerictextbox/numerictextbox.component.js

@@ -28,7 +28,7 @@ var NumericTextBoxComponent = /** @class */ (function (_super) {
         _this.checkInjectedModules = false;
         _this.statelessTemplateProps = null;
         _this.templateProps = null;
-        _this.immediateRender = true;
+        _this.immediateRender = false;
         _this.isReactMock = true;
         _this.portals = [];
         return _this;

package/src/textarea/textarea.component.d.ts

@@ -1,6 +1,10 @@
 import * as React from 'react';
 import { TextArea, TextAreaModel } from '@syncfusion/ej2-inputs';
 import { DefaultHtmlAttributes } from '@syncfusion/ej2-react-base';
+export interface TextAreaTypecast {
+    prependTemplate?: string | Function | any;
+    appendTemplate?: string | Function | any;
+}
 /**
  * Represents the React TextArea Component
  * ```html
@@ -10,7 +14,7 @@ import { DefaultHtmlAttributes } from '@syncfusion/ej2-react-base';
 export declare class TextAreaComponent extends TextArea {
     state: Readonly<{
         children?: React.ReactNode | React.ReactNode[];
-    }> & Readonly<TextAreaModel | DefaultHtmlAttributes>;
+    }> & Readonly<TextAreaModel | DefaultHtmlAttributes | TextAreaTypecast>;
     setState: any;
     private getDefaultAttributes;
     initRenderCalled: boolean;
@@ -21,7 +25,7 @@ export declare class TextAreaComponent extends TextArea {
     private isReactMock;
     props: Readonly<{
         children?: React.ReactNode | React.ReactNode[];
-    }> & Readonly<TextAreaModel | DefaultHtmlAttributes>;
+    }> & Readonly<TextAreaModel | DefaultHtmlAttributes | TextAreaTypecast>;
     forceUpdate: (callBack?: () => any) => void;
     context: Object;
     portals: any;

package/src/textarea/textarea.component.js

@@ -28,7 +28,7 @@ var TextAreaComponent = /** @class */ (function (_super) {
         _this.checkInjectedModules = false;
         _this.statelessTemplateProps = null;
         _this.templateProps = null;
-        _this.immediateRender = true;
+        _this.immediateRender = false;
         _this.isReactMock = true;
         _this.portals = [];
         return _this;

package/src/textbox/textbox.component.d.ts

@@ -1,6 +1,10 @@
 import * as React from 'react';
 import { TextBox, TextBoxModel } from '@syncfusion/ej2-inputs';
 import { DefaultHtmlAttributes } from '@syncfusion/ej2-react-base';
+export interface TextBoxTypecast {
+    prependTemplate?: string | Function | any;
+    appendTemplate?: string | Function | any;
+}
 /**
  * Represents the React TextBox Component
  * ```html
@@ -10,7 +14,7 @@ import { DefaultHtmlAttributes } from '@syncfusion/ej2-react-base';
 export declare class TextBoxComponent extends TextBox {
     state: Readonly<{
         children?: React.ReactNode | React.ReactNode[];
-    }> & Readonly<TextBoxModel | DefaultHtmlAttributes>;
+    }> & Readonly<TextBoxModel | DefaultHtmlAttributes | TextBoxTypecast>;
     setState: any;
     private getDefaultAttributes;
     initRenderCalled: boolean;
@@ -21,7 +25,7 @@ export declare class TextBoxComponent extends TextBox {
     private isReactMock;
     props: Readonly<{
         children?: React.ReactNode | React.ReactNode[];
-    }> & Readonly<TextBoxModel | DefaultHtmlAttributes>;
+    }> & Readonly<TextBoxModel | DefaultHtmlAttributes | TextBoxTypecast>;
     forceUpdate: (callBack?: () => any) => void;
     context: Object;
     portals: any;

package/src/textbox/textbox.component.js

@@ -28,7 +28,7 @@ var TextBoxComponent = /** @class */ (function (_super) {
         _this.checkInjectedModules = false;
         _this.statelessTemplateProps = null;
         _this.templateProps = null;
-        _this.immediateRender = true;
+        _this.immediateRender = false;
         _this.isReactMock = true;
         _this.portals = [];
         return _this;

package/styles/bds-lite.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/bds-lite.scss';
+@use 'ej2-inputs/bds-lite' as *;

package/styles/bds.scss

@@ -1,14 +1,14 @@
-@import 'signature/bds.scss';
-@import 'input/bds.scss';
-@import 'numerictextbox/bds.scss';
-@import 'maskedtextbox/bds.scss';
-@import 'slider/bds.scss';
-@import 'textbox/bds.scss';
-@import 'textarea/bds.scss';
-@import 'uploader/bds.scss';
-@import 'color-picker/bds.scss';
-@import 'rating/bds.scss';
-@import 'data-form/bds.scss';
-@import 'otp-input/bds.scss';
-@import 'speech-to-text/bds.scss';
-@import 'smart-textarea/bds.scss';
+@use 'signature/bds' as *;
+@use 'input/bds' as *;
+@use 'numerictextbox/bds' as *;
+@use 'maskedtextbox/bds' as *;
+@use 'slider/bds' as *;
+@use 'textbox/bds' as *;
+@use 'textarea/bds' as *;
+@use 'uploader/bds' as *;
+@use 'color-picker/bds' as *;
+@use 'rating/bds' as *;
+@use 'data-form/bds' as *;
+@use 'otp-input/bds' as *;
+@use 'speech-to-text/bds' as *;
+@use 'smart-textarea/bds' as *;

package/styles/bootstrap-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/bootstrap-dark-lite.scss';
+@use 'ej2-inputs/bootstrap-dark-lite' as *;

package/styles/bootstrap-dark.scss

@@ -1,14 +1,14 @@
-@import 'signature/bootstrap-dark.scss';
-@import 'input/bootstrap-dark.scss';
-@import 'numerictextbox/bootstrap-dark.scss';
-@import 'maskedtextbox/bootstrap-dark.scss';
-@import 'slider/bootstrap-dark.scss';
-@import 'textbox/bootstrap-dark.scss';
-@import 'textarea/bootstrap-dark.scss';
-@import 'uploader/bootstrap-dark.scss';
-@import 'color-picker/bootstrap-dark.scss';
-@import 'rating/bootstrap-dark.scss';
-@import 'data-form/bootstrap-dark.scss';
-@import 'otp-input/bootstrap-dark.scss';
-@import 'speech-to-text/bootstrap-dark.scss';
-@import 'smart-textarea/bootstrap-dark.scss';
+@use 'signature/bootstrap-dark' as *;
+@use 'input/bootstrap-dark' as *;
+@use 'numerictextbox/bootstrap-dark' as *;
+@use 'maskedtextbox/bootstrap-dark' as *;
+@use 'slider/bootstrap-dark' as *;
+@use 'textbox/bootstrap-dark' as *;
+@use 'textarea/bootstrap-dark' as *;
+@use 'uploader/bootstrap-dark' as *;
+@use 'color-picker/bootstrap-dark' as *;
+@use 'rating/bootstrap-dark' as *;
+@use 'data-form/bootstrap-dark' as *;
+@use 'otp-input/bootstrap-dark' as *;
+@use 'speech-to-text/bootstrap-dark' as *;
+@use 'smart-textarea/bootstrap-dark' as *;

package/styles/bootstrap-lite.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/bootstrap-lite.scss';
+@use 'ej2-inputs/bootstrap-lite' as *;

package/styles/bootstrap.scss

@@ -1,14 +1,14 @@
-@import 'signature/bootstrap.scss';
-@import 'input/bootstrap.scss';
-@import 'numerictextbox/bootstrap.scss';
-@import 'maskedtextbox/bootstrap.scss';
-@import 'slider/bootstrap.scss';
-@import 'textbox/bootstrap.scss';
-@import 'textarea/bootstrap.scss';
-@import 'uploader/bootstrap.scss';
-@import 'color-picker/bootstrap.scss';
-@import 'rating/bootstrap.scss';
-@import 'data-form/bootstrap.scss';
-@import 'otp-input/bootstrap.scss';
-@import 'speech-to-text/bootstrap.scss';
-@import 'smart-textarea/bootstrap.scss';
+@use 'signature/bootstrap' as *;
+@use 'input/bootstrap' as *;
+@use 'numerictextbox/bootstrap' as *;
+@use 'maskedtextbox/bootstrap' as *;
+@use 'slider/bootstrap' as *;
+@use 'textbox/bootstrap' as *;
+@use 'textarea/bootstrap' as *;
+@use 'uploader/bootstrap' as *;
+@use 'color-picker/bootstrap' as *;
+@use 'rating/bootstrap' as *;
+@use 'data-form/bootstrap' as *;
+@use 'otp-input/bootstrap' as *;
+@use 'speech-to-text/bootstrap' as *;
+@use 'smart-textarea/bootstrap' as *;

package/styles/bootstrap4-lite.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/bootstrap4-lite.scss';
+@use 'ej2-inputs/bootstrap4-lite' as *;

package/styles/bootstrap4.scss

@@ -1,14 +1,14 @@
-@import 'signature/bootstrap4.scss';
-@import 'input/bootstrap4.scss';
-@import 'numerictextbox/bootstrap4.scss';
-@import 'maskedtextbox/bootstrap4.scss';
-@import 'slider/bootstrap4.scss';
-@import 'textbox/bootstrap4.scss';
-@import 'textarea/bootstrap4.scss';
-@import 'uploader/bootstrap4.scss';
-@import 'color-picker/bootstrap4.scss';
-@import 'rating/bootstrap4.scss';
-@import 'data-form/bootstrap4.scss';
-@import 'otp-input/bootstrap4.scss';
-@import 'speech-to-text/bootstrap4.scss';
-@import 'smart-textarea/bootstrap4.scss';
+@use 'signature/bootstrap4' as *;
+@use 'input/bootstrap4' as *;
+@use 'numerictextbox/bootstrap4' as *;
+@use 'maskedtextbox/bootstrap4' as *;
+@use 'slider/bootstrap4' as *;
+@use 'textbox/bootstrap4' as *;
+@use 'textarea/bootstrap4' as *;
+@use 'uploader/bootstrap4' as *;
+@use 'color-picker/bootstrap4' as *;
+@use 'rating/bootstrap4' as *;
+@use 'data-form/bootstrap4' as *;
+@use 'otp-input/bootstrap4' as *;
+@use 'speech-to-text/bootstrap4' as *;
+@use 'smart-textarea/bootstrap4' as *;

package/styles/bootstrap5-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/bootstrap5-dark-lite.scss';
+@use 'ej2-inputs/bootstrap5-dark-lite' as *;

package/styles/bootstrap5-dark.scss

@@ -1,14 +1,14 @@
-@import 'signature/bootstrap5-dark.scss';
-@import 'input/bootstrap5-dark.scss';
-@import 'numerictextbox/bootstrap5-dark.scss';
-@import 'maskedtextbox/bootstrap5-dark.scss';
-@import 'slider/bootstrap5-dark.scss';
-@import 'textbox/bootstrap5-dark.scss';
-@import 'textarea/bootstrap5-dark.scss';
-@import 'uploader/bootstrap5-dark.scss';
-@import 'color-picker/bootstrap5-dark.scss';
-@import 'rating/bootstrap5-dark.scss';
-@import 'data-form/bootstrap5-dark.scss';
-@import 'otp-input/bootstrap5-dark.scss';
-@import 'speech-to-text/bootstrap5-dark.scss';
-@import 'smart-textarea/bootstrap5-dark.scss';
+@use 'signature/bootstrap5-dark' as *;
+@use 'input/bootstrap5-dark' as *;
+@use 'numerictextbox/bootstrap5-dark' as *;
+@use 'maskedtextbox/bootstrap5-dark' as *;
+@use 'slider/bootstrap5-dark' as *;
+@use 'textbox/bootstrap5-dark' as *;
+@use 'textarea/bootstrap5-dark' as *;
+@use 'uploader/bootstrap5-dark' as *;
+@use 'color-picker/bootstrap5-dark' as *;
+@use 'rating/bootstrap5-dark' as *;
+@use 'data-form/bootstrap5-dark' as *;
+@use 'otp-input/bootstrap5-dark' as *;
+@use 'speech-to-text/bootstrap5-dark' as *;
+@use 'smart-textarea/bootstrap5-dark' as *;

package/styles/bootstrap5-lite.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/bootstrap5-lite.scss';
+@use 'ej2-inputs/bootstrap5-lite' as *;

package/styles/bootstrap5.3-lite.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/bootstrap5.3-lite.scss';
+@use 'ej2-inputs/bootstrap5.3-lite' as *;

package/styles/bootstrap5.3.scss

@@ -1,14 +1,14 @@
-@import 'signature/bootstrap5.3.scss';
-@import 'input/bootstrap5.3.scss';
-@import 'numerictextbox/bootstrap5.3.scss';
-@import 'maskedtextbox/bootstrap5.3.scss';
-@import 'slider/bootstrap5.3.scss';
-@import 'textbox/bootstrap5.3.scss';
-@import 'textarea/bootstrap5.3.scss';
-@import 'uploader/bootstrap5.3.scss';
-@import 'color-picker/bootstrap5.3.scss';
-@import 'rating/bootstrap5.3.scss';
-@import 'data-form/bootstrap5.3.scss';
-@import 'otp-input/bootstrap5.3.scss';
-@import 'speech-to-text/bootstrap5.3.scss';
-@import 'smart-textarea/bootstrap5.3.scss';
+@use 'signature/bootstrap5.3' as *;
+@use 'input/bootstrap5.3' as *;
+@use 'numerictextbox/bootstrap5.3' as *;
+@use 'maskedtextbox/bootstrap5.3' as *;
+@use 'slider/bootstrap5.3' as *;
+@use 'textbox/bootstrap5.3' as *;
+@use 'textarea/bootstrap5.3' as *;
+@use 'uploader/bootstrap5.3' as *;
+@use 'color-picker/bootstrap5.3' as *;
+@use 'rating/bootstrap5.3' as *;
+@use 'data-form/bootstrap5.3' as *;
+@use 'otp-input/bootstrap5.3' as *;
+@use 'speech-to-text/bootstrap5.3' as *;
+@use 'smart-textarea/bootstrap5.3' as *;

package/styles/bootstrap5.scss

@@ -1,14 +1,14 @@
-@import 'signature/bootstrap5.scss';
-@import 'input/bootstrap5.scss';
-@import 'numerictextbox/bootstrap5.scss';
-@import 'maskedtextbox/bootstrap5.scss';
-@import 'slider/bootstrap5.scss';
-@import 'textbox/bootstrap5.scss';
-@import 'textarea/bootstrap5.scss';
-@import 'uploader/bootstrap5.scss';
-@import 'color-picker/bootstrap5.scss';
-@import 'rating/bootstrap5.scss';
-@import 'data-form/bootstrap5.scss';
-@import 'otp-input/bootstrap5.scss';
-@import 'speech-to-text/bootstrap5.scss';
-@import 'smart-textarea/bootstrap5.scss';
+@use 'signature/bootstrap5' as *;
+@use 'input/bootstrap5' as *;
+@use 'numerictextbox/bootstrap5' as *;
+@use 'maskedtextbox/bootstrap5' as *;
+@use 'slider/bootstrap5' as *;
+@use 'textbox/bootstrap5' as *;
+@use 'textarea/bootstrap5' as *;
+@use 'uploader/bootstrap5' as *;
+@use 'color-picker/bootstrap5' as *;
+@use 'rating/bootstrap5' as *;
+@use 'data-form/bootstrap5' as *;
+@use 'otp-input/bootstrap5' as *;
+@use 'speech-to-text/bootstrap5' as *;
+@use 'smart-textarea/bootstrap5' as *;

package/styles/color-picker/bds.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/bds.scss';
+@use 'ej2-inputs/styles/color-picker/bds' as *;

package/styles/color-picker/bootstrap-dark.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/bootstrap-dark.scss';
+@use 'ej2-inputs/styles/color-picker/bootstrap-dark' as *;

package/styles/color-picker/bootstrap.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/bootstrap.scss';
+@use 'ej2-inputs/styles/color-picker/bootstrap' as *;

package/styles/color-picker/bootstrap4.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/bootstrap4.scss';
+@use 'ej2-inputs/styles/color-picker/bootstrap4' as *;

package/styles/color-picker/bootstrap5-dark.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/bootstrap5-dark.scss';
+@use 'ej2-inputs/styles/color-picker/bootstrap5-dark' as *;

package/styles/color-picker/bootstrap5.3.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/bootstrap5.3.scss';
+@use 'ej2-inputs/styles/color-picker/bootstrap5.3' as *;

package/styles/color-picker/bootstrap5.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/bootstrap5.scss';
+@use 'ej2-inputs/styles/color-picker/bootstrap5' as *;

package/styles/color-picker/fabric-dark.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/fabric-dark.scss';
+@use 'ej2-inputs/styles/color-picker/fabric-dark' as *;

package/styles/color-picker/fabric.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/fabric.scss';
+@use 'ej2-inputs/styles/color-picker/fabric' as *;

package/styles/color-picker/fluent-dark.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/fluent-dark.scss';
+@use 'ej2-inputs/styles/color-picker/fluent-dark' as *;

package/styles/color-picker/fluent.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/fluent.scss';
+@use 'ej2-inputs/styles/color-picker/fluent' as *;

package/styles/color-picker/fluent2.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/fluent2.scss';
+@use 'ej2-inputs/styles/color-picker/fluent2' as *;

package/styles/color-picker/highcontrast-light.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/highcontrast-light.scss';
+@use 'ej2-inputs/styles/color-picker/highcontrast-light' as *;

package/styles/color-picker/highcontrast.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/highcontrast.scss';
+@use 'ej2-inputs/styles/color-picker/highcontrast' as *;

package/styles/color-picker/material-dark.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/material-dark.scss';
+@use 'ej2-inputs/styles/color-picker/material-dark' as *;

package/styles/color-picker/material.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/material.scss';
+@use 'ej2-inputs/styles/color-picker/material' as *;

package/styles/color-picker/material3-dark.scss

@@ -1,2 +1 @@
-
-@import 'ej2-inputs/styles/color-picker/material3-dark.scss';
+@use 'ej2-inputs/styles/color-picker/material3-dark' as *;

package/styles/color-picker/material3.scss

@@ -1,2 +1 @@
-
-@import 'ej2-inputs/styles/color-picker/material3.scss';
+@use 'ej2-inputs/styles/color-picker/material3' as *;

package/styles/color-picker/tailwind-dark.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/tailwind-dark.scss';
+@use 'ej2-inputs/styles/color-picker/tailwind-dark' as *;

package/styles/color-picker/tailwind.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/tailwind.scss';
+@use 'ej2-inputs/styles/color-picker/tailwind' as *;

package/styles/color-picker/tailwind3.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/tailwind3.scss';
+@use 'ej2-inputs/styles/color-picker/tailwind3' as *;

package/styles/data-form/bds.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/data-form/bds.scss';
+@use 'ej2-inputs/styles/data-form/bds' as *;

package/styles/data-form/bootstrap-dark.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/data-form/bootstrap-dark.scss';
+@use 'ej2-inputs/styles/data-form/bootstrap-dark' as *;

package/styles/data-form/bootstrap.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/data-form/bootstrap.scss';
+@use 'ej2-inputs/styles/data-form/bootstrap' as *;

package/styles/data-form/bootstrap4.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/data-form/bootstrap4.scss';
+@use 'ej2-inputs/styles/data-form/bootstrap4' as *;

package/styles/data-form/bootstrap5-dark.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/data-form/bootstrap5-dark.scss';
+@use 'ej2-inputs/styles/data-form/bootstrap5-dark' as *;

package/styles/data-form/bootstrap5.3.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/data-form/bootstrap5.3.scss';
+@use 'ej2-inputs/styles/data-form/bootstrap5.3' as *;

package/styles/data-form/bootstrap5.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/data-form/bootstrap5.scss';
+@use 'ej2-inputs/styles/data-form/bootstrap5' as *;

package/styles/data-form/fabric-dark.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/data-form/fabric-dark.scss';
+@use 'ej2-inputs/styles/data-form/fabric-dark' as *;

package/styles/data-form/fabric.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/data-form/fabric.scss';
+@use 'ej2-inputs/styles/data-form/fabric' as *;

package/styles/data-form/fluent-dark.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/data-form/fluent-dark.scss';
+@use 'ej2-inputs/styles/data-form/fluent-dark' as *;

package/styles/data-form/fluent.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/data-form/fluent.scss';
+@use 'ej2-inputs/styles/data-form/fluent' as *;

package/styles/data-form/fluent2.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/data-form/fluent2.scss';
+@use 'ej2-inputs/styles/data-form/fluent2' as *;

package/styles/data-form/highcontrast-light.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/data-form/highcontrast-light.scss';
+@use 'ej2-inputs/styles/data-form/highcontrast-light' as *;

package/styles/data-form/highcontrast.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/data-form/highcontrast.scss';
+@use 'ej2-inputs/styles/data-form/highcontrast' as *;

package/styles/data-form/material-dark.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/data-form/material-dark.scss';
+@use 'ej2-inputs/styles/data-form/material-dark' as *;

package/styles/data-form/material.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/data-form/material.scss';
+@use 'ej2-inputs/styles/data-form/material' as *;

package/styles/data-form/material3-dark.scss

@@ -1,2 +1 @@
-
-@import 'ej2-inputs/styles/data-form/material3-dark.scss';
+@use 'ej2-inputs/styles/data-form/material3-dark' as *;

package/styles/data-form/material3.scss

@@ -1,2 +1 @@
-
-@import 'ej2-inputs/styles/data-form/material3.scss';
+@use 'ej2-inputs/styles/data-form/material3' as *;

package/styles/data-form/tailwind-dark.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/data-form/tailwind-dark.scss';
+@use 'ej2-inputs/styles/data-form/tailwind-dark' as *;

package/styles/data-form/tailwind.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/data-form/tailwind.scss';
+@use 'ej2-inputs/styles/data-form/tailwind' as *;

package/styles/data-form/tailwind3.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/data-form/tailwind3.scss';
+@use 'ej2-inputs/styles/data-form/tailwind3' as *;

package/styles/fabric-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/fabric-dark-lite.scss';
+@use 'ej2-inputs/fabric-dark-lite' as *;