@syncfusion/ej2-angular-navigations 20.2.38 → 20.2.39-ngcc

package/styles/context-menu/fluent.scss

@@ -1,7 +1 @@
-@import 'ej2-base/styles/fluent-definition.scss';
-@import '../h-scroll/fluent-definition.scss';
-@import '../v-scroll/fluent-definition.scss';
-@import 'ej2-popups/styles/popup/fluent-definition.scss';
-@import 'fluent-definition.scss';
-@import 'icons/fluent.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/context-menu/fluent.scss';

package/styles/context-menu/highcontrast-light.scss

@@ -1,7 +1 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
-@import '../h-scroll/highcontrast-light-definition.scss';
-@import '../v-scroll/highcontrast-light-definition.scss';
-@import 'ej2-popups/styles/popup/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'icons/highcontrast-light.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/context-menu/highcontrast-light.scss';

package/styles/context-menu/highcontrast.scss

@@ -1,7 +1 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
-@import '../h-scroll/highcontrast-definition.scss';
-@import '../v-scroll/highcontrast-definition.scss';
-@import 'ej2-popups/styles/popup/highcontrast-definition.scss';
-@import 'highcontrast-definition.scss';
-@import 'icons/highcontrast.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/context-menu/highcontrast.scss';

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

@@ -1,7 +1 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
-@import '../h-scroll/material-dark-definition.scss';
-@import '../v-scroll/material-dark-definition.scss';
-@import 'ej2-popups/styles/popup/material-dark-definition.scss';
-@import 'material-dark-definition.scss';
-@import 'icons/material-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/context-menu/material-dark.scss';

package/styles/context-menu/material.scss

@@ -1,7 +1 @@
-@import 'ej2-base/styles/material-definition.scss';
-@import '../h-scroll/material-definition.scss';
-@import '../v-scroll/material-definition.scss';
-@import 'ej2-popups/styles/popup/material-definition.scss';
-@import 'material-definition.scss';
-@import 'icons/material.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/context-menu/material.scss';

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

@@ -1,7 +1 @@
-@import 'ej2-base/styles/tailwind-dark-definition.scss';
-@import '../h-scroll/tailwind-dark-definition.scss';
-@import '../v-scroll/tailwind-dark-definition.scss';
-@import 'ej2-popups/styles/popup/tailwind-dark-definition.scss';
-@import 'tailwind-dark-definition.scss';
-@import 'icons/tailwind-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/context-menu/tailwind-dark.scss';

package/styles/context-menu/tailwind.scss

@@ -1,7 +1 @@
-@import 'ej2-base/styles/tailwind-definition.scss';
-@import '../h-scroll/tailwind-definition.scss';
-@import '../v-scroll/tailwind-definition.scss';
-@import 'ej2-popups/styles/popup/tailwind-definition.scss';
-@import 'tailwind-definition.scss';
-@import 'icons/tailwind.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/context-menu/tailwind.scss';

package/styles/fluent-dark.css

@@ -2776,7 +2776,7 @@
   padding: 6px;
 }
 .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator div {
-  border: 1px solid rgba(255, 255, 255, 0.4);
+  border: 1px solid rgba(27, 26, 25, 0.4);
   border-radius: 50%;
   height: 12px;
   transition-duration: 0.6s;
@@ -2797,7 +2797,7 @@
 .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled) .e-btn-icon,
 .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled) .e-btn-icon,
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled) .e-btn-icon {
-  color: #fff;
+  color: #1b1a19;
 }
 .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):active, .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):focus, .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):hover,
 .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):active,
@@ -2806,7 +2806,7 @@
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):active,
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):focus,
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):hover {
-  background-color: rgba(255, 255, 255, 0.4);
+  background-color: rgba(27, 26, 25, 0.4);
   outline: none;
 }
 .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator {
@@ -2815,8 +2815,8 @@
   box-shadow: none;
 }
 .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator div {
-  background-color: #fff;
-  border-color: #fff;
+  background-color: #1b1a19;
+  border-color: #1b1a19;
 }
 .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:active, .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:focus, .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:hover {
   background-color: transparent;
@@ -6421,20 +6421,20 @@
   border-radius: 0;
 }
 .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text, .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
-  color: #fff;
+  color: #1b1a19;
 }
 .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
   margin-top: 0;
 }
 .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-text,
 .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
