@syncfusion/ej2-navigations 31.2.16 → 32.1.24

package/styles/fabric-dark.scss

@@ -1,59 +1,59 @@
-@import 'ej2-base/styles/definition/fabric-dark.scss';
-@import 'pager/fabric-dark-definition.scss';
-@import 'pager/icons/fabric-dark.scss';
-@import 'pager/all.scss';
-@import 'pager/bigger.scss';
-@import 'h-scroll/fabric-dark-definition.scss';
-@import 'h-scroll/icons/fabric-dark.scss';
-@import 'h-scroll/all.scss';
-@import 'h-scroll/bigger.scss';
-@import 'v-scroll/fabric-dark-definition.scss';
-@import 'v-scroll/icons/fabric-dark.scss';
-@import 'v-scroll/all.scss';
-@import 'v-scroll/bigger.scss';
-@import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
-@import 'ej2-popups/styles/popup/fabric-dark-definition.scss';
-@import 'toolbar/fabric-dark-definition.scss';
-@import 'toolbar/icons/fabric-dark.scss';
-@import 'toolbar/all.scss';
-@import 'toolbar/bigger.scss';
-@import 'accordion/fabric-dark-definition.scss';
-@import 'accordion/icons/fabric-dark.scss';
-@import 'accordion/all.scss';
-@import 'accordion/bigger.scss';
-@import 'carousel/fabric-dark-definition.scss';
-@import 'carousel/icons/fabric-dark.scss';
-@import 'carousel/all.scss';
+@use 'ej2-base/styles/definition/fabric-dark' as *;
+@use 'pager/fabric-dark-definition' as *;
+@use 'pager/icons/fabric-dark' as *;
+@use 'pager/all.fabric-dark' as *;
+@use 'pager/bigger.fabric-dark' as *;
+@use 'h-scroll/fabric-dark-definition' as *;
+@use 'h-scroll/icons/fabric-dark' as *;
+@use 'h-scroll/all.fabric-dark' as *;
+@use 'h-scroll/bigger.fabric-dark' as *;
+@use 'v-scroll/fabric-dark-definition' as *;
+@use 'v-scroll/icons/fabric-dark' as *;
+@use 'v-scroll/all.fabric-dark' as *;
+@use 'v-scroll/bigger.fabric-dark' as *;
+@use 'ej2-buttons/styles/button/fabric-dark-definition' as *;
+@use 'ej2-popups/styles/popup/fabric-dark-definition' as *;
+@use 'toolbar/fabric-dark-definition' as *;
+@use 'toolbar/icons/fabric-dark' as *;
+@use 'toolbar/all.fabric-dark' as *;
+@use 'toolbar/bigger.fabric-dark' as *;
+@use 'accordion/fabric-dark-definition' as *;
+@use 'accordion/icons/fabric-dark' as *;
+@use 'accordion/all.fabric-dark' as *;
+@use 'accordion/bigger.fabric-dark' as *;
+@use 'carousel/fabric-dark-definition' as *;
+@use 'carousel/icons/fabric-dark' as *;
+@use 'carousel/all.fabric-dark' as *;
 
