@patternfly/react-tokens 4.26.0 → 4.27.1

package/dist/js/c_menu.d.ts

@@ -110,6 +110,10 @@ export const c_menu: {
         "200"
       ]
     },
+    "c_menu_Top": {
+      "name": "--pf-c-menu--Top",
+      "value": "auto"
+    },
     "c_menu_m_flyout__menu_Top": {
       "name": "--pf-c-menu--m-flyout__menu--Top",
       "value": "calc(0.5rem * -1 + 0px)",
@@ -121,6 +125,14 @@ export const c_menu: {
         "calc(0.5rem * -1 + 0px)"
       ]
     },
+    "c_menu_m_flyout__menu_Right": {
+      "name": "--pf-c-menu--m-flyout__menu--Right",
+      "value": "auto"
+    },
+    "c_menu_m_flyout__menu_Bottom": {
+      "name": "--pf-c-menu--m-flyout__menu--Bottom",
+      "value": "auto"
+    },
     "c_menu_m_flyout__menu_Left": {
       "name": "--pf-c-menu--m-flyout__menu--Left",
       "value": "calc(100% + 0px)",
@@ -1119,6 +1131,223 @@ export const c_menu: {
         "$pf-global--BorderWidth--sm",
         "1px"
       ]
+    },
+    "c_menu_m_nav_BoxShadow": {
+      "name": "--pf-c-menu--m-nav--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_menu_m_nav_BackgroundColor": {
+      "name": "--pf-c-menu--m-nav--BackgroundColor",
+      "value": "#212427",
+      "values": [
+        "--pf-global--BackgroundColor--dark-300",
+        "$pf-global--BackgroundColor--dark-300",
+        "$pf-color-black-850",
+        "#212427"
+      ]
+    },
+    "c_menu_m_nav__list_PaddingTop": {
+      "name": "--pf-c-menu--m-nav__list--PaddingTop",
+      "value": "0"
+    },
+    "c_menu_m_nav__list_PaddingBottom": {
+      "name": "--pf-c-menu--m-nav__list--PaddingBottom",
+      "value": "0"
+    },
+    "c_menu_m_nav__list_item_hover_BackgroundColor": {
+      "name": "--pf-c-menu--m-nav__list-item--hover--BackgroundColor",
+      "value": "#3c3f42",
+      "values": [
+        "--pf-global--BackgroundColor--dark-200",
+        "$pf-global--BackgroundColor--dark-200",
+        "$pf-color-black-800",
+        "#3c3f42"
+      ]
+    },
+    "c_menu_m_nav__list_item_focus_within_BackgroundColor": {
+      "name": "--pf-c-menu--m-nav__list-item--focus-within--BackgroundColor",
+      "value": "#3c3f42",
+      "values": [
+        "--pf-global--BackgroundColor--dark-200",
+        "$pf-global--BackgroundColor--dark-200",
+        "$pf-color-black-800",
+        "#3c3f42"
+      ]
+    },
+    "c_menu_m_nav__list_item_active_BackgroundColor": {
+      "name": "--pf-c-menu--m-nav__list-item--active--BackgroundColor",
+      "value": "#3c3f42",
+      "values": [
+        "--pf-global--BackgroundColor--dark-200",
+        "$pf-global--BackgroundColor--dark-200",
+        "$pf-color-black-800",
+        "#3c3f42"
+      ]
+    },
+    "c_menu_m_nav__item_PaddingRight": {
+      "name": "--pf-c-menu--m-nav__item--PaddingRight",
+      "value": "1.5rem",
+      "values": [
+        "--pf-global--spacer--lg",
+        "$pf-global--spacer--lg",
+        "pf-size-prem(24px)",
+        "1.5rem"
+      ]
+    },
+    "c_menu_m_nav__item_PaddingLeft": {
+      "name": "--pf-c-menu--m-nav__item--PaddingLeft",
+      "value": "1.5rem",
+      "values": [
+        "--pf-global--spacer--lg",
+        "$pf-global--spacer--lg",
+        "pf-size-prem(24px)",
+        "1.5rem"
+      ]
+    },
+    "c_menu_m_nav__item_Color": {
+      "name": "--pf-c-menu--m-nav__item--Color",
+      "value": "#fff",
+      "values": [
+        "--pf-global--Color--light-100",
+        "$pf-global--Color--light-100",
+        "$pf-color-white",
+        "#fff"
+      ]
+    },
+    "c_menu_m_nav__item_FontSize": {
+      "name": "--pf-c-menu--m-nav__item--FontSize",
+      "value": "0.875rem",
+      "values": [
+        "--pf-global--FontSize--sm",
+        "$pf-global--FontSize--sm",
+        "pf-font-prem(14px)",
+        "0.875rem"
+      ]
+    },
+    "c_menu_m_nav__item_OutlineOffset": {
+      "name": "--pf-c-menu--m-nav__item--OutlineOffset",
+      "value": "calc(0.25rem * -1)",
+      "values": [
+        "calc(--pf-global--spacer--xs * -1)",
+        "calc($pf-global--spacer--xs * -1)",
+        "calc(pf-size-prem(4px) * -1)",
+        "calc(0.25rem * -1)"
+      ]
+    },
+    "c_menu_m_nav__item_before_BorderBottomColor": {
+      "name": "--pf-c-menu--m-nav__item--before--BorderBottomColor",
+      "value": "#3c3f42",
+      "values": [
+        "--pf-global--BackgroundColor--dark-200",
+        "$pf-global--BackgroundColor--dark-200",
+        "$pf-color-black-800",
+        "#3c3f42"
+      ]
+    },
+    "c_menu_m_nav__item_before_BorderBottomWidth": {
+      "name": "--pf-c-menu--m-nav__item--before--BorderBottomWidth",
+      "value": "1px",
+      "values": [
+        "--pf-global--BorderWidth--sm",
+        "$pf-global--BorderWidth--sm",
+        "1px"
+      ]
+    },
+    "c_menu_m_nav__item_hover_after_BorderLeftColor": {
+      "name": "--pf-c-menu--m-nav__item--hover--after--BorderLeftColor",
+      "value": "#8a8d90",
+      "values": [
+        "--pf-global--BorderColor--200",
+        "$pf-global--BorderColor--200",
+        "$pf-color-black-500",
+        "#8a8d90"
+      ]
+    },
+    "c_menu_m_nav__item_hover_after_BorderLeftWidth": {
+      "name": "--pf-c-menu--m-nav__item--hover--after--BorderLeftWidth",
+      "value": "1px",
+      "values": [
+        "--pf-global--BorderWidth--sm",
+        "$pf-global--BorderWidth--sm",
+        "1px"
+      ]
+    },
+    "c_menu_m_nav__item_hover_after_Top": {
+      "name": "--pf-c-menu--m-nav__item--hover--after--Top",
+      "value": "calc(1px * -1)",
+      "values": [
+        "calc(--pf-c-menu--m-nav__item--before--BorderBottomWidth * -1)",
+        "calc(--pf-global--BorderWidth--sm * -1)",
+        "calc($pf-global--BorderWidth--sm * -1)",
+        "calc(1px * -1)"
+      ]
+    },
+    "c_menu_m_nav__item__list_item_first_child__item_hover_after_Top": {
+      "name": "--pf-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top",
+      "value": "0"
+    },
+    "c_menu_m_nav__item_description_Color": {
+      "name": "--pf-c-menu--m-nav__item-description--Color",
+      "value": "#f0f0f0",
+      "values": [
+        "--pf-global--Color--light-200",
+        "$pf-global--Color--light-200",
+        "$pf-color-black-200",
+        "#f0f0f0"
+      ]
+    },
+    "c_menu_m_nav_c_menu_left_offset": {
+      "name": "--pf-c-menu--m-nav--c-menu--left-offset",
+      "value": "0.25rem"
+    },
+    "c_menu_m_nav_c_menu_m_left_right_offset": {
+      "name": "--pf-c-menu--m-nav--c-menu--m-left--right-offset",
+      "value": "0.25rem"
+    },
+    "c_menu_m_nav_c_menu_Top": {
+      "name": "--pf-c-menu--m-nav--c-menu--Top",
+      "value": "calc(1px * -1)",
+      "values": [
+        "calc(--pf-c-menu--m-nav__item--before--BorderBottomWidth * -1)",
+        "calc(--pf-global--BorderWidth--sm * -1)",
+        "calc($pf-global--BorderWidth--sm * -1)",
+        "calc(1px * -1)"
+      ]
+    },
+    "c_menu_m_nav_c_menu_Left": {
+      "name": "--pf-c-menu--m-nav--c-menu--Left",
+      "value": "calc(100% - 0.25rem)",
+      "values": [
+        "calc(100% - --pf-c-menu--m-nav--c-menu--left-offset)",
+        "calc(100% - 0.25rem)"
+      ]
+    },
+    "c_menu_m_nav_c_menu_m_left_Right": {
+      "name": "--pf-c-menu--m-nav--c-menu--m-left--Right",
+      "value": "calc(100% - 0.25rem)",
+      "values": [
+        "calc(100% - --pf-c-menu--m-nav--c-menu--m-left--right-offset)",
+        "calc(100% - 0.25rem)"
+      ]
+    },
+    "c_menu_m_nav_c_menu_m_top_Bottom": {
+      "name": "--pf-c-menu--m-nav--c-menu--m-top--Bottom",
+      "value": "calc(0 + undefined)",
+      "values": [
+        "calc(0 + --pf-c-menu--m-nav--c-menu--m-top--bottom-offset)",
+        "calc(0 + undefined)"
+      ]
+    },
+    "c_menu_m_nav__list_item_first_child_c_menu_Top": {
+      "name": "--pf-c-menu--m-nav__list-item--first-child--c-menu--Top",
+      "value": "0"
     }
   },
   ".pf-c-menu__group": {
@@ -1178,12 +1407,55 @@ export const c_menu: {
       ]
     }
   },