-  color: #fff;
+  color: #1b1a19;
 }
 .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-close-icon {
-  color: #fff;
+  color: #1b1a19;
 }
 .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-close-icon:hover {
-  color: #fff;
+  color: #1b1a19;
 }
 .e-tab.e-fill .e-tab-header.e-horizontal-bottom {
   border-bottom: 0;
@@ -6501,7 +6501,7 @@
   background: inherit;
 }
 .e-tab.e-background .e-tab-header .e-indicator {
-  background: #fff;
+  background: #1b1a19;
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item {
   border: 0;
@@ -6518,24 +6518,24 @@
   color: #004578;
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon:hover {
-  color: #fff;
+  color: #1b1a19;
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
   background: #005ba1;
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
 .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
-  color: #fff;
+  color: #1b1a19;
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
 .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon,
 .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
-  color: #fff;
+  color: #1b1a19;
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active {
   border: 0;
   margin: 0;
-  background: #fff;
+  background: #1b1a19;
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
   background: none;
@@ -6548,7 +6548,7 @@
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
-  color: #fff;
+  color: #1b1a19;
   color: #0078d4;
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
@@ -6556,20 +6556,20 @@
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
-  color: #fff;
+  color: #1b1a19;
   color: #0078d4;
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-text,
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
-  color: #fff;
+  color: #1b1a19;
   color: #0078d4;
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-close-icon {
-  color: #fff;
+  color: #1b1a19;
   color: #0078d4;
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-close-icon:hover {
-  color: #fff;
+  color: #1b1a19;
   color: #0078d4;
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active.e-itop .e-tab-wrap, .e-tab.e-background .e-tab-header .e-toolbar-item.e-active.e-ibottom .e-tab-wrap {
@@ -6598,7 +6598,7 @@
 .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
 .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-icon,
 .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
-  color: #fff;
+  color: #1b1a19;
   color: #f3f2f1;
 }
 .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav,
@@ -6607,22 +6607,22 @@
 }
 .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow,
 .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow {
-  color: #fff;
+  color: #1b1a19;
 }
 .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:hover,
 .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow:hover {
   background: inherit;
   background: #005ba1;
-  color: #fff;
+  color: #1b1a19;
 }
 .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow,
 .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
-  color: #fff;
+  color: #1b1a19;
 }
 .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:hover,
 .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow:hover {
   background: inherit;
-  color: #fff;
+  color: #1b1a19;
 }
 .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active::after,
 .e-tab.e-background .e-tab-header .e-scroll-nav:active::after {
@@ -6630,7 +6630,7 @@
 }
 .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav.e-overlay .e-nav-arrow,
 .e-tab.e-background .e-tab-header .e-scroll-nav.e-overlay .e-nav-arrow {
-  color: #fff;
+  color: #1b1a19;
 }
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav),
 .e-tab.e-background .e-tab-header .e-hor-nav {
@@ -6640,21 +6640,21 @@
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon {
-  color: #fff;
-  color: #fff;
+  color: #1b1a19;
+  color: #1b1a19;
 }
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon:hover,
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:hover,
 .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
 .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
   background: inherit;
-  color: #fff;
+  color: #1b1a19;
 }
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
-  color: #fff;
+  color: #1b1a19;
   background: #005ba1;
 }
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):active::after,
@@ -6667,13 +6667,13 @@
 }
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-popup-up-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav.e-nav-active .e-popup-up-icon {
-  color: #fff;
+  color: #1b1a19;
 }
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-popup-up-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-popup-down-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav.e-nav-active .e-popup-up-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav.e-nav-active .e-popup-down-icon {
-  color: #fff;
+  color: #1b1a19;
 }
 .e-tab.e-background .e-tab-header.e-vertical .e-scroll-nav .e-nav-arrow {
   border: 0;
@@ -6685,7 +6685,7 @@
   background: none;
 }
 .e-tab.e-background .e-tab-header.e-vertical .e-scroll-nav:hover .e-nav-arrow {
-  color: #fff;
+  color: #1b1a19;
 }
 .e-tab.e-background .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon,
 .e-tab.e-background .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon {
@@ -6743,10 +6743,10 @@
 .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text,
 .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-close-icon {
   color: #004578;
-  color: #fff;
+  color: #1b1a19;
 }
 .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
-  background: #fff;
+  background: #1b1a19;
 }
 .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
 .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
@@ -6754,7 +6754,7 @@
   color: #0078d4;
 }
 .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
-  background: #fff;
+  background: #1b1a19;
 }
 .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
 .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon,