-@import 'context-menu/fabric-dark-definition.scss';
-@import 'context-menu/icons/fabric-dark.scss';
-@import 'context-menu/all.scss';
-@import 'context-menu/bigger.scss';
-@import 'tab/fabric-dark-definition.scss';
-@import 'tab/icons/fabric-dark.scss';
-@import 'tab/all.scss';
-@import 'tab/bigger.scss';
-@import 'ej2-inputs/styles/input/fabric-dark-definition.scss';
-@import 'ej2-buttons/styles/check-box/fabric-dark-definition.scss';
-@import 'treeview/fabric-dark-definition.scss';
-@import 'treeview/icons/fabric-dark.scss';
-@import 'treeview/all.scss';
-@import 'treeview/bigger.scss';
-@import 'sidebar/fabric-dark-definition.scss';
-@import 'sidebar/all.scss';
-@import 'menu/fabric-dark-definition.scss';
-@import 'menu/icons/fabric-dark.scss';
-@import 'menu/all.scss';
-@import 'menu/bigger.scss';
-@import 'breadcrumb/fabric-dark-definition.scss';
-@import 'breadcrumb/icons/fabric-dark.scss';
-@import 'breadcrumb/all.scss';
-@import 'breadcrumb/bigger.scss';
-@import 'appbar/fabric-dark-definition.scss';
-@import 'appbar/all.scss';
-@import 'appbar/bigger.scss';
-@import 'ej2-popups/styles/tooltip/fabric-dark-definition.scss';
-@import 'stepper/fabric-dark-definition.scss';
-@import 'stepper/icons/fabric-dark.scss';
-@import 'stepper/all.scss';
-@import 'stepper/bigger.scss';
+@use 'context-menu/fabric-dark-definition' as *;
+@use 'context-menu/icons/fabric-dark' as *;
+@use 'context-menu/all.fabric-dark' as *;
+@use 'context-menu/bigger.fabric-dark' as *;
+@use 'tab/fabric-dark-definition' as *;
+@use 'tab/icons/fabric-dark' as *;
+@use 'tab/all.fabric-dark' as *;
+@use 'tab/bigger.fabric-dark' as *;
+@use 'ej2-inputs/styles/input/fabric-dark-definition' as *;
+@use 'ej2-buttons/styles/check-box/fabric-dark-definition' as *;
+@use 'treeview/fabric-dark-definition' as *;
+@use 'treeview/icons/fabric-dark' as *;
+@use 'treeview/all.fabric-dark' as *;
+@use 'treeview/bigger.fabric-dark' as *;
+@use 'sidebar/fabric-dark-definition' as *;
+@use 'sidebar/all.fabric-dark' as *;
+@use 'menu/fabric-dark-definition' as *;
+@use 'menu/icons/fabric-dark' as *;
+@use 'menu/all.fabric-dark' as *;
+@use 'menu/bigger.fabric-dark' as *;
+@use 'breadcrumb/fabric-dark-definition' as *;
+@use 'breadcrumb/icons/fabric-dark' as *;
+@use 'breadcrumb/all.fabric-dark' as *;
+@use 'breadcrumb/bigger.fabric-dark' as *;
+@use 'appbar/fabric-dark-definition' as *;
+@use 'appbar/all.fabric-dark' as *;
+@use 'appbar/bigger.fabric-dark' as *;
+@use 'ej2-popups/styles/tooltip/fabric-dark-definition' as *;
+@use 'stepper/fabric-dark-definition' as *;
+@use 'stepper/icons/fabric-dark' as *;
+@use 'stepper/all.fabric-dark' as *;
+@use 'stepper/bigger.fabric-dark' as *;

package/styles/fabric-lite.css

@@ -858,6 +858,7 @@
   line-height: normal;
 }
 
+/*! component's theme wise override definitions and variables */
 /*! v-scroll layout */
 .e-vscroll {
   display: block;
@@ -961,6 +962,7 @@
   width: 100%;
 }
 
+/*! component's theme wise override definitions and variables */
 /*! v-scroll theme */
 .e-vscroll .e-icons {
   color: #333;
@@ -1086,6 +1088,12 @@
 .e-toolbar.e-hidden {
   display: none;
 }
+.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) > * {
+  pointer-events: none;
+}
+.e-toolbar.e-overlay.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-toolbar-item > * {
+  pointer-events: none;
+}
 .e-toolbar .e-toolbar-items {
   border-radius: 0 0 0 0;
   display: -webkit-inline-box;
@@ -3591,7 +3599,7 @@
           justify-content: center;
   margin: 0 0 0 10px;
   padding-left: 0;
-  padding-right: 10px;
+  padding-right: 8px;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
@@ -4681,13 +4689,13 @@
 }
 .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
   margin: 0;
-  padding-left: 10px;
+  padding-left: 8px;
   padding-right: 0;
 }
 @media screen and (max-width: 480px) {
   .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
     margin: 0;
-    padding-left: 10px;
+    padding-left: 8px;
     padding-right: 0;
   }
 }
