@patternfly/react-tokens 4.13.3 → 4.14.1

package/CHANGELOG.md

@@ -3,6 +3,41 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.14.1](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@4.14.0...@patternfly/react-tokens@4.14.1) (2021-10-13)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+
+
+
+
+# [4.14.0](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@4.13.5...@patternfly/react-tokens@4.14.0) (2021-10-11)
+
+
+### Features
+
+* **tokens:** bump ([#6434](https://github.com/patternfly/patternfly-react/issues/6434)) ([ff47603](https://github.com/patternfly/patternfly-react/commit/ff47603803644574dc66a20a6b6c3d3a30836565))
+
+
+
+
+
+## [4.13.5](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@4.13.4...@patternfly/react-tokens@4.13.5) (2021-10-11)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+
+
+
+
+## [4.13.4](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@4.13.3...@patternfly/react-tokens@4.13.4) (2021-10-08)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+
+
+
+
 ## [4.13.3](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@4.13.2...@patternfly/react-tokens@4.13.3) (2021-10-06)
 
 **Note:** Version bump only for package @patternfly/react-tokens

package/README.md

@@ -39,3 +39,4 @@ global_BackgroundColor_100.var === 'var(--pf-global--BackgroundColor--100)'; //
 ```
 
 [token-page]: https://patternfly-react.surge.sh/developer-resources/global-css-variables
+

package/dist/esm/c_menu_BoxShadow.d.ts

@@ -1,6 +1,6 @@
 export const c_menu_BoxShadow: {
   "name": "--pf-c-menu--BoxShadow",
-  "value": "undefined",
+  "value": "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)",
   "var": "var(--pf-c-menu--BoxShadow)"
 };
 export default c_menu_BoxShadow;

package/dist/esm/c_menu_BoxShadow.js

@@ -1,6 +1,6 @@
 export const c_menu_BoxShadow = {
   "name": "--pf-c-menu--BoxShadow",
-  "value": "undefined",
+  "value": "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)",
   "var": "var(--pf-c-menu--BoxShadow)"
 };
 export default c_menu_BoxShadow;

package/dist/esm/c_nav.d.ts

@@ -1898,47 +1898,129 @@ export const c_nav: {
       "name": "--pf-c-nav__item--ScrollSnapAlign",
       "value": "end"
     },
+    "c_nav__item_m_flyout_c_menu_top_offset": {
+      "name": "--pf-c-nav__item--m-flyout--c-menu--top-offset",
+      "value": "0px"
+    },
+    "c_nav__item_m_flyout_c_menu_left_offset": {
+      "name": "--pf-c-nav__item--m-flyout--c-menu--left-offset",
+      "value": "0.25rem"
+    },
+    "c_nav__item_m_flyout_c_menu_m_top_bottom_offset": {
+      "name": "--pf-c-nav__item--m-flyout--c-menu--m-top--bottom-offset",
+      "value": "0px"
+    },
+    "c_nav__item_m_flyout_c_menu_m_left_right_offset": {
+      "name": "--pf-c-nav__item--m-flyout--c-menu--m-left--right-offset",
+      "value": "0.25rem"
+    },
     "c_nav__item_m_flyout_MarginTop": {
       "name": "--pf-c-nav__item--m-flyout--MarginTop",
       "value": "0"
     },
-    "c_nav__item_m_flyout_hover_BackgroundColor": {
-      "name": "--pf-c-nav__item--m-flyout--hover--BackgroundColor",
+    "c_nav__item_m_flyout_hover__link_BackgroundColor": {
+      "name": "--pf-c-nav__item--m-flyout--hover__link--BackgroundColor",
       "value": "#3c3f42",
       "values": [
-        "--pf-c-nav__link--hover--BackgroundColor",
         "--pf-global--BackgroundColor--dark-200",
         "$pf-global--BackgroundColor--dark-200",
         "$pf-color-black-800",
         "#3c3f42"
       ]
     },
-    "c_nav__item_m_flyout_focus_BackgroundColor": {
-      "name": "--pf-c-nav__item--m-flyout--focus--BackgroundColor",
+    "c_nav__item_m_flyout_focus__link_BackgroundColor": {
+      "name": "--pf-c-nav__item--m-flyout--focus__link--BackgroundColor",
       "value": "#3c3f42",
       "values": [
-        "--pf-c-nav__link--focus--BackgroundColor",
         "--pf-global--BackgroundColor--dark-200",
         "$pf-global--BackgroundColor--dark-200",
         "$pf-color-black-800",
         "#3c3f42"
       ]
     },
-    "c_nav__item_m_flyout_active_BackgroundColor": {
-      "name": "--pf-c-nav__item--m-flyout--active--BackgroundColor",
+    "c_nav__item_m_flyout_active__link_BackgroundColor": {
+      "name": "--pf-c-nav__item--m-flyout--active__link--BackgroundColor",
       "value": "#3c3f42",
       "values": [
-        "--pf-c-nav__link--active--BackgroundColor",
         "--pf-global--BackgroundColor--dark-200",
         "$pf-global--BackgroundColor--dark-200",
         "$pf-color-black-800",
         "#3c3f42"
       ]
     },
+    "c_nav__item_m_flyout_hover__link_before_BorderWidth": {
+      "name": "--pf-c-nav__item--m-flyout--hover__link--before--BorderWidth",
+      "value": "0"
+    },
+    "c_nav__item_m_flyout_focus__link_before_BorderWidth": {
+      "name": "--pf-c-nav__item--m-flyout--focus__link--before--BorderWidth",
+      "value": "0"
+    },
+    "c_nav__item_m_flyout_active__link_before_BorderWidth": {
+      "name": "--pf-c-nav__item--m-flyout--active__link--before--BorderWidth",
+      "value": "0"
+    },
     "c_nav__item_m_flyout__item_last_child__link_before_BorderBottomWidth": {
       "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)",
+      "values": [
+        "calc(0px + --pf-c-nav__item--m-flyout--c-menu--top-offset)",
+        "calc(0px + 0px)"
+      ]
+    },
+    "c_nav__item_m_flyout_c_menu_c_menu_Top": {
+      "name": "--pf-c-nav__item--m-flyout--c-menu--c-menu--Top",
+      "value": "calc(calc(0px + 0px) - 1px)",
+      "values": [
+        "calc(--pf-c-nav__item--m-flyout--c-menu--Top - --pf-c-nav__item--before--BorderWidth)",
+        "calc(calc(0px + --pf-c-nav__item--m-flyout--c-menu--top-offset) - --pf-global--BorderWidth--sm)",
+        "calc(calc(0px + 0px) - $pf-global--BorderWidth--sm)",
+        "calc(calc(0px + 0px) - 1px)"
+      ]
+    },
+    "c_nav__item_m_flyout_c_menu__list_item_first_child_c_menu_Top": {
+      "name": "--pf-c-nav__item--m-flyout--c-menu__list-item--first-child--c-menu--Top",
+      "value": "0"
+    },
+    "c_nav__item_m_flyout_c_menu_Left": {
+      "name": "--pf-c-nav__item--m-flyout--c-menu--Left",
+      "value": "calc(100% - 0.25rem)",
+      "values": [
+        "calc(100% - --pf-c-nav__item--m-flyout--c-menu--left-offset)",
+        "calc(100% - 0.25rem)"
+      ]
+    },
+    "c_nav__item_m_flyout_c_menu_m_left_Right": {
+      "name": "--pf-c-nav__item--m-flyout--c-menu--m-left--Right",
+      "value": "calc(100% - 0.25rem)",
+      "values": [
+        "calc(100% - --pf-c-nav__item--m-flyout--c-menu--m-left--right-offset)",
+        "calc(100% - 0.25rem)"
+      ]
+    },
+    "c_nav__item_m_flyout_c_menu_m_top_Bottom": {
+      "name": "--pf-c-nav__item--m-flyout--c-menu--m-top--Bottom",
+      "value": "calc(0 + 0px)",
+      "values": [
+        "calc(0 + --pf-c-nav__item--m-flyout--c-menu--m-top--bottom-offset)",
+        "calc(0 + 0px)"
+      ]
+    },
     "c_nav__item_m_flyout_c_menu_BackgroundColor": {
       "name": "--pf-c-nav__item--m-flyout--c-menu--BackgroundColor",
       "value": "#212427",
@@ -2084,6 +2166,21 @@ export const c_nav: {
         "#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_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_drilldown__subnav_PaddingTop": {
       "name": "--pf-c-nav__item--m-drilldown__subnav--PaddingTop",
       "value": "0"
@@ -3230,6 +3327,69 @@ export const c_nav: {
       "value": "0"
     }
   },
+  ".pf-c-nav__item.pf-m-flyout:hover": {
+    "c_nav__link_BackgroundColor": {
+      "name": "--pf-c-nav__link--BackgroundColor",
+      "value": "#3c3f42",
+      "values": [
+        "--pf-c-nav__item--m-flyout--hover__link--BackgroundColor",
+        "--pf-global--BackgroundColor--dark-200",
+        "$pf-global--BackgroundColor--dark-200",
+        "$pf-color-black-800",
+        "#3c3f42"
+      ]
+    },
+    "c_nav__link_before_BorderBottomWidth": {
+      "name": "--pf-c-nav__link--before--BorderBottomWidth",
+      "value": "0",
+      "values": [
+        "--pf-c-nav__item--m-flyout--hover__link--before--BorderWidth",
+        "0"
+      ]
+    }
+  },
+  ".pf-c-nav__item.pf-m-flyout:focus": {
+    "c_nav__link_BackgroundColor": {
+      "name": "--pf-c-nav__link--BackgroundColor",
+      "value": "#3c3f42",
+      "values": [
+        "--pf-c-nav__item--m-flyout--focus__link--BackgroundColor",
+        "--pf-global--BackgroundColor--dark-200",
+        "$pf-global--BackgroundColor--dark-200",
+        "$pf-color-black-800",
+        "#3c3f42"
+      ]
+    },
+    "c_nav__link_before_BorderBottomWidth": {
+      "name": "--pf-c-nav__link--before--BorderBottomWidth",
+      "value": "0",
+      "values": [
+        "--pf-c-nav__item--m-flyout--focus__link--before--BorderWidth",
+        "0"
+      ]
+    }
+  },
+  ".pf-c-nav__item.pf-m-flyout:active": {
+    "c_nav__link_BackgroundColor": {
+      "name": "--pf-c-nav__link--BackgroundColor",
+      "value": "#3c3f42",
+      "values": [
+        "--pf-c-nav__item--m-flyout--active__link--BackgroundColor",
+        "--pf-global--BackgroundColor--dark-200",
+        "$pf-global--BackgroundColor--dark-200",
+        "$pf-color-black-800",
+        "#3c3f42"
+      ]
+    },
+    "c_nav__link_before_BorderBottomWidth": {
+      "name": "--pf-c-nav__link--before--BorderBottomWidth",
+      "value": "0",
+      "values": [
+        "--pf-c-nav__item--m-flyout--active__link--before--BorderWidth",
+        "0"
+      ]
+    }
+  },
   ".pf-c-nav__item.pf-m-flyout .pf-c-menu": {
     "c_menu_MinWidth": {
       "name": "--pf-c-menu--MinWidth",
@@ -3237,10 +3397,14 @@ export const c_nav: {
     },
     "c_menu_BoxShadow": {
       "name": "--pf-c-menu--BoxShadow",
-      "value": "undefined",
+      "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-c-nav__item--m-flyout--c-menu--BoxShadow",
-        "undefined"
+        "--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_menu_BackgroundColor": {
@@ -3355,6 +3519,24 @@ export const c_nav: {
       ]
     }
   },
+  ".pf-c-nav__item.pf-m-flyout .pf-c-menu .pf-c-menu__list-item:first-child": {
+    "c_nav__item_m_flyout_c_menu_c_menu_Top": {
+      "name": "--pf-c-nav__item--m-flyout--c-menu--c-menu--Top",
+      "value": "0",
+      "values": [
+        "--pf-c-nav__item--m-flyout--c-menu__list-item--first-child--c-menu--Top",
+        "0"
+      ]
+    },
+    "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": "0",
+      "values": [
+        "--pf-c-nav__item--m-flyout--c-menu__list-item--first-child__item--hover--after--Top",
+        "0"
+      ]
+    }
+  },
   ".pf-c-nav__item.pf-m-drilldown": {
     "c_nav__subnav_PaddingTop": {
       "name": "--pf-c-nav__subnav--PaddingTop",

package/dist/esm/c_nav.js

@@ -1898,47 +1898,129 @@ export const c_nav = {
       "name": "--pf-c-nav__item--ScrollSnapAlign",
       "value": "end"
     },
+    "c_nav__item_m_flyout_c_menu_top_offset": {
+      "name": "--pf-c-nav__item--m-flyout--c-menu--top-offset",
+      "value": "0px"
+    },
+    "c_nav__item_m_flyout_c_menu_left_offset": {
+      "name": "--pf-c-nav__item--m-flyout--c-menu--left-offset",
+      "value": "0.25rem"
+    },
+    "c_nav__item_m_flyout_c_menu_m_top_bottom_offset": {
+      "name": "--pf-c-nav__item--m-flyout--c-menu--m-top--bottom-offset",
+      "value": "0px"
+    },
+    "c_nav__item_m_flyout_c_menu_m_left_right_offset": {
+      "name": "--pf-c-nav__item--m-flyout--c-menu--m-left--right-offset",
+      "value": "0.25rem"
+    },
     "c_nav__item_m_flyout_MarginTop": {
       "name": "--pf-c-nav__item--m-flyout--MarginTop",
       "value": "0"
     },
-    "c_nav__item_m_flyout_hover_BackgroundColor": {
-      "name": "--pf-c-nav__item--m-flyout--hover--BackgroundColor",
+    "c_nav__item_m_flyout_hover__link_BackgroundColor": {
+      "name": "--pf-c-nav__item--m-flyout--hover__link--BackgroundColor",
       "value": "#3c3f42",
       "values": [
-        "--pf-c-nav__link--hover--BackgroundColor",
         "--pf-global--BackgroundColor--dark-200",
         "$pf-global--BackgroundColor--dark-200",
         "$pf-color-black-800",
         "#3c3f42"
       ]
     },
-    "c_nav__item_m_flyout_focus_BackgroundColor": {
-      "name": "--pf-c-nav__item--m-flyout--focus--BackgroundColor",
+    "c_nav__item_m_flyout_focus__link_BackgroundColor": {
+      "name": "--pf-c-nav__item--m-flyout--focus__link--BackgroundColor",
       "value": "#3c3f42",
       "values": [
-        "--pf-c-nav__link--focus--BackgroundColor",
         "--pf-global--BackgroundColor--dark-200",
         "$pf-global--BackgroundColor--dark-200",
         "$pf-color-black-800",
         "#3c3f42"
       ]
     },
-    "c_nav__item_m_flyout_active_BackgroundColor": {
-      "name": "--pf-c-nav__item--m-flyout--active--BackgroundColor",
+    "c_nav__item_m_flyout_active__link_BackgroundColor": {
+      "name": "--pf-c-nav__item--m-flyout--active__link--BackgroundColor",
       "value": "#3c3f42",
       "values": [
-        "--pf-c-nav__link--active--BackgroundColor",
         "--pf-global--BackgroundColor--dark-200",
         "$pf-global--BackgroundColor--dark-200",
         "$pf-color-black-800",
         "#3c3f42"
       ]
     },
+    "c_nav__item_m_flyout_hover__link_before_BorderWidth": {
+      "name": "--pf-c-nav__item--m-flyout--hover__link--before--BorderWidth",
+      "value": "0"
+    },
+    "c_nav__item_m_flyout_focus__link_before_BorderWidth": {
+      "name": "--pf-c-nav__item--m-flyout--focus__link--before--BorderWidth",
+      "value": "0"
+    },
+    "c_nav__item_m_flyout_active__link_before_BorderWidth": {
+      "name": "--pf-c-nav__item--m-flyout--active__link--before--BorderWidth",
+      "value": "0"
+    },
     "c_nav__item_m_flyout__item_last_child__link_before_BorderBottomWidth": {
       "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)",
+      "values": [
+        "calc(0px + --pf-c-nav__item--m-flyout--c-menu--top-offset)",
+        "calc(0px + 0px)"
+      ]
+    },
+    "c_nav__item_m_flyout_c_menu_c_menu_Top": {
+      "name": "--pf-c-nav__item--m-flyout--c-menu--c-menu--Top",
+      "value": "calc(calc(0px + 0px) - 1px)",
+      "values": [
+        "calc(--pf-c-nav__item--m-flyout--c-menu--Top - --pf-c-nav__item--before--BorderWidth)",
+        "calc(calc(0px + --pf-c-nav__item--m-flyout--c-menu--top-offset) - --pf-global--BorderWidth--sm)",
+        "calc(calc(0px + 0px) - $pf-global--BorderWidth--sm)",
+        "calc(calc(0px + 0px) - 1px)"
+      ]
+    },
+    "c_nav__item_m_flyout_c_menu__list_item_first_child_c_menu_Top": {
+      "name": "--pf-c-nav__item--m-flyout--c-menu__list-item--first-child--c-menu--Top",
+      "value": "0"
+    },
+    "c_nav__item_m_flyout_c_menu_Left": {
+      "name": "--pf-c-nav__item--m-flyout--c-menu--Left",
+      "value": "calc(100% - 0.25rem)",
+      "values": [
+        "calc(100% - --pf-c-nav__item--m-flyout--c-menu--left-offset)",
+        "calc(100% - 0.25rem)"
+      ]
+    },
+    "c_nav__item_m_flyout_c_menu_m_left_Right": {
+      "name": "--pf-c-nav__item--m-flyout--c-menu--m-left--Right",
+      "value": "calc(100% - 0.25rem)",
+      "values": [
+        "calc(100% - --pf-c-nav__item--m-flyout--c-menu--m-left--right-offset)",
+        "calc(100% - 0.25rem)"
+      ]
+    },
+    "c_nav__item_m_flyout_c_menu_m_top_Bottom": {
+      "name": "--pf-c-nav__item--m-flyout--c-menu--m-top--Bottom",
+      "value": "calc(0 + 0px)",
+      "values": [
+        "calc(0 + --pf-c-nav__item--m-flyout--c-menu--m-top--bottom-offset)",
+        "calc(0 + 0px)"
+      ]
+    },
     "c_nav__item_m_flyout_c_menu_BackgroundColor": {
       "name": "--pf-c-nav__item--m-flyout--c-menu--BackgroundColor",
       "value": "#212427",
@@ -2084,6 +2166,21 @@ export const c_nav = {
         "#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_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_drilldown__subnav_PaddingTop": {
       "name": "--pf-c-nav__item--m-drilldown__subnav--PaddingTop",
       "value": "0"
@@ -3230,6 +3327,69 @@ export const c_nav = {
       "value": "0"
     }
   },
+  ".pf-c-nav__item.pf-m-flyout:hover": {
+    "c_nav__link_BackgroundColor": {
+      "name": "--pf-c-nav__link--BackgroundColor",
+      "value": "#3c3f42",
+      "values": [
+        "--pf-c-nav__item--m-flyout--hover__link--BackgroundColor",
+        "--pf-global--BackgroundColor--dark-200",
+        "$pf-global--BackgroundColor--dark-200",
+        "$pf-color-black-800",
+        "#3c3f42"
+      ]
+    },
+    "c_nav__link_before_BorderBottomWidth": {
+      "name": "--pf-c-nav__link--before--BorderBottomWidth",
+      "value": "0",
+      "values": [
+        "--pf-c-nav__item--m-flyout--hover__link--before--BorderWidth",
+        "0"
+      ]
+    }
+  },
+  ".pf-c-nav__item.pf-m-flyout:focus": {
+    "c_nav__link_BackgroundColor": {
+      "name": "--pf-c-nav__link--BackgroundColor",
+      "value": "#3c3f42",
+      "values": [
+        "--pf-c-nav__item--m-flyout--focus__link--BackgroundColor",
+        "--pf-global--BackgroundColor--dark-200",
+        "$pf-global--BackgroundColor--dark-200",
+        "$pf-color-black-800",
+        "#3c3f42"
+      ]
+    },
+    "c_nav__link_before_BorderBottomWidth": {
+      "name": "--pf-c-nav__link--before--BorderBottomWidth",
+      "value": "0",
+      "values": [
+        "--pf-c-nav__item--m-flyout--focus__link--before--BorderWidth",
+        "0"
+      ]
+    }
+  },
+  ".pf-c-nav__item.pf-m-flyout:active": {
+    "c_nav__link_BackgroundColor": {
+      "name": "--pf-c-nav__link--BackgroundColor",
+      "value": "#3c3f42",
+      "values": [
+        "--pf-c-nav__item--m-flyout--active__link--BackgroundColor",
+        "--pf-global--BackgroundColor--dark-200",
+        "$pf-global--BackgroundColor--dark-200",
+        "$pf-color-black-800",
+        "#3c3f42"
+      ]
+    },
+    "c_nav__link_before_BorderBottomWidth": {
+      "name": "--pf-c-nav__link--before--BorderBottomWidth",
+      "value": "0",
+      "values": [
+        "--pf-c-nav__item--m-flyout--active__link--before--BorderWidth",
+        "0"
+      ]
+    }
+  },
   ".pf-c-nav__item.pf-m-flyout .pf-c-menu": {
     "c_menu_MinWidth": {
       "name": "--pf-c-menu--MinWidth",
@@ -3237,10 +3397,14 @@ export const c_nav = {
     },
     "c_menu_BoxShadow": {
       "name": "--pf-c-menu--BoxShadow",
-      "value": "undefined",
+      "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-c-nav__item--m-flyout--c-menu--BoxShadow",
-        "undefined"
+        "--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_menu_BackgroundColor": {
@@ -3355,6 +3519,24 @@ export const c_nav = {
       ]
     }
   },
+  ".pf-c-nav__item.pf-m-flyout .pf-c-menu .pf-c-menu__list-item:first-child": {
+    "c_nav__item_m_flyout_c_menu_c_menu_Top": {
+      "name": "--pf-c-nav__item--m-flyout--c-menu--c-menu--Top",
+      "value": "0",
+      "values": [
+        "--pf-c-nav__item--m-flyout--c-menu__list-item--first-child--c-menu--Top",
+        "0"
+      ]
+    },
+    "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": "0",
+      "values": [
+        "--pf-c-nav__item--m-flyout--c-menu__list-item--first-child__item--hover--after--Top",
+        "0"
+      ]
+    }
+  },
   ".pf-c-nav__item.pf-m-drilldown": {
     "c_nav__subnav_PaddingTop": {
       "name": "--pf-c-nav__subnav--PaddingTop",

package/dist/esm/c_nav__item_m_flyout_active__link_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_nav__item_m_flyout_active__link_BackgroundColor: {
+  "name": "--pf-c-nav__item--m-flyout--active__link--BackgroundColor",
+  "value": "#3c3f42",
+  "var": "var(--pf-c-nav__item--m-flyout--active__link--BackgroundColor)"
+};
+export default c_nav__item_m_flyout_active__link_BackgroundColor;

package/dist/esm/c_nav__item_m_flyout_active__link_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_nav__item_m_flyout_active__link_BackgroundColor = {
+  "name": "--pf-c-nav__item--m-flyout--active__link--BackgroundColor",
+  "value": "#3c3f42",
+  "var": "var(--pf-c-nav__item--m-flyout--active__link--BackgroundColor)"
+};
+export default c_nav__item_m_flyout_active__link_BackgroundColor;

package/dist/esm/c_nav__item_m_flyout_active__link_before_BorderWidth.d.ts

@@ -0,0 +1,6 @@
+export const c_nav__item_m_flyout_active__link_before_BorderWidth: {
+  "name": "--pf-c-nav__item--m-flyout--active__link--before--BorderWidth",
+  "value": "0",
+  "var": "var(--pf-c-nav__item--m-flyout--active__link--before--BorderWidth)"
+};
+export default c_nav__item_m_flyout_active__link_before_BorderWidth;

package/dist/esm/c_nav__item_m_flyout_active__link_before_BorderWidth.js

@@ -0,0 +1,6 @@
+export const c_nav__item_m_flyout_active__link_before_BorderWidth = {
+  "name": "--pf-c-nav__item--m-flyout--active__link--before--BorderWidth",
+  "value": "0",
+  "var": "var(--pf-c-nav__item--m-flyout--active__link--before--BorderWidth)"
+};
+export default c_nav__item_m_flyout_active__link_before_BorderWidth;

package/dist/esm/c_nav__item_m_flyout_c_menu_BoxShadow.d.ts

@@ -0,0 +1,6 @@
+export const 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)",
+  "var": "var(--pf-c-nav__item--m-flyout--c-menu--BoxShadow)"
+};
+export default c_nav__item_m_flyout_c_menu_BoxShadow;

package/dist/esm/c_nav__item_m_flyout_c_menu_BoxShadow.js

@@ -0,0 +1,6 @@
+export const 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)",
+  "var": "var(--pf-c-nav__item--m-flyout--c-menu--BoxShadow)"
+};
+export default c_nav__item_m_flyout_c_menu_BoxShadow;

package/dist/esm/c_nav__item_m_flyout_c_menu_Left.d.ts

@@ -0,0 +1,6 @@
+export const c_nav__item_m_flyout_c_menu_Left: {
+  "name": "--pf-c-nav__item--m-flyout--c-menu--Left",
+  "value": "calc(100% - 0.25rem)",
+  "var": "var(--pf-c-nav__item--m-flyout--c-menu--Left)"
+};
+export default c_nav__item_m_flyout_c_menu_Left;