@patternfly/react-tokens 4.26.0 → 4.27.1

package/dist/esm/c_nav.js

@@ -2018,17 +2018,6 @@ export const c_nav = {
       "name": "--pf-c-nav__item--m-flyout__item--last-child__link--before--BorderBottomWidth",
       "value": "0"
     },
-    "c_nav__item_m_flyout_c_menu_BoxShadow": {
-      "name": "--pf-c-nav__item--m-flyout--c-menu--BoxShadow",
-      "value": "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)",
-      "values": [
-        "--pf-global--BoxShadow--lg",
-        "$pf-global--BoxShadow--lg",
-        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-color-black-1000, .08)",
-        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba(#030303, .16), 0 0 pf-size-prem(6px) 0 rgba(#030303, .08)",
-        "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)"
-      ]
-    },
     "c_nav__item_m_flyout_c_menu_Top": {
       "name": "--pf-c-nav__item--m-flyout--c-menu--Top",
       "value": "calc(0px + 0px)",
@@ -2096,6 +2085,16 @@ export const c_nav = {
         "#fff"
       ]
     },
+    "c_nav__item_m_flyout_c_menu__item_PaddingTop": {
+      "name": "--pf-c-nav__item--m-flyout--c-menu__item--PaddingTop",
+      "value": "0.5rem",
+      "values": [
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
     "c_nav__item_m_flyout_c_menu__item_PaddingRight": {
       "name": "--pf-c-nav__item--m-flyout--c-menu__item--PaddingRight",
       "value": "1.5rem",
@@ -2106,6 +2105,16 @@ export const c_nav = {
         "1.5rem"
       ]
     },
+    "c_nav__item_m_flyout_c_menu__item_PaddingBottom": {
+      "name": "--pf-c-nav__item--m-flyout--c-menu__item--PaddingBottom",
+      "value": "0.5rem",
+      "values": [
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
     "c_nav__item_m_flyout_c_menu__item_PaddingLeft": {
       "name": "--pf-c-nav__item--m-flyout--c-menu__item--PaddingLeft",
       "value": "1.5rem",
@@ -2116,6 +2125,88 @@ export const c_nav = {
         "1.5rem"
       ]
     },
+    "c_nav__item_m_flyout_c_menu__item_description_Color": {
+      "name": "--pf-c-nav__item--m-flyout--c-menu__item-description--Color",
+      "value": "#f0f0f0",
+      "values": [
+        "--pf-global--Color--light-200",
+        "$pf-global--Color--light-200",
+        "$pf-color-black-200",
+        "#f0f0f0"
+      ]
+    },
+    "c_nav__item_m_flyout_c_menu__item_FontSize": {
+      "name": "--pf-c-nav__item--m-flyout--c-menu__item--FontSize",
+      "value": "0.875rem",
+      "values": [
+        "--pf-global--FontSize--sm",
+        "$pf-global--FontSize--sm",
+        "pf-font-prem(14px)",
+        "0.875rem"
+      ]
+    },
+    "c_nav__item_m_flyout_c_menu__item_OutlineOffset": {
+      "name": "--pf-c-nav__item--m-flyout--c-menu__item--OutlineOffset",
+      "value": "calc(0.25rem * -1)",
+      "values": [
+        "--pf-c-nav__link--OutlineOffset",
+        "calc(--pf-global--spacer--xs * -1)",
+        "calc($pf-global--spacer--xs * -1)",
+        "calc(pf-size-prem(4px) * -1)",
+        "calc(0.25rem * -1)"
+      ]
+    },
+    "c_nav__item_m_flyout_c_menu__item_before_BorderBottomWidth": {
+      "name": "--pf-c-nav__item--m-flyout--c-menu__item--before--BorderBottomWidth",
+      "value": "1px",
+      "values": [
+        "--pf-c-nav__item--before--BorderWidth",
+        "--pf-global--BorderWidth--sm",
+        "$pf-global--BorderWidth--sm",
+        "1px"
+      ]
+    },
+    "c_nav__item_m_flyout_c_menu__item_before_BorderBottomColor": {
+      "name": "--pf-c-nav__item--m-flyout--c-menu__item--before--BorderBottomColor",
+      "value": "#3c3f42",
+      "values": [
+        "--pf-c-nav__item--before--BorderColor",
+        "--pf-global--BackgroundColor--dark-200",
+        "$pf-global--BackgroundColor--dark-200",
+        "$pf-color-black-800",
+        "#3c3f42"
+      ]
+    },
+    "c_nav__item_m_flyout_c_menu__item_hover_after_BorderLeftWidth": {
+      "name": "--pf-c-nav__item--m-flyout--c-menu__item--hover--after--BorderLeftWidth",
+      "value": "1px",
+      "values": [
+        "--pf-global--BorderWidth--sm",
+        "$pf-global--BorderWidth--sm",
+        "1px"
+      ]
+    },
+    "c_nav__item_m_flyout_c_menu__item_hover_after_BorderLeftColor": {
+      "name": "--pf-c-nav__item--m-flyout--c-menu__item--hover--after--BorderLeftColor",
+      "value": "#8a8d90",
+      "values": [
+        "--pf-global--BorderColor--200",
+        "$pf-global--BorderColor--200",
+        "$pf-color-black-500",
+        "#8a8d90"
+      ]
+    },
+    "c_nav__item_m_flyout_c_menu__item_hover_after_Top": {
+      "name": "--pf-c-nav__item--m-flyout--c-menu__item--hover--after--Top",
+      "value": "calc(-1 * 1px)",
+      "values": [
+        "calc(-1 * --pf-c-nav__item--m-flyout--c-menu__item--before--BorderBottomWidth)",
+        "calc(-1 * --pf-c-nav__item--before--BorderWidth)",
+        "calc(-1 * --pf-global--BorderWidth--sm)",
+        "calc(-1 * $pf-global--BorderWidth--sm)",
+        "calc(-1 * 1px)"
+      ]
+    },
     "c_nav__item_m_flyout_c_menu__list_item_hover_BackgroundColor": {
       "name": "--pf-c-nav__item--m-flyout--c-menu__list-item--hover--BackgroundColor",
       "value": "#3c3f42",
@@ -2149,18 +2240,161 @@ export const c_nav = {
         "#3c3f42"
       ]
     },
-    "c_nav__item_m_flyout_c_menu__item_description_Color": {
-      "name": "--pf-c-nav__item--m-flyout--c-menu__item-description--Color",
-      "value": "#f0f0f0",
+    "c_nav__item_m_flyout_c_menu__list_item_first_child__item_hover_after_Top": {
+      "name": "--pf-c-nav__item--m-flyout--c-menu__list-item--first-child__item--hover--after--Top",
+      "value": "0"
+    },
+    "c_nav__item_m_flyout_c_menu_BoxShadow": {
+      "name": "--pf-c-nav__item--m-flyout--c-menu--BoxShadow",
+      "value": "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)",
       "values": [
-        "--pf-global--Color--light-200",
-        "$pf-global--Color--light-200",
-        "$pf-color-black-200",
-        "#f0f0f0"
+        "--pf-global--BoxShadow--lg",
+        "$pf-global--BoxShadow--lg",
+        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-color-black-1000, .08)",
+        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba(#030303, .16), 0 0 pf-size-prem(6px) 0 rgba(#030303, .08)",
+        "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)"
       ]
     },
-    "c_nav__item_m_flyout_c_menu__item_FontSize": {
-      "name": "--pf-c-nav__item--m-flyout--c-menu__item--FontSize",
+    "c_nav_c_menu_BackgroundColor": {
+      "name": "--pf-c-nav--c-menu--BackgroundColor",
+      "value": "#212427",
+      "values": [
+        "--pf-global--BackgroundColor--dark-300",
+        "$pf-global--BackgroundColor--dark-300",
+        "$pf-color-black-850",
+        "#212427"
+      ]
+    },
+    "c_nav_c_menu__list_PaddingTop": {
+      "name": "--pf-c-nav--c-menu__list--PaddingTop",
+      "value": "0"
+    },
+    "c_nav_c_menu__list_PaddingBottom": {
+      "name": "--pf-c-nav--c-menu__list--PaddingBottom",
+      "value": "0"
+    },
+    "c_nav_c_menu__list_item_Color": {
+      "name": "--pf-c-nav--c-menu__list-item--Color",
+      "value": "#fff",
+      "values": [
+        "--pf-global--Color--light-100",
+        "$pf-global--Color--light-100",
+        "$pf-color-white",
+        "#fff"
+      ]
+    },
+    "c_nav_c_menu__list_item_hover_Color": {
+      "name": "--pf-c-nav--c-menu__list-item--hover--Color",
+      "value": "#fff",
+      "values": [
+        "--pf-global--Color--light-100",
+        "$pf-global--Color--light-100",
+        "$pf-color-white",
+        "#fff"
+      ]
+    },
+    "c_nav_c_menu__list_item_active_Color": {
+      "name": "--pf-c-nav--c-menu__list-item--active--Color",
+      "value": "#fff",
+      "values": [
+        "--pf-global--Color--light-100",
+        "$pf-global--Color--light-100",
+        "$pf-color-white",
+        "#fff"
+      ]
+    },
+    "c_nav_c_menu__list_item_focus_within_Color": {
+      "name": "--pf-c-nav--c-menu__list-item--focus-within--Color",
+      "value": "#fff",
+      "values": [
+        "--pf-global--Color--light-100",
+        "$pf-global--Color--light-100",
+        "$pf-color-white",
+        "#fff"
+      ]
+    },
+    "c_nav_c_menu__list_item_hover_BackgroundColor": {
+      "name": "--pf-c-nav--c-menu__list-item--hover--BackgroundColor",
+      "value": "#3c3f42",
+      "values": [
+        "--pf-global--BackgroundColor--dark-200",
+        "$pf-global--BackgroundColor--dark-200",
+        "$pf-color-black-800",
+        "#3c3f42"
+      ]
+    },
+    "c_nav_c_menu__list_item_focus_within_BackgroundColor": {
+      "name": "--pf-c-nav--c-menu__list-item--focus-within--BackgroundColor",
+      "value": "#3c3f42",
+      "values": [
+        "--pf-global--BackgroundColor--dark-200",
+        "$pf-global--BackgroundColor--dark-200",
+        "$pf-color-black-800",
+        "#3c3f42"
+      ]
+    },
+    "c_nav_c_menu__item_PaddingTop": {
+      "name": "--pf-c-nav--c-menu__item--PaddingTop",
+      "value": "1rem",
+      "values": [
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_nav_c_menu__item_PaddingRight": {
+      "name": "--pf-c-nav--c-menu__item--PaddingRight",
+      "value": "1rem",
+      "values": [
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_nav_c_menu__item_PaddingBottom": {
+      "name": "--pf-c-nav--c-menu__item--PaddingBottom",
+      "value": "1rem",
+      "values": [
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_nav_c_menu__item_PaddingLeft": {
+      "name": "--pf-c-nav--c-menu__item--PaddingLeft",
+      "value": "1rem",
+      "values": [
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_nav_c_menu__item_xl_PaddingRight": {
+      "name": "--pf-c-nav--c-menu__item--xl--PaddingRight",
+      "value": "1.5rem",
+      "values": [
+        "--pf-global--spacer--lg",
+        "$pf-global--spacer--lg",
+        "pf-size-prem(24px)",
+        "1.5rem"
+      ]
+    },
+    "c_nav_c_menu__item_xl_PaddingLeft": {
+      "name": "--pf-c-nav--c-menu__item--xl--PaddingLeft",
+      "value": "1.5rem",
+      "values": [
+        "--pf-global--spacer--lg",
+        "$pf-global--spacer--lg",
+        "pf-size-prem(24px)",
+        "1.5rem"
+      ]
+    },
+    "c_nav_c_menu__item_FontSize": {
+      "name": "--pf-c-nav--c-menu__item--FontSize",
       "value": "0.875rem",
       "values": [
         "--pf-global--FontSize--sm",
@@ -2169,154 +2403,522 @@ export const c_nav = {
         "0.875rem"
       ]
     },
-    "c_nav__item_m_flyout_c_menu__item_OutlineOffset": {
-      "name": "--pf-c-nav__item--m-flyout--c-menu__item--OutlineOffset",
+    "c_nav_c_menu__item_OutlineOffset": {
+      "name": "--pf-c-nav--c-menu__item--OutlineOffset",
       "value": "calc(0.25rem * -1)",
       "values": [
-        "--pf-c-nav__link--OutlineOffset",
         "calc(--pf-global--spacer--xs * -1)",
         "calc($pf-global--spacer--xs * -1)",
         "calc(pf-size-prem(4px) * -1)",
         "calc(0.25rem * -1)"
       ]
     },
-    "c_nav__item_m_flyout_c_menu__item_before_BorderBottomWidth": {
-      "name": "--pf-c-nav__item--m-flyout--c-menu__item--before--BorderBottomWidth",
-      "value": "1px",
+    "c_nav_c_menu__item_before_BorderBottomWidth": {
+      "name": "--pf-c-nav--c-menu__item--before--BorderBottomWidth",
+      "value": "1px",
+      "values": [
+        "--pf-global--BorderWidth--sm",
+        "$pf-global--BorderWidth--sm",
+        "1px"
+      ]
+    },
+    "c_nav_c_menu__item_before_BorderBottomColor": {
+      "name": "--pf-c-nav--c-menu__item--before--BorderBottomColor",
+      "value": "#3c3f42",
+      "values": [
+        "--pf-global--BackgroundColor--dark-200",
+        "$pf-global--BackgroundColor--dark-200",
+        "$pf-color-black-800",
+        "#3c3f42"
+      ]
+    },
+    "c_nav_c_menu__item_after_BorderLeftWidth": {
+      "name": "--pf-c-nav--c-menu__item--after--BorderLeftWidth",
+      "value": "0"
+    },
+    "c_nav_c_menu__item_after_BorderLeftColor": {
+      "name": "--pf-c-nav--c-menu__item--after--BorderLeftColor",
+      "value": "transparent"
+    },
+    "c_nav_c_menu__item_m_current_BackgroundColor": {
+      "name": "--pf-c-nav--c-menu__item--m-current--BackgroundColor",
+      "value": "#4f5255",
+      "values": [
+        "--pf-global--BackgroundColor--dark-400",
+        "$pf-global--BackgroundColor--dark-400",
+        "$pf-color-black-700",
+        "#4f5255"
+      ]
+    },
+    "c_nav_c_menu__item_m_current_after_BorderLeftWidth": {
+      "name": "--pf-c-nav--c-menu__item--m-current--after--BorderLeftWidth",
+      "value": "4px",
+      "values": [
+        "--pf-global--BorderWidth--xl",
+        "$pf-global--BorderWidth--xl",
+        "4px"
+      ]
+    },
+    "c_nav_c_menu__item_m_current_after_BorderColor": {
+      "name": "--pf-c-nav--c-menu__item--m-current--after--BorderColor",
+      "value": "#73bcf7",
+      "values": [
+        "--pf-global--active-color--400",
+        "$pf-global--active-color--400",
+        "$pf-color-blue-200",
+        "#73bcf7"
+      ]
+    },
+    "c_nav_c_menu__item_description_Color": {
+      "name": "--pf-c-nav--c-menu__item-description--Color",
+      "value": "#8a8d90",
+      "values": [
+        "--pf-global--Color--400",
+        "$pf-global--Color--400",
+        "$pf-color-black-500",
+        "#8a8d90"
+      ]
+    },
+    "c_nav_c_menu_m_flyout_left_offset": {
+      "name": "--pf-c-nav--c-menu--m-flyout--left-offset",
+      "value": "0.25rem"
+    },
+    "c_nav_c_menu_m_flyout_m_left_right_offset": {
+      "name": "--pf-c-nav--c-menu--m-flyout--m-left--right-offset",
+      "value": "0.25rem"
+    },
+    "c_nav_c_menu_m_flyout_Top": {
+      "name": "--pf-c-nav--c-menu--m-flyout--Top",
+      "value": "0"
+    },
+    "c_nav_c_menu_m_flyout_c_menu_Top": {
+      "name": "--pf-c-nav--c-menu--m-flyout--c-menu--Top",
+      "value": "calc(0 * -1)",
+      "values": [
+        "calc(--pf-c-nav--c-menu--m-flyout--Top * -1)",
+        "calc(0 * -1)"
+      ]
+    },
+    "c_nav_c_menu_m_flyout_c_menu_Right": {
+      "name": "--pf-c-nav--c-menu--m-flyout--c-menu--Right",
+      "value": "auto"
+    },
+    "c_nav_c_menu_m_flyout_c_menu_Bottom": {
+      "name": "--pf-c-nav--c-menu--m-flyout--c-menu--Bottom",
+      "value": "auto"
+    },
+    "c_nav_c_menu_m_flyout_c_menu_Left": {
+      "name": "--pf-c-nav--c-menu--m-flyout--c-menu--Left",
+      "value": "calc(100% - 0.25rem)",
+      "values": [
+        "calc(100% - --pf-c-nav--c-menu--m-flyout--left-offset)",
+        "calc(100% - 0.25rem)"
+      ]
+    },
+    "c_nav_c_menu_m_flyout_m_left_Right": {
+      "name": "--pf-c-nav--c-menu--m-flyout--m-left--Right",
+      "value": "calc(100% - 0.25rem)",
+      "values": [
+        "calc(100% - --pf-c-nav--c-menu--m-flyout--m-left--right-offset)",
+        "calc(100% - 0.25rem)"
+      ]
+    },
+    "c_nav_c_menu_m_flyout_m_top_Bottom": {
+      "name": "--pf-c-nav--c-menu--m-flyout--m-top--Bottom",
+      "value": "0"
+    },
+    "c_nav_c_menu_m_flyout_BoxShadow": {
+      "name": "--pf-c-nav--c-menu--m-flyout--BoxShadow",
+      "value": "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)",
+      "values": [
+        "--pf-global--BoxShadow--lg",
+        "$pf-global--BoxShadow--lg",
+        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-color-black-1000, .08)",
+        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba(#030303, .16), 0 0 pf-size-prem(6px) 0 rgba(#030303, .08)",
+        "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)"
+      ]
+    },
+    "c_nav_c_menu_m_flyout__item_PaddingTop": {
+      "name": "--pf-c-nav--c-menu--m-flyout__item--PaddingTop",
+      "value": "0.5rem",
+      "values": [
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
+    "c_nav_c_menu_m_flyout__item_PaddingRight": {
+      "name": "--pf-c-nav--c-menu--m-flyout__item--PaddingRight",
+      "value": "1.5rem",
+      "values": [
+        "--pf-global--spacer--lg",
+        "$pf-global--spacer--lg",
+        "pf-size-prem(24px)",
+        "1.5rem"
+      ]
+    },
+    "c_nav_c_menu_m_flyout__item_PaddingBottom": {
+      "name": "--pf-c-nav--c-menu--m-flyout__item--PaddingBottom",
+      "value": "0.5rem",
+      "values": [
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
+    "c_nav_c_menu_m_flyout__item_PaddingLeft": {
+      "name": "--pf-c-nav--c-menu--m-flyout__item--PaddingLeft",
+      "value": "1.5rem",
+      "values": [
+        "--pf-global--spacer--lg",
+        "$pf-global--spacer--lg",
+        "pf-size-prem(24px)",
+        "1.5rem"
+      ]
+    },
+    "c_nav_c_menu_m_flyout__item_hover_after_BorderLeftWidth": {
+      "name": "--pf-c-nav--c-menu--m-flyout__item--hover--after--BorderLeftWidth",
+      "value": "1px",
+      "values": [
+        "--pf-global--BorderWidth--sm",
+        "$pf-global--BorderWidth--sm",
+        "1px"
+      ]
+    },
+    "c_nav_c_menu_m_flyout__item_hover_after_BorderLeftColor": {
+      "name": "--pf-c-nav--c-menu--m-flyout__item--hover--after--BorderLeftColor",
+      "value": "#8a8d90",
+      "values": [
+        "--pf-global--BorderColor--200",
+        "$pf-global--BorderColor--200",
+        "$pf-color-black-500",
+        "#8a8d90"
+      ]
+    },
+    "c_nav__toggle_m_start_MarginRight": {
+      "name": "--pf-c-nav__toggle--m-start--MarginRight",
+      "value": "0.5rem",
+      "values": [
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    }
+  },
+  ".pf-c-nav .pf-c-menu": {
+    "c_menu_MinWidth": {
+      "name": "--pf-c-menu--MinWidth",
+      "value": "100%"
+    },
+    "c_menu_BackgroundColor": {
+      "name": "--pf-c-menu--BackgroundColor",
+      "value": "#212427",
+      "values": [
+        "--pf-c-nav--c-menu--BackgroundColor",
+        "--pf-global--BackgroundColor--dark-300",
+        "$pf-global--BackgroundColor--dark-300",
+        "$pf-color-black-850",
+        "#212427"
+      ]
+    },
+    "c_menu__list_PaddingTop": {
+      "name": "--pf-c-menu__list--PaddingTop",
+      "value": "0",
+      "values": [
+        "--pf-c-nav--c-menu__list--PaddingTop",
+        "0"
+      ]
+    },
+    "c_menu__list_PaddingBottom": {
+      "name": "--pf-c-menu__list--PaddingBottom",
+      "value": "0",
+      "values": [
+        "--pf-c-nav--c-menu__list--PaddingBottom",
+        "0"
+      ]
+    },
+    "c_menu__item_PaddingTop": {
+      "name": "--pf-c-menu__item--PaddingTop",
+      "value": "1rem",
+      "values": [
+        "--pf-c-nav--c-menu__item--PaddingTop",
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_menu__item_PaddingRight": {
+      "name": "--pf-c-menu__item--PaddingRight",
+      "value": "1rem",
+      "values": [
+        "--pf-c-nav--c-menu__item--PaddingRight",
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_menu__item_PaddingBottom": {
+      "name": "--pf-c-menu__item--PaddingBottom",
+      "value": "1rem",
+      "values": [
+        "--pf-c-nav--c-menu__item--PaddingBottom",
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_menu__item_PaddingLeft": {
+      "name": "--pf-c-menu__item--PaddingLeft",
+      "value": "1rem",
+      "values": [
+        "--pf-c-nav--c-menu__item--PaddingLeft",
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_menu__list_item_Color": {
+      "name": "--pf-c-menu__list-item--Color",
+      "value": "#fff",
+      "values": [
+        "--pf-c-nav--c-menu__list-item--Color",
+        "--pf-global--Color--light-100",
+        "$pf-global--Color--light-100",
+        "$pf-color-white",
+        "#fff"
+      ]
+    },
+    "c_menu__list_item_hover_Color": {
+      "name": "--pf-c-menu__list-item--hover--Color",
+      "value": "#fff",
+      "values": [
+        "--pf-c-nav--c-menu__list-item--hover--Color",
+        "--pf-global--Color--light-100",
+        "$pf-global--Color--light-100",
+        "$pf-color-white",
+        "#fff"
+      ]
+    },
+    "c_menu__list_item_active_Color": {
+      "name": "--pf-c-menu__list-item--active--Color",
+      "value": "#fff",
+      "values": [
+        "--pf-c-nav--c-menu__list-item--active--Color",
+        "--pf-global--Color--light-100",
+        "$pf-global--Color--light-100",
+        "$pf-color-white",
+        "#fff"
+      ]
+    },
+    "c_menu__list_item_focus_within_Color": {
+      "name": "--pf-c-menu__list-item--focus-within--Color",
+      "value": "#fff",
       "values": [
-        "--pf-c-nav__item--before--BorderWidth",
-        "--pf-global--BorderWidth--sm",
-        "$pf-global--BorderWidth--sm",
-        "1px"
+        "--pf-c-nav--c-menu__list-item--focus-within--Color",
+        "--pf-global--Color--light-100",
+        "$pf-global--Color--light-100",
+        "$pf-color-white",
+        "#fff"
       ]
     },
-    "c_nav__item_m_flyout_c_menu__item_before_BorderBottomColor": {
-      "name": "--pf-c-nav__item--m-flyout--c-menu__item--before--BorderBottomColor",
+    "c_menu__list_item_hover_BackgroundColor": {
+      "name": "--pf-c-menu__list-item--hover--BackgroundColor",
       "value": "#3c3f42",
       "values": [
-        "--pf-c-nav__item--before--BorderColor",
+        "--pf-c-nav--c-menu__list-item--hover--BackgroundColor",
         "--pf-global--BackgroundColor--dark-200",
         "$pf-global--BackgroundColor--dark-200",
         "$pf-color-black-800",
         "#3c3f42"
       ]
     },
-    "c_nav__item_m_flyout_c_menu__item_hover_after_BorderLeftWidth": {
-      "name": "--pf-c-nav__item--m-flyout--c-menu__item--hover--after--BorderLeftWidth",
-      "value": "1px",
+    "c_menu__list_item_focus_within_BackgroundColor": {
+      "name": "--pf-c-menu__list-item--focus-within--BackgroundColor",
+      "value": "#3c3f42",
       "values": [
-        "--pf-global--BorderWidth--sm",
-        "$pf-global--BorderWidth--sm",
-        "1px"
+        "--pf-c-nav--c-menu__list-item--focus-within--BackgroundColor",
+        "--pf-global--BackgroundColor--dark-200",
+        "$pf-global--BackgroundColor--dark-200",
+        "$pf-color-black-800",
+        "#3c3f42"
       ]
     },
-    "c_nav__item_m_flyout_c_menu__item_hover_after_BorderLeftColor": {
-      "name": "--pf-c-nav__item--m-flyout--c-menu__item--hover--after--BorderLeftColor",
+    "c_menu__item_description_Color": {
+      "name": "--pf-c-menu__item-description--Color",
       "value": "#8a8d90",
       "values": [
-        "--pf-global--BorderColor--200",
-        "$pf-global--BorderColor--200",
+        "--pf-c-nav--c-menu__item-description--Color",
+        "--pf-global--Color--400",
+        "$pf-global--Color--400",
         "$pf-color-black-500",
         "#8a8d90"
       ]
-    },
-    "c_nav__item_m_flyout_c_menu__item_hover_after_Top": {
-      "name": "--pf-c-nav__item--m-flyout--c-menu__item--hover--after--Top",
-      "value": "calc(-1 * 1px)",
+    }
+  },
+  ".pf-c-nav .pf-c-menu.pf-m-flyout": {
+    "c_menu_BoxShadow": {
+      "name": "--pf-c-menu--BoxShadow",
+      "value": "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)",
       "values": [
-        "calc(-1 * --pf-c-nav__item--m-flyout--c-menu__item--before--BorderBottomWidth)",
-        "calc(-1 * --pf-c-nav__item--before--BorderWidth)",
-        "calc(-1 * --pf-global--BorderWidth--sm)",
-        "calc(-1 * $pf-global--BorderWidth--sm)",
-        "calc(-1 * 1px)"
+        "--pf-c-nav--c-menu--m-flyout--BoxShadow",
+        "--pf-global--BoxShadow--lg",
+        "$pf-global--BoxShadow--lg",
+        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-color-black-1000, .08)",
+        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba(#030303, .16), 0 0 pf-size-prem(6px) 0 rgba(#030303, .08)",
+        "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)"
       ]
     },
-    "c_nav__item_m_flyout_c_menu__list_item_first_child__item_hover_after_Top": {
-      "name": "--pf-c-nav__item--m-flyout--c-menu__list-item--first-child__item--hover--after--Top",
+    "c_menu__list_PaddingTop": {
+      "name": "--pf-c-menu__list--PaddingTop",
       "value": "0"
     },
-    "c_nav__item_m_drilldown__subnav_PaddingTop": {
-      "name": "--pf-c-nav__item--m-drilldown__subnav--PaddingTop",
+    "c_menu__list_PaddingBottom": {
+      "name": "--pf-c-menu__list--PaddingBottom",
       "value": "0"
     },
-    "c_nav__item_m_drilldown__subnav_PaddingLeft": {
-      "name": "--pf-c-nav__item--m-drilldown__subnav--PaddingLeft",
-      "value": "0"
+    "c_menu__item_FontSize": {
+      "name": "--pf-c-menu__item--FontSize",
+      "value": "0.875rem",
+      "values": [
+        "--pf-c-nav--c-menu__item--FontSize",
+        "--pf-global--FontSize--sm",
+        "$pf-global--FontSize--sm",
+        "pf-font-prem(14px)",
+        "0.875rem"
+      ]
     },
-    "c_nav__item_m_drilldown__subnav_PaddingBottom": {
-      "name": "--pf-c-nav__item--m-drilldown__subnav--PaddingBottom",
-      "value": "0"
+    "c_menu__item_Color": {
+      "name": "--pf-c-menu__item--Color",
+      "value": "undefined",
+      "values": [
+        "--pf-c-nav--c-menu__item--Color",
+        "undefined"
+      ]
     },
-    "c_nav__item_m_drilldown__subnav_BackgroundColor": {
-      "name": "--pf-c-nav__item--m-drilldown__subnav--BackgroundColor",
-      "value": "#212427",
+    "c_menu__item_PaddingTop": {
+      "name": "--pf-c-menu__item--PaddingTop",
+      "value": "0.5rem",
       "values": [
-        "--pf-global--BackgroundColor--dark-300",
-        "$pf-global--BackgroundColor--dark-300",
-        "$pf-color-black-850",
-        "#212427"
+        "--pf-c-nav--c-menu--m-flyout__item--PaddingTop",
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
       ]
     },
-    "c_nav__item_m_drilldown__subnav_ZIndex": {
-      "name": "--pf-c-nav__item--m-drilldown__subnav--ZIndex",
-      "value": "100",
+    "c_menu__item_PaddingRight": {
+      "name": "--pf-c-menu__item--PaddingRight",
+      "value": "1.5rem",
       "values": [
-        "--pf-global--ZIndex--xs",
-        "$pf-global--ZIndex--xs",
-        "100"
+        "--pf-c-nav--c-menu--m-flyout__item--PaddingRight",
+        "--pf-global--spacer--lg",
+        "$pf-global--spacer--lg",
+        "pf-size-prem(24px)",
+        "1.5rem"
       ]
     },
-    "c_nav__item_m_drilldown__link_PaddingTop": {
-      "name": "--pf-c-nav__item--m-drilldown__link--PaddingTop",
-      "value": "1rem",
+    "c_menu__item_PaddingBottom": {
+      "name": "--pf-c-menu__item--PaddingBottom",
+      "value": "0.5rem",
       "values": [
-        "--pf-global--spacer--md",
-        "$pf-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-c-nav--c-menu--m-flyout__item--PaddingBottom",
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
       ]
     },
-    "c_nav__item_m_drilldown__link_PaddingBottom": {
-      "name": "--pf-c-nav__item--m-drilldown__link--PaddingBottom",
-      "value": "1rem",
+    "c_menu__item_PaddingLeft": {
+      "name": "--pf-c-menu__item--PaddingLeft",
+      "value": "1.5rem",
       "values": [
-        "--pf-global--spacer--md",
-        "$pf-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-c-nav--c-menu--m-flyout__item--PaddingLeft",
+        "--pf-global--spacer--lg",
+        "$pf-global--spacer--lg",
+        "pf-size-prem(24px)",
+        "1.5rem"
+      ]
+    }
+  },
+  ".pf-c-nav .pf-c-menu.pf-m-flyout .pf-c-menu__item:hover": {
+    "c_nav_c_menu__item_after_BorderLeftWidth": {
+      "name": "--pf-c-nav--c-menu__item--after--BorderLeftWidth",
+      "value": "1px",
+      "values": [
+        "--pf-c-nav--c-menu--m-flyout__item--hover--after--BorderLeftWidth",
+        "--pf-global--BorderWidth--sm",
+        "$pf-global--BorderWidth--sm",
+        "1px"
       ]
     },
-    "c_nav__item_m_drilldown__link_FontSize": {
-      "name": "--pf-c-nav__item--m-drilldown__link--FontSize",
-      "value": "1rem",
+    "c_nav_c_menu__item_after_BorderLeftColor": {
+      "name": "--pf-c-nav--c-menu__item--after--BorderLeftColor",
+      "value": "#8a8d90",
       "values": [
-        "--pf-global--FontSize--md",
-        "$pf-global--FontSize--md",
-        "pf-font-prem(16px)",
-        "1rem"
+        "--pf-c-nav--c-menu--m-flyout__item--hover--after--BorderLeftColor",
+        "--pf-global--BorderColor--200",
+        "$pf-global--BorderColor--200",
+        "$pf-color-black-500",
+        "#8a8d90"
       ]
+    }
+  },
+  ".pf-c-nav .pf-c-menu.pf-m-top": {
+    "c_nav_c_menu_m_flyout_c_menu_Top": {
+      "name": "--pf-c-nav--c-menu--m-flyout--c-menu--Top",
+      "value": "auto"
     },
-    "c_nav__item_m_drilldown_m_expanded__toggle_icon_Rotate": {
-      "name": "--pf-c-nav__item--m-drilldown--m-expanded__toggle-icon--Rotate",
-      "value": "0"
+    "c_nav_c_menu_m_flyout_c_menu_Bottom": {
+      "name": "--pf-c-nav--c-menu--m-flyout--c-menu--Bottom",
+      "value": "0",
+      "values": [
+        "--pf-c-nav--c-menu--m-flyout--m-top--Bottom",
+        "0"
+      ]
+    }
+  },
+  ".pf-c-nav .pf-c-menu.pf-m-left": {
+    "c_nav_c_menu_m_flyout_c_menu_Right": {
+      "name": "--pf-c-nav--c-menu--m-flyout--c-menu--Right",
+      "value": "calc(100% - 0.25rem)",
+      "values": [
+        "--pf-c-nav--c-menu--m-flyout--m-left--Right",
+        "calc(100% - --pf-c-nav--c-menu--m-flyout--m-left--right-offset)",
+        "calc(100% - 0.25rem)"
+      ]
     },
-    "c_nav__item_m_drilldown_m_expanded__subnav_ZIndex": {
-      "name": "--pf-c-nav__item--m-drilldown--m-expanded__subnav--ZIndex",
-      "value": "100",
+    "c_nav_c_menu_m_flyout_c_menu_Left": {
+      "name": "--pf-c-nav--c-menu--m-flyout--c-menu--Left",
+      "value": "auto"
+    }
+  },
+  ".pf-c-nav .pf-c-menu__item.pf-m-current": {
+    "c_nav_c_menu__item_after_BorderLeftWidth": {
+      "name": "--pf-c-nav--c-menu__item--after--BorderLeftWidth",
+      "value": "4px",
       "values": [
-        "--pf-global--ZIndex--xs",
-        "$pf-global--ZIndex--xs",
-        "100"
+        "--pf-c-nav--c-menu__item--m-current--after--BorderLeftWidth",
+        "--pf-global--BorderWidth--xl",
+        "$pf-global--BorderWidth--xl",
+        "4px"
       ]
     },
-    "c_nav__toggle_m_start_MarginRight": {
-      "name": "--pf-c-nav__toggle--m-start--MarginRight",
-      "value": "0.5rem",
+    "c_nav_c_menu__item_after_BorderLeftColor": {
+      "name": "--pf-c-nav--c-menu__item--after--BorderLeftColor",
+      "value": "#73bcf7",
       "values": [
-        "--pf-global--spacer--sm",
-        "$pf-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
+        "--pf-c-nav--c-menu__item--m-current--after--BorderColor",
+        "--pf-global--active-color--400",
+        "$pf-global--active-color--400",
+        "$pf-color-blue-200",
+        "#73bcf7"
       ]
     }
   },
@@ -3563,6 +4165,17 @@ export const c_nav = {
         "#fff"
       ]
     },
+    "c_menu__item_PaddingTop": {
+      "name": "--pf-c-menu__item--PaddingTop",
+      "value": "0.5rem",
+      "values": [
+        "--pf-c-nav__item--m-flyout--c-menu__item--PaddingTop",
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
     "c_menu__item_PaddingRight": {
       "name": "--pf-c-menu__item--PaddingRight",
       "value": "1.5rem",
@@ -3574,6 +4187,17 @@ export const c_nav = {
         "1.5rem"
       ]
     },
+    "c_menu__item_PaddingBottom": {
+      "name": "--pf-c-menu__item--PaddingBottom",
+      "value": "0.5rem",
+      "values": [
+        "--pf-c-nav__item--m-flyout--c-menu__item--PaddingBottom",
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
     "c_menu__item_PaddingLeft": {
       "name": "--pf-c-menu__item--PaddingLeft",
       "value": "1.5rem",
@@ -3595,6 +4219,24 @@ export const c_nav = {
         "$pf-color-black-200",
         "#f0f0f0"
       ]
+    },
+    "c_nav_c_menu_m_flyout_c_menu_Bottom": {
+      "name": "--pf-c-nav--c-menu--m-flyout--c-menu--Bottom",
+      "value": "calc(0 + 0px)",
+      "values": [
+        "--pf-c-nav__item--m-flyout--c-menu--m-top--Bottom",
+        "calc(0 + --pf-c-nav__item--m-flyout--c-menu--m-top--bottom-offset)",
+        "calc(0 + 0px)"
+      ]
+    },
+    "c_nav_c_menu_m_flyout_c_menu_Right": {
+      "name": "--pf-c-nav--c-menu--m-flyout--c-menu--Right",
+      "value": "calc(100% - 0.25rem)",
+      "values": [
+        "--pf-c-nav__item--m-flyout--c-menu--m-left--Right",
+        "calc(100% - --pf-c-nav__item--m-flyout--c-menu--m-left--right-offset)",
+        "calc(100% - 0.25rem)"
+      ]
     }
   },
   ".pf-c-nav__item.pf-m-flyout .pf-c-menu .pf-c-menu__list-item:first-child": {
@@ -3615,79 +4257,6 @@ export const c_nav = {
       ]
     }
   },
-  ".pf-c-nav__item.pf-m-drilldown": {
-    "c_nav__subnav_PaddingTop": {
-      "name": "--pf-c-nav__subnav--PaddingTop",
-      "value": "0",
-      "values": [
-        "--pf-c-nav__item--m-drilldown__subnav--PaddingTop",
-        "0"
-      ]
-    },
-    "c_nav__subnav_PaddingBottom": {
-      "name": "--pf-c-nav__subnav--PaddingBottom",
-      "value": "0",
-      "values": [
-        "--pf-c-nav__item--m-drilldown__subnav--PaddingBottom",
-        "0"
-      ]
-    },
-    "c_nav__subnav_PaddingLeft": {
-      "name": "--pf-c-nav__subnav--PaddingLeft",
-      "value": "0",
-      "values": [
-        "--pf-c-nav__item--m-drilldown__subnav--PaddingLeft",
-        "0"
-      ]
-    },
-    "c_nav__item_m_expanded__toggle_icon_Rotate": {
-      "name": "--pf-c-nav__item--m-expanded__toggle-icon--Rotate",
-      "value": "0",
-      "values": [
-        "--pf-c-nav__item--m-drilldown--m-expanded__toggle-icon--Rotate",
-        "0"
-      ]
-    }
-  },
-  ".pf-c-nav__item.pf-m-drilldown > .pf-c-nav__subnav": {
-    "c_nav__link_PaddingTop": {
-      "name": "--pf-c-nav__link--PaddingTop",
-      "value": "1rem",
-      "values": [
-        "--pf-c-nav__item--m-drilldown__link--PaddingTop",
-        "--pf-global--spacer--md",
-        "$pf-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
-      ]
-    },
-    "c_nav__link_PaddingBottom": {
-      "name": "--pf-c-nav__link--PaddingBottom",
-      "value": "1rem",
-      "values": [
-        "--pf-c-nav__item--m-drilldown__link--PaddingBottom",
-        "--pf-global--spacer--md",
-        "$pf-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
-      ]
-    },
-    "c_nav__link_FontSize": {
-      "name": "--pf-c-nav__link--FontSize",
-      "value": "1rem",
-      "values": [
-        "--pf-c-nav__item--m-drilldown__link--FontSize",
-        "--pf-global--FontSize--md",
-        "$pf-global--FontSize--md",
-        "pf-font-prem(16px)",
-        "1rem"
-      ]
-    },
-    "c_nav__subnav_MaxHeight": {
-      "name": "--pf-c-nav__subnav--MaxHeight",
-      "value": "100%"
-    }
-  },
   ".pf-c-nav__subnav": {
     "c_nav__link_PaddingTop": {
       "name": "--pf-c-nav__link--PaddingTop",