@patternfly/react-table 4.41.0 → 4.43.2

package/dist/umd/react-table.css

@@ -4158,6 +4158,63 @@
     --pf-c-table--cell--Width: auto;
   }
 }
+.pf-c-table {
+  --pf-c-table__sticky-column--cell-min-width--base: 12.5rem;
+  --pf-c-table__sticky-column--MinWidth: var(--pf-c-table__sticky-column--cell-min-width--base);
+  --pf-c-table__sticky-column--Left: 0;
+  --pf-c-table__sticky-column--ZIndex: var(--pf-global--ZIndex--md);
+  --pf-c-table__sticky-column--Top: 0;
+  --pf-c-table__sticky-column--BackgroundColor: var(--pf-global--BackgroundColor--100);
+  --pf-c-table__sticky-column--m-border-right--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-table__sticky-column--m-border-right--before--BorderRightColor: var(--pf-global--BorderColor--100);
+  --pf-c-table--m-sticky-header--thead__sticky-column--ZIndex: calc(var(--pf-c-table__sticky-column--ZIndex) + 1);
+}
+
+.pf-c-table .pf-c-table__sticky-column {
+  position: sticky;
+  left: var(--pf-c-table__sticky-column--Left);
+  z-index: var(--pf-c-table__sticky-column--ZIndex);
+  min-width: var(--pf-c-table__sticky-column--MinWidth);
+  background-color: var(--pf-c-table__sticky-column--BackgroundColor);
+  background-clip: padding-box;
+}
+
+.pf-c-table .pf-c-table__sticky-column.pf-m-border-right::before {
+  --pf-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-c-table__sticky-column--m-border-right--before--BorderRightWidth);
+  --pf-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-c-table__sticky-column--m-border-right--before--BorderRightColor);
+}
+
+.pf-c-table .pf-c-table__sticky-column.pf-m-border-left::before {
+  --pf-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-c-table__sticky-column--m-border-left--before--BorderLeftWidth);
+  --pf-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-c-table__sticky-column--m-border-left--before--BorderLeftColor);
+}
+
+.pf-c-table.pf-m-sticky-header {
+  --pf-c-table--cell--Overflow: visible;
+}
+
+.pf-c-table.pf-m-sticky-header thead .pf-c-table__sticky-column {
+  z-index: var(--pf-c-table--m-sticky-header--thead__sticky-column--ZIndex);
+}
+
+.pf-c-scroll-outer-wrapper {
+  --pf-c-scroll-outer-wrapper--MinHeight: 25rem;
+  display: flex;
+  flex-direction: column;
+  max-width: 100%;
+  min-height: var(--pf-c-scroll-outer-wrapper--MinHeight);
+  max-height: 100%;
+  overflow: hidden;
+}
+
+.pf-c-scroll-inner-wrapper {
+  display: flex;
+  flex-direction: column;
+  max-width: 100%;
+  max-height: 100%;
+  overflow: auto;
+}
+
 .pf-c-form {
   --pf-c-form--GridGap: var(--pf-global--gutter--md);
   --pf-c-form__group--m-action--MarginTop: var(--pf-global--spacer--xl);
@@ -5280,10 +5337,10 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-global--BorderColor--200);
   --pf-c-dropdown__toggle--before--BorderLeftColor: var(--pf-global--BorderColor--300);
   --pf-c-dropdown__toggle--hover--before--BorderBottomColor: var(--pf-global--active-color--100);
-  --pf-c-dropdown__toggle--active--before--BorderBottomWidth: var(--pf-global--BorderWidth--md);
-  --pf-c-dropdown__toggle--active--before--BorderBottomColor: var(--pf-global--active-color--100);
   --pf-c-dropdown__toggle--focus--before--BorderBottomWidth: var(--pf-global--BorderWidth--md);
   --pf-c-dropdown__toggle--focus--before--BorderBottomColor: var(--pf-global--active-color--100);
+  --pf-c-dropdown__toggle--active--before--BorderBottomWidth: var(--pf-global--BorderWidth--md);
+  --pf-c-dropdown__toggle--active--before--BorderBottomColor: var(--pf-global--active-color--100);
   --pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth: var(--pf-global--BorderWidth--md);
   --pf-c-dropdown--m-expanded__toggle--before--BorderBottomColor: var(--pf-global--active-color--100);
   --pf-c-dropdown__toggle--disabled--BackgroundColor: var(--pf-global--disabled-color--300);
@@ -5297,9 +5354,22 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-dropdown__toggle--m-primary--BorderRadius: var(--pf-global--BorderRadius--sm);
   --pf-c-dropdown__toggle--m-primary--BackgroundColor: var(--pf-global--primary-color--100);
   --pf-c-dropdown__toggle--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
-  --pf-c-dropdown__toggle--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
   --pf-c-dropdown__toggle--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
+  --pf-c-dropdown__toggle--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
   --pf-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor: var(--pf-global--primary-color--200);
+  --pf-c-dropdown__toggle--m-secondary--Color: var(--pf-global--primary-color--100);
+  --pf-c-dropdown__toggle--m-secondary--BorderRadius: var(--pf-global--BorderRadius--sm);
+  --pf-c-dropdown__toggle--m-secondary--BackgroundColor: transparent;
+  --pf-c-dropdown__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-dropdown__toggle--m-secondary--hover--before--BorderWidth: var(--pf-global--BorderWidth--md);
+  --pf-c-dropdown__toggle--m-secondary--focus--before--BorderWidth: var(--pf-global--BorderWidth--md);
+  --pf-c-dropdown__toggle--m-secondary--active--before--BorderWidth: var(--pf-global--BorderWidth--md);
+  --pf-c-dropdown__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
+  --pf-c-dropdown__toggle--m-secondary--hover--before--BorderColor: var(--pf-global--primary-color--100);
+  --pf-c-dropdown__toggle--m-secondary--focus--before--BorderColor: var(--pf-global--primary-color--100);
+  --pf-c-dropdown__toggle--m-secondary--active--before--BorderColor: var(--pf-global--primary-color--100);
+  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--md);
+  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
   --pf-c-dropdown__toggle-button--Color: var(--pf-global--Color--100);
   --pf-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-global--spacer--form-element);
   --pf-c-dropdown__toggle--m-split-button--child--PaddingRight: var(--pf-global--spacer--xs);
@@ -5313,6 +5383,14 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-dropdown__toggle--m-split-button--m-action__toggle-button--MarginRight: calc(-1 * var(--pf-global--BorderWidth--sm));
   --pf-c-dropdown__toggle--m-split-button__toggle-check__input--TranslateY: -0.0625rem;
   --pf-c-dropdown__toggle--m-split-button__toggle-text--MarginLeft: var(--pf-global--spacer--sm);
+  --pf-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius: var(--pf-global--BorderRadius--sm);
+  --pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-global--primary-color--100);
+  --pf-c-dropdown__toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-global--primary-color--200);
+  --pf-c-dropdown__toggle--m-split-button--m-primary--child--focus--BackgroundColor: var(--pf-global--primary-color--200);
+  --pf-c-dropdown__toggle--m-split-button--m-primary--child--active--BackgroundColor: var(--pf-global--primary-color--200);
+  --pf-c-dropdown__toggle--m-split-button--m-primary--child--m-expanded--BackgroundColor: var(--pf-global--primary-color--200);
+  --pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftColor: var(--pf-global--primary-color--200);
+  --pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
   --pf-c-dropdown__toggle-icon--LineHeight: var(--pf-global--LineHeight--md);
   --pf-c-dropdown__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
   --pf-c-dropdown__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
