package.dist.esm.c_menu.js Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of react-tokens Show documentation
Show all versions of react-tokens Show documentation
This library provides access to the design tokens of PatternFly 4 from JavaScript
export const c_menu = {
".pf-v5-c-menu": {
"global_Color_100": {
"name": "--pf-v5-global--Color--100",
"value": "#151515",
"values": [
"--pf-v5-global--Color--dark-100",
"$pf-v5-global--Color--dark-100",
"$pf-v5-color-black-900",
"#151515"
]
},
"global_Color_200": {
"name": "--pf-v5-global--Color--200",
"value": "#6a6e73",
"values": [
"--pf-v5-global--Color--dark-200",
"$pf-v5-global--Color--dark-200",
"$pf-v5-color-black-600",
"#6a6e73"
]
},
"global_BorderColor_100": {
"name": "--pf-v5-global--BorderColor--100",
"value": "#d2d2d2",
"values": [
"--pf-v5-global--BorderColor--dark-100",
"$pf-v5-global--BorderColor--dark-100",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"global_primary_color_100": {
"name": "--pf-v5-global--primary-color--100",
"value": "#06c",
"values": [
"--pf-v5-global--primary-color--dark-100",
"$pf-v5-global--primary-color--dark-100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"global_link_Color": {
"name": "--pf-v5-global--link--Color",
"value": "#06c",
"values": [
"--pf-v5-global--link--Color--dark",
"$pf-v5-global--link--Color--dark",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"global_link_Color_hover": {
"name": "--pf-v5-global--link--Color--hover",
"value": "#004080",
"values": [
"--pf-v5-global--link--Color--dark--hover",
"$pf-v5-global--link--Color--dark--hover",
"$pf-v5-global--primary-color--200",
"$pf-v5-color-blue-500",
"#004080"
]
},
"global_BackgroundColor_100": {
"name": "--pf-v5-global--BackgroundColor--100",
"value": "#fff",
"values": [
"--pf-v5-global--BackgroundColor--light-100",
"$pf-v5-global--BackgroundColor--light-100",
"$pf-v5-color-white",
"#fff"
]
},
"global_icon_Color_light": {
"name": "--pf-v5-global--icon--Color--light",
"value": "#6a6e73",
"values": [
"--pf-v5-global--icon--Color--light--dark",
"$pf-v5-global--icon--Color--light--dark",
"$pf-v5-color-black-600",
"#6a6e73"
]
},
"global_icon_Color_dark": {
"name": "--pf-v5-global--icon--Color--dark",
"value": "#151515",
"values": [
"--pf-v5-global--icon--Color--dark--dark",
"$pf-v5-global--icon--Color--dark--dark",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_menu_BackgroundColor": {
"name": "--pf-v5-c-menu--BackgroundColor",
"value": "#fff",
"values": [
"--pf-v5-global--BackgroundColor--100",
"$pf-v5-global--BackgroundColor--100",
"$pf-v5-color-white",
"#fff"
]
},
"c_menu_BoxShadow": {
"name": "--pf-v5-c-menu--BoxShadow",
"value": "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)",
"values": [
"--pf-v5-global--BoxShadow--md",
"$pf-v5-global--BoxShadow--md",
"0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba($pf-v5-color-black-1000, .12), 0 0 pf-size-prem(4px) 0 rgba($pf-v5-color-black-1000, .06)",
"0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba(#030303, .12), 0 0 pf-size-prem(4px) 0 rgba(#030303, .06)",
"0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)"
]
},
"c_menu_MinWidth": {
"name": "--pf-v5-c-menu--MinWidth",
"value": "auto"
},
"c_menu_Width": {
"name": "--pf-v5-c-menu--Width",
"value": "auto"
},
"c_menu_ZIndex": {
"name": "--pf-v5-c-menu--ZIndex",
"value": "200",
"values": [
"--pf-v5-global--ZIndex--sm",
"$pf-v5-global--ZIndex--sm",
"200"
]
},
"c_menu_Top": {
"name": "--pf-v5-c-menu--Top",
"value": "auto"
},
"c_menu_m_flyout__menu_Top": {
"name": "--pf-v5-c-menu--m-flyout__menu--Top",
"value": "calc(0.5rem * -1 + 0px)",
"values": [
"calc(--pf-v5-c-menu__list--PaddingTop * -1 + --pf-v5-c-menu--m-flyout__menu--top-offset)",
"calc(--pf-v5-global--spacer--sm * -1 + 0px)",
"calc($pf-v5-global--spacer--sm * -1 + 0px)",
"calc(pf-size-prem(8px) * -1 + 0px)",
"calc(0.5rem * -1 + 0px)"
]
},
"c_menu_m_flyout__menu_Right": {
"name": "--pf-v5-c-menu--m-flyout__menu--Right",
"value": "auto"
},
"c_menu_m_flyout__menu_Bottom": {
"name": "--pf-v5-c-menu--m-flyout__menu--Bottom",
"value": "auto"
},
"c_menu_m_flyout__menu_Left": {
"name": "--pf-v5-c-menu--m-flyout__menu--Left",
"value": "calc(100% + 0px)",
"values": [
"calc(100% + --pf-v5-c-menu--m-flyout__menu--left-offset)",
"calc(100% + 0px)"
]
},
"c_menu_m_flyout__menu_m_top_Bottom": {
"name": "--pf-v5-c-menu--m-flyout__menu--m-top--Bottom",
"value": "calc(0.5rem * -1)",
"values": [
"calc(--pf-v5-c-menu__list--PaddingTop * -1)",
"calc(--pf-v5-global--spacer--sm * -1)",
"calc($pf-v5-global--spacer--sm * -1)",
"calc(pf-size-prem(8px) * -1)",
"calc(0.5rem * -1)"
]
},
"c_menu_m_flyout__menu_m_left_Right": {
"name": "--pf-v5-c-menu--m-flyout__menu--m-left--Right",
"value": "calc(100% + 0px)",
"values": [
"calc(100% + --pf-v5-c-menu--m-flyout__menu--m-left--right-offset)",
"calc(100% + 0px)"
]
},
"c_menu_m_plain_BoxShadow": {
"name": "--pf-v5-c-menu--m-plain--BoxShadow",
"value": "none"
},
"c_menu_m_flyout__menu_top_offset": {
"name": "--pf-v5-c-menu--m-flyout__menu--top-offset",
"value": "0px"
},
"c_menu_m_flyout__menu_left_offset": {
"name": "--pf-v5-c-menu--m-flyout__menu--left-offset",
"value": "0px"
},
"c_menu_m_flyout__menu_m_left_right_offset": {
"name": "--pf-v5-c-menu--m-flyout__menu--m-left--right-offset",
"value": "0px"
},
"c_menu__content_Height": {
"name": "--pf-v5-c-menu__content--Height",
"value": "auto"
},
"c_menu__content_MaxHeight": {
"name": "--pf-v5-c-menu__content--MaxHeight",
"value": "none"
},
"c_menu_m_scrollable__content_MaxHeight": {
"name": "--pf-v5-c-menu--m-scrollable__content--MaxHeight",
"value": "18.75rem"
},
"c_menu_c_divider_MarginTop": {
"name": "--pf-v5-c-menu--c-divider--MarginTop",
"value": "0"
},
"c_menu_c_divider_MarginBottom": {
"name": "--pf-v5-c-menu--c-divider--MarginBottom",
"value": "0"
},
"c_menu__list_c_divider_MarginTop": {
"name": "--pf-v5-c-menu__list--c-divider--MarginTop",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_menu__list_c_divider_MarginBottom": {
"name": "--pf-v5-c-menu__list--c-divider--MarginBottom",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_menu__header_PaddingTop": {
"name": "--pf-v5-c-menu__header--PaddingTop",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_menu__header_PaddingRight": {
"name": "--pf-v5-c-menu__header--PaddingRight",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_menu__header_PaddingBottom": {
"name": "--pf-v5-c-menu__header--PaddingBottom",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_menu__header_PaddingLeft": {
"name": "--pf-v5-c-menu__header--PaddingLeft",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_menu__header_c_menu__item_MarginTop": {
"name": "--pf-v5-c-menu__header--c-menu__item--MarginTop",
"value": "calc(1rem * -1 / 2)",
"values": [
"calc(--pf-v5-c-menu__header--PaddingTop * -1 / 2)",
"calc(--pf-v5-global--spacer--md * -1 / 2)",
"calc($pf-v5-global--spacer--md * -1 / 2)",
"calc(pf-size-prem(16px) * -1 / 2)",
"calc(1rem * -1 / 2)"
]
},
"c_menu__header_c_menu__item_MarginRight": {
"name": "--pf-v5-c-menu__header--c-menu__item--MarginRight",
"value": "calc(1rem * -1 / 2)",
"values": [
"calc(--pf-v5-c-menu__header--PaddingRight * -1 / 2)",
"calc(--pf-v5-global--spacer--md * -1 / 2)",
"calc($pf-v5-global--spacer--md * -1 / 2)",
"calc(pf-size-prem(16px) * -1 / 2)",
"calc(1rem * -1 / 2)"
]
},
"c_menu__header_c_menu__item_MarginBottom": {
"name": "--pf-v5-c-menu__header--c-menu__item--MarginBottom",
"value": "calc(1rem * -1 / 2)",
"values": [
"calc(--pf-v5-c-menu__header--PaddingBottom * -1 / 2)",
"calc(--pf-v5-global--spacer--md * -1 / 2)",
"calc($pf-v5-global--spacer--md * -1 / 2)",
"calc(pf-size-prem(16px) * -1 / 2)",
"calc(1rem * -1 / 2)"
]
},
"c_menu__header_c_menu__item_MarginLeft": {
"name": "--pf-v5-c-menu__header--c-menu__item--MarginLeft",
"value": "calc(1rem * -1 / 2)",
"values": [
"calc(--pf-v5-c-menu__header--PaddingLeft * -1 / 2)",
"calc(--pf-v5-global--spacer--md * -1 / 2)",
"calc($pf-v5-global--spacer--md * -1 / 2)",
"calc(pf-size-prem(16px) * -1 / 2)",
"calc(1rem * -1 / 2)"
]
},
"c_menu__header_c_menu__item_PaddingTop": {
"name": "--pf-v5-c-menu__header--c-menu__item--PaddingTop",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_menu__header_c_menu__item_PaddingRight": {
"name": "--pf-v5-c-menu__header--c-menu__item--PaddingRight",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_menu__header_c_menu__item_PaddingBottom": {
"name": "--pf-v5-c-menu__header--c-menu__item--PaddingBottom",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_menu__header_c_menu__item_PaddingLeft": {
"name": "--pf-v5-c-menu__header--c-menu__item--PaddingLeft",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_menu__header_c_menu__item_BackgroundColor": {
"name": "--pf-v5-c-menu__header--c-menu__item--BackgroundColor",
"value": "transparent"
},
"c_menu__header_c_menu__item_hover_BackgroundColor": {
"name": "--pf-v5-c-menu__header--c-menu__item--hover--BackgroundColor",
"value": "#f0f0f0",
"values": [
"--pf-v5-global--BackgroundColor--200",
"$pf-v5-global--BackgroundColor--200",
"$pf-v5-color-black-200",
"#f0f0f0"
]
},
"c_menu__header_c_menu__item_focus_BackgroundColor": {
"name": "--pf-v5-c-menu__header--c-menu__item--focus--BackgroundColor",
"value": "#f0f0f0",
"values": [
"--pf-v5-global--BackgroundColor--200",
"$pf-v5-global--BackgroundColor--200",
"$pf-v5-color-black-200",
"#f0f0f0"
]
},
"c_menu__search_PaddingTop": {
"name": "--pf-v5-c-menu__search--PaddingTop",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_menu__search_PaddingRight": {
"name": "--pf-v5-c-menu__search--PaddingRight",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_menu__search_PaddingBottom": {
"name": "--pf-v5-c-menu__search--PaddingBottom",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_menu__search_PaddingLeft": {
"name": "--pf-v5-c-menu__search--PaddingLeft",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_menu__header__search_PaddingTop": {
"name": "--pf-v5-c-menu__header__search--PaddingTop",
"value": "0"
},
"c_menu__list_Display": {
"name": "--pf-v5-c-menu__list--Display",
"value": "block"
},
"c_menu__list_PaddingTop": {
"name": "--pf-v5-c-menu__list--PaddingTop",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_menu__list_PaddingBottom": {
"name": "--pf-v5-c-menu__list--PaddingBottom",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_menu__list_item_Display": {
"name": "--pf-v5-c-menu__list-item--Display",
"value": "flex"
},
"c_menu__list_item_Color": {
"name": "--pf-v5-c-menu__list-item--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_menu__list_item_BackgroundColor": {
"name": "--pf-v5-c-menu__list-item--BackgroundColor",
"value": "transparent"
},
"c_menu__list_item_hover_BackgroundColor": {
"name": "--pf-v5-c-menu__list-item--hover--BackgroundColor",
"value": "#f0f0f0",
"values": [
"--pf-v5-global--BackgroundColor--200",
"$pf-v5-global--BackgroundColor--200",
"$pf-v5-color-black-200",
"#f0f0f0"
]
},
"c_menu__list_item_focus_within_BackgroundColor": {
"name": "--pf-v5-c-menu__list-item--focus-within--BackgroundColor",
"value": "#f0f0f0",
"values": [
"--pf-v5-global--BackgroundColor--200",
"$pf-v5-global--BackgroundColor--200",
"$pf-v5-color-black-200",
"#f0f0f0"
]
},
"c_menu__list_item_m_loading_PaddingTop": {
"name": "--pf-v5-c-menu__list-item--m-loading--PaddingTop",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_menu__item_PaddingTop": {
"name": "--pf-v5-c-menu__item--PaddingTop",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_menu__item_PaddingRight": {
"name": "--pf-v5-c-menu__item--PaddingRight",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_menu__item_PaddingBottom": {
"name": "--pf-v5-c-menu__item--PaddingBottom",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_menu__item_PaddingLeft": {
"name": "--pf-v5-c-menu__item--PaddingLeft",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_menu__item_OutlineOffset": {
"name": "--pf-v5-c-menu__item--OutlineOffset",
"value": "calc(0.125rem * -1)"
},
"c_menu__item_FontSize": {
"name": "--pf-v5-c-menu__item--FontSize",
"value": "1rem",
"values": [
"--pf-v5-global--FontSize--md",
"$pf-v5-global--FontSize--md",
"pf-font-prem(16px)",
"1rem"
]
},
"c_menu__item_FontWeight": {
"name": "--pf-v5-c-menu__item--FontWeight",
"value": "400",
"values": [
"--pf-v5-global--FontWeight--normal",
"$pf-v5-global--FontWeight--normal",
"400"
]
},
"c_menu__item_LineHeight": {
"name": "--pf-v5-c-menu__item--LineHeight",
"value": "1.5",
"values": [
"--pf-v5-global--LineHeight--md",
"$pf-v5-global--LineHeight--md",
"1.5"
]
},
"c_menu__list_item_m_disabled__item_Color": {
"name": "--pf-v5-c-menu__list-item--m-disabled__item--Color",
"value": "#6a6e73",
"values": [
"--pf-v5-global--disabled-color--100",
"$pf-v5-global--disabled-color--100",
"$pf-v5-color-black-600",
"#6a6e73"
]
},
"c_menu__list_item_m_danger__item_Color": {
"name": "--pf-v5-c-menu__list-item--m-danger__item--Color",
"value": "#c9190b",
"values": [
"--pf-v5-global--danger-color--100",
"$pf-v5-global--danger-color--100",
"$pf-v5-color-red-100",
"#c9190b"
]
},
"c_menu__list_item_m_load__item_Color": {
"name": "--pf-v5-c-menu__list-item--m-load__item--Color",
"value": "#06c",
"values": [
"--pf-v5-global--link--Color",
"$pf-v5-global--link--Color",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_menu__group_Display": {
"name": "--pf-v5-c-menu__group--Display",
"value": "block"
},
"c_menu__group_title_PaddingTop": {
"name": "--pf-v5-c-menu__group-title--PaddingTop",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_menu__group_title_PaddingRight": {
"name": "--pf-v5-c-menu__group-title--PaddingRight",
"value": "1rem",
"values": [
"--pf-v5-c-menu__item--PaddingRight",
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_menu__group_title_PaddingLeft": {
"name": "--pf-v5-c-menu__group-title--PaddingLeft",
"value": "1rem",
"values": [
"--pf-v5-c-menu__item--PaddingLeft",
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_menu__group_title_FontSize": {
"name": "--pf-v5-c-menu__group-title--FontSize",
"value": "0.75rem",
"values": [
"--pf-v5-global--FontSize--xs",
"$pf-v5-global--FontSize--xs",
"pf-font-prem(12px)",
"0.75rem"
]
},
"c_menu__group_title_FontWeight": {
"name": "--pf-v5-c-menu__group-title--FontWeight",
"value": "400",
"values": [
"--pf-v5-global--FontWeight--normal",
"$pf-v5-global--FontWeight--normal",
"400"
]
},
"c_menu__group_title_Color": {
"name": "--pf-v5-c-menu__group-title--Color",
"value": "#6a6e73",
"values": [
"--pf-v5-global--Color--200",
"$pf-v5-global--Color--200",
"$pf-v5-color-black-600",
"#6a6e73"
]
},
"c_menu__item_description_FontSize": {
"name": "--pf-v5-c-menu__item-description--FontSize",
"value": "0.75rem",
"values": [
"--pf-v5-global--FontSize--xs",
"$pf-v5-global--FontSize--xs",
"pf-font-prem(12px)",
"0.75rem"
]
},
"c_menu__item_description_Color": {
"name": "--pf-v5-c-menu__item-description--Color",
"value": "#6a6e73",
"values": [
"--pf-v5-global--Color--200",
"$pf-v5-global--Color--200",
"$pf-v5-color-black-600",
"#6a6e73"
]
},
"c_menu__item_icon_MarginRight": {
"name": "--pf-v5-c-menu__item-icon--MarginRight",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_menu__item_check_MarginRight": {
"name": "--pf-v5-c-menu__item-check--MarginRight",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_menu__item_toggle_icon_PaddingRight": {
"name": "--pf-v5-c-menu__item-toggle-icon--PaddingRight",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_menu__item_toggle_icon_PaddingLeft": {
"name": "--pf-v5-c-menu__item-toggle-icon--PaddingLeft",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_menu__list_item_m_disabled__item_toggle_icon_Color": {
"name": "--pf-v5-c-menu__list-item--m-disabled__item-toggle-icon--Color",
"value": "#d2d2d2",
"values": [
"--pf-v5-global--disabled-color--200",
"$pf-v5-global--disabled-color--200",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"c_menu__item_text_item_toggle_icon_MarginLeft": {
"name": "--pf-v5-c-menu__item-text--item-toggle-icon--MarginLeft",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_menu__item_toggle_icon_item_text_MarginLeft": {
"name": "--pf-v5-c-menu__item-toggle-icon--item-text--MarginLeft",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_menu__item_select_icon_MarginLeft": {
"name": "--pf-v5-c-menu__item-select-icon--MarginLeft",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_menu__item_select_icon_Color": {
"name": "--pf-v5-c-menu__item-select-icon--Color",
"value": "#06c",
"values": [
"--pf-v5-global--active-color--100",
"$pf-v5-global--active-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_menu__item_select_icon_FontSize": {
"name": "--pf-v5-c-menu__item-select-icon--FontSize",
"value": "0.75rem",
"values": [
"--pf-v5-global--icon--FontSize--sm",
"$pf-v5-global--icon--FontSize--sm",
"pf-font-prem(12px)",
"0.75rem"
]
},
"c_menu__item_external_icon_MarginLeft": {
"name": "--pf-v5-c-menu__item-external-icon--MarginLeft",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_menu__item_external_icon_Color": {
"name": "--pf-v5-c-menu__item-external-icon--Color",
"value": "#06c",
"values": [
"--pf-v5-global--link--Color",
"$pf-v5-global--link--Color",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_menu__item_external_icon_FontSize": {
"name": "--pf-v5-c-menu__item-external-icon--FontSize",
"value": "0.75rem",
"values": [
"--pf-v5-global--icon--FontSize--sm",
"$pf-v5-global--icon--FontSize--sm",
"pf-font-prem(12px)",
"0.75rem"
]
},
"c_menu__item_external_icon_Opacity": {
"name": "--pf-v5-c-menu__item-external-icon--Opacity",
"value": "0"
},
"c_menu__item_action_PaddingTop": {
"name": "--pf-v5-c-menu__item-action--PaddingTop",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_menu__item_action_PaddingRight": {
"name": "--pf-v5-c-menu__item-action--PaddingRight",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_menu__item_action_PaddingBottom": {
"name": "--pf-v5-c-menu__item-action--PaddingBottom",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_menu__item_action_PaddingLeft": {
"name": "--pf-v5-c-menu__item-action--PaddingLeft",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_menu__item_action_Color": {
"name": "--pf-v5-c-menu__item-action--Color",
"value": "#6a6e73",
"values": [
"--pf-v5-global--Color--200",
"$pf-v5-global--Color--200",
"$pf-v5-color-black-600",
"#6a6e73"
]
},
"c_menu__item_action_BackgroundColor": {
"name": "--pf-v5-c-menu__item-action--BackgroundColor",
"value": "transparent"
},
"c_menu__item_action_hover_Color": {
"name": "--pf-v5-c-menu__item-action--hover--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_menu__item_action_disabled_Color": {
"name": "--pf-v5-c-menu__item-action--disabled--Color",
"value": "#d2d2d2",
"values": [
"--pf-v5-global--disabled-color--200",
"$pf-v5-global--disabled-color--200",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"c_menu__item_action_m_favorited_Color": {
"name": "--pf-v5-c-menu__item-action--m-favorited--Color",
"value": "#f0ab00",
"values": [
"--pf-v5-global--palette--gold-400",
"$pf-v5-color-gold-400",
"#f0ab00"
]
},
"c_menu__item_action_m_favorited_hover_Color": {
"name": "--pf-v5-c-menu__item-action--m-favorited--hover--Color",
"value": "#c58c00",
"values": [
"--pf-v5-global--palette--gold-500",
"$pf-v5-color-gold-500",
"#c58c00"
]
},
"c_menu__item_action_icon_Height": {
"name": "--pf-v5-c-menu__item-action-icon--Height",
"value": "calc(1rem * 1.5)",
"values": [
"calc(--pf-v5-c-menu__item--FontSize * --pf-v5-c-menu__item--LineHeight)",
"calc(--pf-v5-global--FontSize--md * --pf-v5-global--LineHeight--md)",
"calc($pf-v5-global--FontSize--md * $pf-v5-global--LineHeight--md)",
"calc(pf-font-prem(16px) * 1.5)",
"calc(1rem * 1.5)"
]
},
"c_menu__item_action_m_favorite__icon_FontSize": {
"name": "--pf-v5-c-menu__item-action--m-favorite__icon--FontSize",
"value": "0.75rem",
"values": [
"--pf-v5-global--icon--FontSize--sm",
"$pf-v5-global--icon--FontSize--sm",
"pf-font-prem(12px)",
"0.75rem"
]
},
"c_menu__breadcrumb_PaddingTop": {
"name": "--pf-v5-c-menu__breadcrumb--PaddingTop",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_menu__breadcrumb_PaddingRight": {
"name": "--pf-v5-c-menu__breadcrumb--PaddingRight",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_menu__breadcrumb_PaddingBottom": {
"name": "--pf-v5-c-menu__breadcrumb--PaddingBottom",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_menu__breadcrumb_PaddingLeft": {
"name": "--pf-v5-c-menu__breadcrumb--PaddingLeft",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_menu__breadcrumb_c_breadcrumb__item_FontSize": {
"name": "--pf-v5-c-menu__breadcrumb--c-breadcrumb__item--FontSize",
"value": "1rem",
"values": [
"--pf-v5-global--FontSize--md",
"$pf-v5-global--FontSize--md",
"pf-font-prem(16px)",
"1rem"
]
},
"c_menu__breadcrumb_c_breadcrumb__heading_FontSize": {
"name": "--pf-v5-c-menu__breadcrumb--c-breadcrumb__heading--FontSize",
"value": "1rem",
"values": [
"--pf-v5-global--FontSize--md",
"$pf-v5-global--FontSize--md",
"pf-font-prem(16px)",
"1rem"
]
},
"c_menu_m_drilldown_c_menu_Top": {
"name": "--pf-v5-c-menu--m-drilldown--c-menu--Top",
"value": "0"
},
"c_menu_m_drilldown_c_menu_TransitionDuration_transform": {
"name": "--pf-v5-c-menu--m-drilldown--c-menu--TransitionDuration--transform",
"value": "250ms",
"values": [
"--pf-v5-global--TransitionDuration",
"$pf-v5-global--TransitionDuration",
"250ms"
]
},
"c_menu_m_drilldown_c_menu_Transition": {
"name": "--pf-v5-c-menu--m-drilldown--c-menu--Transition",
"value": "transform 250ms",
"values": [
"transform --pf-v5-c-menu--m-drilldown--c-menu--TransitionDuration--transform",
"transform --pf-v5-global--TransitionDuration",
"transform $pf-v5-global--TransitionDuration",
"transform 250ms"
]
},
"c_menu_m_drilldown__content_TransitionDuration_height": {
"name": "--pf-v5-c-menu--m-drilldown__content--TransitionDuration--height",
"value": "250ms",
"values": [
"--pf-v5-global--TransitionDuration",
"$pf-v5-global--TransitionDuration",
"250ms"
]
},
"c_menu_m_drilldown__content_TransitionDuration_transform": {
"name": "--pf-v5-c-menu--m-drilldown__content--TransitionDuration--transform",
"value": "250ms",
"values": [
"--pf-v5-global--TransitionDuration",
"$pf-v5-global--TransitionDuration",
"250ms"
]
},
"c_menu_m_drilldown__content_Transition": {
"name": "--pf-v5-c-menu--m-drilldown__content--Transition",
"value": "transform 250ms, height 250ms",
"values": [
"transform --pf-v5-c-menu--m-drilldown__content--TransitionDuration--transform, height --pf-v5-c-menu--m-drilldown__content--TransitionDuration--height",
"transform --pf-v5-global--TransitionDuration, height --pf-v5-global--TransitionDuration",
"transform $pf-v5-global--TransitionDuration, height $pf-v5-global--TransitionDuration",
"transform 250ms, height 250ms"
]
},
"c_menu_m_drilldown__list_TransitionDuration_transform": {
"name": "--pf-v5-c-menu--m-drilldown__list--TransitionDuration--transform",
"value": "250ms",
"values": [
"--pf-v5-global--TransitionDuration",
"$pf-v5-global--TransitionDuration",
"250ms"
]
},
"c_menu_m_drilldown__list_Transition": {
"name": "--pf-v5-c-menu--m-drilldown__list--Transition",
"value": "transform 250ms",
"values": [
"transform --pf-v5-c-menu--m-drilldown__list--TransitionDuration--transform",
"transform --pf-v5-global--TransitionDuration",
"transform $pf-v5-global--TransitionDuration",
"transform 250ms"
]
},
"c_menu_m_drilled_in_c_menu__list_item_m_current_path_c_menu_ZIndex": {
"name": "--pf-v5-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex",
"value": "100",
"values": [
"--pf-v5-global--ZIndex--xs",
"$pf-v5-global--ZIndex--xs",
"100"
]
},
"c_menu__footer_PaddingTop": {
"name": "--pf-v5-c-menu__footer--PaddingTop",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_menu__footer_PaddingRight": {
"name": "--pf-v5-c-menu__footer--PaddingRight",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_menu__footer_PaddingBottom": {
"name": "--pf-v5-c-menu__footer--PaddingBottom",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_menu__footer_PaddingLeft": {
"name": "--pf-v5-c-menu__footer--PaddingLeft",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_menu__footer_BoxShadow": {
"name": "--pf-v5-c-menu__footer--BoxShadow",
"value": "none"
},
"c_menu__footer_after_BorderTopWidth": {
"name": "--pf-v5-c-menu__footer--after--BorderTopWidth",
"value": "1px",
"values": [
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_menu__footer_after_BorderTopColor": {
"name": "--pf-v5-c-menu__footer--after--BorderTopColor",
"value": "#d2d2d2",
"values": [
"--pf-v5-global--BorderColor--100",
"$pf-v5-global--BorderColor--100",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"c_menu_m_scrollable__footer_BoxShadow": {
"name": "--pf-v5-c-menu--m-scrollable__footer--BoxShadow",
"value": "0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)",
"values": [
"--pf-v5-global--BoxShadow--sm-top",
"$pf-v5-global--BoxShadow--sm-top",
"0 pf-size-prem(-2px) pf-size-prem(4px) pf-size-prem(-1px) rgba($pf-v5-color-black-1000, .16)",
"0 pf-size-prem(-2px) pf-size-prem(4px) pf-size-prem(-1px) rgba(#030303, .16)",
"0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)"
]
},
"c_menu_m_scrollable__footer_after_BorderTopWidth": {
"name": "--pf-v5-c-menu--m-scrollable__footer--after--BorderTopWidth",
"value": "0"
},
"c_menu_m_scrollable__footer_after_BorderBottomWidth": {
"name": "--pf-v5-c-menu--m-scrollable__footer--after--BorderBottomWidth",
"value": "1px",
"values": [
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_menu_m_nav_BoxShadow": {
"name": "--pf-v5-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-v5-global--BoxShadow--lg",
"$pf-v5-global--BoxShadow--lg",
"0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-v5-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-v5-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-v5-c-menu--m-nav--BackgroundColor",
"value": "#212427",
"values": [
"--pf-v5-global--BackgroundColor--dark-300",
"$pf-v5-global--BackgroundColor--dark-300",
"$pf-v5-color-black-850",
"#212427"
]
},
"c_menu_m_nav__list_PaddingTop": {
"name": "--pf-v5-c-menu--m-nav__list--PaddingTop",
"value": "0"
},
"c_menu_m_nav__list_PaddingBottom": {
"name": "--pf-v5-c-menu--m-nav__list--PaddingBottom",
"value": "0"
},
"c_menu_m_nav__list_item_hover_BackgroundColor": {
"name": "--pf-v5-c-menu--m-nav__list-item--hover--BackgroundColor",
"value": "#3c3f42",
"values": [
"--pf-v5-global--BackgroundColor--dark-200",
"$pf-v5-global--BackgroundColor--dark-200",
"$pf-v5-color-black-800",
"#3c3f42"
]
},
"c_menu_m_nav__list_item_focus_within_BackgroundColor": {
"name": "--pf-v5-c-menu--m-nav__list-item--focus-within--BackgroundColor",
"value": "#3c3f42",
"values": [
"--pf-v5-global--BackgroundColor--dark-200",
"$pf-v5-global--BackgroundColor--dark-200",
"$pf-v5-color-black-800",
"#3c3f42"
]
},
"c_menu_m_nav__list_item_active_BackgroundColor": {
"name": "--pf-v5-c-menu--m-nav__list-item--active--BackgroundColor",
"value": "#3c3f42",
"values": [
"--pf-v5-global--BackgroundColor--dark-200",
"$pf-v5-global--BackgroundColor--dark-200",
"$pf-v5-color-black-800",
"#3c3f42"
]
},
"c_menu_m_nav__item_PaddingRight": {
"name": "--pf-v5-c-menu--m-nav__item--PaddingRight",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_menu_m_nav__item_PaddingLeft": {
"name": "--pf-v5-c-menu--m-nav__item--PaddingLeft",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_menu_m_nav__item_Color": {
"name": "--pf-v5-c-menu--m-nav__item--Color",
"value": "#fff",
"values": [
"--pf-v5-global--Color--light-100",
"$pf-v5-global--Color--light-100",
"$pf-v5-color-white",
"#fff"
]
},
"c_menu_m_nav__item_FontSize": {
"name": "--pf-v5-c-menu--m-nav__item--FontSize",
"value": "0.875rem",
"values": [
"--pf-v5-global--FontSize--sm",
"$pf-v5-global--FontSize--sm",
"pf-font-prem(14px)",
"0.875rem"
]
},
"c_menu_m_nav__item_OutlineOffset": {
"name": "--pf-v5-c-menu--m-nav__item--OutlineOffset",
"value": "calc(0.25rem * -1)",
"values": [
"calc(--pf-v5-global--spacer--xs * -1)",
"calc($pf-v5-global--spacer--xs * -1)",
"calc(pf-size-prem(4px) * -1)",
"calc(0.25rem * -1)"
]
},
"c_menu_m_nav__item_before_BorderBottomColor": {
"name": "--pf-v5-c-menu--m-nav__item--before--BorderBottomColor",
"value": "#3c3f42",
"values": [
"--pf-v5-global--BackgroundColor--dark-200",
"$pf-v5-global--BackgroundColor--dark-200",
"$pf-v5-color-black-800",
"#3c3f42"
]
},
"c_menu_m_nav__item_before_BorderBottomWidth": {
"name": "--pf-v5-c-menu--m-nav__item--before--BorderBottomWidth",
"value": "1px",
"values": [
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_menu_m_nav__item_hover_after_BorderLeftColor": {
"name": "--pf-v5-c-menu--m-nav__item--hover--after--BorderLeftColor",
"value": "#8a8d90",
"values": [
"--pf-v5-global--BorderColor--200",
"$pf-v5-global--BorderColor--200",
"$pf-v5-color-black-500",
"#8a8d90"
]
},
"c_menu_m_nav__item_hover_after_BorderLeftWidth": {
"name": "--pf-v5-c-menu--m-nav__item--hover--after--BorderLeftWidth",
"value": "1px",
"values": [
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_menu_m_nav__item_hover_after_Top": {
"name": "--pf-v5-c-menu--m-nav__item--hover--after--Top",
"value": "calc(1px * -1)",
"values": [
"calc(--pf-v5-c-menu--m-nav__item--before--BorderBottomWidth * -1)",
"calc(--pf-v5-global--BorderWidth--sm * -1)",
"calc($pf-v5-global--BorderWidth--sm * -1)",
"calc(1px * -1)"
]
},
"c_menu_m_nav__item__list_item_first_child__item_hover_after_Top": {
"name": "--pf-v5-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top",
"value": "0"
},
"c_menu_m_nav__item_description_Color": {
"name": "--pf-v5-c-menu--m-nav__item-description--Color",
"value": "#f0f0f0",
"values": [
"--pf-v5-global--Color--light-200",
"$pf-v5-global--Color--light-200",
"$pf-v5-color-black-200",
"#f0f0f0"
]
},
"c_menu_m_nav_c_menu_left_offset": {
"name": "--pf-v5-c-menu--m-nav--c-menu--left-offset",
"value": "0.25rem"
},
"c_menu_m_nav_c_menu_m_top_bottom_offset": {
"name": "--pf-v5-c-menu--m-nav--c-menu--m-top--bottom-offset",
"value": "0"
},
"c_menu_m_nav_c_menu_m_left_right_offset": {
"name": "--pf-v5-c-menu--m-nav--c-menu--m-left--right-offset",
"value": "0.25rem"
},
"c_menu_m_nav_c_menu_Top": {
"name": "--pf-v5-c-menu--m-nav--c-menu--Top",
"value": "calc(1px * -1)",
"values": [
"calc(--pf-v5-c-menu--m-nav__item--before--BorderBottomWidth * -1)",
"calc(--pf-v5-global--BorderWidth--sm * -1)",
"calc($pf-v5-global--BorderWidth--sm * -1)",
"calc(1px * -1)"
]
},
"c_menu_m_nav_c_menu_Left": {
"name": "--pf-v5-c-menu--m-nav--c-menu--Left",
"value": "calc(100% - 0.25rem)",
"values": [
"calc(100% - --pf-v5-c-menu--m-nav--c-menu--left-offset)",
"calc(100% - 0.25rem)"
]
},
"c_menu_m_nav_c_menu_m_left_Right": {
"name": "--pf-v5-c-menu--m-nav--c-menu--m-left--Right",
"value": "calc(100% - 0.25rem)",
"values": [
"calc(100% - --pf-v5-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-v5-c-menu--m-nav--c-menu--m-top--Bottom",
"value": "calc(0 + 0)",
"values": [
"calc(0 + --pf-v5-c-menu--m-nav--c-menu--m-top--bottom-offset)",
"calc(0 + 0)"
]
},
"c_menu_m_nav__list_item_first_child_c_menu_Top": {
"name": "--pf-v5-c-menu--m-nav__list-item--first-child--c-menu--Top",
"value": "0"
}
},
".pf-v5-c-menu__group": {
"hidden_visible_hidden_Display": {
"name": "--pf-v5-hidden-visible--hidden--Display",
"value": "none"
},
"hidden_visible_Display": {
"name": "--pf-v5-hidden-visible--Display",
"value": "block",
"values": [
"--pf-v5-hidden-visible--visible--Display",
"--pf-v5-c-menu__group--Display",
"block"
]
},
"hidden_visible_visible_Display": {
"name": "--pf-v5-hidden-visible--visible--Display",
"value": "block",
"values": [
"--pf-v5-c-menu__group--Display",
"block"
]
}
},
".pf-m-hidden.pf-v5-c-menu__group": {
"hidden_visible_Display": {
"name": "--pf-v5-hidden-visible--Display",
"value": "none",
"values": [
"--pf-v5-hidden-visible--hidden--Display",
"none"
]
}
},
".pf-v5-c-menu.pf-m-top": {
"c_menu_m_flyout__menu_Top": {
"name": "--pf-v5-c-menu--m-flyout__menu--Top",
"value": "auto"
},
"c_menu_m_flyout__menu_Bottom": {
"name": "--pf-v5-c-menu--m-flyout__menu--Bottom",
"value": "calc(0.5rem * -1)",
"values": [
"--pf-v5-c-menu--m-flyout__menu--m-top--Bottom",
"calc(--pf-v5-c-menu__list--PaddingTop * -1)",
"calc(--pf-v5-global--spacer--sm * -1)",
"calc($pf-v5-global--spacer--sm * -1)",
"calc(pf-size-prem(8px) * -1)",
"calc(0.5rem * -1)"
]
}
},
".pf-v5-c-menu.pf-m-left": {
"c_menu_m_flyout__menu_Right": {
"name": "--pf-v5-c-menu--m-flyout__menu--Right",
"value": "calc(100% + 0px)",
"values": [
"--pf-v5-c-menu--m-flyout__menu--m-left--Right",
"calc(100% + --pf-v5-c-menu--m-flyout__menu--m-left--right-offset)",
"calc(100% + 0px)"
]
},
"c_menu_m_flyout__menu_Left": {
"name": "--pf-v5-c-menu--m-flyout__menu--Left",
"value": "auto"
}
},
".pf-v5-c-menu.pf-m-drilldown > .pf-v5-c-menu__content .pf-v5-c-menu": {
"c_menu_BoxShadow": {
"name": "--pf-v5-c-menu--BoxShadow",
"value": "none"
}
},
".pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__list .pf-v5-c-menu__list": {
"c_menu__list_PaddingTop": {
"name": "--pf-v5-c-menu__list--PaddingTop",
"value": "0"
},
"c_menu__list_PaddingBottom": {
"name": "--pf-v5-c-menu__list--PaddingBottom",
"value": "0"
}
},
".pf-v5-c-menu.pf-m-plain": {
"c_menu_BoxShadow": {
"name": "--pf-v5-c-menu--BoxShadow",
"value": "none",
"values": [
"--pf-v5-c-menu--m-plain--BoxShadow",
"none"
]
}
},
".pf-v5-c-menu.pf-m-scrollable": {
"c_menu__content_MaxHeight": {
"name": "--pf-v5-c-menu__content--MaxHeight",
"value": "18.75rem",
"values": [
"--pf-v5-c-menu--m-scrollable__content--MaxHeight",
"18.75rem"
]
},
"c_menu__footer_BoxShadow": {
"name": "--pf-v5-c-menu__footer--BoxShadow",
"value": "0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)",
"values": [
"--pf-v5-c-menu--m-scrollable__footer--BoxShadow",
"--pf-v5-global--BoxShadow--sm-top",
"$pf-v5-global--BoxShadow--sm-top",
"0 pf-size-prem(-2px) pf-size-prem(4px) pf-size-prem(-1px) rgba($pf-v5-color-black-1000, .16)",
"0 pf-size-prem(-2px) pf-size-prem(4px) pf-size-prem(-1px) rgba(#030303, .16)",
"0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)"
]
},
"c_menu__footer_after_BorderTopWidth": {
"name": "--pf-v5-c-menu__footer--after--BorderTopWidth",
"value": "0",
"values": [
"--pf-v5-c-menu--m-scrollable__footer--after--BorderTopWidth",
"0"
]
}
},
".pf-v5-c-menu.pf-m-nav": {
"c_menu_BackgroundColor": {
"name": "--pf-v5-c-menu--BackgroundColor",
"value": "#212427",
"values": [
"--pf-v5-c-menu--m-nav--BackgroundColor",
"--pf-v5-global--BackgroundColor--dark-300",
"$pf-v5-global--BackgroundColor--dark-300",
"$pf-v5-color-black-850",
"#212427"
]
},
"c_menu__list_PaddingTop": {
"name": "--pf-v5-c-menu__list--PaddingTop",
"value": "0",
"values": [
"--pf-v5-c-menu--m-nav__list--PaddingTop",
"0"
]
},
"c_menu__list_PaddingBottom": {
"name": "--pf-v5-c-menu__list--PaddingBottom",
"value": "0",
"values": [
"--pf-v5-c-menu--m-nav__list--PaddingBottom",
"0"
]
},
"c_menu__list_item_hover_BackgroundColor": {
"name": "--pf-v5-c-menu__list-item--hover--BackgroundColor",
"value": "#3c3f42",
"values": [
"--pf-v5-c-menu--m-nav__list-item--hover--BackgroundColor",
"--pf-v5-global--BackgroundColor--dark-200",
"$pf-v5-global--BackgroundColor--dark-200",
"$pf-v5-color-black-800",
"#3c3f42"
]
},
"c_menu__list_item_focus_within_BackgroundColor": {
"name": "--pf-v5-c-menu__list-item--focus-within--BackgroundColor",
"value": "#3c3f42",
"values": [
"--pf-v5-c-menu--m-nav__list-item--focus-within--BackgroundColor",
"--pf-v5-global--BackgroundColor--dark-200",
"$pf-v5-global--BackgroundColor--dark-200",
"$pf-v5-color-black-800",
"#3c3f42"
]
},
"c_menu__list_item_active_BackgroundColor": {
"name": "--pf-v5-c-menu__list-item--active--BackgroundColor",
"value": "#3c3f42",
"values": [
"--pf-v5-c-menu--m-nav__list-item--active--BackgroundColor",
"--pf-v5-global--BackgroundColor--dark-200",
"$pf-v5-global--BackgroundColor--dark-200",
"$pf-v5-color-black-800",
"#3c3f42"
]
},
"c_menu__item_Color": {
"name": "--pf-v5-c-menu__item--Color",
"value": "#fff",
"values": [
"--pf-v5-c-menu--m-nav__item--Color",
"--pf-v5-global--Color--light-100",
"$pf-v5-global--Color--light-100",
"$pf-v5-color-white",
"#fff"
]
},
"c_menu__item_FontSize": {
"name": "--pf-v5-c-menu__item--FontSize",
"value": "0.875rem",
"values": [
"--pf-v5-c-menu--m-nav__item--FontSize",
"--pf-v5-global--FontSize--sm",
"$pf-v5-global--FontSize--sm",
"pf-font-prem(14px)",
"0.875rem"
]
},
"c_menu__item_OutlineOffset": {
"name": "--pf-v5-c-menu__item--OutlineOffset",
"value": "calc(0.25rem * -1)",
"values": [
"--pf-v5-c-menu--m-nav__item--OutlineOffset",
"calc(--pf-v5-global--spacer--xs * -1)",
"calc($pf-v5-global--spacer--xs * -1)",
"calc(pf-size-prem(4px) * -1)",
"calc(0.25rem * -1)"
]
},
"c_menu__item_PaddingRight": {
"name": "--pf-v5-c-menu__item--PaddingRight",
"value": "1.5rem",
"values": [
"--pf-v5-c-menu--m-nav__item--PaddingRight",
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_menu__item_PaddingLeft": {
"name": "--pf-v5-c-menu__item--PaddingLeft",
"value": "1.5rem",
"values": [
"--pf-v5-c-menu--m-nav__item--PaddingLeft",
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_menu__item_description_Color": {
"name": "--pf-v5-c-menu__item-description--Color",
"value": "#f0f0f0",
"values": [
"--pf-v5-c-menu--m-nav__item-description--Color",
"--pf-v5-global--Color--light-200",
"$pf-v5-global--Color--light-200",
"$pf-v5-color-black-200",
"#f0f0f0"
]
}
},
".pf-v5-c-menu.pf-m-flyout.pf-m-nav.pf-m-top": {
"c_menu_m_nav_c_menu_Top": {
"name": "--pf-v5-c-menu--m-nav--c-menu--Top",
"value": "auto"
}
},
".pf-v5-c-menu.pf-m-flyout.pf-m-nav.pf-m-left": {
"c_menu_m_nav_c_menu_Left": {
"name": "--pf-v5-c-menu--m-nav--c-menu--Left",
"value": "auto"
}
},
".pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu__list-item:first-child": {
"c_menu_m_nav__item_hover_after_Top": {
"name": "--pf-v5-c-menu--m-nav__item--hover--after--Top",
"value": "0",
"values": [
"--pf-v5-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top",
"0"
]
}
},
".pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu__list-item:first-child .pf-v5-c-menu": {
"c_menu_m_nav_c_menu_Top": {
"name": "--pf-v5-c-menu--m-nav--c-menu--Top",
"value": "0",
"values": [
"--pf-v5-c-menu--m-nav__list-item--first-child--c-menu--Top",
"0"
]
}
},
".pf-v5-c-menu__breadcrumb .pf-v5-c-breadcrumb": {
"c_breadcrumb__item_FontSize": {
"name": "--pf-v5-c-breadcrumb__item--FontSize",
"value": "1rem",
"values": [
"--pf-v5-c-menu__breadcrumb--c-breadcrumb__item--FontSize",
"--pf-v5-global--FontSize--md",
"$pf-v5-global--FontSize--md",
"pf-font-prem(16px)",
"1rem"
]
},
"c_breadcrumb__heading_FontSize": {
"name": "--pf-v5-c-breadcrumb__heading--FontSize",
"value": "1rem",
"values": [
"--pf-v5-c-menu__breadcrumb--c-breadcrumb__heading--FontSize",
"--pf-v5-global--FontSize--md",
"$pf-v5-global--FontSize--md",
"pf-font-prem(16px)",
"1rem"
]
}
},
".pf-v5-c-menu__content .pf-v5-c-menu__content": {
"c_menu__content_Height": {
"name": "--pf-v5-c-menu__content--Height",
"value": "auto"
}
},
".pf-v5-c-menu__header": {
"c_menu__item_PaddingTop": {
"name": "--pf-v5-c-menu__item--PaddingTop",
"value": "0.5rem",
"values": [
"--pf-v5-c-menu__header--c-menu__item--PaddingTop",
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_menu__item_PaddingRight": {
"name": "--pf-v5-c-menu__item--PaddingRight",
"value": "1rem",
"values": [
"--pf-v5-c-menu__header--c-menu__item--PaddingRight",
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_menu__item_PaddingBottom": {
"name": "--pf-v5-c-menu__item--PaddingBottom",
"value": "0.5rem",
"values": [
"--pf-v5-c-menu__header--c-menu__item--PaddingBottom",
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_menu__item_PaddingLeft": {
"name": "--pf-v5-c-menu__item--PaddingLeft",
"value": "1rem",
"values": [
"--pf-v5-c-menu__header--c-menu__item--PaddingLeft",
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
}
},
".pf-v5-c-menu__header > .pf-v5-c-menu__item": {
"c_menu__item_BackgroundColor": {
"name": "--pf-v5-c-menu__item--BackgroundColor",
"value": "transparent",
"values": [
"--pf-v5-c-menu__header--c-menu__item--BackgroundColor",
"transparent"
]
}
},
".pf-v5-c-menu__header > .pf-v5-c-menu__item:hover": {
"c_menu__item_BackgroundColor": {
"name": "--pf-v5-c-menu__item--BackgroundColor",
"value": "#f0f0f0",
"values": [
"--pf-v5-c-menu__header--c-menu__item--hover--BackgroundColor",
"--pf-v5-global--BackgroundColor--200",
"$pf-v5-global--BackgroundColor--200",
"$pf-v5-color-black-200",
"#f0f0f0"
]
}
},
".pf-v5-c-menu__header > .pf-v5-c-menu__item:focus": {
"c_menu__item_BackgroundColor": {
"name": "--pf-v5-c-menu__item--BackgroundColor",
"value": "#f0f0f0",
"values": [
"--pf-v5-c-menu__header--c-menu__item--focus--BackgroundColor",
"--pf-v5-global--BackgroundColor--200",
"$pf-v5-global--BackgroundColor--200",
"$pf-v5-color-black-200",
"#f0f0f0"
]
}
},
".pf-v5-c-menu__header + .pf-v5-c-menu__search": {
"c_menu__search_PaddingTop": {
"name": "--pf-v5-c-menu__search--PaddingTop",
"value": "0",
"values": [
"--pf-v5-c-menu__header__search--PaddingTop",
"0"
]
}
},
".pf-v5-c-menu__list": {
"hidden_visible_visible_Display": {
"name": "--pf-v5-hidden-visible--visible--Display",
"value": "block",
"values": [
"--pf-v5-c-menu__list--Display",
"block"
]
}
},
".pf-v5-c-menu__list-item": {
"hidden_visible_visible_Display": {
"name": "--pf-v5-hidden-visible--visible--Display",
"value": "flex",
"values": [
"--pf-v5-c-menu__list-item--Display",
"flex"
]
}
},
".pf-v5-c-menu__list-item:hover": {
"c_menu__list_item_BackgroundColor": {
"name": "--pf-v5-c-menu__list-item--BackgroundColor",
"value": "#f0f0f0",
"values": [
"--pf-v5-c-menu__list-item--hover--BackgroundColor",
"--pf-v5-global--BackgroundColor--200",
"$pf-v5-global--BackgroundColor--200",
"$pf-v5-color-black-200",
"#f0f0f0"
]
},
"c_menu__list_item_Color": {
"name": "--pf-v5-c-menu__list-item--Color",
"value": "#fff, inherit",
"values": [
"var(--pf-v5-c-menu__list-item--hover--Color, inherit)",
"--pf-v5-c-nav--c-menu__list-item--hover--Color, inherit",
"--pf-v5-global--Color--light-100, inherit",
"$pf-v5-global--Color--light-100, inherit",
"$pf-v5-color-white, inherit",
"#fff, inherit"
]
}
},
".pf-v5-c-menu__list-item:focus-within": {
"c_menu__list_item_BackgroundColor": {
"name": "--pf-v5-c-menu__list-item--BackgroundColor",
"value": "#f0f0f0",
"values": [
"--pf-v5-c-menu__list-item--focus-within--BackgroundColor",
"--pf-v5-global--BackgroundColor--200",
"$pf-v5-global--BackgroundColor--200",
"$pf-v5-color-black-200",
"#f0f0f0"
]
},
"c_menu__list_item_Color": {
"name": "--pf-v5-c-menu__list-item--Color",
"value": "#fff, inherit",
"values": [
"var(--pf-v5-c-menu__list-item--focus-within--Color, inherit)",
"--pf-v5-c-nav--c-menu__list-item--focus-within--Color, inherit",
"--pf-v5-global--Color--light-100, inherit",
"$pf-v5-global--Color--light-100, inherit",
"$pf-v5-color-white, inherit",
"#fff, inherit"
]
}
},
".pf-v5-c-menu__list-item.pf-m-disabled": {
"c_menu__list_item_hover_BackgroundColor": {
"name": "--pf-v5-c-menu__list-item--hover--BackgroundColor",
"value": "transparent"
},
"c_menu__item_Color": {
"name": "--pf-v5-c-menu__item--Color",
"value": "#6a6e73",
"values": [
"--pf-v5-c-menu__list-item--m-disabled__item--Color",
"--pf-v5-global--disabled-color--100",
"$pf-v5-global--disabled-color--100",
"$pf-v5-color-black-600",
"#6a6e73"
]
},
"c_menu__item_toggle_icon": {
"name": "--pf-v5-c-menu__item-toggle-icon",
"value": "#d2d2d2",
"values": [
"--pf-v5-c-menu__list-item--m-disabled__item-toggle-icon--Color",
"--pf-v5-global--disabled-color--200",
"$pf-v5-global--disabled-color--200",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"c_menu__list_item_focus_within_BackgroundColor": {
"name": "--pf-v5-c-menu__list-item--focus-within--BackgroundColor",
"value": "transparent"
}
},
".pf-v5-c-menu__list-item.pf-m-load": {
"c_menu__list_item_hover_BackgroundColor": {
"name": "--pf-v5-c-menu__list-item--hover--BackgroundColor",
"value": "transparent"
},
"c_menu__list_item_focus_within_BackgroundColor": {
"name": "--pf-v5-c-menu__list-item--focus-within--BackgroundColor",
"value": "transparent"
},
"c_menu__item_Color": {
"name": "--pf-v5-c-menu__item--Color",
"value": "#06c",
"values": [
"--pf-v5-c-menu__list-item--m-load__item--Color",
"--pf-v5-global--link--Color",
"$pf-v5-global--link--Color",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
}
},
".pf-v5-c-menu__list-item.pf-m-loading": {
"c_menu__list_item_hover_BackgroundColor": {
"name": "--pf-v5-c-menu__list-item--hover--BackgroundColor",
"value": "transparent"
},
"c_menu__list_item_focus_within_BackgroundColor": {
"name": "--pf-v5-c-menu__list-item--focus-within--BackgroundColor",
"value": "transparent"
}
},
".pf-v5-c-menu__list-item.pf-m-danger": {
"c_menu__item_Color": {
"name": "--pf-v5-c-menu__item--Color",
"value": "#c9190b, inherit",
"values": [
"var(--pf-v5-c-menu__list-item--m-danger__item--Color, inherit)",
"--pf-v5-global--danger-color--100, inherit",
"$pf-v5-global--danger-color--100, inherit",
"$pf-v5-color-red-100, inherit",
"#c9190b, inherit"
]
}
},
".pf-v5-c-menu__item:hover": {
"c_menu__item_external_icon_Opacity": {
"name": "--pf-v5-c-menu__item-external-icon--Opacity",
"value": "1"
}
},
".pf-v5-c-menu__item-check .pf-v5-c-check": {
"c_check__input_TranslateY": {
"name": "--pf-v5-c-check__input--TranslateY",
"value": "none"
}
},
".pf-v5-c-menu__item-action.pf-m-favorited": {
"c_menu__item_action_Color": {
"name": "--pf-v5-c-menu__item-action--Color",
"value": "#f0ab00",
"values": [
"--pf-v5-c-menu__item-action--m-favorited--Color",
"--pf-v5-global--palette--gold-400",
"$pf-v5-color-gold-400",
"#f0ab00"
]
},
"c_menu__item_action_hover_Color": {
"name": "--pf-v5-c-menu__item-action--hover--Color",
"value": "#c58c00",
"values": [
"--pf-v5-c-menu__item-action--m-favorited--hover--Color",
"--pf-v5-global--palette--gold-500",
"$pf-v5-color-gold-500",
"#c58c00"
]
}
},
".pf-v5-c-menu__item-action:hover": {
"c_menu__item_action_Color": {
"name": "--pf-v5-c-menu__item-action--Color",
"value": "#151515",
"values": [
"--pf-v5-c-menu__item-action--hover--Color",
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
}
},
".pf-v5-c-menu__item-action:disabled": {
"c_menu__item_action_Color": {
"name": "--pf-v5-c-menu__item-action--Color",
"value": "#d2d2d2",
"values": [
"--pf-v5-c-menu__item-action--disabled--Color",
"--pf-v5-global--disabled-color--200",
"$pf-v5-global--disabled-color--200",
"$pf-v5-color-black-300",
"#d2d2d2"
]
}
}
};
export default c_menu;© 2015 - 2025 Weber Informatics LLC | Privacy Policy