@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
1,139 lines • 38 kB
JavaScript
export const c_menu = {
".pf-v6-c-menu": {
"c_menu_RowGap": {
"name": "--pf-v6-c-menu--RowGap",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_menu_Width": {
"name": "--pf-v6-c-menu--Width",
"value": "auto"
},
"c_menu_MinWidth": {
"name": "--pf-v6-c-menu--MinWidth",
"value": "auto"
},
"c_menu_PaddingBlockStart": {
"name": "--pf-v6-c-menu--PaddingBlockStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_menu_PaddingBlockEnd": {
"name": "--pf-v6-c-menu--PaddingBlockEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_menu_BackgroundColor": {
"name": "--pf-v6-c-menu--BackgroundColor",
"value": "#ffffff",
"values": [
"--pf-t--global--background--color--floating--default",
"--pf-t--global--background--color--100",
"--pf-t--color--white",
"#ffffff"
]
},
"c_menu_BoxShadow": {
"name": "--pf-v6-c-menu--BoxShadow",
"value": "0px\n 4px\n 9px\n 0px\n rgba(41, 41, 41, 0.1500)",
"values": [
"--pf-t--global--box-shadow--md",
"--pf-t--global--box-shadow--X--md--default\n --pf-t--global--box-shadow--Y--md--default\n --pf-t--global--box-shadow--blur--md\n --pf-t--global--box-shadow--spread--md--default\n --pf-t--global--box-shadow--color--md--default",
"--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--600\n --pf-t--global--box-shadow--blur--200\n --pf-t--global--box-shadow--spread--100\n --pf-t--global--box-shadow--color--100",
"0px\n 4px\n 9px\n 0px\n rgba(41, 41, 41, 0.1500)"
]
},
"c_menu_Color": {
"name": "--pf-v6-c-menu--Color",
"value": "#151515",
"values": [
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
},
"c_menu_BorderRadius": {
"name": "--pf-v6-c-menu--BorderRadius",
"value": "6px",
"values": [
"--pf-t--global--border--radius--small",
"--pf-t--global--border--radius--200",
"6px"
]
},
"c_menu_OutlineOffset": {
"name": "--pf-v6-c-menu--OutlineOffset",
"value": "calc(1px * -3)",
"values": [
"calc(--pf-t--global--border--width--control--default * -3)",
"calc(--pf-t--global--border--width--100 * -3)",
"calc(1px * -3)"
]
},
"c_menu_ZIndex": {
"name": "--pf-v6-c-menu--ZIndex",
"value": "200",
"values": [
"--pf-t--global--z-index--sm",
"--pf-t--global--z-index--200",
"200"
]
},
"c_menu_button_disabled_Color": {
"name": "--pf-v6-c-menu--button--disabled--Color",
"value": "#a3a3a3",
"values": [
"--pf-t--global--text--color--disabled",
"--pf-t--global--color--disabled--200",
"--pf-t--color--gray--40",
"#a3a3a3"
]
},
"c_menu_icon_disabled_Color": {
"name": "--pf-v6-c-menu--icon--disabled--Color",
"value": "#a3a3a3",
"values": [
"--pf-t--global--icon--color--disabled",
"--pf-t--global--color--disabled--200",
"--pf-t--color--gray--40",
"#a3a3a3"
]
},
"c_menu_TransitionDuration": {
"name": "--pf-v6-c-menu--TransitionDuration",
"value": "200ms",
"values": [
"--pf-t--global--motion--duration--fade--default",
"--pf-t--global--motion--duration--md",
"--pf-t--global--duration--200",
"200ms"
]
},
"c_menu_TransitionTimingFunction": {
"name": "--pf-v6-c-menu--TransitionTimingFunction",
"value": "cubic-bezier(.4, 0, .2, 1)",
"values": [
"--pf-t--global--motion--timing-function--default",
"--pf-t--global--timing-function--200",
"cubic-bezier(.4, 0, .2, 1)"
]
},
"c_menu_m_plain_BoxShadow": {
"name": "--pf-v6-c-menu--m-plain--BoxShadow",
"value": "none"
},
"c_menu__content_RowGap": {
"name": "--pf-v6-c-menu__content--RowGap",
"value": "0.5rem",
"values": [
"--pf-v6-c-menu--RowGap",
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_menu__content_Height": {
"name": "--pf-v6-c-menu__content--Height",
"value": "auto"
},
"c_menu__content_MaxHeight": {
"name": "--pf-v6-c-menu__content--MaxHeight",
"value": "none"
},
"c_menu_m_scrollable__content_MaxHeight": {
"name": "--pf-v6-c-menu--m-scrollable__content--MaxHeight",
"value": "18.75rem"
},
"c_menu__search_PaddingBlockStart": {
"name": "--pf-v6-c-menu__search--PaddingBlockStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_menu__search_PaddingBlockEnd": {
"name": "--pf-v6-c-menu__search--PaddingBlockEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_menu__search_PaddingInlineStart": {
"name": "--pf-v6-c-menu__search--PaddingInlineStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_menu__search_PaddingInlineEnd": {
"name": "--pf-v6-c-menu__search--PaddingInlineEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_menu__footer_BoxShadow": {
"name": "--pf-v6-c-menu__footer--BoxShadow",
"value": "none"
},
"c_menu_m_scrollable__footer_BoxShadow": {
"name": "--pf-v6-c-menu--m-scrollable__footer--BoxShadow",
"value": "0px\n -10px\n 9px\n -8px\n rgba(41, 41, 41, 0.1500)",
"values": [
"--pf-t--global--box-shadow--md--top",
"--pf-t--global--box-shadow--X--md--top\n --pf-t--global--box-shadow--Y--md--top\n --pf-t--global--box-shadow--blur--md\n --pf-t--global--box-shadow--spread--md--directional\n --pf-t--global--box-shadow--color--md--directional",
"--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--100\n --pf-t--global--box-shadow--blur--200\n --pf-t--global--box-shadow--spread--300\n --pf-t--global--box-shadow--color--100",
"0px\n -10px\n 9px\n -8px\n rgba(41, 41, 41, 0.1500)"
]
},
"c_menu__list_item_Color": {
"name": "--pf-v6-c-menu__list-item--Color",
"value": "#151515",
"values": [
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
},
"c_menu__list_item_BackgroundColor": {
"name": "--pf-v6-c-menu__list-item--BackgroundColor",
"value": "rgba(255, 255, 255, 0.0000)",
"values": [
"--pf-t--global--background--color--action--plain--default",
"rgba(255, 255, 255, 0.0000)"
]
},
"c_menu__list_item_TransitionDuration": {
"name": "--pf-v6-c-menu__list-item--TransitionDuration",
"value": "100ms",
"values": [
"--pf-t--global--motion--duration--fade--short",
"--pf-t--global--motion--duration--sm",
"--pf-t--global--duration--100",
"100ms"
]
},
"c_menu__list_item_TransitionTimingFunction": {
"name": "--pf-v6-c-menu__list-item--TransitionTimingFunction",
"value": "cubic-bezier(.4, 0, .2, 1)",
"values": [
"--pf-t--global--motion--timing-function--default",
"--pf-t--global--timing-function--200",
"cubic-bezier(.4, 0, .2, 1)"
]
},
"c_menu__list_item_TransitionProperty": {
"name": "--pf-v6-c-menu__list-item--TransitionProperty",
"value": "background-color"
},
"c_menu__list_item_hover_BackgroundColor": {
"name": "--pf-v6-c-menu__list-item--hover--BackgroundColor",
"value": "rgba(199, 199, 199, 0.2500)",
"values": [
"--pf-t--global--background--color--action--plain--hover",
"--pf-t--global--background--color--600",
"rgba(199, 199, 199, 0.2500)"
]
},
"c_menu__list_item_m_danger_Color": {
"name": "--pf-v6-c-menu__list-item--m-danger--Color",
"value": "#b1380b",
"values": [
"--pf-t--global--text--color--status--danger--default",
"--pf-t--global--color--status--danger--default",
"--pf-t--global--color--status--danger--100",
"--pf-t--color--red-orange--60",
"#b1380b"
]
},
"c_menu__list_item_m_load__item_Color": {
"name": "--pf-v6-c-menu__list-item--m-load__item--Color",
"value": "#0066cc",
"values": [
"--pf-t--global--text--color--link--default",
"--pf-t--global--text--color--link--100",
"--pf-t--color--blue--50",
"#0066cc"
]
},
"c_menu__list_item_has_menu_action_PaddingInlineEnd": {
"name": "--pf-v6-c-menu__list-item--has--menu-action--PaddingInlineEnd",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_menu__list_divider_MarginBlockStart": {
"name": "--pf-v6-c-menu__list--divider--MarginBlockStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_menu__list_divider_MarginBlockEnd": {
"name": "--pf-v6-c-menu__list--divider--MarginBlockEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_menu__item_PaddingBlockStart": {
"name": "--pf-v6-c-menu__item--PaddingBlockStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_menu__item_PaddingBlockEnd": {
"name": "--pf-v6-c-menu__item--PaddingBlockEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_menu__item_PaddingInlineStart": {
"name": "--pf-v6-c-menu__item--PaddingInlineStart",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_menu__item_PaddingInlineEnd": {
"name": "--pf-v6-c-menu__item--PaddingInlineEnd",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_menu__item_FontSize": {
"name": "--pf-v6-c-menu__item--FontSize",
"value": "0.875rem",
"values": [
"--pf-t--global--font--size--body--default",
"--pf-t--global--font--size--sm",
"--pf-t--global--font--size--200",
"0.875rem"
]
},
"c_menu__item_LineHeight": {
"name": "--pf-v6-c-menu__item--LineHeight",
"value": "1.5",
"values": [
"--pf-t--global--font--line-height--body",
"--pf-t--global--font--line-height--200",
"1.5"
]
},
"c_menu__item_FontWeight": {
"name": "--pf-v6-c-menu__item--FontWeight",
"value": "400",
"values": [
"--pf-t--global--font--weight--body--default",
"--pf-t--global--font--weight--100",
"400"
]
},
"c_menu__item_Color": {
"name": "--pf-v6-c-menu__item--Color",
"value": "#151515",
"values": [
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
},
"c_menu__item_BackgroundColor": {
"name": "--pf-v6-c-menu__item--BackgroundColor",
"value": "rgba(255, 255, 255, 0.0000)",
"values": [
"--pf-t--global--background--color--action--plain--default",
"rgba(255, 255, 255, 0.0000)"
]
},
"c_menu__item_m_disabled_Color": {
"name": "--pf-v6-c-menu__item--m-disabled--Color",
"value": "#a3a3a3",
"values": [
"--pf-t--global--text--color--disabled",
"--pf-t--global--color--disabled--200",
"--pf-t--color--gray--40",
"#a3a3a3"
]
},
"c_menu__header_PaddingBlockStart": {
"name": "--pf-v6-c-menu__header--PaddingBlockStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_menu__header_PaddingBlockEnd": {
"name": "--pf-v6-c-menu__header--PaddingBlockEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_menu__header_PaddingInlineStart": {
"name": "--pf-v6-c-menu__header--PaddingInlineStart",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_menu__header_PaddingInlineEnd": {
"name": "--pf-v6-c-menu__header--PaddingInlineEnd",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_menu__group_title_PaddingBlockStart": {
"name": "--pf-v6-c-menu__group-title--PaddingBlockStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_menu__group_title_PaddingBlockEnd": {
"name": "--pf-v6-c-menu__group-title--PaddingBlockEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_menu__group_title_PaddingInlineStart": {
"name": "--pf-v6-c-menu__group-title--PaddingInlineStart",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_menu__group_title_PaddingInlineEnd": {
"name": "--pf-v6-c-menu__group-title--PaddingInlineEnd",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_menu__breadcrumb_PaddingBlockStart": {
"name": "--pf-v6-c-menu__breadcrumb--PaddingBlockStart",
"value": "0"
},
"c_menu__breadcrumb_PaddingBlockEnd": {
"name": "--pf-v6-c-menu__breadcrumb--PaddingBlockEnd",
"value": "0"
},
"c_menu__breadcrumb_PaddingInlineStart": {
"name": "--pf-v6-c-menu__breadcrumb--PaddingInlineStart",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_menu__breadcrumb_PaddingInlineEnd": {
"name": "--pf-v6-c-menu__breadcrumb--PaddingInlineEnd",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_menu__footer_PaddingBlockStart": {
"name": "--pf-v6-c-menu__footer--PaddingBlockStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_menu__footer_PaddingBlockEnd": {
"name": "--pf-v6-c-menu__footer--PaddingBlockEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_menu__footer_PaddingInlineStart": {
"name": "--pf-v6-c-menu__footer--PaddingInlineStart",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_menu__footer_PaddingInlineEnd": {
"name": "--pf-v6-c-menu__footer--PaddingInlineEnd",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_menu__item_main_ColumnGap": {
"name": "--pf-v6-c-menu__item-main--ColumnGap",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_menu__group_title_Color": {
"name": "--pf-v6-c-menu__group-title--Color",
"value": "#4d4d4d",
"values": [
"--pf-t--global--text--color--subtle",
"--pf-t--global--text--color--200",
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"c_menu__item_description_FontSize": {
"name": "--pf-v6-c-menu__item-description--FontSize",
"value": "0.75rem",
"values": [
"--pf-t--global--font--size--body--sm",
"--pf-t--global--font--size--xs",
"--pf-t--global--font--size--100",
"0.75rem"
]
},
"c_menu__item_description_Color": {
"name": "--pf-v6-c-menu__item-description--Color",
"value": "#4d4d4d",
"values": [
"--pf-t--global--text--color--subtle",
"--pf-t--global--text--color--200",
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"c_menu__item_action_FontSize": {
"name": "--pf-v6-c-menu__item-action--FontSize",
"value": "0.875rem",
"values": [
"--pf-t--global--font--size--body--default",
"--pf-t--global--font--size--sm",
"--pf-t--global--font--size--200",
"0.875rem"
]
},
"c_menu__item_action_icon_size": {
"name": "--pf-v6-c-menu__item-action--icon--size",
"value": "0.875rem, 0.875rem",
"values": [
"var(--pf-v6-c-menu__item-action--FontSize, --pf-t--global--icon--size--md)",
"--pf-t--global--font--size--body--default, --pf-t--global--icon--size--md",
"--pf-t--global--font--size--sm, --pf-t--global--icon--size--200",
"--pf-t--global--font--size--200, 0.875rem",
"0.875rem, 0.875rem"
]
},
"c_menu__item_action_Color": {
"name": "--pf-v6-c-menu__item-action--Color",
"value": "#707070",
"values": [
"--pf-t--global--icon--color--subtle",
"--pf-t--global--icon--color--200",
"--pf-t--color--gray--50",
"#707070"
]
},
"c_menu__item_action_m_favorited_Color": {
"name": "--pf-v6-c-menu__item-action--m-favorited--Color",
"value": "#dca614",
"values": [
"--pf-t--global--icon--color--favorite--clicked",
"--pf-t--global--color--favorite--clicked",
"--pf-t--global--color--favorite--200",
"--pf-t--color--yellow--40",
"#dca614"
]
},
"c_menu__item_action_button_MinWidth": {
"name": "--pf-v6-c-menu__item-action--button--MinWidth",
"value": "calc(0.875rem, 0.875rem) + 0.5rem * 2",
"values": [
"calc(--pf-v6-c-menu__item-action--icon--size + --pf-t--global--spacer--sm * 2)",
"calc(var(--pf-v6-c-menu__item-action--FontSize, --pf-t--global--icon--size--md) + --pf-t--global--spacer--200 * 2)",
"calc(--pf-t--global--font--size--body--default, --pf-t--global--icon--size--md) + --pf-t--global--spacer--200 * 2",
"calc(--pf-t--global--font--size--sm, --pf-t--global--icon--size--200) + 0.5rem * 2",
"calc(--pf-t--global--font--size--200, 0.875rem) + 0.5rem * 2",
"calc(0.875rem, 0.875rem) + 0.5rem * 2"
]
},
"c_menu__item_select_icon_Color": {
"name": "--pf-v6-c-menu__item-select-icon--Color",
"value": "#707070",
"values": [
"--pf-t--global--icon--color--subtle",
"--pf-t--global--icon--color--200",
"--pf-t--color--gray--50",
"#707070"
]
},
"c_menu__item_m_selected__item_select_icon_Color": {
"name": "--pf-v6-c-menu__item--m-selected__item-select-icon--Color",
"value": "#0066cc",
"values": [
"--pf-t--global--icon--color--brand--default",
"--pf-t--global--color--brand--default",
"--pf-t--global--color--brand--200",
"--pf-t--color--blue--50",
"#0066cc"
]
},
"c_menu__item_external_Color": {
"name": "--pf-v6-c-menu__item-external--Color",
"value": "#0066cc",
"values": [
"--pf-t--global--icon--color--brand--default",
"--pf-t--global--color--brand--default",
"--pf-t--global--color--brand--200",
"--pf-t--color--blue--50",
"#0066cc"
]
},
"c_menu_m_flyout__menu_top_offset": {
"name": "--pf-v6-c-menu--m-flyout__menu--top-offset",
"value": "0px"
},
"c_menu_m_flyout__menu_left_offset": {
"name": "--pf-v6-c-menu--m-flyout__menu--left-offset",
"value": "0px"
},
"c_menu_m_flyout__menu_m_left_right_offset": {
"name": "--pf-v6-c-menu--m-flyout__menu--m-left--right-offset",
"value": "0px"
},
"c_menu_m_flyout__Zindex": {
"name": "--pf-v6-c-menu--m-flyout__Zindex",
"value": "200",
"values": [
"--pf-t--global--z-index--sm",
"--pf-t--global--z-index--200",
"200"
]
},
"c_menu_m_flyout__menu_InsetBlockStart": {
"name": "--pf-v6-c-menu--m-flyout__menu--InsetBlockStart",
"value": "calc(0 * -1 + 0px)",
"values": [
"calc(--pf-v6-c-menu__list--PaddingBlockStart * -1 + --pf-v6-c-menu--m-flyout__menu--top-offset)",
"calc(0 * -1 + 0px)"
]
},
"c_menu_m_flyout__menu_InsetInlineEnd": {
"name": "--pf-v6-c-menu--m-flyout__menu--InsetInlineEnd",
"value": "auto"
},
"c_menu_m_flyout__menu_InsetBlockEnd": {
"name": "--pf-v6-c-menu--m-flyout__menu--InsetBlockEnd",
"value": "auto"
},
"c_menu_m_flyout__menu_InsetInlineStart": {
"name": "--pf-v6-c-menu--m-flyout__menu--InsetInlineStart",
"value": "calc(100% + 0px)",
"values": [
"calc(100% + --pf-v6-c-menu--m-flyout__menu--left-offset)",
"calc(100% + 0px)"
]
},
"c_menu_m_flyout__menu_m_top_InsetBlockEnd": {
"name": "--pf-v6-c-menu--m-flyout__menu--m-top--InsetBlockEnd",
"value": "calc(0 * -1)",
"values": [
"calc(--pf-v6-c-menu__list--PaddingBlockStart * -1)",
"calc(0 * -1)"
]
},
"c_menu_m_flyout__menu_m_left_InsetInlineEnd": {
"name": "--pf-v6-c-menu--m-flyout__menu--m-left--InsetInlineEnd",
"value": "calc(100% + 0px)",
"values": [
"calc(100% + --pf-v6-c-menu--m-flyout__menu--m-left--right-offset)",
"calc(100% + 0px)"
]
},
"c_menu_m_drilldown__content_TransitionDuration_height": {
"name": "--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height",
"value": "400ms",
"values": [
"--pf-t--global--motion--duration--slide-in--default",
"--pf-t--global--motion--duration--xl",
"--pf-t--global--duration--400",
"400ms"
]
},
"c_menu_m_drilldown__content_TransitionDuration_transform": {
"name": "--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform",
"value": "400ms",
"values": [
"--pf-t--global--motion--duration--slide-in--default",
"--pf-t--global--motion--duration--xl",
"--pf-t--global--duration--400",
"400ms"
]
},
"c_menu_m_drilldown__content_Transition": {
"name": "--pf-v6-c-menu--m-drilldown__content--Transition",
"value": "transform 400ms, height 400ms",
"values": [
"transform --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform, height --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height",
"transform --pf-t--global--motion--duration--slide-in--default, height --pf-t--global--motion--duration--slide-in--default",
"transform --pf-t--global--motion--duration--xl, height --pf-t--global--motion--duration--xl",
"transform --pf-t--global--duration--400, height --pf-t--global--duration--400",
"transform 400ms, height 400ms"
]
},
"c_menu_m_drilldown_c_menu_InsetBlockStart": {
"name": "--pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart",
"value": "0"
},
"c_menu_m_drilldown_c_menu_TransitionDuration_transform": {
"name": "--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform",
"value": "400ms",
"values": [
"--pf-t--global--motion--duration--slide-in--default",
"--pf-t--global--motion--duration--xl",
"--pf-t--global--duration--400",
"400ms"
]
},
"c_menu_m_drilldown_c_menu_Transition": {
"name": "--pf-v6-c-menu--m-drilldown--c-menu--Transition",
"value": "transform 400ms",
"values": [
"transform --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform",
"transform --pf-t--global--motion--duration--slide-in--default",
"transform --pf-t--global--motion--duration--xl",
"transform --pf-t--global--duration--400",
"transform 400ms"
]
},
"c_menu_m_drilldown__list_TransitionDuration_transform": {
"name": "--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform",
"value": "400ms",
"values": [
"--pf-t--global--motion--duration--slide-in--default",
"--pf-t--global--motion--duration--xl",
"--pf-t--global--duration--400",
"400ms"
]
},
"c_menu_m_drilldown__list_Transition": {
"name": "--pf-v6-c-menu--m-drilldown__list--Transition",
"value": "transform 400ms",
"values": [
"transform --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform",
"transform --pf-t--global--motion--duration--slide-in--default",
"transform --pf-t--global--motion--duration--xl",
"transform --pf-t--global--duration--400",
"transform 400ms"
]
},
"c_menu_m_drilled_in_c_menu__list_item_m_current_path_c_menu_ZIndex": {
"name": "--pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex",
"value": "100",
"values": [
"--pf-t--global--z-index--xs",
"--pf-t--global--z-index--100",
"100"
]
}
},
".pf-v6-c-menu__list": {
"hidden_visible_visible_Display": {
"name": "--pf-v6-hidden-visible--visible--Display",
"value": "grid"
},
"hidden_visible_hidden_Display": {
"name": "--pf-v6-hidden-visible--hidden--Display",
"value": "none"
},
"hidden_visible_Display": {
"name": "--pf-v6-hidden-visible--Display",
"value": "flex",
"values": [
"--pf-v6-hidden-visible--visible--Display",
"--pf-v6-c-data-list__item-action--Display",
"flex"
]
}
},
".pf-v6-c-menu__list.pf-m-hidden": {
"hidden_visible_Display": {
"name": "--pf-v6-hidden-visible--Display",
"value": "none",
"values": [
"--pf-v6-hidden-visible--hidden--Display",
"none"
]
}
},
".pf-v6-c-menu__list-item:is(.pf-m-disabled, :disabled, .pf-m-aria-disabled, [aria-disabled=true])": {
"c_menu__item_Color": {
"name": "--pf-v6-c-menu__item--Color",
"value": "#a3a3a3",
"values": [
"--pf-v6-c-menu__item--m-disabled--Color",
"--pf-t--global--text--color--disabled",
"--pf-t--global--color--disabled--200",
"--pf-t--color--gray--40",
"#a3a3a3"
]
},
"c_menu__item_toggle_icon_Color": {
"name": "--pf-v6-c-menu__item-toggle-icon--Color",
"value": "#a3a3a3",
"values": [
"--pf-v6-c-menu--icon--disabled--Color",
"--pf-t--global--icon--color--disabled",
"--pf-t--global--color--disabled--200",
"--pf-t--color--gray--40",
"#a3a3a3"
]
},
"c_menu__item_external_icon_Color": {
"name": "--pf-v6-c-menu__item-external-icon--Color",
"value": "#a3a3a3",
"values": [
"--pf-v6-c-menu--icon--disabled--Color",
"--pf-t--global--icon--color--disabled",
"--pf-t--global--color--disabled--200",
"--pf-t--color--gray--40",
"#a3a3a3"
]
},
"c_menu__item_description_Color": {
"name": "--pf-v6-c-menu__item-description--Color",
"value": "#a3a3a3",
"values": [
"--pf-v6-c-menu--icon--disabled--Color",
"--pf-t--global--icon--color--disabled",
"--pf-t--global--color--disabled--200",
"--pf-t--color--gray--40",
"#a3a3a3"
]
},
"c_menu__list_item_BackgroundColor": {
"name": "--pf-v6-c-menu__list-item--BackgroundColor",
"value": "transparent"
}
},
".pf-v6-c-menu.pf-m-top": {
"c_menu_m_flyout__menu_InsetBlockStart": {
"name": "--pf-v6-c-menu--m-flyout__menu--InsetBlockStart",
"value": "auto"
},
"c_menu_m_flyout__menu_InsetBlockEnd": {
"name": "--pf-v6-c-menu--m-flyout__menu--InsetBlockEnd",
"value": "calc(0 * -1)",
"values": [
"--pf-v6-c-menu--m-flyout__menu--m-top--InsetBlockEnd",
"calc(--pf-v6-c-menu__list--PaddingBlockStart * -1)",
"calc(0 * -1)"
]
}
},
".pf-v6-c-menu.pf-m-left": {
"c_menu_m_flyout__menu_InsetInlineEnd": {
"name": "--pf-v6-c-menu--m-flyout__menu--InsetInlineEnd",
"value": "calc(100% + 0px)",
"values": [
"--pf-v6-c-menu--m-flyout__menu--m-left--InsetInlineEnd",
"calc(100% + --pf-v6-c-menu--m-flyout__menu--m-left--right-offset)",
"calc(100% + 0px)"
]
},
"c_menu_m_flyout__menu_InsetInlineStart": {
"name": "--pf-v6-c-menu--m-flyout__menu--InsetInlineStart",
"value": "auto"
}
},
".pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list": {
"c_menu__list_PaddingBlockStart": {
"name": "--pf-v6-c-menu__list--PaddingBlockStart",
"value": "0"
},
"c_menu__list_PaddingBlockEnd": {
"name": "--pf-v6-c-menu__list--PaddingBlockEnd",
"value": "0"
}
},
".pf-v6-c-menu.pf-m-plain": {
"c_menu_BoxShadow": {
"name": "--pf-v6-c-menu--BoxShadow",
"value": "none",
"values": [
"--pf-v6-c-menu--m-plain--BoxShadow",
"none"
]
}
},
".pf-v6-c-menu.pf-m-scrollable": {
"c_menu__content_MaxHeight": {
"name": "--pf-v6-c-menu__content--MaxHeight",
"value": "18.75rem",
"values": [
"--pf-v6-c-menu--m-scrollable__content--MaxHeight",
"18.75rem"
]
},
"c_menu__footer_BoxShadow": {
"name": "--pf-v6-c-menu__footer--BoxShadow",
"value": "0px\n -10px\n 9px\n -8px\n rgba(41, 41, 41, 0.1500)",
"values": [
"--pf-v6-c-menu--m-scrollable__footer--BoxShadow",
"--pf-t--global--box-shadow--md--top",
"--pf-t--global--box-shadow--X--md--top\n --pf-t--global--box-shadow--Y--md--top\n --pf-t--global--box-shadow--blur--md\n --pf-t--global--box-shadow--spread--md--directional\n --pf-t--global--box-shadow--color--md--directional",
"--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--100\n --pf-t--global--box-shadow--blur--200\n --pf-t--global--box-shadow--spread--300\n --pf-t--global--box-shadow--color--100",
"0px\n -10px\n 9px\n -8px\n rgba(41, 41, 41, 0.1500)"
]
},
"c_menu__footer_PaddingBlockStart": {
"name": "--pf-v6-c-menu__footer--PaddingBlockStart",
"value": "calc(0.5rem + 0.5rem)",
"values": [
"calc(--pf-v6-c-menu__item--PaddingBlockStart + --pf-v6-c-menu--RowGap)",
"calc(--pf-t--global--spacer--sm + --pf-t--global--spacer--sm)",
"calc(--pf-t--global--spacer--200 + --pf-t--global--spacer--200)",
"calc(0.5rem + 0.5rem)"
]
},
"c_menu__footer_PaddingBlockEnd": {
"name": "--pf-v6-c-menu__footer--PaddingBlockEnd",
"value": "calc(0.5rem + 0.5rem)",
"values": [
"calc(--pf-v6-c-menu__item--PaddingBlockStart + --pf-v6-c-menu--RowGap)",
"calc(--pf-t--global--spacer--sm + --pf-t--global--spacer--sm)",
"calc(--pf-t--global--spacer--200 + --pf-t--global--spacer--200)",
"calc(0.5rem + 0.5rem)"
]
}
},
".pf-v6-c-menu.pf-m-scrollable:has(.pf-v6-c-menu__footer)": {
"c_menu_PaddingBlockEnd": {
"name": "--pf-v6-c-menu--PaddingBlockEnd",
"value": "0"
}
},
".pf-v6-c-menu__content .pf-v6-c-menu__content": {
"c_menu__content_Height": {
"name": "--pf-v6-c-menu__content--Height",
"value": "auto"
}
},
".pf-v6-c-menu__list-item.pf-m-load": {
"c_menu__item_Color": {
"name": "--pf-v6-c-menu__item--Color",
"value": "#0066cc",
"values": [
"--pf-v6-c-menu__list-item--m-load__item--Color",
"--pf-t--global--text--color--link--default",
"--pf-t--global--text--color--link--100",
"--pf-t--color--blue--50",
"#0066cc"
]
}
},
".pf-v6-c-menu__list-item.pf-m-danger": {
"c_menu__item_Color": {
"name": "--pf-v6-c-menu__item--Color",
"value": "#b1380b",
"values": [
"--pf-v6-c-menu__list-item--m-danger--Color",
"--pf-t--global--text--color--status--danger--default",
"--pf-t--global--color--status--danger--default",
"--pf-t--global--color--status--danger--100",
"--pf-t--color--red-orange--60",
"#b1380b"
]
}
},
".pf-v6-c-menu__list-item.pf-m-danger:is(:hover, :focus)": {
"c_menu__item_Color": {
"name": "--pf-v6-c-menu__item--Color",
"value": "undefined, #b1380b",
"values": [
"var(--pf-v6-c-menu__list-item--m-danger--hover--Color, --pf-v6-c-menu__list-item--m-danger--Color)",
"undefined, --pf-v6-c-menu__list-item--m-danger--Color",
"undefined, --pf-t--global--text--color--status--danger--default",
"undefined, --pf-t--global--color--status--danger--default",
"undefined, --pf-t--global--color--status--danger--100",
"undefined, --pf-t--color--red-orange--60",
"undefined, #b1380b"
]
}
},
".pf-v6-c-menu__list-item.pf-m-focus": {
"c_menu__list_item_BackgroundColor": {
"name": "--pf-v6-c-menu__list-item--BackgroundColor",
"value": "rgba(199, 199, 199, 0.2500)",
"values": [
"--pf-v6-c-menu__list-item--hover--BackgroundColor",
"--pf-t--global--background--color--action--plain--hover",
"--pf-t--global--background--color--600",
"rgba(199, 199, 199, 0.2500)"
]
}
},
".pf-v6-c-menu__item": {
"hidden_visible_visible_Display": {
"name": "--pf-v6-hidden-visible--visible--Display",
"value": "flex"
},
"hidden_visible_hidden_Display": {
"name": "--pf-v6-hidden-visible--hidden--Display",
"value": "none"
},
"hidden_visible_Display": {
"name": "--pf-v6-hidden-visible--Display",
"value": "flex",
"values": [
"--pf-v6-hidden-visible--visible--Display",
"--pf-v6-c-data-list__item-action--Display",
"flex"
]
}
},
".pf-v6-c-menu__item.pf-m-hidden": {
"hidden_visible_Display": {
"name": "--pf-v6-hidden-visible--Display",
"value": "none",
"values": [
"--pf-v6-hidden-visible--hidden--Display",
"none"
]
}
},
".pf-v6-c-menu__item.pf-m-selected": {
"c_menu__item_select_icon_Color": {
"name": "--pf-v6-c-menu__item-select-icon--Color",
"value": "#0066cc",
"values": [
"--pf-v6-c-menu__item--m-selected__item-select-icon--Color",
"--pf-t--global--icon--color--brand--default",
"--pf-t--global--color--brand--default",
"--pf-t--global--color--brand--200",
"--pf-t--color--blue--50",
"#0066cc"
]
}
},
".pf-v6-c-menu__item-check .pf-v6-c-check": {
"c_check__input_TranslateY": {
"name": "--pf-v6-c-check__input--TranslateY",
"value": "none"
}
},
".pf-v6-c-menu__item-toggle-icon.pf-m-favorited": {
"c_button_Color": {
"name": "--pf-v6-c-button--Color",
"value": "#dca614",
"values": [
"--pf-v6-c-menu__item-action--m-favorited--Color",
"--pf-t--global--icon--color--favorite--clicked",
"--pf-t--global--color--favorite--clicked",
"--pf-t--global--color--favorite--200",
"--pf-t--color--yellow--40",
"#dca614"
]
},
"c_menu__item_action_Color": {
"name": "--pf-v6-c-menu__item-action--Color",
"value": "#dca614",
"values": [
"--pf-v6-c-menu__item-action--m-favorited--Color",
"--pf-t--global--icon--color--favorite--clicked",
"--pf-t--global--color--favorite--clicked",
"--pf-t--global--color--favorite--200",
"--pf-t--color--yellow--40",
"#dca614"
]
}
},
".pf-v6-c-menu__breadcrumb": {
"c_breadcrumb__item_FontSize": {
"name": "--pf-v6-c-breadcrumb__item--FontSize",
"value": "undefined",
"values": [
"--pf-v6-c-menu__breadcrumb--FontSize",
"undefined"
]
}
},
".pf-v6-c-menu__breadcrumb .pf-v6-c-menu-toggle": {
"c_menu_toggle_BorderWidth": {
"name": "--pf-v6-c-menu-toggle--BorderWidth",
"value": "0"
},
"c_menu_toggle_BorderColor": {
"name": "--pf-v6-c-menu-toggle--BorderColor",
"value": "transparent"
}
}
};
export default c_menu;