@@ -6020,6 +6028,8 @@
   content: "\e22a";
 }
 
+/*! TreeView's fabric theme wise override definitions and variables */
+/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 @-webkit-keyframes rotation {
   from {
@@ -6202,14 +6212,14 @@
 }
 .e-treeview .e-list-text .e-input-group {
   height: 30px;
-  margin-bottom: 0;
+  margin-bottom: 0px;
   min-width: 150px;
   vertical-align: bottom;
 }
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
-  padding-top: 6px;
-  padding-bottom: 6px;
+  padding-top: 0 7px;
+  padding-bottom: 0 7px;
 }
 .e-treeview .e-navigable-text {
   padding: 0 5px;
@@ -6460,6 +6470,8 @@
 }
 
 /* stylelint-enable property-no-vendor-prefix */
+/*! TreeView's fabric theme wise override definitions and variables */
+/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 .e-treeview {
   -webkit-tap-highlight-color: transparent;
@@ -6632,7 +6644,6 @@
   border-left-color: transparent;
 }
 
-/* stylelint-disable-line no-empty-source */
 /* stylelint-disable-line no-empty-source */
 ejs-sidebar {
   display: none;
@@ -7120,7 +7131,6 @@ ejs-sidebar {
   display: none;
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
   font-size: 14px;
-  font-weight: normal;
   height: 42px;
   line-height: 42px;
   text-align: left;

package/styles/fabric-lite.scss

@@ -1,47 +1,47 @@
-@import 'ej2-base/styles/definition/fabric.scss';
-@import 'pager/fabric-definition.scss';
-@import 'pager/icons/fabric.scss';
-@import 'pager/all.scss';
-@import 'h-scroll/fabric-definition.scss';
-@import 'h-scroll/icons/fabric.scss';
-@import 'h-scroll/all.scss';
-@import 'v-scroll/fabric-definition.scss';
-@import 'v-scroll/icons/fabric.scss';
-@import 'v-scroll/all.scss';
-@import 'ej2-buttons/styles/button/fabric-definition.scss';
-@import 'ej2-popups/styles/popup/fabric-definition.scss';
-@import 'toolbar/fabric-definition.scss';
-@import 'toolbar/icons/fabric.scss';
-@import 'toolbar/all.scss';
-@import 'accordion/fabric-definition.scss';
-@import 'accordion/icons/fabric.scss';
-@import 'accordion/all.scss';
-@import 'carousel/fabric-definition.scss';
-@import 'carousel/icons/fabric.scss';
-@import 'carousel/all.scss';
+@use 'ej2-base/styles/definition/fabric' as *;
+@use 'pager/fabric-definition' as *;
+@use 'pager/icons/fabric' as *;
+@use 'pager/all.fabric' as *;
+@use 'h-scroll/fabric-definition' as *;
+@use 'h-scroll/icons/fabric' as *;
+@use 'h-scroll/all.fabric' as *;
+@use 'v-scroll/fabric-definition' as *;
+@use 'v-scroll/icons/fabric' as *;
+@use 'v-scroll/all.fabric' as *;
+@use 'ej2-buttons/styles/button/fabric-definition' as *;
+@use 'ej2-popups/styles/popup/fabric-definition' as *;
+@use 'toolbar/fabric-definition' as *;
+@use 'toolbar/icons/fabric' as *;
+@use 'toolbar/all.fabric' as *;
+@use 'accordion/fabric-definition' as *;
+@use 'accordion/icons/fabric' as *;
+@use 'accordion/all.fabric' as *;
+@use 'carousel/fabric-definition' as *;
+@use 'carousel/icons/fabric' as *;
+@use 'carousel/all.fabric' as *;
 
-@import 'context-menu/fabric-definition.scss';
-@import 'context-menu/icons/fabric.scss';
-@import 'context-menu/all.scss';
-@import 'tab/fabric-definition.scss';
-@import 'tab/icons/fabric.scss';
-@import 'tab/all.scss';
-@import 'ej2-inputs/styles/input/fabric-definition.scss';
-@import 'ej2-buttons/styles/check-box/fabric-definition.scss';
-@import 'treeview/fabric-definition.scss';
-@import 'treeview/icons/fabric.scss';
-@import 'treeview/all.scss';
-@import 'sidebar/fabric-definition.scss';
-@import 'sidebar/all.scss';
-@import 'menu/fabric-definition.scss';
-@import 'menu/icons/fabric.scss';
-@import 'menu/all.scss';
-@import 'breadcrumb/fabric-definition.scss';
-@import 'breadcrumb/icons/fabric.scss';
-@import 'breadcrumb/all.scss';
-@import 'appbar/fabric-definition.scss';
-@import 'appbar/all.scss';
-@import 'ej2-popups/styles/tooltip/fabric-definition.scss';
-@import 'stepper/fabric-definition.scss';
-@import 'stepper/icons/fabric.scss';
-@import 'stepper/all.scss';
+@use 'context-menu/fabric-definition' as *;
+@use 'context-menu/icons/fabric' as *;
+@use 'context-menu/all.fabric' as *;
+@use 'tab/fabric-definition' as *;
+@use 'tab/icons/fabric' as *;
+@use 'tab/all.fabric' as *;
+@use 'ej2-inputs/styles/input/fabric-definition' as *;
+@use 'ej2-buttons/styles/check-box/fabric-definition' as *;
+@use 'treeview/fabric-definition' as *;
+@use 'treeview/icons/fabric' as *;
+@use 'treeview/all.fabric' as *;
+@use 'sidebar/fabric-definition' as *;
+@use 'sidebar/all.fabric' as *;
+@use 'menu/fabric-definition' as *;
+@use 'menu/icons/fabric' as *;
+@use 'menu/all.fabric' as *;
+@use 'breadcrumb/fabric-definition' as *;
+@use 'breadcrumb/icons/fabric' as *;
+@use 'breadcrumb/all.fabric' as *;
+@use 'appbar/fabric-definition' as *;
+@use 'appbar/all.fabric' as *;
+@use 'ej2-popups/styles/tooltip/fabric-definition' as *;
+@use 'stepper/fabric-definition' as *;
+@use 'stepper/icons/fabric' as *;
+@use 'stepper/all.fabric' as *;

package/styles/fabric.css

@@ -1100,6 +1100,7 @@
   line-height: normal;
 }
 
+/*! component's theme wise override definitions and variables */
 /*! v-scroll layout */
 .e-vscroll {
   display: block;
@@ -1203,6 +1204,7 @@
   width: 100%;
 }
 
+/*! component's theme wise override definitions and variables */
 /*! v-scroll theme */
 .e-vscroll .e-icons {
   color: #333;
@@ -1277,6 +1279,7 @@
   content: "";
 }
 
+/*! component's theme wise override definitions and variables */
 .e-bigger .e-vscroll:not(.e-scroll-device),
 .e-vscroll.e-bigger:not(.e-scroll-device) {
   padding: 50px 0;
@@ -1349,6 +1352,12 @@
 .e-toolbar.e-hidden {
   display: none;
 }
+.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) > * {
+  pointer-events: none;
+}
+.e-toolbar.e-overlay.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-toolbar-item > * {
+  pointer-events: none;
+}
 .e-toolbar .e-toolbar-items {
   border-radius: 0 0 0 0;
   display: -webkit-inline-box;
@@ -2235,6 +2244,10 @@
 .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:active {
   padding: 0;
 }
+.e-bigger .e-toolbar.e-spacer-toolbar.e-pop-mode .e-toolbar-items,
+.e-toolbar.e-bigger.e-spacer-toolbar.e-pop-mode .e-toolbar-items {
+  width: calc(100% - 50px);
+}
 .e-bigger .e-toolbar .e-toolbar-item,
 .e-toolbar.e-bigger .e-toolbar-item {
   min-height: 49px;
@@ -4272,7 +4285,7 @@
           justify-content: center;
   margin: 0 0 0 10px;
   padding-left: 0;
-  padding-right: 10px;
+  padding-right: 8px;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
@@ -5362,13 +5375,13 @@
 }
 .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
   margin: 0;
-  padding-left: 10px;
+  padding-left: 8px;
   padding-right: 0;
 }
 @media screen and (max-width: 480px) {
   .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
     margin: 0;
-    padding-left: 10px;
+    padding-left: 8px;
     padding-right: 0;
   }
 }