@@ -7640,8 +7640,8 @@
 }
 .e-treeview.e-drag-item .e-drop-count {
   background-color: #0078d4;
-  border-color: #fff;
-  color: #fff;
+  border-color: #1b1a19;
+  color: #1b1a19;
 }
 .e-treeview.e-drag-item.e-rtl .e-sibling {
   border: 1px solid #0078d4;

package/styles/h-scroll/bootstrap-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
-@import 'bootstrap-dark-definition.scss';
-@import 'icons/bootstrap-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/h-scroll/bootstrap-dark.scss';

package/styles/h-scroll/bootstrap.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
-@import 'bootstrap-definition.scss';
-@import 'icons/bootstrap.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/h-scroll/bootstrap.scss';

package/styles/h-scroll/bootstrap4.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'icons/bootstrap4.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/h-scroll/bootstrap4.scss';

package/styles/h-scroll/bootstrap5-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'icons/bootstrap5-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/h-scroll/bootstrap5-dark.scss';

package/styles/h-scroll/bootstrap5.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'icons/bootstrap5.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/h-scroll/bootstrap5.scss';

package/styles/h-scroll/fabric-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
-@import 'fabric-dark-definition.scss';
-@import 'icons/fabric-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/h-scroll/fabric-dark.scss';

package/styles/h-scroll/fabric.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fabric-definition.scss';
-@import 'fabric-definition.scss';
-@import 'icons/fabric.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/h-scroll/fabric.scss';

package/styles/h-scroll/fluent-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
-@import 'fluent-dark-definition.scss';
-@import 'icons/fluent-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/h-scroll/fluent-dark.scss';

package/styles/h-scroll/fluent.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fluent-definition.scss';
-@import 'fluent-definition.scss';
-@import 'icons/fluent.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/h-scroll/fluent.scss';

package/styles/h-scroll/highcontrast-light.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'icons/highcontrast-light.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/h-scroll/highcontrast-light.scss';

package/styles/h-scroll/highcontrast.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
-@import 'highcontrast-definition.scss';
-@import 'icons/highcontrast.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/h-scroll/highcontrast.scss';

package/styles/h-scroll/material-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
-@import 'material-dark-definition.scss';
-@import 'icons/material-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/h-scroll/material-dark.scss';

package/styles/h-scroll/material.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/material-definition.scss';
-@import 'material-definition.scss';
-@import 'icons/material.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/h-scroll/material.scss';

package/styles/h-scroll/tailwind-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/tailwind-dark-definition.scss';
-@import 'tailwind-dark-definition.scss';
-@import 'icons/tailwind-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/h-scroll/tailwind-dark.scss';

package/styles/h-scroll/tailwind.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/tailwind-definition.scss';
-@import 'tailwind-definition.scss';
-@import 'icons/tailwind.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/h-scroll/tailwind.scss';

package/styles/menu/bootstrap-dark.scss

@@ -1,8 +1 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
-@import '../context-menu/bootstrap-dark-definition.scss';
-@import '../h-scroll/bootstrap-dark-definition.scss';
-@import '../v-scroll/bootstrap-dark-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap-dark-definition.scss';
-@import 'bootstrap-dark-definition.scss';
-@import 'icons/bootstrap-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/menu/bootstrap-dark.scss';

package/styles/menu/bootstrap.scss

@@ -1,8 +1 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
-@import '../context-menu/bootstrap-definition.scss';
-@import '../h-scroll/bootstrap-definition.scss';
-@import '../v-scroll/bootstrap-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap-definition.scss';
-@import 'bootstrap-definition.scss';
-@import 'icons/bootstrap.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/menu/bootstrap.scss';

package/styles/menu/bootstrap4.scss

@@ -1,8 +1 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
-@import '../context-menu/bootstrap4-definition.scss';
-@import '../h-scroll/bootstrap4-definition.scss';
-@import '../v-scroll/bootstrap4-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'icons/bootstrap4.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/menu/bootstrap4.scss';

package/styles/menu/bootstrap5-dark.scss

@@ -1,8 +1 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
-@import '../context-menu/bootstrap5-dark-definition.scss';
-@import '../h-scroll/bootstrap5-dark-definition.scss';
-@import '../v-scroll/bootstrap5-dark-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'icons/bootstrap5-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/menu/bootstrap5-dark.scss';

package/styles/menu/bootstrap5.scss

@@ -1,8 +1 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
-@import '../context-menu/bootstrap5-definition.scss';
-@import '../h-scroll/bootstrap5-definition.scss';
-@import '../v-scroll/bootstrap5-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'icons/bootstrap5.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/menu/bootstrap5.scss';

package/styles/menu/fabric-dark.scss

@@ -1,8 +1 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
-@import '../context-menu/fabric-dark-definition.scss';
-@import '../h-scroll/fabric-dark-definition.scss';
-@import '../v-scroll/fabric-dark-definition.scss';
-@import 'ej2-popups/styles/popup/fabric-dark-definition.scss';
-@import 'fabric-dark-definition.scss';
-@import 'icons/fabric-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/menu/fabric-dark.scss';

package/styles/menu/fabric.scss

@@ -1,8 +1 @@
-@import 'ej2-base/styles/fabric-definition.scss';
-@import '../context-menu/fabric-definition.scss';
-@import '../h-scroll/fabric-definition.scss';
-@import '../v-scroll/fabric-definition.scss';
-@import 'ej2-popups/styles/popup/fabric-definition.scss';
-@import 'fabric-definition.scss';
-@import 'icons/fabric.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/menu/fabric.scss';

package/styles/menu/fluent-dark.scss

@@ -1,8 +1 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
-@import '../context-menu/fluent-dark-definition.scss';
-@import '../h-scroll/fluent-dark-definition.scss';
-@import '../v-scroll/fluent-dark-definition.scss';
-@import 'ej2-popups/styles/popup/fluent-dark-definition.scss';
-@import 'fluent-dark-definition.scss';
-@import 'icons/fluent-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/menu/fluent-dark.scss';

package/styles/menu/fluent.scss

@@ -1,8 +1 @@
-@import 'ej2-base/styles/fluent-definition.scss';
-@import '../context-menu/fluent-definition.scss';
-@import '../h-scroll/fluent-definition.scss';
-@import '../v-scroll/fluent-definition.scss';
-@import 'ej2-popups/styles/popup/fluent-definition.scss';
-@import 'fluent-definition.scss';
-@import 'icons/fluent.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/menu/fluent.scss';

package/styles/menu/highcontrast-light.scss

@@ -1,8 +1 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
-@import '../context-menu/highcontrast-light-definition.scss';
-@import '../h-scroll/highcontrast-light-definition.scss';
-@import '../v-scroll/highcontrast-light-definition.scss';
-@import 'ej2-popups/styles/popup/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'icons/highcontrast-light.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/menu/highcontrast-light.scss';

package/styles/menu/highcontrast.scss

@@ -1,8 +1 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
-@import '../context-menu/highcontrast-definition.scss';
-@import '../h-scroll/highcontrast-definition.scss';
-@import '../v-scroll/highcontrast-definition.scss';
-@import 'ej2-popups/styles/popup/highcontrast-definition.scss';
-@import 'highcontrast-definition.scss';
-@import 'icons/highcontrast.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/menu/highcontrast.scss';

package/styles/menu/material-dark.scss

@@ -1,8 +1 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
-@import '../context-menu/material-dark-definition.scss';
-@import '../h-scroll/material-dark-definition.scss';
-@import '../v-scroll/material-dark-definition.scss';
-@import 'ej2-popups/styles/popup/material-dark-definition.scss';
-@import 'material-dark-definition.scss';
-@import 'icons/material-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/menu/material-dark.scss';

package/styles/menu/material.scss

@@ -1,8 +1 @@
-@import 'ej2-base/styles/material-definition.scss';
-@import '../context-menu/material-definition.scss';
-@import '../h-scroll/material-definition.scss';
-@import '../v-scroll/material-definition.scss';
-@import 'ej2-popups/styles/popup/material-definition.scss';
-@import 'material-definition.scss';
-@import 'icons/material.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/menu/material.scss';

package/styles/menu/tailwind-dark.scss

@@ -1,8 +1 @@
-@import 'ej2-base/styles/tailwind-dark-definition.scss';
-@import '../context-menu/tailwind-dark-definition.scss';
-@import '../h-scroll/tailwind-dark-definition.scss';
-@import '../v-scroll/tailwind-dark-definition.scss';
-@import 'ej2-popups/styles/popup/tailwind-dark-definition.scss';
-@import 'tailwind-dark-definition.scss';
-@import 'icons/tailwind-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/menu/tailwind-dark.scss';

package/styles/menu/tailwind.scss

@@ -1,8 +1 @@
-@import 'ej2-base/styles/tailwind-definition.scss';
-@import '../context-menu/tailwind-definition.scss';
-@import '../h-scroll/tailwind-definition.scss';
-@import '../v-scroll/tailwind-definition.scss';
-@import 'ej2-popups/styles/popup/tailwind-definition.scss';
-@import 'tailwind-definition.scss';
-@import 'icons/tailwind.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/menu/tailwind.scss';

package/styles/pager/bootstrap-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
-@import 'bootstrap-dark-definition.scss';
-@import 'icons/bootstrap-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/pager/bootstrap-dark.scss';

package/styles/pager/bootstrap.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
-@import 'bootstrap-definition.scss';
-@import 'icons/bootstrap.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/pager/bootstrap.scss';

package/styles/pager/bootstrap4.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'icons/bootstrap4.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/pager/bootstrap4.scss';

package/styles/pager/bootstrap5-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'icons/bootstrap5-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/pager/bootstrap5-dark.scss';