@patternfly/react-tokens

export const c_menu_toggle: { ".pf-v6-c-menu-toggle": { "c_menu_toggle_Gap": { "name": "--pf-v6-c-menu-toggle--Gap", "value": "0.5rem", "values": [ "--pf-t--global--spacer--gap--text-to-element--default", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_menu_toggle_PaddingBlockStart": { "name": "--pf-v6-c-menu-toggle--PaddingBlockStart", "value": "0.5rem", "values": [ "--pf-t--global--spacer--control--vertical--default", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_menu_toggle_PaddingInlineEnd": { "name": "--pf-v6-c-menu-toggle--PaddingInlineEnd", "value": "1rem", "values": [ "--pf-t--global--spacer--control--horizontal--default", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_menu_toggle_PaddingBlockEnd": { "name": "--pf-v6-c-menu-toggle--PaddingBlockEnd", "value": "0.5rem", "values": [ "--pf-t--global--spacer--control--vertical--default", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_menu_toggle_PaddingInlineStart": { "name": "--pf-v6-c-menu-toggle--PaddingInlineStart", "value": "1rem", "values": [ "--pf-t--global--spacer--control--horizontal--default", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_menu_toggle_MinWidth": { "name": "--pf-v6-c-menu-toggle--MinWidth", "value": "calc(0.875rem * 1.5 + 0.5rem + 0.5rem)", "values": [ "calc(--pf-v6-c-menu-toggle--FontSize * --pf-v6-c-menu-toggle--LineHeight + --pf-v6-c-menu-toggle--PaddingBlockStart + --pf-v6-c-menu-toggle--PaddingBlockEnd)", "calc(--pf-t--global--font--size--body--default * --pf-t--global--font--line-height--body + --pf-t--global--spacer--control--vertical--default + --pf-t--global--spacer--control--vertical--default)", "calc(--pf-t--global--font--size--sm * --pf-t--global--font--line-height--200 + --pf-t--global--spacer--sm + --pf-t--global--spacer--sm)", "calc(--pf-t--global--font--size--200 * 1.5 + --pf-t--global--spacer--200 + --pf-t--global--spacer--200)", "calc(0.875rem * 1.5 + 0.5rem + 0.5rem)" ] }, "c_menu_toggle_FontSize": { "name": "--pf-v6-c-menu-toggle--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_toggle_Color": { "name": "--pf-v6-c-menu-toggle--Color", "value": "#151515", "values": [ "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_menu_toggle_LineHeight": { "name": "--pf-v6-c-menu-toggle--LineHeight", "value": "1.5", "values": [ "--pf-t--global--font--line-height--body", "--pf-t--global--font--line-height--200", "1.5" ] }, "c_menu_toggle_BackgroundColor": { "name": "--pf-v6-c-menu-toggle--BackgroundColor", "value": "#ffffff", "values": [ "--pf-t--global--background--color--control--default", "--pf-t--global--background--color--primary--default", "--pf-t--global--background--color--100", "--pf-t--color--white", "#ffffff" ] }, "c_menu_toggle_BorderRadius": { "name": "--pf-v6-c-menu-toggle--BorderRadius", "value": "6px", "values": [ "--pf-t--global--border--radius--small", "--pf-t--global--border--radius--200", "6px" ] }, "c_menu_toggle_BorderColor": { "name": "--pf-v6-c-menu-toggle--BorderColor", "value": "#c7c7c7", "values": [ "--pf-t--global--border--color--default", "--pf-t--global--border--color--100", "--pf-t--color--gray--30", "#c7c7c7" ] }, "c_menu_toggle_BorderWidth": { "name": "--pf-v6-c-menu-toggle--BorderWidth", "value": "1px", "values": [ "--pf-t--global--border--width--action--default", "--pf-t--global--border--width--100", "1px" ] }, "c_menu_toggle_border_ZIndex": { "name": "--pf-v6-c-menu-toggle--border--ZIndex", "value": "100", "values": [ "--pf-t--global--z-index--xs", "--pf-t--global--z-index--100", "100" ] }, "c_menu_toggle_TransitionTimingFunction": { "name": "--pf-v6-c-menu-toggle--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_toggle_TransitionDuration": { "name": "--pf-v6-c-menu-toggle--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_toggle_TransitionProperty": { "name": "--pf-v6-c-menu-toggle--TransitionProperty", "value": "color, background-color, border-width, border-color" }, "c_menu_toggle_hover_Color": { "name": "--pf-v6-c-menu-toggle--hover--Color", "value": "#151515", "values": [ "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_menu_toggle_hover_BackgroundColor": { "name": "--pf-v6-c-menu-toggle--hover--BackgroundColor", "value": "#ffffff", "values": [ "--pf-t--global--background--color--control--default", "--pf-t--global--background--color--primary--default", "--pf-t--global--background--color--100", "--pf-t--color--white", "#ffffff" ] }, "c_menu_toggle_hover_BorderWidth": { "name": "--pf-v6-c-menu-toggle--hover--BorderWidth", "value": "1px", "values": [ "--pf-t--global--border--width--action--default", "--pf-t--global--border--width--100", "1px" ] }, "c_menu_toggle_hover_BorderColor": { "name": "--pf-v6-c-menu-toggle--hover--BorderColor", "value": "#4394e5", "values": [ "--pf-t--global--border--color--hover", "--pf-t--global--color--brand--100", "--pf-t--color--blue--40", "#4394e5" ] }, "c_menu_toggle_hover__toggle_icon_Color": { "name": "--pf-v6-c-menu-toggle--hover__toggle-icon--Color", "value": "#1f1f1f", "values": [ "--pf-t--global--icon--color--regular", "--pf-t--global--icon--color--100", "--pf-t--color--gray--90", "#1f1f1f" ] }, "c_menu_toggle_expanded_Color": { "name": "--pf-v6-c-menu-toggle--expanded--Color", "value": "#151515", "values": [ "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_menu_toggle_expanded_BackgroundColor": { "name": "--pf-v6-c-menu-toggle--expanded--BackgroundColor", "value": "#ffffff", "values": [ "--pf-t--global--background--color--control--default", "--pf-t--global--background--color--primary--default", "--pf-t--global--background--color--100", "--pf-t--color--white", "#ffffff" ] }, "c_menu_toggle_expanded_BorderWidth": { "name": "--pf-v6-c-menu-toggle--expanded--BorderWidth", "value": "2px", "values": [ "--pf-t--global--border--width--action--clicked", "--pf-t--global--border--width--200", "2px" ] }, "c_menu_toggle_expanded_BorderColor": { "name": "--pf-v6-c-menu-toggle--expanded--BorderColor", "value": "#0066cc", "values": [ "--pf-t--global--border--color--clicked", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_menu_toggle_expanded__toggle_icon_Color": { "name": "--pf-v6-c-menu-toggle--expanded__toggle-icon--Color", "value": "#1f1f1f", "values": [ "--pf-t--global--icon--color--regular", "--pf-t--global--icon--color--100", "--pf-t--color--gray--90", "#1f1f1f" ] }, "c_menu_toggle_disabled_Color": { "name": "--pf-v6-c-menu-toggle--disabled--Color", "value": "#4d4d4d", "values": [ "--pf-t--global--text--color--on-disabled", "--pf-t--global--color--disabled--300", "--pf-t--color--gray--60", "#4d4d4d" ] }, "c_menu_toggle_disabled__icon_Color": { "name": "--pf-v6-c-menu-toggle--disabled__icon--Color", "value": "#4d4d4d", "values": [ "--pf-t--global--icon--color--on-disabled", "--pf-t--global--color--disabled--300", "--pf-t--color--gray--60", "#4d4d4d" ] }, "c_menu_toggle_disabled__toggle_icon_Color": { "name": "--pf-v6-c-menu-toggle--disabled__toggle-icon--Color", "value": "#4d4d4d", "values": [ "--pf-t--global--icon--color--on-disabled", "--pf-t--global--color--disabled--300", "--pf-t--color--gray--60", "#4d4d4d" ] }, "c_menu_toggle_disabled__status_icon_Color": { "name": "--pf-v6-c-menu-toggle--disabled__status-icon--Color", "value": "#4d4d4d", "values": [ "--pf-t--global--icon--color--on-disabled", "--pf-t--global--color--disabled--300", "--pf-t--color--gray--60", "#4d4d4d" ] }, "c_menu_toggle_disabled_BackgroundColor": { "name": "--pf-v6-c-menu-toggle--disabled--BackgroundColor", "value": "#c7c7c7", "values": [ "--pf-t--global--background--color--disabled--default", "--pf-t--global--color--disabled--100", "--pf-t--color--gray--30", "#c7c7c7" ] }, "c_menu_toggle__icon_MinHeight": { "name": "--pf-v6-c-menu-toggle__icon--MinHeight", "value": "calc(0.875rem * 1.5)", "values": [ "calc(--pf-v6-c-menu-toggle--FontSize * --pf-v6-c-menu-toggle--LineHeight)", "calc(--pf-t--global--font--size--body--default * --pf-t--global--font--line-height--body)", "calc(--pf-t--global--font--size--sm * --pf-t--global--font--line-height--200)", "calc(--pf-t--global--font--size--200 * 1.5)", "calc(0.875rem * 1.5)" ] }, "c_menu_toggle__icon_Color": { "name": "--pf-v6-c-menu-toggle__icon--Color", "value": "#1f1f1f", "values": [ "--pf-t--global--icon--color--regular", "--pf-t--global--icon--color--100", "--pf-t--color--gray--90", "#1f1f1f" ] }, "c_menu_toggle__toggle_icon_MinHeight": { "name": "--pf-v6-c-menu-toggle__toggle-icon--MinHeight", "value": "calc(0.875rem * 1.5)", "values": [ "calc(--pf-v6-c-menu-toggle--FontSize * --pf-v6-c-menu-toggle--LineHeight)", "calc(--pf-t--global--font--size--body--default * --pf-t--global--font--line-height--body)", "calc(--pf-t--global--font--size--sm * --pf-t--global--font--line-height--200)", "calc(--pf-t--global--font--size--200 * 1.5)", "calc(0.875rem * 1.5)" ] }, "c_menu_toggle__toggle_icon_Color": { "name": "--pf-v6-c-menu-toggle__toggle-icon--Color", "value": "#1f1f1f", "values": [ "--pf-t--global--icon--color--regular", "--pf-t--global--icon--color--100", "--pf-t--color--gray--90", "#1f1f1f" ] }, "c_menu_toggle_m_primary_PaddingInlineStart": { "name": "--pf-v6-c-menu-toggle--m-primary--PaddingInlineStart", "value": "1.5rem", "values": [ "--pf-t--global--spacer--action--horizontal--default", "--pf-t--global--spacer--lg", "--pf-t--global--spacer--400", "1.5rem" ] }, "c_menu_toggle_m_primary_PaddingInlineEnd": { "name": "--pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd", "value": "1.5rem", "values": [ "--pf-t--global--spacer--action--horizontal--default", "--pf-t--global--spacer--lg", "--pf-t--global--spacer--400", "1.5rem" ] }, "c_menu_toggle_m_primary_Color": { "name": "--pf-v6-c-menu-toggle--m-primary--Color", "value": "#ffffff", "values": [ "--pf-t--global--text--color--on-brand--default", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_menu_toggle_m_primary_BackgroundColor": { "name": "--pf-v6-c-menu-toggle--m-primary--BackgroundColor", "value": "#0066cc", "values": [ "--pf-t--global--color--brand--default", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_menu_toggle_m_primary_BorderRadius": { "name": "--pf-v6-c-menu-toggle--m-primary--BorderRadius", "value": "999px", "values": [ "--pf-t--global--border--radius--pill", "--pf-t--global--border--radius--500", "999px" ] }, "c_menu_toggle_m_primary_BorderColor": { "name": "--pf-v6-c-menu-toggle--m-primary--BorderColor", "value": "transparent" }, "c_menu_toggle_m_primary_hover_Color": { "name": "--pf-v6-c-menu-toggle--m-primary--hover--Color", "value": "#ffffff", "values": [ "--pf-t--global--text--color--on-brand--hover", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_menu_toggle_m_primary_hover_BackgroundColor": { "name": "--pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor", "value": "#004d99", "values": [ "--pf-t--global--color--brand--hover", "--pf-t--global--color--brand--300", "--pf-t--color--blue--60", "#004d99" ] }, "c_menu_toggle_m_primary_hover_BorderColor": { "name": "--pf-v6-c-menu-toggle--m-primary--hover--BorderColor", "value": "transparent" }, "c_menu_toggle_m_primary_expanded_Color": { "name": "--pf-v6-c-menu-toggle--m-primary--expanded--Color", "value": "#ffffff", "values": [ "--pf-t--global--text--color--on-brand--clicked", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_menu_toggle_m_primary_expanded_BackgroundColor": { "name": "--pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor", "value": "#004d99", "values": [ "--pf-t--global--color--brand--clicked", "--pf-t--global--color--brand--300", "--pf-t--color--blue--60", "#004d99" ] }, "c_menu_toggle_m_primary_expanded_BorderColor": { "name": "--pf-v6-c-menu-toggle--m-primary--expanded--BorderColor", "value": "transparent" }, "c_menu_toggle_m_primary__toggle_icon_Color": { "name": "--pf-v6-c-menu-toggle--m-primary__toggle-icon--Color", "value": "#ffffff", "values": [ "--pf-t--global--icon--color--on-brand--default", "--pf-t--global--icon--color--inverse", "--pf-t--global--icon--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_menu_toggle_m_primary_hover__toggle_icon_Color": { "name": "--pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color", "value": "#ffffff", "values": [ "--pf-t--global--icon--color--on-brand--hover", "--pf-t--global--icon--color--inverse", "--pf-t--global--icon--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_menu_toggle_m_primary_expanded__toggle_icon_Color": { "name": "--pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color", "value": "#ffffff", "values": [ "--pf-t--global--icon--color--on-brand--clicked", "--pf-t--global--icon--color--inverse", "--pf-t--global--icon--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_menu_toggle_m_secondary_PaddingInlineStart": { "name": "--pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart", "value": "1.5rem", "values": [ "--pf-t--global--spacer--action--horizontal--default", "--pf-t--global--spacer--lg", "--pf-t--global--spacer--400", "1.5rem" ] }, "c_menu_toggle_m_secondary_PaddingInlineEnd": { "name": "--pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd", "value": "1.5rem", "values": [ "--pf-t--global--spacer--action--horizontal--default", "--pf-t--global--spacer--lg", "--pf-t--global--spacer--400", "1.5rem" ] }, "c_menu_toggle_m_secondary_Color": { "name": "--pf-v6-c-menu-toggle--m-secondary--Color", "value": "#0066cc", "values": [ "--pf-t--global--text--color--brand--default", "--pf-t--global--color--brand--default", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_menu_toggle_m_secondary_BorderColor": { "name": "--pf-v6-c-menu-toggle--m-secondary--BorderColor", "value": "#0066cc", "values": [ "--pf-t--global--border--color--brand--default", "--pf-t--global--color--brand--default", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_menu_toggle_m_secondary_BorderRadius": { "name": "--pf-v6-c-menu-toggle--m-secondary--BorderRadius", "value": "999px", "values": [ "--pf-t--global--border--radius--pill", "--pf-t--global--border--radius--500", "999px" ] }, "c_menu_toggle_m_secondary_hover_Color": { "name": "--pf-v6-c-menu-toggle--m-secondary--hover--Color", "value": "#004d99", "values": [ "--pf-t--global--text--color--brand--hover", "--pf-t--global--color--brand--hover", "--pf-t--global--color--brand--300", "--pf-t--color--blue--60", "#004d99" ] }, "c_menu_toggle_m_secondary_hover_BorderWidth": { "name": "--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth", "value": "2px", "values": [ "--pf-t--global--border--width--action--hover", "--pf-t--global--border--width--200", "2px" ] }, "c_menu_toggle_m_secondary_hover_BorderColor": { "name": "--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor", "value": "#004d99", "values": [ "--pf-t--global--border--color--brand--hover", "--pf-t--global--color--brand--hover", "--pf-t--global--color--brand--300", "--pf-t--color--blue--60", "#004d99" ] }, "c_menu_toggle_m_secondary_expanded_Color": { "name": "--pf-v6-c-menu-toggle--m-secondary--expanded--Color", "value": "#004d99", "values": [ "--pf-t--global--text--color--brand--clicked", "--pf-t--global--color--brand--clicked", "--pf-t--global--color--brand--300", "--pf-t--color--blue--60", "#004d99" ] }, "c_menu_toggle_m_secondary_expanded_BorderWidth": { "name": "--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth", "value": "2px", "values": [ "--pf-t--global--border--width--action--clicked", "--pf-t--global--border--width--200", "2px" ] }, "c_menu_toggle_m_secondary_expanded_BorderColor": { "name": "--pf-v6-c-menu-toggle--m-secondary--expanded--BorderColor", "value": "#004d99", "values": [ "--pf-t--global--border--color--brand--clicked", "--pf-t--global--color--brand--clicked", "--pf-t--global--color--brand--300", "--pf-t--color--blue--60", "#004d99" ] }, "c_menu_toggle_m_secondary__toggle_icon_Color": { "name": "--pf-v6-c-menu-toggle--m-secondary__toggle-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_toggle_m_secondary_hover__toggle_icon_Color": { "name": "--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color", "value": "#004d99", "values": [ "--pf-t--global--icon--color--brand--hover", "--pf-t--global--color--brand--hover", "--pf-t--global--color--brand--300", "--pf-t--color--blue--60", "#004d99" ] }, "c_menu_toggle_m_secondary_expanded__toggle_icon_Color": { "name": "--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color", "value": "#004d99", "values": [ "--pf-t--global--icon--color--brand--clicked", "--pf-t--global--color--brand--clicked", "--pf-t--global--color--brand--300", "--pf-t--color--blue--60", "#004d99" ] }, "c_menu_toggle_m_full_height_PaddingInlineEnd": { "name": "--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd", "value": "1.5rem", "values": [ "--pf-t--global--spacer--control--horizontal--spacious", "--pf-t--global--spacer--lg", "--pf-t--global--spacer--400", "1.5rem" ] }, "c_menu_toggle_m_full_height_PaddingInlineStart": { "name": "--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart", "value": "1.5rem", "values": [ "--pf-t--global--spacer--control--horizontal--spacious", "--pf-t--global--spacer--lg", "--pf-t--global--spacer--400", "1.5rem" ] }, "c_menu_toggle_m_split_button_child_disabled_Color": { "name": "--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color", "value": "#4d4d4d", "values": [ "--pf-t--global--text--color--on-disabled", "--pf-t--global--color--disabled--300", "--pf-t--color--gray--60", "#4d4d4d" ] }, "c_menu_toggle_m_split_button_child_disabled_BackgroundColor": { "name": "--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor", "value": "#c7c7c7", "values": [ "--pf-t--global--background--color--disabled--default", "--pf-t--global--color--disabled--100", "--pf-t--color--gray--30", "#c7c7c7" ] }, "c_menu_toggle_m_split_button_child_BorderInlineStartWidth": { "name": "--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth", "value": "1px", "values": [ "--pf-t--global--border--width--action--default", "--pf-t--global--border--width--100", "1px" ] }, "c_menu_toggle_m_split_button_child_BorderInlineStartColor": { "name": "--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor", "value": "#c7c7c7", "values": [ "--pf-t--global--border--color--default", "--pf-t--global--border--color--100", "--pf-t--color--gray--30", "#c7c7c7" ] }, "c_menu_toggle_m_split_button_child_BorderRadius": { "name": "--pf-v6-c-menu-toggle--m-split-button--child--BorderRadius", "value": "999px", "values": [ "--pf-t--global--border--radius--pill", "--pf-t--global--border--radius--500", "999px" ] }, "c_menu_toggle_m_split_button_child_disabled_BorderInlineStartColor": { "name": "--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor", "value": "#4d4d4d", "values": [ "--pf-t--global--icon--color--on-disabled", "--pf-t--global--color--disabled--300", "--pf-t--color--gray--60", "#4d4d4d" ] }, "c_menu_toggle_m_split_button_pill_child_PaddingInlineStart_offset": { "name": "--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset", "value": "1rem", "values": [ "--pf-t--global--spacer--control--horizontal--default", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_menu_toggle_m_split_button_pill_child_PaddingInlineEnd_offset": { "name": "--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset", "value": "1rem", "values": [ "--pf-t--global--spacer--control--horizontal--default", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_menu_toggle_m_split_button_m_primary_child_BackgroundColor": { "name": "--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor", "value": "#0066cc", "values": [ "--pf-t--global--color--brand--default", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_menu_toggle_m_split_button_m_primary_child_hover_BackgroundColor": { "name": "--pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor", "value": "#004d99", "values": [ "--pf-t--global--color--brand--hover", "--pf-t--global--color--brand--300", "--pf-t--color--blue--60", "#004d99" ] }, "c_menu_toggle_m_split_button_m_primary_child_BorderInlineStartColor": { "name": "--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor", "value": "#c7c7c7", "values": [ "--pf-t--global--border--color--default", "--pf-t--global--border--color--100", "--pf-t--color--gray--30", "#c7c7c7" ] }, "c_menu_toggle_m_split_button_m_primary_expanded_child_BackgroundColor": { "name": "--pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor", "value": "#004d99", "values": [ "--pf-t--global--color--brand--clicked", "--pf-t--global--color--brand--300", "--pf-t--color--blue--60", "#004d99" ] }, "c_menu_toggle_m_split_button_m_secondary_child_BorderInlineStartColor": { "name": "--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor", "value": "#0066cc", "values": [ "--pf-t--global--color--brand--default", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_menu_toggle__button_BackgroundColor": { "name": "--pf-v6-c-menu-toggle__button--BackgroundColor", "value": "transparent" }, "c_menu_toggle__button_Gap": { "name": "--pf-v6-c-menu-toggle__button--Gap", "value": "0.5rem", "values": [ "--pf-t--global--spacer--gap--text-to-element--default", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_menu_toggle__button_AlignSelf": { "name": "--pf-v6-c-menu-toggle__button--AlignSelf", "value": "baseline" }, "c_menu_toggle__button_PaddingInlineStart": { "name": "--pf-v6-c-menu-toggle__button--PaddingInlineStart", "value": "0.5rem", "values": [ "--pf-t--global--spacer--control--horizontal--plain", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_menu_toggle__button_PaddingInlineEnd": { "name": "--pf-v6-c-menu-toggle__button--PaddingInlineEnd", "value": "0.5rem", "values": [ "--pf-t--global--spacer--control--horizontal--plain", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_menu_toggle__button_MinWidth": { "name": "--pf-v6-c-menu-toggle__button--MinWidth", "value": "calc(0.875rem * 1.5 + 0.5rem + 0.5rem)", "values": [ "calc(--pf-v6-c-menu-toggle--FontSize * --pf-v6-c-menu-toggle--LineHeight + --pf-v6-c-menu-toggle--PaddingBlockStart + --pf-v6-c-menu-toggle--PaddingBlockEnd)", "calc(--pf-t--global--font--size--body--default * --pf-t--global--font--line-height--body + --pf-t--global--spacer--control--vertical--default + --pf-t--global--spacer--control--vertical--default)", "calc(--pf-t--global--font--size--sm * --pf-t--global--font--line-height--200 + --pf-t--global--spacer--sm + --pf-t--global--spacer--sm)", "calc(--pf-t--global--font--size--200 * 1.5 + --pf-t--global--spacer--200 + --pf-t--global--spacer--200)", "calc(0.875rem * 1.5 + 0.5rem + 0.5rem)" ] }, "c_menu_toggle__button_m_text_PaddingInlineStart": { "name": "--pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart", "value": "0.5rem", "values": [ "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_menu_toggle__button_toggle_icon_PaddingInlineStart": { "name": "--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart", "value": "1rem", "values": [ "--pf-t--global--spacer--control--horizontal--default", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_menu_toggle__button_toggle_icon_PaddingInlineEnd": { "name": "--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd", "value": "1rem", "values": [ "--pf-t--global--spacer--control--horizontal--default", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_menu_toggle_m_plain_PaddingInlineStart": { "name": "--pf-v6-c-menu-toggle--m-plain--PaddingInlineStart", "value": "0.5rem", "values": [ "--pf-t--global--spacer--action--horizontal--plain--default", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_menu_toggle_m_plain_PaddingInlineEnd": { "name": "--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd", "value": "0.5rem", "values": [ "--pf-t--global--spacer--action--horizontal--plain--default", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_menu_toggle_m_plain_Color": { "name": "--pf-v6-c-menu-toggle--m-plain--Color", "value": "#1f1f1f", "values": [ "--pf-t--global--icon--color--regular", "--pf-t--global--icon--color--100", "--pf-t--color--gray--90", "#1f1f1f" ] }, "c_menu_toggle_m_plain_BackgroundColor": { "name": "--pf-v6-c-menu-toggle--m-plain--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_toggle_m_plain_BorderColor": { "name": "--pf-v6-c-menu-toggle--m-plain--BorderColor", "value": "transparent" }, "c_menu_toggle_m_plain_hover_BackgroundColor": { "name": "--pf-v6-c-menu-toggle--m-plain--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_toggle_m_plain_expanded_BackgroundColor": { "name": "--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor", "value": "rgba(199, 199, 199, 0.2500)", "values": [ "--pf-t--global--background--color--action--plain--clicked", "--pf-t--global--background--color--600", "rgba(199, 199, 199, 0.2500)" ] }, "c_menu_toggle_m_plain_disabled_Color": { "name": "--pf-v6-c-menu-toggle--m-plain--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_toggle_m_plain_disabled__icon_Color": { "name": "--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color", "value": "#a3a3a3", "values": [ "--pf-t--global--icon--color--disabled", "--pf-t--global--color--disabled--200", "--pf-t--color--gray--40", "#a3a3a3" ] }, "c_menu_toggle_m_plain_disabled__toggle_icon_Color": { "name": "--pf-v6-c-menu-toggle--m-plain--disabled__toggle-icon--Color", "value": "#a3a3a3", "values": [ "--pf-t--global--icon--color--disabled", "--pf-t--global--color--disabled--200", "--pf-t--color--gray--40", "#a3a3a3" ] }, "c_menu_toggle_m_plain_disabled_BackgroundColor": { "name": "--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor", "value": "transparent" }, "c_menu_toggle_m_typeahead__button_AlignSelf": { "name": "--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf", "value": "stretch" }, "c_menu_toggle_m_small_PaddingBlockStart": { "name": "--pf-v6-c-menu-toggle--m-small--PaddingBlockStart", "value": "0.25rem", "values": [ "--pf-t--global--spacer--control--vertical--compact", "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_menu_toggle_m_small_PaddingBlockEnd": { "name": "--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd", "value": "0.25rem", "values": [ "--pf-t--global--spacer--control--vertical--compact", "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_menu_toggle_m_small_PaddingInlineStart": { "name": "--pf-v6-c-menu-toggle--m-small--PaddingInlineStart", "value": "0.5rem", "values": [ "--pf-t--global--spacer--control--horizontal--compact", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_menu_toggle_m_small_PaddingInlineEnd": { "name": "--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd", "value": "0.5rem", "values": [ "--pf-t--global--spacer--control--horizontal--compact", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_menu_toggle__status_icon_Color": { "name": "--pf-v6-c-menu-toggle__status-icon--Color", "value": "#1f1f1f", "values": [ "--pf-t--global--icon--color--regular", "--pf-t--global--icon--color--100", "--pf-t--color--gray--90", "#1f1f1f" ] }, "c_menu_toggle_m_success_BorderColor": { "name": "--pf-v6-c-menu-toggle--m-success--BorderColor", "value": "#3d7317", "values": [ "--pf-t--global--border--color--status--success--default", "--pf-t--global--color--status--success--default", "--pf-t--global--color--status--success--100", "--pf-t--color--green--60", "#3d7317" ] }, "c_menu_toggle_m_success__status_icon_Color": { "name": "--pf-v6-c-menu-toggle--m-success__status-icon--Color", "value": "#3d7317", "values": [ "--pf-t--global--icon--color--status--success--default", "--pf-t--global--color--status--success--default", "--pf-t--global--color--status--success--100", "--pf-t--color--green--60", "#3d7317" ] }, "c_menu_toggle_m_warning_BorderColor": { "name": "--pf-v6-c-menu-toggle--m-warning--BorderColor", "value": "#dca614", "values": [ "--pf-t--global--border--color--status--warning--default", "--pf-t--global--color--status--warning--200", "--pf-t--color--yellow--40", "#dca614" ] }, "c_menu_toggle_m_warning__status_icon_Color": { "name": "--pf-v6-c-menu-toggle--m-warning__status-icon--Color", "value": "#dca614", "values": [ "--pf-t--global--icon--color--status--warning--default", "--pf-t--global--color--status--warning--200", "--pf-t--color--yellow--40", "#dca614" ] }, "c_menu_toggle_m_danger_BorderColor": { "name": "--pf-v6-c-menu-toggle--m-danger--BorderColor", "value": "#b1380b", "values": [ "--pf-t--global--border--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_toggle_m_danger__status_icon_Color": { "name": "--pf-v6-c-menu-toggle--m-danger__status-icon--Color", "value": "#b1380b", "values": [ "--pf-t--global--icon--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_toggle_m_placeholder_Color": { "name": "--pf-v6-c-menu-toggle--m-placeholder--Color", "value": "#4d4d4d", "values": [ "--pf-t--global--text--color--placeholder", "--pf-t--global--text--color--subtle", "--pf-t--global--text--color--200", "--pf-t--color--gray--60", "#4d4d4d" ] }, "c_menu_toggle__controls_Gap": { "name": "--pf-v6-c-menu-toggle__controls--Gap", "value": "0.5rem", "values": [ "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] } }, ".pf-v6-c-menu-toggle.pf-m-primary": { "c_menu_toggle_PaddingInlineStart": { "name": "--pf-v6-c-menu-toggle--PaddingInlineStart", "value": "1.5rem", "values": [ "--pf-v6-c-menu-toggle--m-primary--PaddingInlineStart", "--pf-t--global--spacer--action--horizontal--default", "--pf-t--global--spacer--lg", "--pf-t--global--spacer--400", "1.5rem" ] }, "c_menu_toggle_PaddingInlineEnd": { "name": "--pf-v6-c-menu-toggle--PaddingInlineEnd", "value": "1.5rem", "values": [ "--pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd", "--pf-t--global--spacer--action--horizontal--default", "--pf-t--global--spacer--lg", "--pf-t--global--spacer--400", "1.5rem" ] }, "c_menu_toggle_Color": { "name": "--pf-v6-c-menu-toggle--Color", "value": "#ffffff", "values": [ "--pf-v6-c-menu-toggle--m-primary--Color", "--pf-t--global--text--color--on-brand--default", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_menu_toggle_BackgroundColor": { "name": "--pf-v6-c-menu-toggle--BackgroundColor", "value": "#0066cc", "values": [ "--pf-v6-c-menu-toggle--m-primary--BackgroundColor", "--pf-t--global--color--brand--default", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_menu_toggle_BorderRadius": { "name": "--pf-v6-c-menu-toggle--BorderRadius", "value": "999px", "values": [ "--pf-v6-c-menu-toggle--m-primary--BorderRadius", "--pf-t--global--border--radius--pill", "--pf-t--global--border--radius--500", "999px" ] }, "c_menu_toggle_BorderColor": { "name": "--pf-v6-c-menu-toggle--BorderColor", "value": "transparent", "values": [ "--pf-v6-c-menu-toggle--m-primary--BorderColor", "transparent" ] }, "c_menu_toggle_hover_Color": { "name": "--pf-v6-c-menu-toggle--hover--Color", "value": "#ffffff", "values": [ "--pf-v6-c-menu-toggle--m-primary--hover--Color", "--pf-t--global--text--color--on-brand--hover", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_menu_toggle_hover_BackgroundColor": { "name": "--pf-v6-c-menu-toggle--hover--BackgroundColor", "value": "#004d99", "values": [ "--pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor", "--pf-t--global--color--brand--hover", "--pf-t--global--color--brand--300", "--pf-t--color--blue--60", "#004d99" ] }, "c_menu_toggle_hover_BorderColor": { "name": "--pf-v6-c-menu-toggle--hover--BorderColor", "value": "transparent", "values": [ "--pf-v6-c-menu-toggle--m-primary--hover--BorderColor", "transparent" ] }, "c_menu_toggle_expanded_Color": { "name": "--pf-v6-c-menu-toggle--expanded--Color", "value": "#ffffff", "values": [ "--pf-v6-c-menu-toggle--m-primary--expanded--Color", "--pf-t--global--text--color--on-brand--clicked", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_menu_toggle_expanded_BackgroundColor": { "name": "--pf-v6-c-menu-toggle--expanded--BackgroundColor", "value": "#004d99", "values": [ "--pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor", "--pf-t--global--color--brand--clicked", "--pf-t--global--color--brand--300", "--pf-t--color--blue--60", "#004d99" ] }, "c_menu_toggle_expanded_BorderColor": { "name": "--pf-v6-c-menu-toggle--expanded--BorderColor", "value": "transparent", "values": [ "--pf-v6-c-menu-toggle--m-primary--expanded--BorderColor", "transparent" ] }, "c_menu_toggle_hover__toggle_icon_Color": { "name": "--pf-v6-c-menu-toggle--hover__toggle-icon--Color", "value": "#ffffff", "values": [ "--pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color", "--pf-t--global--icon--color--on-brand--hover", "--pf-t--global--icon--color--inverse", "--pf-t--global--icon--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_menu_toggle_expanded__toggle_icon_Color": { "name": "--pf-v6-c-menu-toggle--expanded__toggle-icon--Color", "value": "#ffffff", "values": [ "--pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color", "--pf-t--global--icon--color--on-brand--clicked", "--pf-t--global--icon--color--inverse", "--pf-t--global--icon--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_menu_toggle__toggle_icon_Color": { "name": "--pf-v6-c-menu-toggle__toggle-icon--Color", "value": "#ffffff", "values": [ "--pf-v6-c-menu-toggle--m-primary__toggle-icon--Color", "--pf-t--global--icon--color--on-brand--default", "--pf-t--global--icon--color--inverse", "--pf-t--global--icon--color--300", "--pf-t--color--white", "#ffffff" ] } }, ".pf-v6-c-menu-toggle.pf-m-secondary": { "c_menu_toggle_PaddingInlineStart": { "name": "--pf-v6-c-menu-toggle--PaddingInlineStart", "value": "1.5rem", "values": [ "--pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart", "--pf-t--global--spacer--action--horizontal--default", "--pf-t--global--spacer--lg", "--pf-t--global--spacer--400", "1.5rem" ] }, "c_menu_toggle_PaddingInlineEnd": { "name": "--pf-v6-c-menu-toggle--PaddingInlineEnd", "value": "1.5rem", "values": [ "--pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd", "--pf-t--global--spacer--action--horizontal--default", "--pf-t--global--spacer--lg", "--pf-t--global--spacer--400", "1.5rem" ] }, "c_menu_toggle_Color": { "name": "--pf-v6-c-menu-toggle--Color", "value": "#0066cc", "values": [ "--pf-v6-c-menu-toggle--m-secondary--Color", "--pf-t--global--text--color--brand--default", "--pf-t--global--color--brand--default", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_menu_toggle_BorderColor": { "name": "--pf-v6-c-menu-toggle--BorderColor", "value": "#0066cc", "values": [ "--pf-v6-c-menu-toggle--m-secondary--BorderColor", "--pf-t--global--border--color--brand--default", "--pf-t--global--color--brand--default", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_menu_toggle_BorderRadius": { "name": "--pf-v6-c-menu-toggle--BorderRadius", "value": "999px", "values": [ "--pf-v6-c-menu-toggle--m-secondary--BorderRadius", "--pf-t--global--border--radius--pill", "--pf-t--global--border--radius--500", "999px" ] }, "c_menu_toggle_hover_Color": { "name": "--pf-v6-c-menu-toggle--hover--Color", "value": "#004d99", "values": [ "--pf-v6-c-menu-toggle--m-secondary--hover--Color", "--pf-t--global--text--color--brand--hover", "--pf-t--global--color--brand--hover", "--pf-t--global--color--brand--300", "--pf-t--color--blue--60", "#004d99" ] }, "c_menu_toggle_hover_BorderWidth": { "name": "--pf-v6-c-menu-toggle--hover--BorderWidth", "value": "2px", "values": [ "--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth", "--pf-t--global--border--width--action--hover", "--pf-t--global--border--width--200", "2px" ] }, "c_menu_toggle_hover_BorderColor": { "name": "--pf-v6-c-menu-toggle--hover--BorderColor", "value": "#004d99", "values": [ "--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor", "--pf-t--global--border--color--brand--hover", "--pf-t--global--color--brand--hover", "--pf-t--global--color--brand--300", "--pf-t--color--blue--60", "#004d99" ] }, "c_menu_toggle_expanded_Color": { "name": "--pf-v6-c-menu-toggle--expanded--Color", "value": "#004d99", "values": [ "--pf-v6-c-menu-toggle--m-secondary--expanded--Color", "--pf-t--global--text--color--brand--clicked", "--pf-t--global--color--brand--clicked", "--pf-t--global--color--brand--300", "--pf-t--color--blue--60", "#004d99" ] }, "c_menu_toggle_expanded_BorderWidth": { "name": "--pf-v6-c-menu-toggle--expanded--BorderWidth", "value": "2px", "values": [ "--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth", "--pf-t--global--border--width--action--clicked", "--pf-t--global--border--width--200", "2px" ] }, "c_menu_toggle_hover__toggle_icon_Color": { "name": "--pf-v6-c-menu-toggle--hover__toggle-icon--Color", "value": "#004d99", "values": [ "--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color", "--pf-t--global--icon--color--brand--hover", "--pf-t--global--color--brand--hover", "--pf-t--global--color--brand--300", "--pf-t--color--blue--60", "#004d99" ] }, "c_menu_toggle_expanded__toggle_icon_Color": { "name": "--pf-v6-c-menu-toggle--expanded__toggle-icon--Color", "value": "#004d99", "values": [ "--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color", "--pf-t--global--icon--color--brand--clicked", "--pf-t--global--color--brand--clicked", "--pf-t--global--color--brand--300", "--pf-t--color--blue--60", "#004d99" ] }, "c_menu_toggle__toggle_icon_Color": { "name": "--pf-v6-c-menu-toggle__toggle-icon--Color", "value": "#0066cc", "values": [ "--pf-v6-c-menu-toggle--m-secondary__toggle-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-toggle.pf-m-full-height": { "c_menu_toggle_PaddingInlineEnd": { "name": "--pf-v6-c-menu-toggle--PaddingInlineEnd", "value": "1.5rem", "values": [ "--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd", "--pf-t--global--spacer--control--horizontal--spacious", "--pf-t--global--spacer--lg", "--pf-t--global--spacer--400", "1.5rem" ] }, "c_menu_toggle_PaddingInlineStart": { "name": "--pf-v6-c-menu-toggle--PaddingInlineStart", "value": "1.5rem", "values": [ "--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart", "--pf-t--global--spacer--control--horizontal--spacious", "--pf-t--global--spacer--lg", "--pf-t--global--spacer--400", "1.5rem" ] }, "c_menu_toggle_BorderBlockStartWidth": { "name": "--pf-v6-c-menu-toggle--BorderBlockStartWidth", "value": "undefined", "values": [ "--pf-v6-c-menu-toggle--m-full-height__toggle--B