@@ -7902,6 +7915,8 @@
   content: "\e22a";
 }
 
+/*! TreeView's fabric theme wise override definitions and variables */
+/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 @-webkit-keyframes rotation {
   from {
@@ -8084,14 +8099,14 @@
 }
 .e-treeview .e-list-text .e-input-group {
   height: 30px;
-  margin-bottom: 0;
+  margin-bottom: 0px;
   min-width: 150px;
   vertical-align: bottom;
 }
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
-  padding-top: 6px;
-  padding-bottom: 6px;
+  padding-top: 0 7px;
+  padding-bottom: 0 7px;
 }
 .e-treeview .e-navigable-text {
   padding: 0 5px;
@@ -8342,6 +8357,8 @@
 }
 
 /* stylelint-enable property-no-vendor-prefix */
+/*! TreeView's fabric theme wise override definitions and variables */
+/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 .e-treeview {
   -webkit-tap-highlight-color: transparent;
@@ -8514,6 +8531,8 @@
   border-left-color: transparent;
 }
 
+/*! TreeView's fabric theme wise override definitions and variables */
+/* stylelint-disable */
 .e-bigger .e-treeview .e-navigable .e-list-text,
 .e-treeview.e-bigger .e-navigable .e-list-text {
   padding: 0;
@@ -8665,7 +8684,6 @@
   font-size: 12px;
 }
 /* stylelint-disable-line no-empty-source */
