@syncfusion/ej2-angular-navigations 20.2.48 → 20.2.49-ngcc

package/styles/menu/bootstrap5.css

@@ -8,7 +8,7 @@
     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 */
+/*! component's theme wise override definitions and variables */
 /*! menu layout */
 .e-menu-wrapper ul.e-vertical .e-menu-item .e-caret::before,
 .e-menu-container ul.e-vertical .e-menu-item .e-caret::before {
@@ -700,8 +700,6 @@
   border: none;
   overflow-y: auto;
   width: 100%;
-  /* stylelint-disable */
-  /* stylelint-enable */
 }
 .e-menu-wrapper.e-hamburger ul.e-menu.e-menu-parent.e-hide-menu,
 .e-menu-container.e-hamburger ul.e-menu.e-menu-parent.e-hide-menu {
@@ -1063,31 +1061,6 @@
 .e-menu-container.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav:active {
   background: #0d6efd;
 }
-.e-menu-wrapper.e-inherit,
-.e-menu-container.e-inherit {
-  background: inherit;
-  color: inherit;
-  border: 0;
-  box-shadow: none;
-}
-.e-menu-wrapper.e-inherit .e-menu, .e-menu-wrapper.e-inherit .e-menu .e-menu-item .e-menu-icon, .e-menu-wrapper.e-inherit .e-menu .e-menu-item .e-caret,
-.e-menu-container.e-inherit .e-menu,
-.e-menu-container.e-inherit .e-menu .e-menu-item .e-menu-icon,
-.e-menu-container.e-inherit .e-menu .e-menu-item .e-caret {
-  color: inherit;
-}
-.e-menu-wrapper.e-inherit .e-menu,
-.e-menu-container.e-inherit .e-menu {
-  background: inherit;
-}
-.e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused, .e-menu-wrapper.e-inherit .e-ul .e-menu-item.e-focused, .e-menu-wrapper.e-inherit .e-ul .e-menu-item.e-selected,
-.e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,
-.e-menu-container.e-inherit .e-menu .e-menu-item.e-focused,
-.e-menu-container.e-inherit .e-ul .e-menu-item.e-focused,
-.e-menu-container.e-inherit .e-ul .e-menu-item.e-selected {
-  background: rgba(0, 0, 0, 0.056);
-  color: inherit;
-}
 
 .e-menu-wrapper.e-hamburger .e-menu-header,
 .e-menu-container.e-hamburger .e-menu-header {

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.css

@@ -689,8 +689,6 @@
   border: 1px solid #414040;
   overflow-y: auto;
   width: 100%;
-  /* stylelint-disable */
-  /* stylelint-enable */
 }
 .e-menu-wrapper.e-hamburger ul.e-menu.e-menu-parent.e-hide-menu,
 .e-menu-container.e-hamburger ul.e-menu.e-menu-parent.e-hide-menu {
@@ -1052,31 +1050,6 @@
 .e-menu-container.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav:active {
   background: #514f4f;
 }
-.e-menu-wrapper.e-inherit,
-.e-menu-container.e-inherit {
-  background: inherit;
-  color: inherit;
-  border: 0;
-  box-shadow: none;
-}
-.e-menu-wrapper.e-inherit .e-menu, .e-menu-wrapper.e-inherit .e-menu .e-menu-item .e-menu-icon, .e-menu-wrapper.e-inherit .e-menu .e-menu-item .e-caret,
-.e-menu-container.e-inherit .e-menu,
-.e-menu-container.e-inherit .e-menu .e-menu-item .e-menu-icon,
-.e-menu-container.e-inherit .e-menu .e-menu-item .e-caret {
-  color: inherit;
-}
-.e-menu-wrapper.e-inherit .e-menu,
-.e-menu-container.e-inherit .e-menu {
-  background: inherit;
-}
-.e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused, .e-menu-wrapper.e-inherit .e-ul .e-menu-item.e-focused, .e-menu-wrapper.e-inherit .e-ul .e-menu-item.e-selected,
-.e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,
-.e-menu-container.e-inherit .e-menu .e-menu-item.e-focused,
-.e-menu-container.e-inherit .e-ul .e-menu-item.e-focused,
-.e-menu-container.e-inherit .e-ul .e-menu-item.e-selected {
-  background: rgba(0, 0, 0, 0.056);
-  color: inherit;
-}
 
 .e-menu-wrapper.e-hamburger .e-menu-header,
 .e-menu-container.e-hamburger .e-menu-header {

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.css

@@ -690,8 +690,6 @@
   border: none;
   overflow-y: auto;
   width: 100%;
-  /* stylelint-disable */
-  /* stylelint-enable */
 }
 .e-menu-wrapper.e-hamburger ul.e-menu.e-menu-parent.e-hide-menu,
 .e-menu-container.e-hamburger ul.e-menu.e-menu-parent.e-hide-menu {
@@ -1053,31 +1051,6 @@
 .e-menu-container.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav:active {
   background: #f4f4f4;
 }
-.e-menu-wrapper.e-inherit,
-.e-menu-container.e-inherit {
-  background: inherit;
-  color: inherit;
-  border: 0;
-  box-shadow: none;
-}
-.e-menu-wrapper.e-inherit .e-menu, .e-menu-wrapper.e-inherit .e-menu .e-menu-item .e-menu-icon, .e-menu-wrapper.e-inherit .e-menu .e-menu-item .e-caret,
-.e-menu-container.e-inherit .e-menu,
-.e-menu-container.e-inherit .e-menu .e-menu-item .e-menu-icon,
-.e-menu-container.e-inherit .e-menu .e-menu-item .e-caret {
-  color: inherit;
-}
-.e-menu-wrapper.e-inherit .e-menu,
-.e-menu-container.e-inherit .e-menu {
-  background: inherit;
-}
-.e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused, .e-menu-wrapper.e-inherit .e-ul .e-menu-item.e-focused, .e-menu-wrapper.e-inherit .e-ul .e-menu-item.e-selected,
-.e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,
-.e-menu-container.e-inherit .e-menu .e-menu-item.e-focused,
-.e-menu-container.e-inherit .e-ul .e-menu-item.e-focused,
-.e-menu-container.e-inherit .e-ul .e-menu-item.e-selected {
-  background: rgba(0, 0, 0, 0.056);
-  color: inherit;
-}
 
 .e-menu-wrapper.e-hamburger .e-menu-header,
 .e-menu-container.e-hamburger .e-menu-header {

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.css

@@ -8,7 +8,7 @@
     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 */
+/*! component's theme wise override definitions and variables */
 /*! menu layout */
 .e-menu-wrapper ul.e-vertical .e-menu-item .e-caret::before,
 .e-menu-container ul.e-vertical .e-menu-item .e-caret::before {
@@ -700,8 +700,6 @@
   border: none;
   overflow-y: auto;
   width: 100%;
-  /* stylelint-disable */
-  /* stylelint-enable */
 }
 .e-menu-wrapper.e-hamburger ul.e-menu.e-menu-parent.e-hide-menu,
 .e-menu-container.e-hamburger ul.e-menu.e-menu-parent.e-hide-menu {
@@ -1071,31 +1069,6 @@
 .e-menu-container.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav:active {
   background: #3b3a39;
 }
-.e-menu-wrapper.e-inherit,
-.e-menu-container.e-inherit {
-  background: inherit;
-  color: inherit;
-  border: 0;
-  box-shadow: none;
-}
-.e-menu-wrapper.e-inherit .e-menu, .e-menu-wrapper.e-inherit .e-menu .e-menu-item .e-menu-icon, .e-menu-wrapper.e-inherit .e-menu .e-menu-item .e-caret,
-.e-menu-container.e-inherit .e-menu,
-.e-menu-container.e-inherit .e-menu .e-menu-item .e-menu-icon,
-.e-menu-container.e-inherit .e-menu .e-menu-item .e-caret {
-  color: inherit;
-}
-.e-menu-wrapper.e-inherit .e-menu,
-.e-menu-container.e-inherit .e-menu {
-  background: inherit;
-}
-.e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused, .e-menu-wrapper.e-inherit .e-ul .e-menu-item.e-focused, .e-menu-wrapper.e-inherit .e-ul .e-menu-item.e-selected,
-.e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,
-.e-menu-container.e-inherit .e-menu .e-menu-item.e-focused,
-.e-menu-container.e-inherit .e-ul .e-menu-item.e-focused,
-.e-menu-container.e-inherit .e-ul .e-menu-item.e-selected {
-  background: rgba(0, 0, 0, 0.056);
-  color: inherit;
-}
 
 .e-menu-wrapper.e-hamburger .e-menu-header,
 .e-menu-container.e-hamburger .e-menu-header {

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.css

@@ -8,7 +8,7 @@
     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 */
+/*! component's theme wise override definitions and variables */
 /*! menu layout */
 .e-menu-wrapper ul.e-vertical .e-menu-item .e-caret::before,
 .e-menu-container ul.e-vertical .e-menu-item .e-caret::before {
@@ -700,8 +700,6 @@
   border: none;
   overflow-y: auto;
   width: 100%;
-  /* stylelint-disable */
-  /* stylelint-enable */
 }
 .e-menu-wrapper.e-hamburger ul.e-menu.e-menu-parent.e-hide-menu,
 .e-menu-container.e-hamburger ul.e-menu.e-menu-parent.e-hide-menu {
@@ -1071,31 +1069,6 @@
 .e-menu-container.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav:active {
   background: #edebe9;
 }
-.e-menu-wrapper.e-inherit,
-.e-menu-container.e-inherit {
-  background: inherit;
-  color: inherit;
-  border: 0;
-  box-shadow: none;
-}
-.e-menu-wrapper.e-inherit .e-menu, .e-menu-wrapper.e-inherit .e-menu .e-menu-item .e-menu-icon, .e-menu-wrapper.e-inherit .e-menu .e-menu-item .e-caret,
-.e-menu-container.e-inherit .e-menu,
-.e-menu-container.e-inherit .e-menu .e-menu-item .e-menu-icon,
-.e-menu-container.e-inherit .e-menu .e-menu-item .e-caret {
-  color: inherit;
-}
-.e-menu-wrapper.e-inherit .e-menu,
-.e-menu-container.e-inherit .e-menu {
-  background: inherit;
-}
-.e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused, .e-menu-wrapper.e-inherit .e-ul .e-menu-item.e-focused, .e-menu-wrapper.e-inherit .e-ul .e-menu-item.e-selected,
-.e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,
-.e-menu-container.e-inherit .e-menu .e-menu-item.e-focused,
-.e-menu-container.e-inherit .e-ul .e-menu-item.e-focused,
-.e-menu-container.e-inherit .e-ul .e-menu-item.e-selected {
-  background: rgba(0, 0, 0, 0.056);
-  color: inherit;
-}
 
 .e-menu-wrapper.e-hamburger .e-menu-header,
 .e-menu-container.e-hamburger .e-menu-header {

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.css

@@ -689,8 +689,6 @@
   border: none;
   overflow-y: auto;
   width: 100%;
-  /* stylelint-disable */
-  /* stylelint-enable */
 }
 .e-menu-wrapper.e-hamburger ul.e-menu.e-menu-parent.e-hide-menu,
 .e-menu-container.e-hamburger ul.e-menu.e-menu-parent.e-hide-menu {
@@ -1052,31 +1050,6 @@
 .e-menu-container.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav:active {
   background: #400074;
 }
-.e-menu-wrapper.e-inherit,
-.e-menu-container.e-inherit {
-  background: inherit;
-  color: inherit;
-  border: 0;
-  box-shadow: none;
-}
-.e-menu-wrapper.e-inherit .e-menu, .e-menu-wrapper.e-inherit .e-menu .e-menu-item .e-menu-icon, .e-menu-wrapper.e-inherit .e-menu .e-menu-item .e-caret,
-.e-menu-container.e-inherit .e-menu,
-.e-menu-container.e-inherit .e-menu .e-menu-item .e-menu-icon,
-.e-menu-container.e-inherit .e-menu .e-menu-item .e-caret {
-  color: inherit;
-}
-.e-menu-wrapper.e-inherit .e-menu,
-.e-menu-container.e-inherit .e-menu {
-  background: inherit;
-}
-.e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused, .e-menu-wrapper.e-inherit .e-ul .e-menu-item.e-focused, .e-menu-wrapper.e-inherit .e-ul .e-menu-item.e-selected,
-.e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,
-.e-menu-container.e-inherit .e-menu .e-menu-item.e-focused,
-.e-menu-container.e-inherit .e-ul .e-menu-item.e-focused,
-.e-menu-container.e-inherit .e-ul .e-menu-item.e-selected {
-  background: rgba(0, 0, 0, 0.056);
-  color: inherit;
-}
 
 .e-menu-wrapper.e-hamburger .e-menu-header,
 .e-menu-container.e-hamburger .e-menu-header {

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.css

@@ -690,8 +690,6 @@
   border: 1px solid #fff;
   overflow-y: auto;
   width: 100%;
-  /* stylelint-disable */
-  /* stylelint-enable */
 }
 .e-menu-wrapper.e-hamburger ul.e-menu.e-menu-parent.e-hide-menu,
 .e-menu-container.e-hamburger ul.e-menu.e-menu-parent.e-hide-menu {
@@ -1053,31 +1051,6 @@
 .e-menu-container.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav:active {
   background: #ffd939;
 }
-.e-menu-wrapper.e-inherit,
-.e-menu-container.e-inherit {
-  background: inherit;
-  color: inherit;
-  border: 0;
-  box-shadow: none;
-}
-.e-menu-wrapper.e-inherit .e-menu, .e-menu-wrapper.e-inherit .e-menu .e-menu-item .e-menu-icon, .e-menu-wrapper.e-inherit .e-menu .e-menu-item .e-caret,
-.e-menu-container.e-inherit .e-menu,
-.e-menu-container.e-inherit .e-menu .e-menu-item .e-menu-icon,
-.e-menu-container.e-inherit .e-menu .e-menu-item .e-caret {
-  color: inherit;
-}
-.e-menu-wrapper.e-inherit .e-menu,
-.e-menu-container.e-inherit .e-menu {
-  background: inherit;
-}
-.e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused, .e-menu-wrapper.e-inherit .e-ul .e-menu-item.e-focused, .e-menu-wrapper.e-inherit .e-ul .e-menu-item.e-selected,
-.e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,
-.e-menu-container.e-inherit .e-menu .e-menu-item.e-focused,
-.e-menu-container.e-inherit .e-ul .e-menu-item.e-focused,
-.e-menu-container.e-inherit .e-ul .e-menu-item.e-selected {
-  background: rgba(0, 0, 0, 0.056);
-  color: inherit;
-}
 
 .e-menu-wrapper.e-hamburger .e-menu-header,
 .e-menu-container.e-hamburger .e-menu-header {

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.css

@@ -708,8 +708,6 @@
   border: 1px solid transparent;
   overflow-y: auto;
   width: 100%;
-  /* stylelint-disable */
-  /* stylelint-enable */
 }
 .e-menu-wrapper.e-hamburger ul.e-menu.e-menu-parent.e-hide-menu,
 .e-menu-container.e-hamburger ul.e-menu.e-menu-parent.e-hide-menu {
@@ -1071,31 +1069,6 @@
 .e-menu-container.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav:active {
   background: rgba(255, 255, 255, 0.18);
 }
-.e-menu-wrapper.e-inherit,
-.e-menu-container.e-inherit {
-  background: inherit;
-  color: inherit;
-  border: 0;
-  box-shadow: none;
-}
-.e-menu-wrapper.e-inherit .e-menu, .e-menu-wrapper.e-inherit .e-menu .e-menu-item .e-menu-icon, .e-menu-wrapper.e-inherit .e-menu .e-menu-item .e-caret,
-.e-menu-container.e-inherit .e-menu,
-.e-menu-container.e-inherit .e-menu .e-menu-item .e-menu-icon,
-.e-menu-container.e-inherit .e-menu .e-menu-item .e-caret {
-  color: inherit;
-}
-.e-menu-wrapper.e-inherit .e-menu,
-.e-menu-container.e-inherit .e-menu {
-  background: inherit;
-}
-.e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused, .e-menu-wrapper.e-inherit .e-ul .e-menu-item.e-focused, .e-menu-wrapper.e-inherit .e-ul .e-menu-item.e-selected,
-.e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,
-.e-menu-container.e-inherit .e-menu .e-menu-item.e-focused,
-.e-menu-container.e-inherit .e-ul .e-menu-item.e-focused,
-.e-menu-container.e-inherit .e-ul .e-menu-item.e-selected {
-  background: rgba(0, 0, 0, 0.056);
-  color: inherit;
-}
 
 .e-menu-wrapper.e-hamburger .e-menu-header,
 .e-menu-container.e-hamburger .e-menu-header {

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.css

@@ -710,8 +710,6 @@
   border: none;
   overflow-y: auto;
   width: 100%;
-  /* stylelint-disable */
-  /* stylelint-enable */
 }
 .e-menu-wrapper.e-hamburger ul.e-menu.e-menu-parent.e-hide-menu,
 .e-menu-container.e-hamburger ul.e-menu.e-menu-parent.e-hide-menu {
@@ -1073,31 +1071,6 @@
 .e-menu-container.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav:active {
   background: #eee;
 }
-.e-menu-wrapper.e-inherit,
-.e-menu-container.e-inherit {
-  background: inherit;
-  color: inherit;
-  border: 0;
-  box-shadow: none;
-}
-.e-menu-wrapper.e-inherit .e-menu, .e-menu-wrapper.e-inherit .e-menu .e-menu-item .e-menu-icon, .e-menu-wrapper.e-inherit .e-menu .e-menu-item .e-caret,
-.e-menu-container.e-inherit .e-menu,
-.e-menu-container.e-inherit .e-menu .e-menu-item .e-menu-icon,
-.e-menu-container.e-inherit .e-menu .e-menu-item .e-caret {
-  color: inherit;
-}
-.e-menu-wrapper.e-inherit .e-menu,
-.e-menu-container.e-inherit .e-menu {
-  background: inherit;
-}
-.e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused, .e-menu-wrapper.e-inherit .e-ul .e-menu-item.e-focused, .e-menu-wrapper.e-inherit .e-ul .e-menu-item.e-selected,
-.e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,
-.e-menu-container.e-inherit .e-menu .e-menu-item.e-focused,
-.e-menu-container.e-inherit .e-ul .e-menu-item.e-focused,
-.e-menu-container.e-inherit .e-ul .e-menu-item.e-selected {
-  background: rgba(0, 0, 0, 0.056);
-  color: inherit;
-}
 
 .e-menu-wrapper.e-hamburger .e-menu-header,
 .e-menu-container.e-hamburger .e-menu-header {

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.css

@@ -9,7 +9,7 @@
     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 */
+/*! component's theme wise override definitions and variables */
 /*! menu layout */
 .e-menu-wrapper ul.e-vertical .e-menu-item .e-caret::before,
 .e-menu-container ul.e-vertical .e-menu-item .e-caret::before {
@@ -703,8 +703,6 @@
   border: none;
   overflow-y: auto;
   width: 100%;
-  /* stylelint-disable */
-  /* stylelint-enable */
 }
 .e-menu-wrapper.e-hamburger ul.e-menu.e-menu-parent.e-hide-menu,
 .e-menu-container.e-hamburger ul.e-menu.e-menu-parent.e-hide-menu {
@@ -1066,31 +1064,6 @@
 .e-menu-container.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav:active {
   background: #4b5563;
 }
-.e-menu-wrapper.e-inherit,
-.e-menu-container.e-inherit {
-  background: inherit;
-  color: inherit;
-  border: 0;
-  box-shadow: none;
-}
-.e-menu-wrapper.e-inherit .e-menu, .e-menu-wrapper.e-inherit .e-menu .e-menu-item .e-menu-icon, .e-menu-wrapper.e-inherit .e-menu .e-menu-item .e-caret,
-.e-menu-container.e-inherit .e-menu,
-.e-menu-container.e-inherit .e-menu .e-menu-item .e-menu-icon,
-.e-menu-container.e-inherit .e-menu .e-menu-item .e-caret {
-  color: inherit;
-}
-.e-menu-wrapper.e-inherit .e-menu,
-.e-menu-container.e-inherit .e-menu {
-  background: inherit;
-}
-.e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused, .e-menu-wrapper.e-inherit .e-ul .e-menu-item.e-focused, .e-menu-wrapper.e-inherit .e-ul .e-menu-item.e-selected,
-.e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,
-.e-menu-container.e-inherit .e-menu .e-menu-item.e-focused,
-.e-menu-container.e-inherit .e-ul .e-menu-item.e-focused,
-.e-menu-container.e-inherit .e-ul .e-menu-item.e-selected {
-  background: rgba(0, 0, 0, 0.056);
-  color: inherit;
-}
 
 .e-menu-wrapper.e-hamburger .e-menu-header,
 .e-menu-container.e-hamburger .e-menu-header {

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.css

@@ -9,7 +9,7 @@
     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 */
+/*! component's theme wise override definitions and variables */
 /*! menu layout */
 .e-menu-wrapper ul.e-vertical .e-menu-item .e-caret::before,
 .e-menu-container ul.e-vertical .e-menu-item .e-caret::before {
@@ -703,8 +703,6 @@
   border: none;
   overflow-y: auto;
   width: 100%;
-  /* stylelint-disable */
-  /* stylelint-enable */
 }
 .e-menu-wrapper.e-hamburger ul.e-menu.e-menu-parent.e-hide-menu,
 .e-menu-container.e-hamburger ul.e-menu.e-menu-parent.e-hide-menu {
@@ -1066,31 +1064,6 @@
 .e-menu-container.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav:active {
   background: #f3f4f6;
 }
-.e-menu-wrapper.e-inherit,
-.e-menu-container.e-inherit {
-  background: inherit;
-  color: inherit;
-  border: 0;
-  box-shadow: none;
-}
-.e-menu-wrapper.e-inherit .e-menu, .e-menu-wrapper.e-inherit .e-menu .e-menu-item .e-menu-icon, .e-menu-wrapper.e-inherit .e-menu .e-menu-item .e-caret,
-.e-menu-container.e-inherit .e-menu,
-.e-menu-container.e-inherit .e-menu .e-menu-item .e-menu-icon,
-.e-menu-container.e-inherit .e-menu .e-menu-item .e-caret {
-  color: inherit;
-}
-.e-menu-wrapper.e-inherit .e-menu,
-.e-menu-container.e-inherit .e-menu {
-  background: inherit;
-}
-.e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused, .e-menu-wrapper.e-inherit .e-ul .e-menu-item.e-focused, .e-menu-wrapper.e-inherit .e-ul .e-menu-item.e-selected,
-.e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,
-.e-menu-container.e-inherit .e-menu .e-menu-item.e-focused,
-.e-menu-container.e-inherit .e-ul .e-menu-item.e-focused,
-.e-menu-container.e-inherit .e-ul .e-menu-item.e-selected {
-  background: rgba(0, 0, 0, 0.056);
-  color: inherit;
-}
 
 .e-menu-wrapper.e-hamburger .e-menu-header,
 .e-menu-container.e-hamburger .e-menu-header {

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.css

@@ -1,4 +1,4 @@
-/* !componenticons */
+/*!componenticons*/
 .e-pager .e-icon-last::before,
 .e-grid-menu .e-icon-last::before {
   content: "\e235";
@@ -224,8 +224,6 @@
   padding: 8px;
   white-space: normal;
   width: 100%;
-  /* stylelint-disable */
-  /* stylelint-enable */
 }
 .e-pager [class^=e-] {
   box-sizing: border-box;
@@ -352,10 +350,10 @@
   margin: 0 0 -4px;
   overflow: hidden;
 }
-.e-pager .e-lastpage:hover {
+.e-pager .e-lastpage:Hover {
   border-radius: 0 4px 4px 0;
 }
-.e-pager .e-firstpage:hover {
+.e-pager .e-firstpage:Hover {
   border-radius: 4px 0 0 4px;
 }
 .e-pager .e-pagermessage,
@@ -572,16 +570,7 @@
 .e-pager.sf-pager .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
   margin-left: 0;
 }
-.e-pager.sf-pager .e-pagercontainer .e-firstpage,
-.e-pager.sf-pager .e-pagercontainer .e-prevpage,
-.e-pager.sf-pager .e-pagercontainer .e-firstpagedisabled,
-.e-pager.sf-pager .e-pagercontainer .e-prevpagedisabled,
-.e-pager.sf-pager .e-pagercontainer .e-nextpage,
-.e-pager.sf-pager .e-pagercontainer .e-lastpage,
-.e-pager.sf-pager .e-pagercontainer .e-nextpagedisabled,
-.e-pager.sf-pager .e-pagercontainer .e-lastpagedisabled {
-  padding: 11px 10px 12px 8px;
-}
+
 /*! Pager theme */
 .e-pager {
   background-color: #1a1a1a;