@@ -5413,6 +5491,10 @@ label.pf-c-check, .pf-c-check__label,
   border-bottom-width: var(--pf-c-dropdown--m-full-height__toggle--hover--before--BorderBottomWidth);
 }
 
+.pf-c-dropdown.pf-m-expanded {
+  --pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--m-expanded--BackgroundColor);
+}
+
 .pf-c-dropdown__toggle {
   position: relative;
   display: flex;
@@ -5490,6 +5572,10 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-dropdown__toggle--m-split-button--m-action__toggle-button--MarginRight: 0;
 }
 
+.pf-c-dropdown__toggle.pf-m-split-button.pf-m-action.pf-m-primary > :not(:first-child) {
+  border-left: var(--pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftWidth) solid var(--pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftColor);
+}
+
 .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check {
   display: flex;
   align-items: center;
@@ -5511,21 +5597,53 @@ label.pf-c-check, .pf-c-check__label,
   margin-left: var(--pf-c-dropdown__toggle--m-split-button__toggle-text--MarginLeft);
 }
 
-.pf-c-dropdown__toggle:not(.pf-m-action):hover::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:hover::before {
+.pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) {
+  --pf-c-dropdown__toggle--before--BorderWidth: 0;
+  --pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth: 0;
+}
+
+.pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > * {
+  background-color: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor);
+  border: 0;
+}
+
+.pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > *:hover {
+  --pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--hover--BackgroundColor);
+}
+
+.pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > *:focus {
+  --pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--focus--BackgroundColor);
+}
+
+.pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > *:active, .pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > *.pf-m-active {
+  --pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--focus--BackgroundColor);
+}
+
+.pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > :first-child {
+  border-top-left-radius: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius);
+  border-bottom-left-radius: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius);
+}
+
+.pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > :last-child {
+  border-top-right-radius: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius);
+  border-bottom-right-radius: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius);
+}
+
+.pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):hover::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:hover::before {
   --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--hover--before--BorderBottomColor);
 }
 
-.pf-c-dropdown__toggle:not(.pf-m-action):active::before, .pf-c-dropdown__toggle:not(.pf-m-action).pf-m-active::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:active::before {
+.pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):active::before, .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary).pf-m-active::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:active::before {
   --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--active--before--BorderBottomColor);
   border-bottom-width: var(--pf-c-dropdown__toggle--active--before--BorderBottomWidth);
 }
 
-.pf-c-dropdown__toggle:not(.pf-m-action):focus::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:focus::before {
+.pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):focus::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:focus::before {
   --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--focus--before--BorderBottomColor);
   border-bottom-width: var(--pf-c-dropdown__toggle--focus--before--BorderBottomWidth);
 }
 
-.pf-m-expanded > .pf-c-dropdown__toggle:not(.pf-m-action)::before, .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button::before {
+.pf-m-expanded > .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary)::before, .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button::before {
   --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomColor);
   border-bottom-width: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth);
 }
@@ -5545,7 +5663,7 @@ label.pf-c-check, .pf-c-check__label,
   border: 0;
 }
 
-.pf-c-dropdown__toggle.pf-m-plain:hover, .pf-c-dropdown__toggle.pf-m-plain:active, .pf-c-dropdown__toggle.pf-m-plain.pf-m-active, .pf-c-dropdown__toggle.pf-m-plain:focus, .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-plain {
+.pf-c-dropdown__toggle.pf-m-plain:hover, .pf-c-dropdown__toggle.pf-m-plain:focus, .pf-c-dropdown__toggle.pf-m-plain:active, .pf-c-dropdown__toggle.pf-m-plain.pf-m-active, .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-plain {
   --pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--hover--Color);
 }
 
@@ -5554,11 +5672,15 @@ label.pf-c-check, .pf-c-check__label,
 }
 
 .pf-c-dropdown__toggle.pf-m-primary {
-  --pf-c-dropdown__toggle--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
   --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--BackgroundColor);
+  --pf-c-dropdown__toggle-button--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
   border-radius: var(--pf-c-dropdown__toggle--m-primary--BorderRadius);
 }
 
+.pf-c-dropdown__toggle.pf-m-primary:not(.pf-m-disabled) {
+  --pf-c-dropdown__toggle--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
+}
+
 .pf-c-dropdown__toggle.pf-m-primary::before {
   border: 0;
 }
@@ -5567,18 +5689,46 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--hover--BackgroundColor);
 }
 
-.pf-c-dropdown__toggle.pf-m-primary:active, .pf-c-dropdown__toggle.pf-m-primary.pf-m-active {
-  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--active--BackgroundColor);
-}
-
 .pf-c-dropdown__toggle.pf-m-primary:focus {
   --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--focus--BackgroundColor);
 }
 
+.pf-c-dropdown__toggle.pf-m-primary:active, .pf-c-dropdown__toggle.pf-m-primary.pf-m-active {
+  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--active--BackgroundColor);
+}
+
 .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-primary {
   --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor);
 }
 
+.pf-c-dropdown__toggle.pf-m-secondary {
+  --pf-c-dropdown__toggle--Color: var(--pf-c-dropdown__toggle--m-secondary--Color);
+  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-secondary--BackgroundColor);
+  border-radius: var(--pf-c-dropdown__toggle--m-secondary--BorderRadius);
+}
+
+.pf-c-dropdown__toggle.pf-m-secondary::before {
+  border: var(--pf-c-dropdown__toggle--m-secondary--before--BorderWidth) solid var(--pf-c-dropdown__toggle--m-secondary--before--BorderColor);
+  border-radius: var(--pf-c-dropdown__toggle--m-secondary--BorderRadius);
+}
+
+.pf-c-dropdown__toggle.pf-m-secondary:hover {
+  --pf-c-dropdown__toggle--m-secondary--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--hover--before--BorderWidth);
+}
+
+.pf-c-dropdown__toggle.pf-m-secondary:focus {
+  --pf-c-dropdown__toggle--m-secondary--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--focus--before--BorderWidth);
+}
+
+.pf-c-dropdown__toggle.pf-m-secondary:active, .pf-c-dropdown__toggle.pf-m-secondary.pf-m-active {
+  --pf-c-dropdown__toggle--m-secondary--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--active--before--BorderWidth);
+}
+
+.pf-m-expanded > .pf-c-dropdown__toggle.pf-m-secondary {
+  --pf-c-dropdown__toggle--m-secondary--before--BorderWidth: var(--pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth);
+  --pf-c-dropdown__toggle--m-secondary--before--BorderColor: var(--pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor);
+}
+
 .pf-c-dropdown__toggle > .pf-c-badge {
   --pf-c-dropdown__toggle-icon--MarginLeft: var(--pf-c-dropdown__toggle--c-badge__toggle-icon--MarginLeft);
   --pf-c-dropdown__toggle-icon--MarginRight: var(--pf-c-dropdown__toggle--c-badge__toggle-icon--MarginRight);
@@ -5893,7 +6043,8 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-form-control--m-icon--m-warning--BackgroundSize: var(--pf-c-form-control--m-warning--BackgroundSize), var(--pf-c-form-control--m-icon--BackgroundSizeX) var(--pf-c-form-control--m-icon--BackgroundSizeY);
   --pf-c-form-control--m-calendar--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%236a6e73' d='M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E");
   --pf-c-form-control--m-clock--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%236a6e73' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z'/%3E%3C/svg%3E");
-  --pf-c-form-control__select--PaddingRight: var(--pf-global--spacer--lg);
+  --pf-c-form-control__select--PaddingRight: calc(var(--pf-global--spacer--lg) + var(--pf-c-form-control--BorderWidth) + var(--pf-c-form-control--BorderWidth));
+  --pf-c-form-control__select--PaddingLeft: calc(var(--pf-global--spacer--sm) - var(--pf-c-form-control--BorderWidth));
   --pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23urrentColor' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");
   --pf-c-form-control__select--BackgroundSize: .625em;
   --pf-c-form-control__select--BackgroundPositionX: calc(100% - var(--pf-global--spacer--md) + 1px);
@@ -6045,11 +6196,18 @@ label.pf-c-check, .pf-c-check__label,
 
 select.pf-c-form-control {
   --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--PaddingRight);
+  --pf-c-form-control--PaddingLeft: var(--pf-c-form-control__select--PaddingLeft);
   background-image: var(--pf-c-form-control__select--BackgroundUrl);
   background-position: var(--pf-c-form-control__select--BackgroundPosition);
   background-size: var(--pf-c-form-control__select--BackgroundSize);
 }
 
