@syncfusion/ej2-angular-navigations 20.4.53 → 21.1.35-ngcc

package/styles/menu/bootstrap-dark.css

@@ -896,11 +896,11 @@
 /*! menu theme */
 .e-menu-wrapper,
 .e-menu-container {
-  background-color: #131313;
+  background: #131313;
 }
 .e-menu-wrapper .e-menu,
 .e-menu-container .e-menu {
-  background-color: inherit;
+  background: inherit;
   color: #f0f0f0;
 }
 .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator,
@@ -932,7 +932,7 @@
   color: inherit;
   outline: 0 solid #414141;
   outline-offset: 0;
-  background-color: #313131;
+  background: #313131;
 }
 .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-caret,
 .e-menu-container .e-menu .e-menu-item.e-focused .e-caret {
@@ -947,7 +947,7 @@
   color: #f0f0f0;
   outline: 0 solid #313131;
   outline-offset: 0;
-  background-color: #313131;
+  background: #313131;
 }
 .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret,
 .e-menu-container .e-menu .e-menu-item.e-selected .e-caret {
@@ -981,7 +981,7 @@
 
 .e-menu-wrapper .e-ul,
 .e-menu-container .e-ul {
-  background-color: inherit;
+  background: inherit;
   color: #f0f0f0;
 }
 .e-menu-wrapper .e-ul .e-menu-item .e-menu-url,
@@ -1009,11 +1009,11 @@
 
 .e-menu-wrapper.e-menu-popup,
 .e-menu-container.e-menu-popup {
-  background-color: #313131;
+  background: #313131;
 }
 .e-menu-wrapper.e-menu-popup.e-sfcontextmenu .e-menu-vscroll,
 .e-menu-container.e-menu-popup.e-sfcontextmenu .e-menu-vscroll {
-  background-color: inherit;
+  background: inherit;
 }
 .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav,
 .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav {

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

@@ -897,11 +897,11 @@
 /*! menu theme */
 .e-menu-wrapper,
 .e-menu-container {
-  background-color: #f8f8f8;
+  background: #f8f8f8;
 }
 .e-menu-wrapper .e-menu,
 .e-menu-container .e-menu {
-  background-color: inherit;
+  background: inherit;
   color: #333;
 }
 .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator,
@@ -933,7 +933,7 @@
   color: initial;
   outline: 0 solid #ccc;
   outline-offset: 0;
-  background-color: #e6e6e6;
+  background: #e6e6e6;
 }
 .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-caret,
 .e-menu-container .e-menu .e-menu-item.e-focused .e-caret {
@@ -948,7 +948,7 @@
   color: #333;
   outline: 0 solid #ddd;
   outline-offset: 0;
-  background-color: #ddd;
+  background: #ddd;
 }
 .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret,
 .e-menu-container .e-menu .e-menu-item.e-selected .e-caret {
@@ -982,7 +982,7 @@
 
 .e-menu-wrapper .e-ul,
 .e-menu-container .e-ul {
-  background-color: inherit;
+  background: inherit;
   color: #333;
 }
 .e-menu-wrapper .e-ul .e-menu-item .e-menu-url,
@@ -1010,11 +1010,11 @@
 
 .e-menu-wrapper.e-menu-popup,
 .e-menu-container.e-menu-popup {
-  background-color: #fff;
+  background: #fff;
 }
 .e-menu-wrapper.e-menu-popup.e-sfcontextmenu .e-menu-vscroll,
 .e-menu-container.e-menu-popup.e-sfcontextmenu .e-menu-vscroll {
-  background-color: inherit;
+  background: inherit;
 }
 .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav,
 .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav {

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

@@ -897,7 +897,7 @@
 /*! menu theme */
 .e-menu-wrapper,
 .e-menu-container {
-  background-color: transparent;
+  background: transparent;
 }
 .e-menu-wrapper .e-menu,
 .e-menu-container .e-menu {
@@ -929,7 +929,7 @@
   color: #0056b3;
   outline: 0 solid #f8f9fa;
   outline-offset: 0;
-  background-color: transparent;
+  background: transparent;
 }
 .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-caret,
 .e-menu-container .e-menu .e-menu-item.e-focused .e-caret {
@@ -944,8 +944,8 @@
   color: #0056b3;
   outline: 0 solid #f2f4f6;
   outline-offset: 0;
-  background-color: transparent;
-  background-color: #f2f4f6;
+  background: transparent;
+  background: #f2f4f6;
 }
 .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret,
 .e-menu-container .e-menu .e-menu-item.e-selected .e-caret {
@@ -979,7 +979,7 @@
 
 .e-menu-wrapper .e-ul,
 .e-menu-container .e-ul {
-  background-color: inherit;
+  background: inherit;
   color: #212529;
 }
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
@@ -1031,11 +1031,11 @@
 
 .e-menu-wrapper.e-menu-popup,
 .e-menu-container.e-menu-popup {
-  background-color: #fff;
+  background: #fff;
 }
 .e-menu-wrapper.e-menu-popup.e-sfcontextmenu .e-menu-vscroll,
 .e-menu-container.e-menu-popup.e-sfcontextmenu .e-menu-vscroll {
-  background-color: inherit;
+  background: inherit;
 }
 .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav,
 .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav {
@@ -1047,7 +1047,7 @@
 }
 .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav:hover,
 .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav:hover {
-  background-color: #5a6268;
+  background: #5a6268;
   border: 1px inset #545b62;
 }
 .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav:hover .e-icons,
@@ -1056,7 +1056,7 @@
 }
 .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav:focus,
 .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav:focus {
-  background-color: #5a6268;
+  background: #5a6268;
   border-color: #545b62;
 }
 .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav:focus .e-icons,
@@ -1065,7 +1065,7 @@
 }
 .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav:active,
 .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav:active {
-  background-color: #5a6268;
+  background: #5a6268;
   border: 1px inset #545b62;
 }
 .e-menu-wrapper.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav,

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

@@ -907,11 +907,11 @@
 /*! menu theme */
 .e-menu-wrapper,
 .e-menu-container {
-  background-color: #282d31;
+  background: #282d31;
 }
 .e-menu-wrapper .e-menu,
 .e-menu-container .e-menu {
-  background-color: inherit;
+  background: inherit;
   color: #fff;
 }
 .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator,
@@ -935,14 +935,14 @@
   color: #fff;
   outline: 0 solid #444c54;
   outline-offset: 0;
-  background-color: #495057;
+  background: #495057;
 }
 .e-menu-wrapper .e-menu .e-menu-item.e-selected,
 .e-menu-container .e-menu .e-menu-item.e-selected {
   color: #fff;
   outline: 0 solid #495057;
   outline-offset: 0;
-  background-color: #495057;
+  background: #495057;
 }
 .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret,
 .e-menu-container .e-menu .e-menu-item.e-selected .e-caret {
@@ -976,7 +976,7 @@
 
 .e-menu-wrapper .e-ul,
 .e-menu-container .e-ul {
-  background-color: inherit;
+  background: inherit;
   color: #fff;
 }
 .e-menu-wrapper .e-ul .e-menu-item .e-menu-url,
@@ -1004,11 +1004,11 @@
 
 .e-menu-wrapper.e-menu-popup,
 .e-menu-container.e-menu-popup {
-  background-color: #343a40;
+  background: #343a40;
 }
 .e-menu-wrapper.e-menu-popup.e-sfcontextmenu .e-menu-vscroll,
 .e-menu-container.e-menu-popup.e-sfcontextmenu .e-menu-vscroll {
-  background-color: inherit;
+  background: inherit;
 }
 .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav,
 .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav {

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

@@ -907,11 +907,11 @@
 /*! menu theme */
 .e-menu-wrapper,
 .e-menu-container {
-  background-color: #f8f9fa;
+  background: #f8f9fa;
 }
 .e-menu-wrapper .e-menu,
 .e-menu-container .e-menu {
-  background-color: inherit;
+  background: inherit;
   color: #212529;
 }
 .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator,
@@ -935,14 +935,14 @@
   color: #212529;
   outline: 0 solid #dee2e6;
   outline-offset: 0;
-  background-color: #dee2e6;
+  background: #dee2e6;
 }
 .e-menu-wrapper .e-menu .e-menu-item.e-selected,
 .e-menu-container .e-menu .e-menu-item.e-selected {
   color: #212529;
   outline: 0 solid #dee2e6;
   outline-offset: 0;
-  background-color: #dee2e6;
+  background: #dee2e6;
 }
 .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret,
 .e-menu-container .e-menu .e-menu-item.e-selected .e-caret {
@@ -976,7 +976,7 @@
 
 .e-menu-wrapper .e-ul,
 .e-menu-container .e-ul {
-  background-color: inherit;
+  background: inherit;
   color: #212529;
 }
 .e-menu-wrapper .e-ul .e-menu-item .e-menu-url,
@@ -1004,11 +1004,11 @@
 
 .e-menu-wrapper.e-menu-popup,
 .e-menu-container.e-menu-popup {
-  background-color: #fff;
+  background: #fff;
 }
 .e-menu-wrapper.e-menu-popup.e-sfcontextmenu .e-menu-vscroll,
 .e-menu-container.e-menu-popup.e-sfcontextmenu .e-menu-vscroll {
-  background-color: inherit;
+  background: inherit;
 }
 .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav,
 .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav {

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

@@ -896,11 +896,11 @@
 /*! menu theme */
 .e-menu-wrapper,
 .e-menu-container {
-  background-color: #333232;
+  background: #333232;
 }
 .e-menu-wrapper .e-menu,
 .e-menu-container .e-menu {
-  background-color: inherit;
+  background: inherit;
   color: #dadada;
 }
 .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator,
@@ -932,7 +932,7 @@
   color: inherit;
   outline: 0 solid #414040;
   outline-offset: 0;
-  background-color: #414040;
+  background: #414040;
 }
 .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-caret,
 .e-menu-container .e-menu .e-menu-item.e-focused .e-caret {
@@ -947,7 +947,7 @@
   color: #fff;
   outline: 0 solid #514f4f;
   outline-offset: 0;
-  background-color: #514f4f;
+  background: #514f4f;
 }
 .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret,
 .e-menu-container .e-menu .e-menu-item.e-selected .e-caret {
@@ -981,7 +981,7 @@
 
 .e-menu-wrapper .e-ul,
 .e-menu-container .e-ul {
-  background-color: inherit;
+  background: inherit;
   color: #dadada;
 }
 .e-menu-wrapper .e-ul .e-menu-item .e-menu-url,
@@ -1009,11 +1009,11 @@
 
 .e-menu-wrapper.e-menu-popup,
 .e-menu-container.e-menu-popup {
-  background-color: #282727;
+  background: #282727;
 }
 .e-menu-wrapper.e-menu-popup.e-sfcontextmenu .e-menu-vscroll,
 .e-menu-container.e-menu-popup.e-sfcontextmenu .e-menu-vscroll {
-  background-color: inherit;
+  background: inherit;
 }
 .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav,
 .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav {

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

@@ -897,11 +897,11 @@
 /*! menu theme */
 .e-menu-wrapper,
 .e-menu-container {
-  background-color: #f4f4f4;
+  background: #f4f4f4;
 }
 .e-menu-wrapper .e-menu,
 .e-menu-container .e-menu {
-  background-color: inherit;
+  background: inherit;
   color: #333;
 }
 .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator,
@@ -933,7 +933,7 @@
   color: inherit;
   outline: 0 solid #eaeaea;
   outline-offset: 0;
-  background-color: #eaeaea;
+  background: #eaeaea;
 }
 .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-caret,
 .e-menu-container .e-menu .e-menu-item.e-focused .e-caret {
@@ -948,7 +948,7 @@
   color: #000;
   outline: 0 solid #dadada;
   outline-offset: 0;
-  background-color: #dadada;
+  background: #dadada;
 }
 .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret,
 .e-menu-container .e-menu .e-menu-item.e-selected .e-caret {
@@ -982,7 +982,7 @@
 
 .e-menu-wrapper .e-ul,
 .e-menu-container .e-ul {
-  background-color: inherit;
+  background: inherit;
   color: #333;
 }
 .e-menu-wrapper .e-ul .e-menu-item .e-menu-url,
@@ -1010,11 +1010,11 @@
 
 .e-menu-wrapper.e-menu-popup,
 .e-menu-container.e-menu-popup {
-  background-color: #fff;
+  background: #fff;
 }
 .e-menu-wrapper.e-menu-popup.e-sfcontextmenu .e-menu-vscroll,
 .e-menu-container.e-menu-popup.e-sfcontextmenu .e-menu-vscroll {
-  background-color: inherit;
+  background: inherit;
 }
 .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav,
 .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav {

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

@@ -906,11 +906,11 @@
 /*! menu theme */
 .e-menu-wrapper,
 .e-menu-container {
-  background-color: transparent;
+  background: transparent;
 }
 .e-menu-wrapper .e-menu,
 .e-menu-container .e-menu {
-  background-color: inherit;
+  background: inherit;
   color: #f3f2f1;
 }
 .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator,
@@ -942,7 +942,7 @@
   color: #f3f2f1;
   outline: 0 solid #292827;
   outline-offset: 0;
-  background-color: #292827;
+  background: #292827;
 }
 .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-caret,
 .e-menu-container .e-menu .e-menu-item.e-focused .e-caret {
@@ -957,7 +957,7 @@
   color: #f3f2f1;
   outline: 0 solid #292827;
   outline-offset: 0;
-  background-color: #323130;
+  background: #323130;
 }
 .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret,
 .e-menu-container .e-menu .e-menu-item.e-selected .e-caret {
@@ -991,7 +991,7 @@
 
 .e-menu-wrapper .e-ul,
 .e-menu-container .e-ul {
-  background-color: inherit;
+  background: inherit;
   color: #f3f2f1;
 }
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
@@ -1027,11 +1027,11 @@
 
 .e-menu-wrapper.e-menu-popup,
 .e-menu-container.e-menu-popup {
-  background-color: #252423;
+  background: #252423;
 }
 .e-menu-wrapper.e-menu-popup.e-sfcontextmenu .e-menu-vscroll,
 .e-menu-container.e-menu-popup.e-sfcontextmenu .e-menu-vscroll {
-  background-color: inherit;
+  background: inherit;
 }
 .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav,
 .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav {

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

@@ -906,11 +906,11 @@
 /*! menu theme */
 .e-menu-wrapper,
 .e-menu-container {
-  background-color: transparent;
+  background: transparent;
 }
 .e-menu-wrapper .e-menu,
 .e-menu-container .e-menu {
-  background-color: inherit;
+  background: inherit;
   color: #201f1e;
 }
 .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator,
@@ -942,7 +942,7 @@
   color: #201f1e;
   outline: 0 solid #edebe9;
   outline-offset: 0;
-  background-color: #edebe9;
+  background: #edebe9;
 }
 .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-caret,
 .e-menu-container .e-menu .e-menu-item.e-focused .e-caret {
@@ -957,7 +957,7 @@
   color: #201f1e;
   outline: 0 solid #edebe9;
   outline-offset: 0;
-  background-color: #f3f2f1;
+  background: #f3f2f1;
 }
 .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret,
 .e-menu-container .e-menu .e-menu-item.e-selected .e-caret {
@@ -991,7 +991,7 @@
 
 .e-menu-wrapper .e-ul,
 .e-menu-container .e-ul {
-  background-color: inherit;
+  background: inherit;
   color: #201f1e;
 }
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
@@ -1027,11 +1027,11 @@
 
 .e-menu-wrapper.e-menu-popup,
 .e-menu-container.e-menu-popup {
-  background-color: #fff;
+  background: #fff;
 }
 .e-menu-wrapper.e-menu-popup.e-sfcontextmenu .e-menu-vscroll,
 .e-menu-container.e-menu-popup.e-sfcontextmenu .e-menu-vscroll {
-  background-color: inherit;
+  background: inherit;
 }
 .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav,
 .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav {

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

@@ -896,11 +896,11 @@
 /*! menu theme */
 .e-menu-wrapper,
 .e-menu-container {
-  background-color: #fff;
+  background: #fff;
 }
 .e-menu-wrapper .e-menu,
 .e-menu-container .e-menu {
-  background-color: inherit;
+  background: inherit;
   color: #000;
 }
 .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator,
@@ -932,7 +932,7 @@
   color: inherit;
   outline: 0 solid #757575;
   outline-offset: 0;
-  background-color: #ecf;
+  background: #ecf;
 }
 .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-caret,
 .e-menu-container .e-menu .e-menu-item.e-focused .e-caret {
@@ -947,7 +947,7 @@
   color: #fff;
   outline: 0 solid #808080;
   outline-offset: 0;
-  background-color: #808080;
+  background: #808080;
 }
 .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret,
 .e-menu-container .e-menu .e-menu-item.e-selected .e-caret {
@@ -981,7 +981,7 @@
 
 .e-menu-wrapper .e-ul,
 .e-menu-container .e-ul {
-  background-color: inherit;
+  background: inherit;
   color: #000;
 }
 .e-menu-wrapper .e-ul .e-menu-item .e-menu-url,
@@ -1009,11 +1009,11 @@
 
 .e-menu-wrapper.e-menu-popup,
 .e-menu-container.e-menu-popup {
-  background-color: #fff;
+  background: #fff;
 }
 .e-menu-wrapper.e-menu-popup.e-sfcontextmenu .e-menu-vscroll,
 .e-menu-container.e-menu-popup.e-sfcontextmenu .e-menu-vscroll {
-  background-color: inherit;
+  background: inherit;
 }
 .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav,
 .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav {

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';