@syncfusion/ej2-inplace-editor 31.2.12 → 32.1.24

package/styles/inplace-editor/highcontrast-light.css

@@ -208,6 +208,14 @@
   content: "\e97c";
 }
 
+/*! High contrast light theme definitions and variables */
+/*! Value element styles */
+/*! Tooltip styles */
+/*! Tip Content styles */
+/*! Title styles */
+/*! Wrapper styles */
+/*! Component group styles */
+/*! Button styles */
 .e-inplaceeditor {
   display: inline-block;
   position: relative;
@@ -557,6 +565,14 @@
   min-height: 60px;
 }
 
+/*! High contrast light theme definitions and variables */
+/*! Value element styles */
+/*! Tooltip styles */
+/*! Tip Content styles */
+/*! Title styles */
+/*! Wrapper styles */
+/*! Component group styles */
+/*! Button styles */
 .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
   border-bottom: 1px dashed #000;
   color: #000;
@@ -655,6 +671,14 @@
   color: #fff;
 }
 
+/*! High contrast light theme definitions and variables */
+/*! Value element styles */
+/*! Tooltip styles */
+/*! Tip Content styles */
+/*! Title styles */
+/*! Wrapper styles */
+/*! Component group styles */
+/*! Button styles */
 .e-bigger .e-inplaceeditor .e-editable-value-wrapper,
 .e-inplaceeditor.e-bigger .e-editable-value-wrapper {
   padding: 8px 12px;

package/styles/inplace-editor/highcontrast-light.scss

@@ -1,27 +1,27 @@
-@import 'ej2-base/styles/definition/highcontrast-light.scss';
-@import 'ej2-inputs/styles/input/highcontrast-light-definition.scss';
-@import 'ej2-inputs/styles/color-picker/highcontrast-light-definition.scss';
-@import 'ej2-inputs/styles/maskedtextbox/highcontrast-light-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/highcontrast-light-definition.scss';
-@import 'ej2-inputs/styles/slider/highcontrast-light-definition.scss';
-@import 'ej2-inputs/styles/textbox/highcontrast-light-definition.scss';
-@import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
-@import 'ej2-buttons/styles/check-box/highcontrast-light-definition.scss';
-@import 'ej2-buttons/styles/radio-button/highcontrast-light-definition.scss';
-@import 'ej2-calendars/styles/calendar/highcontrast-light-definition.scss';
-@import 'ej2-calendars/styles/datepicker/highcontrast-light-definition.scss';
-@import 'ej2-calendars/styles/daterangepicker/highcontrast-light-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/highcontrast-light-definition.scss';
-@import 'ej2-calendars/styles/timepicker/highcontrast-light-definition.scss';
-@import 'ej2-dropdowns/styles/auto-complete/highcontrast-light-definition.scss';
-@import 'ej2-dropdowns/styles/combo-box/highcontrast-light-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/highcontrast-light-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/highcontrast-light-definition.scss';
-@import 'ej2-popups/styles/popup/highcontrast-light-definition.scss';
-@import 'ej2-popups/styles/spinner/highcontrast-light-definition.scss';
-@import 'ej2-popups/styles/tooltip/highcontrast-light-definition.scss';
-@import 'ej2-richtexteditor/styles/rich-text-editor/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'icons/highcontrast-light.scss';
-@import 'all.scss';
-@import 'bigger.scss';
+@use 'ej2-base/styles/definition/highcontrast-light' as *;
+@use 'ej2-inputs/styles/input/highcontrast-light-definition' as *;
+@use 'ej2-inputs/styles/color-picker/highcontrast-light-definition' as *;
+@use 'ej2-inputs/styles/maskedtextbox/highcontrast-light-definition' as *;
+@use 'ej2-inputs/styles/numerictextbox/highcontrast-light-definition' as *;
+@use 'ej2-inputs/styles/slider/highcontrast-light-definition' as *;
+@use 'ej2-inputs/styles/textbox/highcontrast-light-definition' as *;
+@use 'ej2-buttons/styles/button/highcontrast-light-definition' as *;
+@use 'ej2-buttons/styles/check-box/highcontrast-light-definition' as *;
+@use 'ej2-buttons/styles/radio-button/highcontrast-light-definition' as *;
+@use 'ej2-calendars/styles/calendar/highcontrast-light-definition' as *;
+@use 'ej2-calendars/styles/datepicker/highcontrast-light-definition' as *;
+@use 'ej2-calendars/styles/daterangepicker/highcontrast-light-definition' as *;
+@use 'ej2-calendars/styles/datetimepicker/highcontrast-light-definition' as *;
+@use 'ej2-calendars/styles/timepicker/highcontrast-light-definition' as *;
+@use 'ej2-dropdowns/styles/auto-complete/highcontrast-light-definition' as *;
+@use 'ej2-dropdowns/styles/combo-box/highcontrast-light-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/highcontrast-light-definition' as *;
+@use 'ej2-dropdowns/styles/multi-select/highcontrast-light-definition' as *;
+@use 'ej2-popups/styles/popup/highcontrast-light-definition' as *;
+@use 'ej2-popups/styles/spinner/highcontrast-light-definition' as *;
+@use 'ej2-popups/styles/tooltip/highcontrast-light-definition' as *;
+@use 'ej2-richtexteditor/styles/rich-text-editor/highcontrast-light-definition' as *;
+@use 'highcontrast-light-definition' as *;
+@use 'icons/highcontrast-light' as *;
+@use 'all.highcontrast-light' as *;
+@use 'bigger.highcontrast-light' as *;

package/styles/inplace-editor/highcontrast.css

@@ -216,6 +216,14 @@
   content: "\e97c";
 }
 