+@-moz-document url-prefix() {
+  select.pf-c-form-control {
+    --pf-c-form-control--PaddingRight: calc(var(--pf-c-form-control__select--PaddingRight) - 1px);
+    --pf-c-form-control--PaddingLeft: calc(var(--pf-c-form-control__select--PaddingLeft) - 4px);
+  }
+}
 select.pf-c-form-control[aria-invalid=true] {
   --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--invalid--PaddingRight);
   --pf-c-form-control--invalid--BackgroundPosition: var(--pf-c-form-control__select--invalid--BackgroundPosition);
@@ -11951,6 +12109,10 @@ button.pf-c-breadcrumb__link {
   overflow-anchor: none;
 }
 
+.pf-c-dual-list-selector__list-item:focus {
+  --pf-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-c-dual-list-selector__list-item-row--focus-within--BackgroundColor);
+}
+
 .pf-c-dual-list-selector__list-item.pf-m-expandable {
   --pf-c-dual-list-selector__item--PaddingLeft: var(--pf-c-dual-list-selector__item--m-expandable--PaddingLeft);
 }
@@ -11975,10 +12137,6 @@ button.pf-c-breadcrumb__link {
   --pf-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-c-dual-list-selector__list-item-row--hover--BackgroundColor);
 }
 
-.pf-c-dual-list-selector__list-item-row:focus-within {
-  --pf-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-c-dual-list-selector__list-item-row--focus-within--BackgroundColor);
-}
-
 .pf-c-dual-list-selector__list-item-row.pf-m-selected {
   --pf-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-c-dual-list-selector__list-item-row--m-selected--BackgroundColor);
 }