-/* stylelint-disable-line no-empty-source */
 ejs-sidebar {
   display: none;
 }
@@ -9152,7 +9170,6 @@ ejs-sidebar {
   display: none;
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
   font-size: 14px;
-  font-weight: normal;
   height: 42px;
   line-height: 42px;
   text-align: left;

package/styles/fabric.scss

@@ -1,59 +1,59 @@
-@import 'ej2-base/styles/definition/fabric.scss';
-@import 'pager/fabric-definition.scss';
-@import 'pager/icons/fabric.scss';
-@import 'pager/all.scss';
-@import 'pager/bigger.scss';
-@import 'h-scroll/fabric-definition.scss';
-@import 'h-scroll/icons/fabric.scss';
-@import 'h-scroll/all.scss';
-@import 'h-scroll/bigger.scss';
-@import 'v-scroll/fabric-definition.scss';
-@import 'v-scroll/icons/fabric.scss';
-@import 'v-scroll/all.scss';
-@import 'v-scroll/bigger.scss';
-@import 'ej2-buttons/styles/button/fabric-definition.scss';
-@import 'ej2-popups/styles/popup/fabric-definition.scss';
-@import 'toolbar/fabric-definition.scss';
-@import 'toolbar/icons/fabric.scss';
-@import 'toolbar/all.scss';
-@import 'toolbar/bigger.scss';
-@import 'accordion/fabric-definition.scss';
-@import 'accordion/icons/fabric.scss';
-@import 'accordion/all.scss';
-@import 'accordion/bigger.scss';
-@import 'carousel/fabric-definition.scss';
-@import 'carousel/icons/fabric.scss';
-@import 'carousel/all.scss';
+@use 'ej2-base/styles/definition/fabric' as *;
+@use 'pager/fabric-definition' as *;
+@use 'pager/icons/fabric' as *;
+@use 'pager/all.fabric' as *;
+@use 'pager/bigger.fabric' as *;
+@use 'h-scroll/fabric-definition' as *;
+@use 'h-scroll/icons/fabric' as *;
+@use 'h-scroll/all.fabric' as *;
+@use 'h-scroll/bigger.fabric' as *;
+@use 'v-scroll/fabric-definition' as *;
+@use 'v-scroll/icons/fabric' as *;
+@use 'v-scroll/all.fabric' as *;
+@use 'v-scroll/bigger.fabric' as *;
+@use 'ej2-buttons/styles/button/fabric-definition' as *;
+@use 'ej2-popups/styles/popup/fabric-definition' as *;
+@use 'toolbar/fabric-definition' as *;
+@use 'toolbar/icons/fabric' as *;
+@use 'toolbar/all.fabric' as *;
+@use 'toolbar/bigger.fabric' as *;
+@use 'accordion/fabric-definition' as *;
+@use 'accordion/icons/fabric' as *;
+@use 'accordion/all.fabric' as *;
+@use 'accordion/bigger.fabric' as *;
+@use 'carousel/fabric-definition' as *;
+@use 'carousel/icons/fabric' as *;
+@use 'carousel/all.fabric' as *;
 
-@import 'context-menu/fabric-definition.scss';
-@import 'context-menu/icons/fabric.scss';
-@import 'context-menu/all.scss';
-@import 'context-menu/bigger.scss';
-@import 'tab/fabric-definition.scss';
-@import 'tab/icons/fabric.scss';
-@import 'tab/all.scss';
-@import 'tab/bigger.scss';
-@import 'ej2-inputs/styles/input/fabric-definition.scss';
-@import 'ej2-buttons/styles/check-box/fabric-definition.scss';
-@import 'treeview/fabric-definition.scss';
-@import 'treeview/icons/fabric.scss';
-@import 'treeview/all.scss';
-@import 'treeview/bigger.scss';
-@import 'sidebar/fabric-definition.scss';
-@import 'sidebar/all.scss';
-@import 'menu/fabric-definition.scss';
-@import 'menu/icons/fabric.scss';
-@import 'menu/all.scss';
-@import 'menu/bigger.scss';
-@import 'breadcrumb/fabric-definition.scss';
-@import 'breadcrumb/icons/fabric.scss';
-@import 'breadcrumb/all.scss';
-@import 'breadcrumb/bigger.scss';
-@import 'appbar/fabric-definition.scss';
-@import 'appbar/all.scss';
-@import 'appbar/bigger.scss';
-@import 'ej2-popups/styles/tooltip/fabric-definition.scss';
-@import 'stepper/fabric-definition.scss';
-@import 'stepper/icons/fabric.scss';
-@import 'stepper/all.scss';
-@import 'stepper/bigger.scss';
+@use 'context-menu/fabric-definition' as *;
+@use 'context-menu/icons/fabric' as *;
+@use 'context-menu/all.fabric' as *;
+@use 'context-menu/bigger.fabric' as *;
+@use 'tab/fabric-definition' as *;
+@use 'tab/icons/fabric' as *;
+@use 'tab/all.fabric' as *;
+@use 'tab/bigger.fabric' as *;
+@use 'ej2-inputs/styles/input/fabric-definition' as *;
+@use 'ej2-buttons/styles/check-box/fabric-definition' as *;
+@use 'treeview/fabric-definition' as *;
+@use 'treeview/icons/fabric' as *;
+@use 'treeview/all.fabric' as *;
+@use 'treeview/bigger.fabric' as *;
+@use 'sidebar/fabric-definition' as *;
+@use 'sidebar/all.fabric' as *;
+@use 'menu/fabric-definition' as *;
+@use 'menu/icons/fabric' as *;
+@use 'menu/all.fabric' as *;
+@use 'menu/bigger.fabric' as *;
+@use 'breadcrumb/fabric-definition' as *;
+@use 'breadcrumb/icons/fabric' as *;
+@use 'breadcrumb/all.fabric' as *;
+@use 'breadcrumb/bigger.fabric' as *;
+@use 'appbar/fabric-definition' as *;
+@use 'appbar/all.fabric' as *;
+@use 'appbar/bigger.fabric' as *;
+@use 'ej2-popups/styles/tooltip/fabric-definition' as *;
+@use 'stepper/fabric-definition' as *;
+@use 'stepper/icons/fabric' as *;
+@use 'stepper/all.fabric' as *;
+@use 'stepper/bigger.fabric' as *;