+  ".pf-c-menu.pf-m-top": {
+    "c_menu_m_flyout__menu_Top": {
+      "name": "--pf-c-menu--m-flyout__menu--Top",
+      "value": "auto"
+    },
+    "c_menu_m_flyout__menu_Bottom": {
+      "name": "--pf-c-menu--m-flyout__menu--Bottom",
+      "value": "calc(0.5rem * -1)",
+      "values": [
+        "--pf-c-menu--m-flyout__menu--m-top--Bottom",
+        "calc(--pf-c-menu__list--PaddingTop * -1)",
+        "calc(--pf-global--spacer--sm * -1)",
+        "calc($pf-global--spacer--sm * -1)",
+        "calc(pf-size-prem(8px) * -1)",
+        "calc(0.5rem * -1)"
+      ]
+    }
+  },
+  ".pf-c-menu.pf-m-left": {
+    "c_menu_m_flyout__menu_Right": {
+      "name": "--pf-c-menu--m-flyout__menu--Right",
+      "value": "calc(100% + 0px)",
+      "values": [
+        "--pf-c-menu--m-flyout__menu--m-left--Right",
+        "calc(100% + --pf-c-menu--m-flyout__menu--m-left--right-offset)",
+        "calc(100% + 0px)"
+      ]
+    },
+    "c_menu_m_flyout__menu_Left": {
+      "name": "--pf-c-menu--m-flyout__menu--Left",
+      "value": "auto"
+    }
+  },
   ".pf-c-menu.pf-m-drilldown > .pf-c-menu__content .pf-c-menu": {
     "c_menu_BoxShadow": {
       "name": "--pf-c-menu--BoxShadow",
       "value": "none"
     }
   },