@@ -12028,9 +12186,7 @@ button.pf-c-breadcrumb__link {
   position: relative;
   width: 100%;
   padding: var(--pf-c-dual-list-selector__item--PaddingTop) var(--pf-c-dual-list-selector__item--PaddingRight) var(--pf-c-dual-list-selector__item--PaddingBottom) var(--pf-c-dual-list-selector__item--PaddingLeft);
-  text-align: left;
   cursor: pointer;
-  border: 0;
 }
 
 .pf-c-dual-list-selector__item-count {
@@ -14972,7 +15128,10 @@ ul.pf-c-list {
   --pf-c-menu--MinWidth: auto;
   --pf-c-menu--Width: auto;
   --pf-c-menu--ZIndex: var(--pf-global--ZIndex--sm);
+  --pf-c-menu--Top: auto;
   --pf-c-menu--m-flyout__menu--Top: calc(var(--pf-c-menu__list--PaddingTop) * -1 + var(--pf-c-menu--m-flyout__menu--top-offset));
+  --pf-c-menu--m-flyout__menu--Right: auto;
+  --pf-c-menu--m-flyout__menu--Bottom: auto;
   --pf-c-menu--m-flyout__menu--Left: calc(100% + var(--pf-c-menu--m-flyout__menu--left-offset));
   --pf-c-menu--m-flyout__menu--m-top--Bottom: calc(var(--pf-c-menu__list--PaddingTop) * -1);
   --pf-c-menu--m-flyout__menu--m-left--Right: calc(100% + var(--pf-c-menu--m-flyout__menu--m-left--right-offset));
@@ -15086,15 +15245,38 @@ ul.pf-c-list {
   --pf-c-menu--m-scrollable__footer--BoxShadow: var(--pf-global--BoxShadow--sm-top);
   --pf-c-menu--m-scrollable__footer--after--BorderTopWidth: 0;
   --pf-c-menu--m-scrollable__footer--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
+  top: var(--pf-c-menu--Top);
   z-index: var(--pf-c-menu--ZIndex);
   width: var(--pf-c-menu--Width);
   min-width: var(--pf-c-menu--MinWidth);
   background-color: var(--pf-c-menu--BackgroundColor);
   box-shadow: var(--pf-c-menu--BoxShadow);
-}
-
-.pf-c-menu .pf-c-menu__content {
-  overflow-y: auto;
+  --pf-c-menu--m-nav--BoxShadow: var(--pf-global--BoxShadow--lg);
+  --pf-c-menu--m-nav--BackgroundColor: var(--pf-global--BackgroundColor--dark-300);
+  --pf-c-menu--m-nav__list--PaddingTop: 0;
+  --pf-c-menu--m-nav__list--PaddingBottom: 0;
+  --pf-c-menu--m-nav__list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
+  --pf-c-menu--m-nav__list-item--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
+  --pf-c-menu--m-nav__list-item--active--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
+  --pf-c-menu--m-nav__item--PaddingRight: var(--pf-global--spacer--lg);
+  --pf-c-menu--m-nav__item--PaddingLeft: var(--pf-global--spacer--lg);
+  --pf-c-menu--m-nav__item--Color: var(--pf-global--Color--light-100);
+  --pf-c-menu--m-nav__item--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-menu--m-nav__item--OutlineOffset: calc(var(--pf-global--spacer--xs) * -1);
+  --pf-c-menu--m-nav__item--before--BorderBottomColor: var(--pf-global--BackgroundColor--dark-200);
+  --pf-c-menu--m-nav__item--before--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-menu--m-nav__item--hover--after--BorderLeftColor: var(--pf-global--BorderColor--200);
+  --pf-c-menu--m-nav__item--hover--after--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-menu--m-nav__item--hover--after--Top: calc(var(--pf-c-menu--m-nav__item--before--BorderBottomWidth) * -1);
+  --pf-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top: 0;
+  --pf-c-menu--m-nav__item-description--Color: var(--pf-global--Color--light-200);
+  --pf-c-menu--m-nav--c-menu--left-offset: 0.25rem;
+  --pf-c-menu--m-nav--c-menu--m-left--right-offset: 0.25rem;
+  --pf-c-menu--m-nav--c-menu--Top: calc(var(--pf-c-menu--m-nav__item--before--BorderBottomWidth) * -1);
+  --pf-c-menu--m-nav--c-menu--Left: calc(100% - var(--pf-c-menu--m-nav--c-menu--left-offset));
+  --pf-c-menu--m-nav--c-menu--m-left--Right: calc(100% - var(--pf-c-menu--m-nav--c-menu--m-left--right-offset));
+  --pf-c-menu--m-nav--c-menu--m-top--Bottom: calc(0 + var(--pf-c-menu--m-nav--c-menu--m-top--bottom-offset));
+  --pf-c-menu--m-nav__list-item--first-child--c-menu--Top: 0;
 }
 
 .pf-c-menu .pf-c-menu__content .pf-c-menu .pf-c-menu__content {
@@ -15106,33 +15288,26 @@ ul.pf-c-list {
   margin-bottom: var(--pf-c-menu--c-divider--MarginBottom);
 }
 
-.pf-c-menu.pf-m-flyout {
-  overflow: visible;
-}
-
-.pf-c-menu.pf-m-flyout .pf-c-menu {
+.pf-c-menu .pf-c-menu.pf-m-flyout, .pf-c-menu.pf-m-flyout .pf-c-menu {
   position: absolute;
   top: var(--pf-c-menu--m-flyout__menu--Top);
-  right: auto;
+  right: var(--pf-c-menu--m-flyout__menu--Right);
+  bottom: var(--pf-c-menu--m-flyout__menu--Bottom);
   left: var(--pf-c-menu--m-flyout__menu--Left);
 }
 
-.pf-c-menu.pf-m-flyout .pf-c-menu.pf-m-top {
-  top: auto;
-  bottom: var(--pf-c-menu--m-flyout__menu--m-top--Bottom);
+.pf-c-menu .pf-c-menu.pf-m-flyout .pf-c-menu__content, .pf-c-menu.pf-m-flyout .pf-c-menu .pf-c-menu__content {
+  overflow-y: visible;
 }
 
-.pf-c-menu.pf-m-flyout .pf-c-menu.pf-m-left {
-  right: var(--pf-c-menu--m-flyout__menu--m-left--Right);
-  left: auto;
+.pf-c-menu.pf-m-top {
+  --pf-c-menu--m-flyout__menu--Top: auto;
+  --pf-c-menu--m-flyout__menu--Bottom: var(--pf-c-menu--m-flyout__menu--m-top--Bottom);
 }
 
-.pf-c-menu.pf-m-flyout .pf-c-menu__content {
-  overflow-y: visible;
-}
-
-.pf-c-menu.pf-m-flyout .pf-c-menu__list-item {
-  position: relative;
+.pf-c-menu.pf-m-left {
+  --pf-c-menu--m-flyout__menu--Right: var(--pf-c-menu--m-flyout__menu--m-left--Right);
+  --pf-c-menu--m-flyout__menu--Left: auto;
 }
 
 .pf-c-menu.pf-m-drilldown {
@@ -15174,6 +15349,11 @@ ul.pf-c-list {
   transition: var(--pf-c-menu--m-drilldown__list--Transition);
 }
 
+.pf-c-menu.pf-m-drilldown .pf-c-menu__list .pf-c-menu__list {
+  --pf-c-menu__list--PaddingTop: 0;
+  --pf-c-menu__list--PaddingBottom: 0;
+}
+
 .pf-c-menu.pf-m-drilldown .pf-c-menu__list-item.pf-m-current-path .pf-c-menu {
   z-index: var(--pf-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex);
 }
@@ -15218,6 +15398,76 @@ ul.pf-c-list {
   --pf-c-menu__footer--after--BorderBottomWidth: var(--pf-c-menu--m-scrollable__footer--after--BorderBottomWidth);
 }
 
+.pf-c-menu.pf-m-scrollable .pf-c-menu__content {
+  overflow-y: auto;
+}
+
+.pf-c-menu.pf-m-nav, .pf-c-menu.pf-m-nav .pf-c-menu {
+  --pf-c-menu--BackgroundColor: var(--pf-c-menu--m-nav--BackgroundColor);
+  --pf-c-menu__list--PaddingTop: var(--pf-c-menu--m-nav__list--PaddingTop);
+  --pf-c-menu__list--PaddingBottom: var(--pf-c-menu--m-nav__list--PaddingBottom);
+  --pf-c-menu__list-item--hover--BackgroundColor: var(--pf-c-menu--m-nav__list-item--hover--BackgroundColor);
+  --pf-c-menu__list-item--focus-within--BackgroundColor: var(--pf-c-menu--m-nav__list-item--focus-within--BackgroundColor);
+  --pf-c-menu__list-item--active--BackgroundColor: var(--pf-c-menu--m-nav__list-item--active--BackgroundColor);
+  --pf-c-menu__item--Color: var(--pf-c-menu--m-nav__item--Color);
+  --pf-c-menu__item--FontSize: var(--pf-c-menu--m-nav__item--FontSize);
+  --pf-c-menu__item--OutlineOffset: var(--pf-c-menu--m-nav__item--OutlineOffset);
+  --pf-c-menu__item--PaddingRight: var(--pf-c-menu--m-nav__item--PaddingRight);
+  --pf-c-menu__item--PaddingLeft: var(--pf-c-menu--m-nav__item--PaddingLeft);
+  --pf-c-menu__item-description--Color: var(--pf-c-menu--m-nav__item-description--Color);
+  box-shadow: var(--pf-c-menu--m-nav--BoxShadow);
+}
+
+.pf-c-menu.pf-m-nav .pf-c-menu__item, .pf-c-menu.pf-m-nav .pf-c-menu .pf-c-menu__item {
+  position: relative;
+  outline-offset: var(--pf-c-nav__item--m-flyout--c-menu__item--OutlineOffset);
+}
+
+.pf-c-menu.pf-m-nav .pf-c-menu__item::before, .pf-c-menu.pf-m-nav .pf-c-menu .pf-c-menu__item::before {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  content: "";
+  border-bottom: var(--pf-c-menu--m-nav__item--before--BorderBottomWidth) solid var(--pf-c-menu--m-nav__item--before--BorderBottomColor);
+}
+
+.pf-c-menu.pf-m-nav .pf-c-menu__item:hover::after, .pf-c-menu.pf-m-nav .pf-c-menu .pf-c-menu__item:hover::after {
+  position: absolute;
+  top: var(--pf-c-menu--m-nav__item--hover--after--Top);
+  bottom: 0;
+  left: 0;
+  content: "";
+  border-left: var(--pf-c-menu--m-nav__item--hover--after--BorderLeftWidth) solid var(--pf-c-menu--m-nav__item--hover--after--BorderLeftColor);
+}
+
+.pf-c-menu.pf-m-nav .pf-c-menu {
+  width: 100%;
+}
+
+.pf-c-menu.pf-m-flyout.pf-m-nav, .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu {
+  top: var(--pf-c-menu--m-nav--c-menu--Top);
+  left: var(--pf-c-menu--m-nav--c-menu--Left);
+}
+
+.pf-c-menu.pf-m-flyout.pf-m-nav.pf-m-top, .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu.pf-m-top {
+  --pf-c-menu--m-nav--c-menu--Top: auto;
+  bottom: var(--pf-c-menu--m-nav--c-menu--m-top--Bottom);
+}
+
+.pf-c-menu.pf-m-flyout.pf-m-nav.pf-m-left, .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu.pf-m-left {
+  --pf-c-menu--m-nav--c-menu--Left: auto;
+  right: var(--pf-c-menu--m-nav--c-menu--m-left--Right);
+}
+
+.pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu__list-item:first-child, .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu .pf-c-menu__list-item:first-child {
+  --pf-c-menu--m-nav__item--hover--after--Top: var(--pf-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top);
+}
+
+.pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu__list-item:first-child .pf-c-menu, .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu .pf-c-menu__list-item:first-child .pf-c-menu {
+  --pf-c-menu--m-nav--c-menu--Top: var(--pf-c-menu--m-nav__list-item--first-child--c-menu--Top);
+}
+
 .pf-c-menu__breadcrumb {
   display: flex;
   align-items: center;
@@ -15290,6 +15540,7 @@ ul.pf-c-list {
 
 .pf-c-menu__list-item {
   --pf-hidden-visible--visible--Display: var(--pf-c-menu__list-item--Display);
+  position: relative;
   color: var(--pf-c-menu__list-item--Color);
   background-color: var(--pf-c-menu__list-item--BackgroundColor);
 }
@@ -15472,6 +15723,7 @@ ul.pf-c-list {
 }
 
 .pf-c-menu-toggle {
+  --pf-c-menu-toggle--BorderRadius: 0;
   --pf-c-menu-toggle--PaddingTop: var(--pf-global--spacer--form-element);
   --pf-c-menu-toggle--PaddingRight: var(--pf-global--spacer--sm);
   --pf-c-menu-toggle--PaddingBottom: var(--pf-global--spacer--form-element);
@@ -15506,12 +15758,27 @@ ul.pf-c-list {
   --pf-c-menu-toggle--disabled--Color: var(--pf-global--disabled-color--100);
   --pf-c-menu-toggle--disabled--BackgroundColor: var(--pf-global--disabled-color--300);
   --pf-c-menu-toggle--m-primary--Color: var(--pf-global--Color--light-100);
+  --pf-c-menu-toggle--m-primary--BorderRadius: var(--pf-global--BorderRadius--sm);
   --pf-c-menu-toggle--m-primary--BackgroundColor: var(--pf-global--primary-color--100);
   --pf-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
   --pf-c-menu-toggle--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
   --pf-c-menu-toggle--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
   --pf-c-menu-toggle--m-primary--m-expanded--BackgroundColor: var(--pf-global--primary-color--200);
   --pf-c-menu-toggle--m-primary--m-expanded--Color: var(--pf-global--Color--light-100);
+  --pf-c-menu-toggle--m-secondary--Color: var(--pf-global--primary-color--100);
+  --pf-c-menu-toggle--m-secondary--BorderRadius: var(--pf-global--BorderRadius--sm);
+  --pf-c-menu-toggle--m-secondary--BackgroundColor: transparent;
+  --pf-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-menu-toggle--m-secondary--hover--before--BorderWidth: var(--pf-global--BorderWidth--md);
+  --pf-c-menu-toggle--m-secondary--focus--before--BorderWidth: var(--pf-global--BorderWidth--md);
+  --pf-c-menu-toggle--m-secondary--active--before--BorderWidth: var(--pf-global--BorderWidth--md);
+  --pf-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
+  --pf-c-menu-toggle--m-secondary--hover--before--BorderColor: var(--pf-global--primary-color--100);
+  --pf-c-menu-toggle--m-secondary--focus--before--BorderColor: var(--pf-global--primary-color--100);
+  --pf-c-menu-toggle--m-secondary--active--before--BorderColor: var(--pf-global--primary-color--100);
+  --pf-c-menu-toggle--m-secondary--m-expanded--Color: var(--pf-global--primary-color--100);
+  --pf-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
+  --pf-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--md);
   --pf-c-menu-toggle--m-plain--Color: var(--pf-global--Color--200);
   --pf-c-menu-toggle--m-plain--PaddingRight: var(--pf-global--spacer--md);
   --pf-c-menu-toggle--m-plain--PaddingLeft: var(--pf-global--spacer--md);
@@ -15542,6 +15809,7 @@ ul.pf-c-list {
   color: var(--pf-c-menu-toggle--Color);
   background-color: var(--pf-c-menu-toggle--BackgroundColor);
   border: 0;
+  border-radius: var(--pf-c-menu-toggle--BorderRadius);
 }
 
 .pf-c-menu-toggle::before, .pf-c-menu-toggle::after {
@@ -15565,6 +15833,7 @@ ul.pf-c-list {
 }
 
 .pf-c-menu-toggle.pf-m-primary {
+  --pf-c-menu-toggle--BorderRadius: var(--pf-c-menu-toggle--m-primary--BorderRadius);
   --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-primary--Color);
   --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--m-primary--BackgroundColor);
   --pf-c-menu-toggle--hover--BackgroundColor: var(--pf-c-menu-toggle--m-primary--hover--BackgroundColor);
@@ -15574,6 +15843,48 @@ ul.pf-c-list {
   --pf-c-menu-toggle--m-expanded--BackgroundColor: var(--pf-c-menu-toggle--m-primary--m-expanded--BackgroundColor);
 }
 
+.pf-c-menu-toggle.pf-m-primary, .pf-c-menu-toggle.pf-m-primary::before {
+  border-radius: var(--pf-c-menu-toggle--m-primary--BorderRadius);
+}
+
+.pf-c-menu-toggle.pf-m-secondary {
+  --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-secondary--Color);
+  --pf-c-menu-toggle--m-expanded--Color: var(--pf-c-menu-toggle--m-secondary--m-expanded--Color);
+}
+
+.pf-c-menu-toggle.pf-m-secondary, .pf-c-menu-toggle.pf-m-secondary::before {
+  border-radius: var(--pf-c-menu-toggle--m-secondary--BorderRadius);
+}
+
+.pf-c-menu-toggle.pf-m-secondary::before {
+  border-color: var(--pf-c-menu-toggle--m-secondary--before--BorderColor);
+  border-width: var(--pf-c-menu-toggle--m-secondary--before--BorderWidth);
+}
+
+.pf-c-menu-toggle.pf-m-secondary::after {
+  border: 0;
+}
+
+.pf-c-menu-toggle.pf-m-secondary:hover {
+  --pf-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-c-menu-toggle--m-secondary--hover--before--BorderColor);
+  --pf-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-c-menu-toggle--m-secondary--hover--before--BorderWidth);
+}
+
+.pf-c-menu-toggle.pf-m-secondary:focus {
+  --pf-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-c-menu-toggle--m-secondary--focus--before--BorderColor);
+  --pf-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-c-menu-toggle--m-secondary--focus--before--BorderWidth);
+}
+
+.pf-c-menu-toggle.pf-m-secondary:active {
+  --pf-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-c-menu-toggle--m-secondary--active--before--BorderColor);
+  --pf-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-c-menu-toggle--m-secondary--active--before--BorderWidth);
+}
+
+.pf-c-menu-toggle.pf-m-secondary.pf-m-expanded {
+  --pf-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor);
+  --pf-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth);
+}
+
 .pf-c-menu-toggle.pf-m-plain:not(.pf-m-text) {
   --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-plain--Color);
   --pf-c-menu-toggle--hover--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
@@ -16098,7 +16409,6 @@ ul.pf-c-list {
   --pf-c-nav__item--m-flyout--focus__link--before--BorderWidth: 0;
   --pf-c-nav__item--m-flyout--active__link--before--BorderWidth: 0;
   --pf-c-nav__item--m-flyout__item--last-child__link--before--BorderBottomWidth: 0;
-  --pf-c-nav__item--m-flyout--c-menu--BoxShadow: var(--pf-global--BoxShadow--lg);
   --pf-c-nav__item--m-flyout--c-menu--Top: calc(0px + var(--pf-c-nav__item--m-flyout--c-menu--top-offset));
   --pf-c-nav__item--m-flyout--c-menu--c-menu--Top: calc(var(--pf-c-nav__item--m-flyout--c-menu--Top) - var(--pf-c-nav__item--before--BorderWidth));
   --pf-c-nav__item--m-flyout--c-menu__list-item--first-child--c-menu--Top: 0;
@@ -16107,11 +16417,10 @@ ul.pf-c-list {
   --pf-c-nav__item--m-flyout--c-menu--m-top--Bottom: calc(0 + var(--pf-c-nav__item--m-flyout--c-menu--m-top--bottom-offset));
   --pf-c-nav__item--m-flyout--c-menu--BackgroundColor: var(--pf-global--BackgroundColor--dark-300);
   --pf-c-nav__item--m-flyout--c-menu__item--Color: var(--pf-c-nav__link--Color);
+  --pf-c-nav__item--m-flyout--c-menu__item--PaddingTop: var(--pf-global--spacer--sm);
   --pf-c-nav__item--m-flyout--c-menu__item--PaddingRight: var(--pf-global--spacer--lg);
+  --pf-c-nav__item--m-flyout--c-menu__item--PaddingBottom: var(--pf-global--spacer--sm);
   --pf-c-nav__item--m-flyout--c-menu__item--PaddingLeft: var(--pf-global--spacer--lg);
-  --pf-c-nav__item--m-flyout--c-menu__list-item--hover--BackgroundColor: var(--pf-c-nav__link--hover--BackgroundColor);
-  --pf-c-nav__item--m-flyout--c-menu__list-item--focus-within--BackgroundColor: var(--pf-c-nav__link--focus--BackgroundColor);
-  --pf-c-nav__item--m-flyout--c-menu__list-item--active--BackgroundColor: var(--pf-c-nav__link--active--BackgroundColor);
   --pf-c-nav__item--m-flyout--c-menu__item-description--Color: var(--pf-global--Color--light-200);
   --pf-c-nav__item--m-flyout--c-menu__item--FontSize: var(--pf-global--FontSize--sm);
   --pf-c-nav__item--m-flyout--c-menu__item--OutlineOffset: var(--pf-c-nav__link--OutlineOffset);
@@ -16120,17 +16429,52 @@ ul.pf-c-list {
   --pf-c-nav__item--m-flyout--c-menu__item--hover--after--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
   --pf-c-nav__item--m-flyout--c-menu__item--hover--after--BorderLeftColor: var(--pf-global--BorderColor--200);
   --pf-c-nav__item--m-flyout--c-menu__item--hover--after--Top: calc(-1 * var(--pf-c-nav__item--m-flyout--c-menu__item--before--BorderBottomWidth));
+  --pf-c-nav__item--m-flyout--c-menu__list-item--hover--BackgroundColor: var(--pf-c-nav__link--hover--BackgroundColor);
+  --pf-c-nav__item--m-flyout--c-menu__list-item--focus-within--BackgroundColor: var(--pf-c-nav__link--focus--BackgroundColor);
+  --pf-c-nav__item--m-flyout--c-menu__list-item--active--BackgroundColor: var(--pf-c-nav__link--active--BackgroundColor);
   --pf-c-nav__item--m-flyout--c-menu__list-item--first-child__item--hover--after--Top: 0;
-  --pf-c-nav__item--m-drilldown__subnav--PaddingTop: 0;
-  --pf-c-nav__item--m-drilldown__subnav--PaddingLeft: 0;
-  --pf-c-nav__item--m-drilldown__subnav--PaddingBottom: 0;
-  --pf-c-nav__item--m-drilldown__subnav--BackgroundColor: var(--pf-global--BackgroundColor--dark-300);
-  --pf-c-nav__item--m-drilldown__subnav--ZIndex: var(--pf-global--ZIndex--xs);
-  --pf-c-nav__item--m-drilldown__link--PaddingTop: var(--pf-global--spacer--md);
-  --pf-c-nav__item--m-drilldown__link--PaddingBottom: var(--pf-global--spacer--md);
-  --pf-c-nav__item--m-drilldown__link--FontSize: var(--pf-global--FontSize--md);
-  --pf-c-nav__item--m-drilldown--m-expanded__toggle-icon--Rotate: 0;
-  --pf-c-nav__item--m-drilldown--m-expanded__subnav--ZIndex: var(--pf-global--ZIndex--xs);
+  --pf-c-nav__item--m-flyout--c-menu--BoxShadow: var(--pf-global--BoxShadow--lg);
+  --pf-c-nav--c-menu--BackgroundColor: var(--pf-global--BackgroundColor--dark-300);
+  --pf-c-nav--c-menu__list--PaddingTop: 0;
+  --pf-c-nav--c-menu__list--PaddingBottom: 0;
+  --pf-c-nav--c-menu__list-item--Color: var(--pf-global--Color--light-100);
+  --pf-c-nav--c-menu__list-item--hover--Color: var(--pf-global--Color--light-100);
+  --pf-c-nav--c-menu__list-item--active--Color: var(--pf-global--Color--light-100);
+  --pf-c-nav--c-menu__list-item--focus-within--Color: var(--pf-global--Color--light-100);
+  --pf-c-nav--c-menu__list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
+  --pf-c-nav--c-menu__list-item--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
+  --pf-c-nav--c-menu__item--PaddingTop: var(--pf-global--spacer--md);
+  --pf-c-nav--c-menu__item--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-nav--c-menu__item--PaddingBottom: var(--pf-global--spacer--md);
+  --pf-c-nav--c-menu__item--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-nav--c-menu__item--xl--PaddingRight: var(--pf-global--spacer--lg);
+  --pf-c-nav--c-menu__item--xl--PaddingLeft: var(--pf-global--spacer--lg);
+  --pf-c-nav--c-menu__item--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-nav--c-menu__item--OutlineOffset: calc(var(--pf-global--spacer--xs) * -1);
+  --pf-c-nav--c-menu__item--before--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-nav--c-menu__item--before--BorderBottomColor: var(--pf-global--BackgroundColor--dark-200);
+  --pf-c-nav--c-menu__item--after--BorderLeftWidth: 0;
+  --pf-c-nav--c-menu__item--after--BorderLeftColor: transparent;
+  --pf-c-nav--c-menu__item--m-current--BackgroundColor: var(--pf-global--BackgroundColor--dark-400);
+  --pf-c-nav--c-menu__item--m-current--after--BorderLeftWidth: var(--pf-global--BorderWidth--xl);
+  --pf-c-nav--c-menu__item--m-current--after--BorderColor: var(--pf-global--active-color--400);
+  --pf-c-nav--c-menu__item-description--Color: var(--pf-global--Color--400);
+  --pf-c-nav--c-menu--m-flyout--left-offset: 0.25rem;
+  --pf-c-nav--c-menu--m-flyout--m-left--right-offset: 0.25rem;
+  --pf-c-nav--c-menu--m-flyout--Top: 0;
+  --pf-c-nav--c-menu--m-flyout--c-menu--Top: calc(var(--pf-c-nav--c-menu--m-flyout--Top) * -1);
+  --pf-c-nav--c-menu--m-flyout--c-menu--Right: auto;
+  --pf-c-nav--c-menu--m-flyout--c-menu--Bottom: auto;
+  --pf-c-nav--c-menu--m-flyout--c-menu--Left: calc(100% - var(--pf-c-nav--c-menu--m-flyout--left-offset));
+  --pf-c-nav--c-menu--m-flyout--m-left--Right: calc(100% - var(--pf-c-nav--c-menu--m-flyout--m-left--right-offset));
+  --pf-c-nav--c-menu--m-flyout--m-top--Bottom: 0;
+  --pf-c-nav--c-menu--m-flyout--BoxShadow: var(--pf-global--BoxShadow--lg);
+  --pf-c-nav--c-menu--m-flyout__item--PaddingTop: var(--pf-global--spacer--sm);
+  --pf-c-nav--c-menu--m-flyout__item--PaddingRight: var(--pf-global--spacer--lg);
+  --pf-c-nav--c-menu--m-flyout__item--PaddingBottom: var(--pf-global--spacer--sm);
+  --pf-c-nav--c-menu--m-flyout__item--PaddingLeft: var(--pf-global--spacer--lg);
+  --pf-c-nav--c-menu--m-flyout__item--hover--after--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-nav--c-menu--m-flyout__item--hover--after--BorderLeftColor: var(--pf-global--BorderColor--200);
   --pf-c-nav__toggle--m-start--MarginRight: var(--pf-global--spacer--sm);
   position: relative;
 }
@@ -16148,8 +16492,98 @@ ul.pf-c-list {
     --pf-c-nav__section-title--PaddingRight: var(--pf-c-nav__section-title--xl--PaddingRight);
     --pf-c-nav__section-title--PaddingLeft: var(--pf-c-nav__section-title--xl--PaddingLeft);
     --pf-c-nav__subnav--PaddingLeft: var(--pf-c-nav__subnav--xl--PaddingLeft);
+    --pf-c-nav--c-menu__item--PaddingRight: var(--pf-c-nav--c-menu__item--xl--PaddingRight);
+    --pf-c-nav--c-menu__item--PaddingLeft: var(--pf-c-nav--c-menu__item--xl--PaddingLeft);
   }
 }
+.pf-c-nav .pf-c-menu {
+  --pf-c-menu--MinWidth: 100%;
+  --pf-c-menu--BackgroundColor: var(--pf-c-nav--c-menu--BackgroundColor);
+  --pf-c-menu__list--PaddingTop: var(--pf-c-nav--c-menu__list--PaddingTop);
+  --pf-c-menu__list--PaddingBottom: var(--pf-c-nav--c-menu__list--PaddingBottom);
+  --pf-c-menu__item--PaddingTop: var(--pf-c-nav--c-menu__item--PaddingTop);
+  --pf-c-menu__item--PaddingRight: var(--pf-c-nav--c-menu__item--PaddingRight);
+  --pf-c-menu__item--PaddingBottom: var(--pf-c-nav--c-menu__item--PaddingBottom);
+  --pf-c-menu__item--PaddingLeft: var(--pf-c-nav--c-menu__item--PaddingLeft);
+  --pf-c-menu__list-item--Color: var(--pf-c-nav--c-menu__list-item--Color);
+  --pf-c-menu__list-item--hover--Color: var(--pf-c-nav--c-menu__list-item--hover--Color);
+  --pf-c-menu__list-item--active--Color: var(--pf-c-nav--c-menu__list-item--active--Color);
+  --pf-c-menu__list-item--focus-within--Color: var(--pf-c-nav--c-menu__list-item--focus-within--Color);
+  --pf-c-menu__list-item--hover--BackgroundColor: var(--pf-c-nav--c-menu__list-item--hover--BackgroundColor);
+  --pf-c-menu__list-item--focus-within--BackgroundColor: var(--pf-c-nav--c-menu__list-item--focus-within--BackgroundColor);
+  --pf-c-menu__item-description--Color: var(--pf-c-nav--c-menu__item-description--Color);
+}
+
+.pf-c-nav .pf-c-menu:first-child > .pf-c-menu__content {
+  border-bottom: var(--pf-c-nav--c-menu__item--before--BorderBottomWidth) solid var(--pf-c-nav--c-menu__item--before--BorderBottomColor);
+}
+
+.pf-c-nav .pf-c-menu.pf-m-flyout, .pf-c-nav .pf-c-menu.pf-m-flyout .pf-c-menu {
+  --pf-c-menu--BoxShadow: var(--pf-c-nav--c-menu--m-flyout--BoxShadow);
+  --pf-c-menu__list--PaddingTop: 0;
+  --pf-c-menu__list--PaddingBottom: 0;
+  --pf-c-menu__item--FontSize: var(--pf-c-nav--c-menu__item--FontSize);
+  --pf-c-menu__item--Color: var(--pf-c-nav--c-menu__item--Color);
+  --pf-c-menu__item--PaddingTop: var(--pf-c-nav--c-menu--m-flyout__item--PaddingTop);
+  --pf-c-menu__item--PaddingRight: var(--pf-c-nav--c-menu--m-flyout__item--PaddingRight);
+  --pf-c-menu__item--PaddingBottom: var(--pf-c-nav--c-menu--m-flyout__item--PaddingBottom);
+  --pf-c-menu__item--PaddingLeft: var(--pf-c-nav--c-menu--m-flyout__item--PaddingLeft);
+  top: var(--pf-c-nav--c-menu--m-flyout--c-menu--Top);
+  right: var(--pf-c-nav--c-menu--m-flyout--c-menu--Right);
+  bottom: var(--pf-c-nav--c-menu--m-flyout--c-menu--Bottom);
+  left: var(--pf-c-nav--c-menu--m-flyout--c-menu--Left);
+}
+
+.pf-c-nav .pf-c-menu.pf-m-flyout .pf-c-menu__item:hover {
+  --pf-c-nav--c-menu__item--after--BorderLeftWidth: var(--pf-c-nav--c-menu--m-flyout__item--hover--after--BorderLeftWidth);
+  --pf-c-nav--c-menu__item--after--BorderLeftColor: var(--pf-c-nav--c-menu--m-flyout__item--hover--after--BorderLeftColor);
+}
+
+.pf-c-nav .pf-c-menu.pf-m-top {
+  --pf-c-nav--c-menu--m-flyout--c-menu--Top: auto;
+  --pf-c-nav--c-menu--m-flyout--c-menu--Bottom: var(--pf-c-nav--c-menu--m-flyout--m-top--Bottom);
+}
+
+.pf-c-nav .pf-c-menu.pf-m-left {
+  --pf-c-nav--c-menu--m-flyout--c-menu--Right: var(--pf-c-nav--c-menu--m-flyout--m-left--Right);
+  --pf-c-nav--c-menu--m-flyout--c-menu--Left: auto;
+}
+
+.pf-c-nav .pf-c-menu .pf-c-divider {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.pf-c-nav .pf-c-menu__item {
+  position: relative;
+  outline-offset: var(--pf-c-nav--c-menu__item--OutlineOffset);
+}
+
+.pf-c-nav .pf-c-menu__item::before, .pf-c-nav .pf-c-menu__item::after {
+  position: absolute;
+  top: 0;
+  content: "";
+}
+
+.pf-c-nav .pf-c-menu__item::before {
+  right: 0;
+  bottom: calc(var(--pf-c-nav--c-menu__item--before--BorderBottomWidth) * -1);
+  left: 0;
+  border-bottom: var(--pf-c-nav--c-menu__item--before--BorderBottomWidth) solid var(--pf-c-nav--c-menu__item--before--BorderBottomColor);
+}
+
+.pf-c-nav .pf-c-menu__item::after {
+  bottom: 0;
+  left: 0;
+  border-left: var(--pf-c-nav--c-menu__item--after--BorderLeftWidth) solid var(--pf-c-nav--c-menu__item--after--BorderLeftColor);
+}
+
+.pf-c-nav .pf-c-menu__item.pf-m-current {
+  --pf-c-nav--c-menu__item--after--BorderLeftWidth: var(--pf-c-nav--c-menu__item--m-current--after--BorderLeftWidth);
+  --pf-c-nav--c-menu__item--after--BorderLeftColor: var(--pf-c-nav--c-menu__item--m-current--after--BorderColor);
+  background-color: var(--pf-c-nav--c-menu__item--m-current--BackgroundColor);
+}
+
 .pf-c-nav.pf-m-horizontal .pf-c-nav__link::after, .pf-c-nav.pf-m-tertiary .pf-c-nav__link::after {
   content: none;
 }
@@ -16431,9 +16865,13 @@ ul.pf-c-list {
   --pf-c-menu__list-item--active--BackgroundColor: var(--pf-c-nav__item--m-flyout--c-menu__list-item--active--BackgroundColor);
   --pf-c-menu__item--FontSize: var(--pf-c-nav__item--m-flyout--c-menu__item--FontSize);
   --pf-c-menu__item--Color: var(--pf-c-nav__item--m-flyout--c-menu__item--Color);
+  --pf-c-menu__item--PaddingTop: var(--pf-c-nav__item--m-flyout--c-menu__item--PaddingTop);
   --pf-c-menu__item--PaddingRight: var(--pf-c-nav__item--m-flyout--c-menu__item--PaddingRight);
+  --pf-c-menu__item--PaddingBottom: var(--pf-c-nav__item--m-flyout--c-menu__item--PaddingBottom);
   --pf-c-menu__item--PaddingLeft: var(--pf-c-nav__item--m-flyout--c-menu__item--PaddingLeft);
   --pf-c-menu__item-description--Color: var(--pf-c-nav__item--m-flyout--c-menu__item-description--Color);
+  --pf-c-nav--c-menu--m-flyout--c-menu--Bottom: var(--pf-c-nav__item--m-flyout--c-menu--m-top--Bottom);
+  --pf-c-nav--c-menu--m-flyout--c-menu--Right: var(--pf-c-nav__item--m-flyout--c-menu--m-left--Right);
   position: absolute;
   top: var(--pf-c-nav__item--m-flyout--c-menu--Top);
   left: var(--pf-c-nav__item--m-flyout--c-menu--Left);
@@ -16443,16 +16881,6 @@ ul.pf-c-list {
   top: var(--pf-c-nav__item--m-flyout--c-menu--c-menu--Top);
 }
 
-.pf-c-nav__item.pf-m-flyout .pf-c-menu.pf-m-top {
-  top: auto;
-  bottom: var(--pf-c-nav__item--m-flyout--c-menu--m-top--Bottom);
-}
-
-.pf-c-nav__item.pf-m-flyout .pf-c-menu.pf-m-left {
-  right: var(--pf-c-nav__item--m-flyout--c-menu--m-left--Right);
-  left: auto;
-}
-
 .pf-c-nav__item.pf-m-flyout .pf-c-menu .pf-c-menu__list-item:first-child {
   --pf-c-nav__item--m-flyout--c-menu--c-menu--Top: var(--pf-c-nav__item--m-flyout--c-menu__list-item--first-child--c-menu--Top);
   --pf-c-nav__item--m-flyout--c-menu__item--hover--after--Top: var(--pf-c-nav__item--m-flyout--c-menu__list-item--first-child__item--hover--after--Top);
@@ -16481,27 +16909,6 @@ ul.pf-c-list {
   border-left: var(--pf-c-nav__item--m-flyout--c-menu__item--hover--after--BorderLeftWidth) solid var(--pf-c-nav__item--m-flyout--c-menu__item--hover--after--BorderLeftColor);
 }
 
-.pf-c-nav__item.pf-m-drilldown {
-  --pf-c-nav__subnav--PaddingTop: var(--pf-c-nav__item--m-drilldown__subnav--PaddingTop);
-  --pf-c-nav__subnav--PaddingBottom: var(--pf-c-nav__item--m-drilldown__subnav--PaddingBottom);
-  --pf-c-nav__subnav--PaddingLeft: var(--pf-c-nav__item--m-drilldown__subnav--PaddingLeft);
-  --pf-c-nav__item--m-expanded__toggle-icon--Rotate: var(--pf-c-nav__item--m-drilldown--m-expanded__toggle-icon--Rotate);
-}
-
-.pf-c-nav__item.pf-m-drilldown > .pf-c-nav__subnav {
-  --pf-c-nav__link--PaddingTop: var(--pf-c-nav__item--m-drilldown__link--PaddingTop);
-  --pf-c-nav__link--PaddingBottom: var(--pf-c-nav__item--m-drilldown__link--PaddingBottom);
-  --pf-c-nav__link--FontSize: var(--pf-c-nav__item--m-drilldown__link--FontSize);
-  --pf-c-nav__subnav--MaxHeight: 100%;
-  position: absolute;
-  top: 0;
-  left: 100%;
-  z-index: var(--pf-c-nav__item--m-drilldown__subnav--ZIndex);
-  width: 100%;
-  height: 100%;
-  background-color: var(--pf-c-nav__item--m-drilldown__subnav--BackgroundColor);
-}
-
 .pf-c-nav__item.pf-m-drilldown.pf-m-expanded > .pf-c-nav__subnav {
   left: 0;
   z-index: var(--pf-c-nav__item--m-drilldown--m-expanded__subnav--ZIndex);
@@ -16542,16 +16949,16 @@ ul.pf-c-list {
   border-left-width: var(--pf-c-nav__link--after--BorderLeftWidth);
 }
 
-.pf-c-nav__link:hover {
+.pf-c-nav__link:hover, .pf-c-nav__link.pf-m-hover {
   color: var(--pf-c-nav__link--hover--Color);
   background-color: var(--pf-c-nav__link--hover--BackgroundColor);
 }
 
-.pf-c-nav__link:hover::before {
+.pf-c-nav__link:hover::before, .pf-c-nav__link.pf-m-hover::before {
   border-bottom-width: var(--pf-c-nav__link--hover--before--BorderBottomWidth);
 }
 
-.pf-c-nav__link:hover::after {
+.pf-c-nav__link:hover::after, .pf-c-nav__link.pf-m-hover::after {
   border-color: var(--pf-c-nav__link--hover--after--BorderColor);
   border-left-width: var(--pf-c-nav__link--hover--after--BorderLeftWidth);
 }