@syncfusion/ej2-navigations 24.1.41 → 24.2.3

package/styles/fluent-dark.css

@@ -2109,13 +2109,13 @@
   box-shadow: none;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
-  background: #323130;
+  background: none;
   border-radius: 0;
   color: #f3f2f1;
   border-color: #a19f9d;
   border-style: solid;
   border-width: 0;
-  box-shadow: none;
+  box-shadow: inset 0 0 0 1px;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons {
   color: #a19f9d;
@@ -2299,12 +2299,12 @@
   border: none;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
-  background: #323130;
+  background: none;
   border-radius: 0;
   border-color: #a19f9d;
   border-style: solid;
   border-width: 0;
-  box-shadow: none;
+  box-shadow: inset 0 0 0 1px;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {
   background: #292827;
@@ -9135,7 +9135,6 @@ ejs-sidebar {
   font-size: 16px;
   padding: 4px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,
@@ -10937,12 +10936,14 @@ ejs-sidebar {
 .e-stepper .e-stepper-progressbar > .e-progressbar-value {
   background-color: #0078d4;
 }
-.e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,
+.e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step {
+  box-shadow: 0 0 0 2px #1b1a19, 0 0 0 4px #0078d4, 0 0 0 8px #1b1a19;
+}
 .e-stepper .e-stepper-steps .e-step-container.e-step-focus .e-step,
 .e-stepper .e-stepper-steps .e-step-container.e-step-label-only.e-step-focus .e-label,
 .e-stepper .e-stepper-steps .e-step-container.e-step-text-only.e-step-focus .e-text,
-.e-stepper .e-stepper-steps .e-step-container.e-step-template.e-step-focus {
-  box-shadow: 0 0 0 2px #1b1a19, 0 0 0 4px #0078d4, 0 0 0 8px #1b1a19;
+.e-stepper .e-stepper-steps .e-step-container.e-step-template.e-step-focus, .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container:focus-visible .e-step, .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-text-only:focus-visible .e-text, .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-label-only:focus-visible .e-label {
+  box-shadow: 0 0 0 2px #1b1a19, 0 0 0 4px #f3f2f1, 0 0 0 8px #1b1a19 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-valid.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,
 .e-stepper .e-stepper-steps .e-step-container.e-step-valid.e-step-focus .e-step,

package/styles/fluent.css

@@ -2109,13 +2109,13 @@
   box-shadow: none;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
-  background: #e1dfdd;
+  background: none;
   border-radius: 0;
   color: #201f1e;
   border-color: #605e5c;
   border-style: solid;
   border-width: 0;
-  box-shadow: none;
+  box-shadow: inset 0 0 0 1px;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons {
   color: #605e5c;
@@ -2299,12 +2299,12 @@
   border: none;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
-  background: #e1dfdd;
+  background: none;
   border-radius: 0;
   border-color: #605e5c;
   border-style: solid;
   border-width: 0;
-  box-shadow: none;
+  box-shadow: inset 0 0 0 1px;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {
   background: #edebe9;
@@ -9135,7 +9135,6 @@ ejs-sidebar {
   font-size: 16px;
   padding: 4px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,
@@ -10937,12 +10936,14 @@ ejs-sidebar {
 .e-stepper .e-stepper-progressbar > .e-progressbar-value {
   background-color: #0078d4;
 }
-.e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,
+.e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step {
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0078d4, 0 0 0 8px #fff;
+}
 .e-stepper .e-stepper-steps .e-step-container.e-step-focus .e-step,
 .e-stepper .e-stepper-steps .e-step-container.e-step-label-only.e-step-focus .e-label,
 .e-stepper .e-stepper-steps .e-step-container.e-step-text-only.e-step-focus .e-text,
-.e-stepper .e-stepper-steps .e-step-container.e-step-template.e-step-focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0078d4, 0 0 0 8px #fff;
+.e-stepper .e-stepper-steps .e-step-container.e-step-template.e-step-focus, .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container:focus-visible .e-step, .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-text-only:focus-visible .e-text, .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-label-only:focus-visible .e-label {
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #201f1e, 0 0 0 8px #fff !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-valid.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,
 .e-stepper .e-stepper-steps .e-step-container.e-step-valid.e-step-focus .e-step,

package/styles/highcontrast-light.css

@@ -8969,7 +8969,6 @@ ejs-sidebar {
   font-size: 15px;
   padding: 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,
@@ -10794,12 +10793,14 @@ ejs-sidebar {
 .e-stepper .e-stepper-progressbar > .e-progressbar-value {
   background-color: #400074;
 }
-.e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,
+.e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step {
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #400074, 0 0 0 8px #fff;
+}
 .e-stepper .e-stepper-steps .e-step-container.e-step-focus .e-step,
 .e-stepper .e-stepper-steps .e-step-container.e-step-label-only.e-step-focus .e-label,
 .e-stepper .e-stepper-steps .e-step-container.e-step-text-only.e-step-focus .e-text,
-.e-stepper .e-stepper-steps .e-step-container.e-step-template.e-step-focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #400074, 0 0 0 8px #fff;
+.e-stepper .e-stepper-steps .e-step-container.e-step-template.e-step-focus, .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container:focus-visible .e-step, .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-text-only:focus-visible .e-text, .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-label-only:focus-visible .e-label {
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000, 0 0 0 8px #fff !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-valid.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,
 .e-stepper .e-stepper-steps .e-step-container.e-step-valid.e-step-focus .e-step,

package/styles/highcontrast.css

@@ -9003,7 +9003,6 @@ ejs-sidebar {
   font-size: 15px;
   padding: 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,
@@ -10828,12 +10827,14 @@ ejs-sidebar {
 .e-stepper .e-stepper-progressbar > .e-progressbar-value {
   background-color: #ffd939;
 }
-.e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,
+.e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step {
+  box-shadow: 0 0 0 2px #000, 0 0 0 4px #ffd939, 0 0 0 8px #000;
+}
 .e-stepper .e-stepper-steps .e-step-container.e-step-focus .e-step,
 .e-stepper .e-stepper-steps .e-step-container.e-step-label-only.e-step-focus .e-label,
 .e-stepper .e-stepper-steps .e-step-container.e-step-text-only.e-step-focus .e-text,
-.e-stepper .e-stepper-steps .e-step-container.e-step-template.e-step-focus {
-  box-shadow: 0 0 0 2px #000, 0 0 0 4px #ffd939, 0 0 0 8px #000;
+.e-stepper .e-stepper-steps .e-step-container.e-step-template.e-step-focus, .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container:focus-visible .e-step, .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-text-only:focus-visible .e-text, .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-label-only:focus-visible .e-label {
+  box-shadow: 0 0 0 2px #000, 0 0 0 4px #fff, 0 0 0 8px #000 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-valid.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,
 .e-stepper .e-stepper-steps .e-step-container.e-step-valid.e-step-focus .e-step,

package/styles/material-dark.css

@@ -9116,7 +9116,6 @@ ejs-sidebar {
   font-size: 15px;
   padding: 8px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,
@@ -10917,12 +10916,14 @@ ejs-sidebar {
 .e-stepper .e-stepper-progressbar > .e-progressbar-value {
   background-color: #3f51b5;
 }
-.e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,
+.e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step {
+  box-shadow: 0 0 0 2px #383838, 0 0 0 4px #3f51b5, 0 0 0 8px #383838;
+}
 .e-stepper .e-stepper-steps .e-step-container.e-step-focus .e-step,
 .e-stepper .e-stepper-steps .e-step-container.e-step-label-only.e-step-focus .e-label,
 .e-stepper .e-stepper-steps .e-step-container.e-step-text-only.e-step-focus .e-text,
-.e-stepper .e-stepper-steps .e-step-container.e-step-template.e-step-focus {
-  box-shadow: 0 0 0 2px #383838, 0 0 0 4px #3f51b5, 0 0 0 8px #383838;
+.e-stepper .e-stepper-steps .e-step-container.e-step-template.e-step-focus, .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container:focus-visible .e-step, .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-text-only:focus-visible .e-text, .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-label-only:focus-visible .e-label {
+  box-shadow: 0 0 0 2px #383838, 0 0 0 4px #fff, 0 0 0 8px #383838 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-valid.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,
 .e-stepper .e-stepper-steps .e-step-container.e-step-valid.e-step-focus .e-step,

package/styles/material.css

@@ -9136,7 +9136,6 @@ ejs-sidebar {
   font-size: 15px;
   padding: 8px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,
@@ -10937,12 +10936,14 @@ ejs-sidebar {
 .e-stepper .e-stepper-progressbar > .e-progressbar-value {
   background-color: #3f51b5;
 }
-.e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,
+.e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step {
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3f51b5, 0 0 0 8px #fff;
+}
 .e-stepper .e-stepper-steps .e-step-container.e-step-focus .e-step,
 .e-stepper .e-stepper-steps .e-step-container.e-step-label-only.e-step-focus .e-label,
 .e-stepper .e-stepper-steps .e-step-container.e-step-text-only.e-step-focus .e-text,
-.e-stepper .e-stepper-steps .e-step-container.e-step-template.e-step-focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3f51b5, 0 0 0 8px #fff;
+.e-stepper .e-stepper-steps .e-step-container.e-step-template.e-step-focus, .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container:focus-visible .e-step, .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-text-only:focus-visible .e-text, .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-label-only:focus-visible .e-label {
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000, 0 0 0 8px #fff !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-valid.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,
 .e-stepper .e-stepper-steps .e-step-container.e-step-valid.e-step-focus .e-step,

package/styles/material3-dark.css

@@ -9245,7 +9245,6 @@ ejs-sidebar {
   font-size: 16px;
   padding: 8px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,
@@ -11039,12 +11038,14 @@ ejs-sidebar {
 .e-stepper .e-stepper-progressbar > .e-progressbar-value {
   background-color: rgba(var(--color-sf-primary));
 }
-.e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,
+.e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step {
+  box-shadow: 0 0 0 2px rgba(var(--color-sf-surface)), 0 0 0 4px rgba(var(--color-sf-primary)), 0 0 0 8px rgba(var(--color-sf-surface));
+}
 .e-stepper .e-stepper-steps .e-step-container.e-step-focus .e-step,
 .e-stepper .e-stepper-steps .e-step-container.e-step-label-only.e-step-focus .e-label,
 .e-stepper .e-stepper-steps .e-step-container.e-step-text-only.e-step-focus .e-text,
-.e-stepper .e-stepper-steps .e-step-container.e-step-template.e-step-focus {
-  box-shadow: 0 0 0 2px rgba(var(--color-sf-surface)), 0 0 0 4px rgba(var(--color-sf-primary)), 0 0 0 8px rgba(var(--color-sf-surface));
+.e-stepper .e-stepper-steps .e-step-container.e-step-template.e-step-focus, .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container:focus-visible .e-step, .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-text-only:focus-visible .e-text, .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-label-only:focus-visible .e-label {
+  box-shadow: 0 0 0 2px rgba(var(--color-sf-surface)), 0 0 0 4px rgba(var(--color-sf-on-surface)), 0 0 0 8px rgba(var(--color-sf-surface)) !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-valid.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,
 .e-stepper .e-stepper-steps .e-step-container.e-step-valid.e-step-focus .e-step,

package/styles/material3.css

@@ -9301,7 +9301,6 @@ ejs-sidebar {
   font-size: 16px;
   padding: 8px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,
@@ -11095,12 +11094,14 @@ ejs-sidebar {
 .e-stepper .e-stepper-progressbar > .e-progressbar-value {
   background-color: rgba(var(--color-sf-primary));
 }
-.e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,
+.e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step {
+  box-shadow: 0 0 0 2px rgba(var(--color-sf-surface)), 0 0 0 4px rgba(var(--color-sf-primary)), 0 0 0 8px rgba(var(--color-sf-surface));
+}
 .e-stepper .e-stepper-steps .e-step-container.e-step-focus .e-step,
 .e-stepper .e-stepper-steps .e-step-container.e-step-label-only.e-step-focus .e-label,
 .e-stepper .e-stepper-steps .e-step-container.e-step-text-only.e-step-focus .e-text,
-.e-stepper .e-stepper-steps .e-step-container.e-step-template.e-step-focus {
-  box-shadow: 0 0 0 2px rgba(var(--color-sf-surface)), 0 0 0 4px rgba(var(--color-sf-primary)), 0 0 0 8px rgba(var(--color-sf-surface));
+.e-stepper .e-stepper-steps .e-step-container.e-step-template.e-step-focus, .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container:focus-visible .e-step, .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-text-only:focus-visible .e-text, .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-label-only:focus-visible .e-label {
+  box-shadow: 0 0 0 2px rgba(var(--color-sf-surface)), 0 0 0 4px rgba(var(--color-sf-on-surface)), 0 0 0 8px rgba(var(--color-sf-surface)) !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-valid.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,
 .e-stepper .e-stepper-steps .e-step-container.e-step-valid.e-step-focus .e-step,

package/styles/menu/_layout.scss

@@ -353,7 +353,6 @@
 
     &.e-ul {
       @include bigger-ul-size;
-      max-width: $cmenu-bigger-max-width;
       min-width: $cmenu-bigger-min-width;
 
       & .e-menu-item  {

package/styles/menu/bootstrap-dark.css

@@ -507,7 +507,6 @@
   font-size: 15px;
   padding: 5px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/menu/bootstrap.css

@@ -508,7 +508,6 @@
   font-size: 15px;
   padding: 5px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/menu/bootstrap4.css

@@ -508,7 +508,6 @@
   font-size: 16px;
   padding: 8px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/menu/bootstrap5-dark.css

@@ -518,7 +518,6 @@
   font-size: 16px;
   padding: 4px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/menu/bootstrap5.css

@@ -518,7 +518,6 @@
   font-size: 16px;
   padding: 4px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/menu/fabric-dark.css

@@ -507,7 +507,6 @@
   font-size: 15px;
   padding: 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/menu/fabric.css

@@ -508,7 +508,6 @@
   font-size: 15px;
   padding: 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/menu/fluent-dark.css

@@ -517,7 +517,6 @@
   font-size: 16px;
   padding: 4px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/menu/fluent.css

@@ -517,7 +517,6 @@
   font-size: 16px;
   padding: 4px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/menu/highcontrast-light.css

@@ -507,7 +507,6 @@
   font-size: 15px;
   padding: 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/menu/highcontrast.css

@@ -508,7 +508,6 @@
   font-size: 15px;
   padding: 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/menu/material-dark.css

@@ -525,7 +525,6 @@
   font-size: 15px;
   padding: 8px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/menu/material.css

@@ -527,7 +527,6 @@
   font-size: 15px;
   padding: 8px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/menu/material3-dark.css

@@ -573,7 +573,6 @@
   font-size: 16px;
   padding: 8px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/menu/material3.css

@@ -629,7 +629,6 @@
   font-size: 16px;
   padding: 8px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/menu/tailwind-dark.css

@@ -518,7 +518,6 @@
   font-size: 16px;
   padding: 4px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/menu/tailwind.css

@@ -518,7 +518,6 @@
   font-size: 16px;
   padding: 4px 0;
   white-space: nowrap;
-  max-width: 280px;
   min-width: 112px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,

package/styles/stepper/_bootstrap-dark-definition.scss

@@ -43,6 +43,7 @@ $stepper-bigger-small-optional-size: 12px !default;
 $stepper-bigger-small-text-size: 14px !default;
 
 $step-selected-li-shadow: 0 0 0 2px $gray-base, 0 0 0 4px $brand-primary, 0 0 0 8px $gray-base !default;
+$step-keyboard-selected-li-shadow: 0 0 0 2px $gray-base, 0 0 0 4px $grey-light-font, 0 0 0 8px $gray-base !default;
 $step-valid-li-shadow: 0 0 0 2px $gray-base, 0 0 0 4px $brand-success, 0 0 0 8px $gray-base !default;
 $step-error-li-shadow: 0 0 0 2px $gray-base, 0 0 0 4px $brand-danger, 0 0 0 8px $gray-base !default;
 $step-li-shadow: 0 0 0 8px $gray-base !default;

package/styles/stepper/_bootstrap-definition.scss

@@ -43,6 +43,7 @@ $stepper-bigger-small-optional-size: 12px !default;
 $stepper-bigger-small-text-size: 14px !default;
 
 $step-selected-li-shadow: 0 0 0 2px $grey-white, 0 0 0 4px $brand-primary, 0 0 0 8px $grey-white !default;
+$step-keyboard-selected-li-shadow: 0 0 0 2px $grey-white, 0 0 0 4px $base-font, 0 0 0 8px $grey-white !default;
 $step-valid-li-shadow: 0 0 0 2px $grey-white, 0 0 0 4px $brand-success, 0 0 0 8px $grey-white !default;
 $step-error-li-shadow: 0 0 0 2px $grey-white, 0 0 0 4px $brand-danger, 0 0 0 8px $grey-white !default;
 $step-li-shadow: 0 0 0 8px $grey-white !default;

package/styles/stepper/_bootstrap4-definition.scss

@@ -43,6 +43,7 @@ $stepper-bigger-small-optional-size: 12px !default;
 $stepper-bigger-small-text-size: 14px !default;
 
 $step-selected-li-shadow: 0 0 0 2px $white, 0 0 0 4px $primary, 0 0 0 8px $white !default;
+$step-keyboard-selected-li-shadow: 0 0 0 2px $white, 0 0 0 4px $gray-700, 0 0 0 8px $white !default;
 $step-valid-li-shadow: 0 0 0 2px $white, 0 0 0 4px $success, 0 0 0 8px $white !default;
 $step-error-li-shadow: 0 0 0 2px $white, 0 0 0 4px $danger, 0 0 0 8px $white !default;
 $step-li-shadow: 0 0 0 8px $white !default;

package/styles/stepper/_bootstrap5-definition.scss

@@ -44,6 +44,7 @@ $stepper-bigger-small-optional-size: 12px !default;
 $stepper-bigger-small-text-size: 14px !default;
 
 $step-selected-li-shadow: 0 0 0 2px $content-bg-color, 0 0 0 4px $primary, 0 0 0 8px $content-bg-color !default;
+$step-keyboard-selected-li-shadow: 0 0 0 2px $content-bg-color, 0 0 0 4px $content-text-color, 0 0 0 8px $content-bg-color !default;
 $step-valid-li-shadow: 0 0 0 2px $content-bg-color, 0 0 0 4px $success, 0 0 0 8px $content-bg-color !default;
 $step-error-li-shadow: 0 0 0 2px $content-bg-color, 0 0 0 4px $danger, 0 0 0 8px $content-bg-color !default;
 $step-li-shadow: 0 0 0 8px $content-bg-color !default;

package/styles/stepper/_fabric-dark-definition.scss

@@ -43,6 +43,7 @@ $stepper-bigger-small-optional-size: 12px !default;
 $stepper-bigger-small-text-size: 14px !default;
 
 $step-selected-li-shadow: 0 0 0 2px $neutral-white, 0 0 0 4px $theme-primary, 0 0 0 8px $neutral-white !default;
+$step-keyboard-selected-li-shadow: 0 0 0 2px $neutral-white, 0 0 0 4px $neutral-light-fontalt, 0 0 0 8px $neutral-white !default;
 $step-valid-li-shadow: 0 0 0 2px $neutral-white, 0 0 0 4px $success-bg, 0 0 0 8px $neutral-white !default;
 $step-error-li-shadow: 0 0 0 2px $neutral-white, 0 0 0 4px $error-bg, 0 0 0 8px $neutral-white !default;
 $step-li-shadow: 0 0 0 8px $neutral-white !default;

package/styles/stepper/_fabric-definition.scss

@@ -43,6 +43,7 @@ $stepper-bigger-small-optional-size: 12px !default;
 $stepper-bigger-small-text-size: 14px !default;
 
 $step-selected-li-shadow: 0 0 0 2px $neutral-white, 0 0 0 4px $theme-primary, 0 0 0 8px $neutral-white !default;
+$step-keyboard-selected-li-shadow: 0 0 0 2px $neutral-white, 0 0 0 4px $base-font, 0 0 0 8px $neutral-white !default;
 $step-valid-li-shadow: 0 0 0 2px $neutral-white, 0 0 0 4px $success-bg, 0 0 0 8px $neutral-white !default;
 $step-error-li-shadow: 0 0 0 2px $neutral-white, 0 0 0 4px $error-bg, 0 0 0 8px $neutral-white !default;
 $step-li-shadow: 0 0 0 8px $neutral-white !default;

package/styles/stepper/_fluent-definition.scss

@@ -43,6 +43,7 @@ $stepper-bigger-small-optional-size: 12px !default;
 $stepper-bigger-small-text-size: 14px !default;
 
 $step-selected-li-shadow: 0 0 0 2px $content-bg-color, 0 0 0 4px $primary-border-color, 0 0 0 8px $content-bg-color !default;
+$step-keyboard-selected-li-shadow: 0 0 0 2px $content-bg-color, 0 0 0 4px $content-text-color, 0 0 0 8px $content-bg-color !default;
 $step-valid-li-shadow: 0 0 0 2px $content-bg-color, 0 0 0 4px $success, 0 0 0 8px $content-bg-color !default;
 $step-error-li-shadow: 0 0 0 2px $content-bg-color, 0 0 0 4px $danger, 0 0 0 8px $content-bg-color !default;
 $step-li-shadow: 0 0 0 8px $content-bg-color !default;

package/styles/stepper/_fusionnew-definition.scss

@@ -43,6 +43,7 @@ $stepper-bigger-small-optional-size: 12px !default;
 $stepper-bigger-small-text-size: 14px !default;
 
 $step-selected-li-shadow: 0 0 0 2px $content-bg-color, 0 0 0 4px $primary-border-color, 0 0 0 8px $content-bg-color !default;
+$step-keyboard-selected-li-shadow: 0 0 0 2px $content-bg-color, 0 0 0 4px $content-text-color, 0 0 0 8px $content-bg-color !default;
 $step-valid-li-shadow: 0 0 0 2px $content-bg-color, 0 0 0 4px $success, 0 0 0 8px $content-bg-color !default;
 $step-error-li-shadow: 0 0 0 2px $content-bg-color, 0 0 0 4px $danger, 0 0 0 8px $content-bg-color !default;
 $step-li-shadow: 0 0 0 8px $content-bg-color !default;

package/styles/stepper/_highcontrast-definition.scss

@@ -43,6 +43,7 @@ $stepper-bigger-small-optional-size: 12px !default;
 $stepper-bigger-small-text-size: 14px !default;
 
 $step-selected-li-shadow: 0 0 0 2px $bg-base-0, 0 0 0 4px $selection-bg, 0 0 0 8px $bg-base-0 !default;
+$step-keyboard-selected-li-shadow: 0 0 0 2px $bg-base-0, 0 0 0 4px $content-font, 0 0 0 8px $bg-base-0 !default;
 $step-valid-li-shadow: 0 0 0 2px $bg-base-0, 0 0 0 4px $success-alt, 0 0 0 8px $bg-base-0 !default;
 $step-error-li-shadow: 0 0 0 2px $bg-base-0, 0 0 0 4px $error-alt, 0 0 0 8px $bg-base-0 !default;
 $step-li-shadow: 0 0 0 8px $bg-base-0 !default;

package/styles/stepper/_highcontrast-light-definition.scss

@@ -43,6 +43,7 @@ $stepper-bigger-small-optional-size: 12px !default;
 $stepper-bigger-small-text-size: 14px !default;
 
 $step-selected-li-shadow: 0 0 0 2px $bg-base-0, 0 0 0 4px $selection-bg, 0 0 0 8px $bg-base-0 !default;
+$step-keyboard-selected-li-shadow: 0 0 0 2px $bg-base-0, 0 0 0 4px $content-font, 0 0 0 8px $bg-base-0 !default;
 $step-valid-li-shadow: 0 0 0 2px $bg-base-0, 0 0 0 4px $success-alt, 0 0 0 8px $bg-base-0 !default;
 $step-error-li-shadow: 0 0 0 2px $bg-base-0, 0 0 0 4px $error-alt, 0 0 0 8px $bg-base-0 !default;
 $step-li-shadow: 0 0 0 8px $bg-base-0 !default;

package/styles/stepper/_material-dark-definition.scss

@@ -43,6 +43,7 @@ $stepper-bigger-small-optional-size: 12px !default;
 $stepper-bigger-small-text-size: 14px !default;
 
 $step-selected-li-shadow: 0 0 0 2px $overlay-bg-color, 0 0 0 4px $primary, 0 0 0 8px $overlay-bg-color !default;
+$step-keyboard-selected-li-shadow: 0 0 0 2px $overlay-bg-color, 0 0 0 4px $grey-dark-font, 0 0 0 8px $overlay-bg-color !default;
 $step-valid-li-shadow: 0 0 0 2px $overlay-bg-color, 0 0 0 4px $success-bg, 0 0 0 8px $overlay-bg-color !default;
 $step-error-li-shadow: 0 0 0 2px $overlay-bg-color, 0 0 0 4px $error-font, 0 0 0 8px $overlay-bg-color !default;
 $step-li-shadow: 0 0 0 8px $overlay-bg-color !default;

package/styles/stepper/_material-definition.scss

@@ -43,6 +43,7 @@ $stepper-bigger-small-optional-size: 12px !default;
 $stepper-bigger-small-text-size: 14px !default;
 
 $step-selected-li-shadow: 0 0 0 2px $grey-white, 0 0 0 4px $primary, 0 0 0 8px $grey-white !default;
+$step-keyboard-selected-li-shadow: 0 0 0 2px $grey-white, 0 0 0 4px $base-font, 0 0 0 8px $grey-white !default;
 $step-valid-li-shadow: 0 0 0 2px $grey-white, 0 0 0 4px $msg-success-color-alt1, 0 0 0 8px $grey-white !default;
 $step-error-li-shadow: 0 0 0 2px $grey-white, 0 0 0 4px darken($error-font, 11%), 0 0 0 8px $grey-white !default;
 $step-li-shadow: 0 0 0 8px $grey-white !default;

package/styles/stepper/_material3-definition.scss

@@ -43,6 +43,7 @@ $stepper-bigger-small-optional-size: 12px !default;
 $stepper-bigger-small-text-size: 14px !default;
 
 $step-selected-li-shadow: 0 0 0 2px rgba($content-bg-color), 0 0 0 4px rgba($primary), 0 0 0 8px rgba($content-bg-color) !default;
+$step-keyboard-selected-li-shadow: 0 0 0 2px rgba($content-bg-color), 0 0 0 4px rgba($content-text-color), 0 0 0 8px rgba($content-bg-color) !default;
 $step-valid-li-shadow: 0 0 0 2px rgba($content-bg-color), 0 0 0 4px rgba($success), 0 0 0 8px rgba($content-bg-color) !default;
 $step-error-li-shadow: 0 0 0 2px rgba($content-bg-color), 0 0 0 4px rgba($danger), 0 0 0 8px rgba($content-bg-color) !default;
 $step-li-shadow: 0 0 0 8px rgba($content-bg-color) !default;

package/styles/stepper/_tailwind-definition.scss

@@ -43,6 +43,7 @@ $stepper-bigger-small-optional-size: 12px !default;
 $stepper-bigger-small-text-size: 14px !default;
 
 $step-selected-li-shadow: 0 0 0 2px $content-bg-color, 0 0 0 4px $primary, 0 0 0 8px $content-bg-color !default;
+$step-keyboard-selected-li-shadow: 0 0 0 2px $content-bg-color, 0 0 0 4px $content-text-color, 0 0 0 8px $content-bg-color !default;
 $step-valid-li-shadow: 0 0 0 2px $content-bg-color, 0 0 0 4px $success-border-color, 0 0 0 8px $content-bg-color !default;
 $step-error-li-shadow: 0 0 0 2px $content-bg-color, 0 0 0 4px $border-error, 0 0 0 8px $content-bg-color !default;
 $step-li-shadow: 0 0 0 8px $content-bg-color !default;

package/styles/stepper/_theme.scss

@@ -132,12 +132,18 @@
       }
     }
 
-    &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,
+    &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step {
+      box-shadow: $step-selected-li-shadow;
+    }
+
     .e-stepper-steps .e-step-container.e-step-focus .e-step,
     .e-stepper-steps .e-step-container.e-step-label-only.e-step-focus .e-label,
     .e-stepper-steps .e-step-container.e-step-text-only.e-step-focus .e-text,
-    .e-stepper-steps .e-step-container.e-step-template.e-step-focus {
-      box-shadow: $step-selected-li-shadow;
+    .e-stepper-steps .e-step-container.e-step-template.e-step-focus,
+    &:not(.e-steps-focus) .e-stepper-steps .e-step-container:focus-visible .e-step,
+    &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-text-only:focus-visible .e-text,
+    &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-label-only:focus-visible .e-label {
+      box-shadow: $step-keyboard-selected-li-shadow !important; /* stylelint-disable-line declaration-no-important */
     }
 
     &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-valid.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,

package/styles/stepper/bootstrap-dark.css

@@ -579,12 +579,14 @@
 .e-stepper .e-stepper-progressbar > .e-progressbar-value {
   background-color: #0070f0;
 }
-.e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,
+.e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step {
+  box-shadow: 0 0 0 2px #1a1a1a, 0 0 0 4px #0070f0, 0 0 0 8px #1a1a1a;
+}
 .e-stepper .e-stepper-steps .e-step-container.e-step-focus .e-step,
 .e-stepper .e-stepper-steps .e-step-container.e-step-label-only.e-step-focus .e-label,
 .e-stepper .e-stepper-steps .e-step-container.e-step-text-only.e-step-focus .e-text,
-.e-stepper .e-stepper-steps .e-step-container.e-step-template.e-step-focus {
-  box-shadow: 0 0 0 2px #1a1a1a, 0 0 0 4px #0070f0, 0 0 0 8px #1a1a1a;
+.e-stepper .e-stepper-steps .e-step-container.e-step-template.e-step-focus, .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container:focus-visible .e-step, .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-text-only:focus-visible .e-text, .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-label-only:focus-visible .e-label {
+  box-shadow: 0 0 0 2px #1a1a1a, 0 0 0 4px #fff, 0 0 0 8px #1a1a1a !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-valid.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,
 .e-stepper .e-stepper-steps .e-step-container.e-step-valid.e-step-focus .e-step,