@syncfusion/ej2-navigations 21.2.8 → 22.1.34

package/styles/accordion/tailwind-dark.css

@@ -24,6 +24,7 @@
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
+  box-shadow: none;
   padding: 12px 0 12px 28px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
@@ -118,6 +119,9 @@
 .e-accordion .e-acrdn-item.e-select.e-selected:last-child {
   border-bottom: 1px solid #4b5563;
 }
+.e-accordion .e-acrdn-item:first-child {
+  margin-top: 0;
+}
 .e-accordion .e-acrdn-item:not(.e-select) + .e-acrdn-item:not(.e-select) {
   margin-bottom: 0;
   margin-top: 0;
@@ -207,6 +211,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
   padding: 8px 0 8px 26px;
 }
+.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
+  box-shadow: none;
+}
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
   padding: 0;
 }
@@ -385,6 +392,7 @@
   color: #fff;
   background: none;
   border-top: 0;
+  border-bottom: 0;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   color: #fff;
@@ -488,6 +496,8 @@
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
   box-shadow: none;
+  position: relative;
+  z-index: 2;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #4b5563;

package/styles/accordion/tailwind.css

@@ -24,6 +24,7 @@
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
+  box-shadow: none;
   padding: 12px 0 12px 28px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
@@ -118,6 +119,9 @@
 .e-accordion .e-acrdn-item.e-select.e-selected:last-child {
   border-bottom: 1px solid #e5e7eb;
 }
+.e-accordion .e-acrdn-item:first-child {
+  margin-top: 0;
+}
 .e-accordion .e-acrdn-item:not(.e-select) + .e-acrdn-item:not(.e-select) {
   margin-bottom: 0;
   margin-top: 0;
@@ -207,6 +211,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
   padding: 8px 0 8px 26px;
 }
+.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
+  box-shadow: none;
+}
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
   padding: 0;
 }
@@ -385,6 +392,7 @@
   color: #111827;
   background: none;
   border-top: 0;
+  border-bottom: 0;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   color: #111827;
@@ -488,6 +496,8 @@
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
   box-shadow: none;
+  position: relative;
+  z-index: 2;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #e5e7eb;

package/styles/appbar/_layout.scss

@@ -69,12 +69,17 @@
     }
 
     .e-appbar-separator {
-      height: 32px;
+      height: 24px;
     }
 
     .e-appbar-spacer {
       flex-grow: 1;
     }
+
+    .e-btn,
+    .e-css.e-btn {
+      border-image: unset;
+    }
   }
 
   .e-inherit.e-menu-wrapper.e-scrollable .e-menu,

package/styles/appbar/_material3-dark-definition.scss

@@ -0,0 +1 @@
+@import './material3-definition.scss';

package/styles/appbar/_material3-definition.scss

@@ -0,0 +1,8 @@
+/*! AppBar component material3 theme definitions and variables */
+
+$appbar-bg-color-primary: rgba($primary) !default;
+$appbar-color-primary: rgba($primary-text-color) !default;
+$appbar-border-color-primary: rgba($primary) !default;
+$appbar-font-size: $text-base !default;
+$appbar-bigger-font-size: $text-lg !default;
+$appbar-border: 1px solid !default;

package/styles/appbar/_theme.scss

