@syncfusion/ej2-navigations 33.2.15 → 34.1.30

package/styles/context-menu/_highcontrast-definition.scss

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/highcontrast' as *;
-@forward 'ej2-base/styles/definition/highcontrast';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $cmenu-back-icon: '\e962' !default;
 $cmenu-back-icon-margin: 12px !default;
 $cmenu-bigger-caret-font-size: 12px !default;

package/styles/context-menu/_highcontrast-light-definition.scss

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/highcontrast-light' as *;
-@forward 'ej2-base/styles/definition/highcontrast-light';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $cmenu-back-icon: '\e962';
 $cmenu-back-icon-margin: 12px;
 $cmenu-bigger-caret-font-size: 12px;

package/styles/context-menu/_layout-mixin.scss

@@ -1,4 +1,5 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use 'variables' as *;
+
 @mixin ul-layout {
   font-weight: $cmenu-font-weight;
   list-style-image: none;

package/styles/context-menu/_layout.scss

@@ -1,4 +1,6 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use 'variables' as *;
+@use 'layout-mixin' as *;
+
 @include export-module('contextmenu-layout') {
   .e-contextmenu-wrapper,
   .e-contextmenu-container {

package/styles/context-menu/_material-dark-definition.scss

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/material-dark' as *;
-@forward 'ej2-base/styles/definition/material-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $cmenu-back-icon: '\e977' !default;
 $cmenu-back-icon-margin: 16px !default;
 $cmenu-bigger-caret-font-size: 12px !default;

package/styles/context-menu/_material-definition.scss

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/material' as *;
-@forward 'ej2-base/styles/definition/material';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $cmenu-back-icon: '\e977' !default;
 $cmenu-back-icon-margin: 16px !default;
 $cmenu-bigger-caret-font-size: 12px !default;

package/styles/context-menu/_material3-dark-definition.scss

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/material3-dark' as *;
-@forward 'ej2-base/styles/definition/material3-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $cmenu-back-icon: '\e977' !default;
 $cmenu-back-icon-margin: 8px !default;
 $cmenu-bigger-caret-font-size: $text-base !default;

package/styles/context-menu/_material3-definition.scss

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/material3' as *;
-@forward 'ej2-base/styles/definition/material3';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $cmenu-back-icon: '\e977' !default;
 $cmenu-back-icon-margin: 8px !default;
 $cmenu-bigger-caret-font-size: $text-base !default;

package/styles/context-menu/_tailwind-dark-definition.scss

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/tailwind-dark' as *;
-@forward 'ej2-base/styles/definition/tailwind-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $cmenu-back-icon: '\e977' !default;
 $cmenu-back-icon-margin: 8px !default;
 $cmenu-bigger-caret-font-size: $text-base !default;

package/styles/context-menu/_tailwind-definition.scss

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/tailwind' as *;
-@forward 'ej2-base/styles/definition/tailwind';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $cmenu-back-icon: '\e977' !default;
 $cmenu-back-icon-margin: 8px !default;
 $cmenu-bigger-caret-font-size: $text-base !default;

package/styles/context-menu/_tailwind3-definition.scss

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/tailwind3' as *;
-@forward 'ej2-base/styles/definition/tailwind3';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $cmenu-back-icon: '\e977' !default;
 $cmenu-back-icon-margin: 8px !default;
 $cmenu-bigger-caret-font-size: $text-base !default;

package/styles/context-menu/_theme-mixin.scss

@@ -1,4 +1,5 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use 'variables' as *;
+
 @mixin focused-icon-color {
   @if $skin-name != 'bootstrap5' {
     & .e-caret {

package/styles/context-menu/_theme.scss

@@ -1,4 +1,6 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use 'variables' as *;
+@use 'theme-mixin' as *;
+
 @include export-module('contextmenu-theme') {
   .e-contextmenu-wrapper,
   .e-contextmenu-container {

package/styles/context-menu/_variables.scss

@@ -0,0 +1,2 @@
+@forward '@syncfusion/ej2-base/styles/common/_base-variables';
+@forward '_material3-definition';

package/styles/context-menu/bds.css

@@ -2,31 +2,6 @@
 
 
 
-/*! component's theme wise override definitions and variables */
-@-webkit-keyframes hscroll-popup-shadow {
-  0% {
-    border-color: rgba(255, 255, 255, 0.5);
-    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
-            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
-  }
-  100% {
-    -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
-            box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
-  }
-}
-@keyframes hscroll-popup-shadow {
-  0% {
-    border-color: rgba(255, 255, 255, 0.5);
-    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
-            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
-  }
-  100% {
-    -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
-            box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
-  }
-}
-/*! component's theme wise override definitions and variables */
-/* stylelint-disable-line no-empty-source */
 /* stylelint-disable */
 .e-contextmenu-wrapper ul.e-contextmenu,
 .e-contextmenu-container ul.e-contextmenu {
@@ -51,20 +26,6 @@
   content: "\e765";
 }
 
-
-
-
-
-/* stylelint-disable */
-.e-contextmenu-wrapper ul.e-contextmenu,
-.e-contextmenu-container ul.e-contextmenu {
-  padding: 4px 6px !important;
-}
-
-.e-contextmenu-wrapper ul .e-menu-item {
-  border-radius: 6px !important;
-}
-
 .e-contextmenu-wrapper ul,
 .e-contextmenu-container ul {
   font-weight: 400;
@@ -77,15 +38,6 @@
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  font-size: 14px;
-  padding: 4px 6px;
-  border: 1px solid var(--color-sf-border-secondary);
-  border-radius: 8px;
-  -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
-          box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
-  display: none;
-  min-width: 120px;
-  position: absolute;
 }
 .e-contextmenu-wrapper ul.e-ul, .e-contextmenu-wrapper ul.e-ul *,
 .e-contextmenu-container ul.e-ul,
@@ -98,6 +50,18 @@
 .e-contextmenu-container ul.e-ul *:focus {
   outline: none;
 }
+.e-contextmenu-wrapper ul,
+.e-contextmenu-container ul {
+  font-size: 14px;
+  padding: 4px 6px;
+  border: 1px solid var(--color-sf-border-secondary);
+  border-radius: 8px;
+  -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
+          box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
+  display: none;
+  min-width: 120px;
+  position: absolute;
+}
 .e-contextmenu-wrapper ul.e-contextmenu,
 .e-contextmenu-container ul.e-contextmenu {
   -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
@@ -118,9 +82,6 @@
 .e-contextmenu-container ul .e-menu-item {
   cursor: pointer;
   position: relative;
-  height: 32px;
-  line-height: 32px;
-  padding: 0 12px;
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-menu-hide,
 .e-contextmenu-container ul .e-menu-item.e-menu-hide {
@@ -148,6 +109,12 @@
   line-height: normal;
   pointer-events: none;
 }
+.e-contextmenu-wrapper ul .e-menu-item,
+.e-contextmenu-container ul .e-menu-item {
+  height: 32px;
+  line-height: 32px;
+  padding: 0 12px;
+}
 .e-contextmenu-wrapper ul .e-menu-item .e-menu-url,
 .e-contextmenu-container ul .e-menu-item .e-menu-url {
   display: inline-block;
@@ -299,20 +266,6 @@
   text-overflow: ellipsis;
 }
 
-
-
-
-
-/* stylelint-disable */
-.e-contextmenu-wrapper ul.e-contextmenu,
-.e-contextmenu-container ul.e-contextmenu {
-  padding: 4px 6px !important;
-}
-
-.e-contextmenu-wrapper ul .e-menu-item {
-  border-radius: 6px !important;
-}
-
 .e-contextmenu-wrapper ul,
 .e-contextmenu-container ul {
   background-color: var(--color-sf-bg-primary-alt);
@@ -396,20 +349,6 @@
   border-color: var(--color-sf-border-secondary);
 }
 
-
-
-
-
-/* stylelint-disable */
-.e-contextmenu-wrapper ul.e-contextmenu,
-.e-contextmenu-container ul.e-contextmenu {
-  padding: 4px 6px !important;
-}
-
-.e-contextmenu-wrapper ul .e-menu-item {
-  border-radius: 6px !important;
-}
-
 .e-bigger .e-contextmenu-wrapper ul,
 .e-bigger.e-contextmenu-wrapper ul,
 .e-bigger .e-contextmenu-container ul,

package/styles/context-menu/bds.scss

@@ -1,8 +1,4 @@
-@use 'ej2-base/styles/definition/bds' as *;
-@use '../h-scroll/bds-definition' as *;
-@use '../v-scroll/bds-definition' as *;
-@use 'ej2-popups/styles/popup/bds-definition' as *;
 @use 'bds-definition' as *;
 @use 'icons/bds' as *;
-@use 'all.bds' as *;
-@use 'bigger.bds' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/context-menu/bootstrap-dark.css

@@ -24,15 +24,6 @@
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  font-size: 14px;
-  padding: 0;
-  border: 1px solid #505050;
-  border-radius: 4px;
-  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
-          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
-  display: none;
-  min-width: 120px;
-  position: absolute;
 }
 .e-contextmenu-wrapper ul.e-ul, .e-contextmenu-wrapper ul.e-ul *,
 .e-contextmenu-container ul.e-ul,
@@ -45,6 +36,18 @@
 .e-contextmenu-container ul.e-ul *:focus {
   outline: none;
 }
+.e-contextmenu-wrapper ul,
+.e-contextmenu-container ul {
+  font-size: 14px;
+  padding: 0;
+  border: 1px solid #505050;
+  border-radius: 4px;
+  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+  display: none;
+  min-width: 120px;
+  position: absolute;
+}
 .e-contextmenu-wrapper ul.e-contextmenu,
 .e-contextmenu-container ul.e-contextmenu {
   -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
@@ -64,9 +67,6 @@
 .e-contextmenu-container ul .e-menu-item {
   cursor: pointer;
   position: relative;
-  height: 26px;
-  line-height: 26px;
-  padding: 0 14px;
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-menu-hide,
 .e-contextmenu-container ul .e-menu-item.e-menu-hide {
@@ -94,6 +94,12 @@
   line-height: normal;
   pointer-events: none;
 }
+.e-contextmenu-wrapper ul .e-menu-item,
+.e-contextmenu-container ul .e-menu-item {
+  height: 26px;
+  line-height: 26px;
+  padding: 0 14px;
+}
 .e-contextmenu-wrapper ul .e-menu-item .e-menu-url,
 .e-contextmenu-container ul .e-menu-item .e-menu-url {
   display: inline-block;

package/styles/context-menu/bootstrap-dark.scss

@@ -1,8 +1,4 @@
-@use 'ej2-base/styles/definition/bootstrap-dark' as *;
-@use '../h-scroll/bootstrap-dark-definition' as *;
-@use '../v-scroll/bootstrap-dark-definition' as *;
-@use 'ej2-popups/styles/popup/bootstrap-dark-definition' as *;
 @use 'bootstrap-dark-definition' as *;
 @use 'icons/bootstrap-dark' as *;
-@use 'all.bootstrap-dark' as *;
-@use 'bigger.bootstrap-dark' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/context-menu/bootstrap.css

@@ -1,5 +1,3 @@
-/*! component's theme wise override definitions and variables */
-/*! component's theme wise override definitions and variables */
 .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
 .e-contextmenu-container ul .e-menu-item .e-previous::before {
   content: "\e94b";
@@ -26,15 +24,6 @@
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  font-size: 14px;
-  padding: 0;
-  border: 1px solid #ccc;
-  border-radius: 4px;
-  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  display: none;
-  min-width: 120px;
-  position: absolute;
 }
 .e-contextmenu-wrapper ul.e-ul, .e-contextmenu-wrapper ul.e-ul *,
 .e-contextmenu-container ul.e-ul,
@@ -47,6 +36,18 @@
 .e-contextmenu-container ul.e-ul *:focus {
   outline: none;
 }
+.e-contextmenu-wrapper ul,
+.e-contextmenu-container ul {
+  font-size: 14px;
+  padding: 0;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+  display: none;
+  min-width: 120px;
+  position: absolute;
+}
 .e-contextmenu-wrapper ul.e-contextmenu,
 .e-contextmenu-container ul.e-contextmenu {
   -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
@@ -66,9 +67,6 @@
 .e-contextmenu-container ul .e-menu-item {
   cursor: pointer;
   position: relative;
-  height: 26px;
-  line-height: 26px;
-  padding: 0 14px;
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-menu-hide,
 .e-contextmenu-container ul .e-menu-item.e-menu-hide {
@@ -96,6 +94,12 @@
   line-height: normal;
   pointer-events: none;
 }
+.e-contextmenu-wrapper ul .e-menu-item,
+.e-contextmenu-container ul .e-menu-item {
+  height: 26px;
+  line-height: 26px;
+  padding: 0 14px;
+}
 .e-contextmenu-wrapper ul .e-menu-item .e-menu-url,
 .e-contextmenu-container ul .e-menu-item .e-menu-url {
   display: inline-block;

package/styles/context-menu/bootstrap.scss

@@ -1,8 +1,4 @@
-@use 'ej2-base/styles/definition/bootstrap' as *;
-@use '../h-scroll/bootstrap-definition' as *;
-@use '../v-scroll/bootstrap-definition' as *;
-@use 'ej2-popups/styles/popup/bootstrap-definition' as *;
 @use 'bootstrap-definition' as *;
 @use 'icons/bootstrap' as *;
-@use 'all.bootstrap' as *;
-@use 'bigger.bootstrap' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/context-menu/bootstrap4.css

@@ -1,5 +1,3 @@
-/*! component's theme wise override definitions and variables */
-/*! component's theme wise override definitions and variables */
 .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
 .e-contextmenu-container ul .e-menu-item .e-previous::before {
   content: "\e728";
@@ -26,15 +24,6 @@
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  font-size: 14px;
-  padding: 0;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  border-radius: 4px;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  display: none;
-  min-width: 120px;
-  position: absolute;
 }
 .e-contextmenu-wrapper ul.e-ul, .e-contextmenu-wrapper ul.e-ul *,
 .e-contextmenu-container ul.e-ul,
@@ -47,6 +36,18 @@
 .e-contextmenu-container ul.e-ul *:focus {
   outline: none;
 }
+.e-contextmenu-wrapper ul,
+.e-contextmenu-container ul {
+  font-size: 14px;
+  padding: 0;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  border-radius: 4px;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  display: none;
+  min-width: 120px;
+  position: absolute;
+}
 .e-contextmenu-wrapper ul.e-contextmenu,
 .e-contextmenu-container ul.e-contextmenu {
   -webkit-box-shadow: none;
@@ -66,9 +67,6 @@
 .e-contextmenu-container ul .e-menu-item {
   cursor: pointer;
   position: relative;
-  height: 26px;
-  line-height: 26px;
-  padding: 0 20px;
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-menu-hide,
 .e-contextmenu-container ul .e-menu-item.e-menu-hide {
@@ -96,6 +94,12 @@
   line-height: normal;
   pointer-events: none;
 }
+.e-contextmenu-wrapper ul .e-menu-item,
+.e-contextmenu-container ul .e-menu-item {
+  height: 26px;
+  line-height: 26px;
+  padding: 0 20px;
+}
 .e-contextmenu-wrapper ul .e-menu-item .e-menu-url,
 .e-contextmenu-container ul .e-menu-item .e-menu-url {
   display: inline-block;

package/styles/context-menu/bootstrap4.scss

@@ -1,8 +1,4 @@
-@use 'ej2-base/styles/definition/bootstrap4' as *;
-@use '../h-scroll/bootstrap4-definition' as *;
-@use '../v-scroll/bootstrap4-definition' as *;
-@use 'ej2-popups/styles/popup/bootstrap4-definition' as *;
 @use 'bootstrap4-definition' as *;
 @use 'icons/bootstrap4' as *;
-@use 'all.bootstrap4' as *;
-@use 'bigger.bootstrap4' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/context-menu/bootstrap5-dark.css

@@ -1,28 +1,3 @@
-/*! component's theme wise override definitions and variables */
-@-webkit-keyframes hscroll-popup-shadow {
-  0% {
-    border-color: rgba(255, 255, 255, 0.5);
-    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
-            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
-  }
-  100% {
-    -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
-            box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
-  }
-}
-@keyframes hscroll-popup-shadow {
-  0% {
-    border-color: rgba(255, 255, 255, 0.5);
-    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
-            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
-  }
-  100% {
-    -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
-            box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
-  }
-}
-/*! component's theme wise override definitions and variables */
-/* stylelint-disable-line no-empty-source */
 .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
 .e-contextmenu-container ul .e-menu-item .e-previous::before {
   content: "\e773";
@@ -49,15 +24,6 @@
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  font-size: 14px;
-  padding: 0;
-  border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
-  border-radius: 4px;
-  -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
-          box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
-  display: none;
-  min-width: 120px;
-  position: absolute;
 }
 .e-contextmenu-wrapper ul.e-ul, .e-contextmenu-wrapper ul.e-ul *,
 .e-contextmenu-container ul.e-ul,
@@ -70,6 +36,18 @@
 .e-contextmenu-container ul.e-ul *:focus {
   outline: none;
 }
+.e-contextmenu-wrapper ul,
+.e-contextmenu-container ul {
+  font-size: 14px;
+  padding: 0;
+  border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
+  border-radius: 4px;
+  -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
+          box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
+  display: none;
+  min-width: 120px;
+  position: absolute;
+}
 .e-contextmenu-wrapper ul.e-contextmenu,
 .e-contextmenu-container ul.e-contextmenu {
   -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
@@ -90,9 +68,6 @@
 .e-contextmenu-container ul .e-menu-item {
   cursor: pointer;
   position: relative;
-  height: 30px;
-  line-height: 30px;
-  padding: 0 12px;
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-menu-hide,
 .e-contextmenu-container ul .e-menu-item.e-menu-hide {
@@ -120,6 +95,12 @@
   line-height: normal;
   pointer-events: none;
 }
+.e-contextmenu-wrapper ul .e-menu-item,
+.e-contextmenu-container ul .e-menu-item {
+  height: 30px;
+  line-height: 30px;
+  padding: 0 12px;
+}
 .e-contextmenu-wrapper ul .e-menu-item .e-menu-url,
 .e-contextmenu-container ul .e-menu-item .e-menu-url {
   display: inline-block;

package/styles/context-menu/bootstrap5-dark.scss

@@ -1,8 +1,4 @@
-@use 'ej2-base/styles/definition/bootstrap5-dark' as *;
-@use '../h-scroll/bootstrap5-dark-definition' as *;
-@use '../v-scroll/bootstrap5-dark-definition' as *;
-@use 'ej2-popups/styles/popup/bootstrap5-dark-definition' as *;
 @use 'bootstrap5-dark-definition' as *;
 @use 'icons/bootstrap5-dark' as *;
-@use 'all.bootstrap5-dark' as *;
-@use 'bigger.bootstrap5-dark' as *;
+@use 'all' as *;
+@use 'bigger' as *;