+  ".pf-c-menu.pf-m-drilldown .pf-c-menu__list .pf-c-menu__list": {
+    "c_menu__list_PaddingTop": {
+      "name": "--pf-c-menu__list--PaddingTop",
+      "value": "0"
+    },
+    "c_menu__list_PaddingBottom": {
+      "name": "--pf-c-menu__list--PaddingBottom",
+      "value": "0"
+    }
+  },
   ".pf-c-menu.pf-m-plain": {
     "c_menu_BoxShadow": {
       "name": "--pf-c-menu--BoxShadow",
@@ -1234,6 +1506,166 @@ export const c_menu: {
       ]
     }
   },
+  ".pf-c-menu.pf-m-nav": {
+    "c_menu_BackgroundColor": {
+      "name": "--pf-c-menu--BackgroundColor",
+      "value": "#212427",
+      "values": [
+        "--pf-c-menu--m-nav--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-menu--m-nav__list--PaddingTop",
+        "0"
+      ]
+    },
+    "c_menu__list_PaddingBottom": {
+      "name": "--pf-c-menu__list--PaddingBottom",
+      "value": "0",
+      "values": [
+        "--pf-c-menu--m-nav__list--PaddingBottom",
+        "0"
+      ]
+    },
+    "c_menu__list_item_hover_BackgroundColor": {
+      "name": "--pf-c-menu__list-item--hover--BackgroundColor",
+      "value": "#3c3f42",
+      "values": [
+        "--pf-c-menu--m-nav__list-item--hover--BackgroundColor",
+        "--pf-global--BackgroundColor--dark-200",
+        "$pf-global--BackgroundColor--dark-200",
+        "$pf-color-black-800",
+        "#3c3f42"
+      ]
+    },
+    "c_menu__list_item_focus_within_BackgroundColor": {
+      "name": "--pf-c-menu__list-item--focus-within--BackgroundColor",
+      "value": "#3c3f42",
+      "values": [
+        "--pf-c-menu--m-nav__list-item--focus-within--BackgroundColor",
+        "--pf-global--BackgroundColor--dark-200",
+        "$pf-global--BackgroundColor--dark-200",
+        "$pf-color-black-800",
+        "#3c3f42"
+      ]
+    },
+    "c_menu__list_item_active_BackgroundColor": {
+      "name": "--pf-c-menu__list-item--active--BackgroundColor",
+      "value": "#3c3f42",
+      "values": [
+        "--pf-c-menu--m-nav__list-item--active--BackgroundColor",
+        "--pf-global--BackgroundColor--dark-200",
+        "$pf-global--BackgroundColor--dark-200",
+        "$pf-color-black-800",
+        "#3c3f42"
+      ]
+    },
+    "c_menu__item_Color": {
+      "name": "--pf-c-menu__item--Color",
+      "value": "#fff",
+      "values": [
+        "--pf-c-menu--m-nav__item--Color",
+        "--pf-global--Color--light-100",
+        "$pf-global--Color--light-100",
+        "$pf-color-white",
+        "#fff"
+      ]
+    },
+    "c_menu__item_FontSize": {
+      "name": "--pf-c-menu__item--FontSize",
+      "value": "0.875rem",
+      "values": [
+        "--pf-c-menu--m-nav__item--FontSize",
+        "--pf-global--FontSize--sm",
+        "$pf-global--FontSize--sm",
+        "pf-font-prem(14px)",
+        "0.875rem"
+      ]
+    },
+    "c_menu__item_OutlineOffset": {
+      "name": "--pf-c-menu__item--OutlineOffset",
+      "value": "calc(0.25rem * -1)",
+      "values": [
+        "--pf-c-menu--m-nav__item--OutlineOffset",
+        "calc(--pf-global--spacer--xs * -1)",
+        "calc($pf-global--spacer--xs * -1)",
+        "calc(pf-size-prem(4px) * -1)",
+        "calc(0.25rem * -1)"
+      ]
+    },
+    "c_menu__item_PaddingRight": {
+      "name": "--pf-c-menu__item--PaddingRight",
+      "value": "1.5rem",
+      "values": [
+        "--pf-c-menu--m-nav__item--PaddingRight",
+        "--pf-global--spacer--lg",
+        "$pf-global--spacer--lg",
+        "pf-size-prem(24px)",
+        "1.5rem"
+      ]
+    },
+    "c_menu__item_PaddingLeft": {
+      "name": "--pf-c-menu__item--PaddingLeft",
+      "value": "1.5rem",
+      "values": [
+        "--pf-c-menu--m-nav__item--PaddingLeft",
+        "--pf-global--spacer--lg",
+        "$pf-global--spacer--lg",
+        "pf-size-prem(24px)",
+        "1.5rem"
+      ]
+    },
+    "c_menu__item_description_Color": {
+      "name": "--pf-c-menu__item-description--Color",
+      "value": "#f0f0f0",
+      "values": [
+        "--pf-c-menu--m-nav__item-description--Color",
+        "--pf-global--Color--light-200",
+        "$pf-global--Color--light-200",
+        "$pf-color-black-200",
+        "#f0f0f0"
+      ]
+    }
+  },
+  ".pf-c-menu.pf-m-flyout.pf-m-nav.pf-m-top": {
+    "c_menu_m_nav_c_menu_Top": {
+      "name": "--pf-c-menu--m-nav--c-menu--Top",
+      "value": "auto"
+    }
+  },
+  ".pf-c-menu.pf-m-flyout.pf-m-nav.pf-m-left": {
+    "c_menu_m_nav_c_menu_Left": {
+      "name": "--pf-c-menu--m-nav--c-menu--Left",
+      "value": "auto"
+    }
+  },
+  ".pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu__list-item:first-child": {
+    "c_menu_m_nav__item_hover_after_Top": {
+      "name": "--pf-c-menu--m-nav__item--hover--after--Top",
+      "value": "0",
+      "values": [
+        "--pf-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top",
+        "0"
+      ]
+    }
+  },
+  ".pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu__list-item:first-child .pf-c-menu": {
+    "c_menu_m_nav_c_menu_Top": {
+      "name": "--pf-c-menu--m-nav--c-menu--Top",
+      "value": "0",
+      "values": [
+        "--pf-c-menu--m-nav__list-item--first-child--c-menu--Top",
+        "0"
+      ]
+    }
+  },
   ".pf-c-menu__breadcrumb .pf-c-breadcrumb": {
     "c_breadcrumb__item_FontSize": {
       "name": "--pf-c-breadcrumb__item--FontSize",
@@ -1390,10 +1822,14 @@ export const c_menu: {
     },
     "c_menu__list_item_Color": {
       "name": "--pf-c-menu__list-item--Color",
-      "value": "undefined, inherit",
+      "value": "#fff, inherit",
       "values": [
         "var(--pf-c-menu__list-item--hover--Color, inherit)",
-        "undefined, inherit"
+        "--pf-c-nav--c-menu__list-item--hover--Color, inherit",
+        "--pf-global--Color--light-100, inherit",
+        "$pf-global--Color--light-100, inherit",
+        "$pf-color-white, inherit",
+        "#fff, inherit"
       ]
     }
   },
@@ -1411,10 +1847,14 @@ export const c_menu: {
     },
     "c_menu__list_item_Color": {
       "name": "--pf-c-menu__list-item--Color",
-      "value": "undefined, inherit",
+      "value": "#fff, inherit",
       "values": [
         "var(--pf-c-menu__list-item--focus-within--Color, inherit)",
-        "undefined, inherit"
+        "--pf-c-nav--c-menu__list-item--focus-within--Color, inherit",
+        "--pf-global--Color--light-100, inherit",
+        "$pf-global--Color--light-100, inherit",
+        "$pf-color-white, inherit",
+        "#fff, inherit"
       ]
     }
   },