@@ -7,8 +7,13 @@
     &.e-light {
       background: $appbar-bg-color-alt1;
       color: $appbar-color-alt1;
-      border-color: $appbar-border-color-alt1;
       border: $appbar-border;
+      @if ($skin-name == 'Material3') {
+        border-image: $appbar-border-color-alt1;
+      }
+      @else {
+        border-color: $appbar-border-color-alt1;
+      }
 
       .e-appbar-separator {
         border-left: 1px solid $appbar-color-alt1;
@@ -33,8 +38,13 @@
         &.e-inherit {
           background: $appbar-bg-color-alt1;
           color: $appbar-color-alt1;
-          border-color: $appbar-border-color-alt1;
           box-shadow: none;
+          @if ($skin-name == 'Material3') {
+            border-image: $appbar-border-color-alt1;
+          }
+          @else {
+            border-color: $appbar-border-color-alt1;
+          }
 
           & .e-menu .e-menu-item.e-selected,
           & .e-menu .e-menu-item.e-focused {

package/styles/appbar/bootstrap-dark.css

@@ -69,12 +69,16 @@
   right: auto;
 }
 .e-appbar .e-appbar-separator {
-  height: 32px;
+  height: 24px;
 }
 .e-appbar .e-appbar-spacer {
   -ms-flex-positive: 1;
       flex-grow: 1;
 }
+.e-appbar .e-btn,
+.e-appbar .e-css.e-btn {
+  border-image: unset;
+}
 
 .e-inherit.e-menu-wrapper.e-scrollable .e-menu,
 .e-inherit.e-menu-container.e-scrollable .e-menu {
@@ -88,8 +92,8 @@
 .e-appbar.e-light {
   background: #2a2a2a;
   color: #f0f0f0;
-  border-color: #2a2a2a;
   border: none;
+  border-color: #2a2a2a;
 }
 .e-appbar.e-light .e-appbar-separator {
   border-left: 1px solid #f0f0f0;
@@ -113,8 +117,8 @@
 .e-appbar.e-light .e-menu-container.e-inherit {
   background: #2a2a2a;
   color: #f0f0f0;
-  border-color: #2a2a2a;
   box-shadow: none;
+  border-color: #2a2a2a;
 }
 .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
 .e-appbar.e-light .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,

package/styles/appbar/bootstrap.css

@@ -69,12 +69,16 @@
   right: auto;
 }
 .e-appbar .e-appbar-separator {
-  height: 32px;
+  height: 24px;
 }
 .e-appbar .e-appbar-spacer {
   -ms-flex-positive: 1;
       flex-grow: 1;
 }
+.e-appbar .e-btn,
+.e-appbar .e-css.e-btn {
+  border-image: unset;
+}
 
 .e-inherit.e-menu-wrapper.e-scrollable .e-menu,
 .e-inherit.e-menu-container.e-scrollable .e-menu {
@@ -88,8 +92,8 @@
 .e-appbar.e-light {
   background: #f8f8f8;
   color: #555;
-  border-color: #e6e6e6;
   border: none;
+  border-color: #e6e6e6;
 }
 .e-appbar.e-light .e-appbar-separator {
   border-left: 1px solid #555;
@@ -113,8 +117,8 @@
 .e-appbar.e-light .e-menu-container.e-inherit {
   background: #f8f8f8;
   color: #555;
-  border-color: #e6e6e6;
   box-shadow: none;
+  border-color: #e6e6e6;
 }
 .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
 .e-appbar.e-light .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,

package/styles/appbar/bootstrap4.css

@@ -69,12 +69,16 @@
   right: auto;
 }
 .e-appbar .e-appbar-separator {
-  height: 32px;
+  height: 24px;
 }
 .e-appbar .e-appbar-spacer {
   -ms-flex-positive: 1;
       flex-grow: 1;
 }
+.e-appbar .e-btn,
+.e-appbar .e-css.e-btn {
+  border-image: unset;
+}
 
 .e-inherit.e-menu-wrapper.e-scrollable .e-menu,
 .e-inherit.e-menu-container.e-scrollable .e-menu {
@@ -88,8 +92,8 @@
 .e-appbar.e-light {
   background: #f8f9fa;
   color: #212529;
-  border-color: #f8f9fa;
   border: none;
+  border-color: #f8f9fa;
 }
 .e-appbar.e-light .e-appbar-separator {
   border-left: 1px solid #212529;
@@ -113,8 +117,8 @@
 .e-appbar.e-light .e-menu-container.e-inherit {
   background: #f8f9fa;
   color: #212529;
-  border-color: #f8f9fa;
   box-shadow: none;
+  border-color: #f8f9fa;
 }
 .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
 .e-appbar.e-light .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,

package/styles/appbar/bootstrap5-dark.css

@@ -69,12 +69,16 @@
   right: auto;
 }
 .e-appbar .e-appbar-separator {
-  height: 32px;
+  height: 24px;
 }
 .e-appbar .e-appbar-spacer {
   -ms-flex-positive: 1;
       flex-grow: 1;
 }
+.e-appbar .e-btn,
+.e-appbar .e-css.e-btn {
+  border-image: unset;
+}
 
 .e-inherit.e-menu-wrapper.e-scrollable .e-menu,
 .e-inherit.e-menu-container.e-scrollable .e-menu {
@@ -88,8 +92,8 @@
 .e-appbar.e-light {
   background: #343a40;
   color: #fff;
-  border-color: #343a40;
   border: none;
+  border-color: #343a40;
 }
 .e-appbar.e-light .e-appbar-separator {
   border-left: 1px solid #fff;
@@ -113,8 +117,8 @@
 .e-appbar.e-light .e-menu-container.e-inherit {
   background: #343a40;
   color: #fff;
-  border-color: #343a40;
   box-shadow: none;
+  border-color: #343a40;
 }
 .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
 .e-appbar.e-light .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,

package/styles/appbar/bootstrap5.css

@@ -69,12 +69,16 @@
   right: auto;
 }
 .e-appbar .e-appbar-separator {
-  height: 32px;
+  height: 24px;
 }
 .e-appbar .e-appbar-spacer {
   -ms-flex-positive: 1;
       flex-grow: 1;
 }
+.e-appbar .e-btn,
+.e-appbar .e-css.e-btn {
+  border-image: unset;
+}
 
 .e-inherit.e-menu-wrapper.e-scrollable .e-menu,
 .e-inherit.e-menu-container.e-scrollable .e-menu {
@@ -88,8 +92,8 @@
 .e-appbar.e-light {
   background: #f8f9fa;
   color: #212529;
-  border-color: #f8f9fa;
   border: none;
+  border-color: #f8f9fa;
 }
 .e-appbar.e-light .e-appbar-separator {
   border-left: 1px solid #212529;
@@ -113,8 +117,8 @@
 .e-appbar.e-light .e-menu-container.e-inherit {
   background: #f8f9fa;
   color: #212529;
-  border-color: #f8f9fa;
   box-shadow: none;
+  border-color: #f8f9fa;
 }
 .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
 .e-appbar.e-light .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,

package/styles/appbar/fabric-dark.css

@@ -69,12 +69,16 @@
   right: auto;
 }
 .e-appbar .e-appbar-separator {
-  height: 32px;
+  height: 24px;
 }
 .e-appbar .e-appbar-spacer {
   -ms-flex-positive: 1;
       flex-grow: 1;
 }
+.e-appbar .e-btn,
+.e-appbar .e-css.e-btn {
+  border-image: unset;
+}
 
 .e-inherit.e-menu-wrapper.e-scrollable .e-menu,
 .e-inherit.e-menu-container.e-scrollable .e-menu {
@@ -88,8 +92,8 @@
 .e-appbar.e-light {
   background: #282727;
   color: #fff;
-  border-color: #282727;
   border: none;
+  border-color: #282727;
 }
 .e-appbar.e-light .e-appbar-separator {
   border-left: 1px solid #fff;
@@ -113,8 +117,8 @@
 .e-appbar.e-light .e-menu-container.e-inherit {
   background: #282727;
   color: #fff;
-  border-color: #282727;
   box-shadow: none;
+  border-color: #282727;
 }
 .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
 .e-appbar.e-light .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,

package/styles/appbar/fabric.css

@@ -69,12 +69,16 @@
   right: auto;
 }
 .e-appbar .e-appbar-separator {
-  height: 32px;
+  height: 24px;
 }
 .e-appbar .e-appbar-spacer {
   -ms-flex-positive: 1;
       flex-grow: 1;
 }
+.e-appbar .e-btn,
+.e-appbar .e-css.e-btn {
+  border-image: unset;
+}
 
 .e-inherit.e-menu-wrapper.e-scrollable .e-menu,
 .e-inherit.e-menu-container.e-scrollable .e-menu {
@@ -88,8 +92,8 @@
 .e-appbar.e-light {
   background: #f4f4f4;
   color: #333;
-  border-color: #f4f4f4;
   border: none;
+  border-color: #f4f4f4;
 }
 .e-appbar.e-light .e-appbar-separator {
   border-left: 1px solid #333;
@@ -113,8 +117,8 @@
 .e-appbar.e-light .e-menu-container.e-inherit {
   background: #f4f4f4;
   color: #333;
-  border-color: #f4f4f4;
   box-shadow: none;
+  border-color: #f4f4f4;
 }
 .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
 .e-appbar.e-light .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,

package/styles/appbar/fluent-dark.css

@@ -69,12 +69,16 @@
   right: auto;
 }
 .e-appbar .e-appbar-separator {
-  height: 32px;
+  height: 24px;
 }
 .e-appbar .e-appbar-spacer {
   -ms-flex-positive: 1;
       flex-grow: 1;
 }
+.e-appbar .e-btn,
+.e-appbar .e-css.e-btn {
+  border-image: unset;
+}
 
 .e-inherit.e-menu-wrapper.e-scrollable .e-menu,
 .e-inherit.e-menu-container.e-scrollable .e-menu {
@@ -88,8 +92,8 @@
 .e-appbar.e-light {
   background: #292827;
   color: #faf9f8;
-  border-color: #292827;
   border: none;
+  border-color: #292827;
 }
 .e-appbar.e-light .e-appbar-separator {
   border-left: 1px solid #faf9f8;
@@ -113,8 +117,8 @@
 .e-appbar.e-light .e-menu-container.e-inherit {
   background: #292827;
   color: #faf9f8;
-  border-color: #292827;
   box-shadow: none;
+  border-color: #292827;
 }
 .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
 .e-appbar.e-light .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,

package/styles/appbar/fluent.css

@@ -69,12 +69,16 @@
   right: auto;
 }
 .e-appbar .e-appbar-separator {
-  height: 32px;
+  height: 24px;
 }
 .e-appbar .e-appbar-spacer {
   -ms-flex-positive: 1;
       flex-grow: 1;
 }
+.e-appbar .e-btn,
+.e-appbar .e-css.e-btn {
+  border-image: unset;
+}
 
 .e-inherit.e-menu-wrapper.e-scrollable .e-menu,
 .e-inherit.e-menu-container.e-scrollable .e-menu {
@@ -88,8 +92,8 @@
 .e-appbar.e-light {
   background: #faf9f8;
   color: #201f1e;
-  border-color: #faf9f8;
   border: none;
+  border-color: #faf9f8;
 }
 .e-appbar.e-light .e-appbar-separator {
   border-left: 1px solid #201f1e;
@@ -113,8 +117,8 @@
 .e-appbar.e-light .e-menu-container.e-inherit {
   background: #faf9f8;
   color: #201f1e;
-  border-color: #faf9f8;
   box-shadow: none;
+  border-color: #faf9f8;
 }
 .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
 .e-appbar.e-light .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,

package/styles/appbar/highcontrast-light.css

@@ -69,12 +69,16 @@
   right: auto;
 }
 .e-appbar .e-appbar-separator {
-  height: 32px;
+  height: 24px;
 }
 .e-appbar .e-appbar-spacer {
   -ms-flex-positive: 1;
       flex-grow: 1;
 }
+.e-appbar .e-btn,
+.e-appbar .e-css.e-btn {
+  border-image: unset;
+}
 
 .e-inherit.e-menu-wrapper.e-scrollable .e-menu,
 .e-inherit.e-menu-container.e-scrollable .e-menu {
@@ -88,8 +92,8 @@
 .e-appbar.e-light {
   background: #fff;
   color: #000;
-  border-color: #000;
   border: 1px solid;
+  border-color: #000;
 }
 .e-appbar.e-light .e-appbar-separator {
   border-left: 1px solid #000;
@@ -113,8 +117,8 @@
 .e-appbar.e-light .e-menu-container.e-inherit {
   background: #fff;
   color: #000;
-  border-color: #000;
   box-shadow: none;
+  border-color: #000;
 }
 .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
 .e-appbar.e-light .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,

package/styles/appbar/highcontrast.css

@@ -69,12 +69,16 @@
   right: auto;
 }
 .e-appbar .e-appbar-separator {
-  height: 32px;
+  height: 24px;
 }
 .e-appbar .e-appbar-spacer {
   -ms-flex-positive: 1;
       flex-grow: 1;
 }
+.e-appbar .e-btn,
+.e-appbar .e-css.e-btn {
+  border-image: unset;
+}
 
 .e-inherit.e-menu-wrapper.e-scrollable .e-menu,
 .e-inherit.e-menu-container.e-scrollable .e-menu {
@@ -88,8 +92,8 @@
 .e-appbar.e-light {
   background: #000;
   color: #fff;
-  border-color: #fff;
   border: 1px solid;
+  border-color: #fff;
 }
 .e-appbar.e-light .e-appbar-separator {
   border-left: 1px solid #fff;
@@ -113,8 +117,8 @@
 .e-appbar.e-light .e-menu-container.e-inherit {
   background: #000;
   color: #fff;
-  border-color: #fff;
   box-shadow: none;
+  border-color: #fff;
 }
 .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
 .e-appbar.e-light .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,

package/styles/appbar/material-dark.css

@@ -70,12 +70,16 @@
   right: auto;
 }
 .e-appbar .e-appbar-separator {
-  height: 32px;
+  height: 24px;
 }
 .e-appbar .e-appbar-spacer {
   -ms-flex-positive: 1;
       flex-grow: 1;
 }
+.e-appbar .e-btn,
+.e-appbar .e-css.e-btn {
+  border-image: unset;
+}
 
 .e-inherit.e-menu-wrapper.e-scrollable .e-menu,
 .e-inherit.e-menu-container.e-scrollable .e-menu {
@@ -89,8 +93,8 @@
 .e-appbar.e-light {
   background: #303030;
   color: #fff;
-  border-color: #303030;
   border: none;
+  border-color: #303030;
 }
 .e-appbar.e-light .e-appbar-separator {
   border-left: 1px solid #fff;
@@ -114,8 +118,8 @@
 .e-appbar.e-light .e-menu-container.e-inherit {
   background: #303030;
   color: #fff;
-  border-color: #303030;
   box-shadow: none;
+  border-color: #303030;
 }
 .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
 .e-appbar.e-light .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,

package/styles/appbar/material.css

@@ -70,12 +70,16 @@
   right: auto;
 }
 .e-appbar .e-appbar-separator {
-  height: 32px;
+  height: 24px;
 }
 .e-appbar .e-appbar-spacer {
   -ms-flex-positive: 1;
       flex-grow: 1;
 }
+.e-appbar .e-btn,
+.e-appbar .e-css.e-btn {
+  border-image: unset;
+}
 
 .e-inherit.e-menu-wrapper.e-scrollable .e-menu,
 .e-inherit.e-menu-container.e-scrollable .e-menu {
@@ -89,8 +93,8 @@
 .e-appbar.e-light {
   background: #fff;
   color: #000;
-  border-color: #fff;
   border: none;
+  border-color: #fff;
 }
 .e-appbar.e-light .e-appbar-separator {
   border-left: 1px solid #000;
@@ -114,8 +118,8 @@
 .e-appbar.e-light .e-menu-container.e-inherit {
   background: #fff;
   color: #000;
-  border-color: #fff;
   box-shadow: none;
+  border-color: #fff;
 }
 .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
 .e-appbar.e-light .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,