+/*! High contrast theme definitions and variables */
+/*! Value element styles */
+/*! Tooltip styles */
+/*! Tip Content styles */
+/*! Title styles */
+/*! Wrapper styles */
+/*! Component group styles */
+/*! Button styles */
 .e-inplaceeditor {
   display: inline-block;
   position: relative;
@@ -565,6 +573,14 @@
   min-height: 60px;
 }
 
+/*! High contrast theme definitions and variables */
+/*! Value element styles */
+/*! Tooltip styles */
+/*! Tip Content styles */
+/*! Title styles */
+/*! Wrapper styles */
+/*! Component group styles */
+/*! Button styles */
 .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
   border-bottom: 1px dashed #fff;
   color: #fff;
@@ -663,6 +679,14 @@
   color: #000;
 }
 
+/*! High contrast theme definitions and variables */
+/*! Value element styles */
+/*! Tooltip styles */
+/*! Tip Content styles */
+/*! Title styles */
+/*! Wrapper styles */
+/*! Component group styles */
+/*! Button styles */
 .e-bigger .e-inplaceeditor .e-editable-value-wrapper,
 .e-inplaceeditor.e-bigger .e-editable-value-wrapper {
   padding: 8px 36px 8px 12px;

package/styles/inplace-editor/highcontrast.scss

@@ -1,27 +1,27 @@
-@import 'ej2-base/styles/definition/highcontrast.scss';
-@import 'ej2-inputs/styles/input/highcontrast-definition.scss';
-@import 'ej2-inputs/styles/color-picker/highcontrast-definition.scss';
-@import 'ej2-inputs/styles/maskedtextbox/highcontrast-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/highcontrast-definition.scss';
-@import 'ej2-inputs/styles/slider/highcontrast-definition.scss';
-@import 'ej2-inputs/styles/textbox/highcontrast-definition.scss';
-@import 'ej2-buttons/styles/button/highcontrast-definition.scss';
-@import 'ej2-buttons/styles/check-box/highcontrast-definition.scss';
-@import 'ej2-buttons/styles/radio-button/highcontrast-definition.scss';
-@import 'ej2-calendars/styles/calendar/highcontrast-definition.scss';
-@import 'ej2-calendars/styles/datepicker/highcontrast-definition.scss';
-@import 'ej2-calendars/styles/daterangepicker/highcontrast-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/highcontrast-definition.scss';
-@import 'ej2-calendars/styles/timepicker/highcontrast-definition.scss';
-@import 'ej2-dropdowns/styles/auto-complete/highcontrast-definition.scss';
-@import 'ej2-dropdowns/styles/combo-box/highcontrast-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/highcontrast-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/highcontrast-definition.scss';
-@import 'ej2-popups/styles/popup/highcontrast-definition.scss';
-@import 'ej2-popups/styles/spinner/highcontrast-definition.scss';
-@import 'ej2-popups/styles/tooltip/highcontrast-definition.scss';
-@import 'ej2-richtexteditor/styles/rich-text-editor/highcontrast-definition.scss';
-@import 'highcontrast-definition.scss';
-@import 'icons/highcontrast.scss';
-@import 'all.scss';
-@import 'bigger.scss';
+@use 'ej2-base/styles/definition/highcontrast' as *;
+@use 'ej2-inputs/styles/input/highcontrast-definition' as *;
+@use 'ej2-inputs/styles/color-picker/highcontrast-definition' as *;
+@use 'ej2-inputs/styles/maskedtextbox/highcontrast-definition' as *;
+@use 'ej2-inputs/styles/numerictextbox/highcontrast-definition' as *;
+@use 'ej2-inputs/styles/slider/highcontrast-definition' as *;
+@use 'ej2-inputs/styles/textbox/highcontrast-definition' as *;
+@use 'ej2-buttons/styles/button/highcontrast-definition' as *;
+@use 'ej2-buttons/styles/check-box/highcontrast-definition' as *;
+@use 'ej2-buttons/styles/radio-button/highcontrast-definition' as *;
+@use 'ej2-calendars/styles/calendar/highcontrast-definition' as *;
+@use 'ej2-calendars/styles/datepicker/highcontrast-definition' as *;
+@use 'ej2-calendars/styles/daterangepicker/highcontrast-definition' as *;
+@use 'ej2-calendars/styles/datetimepicker/highcontrast-definition' as *;
+@use 'ej2-calendars/styles/timepicker/highcontrast-definition' as *;
+@use 'ej2-dropdowns/styles/auto-complete/highcontrast-definition' as *;
+@use 'ej2-dropdowns/styles/combo-box/highcontrast-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/highcontrast-definition' as *;
+@use 'ej2-dropdowns/styles/multi-select/highcontrast-definition' as *;
+@use 'ej2-popups/styles/popup/highcontrast-definition' as *;
+@use 'ej2-popups/styles/spinner/highcontrast-definition' as *;
+@use 'ej2-popups/styles/tooltip/highcontrast-definition' as *;
+@use 'ej2-richtexteditor/styles/rich-text-editor/highcontrast-definition' as *;
+@use 'highcontrast-definition' as *;
+@use 'icons/highcontrast' as *;
+@use 'all.highcontrast' as *;
+@use 'bigger.highcontrast' as *;

package/styles/inplace-editor/icons/_bds.scss

@@ -1,3 +1,4 @@
+@use 'ej2-base/styles/common/mixin' as *;
 @include export-module('inplaceeditor-bootstrap-icons') {
 
   /*! inplaceeditor icons */

package/styles/inplace-editor/icons/_bootstrap-dark.scss

@@ -1,4 +1,5 @@
-@include export-module('inplaceeditor-bootstrap-dark-icons') {
+@use 'ej2-base/styles/common/mixin' as *;
+@include export-module('inplaceeditor-bootstrap-dark-icons') {
 
   /*! inplaceeditor icons */
   .e-inplaceeditor,

package/styles/inplace-editor/icons/_bootstrap.scss

@@ -1,4 +1,5 @@
-@include export-module('inplaceeditor-bootstrap-icons') {
+@use 'ej2-base/styles/common/mixin' as *;
+@include export-module('inplaceeditor-bootstrap-icons') {
 
   /*! inplaceeditor icons */
   .e-inplaceeditor,

package/styles/inplace-editor/icons/_bootstrap4.scss

@@ -1,4 +1,5 @@
-@include export-module('inplaceeditor-bootstrap4-icons') {
+@use 'ej2-base/styles/common/mixin' as *;
+@include export-module('inplaceeditor-bootstrap4-icons') {
 
   /*! inplaceeditor icons */
   .e-inplaceeditor,

package/styles/inplace-editor/icons/_bootstrap5-dark.scss

@@ -1 +1 @@
-@import './bootstrap5.scss';
+@use './bootstrap5' as *;

package/styles/inplace-editor/icons/_bootstrap5.3.scss

@@ -1,3 +1,4 @@
+@use 'ej2-base/styles/common/mixin' as *;
 @include export-module('inplaceeditor-bootstrap-icons') {
 
   /*! inplaceeditor icons */

package/styles/inplace-editor/icons/_bootstrap5.scss

@@ -1,3 +1,4 @@
+@use 'ej2-base/styles/common/mixin' as *;
 @include export-module('inplaceeditor-bootstrap-icons') {
 
   /*! inplaceeditor icons */

package/styles/inplace-editor/icons/_fabric-dark.scss

@@ -1,4 +1,5 @@
-@include export-module('inplaceeditor-fabric-dark-icons') {
+@use 'ej2-base/styles/common/mixin' as *;
+@include export-module('inplaceeditor-fabric-dark-icons') {
 
   /*! inplaceeditor icons */
   .e-inplaceeditor,

package/styles/inplace-editor/icons/_fabric.scss

@@ -1,4 +1,5 @@
-@include export-module('inplaceeditor-fabric-icons') {
+@use 'ej2-base/styles/common/mixin' as *;
+@include export-module('inplaceeditor-fabric-icons') {
 
   /*! inplaceeditor icons */
   .e-inplaceeditor,

package/styles/inplace-editor/icons/_fluent-dark.scss

@@ -1 +1 @@
-@import './fluent.scss';
+@use './fluent' as *;

package/styles/inplace-editor/icons/_fluent.scss

@@ -1,3 +1,4 @@
+@use 'ej2-base/styles/common/mixin' as *;
 @include export-module('inplaceeditor-bootstrap-icons') {
 
   /*! inplaceeditor icons */

package/styles/inplace-editor/icons/_fluent2.scss

@@ -1,3 +1,4 @@
+@use 'ej2-base/styles/common/mixin' as *;
 @include export-module('inplaceeditor-bootstrap-icons') {
 
   /*! inplaceeditor icons */

package/styles/inplace-editor/icons/_fusionnew.scss

@@ -1,3 +1,4 @@
+@use 'ej2-base/styles/common/mixin' as *;
 @include export-module('inplaceeditor-bootstrap-icons') {
 
   /*! inplaceeditor icons */

package/styles/inplace-editor/icons/_highcontrast-light.scss

@@ -1,4 +1,5 @@
-@include export-module('inplaceeditor-highcontrast-dark-icons') {
+@use 'ej2-base/styles/common/mixin' as *;
+@include export-module('inplaceeditor-highcontrast-dark-icons') {
 
   /*! inplaceeditor icons */
   .e-inplaceeditor,

package/styles/inplace-editor/icons/_highcontrast.scss

@@ -1,4 +1,5 @@
-@include export-module('inplaceeditor-highcontrast-icons') {
+@use 'ej2-base/styles/common/mixin' as *;
+@include export-module('inplaceeditor-highcontrast-icons') {
 
   /*! inplaceeditor icons */
   .e-inplaceeditor,

package/styles/inplace-editor/icons/_material-dark.scss

@@ -1,4 +1,5 @@
-@include export-module('inplaceeditor-material-dark-icons') {
+@use 'ej2-base/styles/common/mixin' as *;
+@include export-module('inplaceeditor-material-dark-icons') {
 
   /*! inplaceeditor icons */
   .e-inplaceeditor,

package/styles/inplace-editor/icons/_material.scss

@@ -1,4 +1,5 @@
-@include export-module('inplaceeditor-material-icons') {
+@use 'ej2-base/styles/common/mixin' as *;
+@include export-module('inplaceeditor-material-icons') {
 
   /*! inplaceeditor icons */
   .e-inplaceeditor,

package/styles/inplace-editor/icons/_material3-dark.scss

@@ -1 +1 @@
-@import './material3.scss';
+@use './material3' as *;

package/styles/inplace-editor/icons/_material3.scss

@@ -1,3 +1,4 @@
+@use 'ej2-base/styles/common/mixin' as *;
 @include export-module('inplaceeditor-bootstrap-icons') {
 
   /*! inplaceeditor icons */

package/styles/inplace-editor/icons/_tailwind-dark.scss

@@ -1 +1 @@
-@import './tailwind.scss';
+@use './tailwind' as *;

package/styles/inplace-editor/icons/_tailwind.scss

@@ -1,3 +1,4 @@
+@use 'ej2-base/styles/common/mixin' as *;
 @include export-module('inplaceeditor-bootstrap-icons') {
 
   /*! inplaceeditor icons */

package/styles/inplace-editor/icons/_tailwind3.scss

@@ -1,3 +1,4 @@
+@use 'ej2-base/styles/common/mixin' as *;
 @include export-module('inplaceeditor-bootstrap-icons') {
 
   /*! inplaceeditor icons */

package/styles/inplace-editor/material-dark.css

@@ -174,6 +174,14 @@
   content: "\e891";
 }
 
+/*! Material dark theme definitions and variables */
+/*! Value element styles */
+/*! Tooltip styles */
+/*! Tip Content styles */
+/*! Title styles */
+/*! Wrapper styles */
+/*! Component group styles */
+/*! Button styles */
 .e-inplaceeditor {
   display: inline-block;
   position: relative;
@@ -523,6 +531,14 @@
   min-height: 60px;
 }
 
+/*! Material dark theme definitions and variables */
+/*! Value element styles */
+/*! Tooltip styles */
+/*! Tip Content styles */
+/*! Title styles */
+/*! Wrapper styles */
+/*! Component group styles */
+/*! Button styles */
 .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
   border-bottom: 1px dashed #fff;
   color: #fff;
@@ -614,6 +630,14 @@
   color: #757575;
 }
 
+/*! Material dark theme definitions and variables */
+/*! Value element styles */
+/*! Tooltip styles */
+/*! Tip Content styles */
+/*! Title styles */
+/*! Wrapper styles */
+/*! Component group styles */
+/*! Button styles */
 .e-bigger .e-inplaceeditor .e-editable-value-wrapper,
 .e-inplaceeditor.e-bigger .e-editable-value-wrapper {
   padding: 8px;

package/styles/inplace-editor/material-dark.scss

@@ -1,27 +1,27 @@
-@import 'ej2-base/styles/definition/material-dark.scss';
-@import 'ej2-inputs/styles/input/material-dark-definition.scss';
-@import 'ej2-inputs/styles/color-picker/material-dark-definition.scss';
-@import 'ej2-inputs/styles/maskedtextbox/material-dark-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/material-dark-definition.scss';
-@import 'ej2-inputs/styles/slider/material-dark-definition.scss';
-@import 'ej2-inputs/styles/textbox/material-dark-definition.scss';
-@import 'ej2-buttons/styles/button/material-dark-definition.scss';
-@import 'ej2-buttons/styles/check-box/material-dark-definition.scss';
-@import 'ej2-buttons/styles/radio-button/material-dark-definition.scss';
-@import 'ej2-calendars/styles/calendar/material-dark-definition.scss';
-@import 'ej2-calendars/styles/datepicker/material-dark-definition.scss';
-@import 'ej2-calendars/styles/daterangepicker/material-dark-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/material-dark-definition.scss';
-@import 'ej2-calendars/styles/timepicker/material-dark-definition.scss';
-@import 'ej2-dropdowns/styles/auto-complete/material-dark-definition.scss';
-@import 'ej2-dropdowns/styles/combo-box/material-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/material-dark-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/material-dark-definition.scss';
-@import 'ej2-popups/styles/popup/material-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/material-dark-definition.scss';
-@import 'ej2-popups/styles/tooltip/material-dark-definition.scss';
-@import 'ej2-richtexteditor/styles/rich-text-editor/material-dark-definition.scss';
-@import 'material-dark-definition.scss';
-@import 'icons/material-dark.scss';
-@import 'all.scss';
-@import 'bigger.scss';
+@use 'ej2-base/styles/definition/material-dark' as *;
+@use 'ej2-inputs/styles/input/material-dark-definition' as *;
+@use 'ej2-inputs/styles/color-picker/material-dark-definition' as *;
+@use 'ej2-inputs/styles/maskedtextbox/material-dark-definition' as *;
+@use 'ej2-inputs/styles/numerictextbox/material-dark-definition' as *;
+@use 'ej2-inputs/styles/slider/material-dark-definition' as *;
+@use 'ej2-inputs/styles/textbox/material-dark-definition' as *;
+@use 'ej2-buttons/styles/button/material-dark-definition' as *;
+@use 'ej2-buttons/styles/check-box/material-dark-definition' as *;
+@use 'ej2-buttons/styles/radio-button/material-dark-definition' as *;
+@use 'ej2-calendars/styles/calendar/material-dark-definition' as *;
+@use 'ej2-calendars/styles/datepicker/material-dark-definition' as *;
+@use 'ej2-calendars/styles/daterangepicker/material-dark-definition' as *;
+@use 'ej2-calendars/styles/datetimepicker/material-dark-definition' as *;
+@use 'ej2-calendars/styles/timepicker/material-dark-definition' as *;
+@use 'ej2-dropdowns/styles/auto-complete/material-dark-definition' as *;
+@use 'ej2-dropdowns/styles/combo-box/material-dark-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/material-dark-definition' as *;
+@use 'ej2-dropdowns/styles/multi-select/material-dark-definition' as *;
+@use 'ej2-popups/styles/popup/material-dark-definition' as *;
+@use 'ej2-popups/styles/spinner/material-dark-definition' as *;
+@use 'ej2-popups/styles/tooltip/material-dark-definition' as *;
+@use 'ej2-richtexteditor/styles/rich-text-editor/material-dark-definition' as *;
+@use 'material-dark-definition' as *;
+@use 'icons/material-dark' as *;
+@use 'all.material-dark' as *;
+@use 'bigger.material-dark' as *;

package/styles/inplace-editor/material.css

@@ -208,6 +208,14 @@
   content: "\e891";
 }
 
+/*! Material theme definitions and variables */
+/*! Value element styles */
+/*! Tooltip styles */
+/*! Tip Content styles */
+/*! Title styles */
+/*! Wrapper styles */
+/*! Component group styles */
+/*! Button styles */
 .e-inplaceeditor {
   display: inline-block;
   position: relative;
@@ -565,6 +573,14 @@
   min-height: 60px;
 }
 
+/*! Material theme definitions and variables */
+/*! Value element styles */
+/*! Tooltip styles */
+/*! Tip Content styles */
+/*! Title styles */
+/*! Wrapper styles */
+/*! Component group styles */
+/*! Button styles */
 .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
   border-bottom: 1px dashed rgba(0, 0, 0, 0.87);
   color: rgba(0, 0, 0, 0.87);
@@ -656,6 +672,14 @@
   color: #eee;
 }
 
+/*! Material theme definitions and variables */
+/*! Value element styles */
+/*! Tooltip styles */
+/*! Tip Content styles */
+/*! Title styles */
+/*! Wrapper styles */
+/*! Component group styles */
+/*! Button styles */
 .e-bigger .e-inplaceeditor .e-editable-value-wrapper,
 .e-inplaceeditor.e-bigger .e-editable-value-wrapper {
   padding: 8px;

package/styles/inplace-editor/material.scss

@@ -1,27 +1,27 @@
-@import 'ej2-base/styles/definition/material.scss';
-@import 'ej2-inputs/styles/input/material-definition.scss';
-@import 'ej2-inputs/styles/color-picker/material-definition.scss';
-@import 'ej2-inputs/styles/maskedtextbox/material-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/material-definition.scss';
-@import 'ej2-inputs/styles/slider/material-definition.scss';
-@import 'ej2-inputs/styles/textbox/material-definition.scss';
-@import 'ej2-buttons/styles/button/material-definition.scss';
-@import 'ej2-buttons/styles/check-box/material-definition.scss';
-@import 'ej2-buttons/styles/radio-button/material-definition.scss';
-@import 'ej2-calendars/styles/calendar/material-definition.scss';
-@import 'ej2-calendars/styles/datepicker/material-definition.scss';
-@import 'ej2-calendars/styles/daterangepicker/material-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/material-definition.scss';
-@import 'ej2-calendars/styles/timepicker/material-definition.scss';
-@import 'ej2-dropdowns/styles/auto-complete/material-definition.scss';
-@import 'ej2-dropdowns/styles/combo-box/material-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/material-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/material-definition.scss';
-@import 'ej2-popups/styles/popup/material-definition.scss';
-@import 'ej2-popups/styles/spinner/material-definition.scss';
-@import 'ej2-popups/styles/tooltip/material-definition.scss';
-@import 'ej2-richtexteditor/styles/rich-text-editor/material-definition.scss';
-@import 'material-definition.scss';
-@import 'icons/material.scss';
-@import 'all.scss';
-@import 'bigger.scss';
+@use 'ej2-base/styles/definition/material' as *;
+@use 'ej2-inputs/styles/input/material-definition' as *;
+@use 'ej2-inputs/styles/color-picker/material-definition' as *;
+@use 'ej2-inputs/styles/maskedtextbox/material-definition' as *;
+@use 'ej2-inputs/styles/numerictextbox/material-definition' as *;
+@use 'ej2-inputs/styles/slider/material-definition' as *;
+@use 'ej2-inputs/styles/textbox/material-definition' as *;
+@use 'ej2-buttons/styles/button/material-definition' as *;
+@use 'ej2-buttons/styles/check-box/material-definition' as *;
+@use 'ej2-buttons/styles/radio-button/material-definition' as *;
+@use 'ej2-calendars/styles/calendar/material-definition' as *;
+@use 'ej2-calendars/styles/datepicker/material-definition' as *;
+@use 'ej2-calendars/styles/daterangepicker/material-definition' as *;
+@use 'ej2-calendars/styles/datetimepicker/material-definition' as *;
+@use 'ej2-calendars/styles/timepicker/material-definition' as *;
+@use 'ej2-dropdowns/styles/auto-complete/material-definition' as *;
+@use 'ej2-dropdowns/styles/combo-box/material-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/material-definition' as *;
+@use 'ej2-dropdowns/styles/multi-select/material-definition' as *;
+@use 'ej2-popups/styles/popup/material-definition' as *;
+@use 'ej2-popups/styles/spinner/material-definition' as *;
+@use 'ej2-popups/styles/tooltip/material-definition' as *;
+@use 'ej2-richtexteditor/styles/rich-text-editor/material-definition' as *;
+@use 'material-definition' as *;
+@use 'icons/material' as *;
+@use 'all.material' as *;
+@use 'bigger.material' as *;