@patternfly/react-tokens

export const c_button: { ".pf-v6-c-button": { "c_button_Display": { "name": "--pf-v6-c-button--Display", "value": "inline-flex" }, "c_button_AlignItems": { "name": "--pf-v6-c-button--AlignItems", "value": "baseline" }, "c_button_JustifyContent": { "name": "--pf-v6-c-button--JustifyContent", "value": "center" }, "c_button_Gap": { "name": "--pf-v6-c-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_button_MinWidth": { "name": "--pf-v6-c-button--MinWidth", "value": "calc(1lh + 0.25rem + 0.25rem)", "values": [ "calc(1lh + --pf-v6-c-button--PaddingBlockStart + --pf-v6-c-button--PaddingBlockEnd)", "calc(1lh + --pf-v6-c-back-to-top--c-button--PaddingBlockStart + --pf-v6-c-back-to-top--c-button--PaddingBlockEnd)", "calc(1lh + --pf-t--global--spacer--xs + --pf-t--global--spacer--xs)", "calc(1lh + --pf-t--global--spacer--100 + --pf-t--global--spacer--100)", "calc(1lh + 0.25rem + 0.25rem)" ] }, "c_button_PaddingBlockStart": { "name": "--pf-v6-c-button--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_button_PaddingInlineEnd": { "name": "--pf-v6-c-button--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_button_PaddingBlockEnd": { "name": "--pf-v6-c-button--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_button_PaddingInlineStart": { "name": "--pf-v6-c-button--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_button_Color": { "name": "--pf-v6-c-button--Color", "value": "#151515", "values": [ "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_button_LineHeight": { "name": "--pf-v6-c-button--LineHeight", "value": "1.5", "values": [ "--pf-t--global--font--line-height--body", "--pf-t--global--font--line-height--200", "1.5" ] }, "c_button_FontWeight": { "name": "--pf-v6-c-button--FontWeight", "value": "400", "values": [ "--pf-t--global--font--weight--body--default", "--pf-t--global--font--weight--100", "400" ] }, "c_button_FontSize": { "name": "--pf-v6-c-button--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_button_BackgroundColor": { "name": "--pf-v6-c-button--BackgroundColor", "value": "transparent" }, "c_button_BorderColor": { "name": "--pf-v6-c-button--BorderColor", "value": "transparent" }, "c_button_BorderWidth": { "name": "--pf-v6-c-button--BorderWidth", "value": "1px", "values": [ "--pf-t--global--border--width--action--default", "--pf-t--global--border--width--100", "1px" ] }, "c_button_BorderRadius": { "name": "--pf-v6-c-button--BorderRadius", "value": "999px", "values": [ "--pf-t--global--border--radius--pill", "--pf-t--global--border--radius--500", "999px" ] }, "c_button_TextDecorationLine": { "name": "--pf-v6-c-button--TextDecorationLine", "value": "none" }, "c_button_TextDecorationStyle": { "name": "--pf-v6-c-button--TextDecorationStyle", "value": "none" }, "c_button_TextDecorationColor": { "name": "--pf-v6-c-button--TextDecorationColor", "value": "currentcolor" }, "c_button_TransitionDelay": { "name": "--pf-v6-c-button--TransitionDelay", "value": "0s" }, "c_button_TransitionDuration": { "name": "--pf-v6-c-button--TransitionDuration", "value": "200ms", "values": [ "--pf-t--global--motion--duration--fade--default", "--pf-t--global--motion--duration--md", "--pf-t--global--duration--200", "200ms" ] }, "c_button_TransitionTimingFunction": { "name": "--pf-v6-c-button--TransitionTimingFunction", "value": "cubic-bezier(.4, 0, .7, .2)", "values": [ "--pf-t--global--motion--timing-function--accelerate", "--pf-t--global--timing-function--100", "cubic-bezier(.4, 0, .7, .2)" ] }, "c_button_TransitionProperty": { "name": "--pf-v6-c-button--TransitionProperty", "value": "color, background, border-color" }, "c_button_ScaleX": { "name": "--pf-v6-c-button--ScaleX", "value": "1" }, "c_button_ScaleY": { "name": "--pf-v6-c-button--ScaleY", "value": "1" }, "c_button_border_offset": { "name": "--pf-v6-c-button--border--offset", "value": "0" }, "c_button_hover_BackgroundColor": { "name": "--pf-v6-c-button--hover--BackgroundColor", "value": "transparent" }, "c_button_hover_BorderColor": { "name": "--pf-v6-c-button--hover--BorderColor", "value": "transparent" }, "c_button_hover_BorderWidth": { "name": "--pf-v6-c-button--hover--BorderWidth", "value": "2px", "values": [ "--pf-t--global--border--width--action--hover", "--pf-t--global--border--width--200", "2px" ] }, "c_button_hover_TextDecorationLine": { "name": "--pf-v6-c-button--hover--TextDecorationLine", "value": "none" }, "c_button_hover_TextDecorationStyle": { "name": "--pf-v6-c-button--hover--TextDecorationStyle", "value": "none" }, "c_button_hover_TextDecorationColor": { "name": "--pf-v6-c-button--hover--TextDecorationColor", "value": "currentcolor" }, "c_button_hover_TextUnderlineOffset": { "name": "--pf-v6-c-button--hover--TextUnderlineOffset", "value": "calc(0.25rem + 1px)", "values": [ "--pf-t--global--text-decoration--offset--hover", "calc(--pf-t--global--spacer--xs + 1px)", "calc(--pf-t--global--spacer--100 + 1px)", "calc(0.25rem + 1px)" ] }, "c_button_hover_ScaleX": { "name": "--pf-v6-c-button--hover--ScaleX", "value": "1" }, "c_button_hover_ScaleY": { "name": "--pf-v6-c-button--hover--ScaleY", "value": "1" }, "c_button_m_clicked_BackgroundColor": { "name": "--pf-v6-c-button--m-clicked--BackgroundColor", "value": "transparent" }, "c_button_m_clicked_BorderColor": { "name": "--pf-v6-c-button--m-clicked--BorderColor", "value": "transparent" }, "c_button_m_clicked_BorderWidth": { "name": "--pf-v6-c-button--m-clicked--BorderWidth", "value": "2px", "values": [ "--pf-t--global--border--width--action--clicked", "--pf-t--global--border--width--200", "2px" ] }, "c_button_m_clicked_TextDecorationLine": { "name": "--pf-v6-c-button--m-clicked--TextDecorationLine", "value": "none" }, "c_button_m_clicked_TextDecorationStyle": { "name": "--pf-v6-c-button--m-clicked--TextDecorationStyle", "value": "none" }, "c_button_m_clicked_TextDecorationColor": { "name": "--pf-v6-c-button--m-clicked--TextDecorationColor", "value": "currentcolor" }, "c_button_m_clicked_TextUnderlineOffset": { "name": "--pf-v6-c-button--m-clicked--TextUnderlineOffset", "value": "0.25rem", "values": [ "--pf-t--global--text-decoration--offset--default", "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_button_m_primary_Color": { "name": "--pf-v6-c-button--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_button_m_primary_BackgroundColor": { "name": "--pf-v6-c-button--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_button_m_primary__icon_Color": { "name": "--pf-v6-c-button--m-primary__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_button_m_primary_hover_Color": { "name": "--pf-v6-c-button--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_button_m_primary_hover_BackgroundColor": { "name": "--pf-v6-c-button--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_button_m_primary_hover__icon_Color": { "name": "--pf-v6-c-button--m-primary--hover__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_button_m_primary_m_clicked_Color": { "name": "--pf-v6-c-button--m-primary--m-clicked--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_button_m_primary_m_clicked_BackgroundColor": { "name": "--pf-v6-c-button--m-primary--m-clicked--BackgroundColor", "value": "#004d99", "values": [ "--pf-t--global--color--brand--clicked", "--pf-t--global--color--brand--300", "--pf-t--color--blue--60", "#004d99" ] }, "c_button_m_primary_m_clicked__icon_Color": { "name": "--pf-v6-c-button--m-primary--m-clicked__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_button_m_secondary_Color": { "name": "--pf-v6-c-button--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_button_m_secondary_BorderColor": { "name": "--pf-v6-c-button--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_button_m_secondary_TransitionDuration": { "name": "--pf-v6-c-button--m-secondary--TransitionDuration", "value": "100ms", "values": [ "--pf-t--global--motion--duration--fade--short", "--pf-t--global--motion--duration--sm", "--pf-t--global--duration--100", "100ms" ] }, "c_button_m_secondary__icon_Color": { "name": "--pf-v6-c-button--m-secondary__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_button_m_secondary_hover_Color": { "name": "--pf-v6-c-button--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_button_m_secondary_hover_BorderColor": { "name": "--pf-v6-c-button--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_button_m_secondary_hover__icon_Color": { "name": "--pf-v6-c-button--m-secondary--hover__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_button_m_secondary_m_clicked_Color": { "name": "--pf-v6-c-button--m-secondary--m-clicked--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_button_m_secondary_m_clicked_BorderColor": { "name": "--pf-v6-c-button--m-secondary--m-clicked--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_button_m_secondary_m_clicked__icon_Color": { "name": "--pf-v6-c-button--m-secondary--m-clicked__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_button_m_secondary_m_danger_Color": { "name": "--pf-v6-c-button--m-secondary--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_button_m_secondary_m_danger_BorderColor": { "name": "--pf-v6-c-button--m-secondary--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_button_m_secondary_m_danger__icon_Color": { "name": "--pf-v6-c-button--m-secondary--m-danger__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_button_m_secondary_m_danger_hover_Color": { "name": "--pf-v6-c-button--m-secondary--m-danger--hover--Color", "value": "#731f00", "values": [ "--pf-t--global--text--color--status--danger--hover", "--pf-t--global--color--status--danger--hover", "--pf-t--global--color--status--danger--200", "--pf-t--color--red-orange--70", "#731f00" ] }, "c_button_m_secondary_m_danger_hover_BorderColor": { "name": "--pf-v6-c-button--m-secondary--m-danger--hover--BorderColor", "value": "#731f00", "values": [ "--pf-t--global--border--color--status--danger--hover", "--pf-t--global--color--status--danger--hover", "--pf-t--global--color--status--danger--200", "--pf-t--color--red-orange--70", "#731f00" ] }, "c_button_m_secondary_m_danger_hover__icon_Color": { "name": "--pf-v6-c-button--m-secondary--m-danger--hover__icon--Color", "value": "#731f00", "values": [ "--pf-t--global--icon--color--status--danger--hover", "--pf-t--global--color--status--danger--hover", "--pf-t--global--color--status--danger--200", "--pf-t--color--red-orange--70", "#731f00" ] }, "c_button_m_secondary_m_danger_m_clicked_Color": { "name": "--pf-v6-c-button--m-secondary--m-danger--m-clicked--Color", "value": "#731f00", "values": [ "--pf-t--global--text--color--status--danger--clicked", "--pf-t--global--color--status--danger--clicked", "--pf-t--global--color--status--danger--200", "--pf-t--color--red-orange--70", "#731f00" ] }, "c_button_m_secondary_m_danger_m_clicked_BorderColor": { "name": "--pf-v6-c-button--m-secondary--m-danger--m-clicked--BorderColor", "value": "#731f00", "values": [ "--pf-t--global--border--color--status--danger--clicked", "--pf-t--global--color--status--danger--clicked", "--pf-t--global--color--status--danger--200", "--pf-t--color--red-orange--70", "#731f00" ] }, "c_button_m_secondary_m_danger_m_clicked__icon_Color": { "name": "--pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color", "value": "#731f00", "values": [ "--pf-t--global--icon--color--status--danger--clicked", "--pf-t--global--color--status--danger--clicked", "--pf-t--global--color--status--danger--200", "--pf-t--color--red-orange--70", "#731f00" ] }, "c_button_m_tertiary_Color": { "name": "--pf-v6-c-button--m-tertiary--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_button_m_tertiary_BorderColor": { "name": "--pf-v6-c-button--m-tertiary--BorderColor", "value": "#e0e0e0", "values": [ "--pf-t--global--border--color--default", "--pf-t--global--border--color--50", "--pf-t--color--gray--20", "#e0e0e0" ] }, "c_button_m_tertiary_TransitionDuration": { "name": "--pf-v6-c-button--m-tertiary--TransitionDuration", "value": "100ms", "values": [ "--pf-t--global--motion--duration--fade--short", "--pf-t--global--motion--duration--sm", "--pf-t--global--duration--100", "100ms" ] }, "c_button_m_tertiary__icon_Color": { "name": "--pf-v6-c-button--m-tertiary__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_button_m_tertiary_hover_Color": { "name": "--pf-v6-c-button--m-tertiary--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_button_m_tertiary_hover_BorderColor": { "name": "--pf-v6-c-button--m-tertiary--hover--BorderColor", "value": "#4394e5", "values": [ "--pf-t--global--border--color--hover", "--pf-t--global--color--brand--100", "--pf-t--color--blue--40", "#4394e5" ] }, "c_button_m_tertiary_hover__icon_Color": { "name": "--pf-v6-c-button--m-tertiary--hover__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_button_m_tertiary_m_clicked_Color": { "name": "--pf-v6-c-button--m-tertiary--m-clicked--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_button_m_tertiary_m_clicked_BorderColor": { "name": "--pf-v6-c-button--m-tertiary--m-clicked--BorderColor", "value": "#0066cc", "values": [ "--pf-t--global--border--color--clicked", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_button_m_tertiary_m_clicked__icon_Color": { "name": "--pf-v6-c-button--m-tertiary--m-clicked__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_button_m_link_BorderRadius": { "name": "--pf-v6-c-button--m-link--BorderRadius", "value": "6px", "values": [ "--pf-t--global--border--radius--action--plain--default", "--pf-t--global--border--radius--small", "--pf-t--global--border--radius--200", "6px" ] }, "c_button_m_link_PaddingInlineEnd": { "name": "--pf-v6-c-button--m-link--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_button_m_link_PaddingInlineStart": { "name": "--pf-v6-c-button--m-link--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_button_m_link_Color": { "name": "--pf-v6-c-button--m-link--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_button_m_link_BackgroundColor": { "name": "--pf-v6-c-button--m-link--BackgroundColor", "value": "rgb(255, 255, 255, 0.0000)", "values": [ "--pf-t--global--background--color--action--plain--default", "rgb(255, 255, 255, 0.0000)" ] }, "c_button_m_link__icon_Color": { "name": "--pf-v6-c-button--m-link__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_button_m_link_hover_Color": { "name": "--pf-v6-c-button--m-link--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_button_m_link_hover_BackgroundColor": { "name": "--pf-v6-c-button--m-link--hover--BackgroundColor", "value": "rgb(199, 199, 199, 0.2500)", "values": [ "--pf-t--global--background--color--action--plain--hover", "--pf-t--global--background--color--600", "rgb(199, 199, 199, 0.2500)" ] }, "c_button_m_link_hover__icon_Color": { "name": "--pf-v6-c-button--m-link--hover__icon--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_button_m_link_m_clicked_Color": { "name": "--pf-v6-c-button--m-link--m-clicked--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_button_m_link_m_clicked_BackgroundColor": { "name": "--pf-v6-c-button--m-link--m-clicked--BackgroundColor", "value": "rgb(199, 199, 199, 0.2500)", "values": [ "--pf-t--global--background--color--action--plain--clicked", "--pf-t--global--background--color--600", "rgb(199, 199, 199, 0.2500)" ] }, "c_button_m_link_m_clicked__icon_Color": { "name": "--pf-v6-c-button--m-link--m-clicked__icon--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_button_m_link_m_small_PaddingInlineEnd": { "name": "--pf-v6-c-button--m-link--m-small--PaddingInlineEnd", "value": "0.25rem", "values": [ "--pf-t--global--spacer--action--horizontal--plain--compact", "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_button_m_link_m_small_PaddingInlineStart": { "name": "--pf-v6-c-button--m-link--m-small--PaddingInlineStart", "value": "0.25rem", "values": [ "--pf-t--global--spacer--action--horizontal--plain--compact", "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_button_m_link_BorderWidth": { "name": "--pf-v6-c-button--m-link--BorderWidth", "value": "0px", "values": [ "--pf-t--global--border--width--action--plain--default", "0px" ] }, "c_button_m_link_m_clicked_BorderWidth": { "name": "--pf-v6-c-button--m-link--m-clicked--BorderWidth", "value": "0px", "values": [ "--pf-t--global--border--width--action--plain--clicked", "0px" ] }, "c_button_m_link_hover_BorderWidth": { "name": "--pf-v6-c-button--m-link--hover--BorderWidth", "value": "0px", "values": [ "--pf-t--global--border--width--action--plain--hover", "0px" ] }, "c_button_m_link_BorderColor": { "name": "--pf-v6-c-button--m-link--BorderColor", "value": "rgb(255, 255, 255, 0.0000)", "values": [ "--pf-t--global--border--color--high-contrast", "rgb(255, 255, 255, 0.0000)" ] }, "c_button_m_link_m_clicked_BorderColor": { "name": "--pf-v6-c-button--m-link--m-clicked--BorderColor", "value": "rgb(255, 255, 255, 0.0000)", "values": [ "--pf-t--global--border--color--high-contrast", "rgb(255, 255, 255, 0.0000)" ] }, "c_button_m_link_hover_BorderColor": { "name": "--pf-v6-c-button--m-link--hover--BorderColor", "value": "rgb(255, 255, 255, 0.0000)", "values": [ "--pf-t--global--border--color--high-contrast", "rgb(255, 255, 255, 0.0000)" ] }, "c_button_m_link_m_danger_Color": { "name": "--pf-v6-c-button--m-link--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_button_m_link_m_danger_BackgroundColor": { "name": "--pf-v6-c-button--m-link--m-danger--BackgroundColor", "value": "rgb(255, 255, 255, 0.0000)", "values": [ "--pf-t--global--background--color--action--plain--default", "rgb(255, 255, 255, 0.0000)" ] }, "c_button_m_link_m_danger__icon_Color": { "name": "--pf-v6-c-button--m-link--m-danger__icon--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_button_m_link_m_danger_hover_Color": { "name": "--pf-v6-c-button--m-link--m-danger--hover--Color", "value": "#731f00", "values": [ "--pf-t--global--text--color--status--danger--hover", "--pf-t--global--color--status--danger--hover", "--pf-t--global--color--status--danger--200", "--pf-t--color--red-orange--70", "#731f00" ] }, "c_button_m_link_m_danger_hover_BackgroundColor": { "name": "--pf-v6-c-button--m-link--m-danger--hover--BackgroundColor", "value": "rgb(199, 199, 199, 0.2500)", "values": [ "--pf-t--global--background--color--action--plain--hover", "--pf-t--global--background--color--600", "rgb(199, 199, 199, 0.2500)" ] }, "c_button_m_link_m_danger_hover__icon_Color": { "name": "--pf-v6-c-button--m-link--m-danger--hover__icon--Color", "value": "#731f00", "values": [ "--pf-t--global--text--color--status--danger--hover", "--pf-t--global--color--status--danger--hover", "--pf-t--global--color--status--danger--200", "--pf-t--color--red-orange--70", "#731f00" ] }, "c_button_m_link_m_danger_m_clicked_Color": { "name": "--pf-v6-c-button--m-link--m-danger--m-clicked--Color", "value": "#731f00", "values": [ "--pf-t--global--text--color--status--danger--clicked", "--pf-t--global--color--status--danger--clicked", "--pf-t--global--color--status--danger--200", "--pf-t--color--red-orange--70", "#731f00" ] }, "c_button_m_link_m_danger_m_clicked_BackgroundColor": { "name": "--pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor", "value": "rgb(199, 199, 199, 0.2500)", "values": [ "--pf-t--global--background--color--action--plain--clicked", "--pf-t--global--background--color--600", "rgb(199, 199, 199, 0.2500)" ] }, "c_button_m_link_m_danger_m_clicked__icon_Color": { "name": "--pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color", "value": "#731f00", "values": [ "--pf-t--global--text--color--status--danger--clicked", "--pf-t--global--color--status--danger--clicked", "--pf-t--global--color--status--danger--200", "--pf-t--color--red-orange--70", "#731f00" ] }, "c_button_m_link_m_inline_Display": { "name": "--pf-v6-c-button--m-link--m-inline--Display", "value": "inline-flex" }, "c_button_m_link_m_inline_JustifyContent": { "name": "--pf-v6-c-button--m-link--m-inline--JustifyContent", "value": "flex-start" }, "c_button_m_link_m_inline_FontSize": { "name": "--pf-v6-c-button--m-link--m-inline--FontSize", "value": "initial" }, "c_button_m_link_m_inline_LineHeight": { "name": "--pf-v6-c-button--m-link--m-inline--LineHeight", "value": "initial" }, "c_button_m_link_m_inline_FontWeight": { "name": "--pf-v6-c-button--m-link--m-inline--FontWeight", "value": "initial" }, "c_button_m_link_m_inline_PaddingBlockStart": { "name": "--pf-v6-c-button--m-link--m-inline--PaddingBlockStart", "value": "0" }, "c_button_m_link_m_inline_PaddingInlineEnd": { "name": "--pf-v6-c-button--m-link--m-inline--PaddingInlineEnd", "value": "0" }, "c_button_m_link_m_inline_PaddingBlockEnd": { "name": "--pf-v6-c-button--m-link--m-inline--PaddingBlockEnd", "value": "0" }, "c_button_m_link_m_inline_PaddingInlineStart": { "name": "--pf-v6-c-button--m-link--m-inline--PaddingInlineStart", "value": "0" }, "c_button_m_link_m_inline_TextDecorationColor": { "name": "--pf-v6-c-button--m-link--m-inline--TextDecorationColor", "value": "#8c8c8c", "values": [ "--pf-t--global--text-decoration--color--default", "--pf-t--global--border--color--300", "--pf-t--color--gray--45", "#8c8c8c" ] }, "c_button_m_link_m_inline_TextDecorationLine": { "name": "--pf-v6-c-button--m-link--m-inline--TextDecorationLine", "value": "underline", "values": [ "--pf-t--global--text-decoration--link--line--default", "--pf-t--global--text-decoration--line--200", "underline" ] }, "c_button_m_link_m_inline_TextDecorationStyle": { "name": "--pf-v6-c-button--m-link--m-inline--TextDecorationStyle", "value": "dashed", "values": [ "--pf-t--global--text-decoration--link--style--default", "--pf-t--global--text-decoration--style--200", "dashed" ] }, "c_button_m_link_m_inline_TextUnderlineOffset": { "name": "--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset", "value": "0.25rem", "values": [ "--pf-t--global--text-decoration--offset--default", "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_button_m_link_m_inline_hover_TextDecorationColor": { "name": "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor", "value": "#4394e5", "values": [ "--pf-t--global--text-decoration--color--hover", "--pf-t--global--border--color--hover", "--pf-t--global--color--brand--100", "--pf-t--color--blue--40", "#4394e5" ] }, "c_button_m_link_m_inline_hover_TextDecorationLine": { "name": "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine", "value": "underline", "values": [ "--pf-t--global--text-decoration--link--line--hover", "--pf-t--global--text-decoration--line--200", "underline" ] }, "c_button_m_link_m_inline_hover_TextDecorationStyle": { "name": "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle", "value": "dashed", "values": [ "--pf-t--global--text-decoration--link--style--hover", "--pf-t--global--text-decoration--style--200", "dashed" ] }, "c_button_m_link_m_inline_hover_TextUnderlineOffset": { "name": "--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset", "value": "calc(0.25rem + 1px)", "values": [ "--pf-t--global--text-decoration--offset--hover", "calc(--pf-t--global--spacer--xs + 1px)", "calc(--pf-t--global--spacer--100 + 1px)", "calc(0.25rem + 1px)" ] }, "c_button_m_link_m_inline_m_clicked_TextDecorationColor": { "name": "--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor", "value": "#4394e5", "values": [ "--pf-t--global--text-decoration--color--hover", "--pf-t--global--border--color--hover", "--pf-t--global--color--brand--100", "--pf-t--color--blue--40", "#4394e5" ] }, "c_button_m_link_m_inline_m_clicked_TextDecorationLine": { "name": "--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine", "value": "underline", "values": [ "--pf-t--global--text-decoration--link--line--hover", "--pf-t--global--text-decoration--line--200", "underline" ] }, "c_button_m_link_m_inline_m_clicked_TextDecorationStyle": { "name": "--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle", "value": "dashed", "values": [ "--pf-t--global--text-decoration--link--style--hover", "--pf-t--global--text-decoration--style--200", "dashed" ] }, "c_button_m_link_m_inline_m_clicked_TextUnderlineOffset": { "name": "--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset", "value": "calc(0.25rem + 1px)", "values": [ "--pf-t--global--text-decoration--offset--hover", "calc(--pf-t--global--spacer--xs + 1px)", "calc(--pf-t--global--spacer--100 + 1px)", "calc(0.25rem + 1px)" ] }, "c_button_m_link_m_inline_TransitionProperty": { "name": "--pf-v6-c-button--m-link--m-inline--TransitionProperty", "value": "color, text-underline-offset" }, "c_button_m_link_m_inline_TransitionDuration": { "name": "--pf-v6-c-button--m-link--m-inline--TransitionDuration", "value": "200ms, 300ms", "values": [ "--pf-t--global--motion--duration--fade--default, --pf-t--global--motion--duration--lg", "--pf-t--global--motion--duration--md, --pf-t--global--duration--300", "--pf-t--global--duration--200, 300ms", "200ms, 300ms" ] }, "c_button_m_link_m_inline_TransitionTimingFunction": { "name": "--pf-v6-c-button--m-link--m-inline--TransitionTimingFunction", "value": "cubic-bezier(.4, 0, .7, .2), cubic-bezier(.4, 0, .2, 1)", "values": [ "--pf-t--global--motion--timing-function--accelerate, --pf-t--global--motion--timing-function--default", "--pf-t--global--timing-function--100, --pf-t--global--timing-function--200", "cubic-bezier(.4, 0, .7, .2), cubic-bezier(.4, 0, .2, 1)" ] }, "c_button_m_link_m_inline__progress_InsetInlineStart": { "name": "--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart", "value": "0.25rem", "values": [ "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_button_m_link_m_inline_m_in_progress_PaddingInlineStart": { "name": "--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart", "value": "calc(0.25rem + 1rem + 0.5rem)", "values": [ "calc(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart + 1rem + --pf-t--global--spacer--sm)", "calc(--pf-t--global--spacer--xs + 1rem + --pf-t--global--spacer--200)", "calc(--pf-t--global--spacer--100 + 1rem + 0.5rem)", "calc(0.25rem + 1rem + 0.5rem)" ] }, "c_button_m_link_m_inline_disabled_Color": { "name": "--pf-v6-c-button--m-link--m-inline--disabled--Color", "value": "#a3a3a3", "values": [ "--pf-t--global--text--color--disabled", "--pf-t--global--color--disabled--200", "--pf-t--color--gray--40", "#a3a3a3" ] }, "c_button_m_link_m_inline_disabled__icon_Color": { "name": "--pf-v6-c-button--m-link--m-inline--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_button_span_m_link_m_inline_Display": { "name": "--pf-v6-c-button--span--m-link--m-inline--Display", "value": "inline" }, "c_button_span_m_link_m_inline__icon_m_start_MarginInlineEnd": { "name": "--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd", "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_button_span_m_link_m_inline__icon_m_end_MarginInlineStart": { "name": "--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart", "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_button_m_link_m_inline_Color": { "name": "--pf-v6-c-button--m-link--m-inline--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_button_m_link_m_inline__icon_Color": { "name": "--pf-v6-c-button--m-link--m-inline__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_button_m_link_m_inline_hover_Color": { "name": "--pf-v6-c-button--m-link--m-inline--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_button_m_link_m_inline_hover__icon_Color": { "name": "--pf-v6-c-button--m-link--m-inline--hover__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_button_m_link_m_inline_m_clicked_Color": { "name": "--pf-v6-c-button--m-link--m-inline--m-clicked--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_button_m_link_m_inline_m_clicked__icon_Color": { "name": "--pf-v6-c-button--m-link--m-inline--m-clicked__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_button_m_plain_BorderRadius": { "name": "--pf-v6-c-button--m-plain--BorderRadius", "value": "6px", "values": [ "--pf-t--global--border--radius--action--plain--default", "--pf-t--global--border--radius--small", "--pf-t--global--border--radius--200", "6px" ] }, "c_button_m_plain_PaddingInlineEnd": { "name": "--pf-v6-c-button--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_button_m_plain_PaddingInlineStart": { "name": "--pf-v6-c-button--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_button_m_plain_Color": { "name": "--pf-v6-c-button--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_button_m_plain__icon_Color": { "name": "--pf-v6-c-button--m-plain__icon--Color", "value": "#151515", "values": [ "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_button_m_plain_BackgroundColor": { "name": "--pf-v6-c-button--m-plain--BackgroundColor", "value": "rgb(255, 255, 255, 0.0000)", "values": [ "--pf-t--global--background--color--action--plain--default", "rgb(255, 255, 255, 0.0000)" ] }, "c_button_m_plain_hover_Color": { "name": "--pf-v6-c-button--m-plain--hover--Color", "value": "#1f1f1f", "values": [ "--pf-t--global--icon--color--regular", "--pf-t--global--icon--color--100", "--pf-t--color--gray--90", "#1f1f1f" ] }, "c_button_m_plain_hover_BackgroundColor": { "name": "--pf-v6-c-button--m-plain--hover--BackgroundColor", "value": "rgb(199, 199, 199, 0.2500)", "values": [ "--pf-t--global--background--color--action--plain--hover", "--pf-t--global--background--color--600", "rgb(199, 199, 199, 0.2500)" ] }, "c_button_m_plain_m_clicked_Color": { "name": "--pf-v6-c-button--m-plain--m-clicked--Color", "value": "#1f1f1f", "values": [ "--pf-t--global--icon--color--regular", "--pf-t--global--icon--color--100", "--pf-t--color--gray--90", "#1f1f1f" ] }, "c_button_m_plain_m_clicked_BackgroundColor": { "name": "--pf-v6-c-button--m-plain--m-clicked--BackgroundColor", "value": "rgb(199, 199, 199, 0.2500)", "values": [ "--pf-t--global--background--color--action--plain--clicked", "--pf-t--global--background--color--600", "rgb(199, 199, 199, 0.2500)" ] }, "c_button_m_plain_disabled_Color": { "name": "--pf-v6-c-button--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_button_m_plain_disabled__icon_Color": { "name": "--pf-v6-c-button--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_button_m_plain_disabled_BackgroundColor": { "name": "--pf-v6-c-button--m-plain--disabled--BackgroundColor", "value": "transparent" }, "c_button_m_plain_m_small_PaddingInlineEnd": { "name": "--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd", "value": "0.25rem", "values": [ "--pf-t--global--spacer--action--horizontal--plain--compact", "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_button_m_plain_m_small_PaddingInlineStart": { "name": "--pf-v6-c-button--m-plain--m-small--PaddingInlineStart", "value": "0.25rem", "values": [ "--pf-t--global--spacer--action--horizontal--plain--compact", "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_button_m_plain_BorderWidth": { "name": "--pf-v6-c-button--m-plain--BorderWidth", "value": "0px", "values": [ "--pf-t--global--border--width--action--plain--default", "0px" ] }, "c_button_m_plain_m_clicked_BorderWidth": { "name": "--pf-v6-c-button--m-plain--m-clicked--BorderWidth", "value": "0px", "values": [ "--pf-t--global--border--width--action--plain--clicked", "0px" ] }, "c_button_m_plain_hover_BorderWidth": { "name": "--pf-v6-c-button--m-plain--hover--BorderWidth", "value": "0px", "values": [ "--pf-t--global--border--width--action--plain--hover", "0px" ] }, "c_button_m_plain_BorderColor": { "name": "--pf-v6-c-button--m-plain--BorderColor", "value": "transparent" }, "c_button_m_plain_m_clicked_BorderColor": { "name": "--pf-v6-c-button--m-plain--m-clicked--BorderColor", "value": "rgb(255, 255, 255, 0.0000)", "values": [ "--pf-t--global--border--color--high-contrast", "rgb(255, 255, 255, 0.0000)" ] }, "c_button_m_plain_hover_BorderColor": { "name": "--pf-v6-c-button--m-plain--hover--BorderColor", "value": "rgb(255, 255, 255, 0.0000)", "values": [ "--pf-t--global--border--color--high-contrast", "rgb(255, 255, 255, 0.0000)" ] }, "c_button_m_plain_m_no_padding_MinWidth": { "name": "--pf-v6-c-butt