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-button--m-plain--m-no-padding--MinWidth", "value": "auto" }, "c_button_m_plain_m_no_padding_PaddingBlockStart": { "name": "--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart", "value": "0" }, "c_button_m_plain_m_no_padding_PaddingInlineEnd": { "name": "--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd", "value": "0" }, "c_button_m_plain_m_no_padding_PaddingBlockEnd": { "name": "--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd", "value": "0" }, "c_button_m_plain_m_no_padding_PaddingInlineStart": { "name": "--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart", "value": "0" }, "c_button_m_plain_m_no_padding_m_small_PaddingInlineStart": { "name": "--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart", "value": "0" }, "c_button_m_plain_m_no_padding_m_small_PaddingInlineEnd": { "name": "--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd", "value": "0" }, "c_button_m_plain_m_no_padding__icon_Color": { "name": "--pf-v6-c-button--m-plain--m-no-padding__icon--Color", "value": "#707070", "values": [ "--pf-t--global--icon--color--subtle", "--pf-t--global--icon--color--200", "--pf-t--color--gray--50", "#707070" ] }, "c_button_m_plain_m_no_padding_BackgroundColor": { "name": "--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor", "value": "transparent" }, "c_button_m_plain_m_no_padding_hover__icon_Color": { "name": "--pf-v6-c-button--m-plain--m-no-padding--hover__icon--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_no_padding_hover_BackgroundColor": { "name": "--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor", "value": "transparent" }, "c_button_m_plain_m_no_padding_m_clicked_BackgroundColor": { "name": "--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor", "value": "transparent" }, "c_button_m_plain_m_no_padding_border_offset": { "name": "--pf-v6-c-button--m-plain--m-no-padding--border--offset", "value": "calc(0.125rem * -1)" }, "c_button_m_control_BorderRadius": { "name": "--pf-v6-c-button--m-control--BorderRadius", "value": "6px", "values": [ "--pf-t--global--border--radius--control--form-element", "--pf-t--global--border--radius--small", "--pf-t--global--border--radius--200", "6px" ] }, "c_button_m_control_PaddingInlineStart": { "name": "--pf-v6-c-button--m-control--PaddingInlineStart", "value": "1rem", "values": [ "--pf-t--global--spacer--control--horizontal--default", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_button_m_control_PaddingInlineEnd": { "name": "--pf-v6-c-button--m-control--PaddingInlineEnd", "value": "1rem", "values": [ "--pf-t--global--spacer--control--horizontal--default", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_button_m_control_Color": { "name": "--pf-v6-c-button--m-control--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_control_BackgroundColor": { "name": "--pf-v6-c-button--m-control--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_button_m_control_BorderColor": { "name": "--pf-v6-c-button--m-control--BorderColor", "value": "#8c8c8c", "values": [ "--pf-t--global--border--color--control--default", "--pf-t--global--border--color--300", "--pf-t--color--gray--45", "#8c8c8c" ] }, "c_button_m_control_BorderWidth": { "name": "--pf-v6-c-button--m-control--BorderWidth", "value": "1px", "values": [ "--pf-t--global--border--width--control--default", "--pf-t--global--border--width--100", "1px" ] }, "c_button_m_control__icon_Color": { "name": "--pf-v6-c-button--m-control__icon--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_control_hover_Color": { "name": "--pf-v6-c-button--m-control--hover--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_control_hover_BackgroundColor": { "name": "--pf-v6-c-button--m-control--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_button_m_control_hover_BorderColor": { "name": "--pf-v6-c-button--m-control--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_control_hover_BorderWidth": { "name": "--pf-v6-c-button--m-control--hover--BorderWidth", "value": "1px", "values": [ "--pf-t--global--border--width--control--hover", "--pf-t--global--border--width--100", "1px" ] }, "c_button_m_control_hover__icon_Color": { "name": "--pf-v6-c-button--m-control--hover__icon--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_control_m_clicked_Color": { "name": "--pf-v6-c-button--m-control--m-clicked--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_control_m_clicked_BackgroundColor": { "name": "--pf-v6-c-button--m-control--m-clicked--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_button_m_control_m_clicked_BorderColor": { "name": "--pf-v6-c-button--m-control--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_control_m_clicked_BorderWidth": { "name": "--pf-v6-c-button--m-control--m-clicked--BorderWidth", "value": "2px", "values": [ "--pf-t--global--border--width--control--clicked", "--pf-t--global--border--width--200", "2px" ] }, "c_button_m_control_m_clicked__icon_Color": { "name": "--pf-v6-c-button--m-control--m-clicked__icon--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_control_m_small_PaddingInlineEnd": { "name": "--pf-v6-c-button--m-control--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_button_m_control_m_small_PaddingInlineStart": { "name": "--pf-v6-c-button--m-control--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_button_m_stateful_BorderRadius": { "name": "--pf-v6-c-button--m-stateful--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_stateful_PaddingInlineStart": { "name": "--pf-v6-c-button--m-stateful--PaddingInlineStart", "value": "1rem", "values": [ "--pf-t--global--spacer--control--horizontal--default", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_button_m_stateful_PaddingInlineEnd": { "name": "--pf-v6-c-button--m-stateful--PaddingInlineEnd", "value": "1rem", "values": [ "--pf-t--global--spacer--control--horizontal--default", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_button_m_stateful_m_small_PaddingInlineEnd": { "name": "--pf-v6-c-button--m-stateful--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_button_m_stateful_m_small_PaddingInlineStart": { "name": "--pf-v6-c-button--m-stateful--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_button_m_read_BackgroundColor": { "name": "--pf-v6-c-button--m-read--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_button_m_read_BorderColor": { "name": "--pf-v6-c-button--m-read--BorderColor", "value": "#8c8c8c", "values": [ "--pf-t--global--border--color--control--default", "--pf-t--global--border--color--300", "--pf-t--color--gray--45", "#8c8c8c" ] }, "c_button_m_read_hover_BackgroundColor": { "name": "--pf-v6-c-button--m-read--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_button_m_read_hover_BorderColor": { "name": "--pf-v6-c-button--m-read--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_read_m_clicked_BackgroundColor": { "name": "--pf-v6-c-button--m-read--m-clicked--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_button_m_read_m_clicked_BorderColor": { "name": "--pf-v6-c-button--m-read--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_unread_Color": { "name": "--pf-v6-c-button--m-unread--Color", "value": "#ffffff", "values": [ "--pf-t--global--text--color--status--unread--on-default--default", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_m_unread_BackgroundColor": { "name": "--pf-v6-c-button--m-unread--BackgroundColor", "value": "#0066cc", "values": [ "--pf-t--global--color--status--unread--default", "--pf-t--global--color--brand--default", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_button_m_unread__icon_Color": { "name": "--pf-v6-c-button--m-unread__icon--Color", "value": "#ffffff", "values": [ "--pf-t--global--icon--color--status--unread--on-default--default", "--pf-t--global--icon--color--inverse", "--pf-t--global--icon--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_m_unread_hover_Color": { "name": "--pf-v6-c-button--m-unread--hover--Color", "value": "#ffffff", "values": [ "--pf-t--global--text--color--status--unread--on-default--hover", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_m_unread_hover_BackgroundColor": { "name": "--pf-v6-c-button--m-unread--hover--BackgroundColor", "value": "#004d99", "values": [ "--pf-t--global--color--status--unread--hover", "--pf-t--global--color--brand--hover", "--pf-t--global--color--brand--300", "--pf-t--color--blue--60", "#004d99" ] }, "c_button_m_unread_hover__icon_Color": { "name": "--pf-v6-c-button--m-unread--hover__icon--Color", "value": "#ffffff", "values": [ "--pf-t--global--icon--color--status--unread--on-default--hover", "--pf-t--global--icon--color--inverse", "--pf-t--global--icon--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_m_unread_m_clicked_Color": { "name": "--pf-v6-c-button--m-unread--m-clicked--Color", "value": "#ffffff", "values": [ "--pf-t--global--text--color--status--unread--on-default--clicked", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_m_unread_m_clicked_BackgroundColor": { "name": "--pf-v6-c-button--m-unread--m-clicked--BackgroundColor", "value": "#004d99", "values": [ "--pf-t--global--color--status--unread--clicked", "--pf-t--global--color--brand--clicked", "--pf-t--global--color--brand--300", "--pf-t--color--blue--60", "#004d99" ] }, "c_button_m_unread_m_clicked__icon_Color": { "name": "--pf-v6-c-button--m-unread--m-clicked__icon--Color", "value": "#ffffff", "values": [ "--pf-t--global--icon--color--status--unread--on-default--clicked", "--pf-t--global--icon--color--inverse", "--pf-t--global--icon--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_m_attention_Color": { "name": "--pf-v6-c-button--m-attention--Color", "value": "#ffffff", "values": [ "--pf-t--global--text--color--status--unread--on-attention--default", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_m_attention_BackgroundColor": { "name": "--pf-v6-c-button--m-attention--BackgroundColor", "value": "#b1380b", "values": [ "--pf-t--global--color--status--unread--attention--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_attention__icon_Color": { "name": "--pf-v6-c-button--m-attention__icon--Color", "value": "#ffffff", "values": [ "--pf-t--global--icon--color--status--unread--on-attention--default", "--pf-t--global--icon--color--inverse", "--pf-t--global--icon--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_m_attention_hover_Color": { "name": "--pf-v6-c-button--m-attention--hover--Color", "value": "#ffffff", "values": [ "--pf-t--global--text--color--status--unread--on-attention--hover", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_m_attention_hover_BackgroundColor": { "name": "--pf-v6-c-button--m-attention--hover--BackgroundColor", "value": "#731f00", "values": [ "--pf-t--global--color--status--unread--attention--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_attention_hover__icon_Color": { "name": "--pf-v6-c-button--m-attention--hover__icon--Color", "value": "#ffffff", "values": [ "--pf-t--global--icon--color--status--unread--on-attention--hover", "--pf-t--global--icon--color--inverse", "--pf-t--global--icon--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_m_attention_m_clicked_Color": { "name": "--pf-v6-c-button--m-attention--m-clicked--Color", "value": "#ffffff", "values": [ "--pf-t--global--text--color--status--unread--on-attention--clicked", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_m_attention_m_clicked_BackgroundColor": { "name": "--pf-v6-c-button--m-attention--m-clicked--BackgroundColor", "value": "#731f00", "values": [ "--pf-t--global--color--status--unread--attention--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_attention_m_clicked__icon_Color": { "name": "--pf-v6-c-button--m-attention--m-clicked__icon--Color", "value": "#ffffff", "values": [ "--pf-t--global--icon--color--status--unread--on-attention--clicked", "--pf-t--global--icon--color--inverse", "--pf-t--global--icon--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_m_warning_Color": { "name": "--pf-v6-c-button--m-warning--Color", "value": "#151515", "values": [ "--pf-t--global--text--color--status--on-warning--default", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_button_m_warning_BackgroundColor": { "name": "--pf-v6-c-button--m-warning--BackgroundColor", "value": "#ffcc17", "values": [ "--pf-t--global--color--status--warning--default", "--pf-t--global--color--status--warning--100", "--pf-t--color--yellow--30", "#ffcc17" ] }, "c_button_m_warning__icon_Color": { "name": "--pf-v6-c-button--m-warning__icon--Color", "value": "#1f1f1f", "values": [ "--pf-t--global--icon--color--status--on-warning--default", "--pf-t--global--icon--color--regular", "--pf-t--global--icon--color--100", "--pf-t--color--gray--90", "#1f1f1f" ] }, "c_button_m_warning_hover_Color": { "name": "--pf-v6-c-button--m-warning--hover--Color", "value": "#151515", "values": [ "--pf-t--global--text--color--status--on-warning--hover", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_button_m_warning_hover_BackgroundColor": { "name": "--pf-v6-c-button--m-warning--hover--BackgroundColor", "value": "#dca614", "values": [ "--pf-t--global--color--status--warning--hover", "--pf-t--global--color--status--warning--200", "--pf-t--color--yellow--40", "#dca614" ] }, "c_button_m_warning_hover__icon_Color": { "name": "--pf-v6-c-button--m-warning--hover__icon--Color", "value": "#1f1f1f", "values": [ "--pf-t--global--icon--color--status--on-warning--hover", "--pf-t--global--icon--color--regular", "--pf-t--global--icon--color--100", "--pf-t--color--gray--90", "#1f1f1f" ] }, "c_button_m_warning_m_clicked_Color": { "name": "--pf-v6-c-button--m-warning--m-clicked--Color", "value": "#151515", "values": [ "--pf-t--global--text--color--status--on-warning--clicked", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_button_m_warning_m_clicked_BackgroundColor": { "name": "--pf-v6-c-button--m-warning--m-clicked--BackgroundColor", "value": "#dca614", "values": [ "--pf-t--global--color--status--warning--clicked", "--pf-t--global--color--status--warning--200", "--pf-t--color--yellow--40", "#dca614" ] }, "c_button_m_warning_m_clicked__icon_Color": { "name": "--pf-v6-c-button--m-warning--m-clicked__icon--Color", "value": "#1f1f1f", "values": [ "--pf-t--global--icon--color--status--on-warning--clicked", "--pf-t--global--icon--color--regular", "--pf-t--global--icon--color--100", "--pf-t--color--gray--90", "#1f1f1f" ] }, "c_button_m_danger_Color": { "name": "--pf-v6-c-button--m-danger--Color", "value": "#ffffff", "values": [ "--pf-t--global--text--color--status--on-danger--default", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_m_danger_BackgroundColor": { "name": "--pf-v6-c-button--m-danger--BackgroundColor", "value": "#b1380b", "values": [ "--pf-t--global--color--status--danger--default", "--pf-t--global--color--status--danger--100", "--pf-t--color--red-orange--60", "#b1380b" ] }, "c_button_m_danger__icon_Color": { "name": "--pf-v6-c-button--m-danger__icon--Color", "value": "#ffffff", "values": [ "--pf-t--global--icon--color--status--on-danger--default", "--pf-t--global--icon--color--inverse", "--pf-t--global--icon--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_m_danger_hover_Color": { "name": "--pf-v6-c-button--m-danger--hover--Color", "value": "#ffffff", "values": [ "--pf-t--global--text--color--status--on-danger--hover", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_m_danger_hover_BackgroundColor": { "name": "--pf-v6-c-button--m-danger--hover--BackgroundColor", "value": "#731f00", "values": [ "--pf-t--global--color--status--danger--hover", "--pf-t--global--color--status--danger--200", "--pf-t--color--red-orange--70", "#731f00" ] }, "c_button_m_danger_hover__icon_Color": { "name": "--pf-v6-c-button--m-danger--hover__icon--Color", "value": "#ffffff", "values": [ "--pf-t--global--icon--color--status--on-danger--hover", "--pf-t--global--icon--color--inverse", "--pf-t--global--icon--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_m_danger_m_clicked_Color": { "name": "--pf-v6-c-button--m-danger--m-clicked--Color", "value": "#ffffff", "values": [ "--pf-t--global--text--color--status--on-danger--clicked", "--pf-t--global--icon--color--inverse", "--pf-t--global--icon--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_m_danger_m_clicked_BackgroundColor": { "name": "--pf-v6-c-button--m-danger--m-clicked--BackgroundColor", "value": "#731f00", "values": [ "--pf-t--global--color--status--danger--clicked", "--pf-t--global--color--status--danger--200", "--pf-t--color--red-orange--70", "#731f00" ] }, "c_button_m_danger_m_clicked__icon_Color": { "name": "--pf-v6-c-button--m-danger--m-clicked__icon--Color", "value": "#ffffff", "values": [ "--pf-t--global--icon--color--status--on-danger--clicked", "--pf-t--global--icon--color--inverse", "--pf-t--global--icon--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_m_display_lg_PaddingBlockStart": { "name": "--pf-v6-c-button--m-display-lg--PaddingBlockStart", "value": "1rem", "values": [ "--pf-t--global--spacer--control--vertical--spacious", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_button_m_display_lg_PaddingInlineEnd": { "name": "--pf-v6-c-button--m-display-lg--PaddingInlineEnd", "value": "2rem", "values": [ "--pf-t--global--spacer--action--horizontal--spacious", "--pf-t--global--spacer--xl", "--pf-t--global--spacer--500", "2rem" ] }, "c_button_m_display_lg_PaddingBlockEnd": { "name": "--pf-v6-c-button--m-display-lg--PaddingBlockEnd", "value": "1rem", "values": [ "--pf-t--global--spacer--control--vertical--spacious", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_button_m_display_lg_PaddingInlineStart": { "name": "--pf-v6-c-button--m-display-lg--PaddingInlineStart", "value": "2rem", "values": [ "--pf-t--global--spacer--action--horizontal--spacious", "--pf-t--global--spacer--xl", "--pf-t--global--spacer--500", "2rem" ] }, "c_button_m_display_lg_FontWeight": { "name": "--pf-v6-c-button--m-display-lg--FontWeight", "value": "600", "values": [ "--pf-t--global--font--weight--body--bold", "--pf-t--global--font--weight--200", "600" ] }, "c_button_m_link_m_display_lg_FontSize": { "name": "--pf-v6-c-button--m-link--m-display-lg--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_m_display_lg_hover_TextDecorationColor": { "name": "--pf-v6-c-button--m-display-lg--hover--TextDecorationColor", "value": "#8c8c8c", "values": [ "--pf-t--global--border--color--control--default", "--pf-t--global--border--color--300", "--pf-t--color--gray--45", "#8c8c8c" ] }, "c_button_m_display_lg_hover_TextDecorationLine": { "name": "--pf-v6-c-button--m-display-lg--hover--TextDecorationLine", "value": "underline", "values": [ "--pf-t--global--text-decoration--link--line--hover", "--pf-t--global--text-decoration--line--200", "underline" ] }, "c_button_m_display_lg_hover_TextDecorationStyle": { "name": "--pf-v6-c-button--m-display-lg--hover--TextDecorationStyle", "value": "dashed", "values": [ "--pf-t--global--text-decoration--link--style--hover", "--pf-t--global--text-decoration--style--200", "dashed" ] }, "c_button_m_display_lg_hover_TextUnderlineOffset": { "name": "--pf-v6-c-button--m-display-lg--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_display_lg_m_clicked_TextDecorationColor": { "name": "--pf-v6-c-button--m-display-lg--m-clicked--TextDecorationColor", "value": "#8c8c8c", "values": [ "--pf-t--global--border--color--control--default", "--pf-t--global--border--color--300", "--pf-t--color--gray--45", "#8c8c8c" ] }, "c_button_m_display_lg_m_clicked_TextDecorationLine": { "name": "--pf-v6-c-button--m-display-lg--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_display_lg_m_clicked_TextDecorationStyle": { "name": "--pf-v6-c-button--m-display-lg--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_display_lg_m_clicked_TextUnderlineOffset": { "name": "--pf-v6-c-button--m-display-lg--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_display_lg_m_primary_Color": { "name": "--pf-v6-c-button--m-display-lg--m-primary--Color", "value": "#ffffff", "values": [ "--pf-t--global--text--color--on-brand--accent--default", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_m_display_lg_m_primary_BackgroundColor": { "name": "--pf-v6-c-button--m-display-lg--m-primary--BackgroundColor", "value": "#0066cc", "values": [ "--pf-t--global--color--brand--accent--default", "--pf-t--global--color--brand--default", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_button_m_display_lg_m_primary__icon_Color": { "name": "--pf-v6-c-button--m-display-lg--m-primary__icon--Color", "value": "#ffffff", "values": [ "--pf-t--global--icon--color--on-brand--accent--default", "--pf-t--global--icon--color--inverse", "--pf-t--global--icon--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_m_display_lg_m_primary_hover_Color": { "name": "--pf-v6-c-button--m-display-lg--m-primary--hover--Color", "value": "#ffffff", "values": [ "--pf-t--global--text--color--on-brand--accent--hover", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_m_display_lg_m_primary_hover_BackgroundColor": { "name": "--pf-v6-c-button--m-display-lg--m-primary--hover--BackgroundColor", "value": "#004d99", "values": [ "--pf-t--global--color--brand--accent--hover", "--pf-t--global--color--brand--hover", "--pf-t--global--color--brand--300", "--pf-t--color--blue--60", "#004d99" ] }, "c_button_m_display_lg_m_primary_hover__icon_Color": { "name": "--pf-v6-c-button--m-display-lg--m-primary--hover__icon--Color", "value": "#ffffff", "values": [ "--pf-t--global--icon--color--on-brand--accent--hover", "--pf-t--global--icon--color--inverse", "--pf-t--global--icon--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_m_display_lg_m_primary_m_clicked_Color": { "name": "--pf-v6-c-button--m-display-lg--m-primary--m-clicked--Color", "value": "#ffffff", "values": [ "--pf-t--global--text--color--on-brand--accent--clicked", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_m_display_lg_m_primary_m_clicked_BackgroundColor": { "name": "--pf-v6-c-button--m-display-lg--m-primary--m-clicked--BackgroundColor", "value": "#004d99", "values": [ "--pf-t--global--color--brand--accent--clicked", "--pf-t--global--color--brand--clicked", "--pf-t--global--color--brand--300", "--pf-t--color--blue--60", "#004d99" ] }, "c_button_m_display_lg_m_primary_m_clicked__icon_Color": { "name": "--pf-v6-c-button--m-display-lg--m-primary--m-clicked__icon--Color", "value": "#ffffff", "values": [ "--pf-t--global--icon--color--on-brand--accent--clicked", "--pf-t--global--icon--color--inverse", "--pf-t--global--icon--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_m_display_lg_m_primary_hover_TextDecorationColor": { "name": "--pf-v6-c-button--m-display-lg--m-primary--hover--TextDecorationColor", "value": "currentcolor" }, "c_button_m_display_lg_m_primary_m_clicked_TextDecorationColor": { "name": "--pf-v6-c-button--m-display-lg--m-primary--m-clicked--TextDecorationColor", "value": "currentcolor" }, "c_button_m_display_lg_m_secondary_Color": { "name": "--pf-v6-c-button--m-display-lg--m-secondary--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_display_lg_m_secondary_BorderColor": { "name": "--pf-v6-c-button--m-display-lg--m-secondary--BorderColor", "value": "#0066cc", "values": [ "--pf-t--global--border--color--brand--accent--default", "--pf-t--global--color--brand--accent--default", "--pf-t--global--color--brand--default", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_button_m_display_lg_m_secondary__icon_Color": { "name": "--pf-v6-c-button--m-display-lg--m-secondary__icon--Color", "value": "#0066cc", "values": [ "--pf-t--global--icon--color--brand--accent--default", "--pf-t--global--color--brand--accent--default", "--pf-t--global--color--brand--default", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_button_m_display_lg_m_secondary_hover_Color": { "name": "--pf-v6-c-button--m-display-lg--m-secondary--hover--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_display_lg_m_secondary_hover_BorderColor": { "name": "--pf-v6-c-button--m-display-lg--m-secondary--hover--BorderColor", "value": "#004d99", "values": [ "--pf-t--global--border--color--brand--accent--hover", "--pf-t--global--color--brand--accent--hover", "--pf-t--global--color--brand--hover", "--pf-t--global--color--brand--300", "--pf-t--color--blue--60", "#004d99" ] }, "c_button_m_display_lg_m_secondary_hover__icon_Color": { "name": "--pf-v6-c-button--m-display-lg--m-secondary--hover__icon--Color", "value": "#004d99", "values": [ "--pf-t--global--icon--color--brand--accent--hover", "--pf-t--global--color--brand--accent--hover", "--pf-t--global--color--brand--hover", "--pf-t--global--color--brand--300", "--pf-t--color--blue--60", "#004d99" ] }, "c_button_m_display_lg_m_secondary_m_clicked_Color": { "name": "--pf-v6-c-button--m-display-lg--m-secondary--m-clicked--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_display_lg_m_secondary_m_clicked_BorderColor": { "name": "--pf-v6-c-button--m-display-lg--m-secondary--m-clicked--BorderColor", "value": "#004d99", "values": [ "--pf-t--global--border--color--brand--accent--clicked", "--pf-t--global--color--brand--accent--clicked", "--pf-t--global--color--brand--clicked", "--pf-t--global--color--brand--300", "--pf-t--color--blue--60", "#004d99" ] }, "c_button_m_display_lg_m_secondary_m_clicked__icon_Color": { "name": "--pf-v6-c-button--m-display-lg--m-secondary--m-clicked__icon--Color", "value": "#004d99", "values": [ "--pf-t--global--icon--color--brand--accent--clicked", "--pf-t--global--color--brand--accent--clicked", "--pf-t--global--color--brand--clicked", "--pf-t--global--color--brand--300", "--pf-t--color--blue--60", "#004d99" ] }, "c_button_m_display_lg_m_tertiary_hover_BorderColor": { "name": "--pf-v6-c-button--m-display-lg--m-tertiary--hover--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_display_lg_m_tertiary_m_clicked_BorderColor": { "name": "--pf-v6-c-button--m-display-lg--m-tertiary--m-clicked--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_small_PaddingBlockStart": { "name": "--pf-v6-c-button--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_button_m_small_PaddingInlineEnd": { "name": "--pf-v6-c-button--m-small--PaddingInlineEnd", "value": "1rem", "values": [ "--pf-t--global--spacer--action--horizontal--compact", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_button_m_small_PaddingBlockEnd": { "name": "--pf-v6-c-button--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_button_m_small_PaddingInlineStart": { "name": "--pf-v6-c-button--m-small--PaddingInlineStart", "value": "1rem", "values": [ "--pf-t--global--spacer--action--horizontal--compact", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_button_disabled_Color": { "name": "--pf-v6-c-button--disabled--Color", "value": "#707070", "values": [ "--pf-t--global--text--color--on-disabled", "--pf-t--global--color--disabled--300", "--pf-t--color--gray--50", "#707070" ] }, "c_button_disabled_BackgroundColor": { "name": "--pf-v6-c-button--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_button_disabled_TextDecorationColor": { "name": "--pf-v6-c-button--disabled--TextDecorationColor", "value": "currentcolor" }, "c_button_disabled_BorderColor": { "name": "--pf-v6-c-button--disabled--BorderColor", "value": "transparent" }, "c_button_disabled__icon_Color": { "name": "--pf-v6-c-button--disabled__icon--Color", "value": "#707070", "values": [ "--pf-t--global--icon--color--on-disabled", "--pf-t--global--color--disabled--300", "--pf-t--color--gray--50", "#707070" ] }, "c_button__icon_Color": { "name": "--pf-v6-c-button__icon--Color", "value": "#1f1f1f", "values": [ "--pf-t--global--icon--color--regular", "--pf-t--global--icon--color--100", "--pf-t--color--gray--90", "#1f1f1f" ] }, "c_button_hover__icon_Color": { "name": "--pf-v6-c-button--hover__icon--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_clicked__icon_Color": { "name": "--pf-v6-c-button--m-clicked__icon--Color", "value": "#1f1f1f", "values": [ "--pf-t--global--icon--color--regular", "--pf-t--global--icon--color--100", "--pf-t--color--gray--90", "#1f1f1f" ] }, "c_button__icon_MarginInlineStart": { "name": "--pf-v6-c-button__icon--MarginInlineStart", "value": "0" }, "c_button__icon_MarginInlineEnd": { "name": "--pf-v6-c-button__icon--MarginInlineEnd", "value": "0" }, "c_button__icon_m_start_MarginInlineEnd": { "name": "--pf-v6-c-button__icon--m-start--MarginInlineEnd", "value": "0" }, "c_button__icon_m_end_MarginInlineStart": { "name": "--pf-v6-c-button__icon--m-end--MarginInlineStart", "value": "0" }, "c_button_m_notify__icon_AnimationDuration_notify": { "name": "--pf-v6-c-button--m-notify__icon--AnimationDuration--notify", "value": "600ms", "values": [ "--pf-t--global--motion--duration--3xl", "--pf-t--global--duration--600", "600ms" ] }, "c_button_m_notify__icon_AnimationTimingFunction_notify": { "name": "--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify", "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_button__icon_TransitionDelay": { "name": "--pf-v6-c-button__icon--TransitionDelay", "value": "0s" }, "c_button__icon_TransitionTimingFunction": { "name": "--pf-v6-c-button__icon--TransitionTimingFunction", "value": "auto" }, "c_button__icon_TransitionDuration": { "name": "--pf-v6-c-button__icon--TransitionDuration", "value": "0s" }, "c_button__icon_TransitionProperty": { "name": "--pf-v6-c-button__icon--TransitionProperty", "value": "none" }, "c_button__icon_Rotate": { "name": "--pf-v6-c-button__icon--Rotate", "value": "0deg" }, "c_button_hover__icon_TransitionTimingFunction": { "name": "--pf-v6-c-button--hover__icon--TransitionTimingFunction", "value": "auto" }, "c_button_hover__icon_TransitionDuration": { "name": "--pf-v6-c-button--hover__icon--TransitionDuration", "value": "0s" }, "c_button_hover__icon_TransitionProperty": { "name": "--pf-v6-c-button--hover__icon--TransitionProperty", "value": "none" }, "c_button_hover__icon_Rotate": { "name": "--pf-v6-c-button--hover__icon--Rotate", "value": "0deg" }, "c_button__icon_ScaleX": { "name": "--pf-v6-c-button__icon--ScaleX", "value": "1" }, "c_button__icon_ScaleY": { "name": "--pf-v6-c-button__icon--ScaleY", "value": "1" }, "c_button_hover__icon_ScaleX": { "name": "--pf-v6-c-button--hover__icon--ScaleX", "value": "1" }, "c_button_hover__icon_ScaleY": { "name": "--pf-v6-c-button--hover__icon--ScaleY", "value": "1" }, "c_button_m_favorite__icon_TransitionDuration": { "name": "--pf-v6-c-button--m-favorite__icon--TransitionDuration", "value": "100ms", "values": [ "--pf-t--global--motion--duration--icon--default", "--pf-t--global--motion--duration--sm", "--pf-t--global--duration--100", "100ms" ] }, "c_button_m_favorite__icon_TransitionTimingFunction": { "name": "--pf-v6-c-button--m-favorite__icon--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_button_m_favorited__icon_Color": { "name": "--pf-v6-c-button--m-favorited__icon--Color", "value": "#ffcc17", "values": [ "--pf-t--global--color--favorite--default", "--pf-t--global--color--favorite--100", "--pf-t--color--yellow--30", "#ffcc17" ] }, "c_button_m_favorited_hover__icon_Color": { "name": "--pf-v6-c-button--m-favorited--hover__icon--Color", "value": "#dca614", "values": [ "--pf-t--global--color--favorite--hover", "--pf-t--global--color--favorite--200", "--pf-t--color--yellow--40", "#dca614" ] }, "c_button_m_favorited__icon_AnimationDuration": { "name": "--pf-v6-c-button--m-favorited__icon--AnimationDuration", "value": "200ms", "values": [ "--pf-t--global--motion--duration--icon--long", "--pf-t--global--motion--duration--md", "--pf-t--global--duration--200", "200ms" ] }, "c_button_m_favorited__icon_AnimationTimingFunction": { "name": "--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction", "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_button__icon_favorite_Opacity": { "name": "--pf-v6-c-button__icon--favorite--Opacity", "value": "1" }, "c_button__icon_favorited_Opacity": { "name": "--pf-v6-c-button__icon--favorited--Opacity", "value": "0" }, "c_button_m_favorited__icon_favorite_Opacity": { "name": "--pf-v6-c-button--m-favorited__icon--favorite--Opacity", "value": "0" }, "c_button_m_favorited__icon_favorited_Opacity": { "name": "--pf-v6-c-button--m-favorited__icon--favorited--Opacity", "value": "1" }, "c_button__icon_favorite_TransitionDuration": { "name": "--pf-v6-c-button__icon--favorite--TransitionDuration", "value": "100ms", "values": [ "--pf-t--global--motion--duration--icon--default", "--pf-t--global--motion--duration--sm", "--pf-t--global--duration--100", "100ms" ] }, "c_button__progress_width": { "name": "--pf-v6-c-button__progress--width", "value": "calc(1rem + 0.5rem)", "values": [ "calc(--pf-t--global--icon--size--lg + --pf-t--global--spacer--sm)", "calc(--pf-t--global--icon--size--250 + --pf-t--global--spacer--200)", "calc(1rem + 0.5rem)" ] }, "c_button__progress_Opacity": { "name": "--pf-v6-c-button__progress--Opacity", "value": "0" }, "c_button__progress_TranslateY": { "name": "--pf-v6-c-button__progress--TranslateY", "value": "-50%" }, "c_button__progress_TranslateX": { "name": "--pf-v6-c-button__progress--TranslateX", "value": "0" }, "c_button__progress_InsetBlockStart": { "name": "--pf-v6-c-button__progress--InsetBlockStart", "value": "50%" }, "c_button__progress_InsetInlineStart": { "name": "--pf-v6-c-button__progress--InsetInlineStart", "value": "1rem", "values": [ "--pf-t--global--spacer--control--horizontal--default", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_button__progress_Color": { "name": "--pf-v6-c-button__progress--Color", "value": "#1f1f1f", "values": [ "--pf-v6-c-button__icon--Color", "--pf-t--global--icon--color--regular", "--pf-t--global--icon--color--100", "--pf-t--color--gray--90", "#1f1f1f" ] }, "c_button_m_progress_PaddingInlineEnd": { "name": "--pf-v6-c-button--m-progress--PaddingInlineEnd", "value": "calc(1rem + calc(1rem + 0.5rem) / 2)", "values": [ "calc(--pf-t--global--spacer--control--horizontal--default + --pf-v6-c-button__progress--width / 2)", "calc(--pf-t--global--spacer--md + calc(--pf-t--global--icon--size--lg + --pf-t--global--spacer--sm) / 2)", "calc(--pf-t--global--spacer--300 + calc(--pf-t--global--icon--size--250 + --pf-t--global--spacer--200) / 2)", "calc(1rem + calc(1rem + 0.5rem) / 2)" ] }, "c_button_m_progress_PaddingInlineStart": { "name": "--pf-v6-c-button--m-progress--PaddingInlineStart", "value": "calc(1rem + calc(1rem + 0.5rem) / 2)", "values": [ "calc(--pf-t--global--spacer--control--horizontal--default + --pf-v6-c-button__progress--width / 2)", "calc(--pf-t--global--spacer--md + calc(--pf-t--global--icon--size--lg + --pf-t--global--spacer--sm) / 2)", "calc(--pf-t--global--spacer--300 + calc(--pf-t--global--icon--size--250 + --pf-t--global--spacer--200) / 2)", "calc(1rem + calc(1rem + 0.5rem) / 2)" ] }, "c_button_m_in_progress_PaddingInlineEnd": { "name": "--pf-v6-c-button--m-in-progress--PaddingInlineEnd", "value": "1rem", "values": [ "--pf-t--global--spacer--control--horizontal--default", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_button_m_in_progress_PaddingInlineStart": { "name": "--pf-v6-c-button--m-in-progress--PaddingInlineStart", "value": "calc(1rem + calc(1rem + 0.5rem))", "values": [ "calc(--pf-t--global--spacer--control--horizontal--default + --pf-v6-c-button__progress--width)", "calc(--pf-t--global--spacer--md + calc(--pf-t--global--icon--size--lg + --pf-t--global--spacer--sm))", "calc(--pf-t--global--spacer--300 + calc(--pf-t--global--icon--size--250 + --pf-t--global--spacer--200))", "calc(1rem + calc(1rem + 0.5rem))" ] }, "c_button_m_in_progress_m_plain_Color": { "name": "--pf-v6-c-button--m-in-progress--m-plain--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_in_progress_m_plain__progress_InsetInlineStart": { "name": "--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart", "value": "50%" }, "c_button_m_in_progress_m_plain__progress_TranslateX": { "name": "--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX", "value": "-50%" }, "c_button_m_settings__icon_TransitionDuration": { "name": "--pf-v6-c-button--m-settings__icon--TransitionDuration", "value": "200ms", "values": [ "--pf-t--global--motion--duration--icon--long", "--pf-t--global--motion--duration--md", "--pf-t--global--duration--200", "200ms" ] }, "c_button_m_settings__icon_TransitionTimingFunction": { "name": "--pf-v6-c-button--m-settings__icon--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_m_settings_hover__icon_TransitionDuration": { "name": "--pf-v6-c-button--m-settings--hover__icon--TransitionDuration", "value": "200ms", "values": [ "--pf-t--global--motion--duration--icon--long", "--pf-t--global--motion--duration--md", "--pf-t--global--duration--200", "200ms" ] }, "c_button_m_settings_hover__icon_TransitionTimingFunction": { "name": "--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction", "value": "cubic-bezier(0, 0, .2, 1)", "values": [ "--pf-t--global--motion--timing-function--decelerate", "--pf-t--global--timing-function--300", "cubic-bezier(0, 0, .2, 1)" ] }, "c_button_m_settings_hover__icon_Rotate": { "name": "--pf-v6-c-button--m-settings--hover__icon--Rotate", "value": "60deg" }, "c_button_m_primary__c_badge_BorderColor": { "name": "--pf-v6-c-button--m-primary__c-badge--BorderColor", "value": "#ffffff", "values": [ "--pf-t--global--border--color--alt", "--pf-t--global--background--color--primary--default", "--pf-t--global--background--color--100", "--pf-t--color--white", "#ffffff" ] }, "c_button_m_block_Display": { "name": "--pf-v6-c-button--m-block--Display", "value": "flex" }, "c_button_m_block_Width": { "name": "--pf-v6-c-button--m-block--Width", "value": "100%" }, "c_button_hamburger_icon_TransitionTimingFunction": { "name": "--pf-v6-c-button--hamburger-icon--TransitionTimingFunction", "value": "cubic-bezier(0, 0, .2, 1)", "values": [ "--pf-t--global--motion--timing-function--decelerate", "--pf-t--global--timing-function--300", "cubic-bezier(0, 0, .2, 1)" ] }, "c_button_hamburger_icon_TransitionDuration": { "name": "--pf-v6-c-button--hamburger-icon--TransitionDuration", "value": "200ms", "values": [ "--pf-t--global--motion--duration--md", "--pf-t--global--duration--200", "200ms" ] }, "c_button_hamburger_icon_top_path_base": { "name": "--pf-v6-c-button--hamburger-icon--top--path--base", "value": "path(\"M1,1 L9,1\")" }, "c_button_hamburger_icon_middle_path_base": { "name": "--pf-v6-c-button--hamburger-icon--middle--path--base", "value": "path(\"M1,5 L9,5\")" }, "c_button_hamburger_icon_arrow_path_base": { "name": "--pf-v6-c-button--hamburger-icon--arrow--path--base", "value": "path(\"M1,5 L1,5 L1,5\")" }, "c_button_hamburger_icon_bottom_path_base": { "name": "--pf-v6-c-button--hamburger-icon--bottom--path--base", "value": "path(\"M9,9 L1,9\")" }, "c_button_hamburger_icon_top_path": { "name": "--pf-v6-c-button--hamburger-icon--top--path", "value": "path(\"M1,1 L9,1\")", "values": [ "--pf-v6-c-button--hamburger-icon--top--path--base", "path(\"M1,1 L9,1\")" ] }, "c_button_hamburger_icon_middle_path": { "name": "--pf-v6-c-button--hamburger-icon--middle--path", "value": "path(\"M1,5 L9,5\")", "values": [ "--pf-v6-c-button--hamburger-icon--middle--path--base", "path(\"M1,5 L9,5\")" ] }, "c_button_hamburger_icon_arrow_path": { "name": "--pf-v6-c-button--hamburger-icon--arrow--path", "value": "path(\"M1,5 L1,5 L1,5\")", "values": [ "--pf-v6-c-button--hamburger-icon--arrow--path--base", "path(\"M1,5 L1,5 L1,5\")" ] }, "c_button_hamburger_icon_bottom_path": { "name": "--pf-v6-c-button--hamburger-icon--bottom--path", "value": "path(\"M9,9 L1,9\")", "values": [ "--pf-v6-c-button--hamburger-icon--bottom--path--base", "path(\"M9,9 L1,9\")" ] }, "c_button_hamburger_icon_top_collapse_path": { "name": "--pf-v6-c-button--hamburger-icon--top--collapse--path", "value": "path(\"M5,1 L9,1\")" }, "c_button_hamburger_icon_arrow_collapse_path": { "name": "--pf-v6-c-button--hamburger-icon--arrow--collapse--path", "value": "path(\"M3,7 L1,5 L3,3\")" }, "c_button_hamburger_icon_bottom_collapse_path": { "name": "--pf-v6-c-button--hamburger-icon--bottom--collapse--path", "value": "path(\"M9,9 L5,9\")" }, "c_button_m_hamburger__icon_m_expand_ScaleX": { "name": "--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX", "value": "-1" }, "c_button_m_hamburger__icon_m_collapse_ScaleX": { "name": "--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX", "value": "1" }, "c_button_m_circle_BorderRadius": { "name": "--pf-v6-c-button--m-circle--BorderRadius", "value": "999px", "values": [ "--pf-t--global--border--radius--pill", "--pf-t--global--border--radius--500", "999px" ] } }, ".pf-v6-c-button.pf-m-primary": { "c_button_Color": { "name": "--pf-v6-c-button--Color", "value": "#ffffff", "values": [ "--pf-v6-c-button--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_button_BackgroundColor": { "name": "--pf-v6-c-button--BackgroundColor", "value": "#0066cc", "values": [ "--pf-v6-c-button--m-primary--BackgroundColor", "--pf-t--global--color--brand--default", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_button__icon_Color": { "name": "--pf-v6-c-button__icon--Color", "value": "#ffffff", "values": [ "--pf-v6-c-button--m-primary__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" ] }, "c_button_hover_Color": { "name": "--pf-v6-c-button--hover--Color", "value": "#ffffff", "values": [ "--pf-v6-c-button--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_button_hover_BackgroundColor": { "name": "--pf-v6-c-button--hover--BackgroundColor", "value": "#004d99", "values": [ "--pf-v6-c-button--m-primary--hover--BackgroundColor", "--pf-t--global--color--brand--hover", "--pf-t--global--color--brand--300", "--pf-t--color--blue--60", "#004d99" ] }, "c_button_hover__icon_Color": { "name": "--pf-v6-c-button--hover__icon--Color", "value": "#ffffff", "values": [ "--pf-v6-c-button--m-primary--hover__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_button_m_clicked_Color": { "name": "--pf-v6-c-button--m-clicked--Color", "value": "#ffffff", "values": [ "--pf-v6-c-button--m-primary--m-clicked--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_button_m_clicked_BackgroundColor": { "name": "--pf-v6-c-button--m-clicked--BackgroundColor", "value": "#004d99", "values": [ "--pf-v6-c-button--m-primary--m-clicked--BackgroundColor", "--pf-t--global--color--brand--clicked", "--pf-t--global--color--brand--300", "--pf-t--color--blue--60", "#004d99" ] }, "c_button_m_clicked__icon_Color": { "name": "--pf-v6-c-button--m-clicked__icon--Color", "value": "#ffffff", "values": [ "--pf-v6-c-button--m-primary--m-clicked__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" ] } }, ".pf-v6-c-button.pf-m-primary .pf-v6-c-badge.pf-m-unread": { "c_badge_BorderColor": { "name": "--pf-v6-c-badge--BorderColor", "value": "#ffffff", "values": [ "--pf-v6-c-button--m-primary__c-badge--BorderColor", "--pf-t--global--border--color--alt", "--pf-t--global--background--color--primary--default", "--pf-t--global--background--color--100", "--pf-t--color--white", "#ffffff" ] } }, ".pf-v6-c-button.pf-m-secondary": { "c_button_Color": { "name": "--pf-v6-c-button--Color", "value": "#0066cc", "values": [ "--pf-v6-c-button--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_button_BorderColor": { "name": "--pf-v6-c-button--BorderColor", "value": "#0066cc", "values": [ "--pf-v6-c-button--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_button_TransitionDuration": { "name": "--pf-v6-c-button--TransitionDuration", "value": "100ms", "values": [ "--pf-v6-c-button--m-secondary--TransitionDuration", "--pf-t--global--motion--duration--fade--short", "--pf-t--global--motion--duration--sm", "--pf-t--global--duration--100", "100ms" ] }, "c_button__icon_Color": { "name": "--pf-v6-c-button__icon--Color", "value": "#0066cc", "values": [ "--pf-v6-c-button--m-secondary__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" ] }, "c_button_hover_Color": { "name": "--pf-v6-c-button--hover--Color", "value": "#004d99", "values": [ "--pf-v6-c-button--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_button_hover_BorderColor": { "name": "--pf-v6-c-button--hover--BorderColor", "value": "#004d99", "values": [ "--pf-v6-c-button--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_button_hover__icon_Color": { "name": "--pf-v6-c-button--hover__icon--Color", "value": "#004d99", "values": [ "--pf-v6-c-button--m-secondary--hover__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_button_m_clicked_Color": { "name": "--pf-v6-c-button--m-clicked--Color", "value": "#004d99", "values": [ "--pf-v6-c-button--m-secondary--m-clicked--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_button_m_clicked_BorderColor": { "name": "--pf-v6-c-button--m-clicked--BorderColor", "value": "#004d99", "values": [ "--pf-v6-c-button--m-secondary--m-clicked--BorderColor", "--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_clicked__icon_Color": { "name": "--pf-v6-c-button--m-clicked__icon--Color", "value": "#004d99", "values": [ "--pf-v6-c-button--m-secondary--m-clicked__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_button_m_danger_Color": { "name": "--pf-v6-c-button--m-danger--Color", "value": "#b1380b", "values": [ "--pf-v6-c-button--m-secondary--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" ] }, "c_button_m_danger__icon_Color": { "name": "--pf-v6-c-button--m-danger__icon--Color", "value": "#b1380b", "values": [ "--pf-v6-c-button--m-secondary--m-danger__icon--Color", "--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_danger_hover_Color": { "name": "--pf-v6-c-button--m-danger--hover--Color", "value": "#731f00", "values": [ "--pf-v6-c-button--m-secondary--m-danger--hover--Color", "--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_danger_hover__icon_Color": { "name": "--pf-v6-c-button--m-danger--hover__icon--Color", "value": "#731f00", "values": [ "--pf-v6-c-button--m-secondary--m-danger--hover__icon--Color", "--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_danger_m_clicked_Color": { "name": "--pf-v6-c-button--m-danger--m-clicked--Color", "value": "#731f00", "values": [ "--pf-v6-c-button--m-secondary--m-danger--m-clicked--Color", "--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_danger_m_clicked__icon_Color": { "name": "--pf-v6-c-button--m-danger--m-clicked__icon--Color", "value": "#731f00", "values": [ "--pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color", "--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" ] } }, ".pf-v6-c-button.pf-m-secondary.pf-m-danger": { "c_button_m_secondary_BorderColor": { "name": "--pf-v6-c-button--m-secondary--BorderColor", "value": "#b1380b", "values": [ "--pf-v6-c-button--m-secondary--m-danger--BorderColor", "--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_hover_BorderColor": { "name": "--pf-v6-c-button--m-secondary--hover--BorderColor", "value": "#731f00", "values": [ "--pf-v6-c-button--m-secondary--m-danger--hover--BorderColor", "--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_clicked_BorderColor": { "name": "--pf-v6-c-button--m-secondary--m-clicked--BorderColor", "value": "#731f00", "values": [ "--pf-v6-c-button--m-secondary--m-danger--m-clicked--BorderColor", "--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_danger_BackgroundColor": { "name": "--pf-v6-c-button--m-danger--BackgroundColor", "value": "transparent" }, "c_button_m_danger_hover_BackgroundColor": { "name": "--pf-v6-c-button--m-danger--hover--BackgroundColor", "value": "transparent" }, "c_button_m_danger_m_clicked_BackgroundColor": { "name": "--pf-v6-c-button--m-danger--m-clicked--BackgroundColor", "value": "transparent" } }, ".pf-v6-c-button.pf-m-tertiary": { "c_button_Color": { "name": "--pf-v6-c-button--Color", "value": "#0066cc", "values": [ "--pf-v6-c-button--m-tertiary--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_button_BorderColor": { "name": "--pf-v6-c-button--BorderColor", "value": "#e0e0e0", "values": [ "--pf-v6-c-button--m-tertiary--BorderColor", "--pf-t--global--border--color--default", "--pf-t--global--border--color--50", "--pf-t--color--gray--20", "#e0e0e0" ] }, "c_button_TransitionDuration": { "name": "--pf-v6-c-button--TransitionDuration", "value": "100ms", "values": [ "--pf-v6-c-button--m-tertiary--TransitionDuration", "--pf-t--global--motion--duration--fade--short", "--pf-t--global--motion--duration--sm", "--pf-t--global--duration--100", "100ms" ] }, "c_button__icon_Color": { "name": "--pf-v6-c-button__icon--Color", "value": "#0066cc", "values": [ "--pf-v6-c-button--m-tertiary__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" ] }, "c_button_hover_Color": { "name": "--pf-v6-c-button--hover--Color", "value": "#004d99", "values": [ "--pf-v6-c-button--m-tertiary--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_button_hover_BorderColor": { "name": "--pf-v6-c-button--hover--BorderColor", "value": "#4394e5", "values": [ "--pf-v6-c-button--m-tertiary--hover--BorderColor", "--pf-t--global--border--color--hover", "--pf-t--global--color--brand--100", "--pf-t--color--blue--40", "#4394e5" ] }, "c_button_hover__icon_Color": { "name": "--pf-v6-c-button--hover__icon--Color", "value": "#004d99", "values": [ "--pf-v6-c-button--m-tertiary--hover__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_button_m_clicked_Color": { "name": "--pf-v6-c-button--m-clicked--Color", "value": "#004d99", "values": [ "--pf-v6-c-button--m-tertiary--m-clicked--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_button_m_clicked_BorderColor": { "name": "--pf-v6-c-button--m-clicked--BorderColor", "value": "#0066cc", "values": [ "--pf-v6-c-button--m-tertiary--m-clicked--BorderColor", "--pf-t--global--border--color--clicked", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_button_m_clicked__icon_Color": { "name": "--pf-v6-c-button--m-clicked__icon--Color", "value": "#004d99", "values": [ "--pf-v6-c-button--m-tertiary--m-clicked__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" ] } }, ".pf-v6-c-button.pf-m-link": { "c_button_PaddingInlineEnd": { "name": "--pf-v6-c-button--PaddingInlineEnd", "value": "0.5rem", "values": [ "--pf-v6-c-button--m-link--PaddingInlineEnd", "--pf-t--global--spacer--action--horizontal--plain--default", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_button_PaddingInlineStart": { "name": "--pf-v6-c-button--PaddingInlineStart", "value": "0.5rem", "values": [ "--pf-v6-c-button--m-link--PaddingInlineStart", "--pf-t--global--spacer--action--horizontal--plain--default", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_button_Color": { "name": "--pf-v6-c-button--Color", "value": "#0066cc", "values": [ "--pf-v6-c-button--m-link--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_button_BorderWidth": { "name": "--pf-v6-c-button--BorderWidth", "value": "0px", "values": [ "--pf-v6-c-button--m-link--BorderWidth", "--pf-t--global--border--width--action--plain--default", "0px" ] }, "c_button_hover_BorderColor": { "name": "--pf-v6-c-button--hover--BorderColor", "value": "rgb(255, 255, 255, 0.0000)", "values": [ "--pf-v6-c-button--m-link--hover--BorderColor", "--pf-t--global--border--color--high-contrast", "rgb(255, 255, 255, 0.0000)" ] }, "c_button_hover_BorderWidth": { "name": "--pf-v6-c-button--hover--BorderWidth", "value": "0px", "values": [ "--pf-v6-c-button--m-link--hover--BorderWidth", "--pf-t--global--border--width--action--plain--hover", "0px" ] }, "c_button_m_clicked_BorderColor": { "name": "--pf-v6-c-button--m-clicked--BorderColor", "value": "rgb(255, 255, 255, 0.0000)", "values": [ "--pf-v6-c-button--m-link--m-clicked--BorderColor", "--pf-t--global--border--color--high-contrast", "rgb(255, 255, 255, 0.0000)" ] }, "c_button_m_clicked_BorderWidth": { "name": "--pf-v6-c-button--m-clicked--BorderWidth", "value": "0px", "values": [ "--pf-v6-c-button--m-link--m-clicked--BorderWidth", "--pf-t--global--border--width--action--plain--clicked", "0px" ] }, "c_button_BorderColor": { "name": "--pf-v6-c-button--BorderColor", "value": "rgb(255, 255, 255, 0.0000)", "values": [ "--pf-v6-c-button--m-link--BorderColor", "--pf-t--global--border--color--high-contrast", "rgb(255, 255, 255, 0.0000)" ] }, "c_button_BorderRadius": { "name": "--pf-v6-c-button--BorderRadius", "value": "6px", "values": [ "--pf-v6-c-button--m-link--BorderRadius", "--pf-t--global--border--radius--action--plain--default", "--pf-t--global--border--radius--small", "--pf-t--global--border--radius--200", "6px" ] }, "c_button_BackgroundColor": { "name": "--pf-v6-c-button--BackgroundColor", "value": "rgb(255, 255, 255, 0.0000)", "values": [ "--pf-v6-c-button--m-link--BackgroundColor", "--pf-t--global--background--color--action--plain--default", "rgb(255, 255, 255, 0.0000)" ] }, "c_button__icon_Color": { "name": "--pf-v6-c-button__icon--Color", "value": "#0066cc", "values": [ "--pf-v6-c-button--m-link__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" ] }, "c_button_hover_Color": { "name": "--pf-v6-c-button--hover--Color", "value": "#004d99", "values": [ "--pf-v6-c-button--m-link--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_button_hover_BackgroundColor": { "name": "--pf-v6-c-button--hover--BackgroundColor", "value": "rgb(199, 199, 199, 0.2500)", "values": [ "--pf-v6-c-button--m-link--hover--BackgroundColor", "--pf-t--global--background--color--action--plain--hover", "--pf-t--global--background--color--600", "rgb(199, 199, 199, 0.2500)" ] }, "c_button_hover__icon_Color": { "name": "--pf-v6-c-button--hover__icon--Color", "value": "#004d99", "values": [ "--pf-v6-c-button--m-link--hover__icon--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_button_m_clicked_Color": { "name": "--pf-v6-c-button--m-clicked--Color", "value": "#004d99", "values": [ "--pf-v6-c-button--m-link--m-clicked--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_button_m_clicked_BackgroundColor": { "name": "--pf-v6-c-button--m-clicked--BackgroundColor", "value": "rgb(199, 199, 199, 0.2500)", "values": [ "--pf-v6-c-button--m-link--m-clicked--BackgroundColor", "--pf-t--global--background--color--action--plain--clicked", "--pf-t--global--background--color--600", "rgb(199, 199, 199, 0.2500)" ] }, "c_button_m_clicked__icon_Color": { "name": "--pf-v6-c-button--m-clicked__icon--Color", "value": "#004d99", "values": [ "--pf-v6-c-button--m-link--m-clicked__icon--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_button_m_small_PaddingInlineEnd": { "name": "--pf-v6-c-button--m-small--PaddingInlineEnd", "value": "0.25rem", "values": [ "--pf-v6-c-button--m-link--m-small--PaddingInlineEnd", "--pf-t--global--spacer--action--horizontal--plain--compact", "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_button_m_small_PaddingInlineStart": { "name": "--pf-v6-c-button--m-small--PaddingInlineStart", "value": "0.25rem", "values": [ "--pf-v6-c-button--m-link--m-small--PaddingInlineStart", "--pf-t--global--spacer--action--horizontal--plain--compact", "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] } }, "span.pf-v6-c-button.pf-m-link.pf-m-inline": { "c_button_m_link_m_inline_Display": { "name": "--pf-v6-c-button--m-link--m-inline--Display", "value": "inline", "values": [ "--pf-v6-c-button--span--m-link--m-inline--Display", "inline" ] }, "c_button__icon_m_start_MarginInlineEnd": { "name": "--pf-v6-c-button__icon--m-start--MarginInlineEnd", "value": "0.5rem", "values": [ "--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd", "--pf-t--global--spacer--gap--text-to-element--default", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_button__icon_m_end_MarginInlineStart": { "name": "--pf-v6-c-button__icon--m-end--MarginInlineStart", "value": "0.5rem", "values": [ "--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart", "--pf-t--global--spacer--gap--text-to-element--default", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] } }, ".pf-v6-c-button.pf-m-link.pf-m-inline": { "c_button_Display": { "name": "--pf-v6-c-button--Display", "value": "inline-flex", "values": [ "--pf-v6-c-button--m-link--m-inline--Display", "inline-flex" ] }, "c_button_JustifyContent": { "name": "--pf-v6-c-button--JustifyContent", "value": "flex-start", "values": [ "--pf-v6-c-button--m-link--m-inline--JustifyContent", "flex-start" ] }, "c_button_FontSize": { "name": "--pf-v6-c-button--FontSize", "value": "initial", "values": [ "--pf-v6-c-button--m-link--m-inline--FontSize", "initial" ] }, "c_button_LineHeight": { "name": "--pf-v6-c-button--LineHeight", "value": "initial", "values": [ "--pf-v6-c-button--m-link--m-inline--LineHeight", "initial" ] }, "c_button_FontWeight": { "name": "--pf-v6-c-button--FontWeight", "value": "initial", "values": [ "--pf-v6-c-button--m-link--m-inline--FontWeight", "initial" ] }, "c_button_PaddingBlockStart": { "name": "--pf-v6-c-button--PaddingBlockStart", "value": "0", "values": [ "--pf-v6-c-button--m-link--m-inline--PaddingBlockStart", "0" ] }, "c_button_PaddingInlineEnd": { "name": "--pf-v6-c-button--PaddingInlineEnd", "value": "0", "values": [ "--pf-v6-c-button--m-link--m-inline--PaddingInlineEnd", "0" ] }, "c_button_PaddingBlockEnd": { "name": "--pf-v6-c-button--PaddingBlockEnd", "value": "0", "values": [ "--pf-v6-c-button--m-link--m-inline--PaddingBlockEnd", "0" ] }, "c_button_PaddingInlineStart": { "name": "--pf-v6-c-button--PaddingInlineStart", "value": "0", "values": [ "--pf-v6-c-button--m-link--m-inline--PaddingInlineStart", "0" ] }, "c_button_TransitionDuration": { "name": "--pf-v6-c-button--TransitionDuration", "value": "200ms, 300ms", "values": [ "--pf-v6-c-button--m-link--m-inline--TransitionDuration", "--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_TransitionTimingFunction": { "name": "--pf-v6-c-button--TransitionTimingFunction", "value": "cubic-bezier(.4, 0, .7, .2), cubic-bezier(.4, 0, .2, 1)", "values": [ "--pf-v6-c-button--m-link--m-inline--TransitionTimingFunction", "--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_TransitionProperty": { "name": "--pf-v6-c-button--TransitionProperty", "value": "color, text-underline-offset", "values": [ "--pf-v6-c-button--m-link--m-inline--TransitionProperty", "color, text-underline-offset" ] }, "c_button_BackgroundColor": { "name": "--pf-v6-c-button--BackgroundColor", "value": "transparent" }, "c_button__progress_InsetInlineStart": { "name": "--pf-v6-c-button__progress--InsetInlineStart", "value": "0.25rem", "values": [ "--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart", "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_button_TextDecorationLine": { "name": "--pf-v6-c-button--TextDecorationLine", "value": "underline", "values": [ "--pf-v6-c-button--m-link--m-inline--TextDecorationLine", "--pf-t--global--text-decoration--link--line--default", "--pf-t--global--text-decoration--line--200", "underline" ] }, "c_button_TextDecorationStyle": { "name": "--pf-v6-c-button--TextDecorationStyle", "value": "dashed", "values": [ "--pf-v6-c-button--m-link--m-inline--TextDecorationStyle", "--pf-t--global--text-decoration--link--style--default", "--pf-t--global--text-decoration--style--200", "dashed" ] }, "c_button_hover_BackgroundColor": { "name": "--pf-v6-c-button--hover--BackgroundColor", "value": "transparent" }, "c_button_m_clicked_BackgroundColor": { "name": "--pf-v6-c-button--m-clicked--BackgroundColor", "value": "transparent" }, "c_button_disabled_BackgroundColor": { "name": "--pf-v6-c-button--disabled--BackgroundColor", "value": "transparent" }, "c_button_disabled_Color": { "name": "--pf-v6-c-button--disabled--Color", "value": "#a3a3a3", "values": [ "--pf-v6-c-button--m-link--m-inline--disabled--Color", "--pf-t--global--text--color--disabled", "--pf-t--global--color--disabled--200", "--pf-t--color--gray--40", "#a3a3a3" ] }, "c_button_disabled__icon_Color": { "name": "--pf-v6-c-button--disabled__icon--Color", "value": "#a3a3a3", "values": [ "--pf-v6-c-button--m-link--m-inline--disabled__icon--Color", "--pf-t--global--icon--color--disabled", "--pf-t--global--color--disabled--200", "--pf-t--color--gray--40", "#a3a3a3" ] }, "c_button_m_link_Color": { "name": "--pf-v6-c-button--m-link--Color", "value": "#151515", "values": [ "--pf-v6-c-button--m-link--m-inline--Color", "--pf-v6-c-banner--link--Color", "--pf-v6-c-banner--Color", "--pf-t--global--text--color--nonstatus--on-gray--default", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_button_m_link__icon_Color": { "name": "--pf-v6-c-button--m-link__icon--Color", "value": "#0066cc", "values": [ "--pf-v6-c-button--m-link--m-inline__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" ] }, "c_button_TextDecorationColor": { "name": "--pf-v6-c-button--TextDecorationColor", "value": "currentcolor", "values": [ "--pf-v6-c-button--m-link--m-inline--TextDecorationColor", "--pf-v6-c-banner--link--TextDecorationColor", "currentcolor" ] }, "c_button_hover_TextDecorationLine": { "name": "--pf-v6-c-button--hover--TextDecorationLine", "value": "underline", "values": [ "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine", "--pf-t--global--text-decoration--link--line--hover", "--pf-t--global--text-decoration--line--200", "underline" ] }, "c_button_hover_TextDecorationStyle": { "name": "--pf-v6-c-button--hover--TextDecorationStyle", "value": "dashed", "values": [ "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle", "--pf-t--global--text-decoration--link--style--hover", "--pf-t--global--text-decoration--style--200", "dashed" ] }, "c_button_hover_TextDecorationColor": { "name": "--pf-v6-c-button--hover--TextDecorationColor", "value": "currentcolor", "values": [ "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor", "--pf-v6-c-banner--link--TextDecorationColor", "currentcolor" ] }, "c_button_m_clicked_TextDecorationLine": { "name": "--pf-v6-c-button--m-clicked--TextDecorationLine", "value": "underline", "values": [ "--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine", "--pf-t--global--text-decoration--link--line--hover", "--pf-t--global--text-decoration--line--200", "underline" ] }, "c_button_m_clicked_TextDecorationStyle": { "name": "--pf-v6-c-button--m-clicked--TextDecorationStyle", "value": "dashed", "values": [ "--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle", "--pf-t--global--text-decoration--link--style--hover", "--pf-t--global--text-decoration--style--200", "dashed" ] }, "c_button_m_clicked_TextDecorationColor": { "name": "--pf-v6-c-button--m-clicked--TextDecorationColor", "value": "currentcolor", "values": [ "--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor", "--pf-v6-c-banner--link--TextDecorationColor", "currentcolor" ] }, "c_button_m_clicked_TextUnderlineOffset": { "name": "--pf-v6-c-button--m-clicked--TextUnderlineOffset", "value": "calc(0.25rem + 1px)", "values": [ "--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset", "--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_hover_Color": { "name": "--pf-v6-c-button--m-link--hover--Color", "value": "#151515", "values": [ "--pf-v6-c-button--m-link--m-inline--hover--Color", "--pf-v6-c-banner--link--hover--Color", "--pf-v6-c-banner--Color", "--pf-t--global--text--color--nonstatus--on-gray--default", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_button_m_link_hover__icon_Color": { "name": "--pf-v6-c-button--m-link--hover__icon--Color", "value": "#004d99", "values": [ "--pf-v6-c-button--m-link--m-inline--hover__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_button_m_link_m_clicked_Color": { "name": "--pf-v6-c-button--m-link--m-clicked--Color", "value": "#151515", "values": [ "--pf-v6-c-button--m-link--m-inline--m-clicked--Color", "--pf-v6-c-banner--link--clicked--Color", "--pf-v6-c-banner--Color", "--pf-t--global--text--color--nonstatus--on-gray--default", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_button_m_link_m_clicked__icon_Color": { "name": "--pf-v6-c-button--m-link--m-clicked__icon--Color", "value": "#004d99", "values": [ "--pf-v6-c-button--m-link--m-inline--m-clicked__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_button_BorderWidth": { "name": "--pf-v6-c-button--BorderWidth", "value": "0" }, "c_button_hover_BorderWidth": { "name": "--pf-v6-c-button--hover--BorderWidth", "value": "0" }, "c_button_m_clicked_BorderWidth": { "name": "--pf-v6-c-button--m-clicked--BorderWidth", "value": "0" } }, ".pf-v6-c-button.pf-m-link.pf-m-inline:hover": { "c_button_m_link_m_inline_TextUnderlineOffset": { "name": "--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset", "value": "calc(0.25rem + 1px)", "values": [ "--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset", "--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)" ] } }, ".pf-v6-c-button.pf-m-link.pf-m-inline:active": { "c_button_m_link_m_inline_TextUnderlineOffset": { "name": "--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset", "value": "calc(0.25rem + 1px)", "values": [ "--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset", "--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)" ] } }, ".pf-v6-c-button.pf-m-link.pf-m-danger": { "c_button_m_danger_Color": { "name": "--pf-v6-c-button--m-danger--Color", "value": "#b1380b", "values": [ "--pf-v6-c-button--m-link--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" ] }, "c_button_m_danger_BackgroundColor": { "name": "--pf-v6-c-button--m-danger--BackgroundColor", "value": "rgb(255, 255, 255, 0.0000)", "values": [ "--pf-v6-c-button--m-link--m-danger--BackgroundColor", "--pf-t--global--background--color--action--plain--default", "rgb(255, 255, 255, 0.0000)" ] }, "c_button_m_danger__icon_Color": { "name": "--pf-v6-c-button--m-danger__icon--Color", "value": "#b1380b", "values": [ "--pf-v6-c-button--m-link--m-danger__icon--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" ] }, "c_button_m_danger_hover_Color": { "name": "--pf-v6-c-button--m-danger--hover--Color", "value": "#731f00", "values": [ "--pf-v6-c-button--m-link--m-danger--hover--Color", "--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_danger_hover_BackgroundColor": { "name": "--pf-v6-c-button--m-danger--hover--BackgroundColor", "value": "rgb(199, 199, 199, 0.2500)", "values": [ "--pf-v6-c-button--m-link--m-danger--hover--BackgroundColor", "--pf-t--global--background--color--action--plain--hover", "--pf-t--global--background--color--600", "rgb(199, 199, 199, 0.2500)" ] }, "c_button_m_danger_hover__icon_Color": { "name": "--pf-v6-c-button--m-danger--hover__icon--Color", "value": "#731f00", "values": [ "--pf-v6-c-button--m-link--m-danger--hover__icon--Color", "--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_danger_m_clicked_Color": { "name": "--pf-v6-c-button--m-danger--m-clicked--Color", "value": "#731f00", "values": [ "--pf-v6-c-button--m-link--m-danger--m-clicked--Color", "--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_danger_m_clicked_BackgroundColor": { "name": "--pf-v6-c-button--m-danger--m-clicked--BackgroundColor", "value": "rgb(199, 199, 199, 0.2500)", "values": [ "--pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor", "--pf-t--global--background--color--action--plain--clicked", "--pf-t--global--background--color--600", "rgb(199, 199, 199, 0.2500)" ] }, "c_button_m_danger_m_clicked__icon_Color": { "name": "--pf-v6-c-button--m-danger--m-clicked__icon--Color", "value": "#731f00", "values": [ "--pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color", "--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" ] } }, ".pf-v6-c-button.pf-m-link.pf-m-display-lg": { "c_button_FontSize": { "name": "--pf-v6-c-button--FontSize", "value": "0.875rem", "values": [ "--pf-v6-c-button--m-link--m-display-lg--FontSize", "--pf-t--global--font--size--body--default", "--pf-t--global--font--size--sm", "--pf-t--global--font--size--200", "0.875rem" ] } }, ".pf-v6-c-button.pf-m-warning": { "c_button_Color": { "name": "--pf-v6-c-button--Color", "value": "#151515", "values": [ "--pf-v6-c-button--m-warning--Color", "--pf-t--global--text--color--status--on-warning--default", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_button_BackgroundColor": { "name": "--pf-v6-c-button--BackgroundColor", "value": "#ffcc17", "values": [ "--pf-v6-c-button--m-warning--BackgroundColor", "--pf-t--global--color--status--warning--default", "--pf-t--global--color--status--warning--100", "--pf-t--color--yellow--30", "#ffcc17" ] }, "c_button__icon_Color": { "name": "--pf-v6-c-button__icon--Color", "value": "#1f1f1f", "values": [ "--pf-v6-c-button--m-warning__icon--Color", "--pf-t--global--icon--color--status--on-warning--default", "--pf-t--global--icon--color--regular", "--pf-t--global--icon--color--100", "--pf-t--color--gray--90", "#1f1f1f" ] }, "c_button_hover_Color": { "name": "--pf-v6-c-button--hover--Color", "value": "#151515", "values": [ "--pf-v6-c-button--m-warning--hover--Color", "--pf-t--global--text--color--status--on-warning--hover", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_button_hover_BackgroundColor": { "name": "--pf-v6-c-button--hover--BackgroundColor", "value": "#dca614", "values": [ "--pf-v6-c-button--m-warning--hover--BackgroundColor", "--pf-t--global--color--status--warning--hover", "--pf-t--global--color--status--warning--200", "--pf-t--color--yellow--40", "#dca614" ] }, "c_button_hover__icon_Color": { "name": "--pf-v6-c-button--hover__icon--Color", "value": "#1f1f1f", "values": [ "--pf-v6-c-button--m-warning--hover__icon--Color", "--pf-t--global--icon--color--status--on-warning--hover", "--pf-t--global--icon--color--regular", "--pf-t--global--icon--color--100", "--pf-t--color--gray--90", "#1f1f1f" ] }, "c_button_m_clicked_Color": { "name": "--pf-v6-c-button--m-clicked--Color", "value": "#151515", "values": [ "--pf-v6-c-button--m-warning--m-clicked--Color", "--pf-t--global--text--color--status--on-warning--clicked", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_button_m_clicked_BackgroundColor": { "name": "--pf-v6-c-button--m-clicked--BackgroundColor", "value": "#dca614", "values": [ "--pf-v6-c-button--m-warning--m-clicked--BackgroundColor", "--pf-t--global--color--status--warning--clicked", "--pf-t--global--color--status--warning--200", "--pf-t--color--yellow--40", "#dca614" ] }, "c_button_m_clicked__icon_Color": { "name": "--pf-v6-c-button--m-clicked__icon--Color", "value": "#1f1f1f", "values": [ "--pf-v6-c-button--m-warning--m-clicked__icon--Color", "--pf-t--global--icon--color--status--on-warning--clicked", "--pf-t--global--icon--color--regular", "--pf-t--global--icon--color--100", "--pf-t--color--gray--90", "#1f1f1f" ] } }, ".pf-v6-c-button.pf-m-danger": { "c_button_Color": { "name": "--pf-v6-c-button--Color", "value": "#ffffff", "values": [ "--pf-v6-c-button--m-danger--Color", "--pf-t--global--text--color--status--on-danger--default", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_BackgroundColor": { "name": "--pf-v6-c-button--BackgroundColor", "value": "#b1380b", "values": [ "--pf-v6-c-button--m-danger--BackgroundColor", "--pf-t--global--color--status--danger--default", "--pf-t--global--color--status--danger--100", "--pf-t--color--red-orange--60", "#b1380b" ] }, "c_button__icon_Color": { "name": "--pf-v6-c-button__icon--Color", "value": "#ffffff", "values": [ "--pf-v6-c-button--m-danger__icon--Color", "--pf-t--global--icon--color--status--on-danger--default", "--pf-t--global--icon--color--inverse", "--pf-t--global--icon--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_hover_Color": { "name": "--pf-v6-c-button--hover--Color", "value": "#ffffff", "values": [ "--pf-v6-c-button--m-danger--hover--Color", "--pf-t--global--text--color--status--on-danger--hover", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_hover_BackgroundColor": { "name": "--pf-v6-c-button--hover--BackgroundColor", "value": "#731f00", "values": [ "--pf-v6-c-button--m-danger--hover--BackgroundColor", "--pf-t--global--color--status--danger--hover", "--pf-t--global--color--status--danger--200", "--pf-t--color--red-orange--70", "#731f00" ] }, "c_button_hover__icon_Color": { "name": "--pf-v6-c-button--hover__icon--Color", "value": "#ffffff", "values": [ "--pf-v6-c-button--m-danger--hover__icon--Color", "--pf-t--global--icon--color--status--on-danger--hover", "--pf-t--global--icon--color--inverse", "--pf-t--global--icon--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_m_clicked_Color": { "name": "--pf-v6-c-button--m-clicked--Color", "value": "#ffffff", "values": [ "--pf-v6-c-button--m-danger--m-clicked--Color", "--pf-t--global--text--color--status--on-danger--clicked", "--pf-t--global--icon--color--inverse", "--pf-t--global--icon--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_m_clicked_BackgroundColor": { "name": "--pf-v6-c-button--m-clicked--BackgroundColor", "value": "#731f00", "values": [ "--pf-v6-c-button--m-danger--m-clicked--BackgroundColor", "--pf-t--global--color--status--danger--clicked", "--pf-t--global--color--status--danger--200", "--pf-t--color--red-orange--70", "#731f00" ] }, "c_button_m_clicked__icon_Color": { "name": "--pf-v6-c-button--m-clicked__icon--Color", "value": "#ffffff", "values": [ "--pf-v6-c-button--m-danger--m-clicked__icon--Color", "--pf-t--global--icon--color--status--on-danger--clicked", "--pf-t--global--icon--color--inverse", "--pf-t--global--icon--color--300", "--pf-t--color--white", "#ffffff" ] } }, ".pf-v6-c-button.pf-m-control": { "c_button_BorderRadius": { "name": "--pf-v6-c-button--BorderRadius", "value": "6px", "values": [ "--pf-v6-c-button--m-control--BorderRadius", "--pf-t--global--border--radius--control--form-element", "--pf-t--global--border--radius--small", "--pf-t--global--border--radius--200", "6px" ] }, "c_button_PaddingInlineStart": { "name": "--pf-v6-c-button--PaddingInlineStart", "value": "1rem", "values": [ "--pf-v6-c-button--m-control--PaddingInlineStart", "--pf-t--global--spacer--control--horizontal--default", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_button_PaddingInlineEnd": { "name": "--pf-v6-c-button--PaddingInlineEnd", "value": "1rem", "values": [ "--pf-v6-c-button--m-control--PaddingInlineEnd", "--pf-t--global--spacer--control--horizontal--default", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_button_Color": { "name": "--pf-v6-c-button--Color", "value": "#151515", "values": [ "--pf-v6-c-button--m-control--Color", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_button_BackgroundColor": { "name": "--pf-v6-c-button--BackgroundColor", "value": "#ffffff", "values": [ "--pf-v6-c-button--m-control--BackgroundColor", "--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_button_BorderColor": { "name": "--pf-v6-c-button--BorderColor", "value": "#8c8c8c", "values": [ "--pf-v6-c-button--m-control--BorderColor", "--pf-t--global--border--color--control--default", "--pf-t--global--border--color--300", "--pf-t--color--gray--45", "#8c8c8c" ] }, "c_button_BorderWidth": { "name": "--pf-v6-c-button--BorderWidth", "value": "1px", "values": [ "--pf-v6-c-button--m-control--BorderWidth", "--pf-t--global--border--width--control--default", "--pf-t--global--border--width--100", "1px" ] }, "c_button__icon_Color": { "name": "--pf-v6-c-button__icon--Color", "value": "#1f1f1f", "values": [ "--pf-v6-c-button--m-control__icon--Color", "--pf-t--global--icon--color--regular", "--pf-t--global--icon--color--100", "--pf-t--color--gray--90", "#1f1f1f" ] }, "c_button_hover_Color": { "name": "--pf-v6-c-button--hover--Color", "value": "#151515", "values": [ "--pf-v6-c-button--m-control--hover--Color", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_button_hover_BackgroundColor": { "name": "--pf-v6-c-button--hover--BackgroundColor", "value": "#ffffff", "values": [ "--pf-v6-c-button--m-control--hover--BackgroundColor", "--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_button_hover_BorderColor": { "name": "--pf-v6-c-button--hover--BorderColor", "value": "#4394e5", "values": [ "--pf-v6-c-button--m-control--hover--BorderColor", "--pf-t--global--border--color--hover", "--pf-t--global--color--brand--100", "--pf-t--color--blue--40", "#4394e5" ] }, "c_button_hover_BorderWidth": { "name": "--pf-v6-c-button--hover--BorderWidth", "value": "1px", "values": [ "--pf-v6-c-button--m-control--hover--BorderWidth", "--pf-t--global--border--width--control--hover", "--pf-t--global--border--width--100", "1px" ] }, "c_button_hover__icon_Color": { "name": "--pf-v6-c-button--hover__icon--Color", "value": "#1f1f1f", "values": [ "--pf-v6-c-button--m-control--hover__icon--Color", "--pf-t--global--icon--color--regular", "--pf-t--global--icon--color--100", "--pf-t--color--gray--90", "#1f1f1f" ] }, "c_button_m_clicked_Color": { "name": "--pf-v6-c-button--m-clicked--Color", "value": "#151515", "values": [ "--pf-v6-c-button--m-control--m-clicked--Color", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_button_m_clicked_BackgroundColor": { "name": "--pf-v6-c-button--m-clicked--BackgroundColor", "value": "#ffffff", "values": [ "--pf-v6-c-button--m-control--m-clicked--BackgroundColor", "--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_button_m_clicked_BorderColor": { "name": "--pf-v6-c-button--m-clicked--BorderColor", "value": "#0066cc", "values": [ "--pf-v6-c-button--m-control--m-clicked--BorderColor", "--pf-t--global--border--color--clicked", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_button_m_clicked_BorderWidth": { "name": "--pf-v6-c-button--m-clicked--BorderWidth", "value": "2px", "values": [ "--pf-v6-c-button--m-control--m-clicked--BorderWidth", "--pf-t--global--border--width--control--clicked", "--pf-t--global--border--width--200", "2px" ] }, "c_button_m_clicked__icon_Color": { "name": "--pf-v6-c-button--m-clicked__icon--Color", "value": "#1f1f1f", "values": [ "--pf-v6-c-button--m-control--m-clicked__icon--Color", "--pf-t--global--icon--color--regular", "--pf-t--global--icon--color--100", "--pf-t--color--gray--90", "#1f1f1f" ] }, "c_button_m_small_PaddingInlineEnd": { "name": "--pf-v6-c-button--m-small--PaddingInlineEnd", "value": "0.5rem", "values": [ "--pf-v6-c-button--m-control--m-small--PaddingInlineEnd", "--pf-t--global--spacer--control--horizontal--compact", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_button_m_small_PaddingInlineStart": { "name": "--pf-v6-c-button--m-small--PaddingInlineStart", "value": "0.5rem", "values": [ "--pf-v6-c-button--m-control--m-small--PaddingInlineStart", "--pf-t--global--spacer--control--horizontal--compact", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] } }, ".pf-v6-c-button.pf-m-plain": { "c_button_BorderWidth": { "name": "--pf-v6-c-button--BorderWidth", "value": "0px", "values": [ "--pf-v6-c-button--m-plain--BorderWidth", "--pf-t--global--border--width--action--plain--default", "0px" ] }, "c_button_hover_BorderColor": { "name": "--pf-v6-c-button--hover--BorderColor", "value": "rgb(255, 255, 255, 0.0000)", "values": [ "--pf-v6-c-button--m-plain--hover--BorderColor", "--pf-t--global--border--color--high-contrast", "rgb(255, 255, 255, 0.0000)" ] }, "c_button_hover_BorderWidth": { "name": "--pf-v6-c-button--hover--BorderWidth", "value": "0px", "values": [ "--pf-v6-c-button--m-plain--hover--BorderWidth", "--pf-t--global--border--width--action--plain--hover", "0px" ] }, "c_button_m_clicked_BorderColor": { "name": "--pf-v6-c-button--m-clicked--BorderColor", "value": "rgb(255, 255, 255, 0.0000)", "values": [ "--pf-v6-c-button--m-plain--m-clicked--BorderColor", "--pf-t--global--border--color--high-contrast", "rgb(255, 255, 255, 0.0000)" ] }, "c_button_m_clicked_BorderWidth": { "name": "--pf-v6-c-button--m-clicked--BorderWidth", "value": "0px", "values": [ "--pf-v6-c-button--m-plain--m-clicked--BorderWidth", "--pf-t--global--border--width--action--plain--clicked", "0px" ] }, "c_button_BorderColor": { "name": "--pf-v6-c-button--BorderColor", "value": "transparent", "values": [ "--pf-v6-c-button--m-plain--BorderColor", "transparent" ] }, "c_button_BorderRadius": { "name": "--pf-v6-c-button--BorderRadius", "value": "6px", "values": [ "--pf-v6-c-button--m-plain--BorderRadius", "--pf-t--global--border--radius--action--plain--default", "--pf-t--global--border--radius--small", "--pf-t--global--border--radius--200", "6px" ] }, "c_button_Color": { "name": "--pf-v6-c-button--Color", "value": "#1f1f1f", "values": [ "--pf-v6-c-button--m-plain--Color", "--pf-t--global--icon--color--regular", "--pf-t--global--icon--color--100", "--pf-t--color--gray--90", "#1f1f1f" ] }, "c_button__icon_Color": { "name": "--pf-v6-c-button__icon--Color", "value": "#151515", "values": [ "--pf-v6-c-button--m-plain__icon--Color", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_button_BackgroundColor": { "name": "--pf-v6-c-button--BackgroundColor", "value": "rgb(255, 255, 255, 0.0000)", "values": [ "--pf-v6-c-button--m-plain--BackgroundColor", "--pf-t--global--background--color--action--plain--default", "rgb(255, 255, 255, 0.0000)" ] }, "c_button_PaddingInlineEnd": { "name": "--pf-v6-c-button--PaddingInlineEnd", "value": "0.5rem", "values": [ "--pf-v6-c-button--m-plain--PaddingInlineEnd", "--pf-t--global--spacer--action--horizontal--plain--default", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_button_PaddingInlineStart": { "name": "--pf-v6-c-button--PaddingInlineStart", "value": "0.5rem", "values": [ "--pf-v6-c-button--m-plain--PaddingInlineStart", "--pf-t--global--spacer--action--horizontal--plain--default", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_button__progress_Color": { "name": "--pf-v6-c-button__progress--Color", "value": "#0066cc", "values": [ "--pf-v6-c-button--m-in-progress--m-plain--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" ] }, "c_button_hover_Color": { "name": "--pf-v6-c-button--hover--Color", "value": "#1f1f1f", "values": [ "--pf-v6-c-button--m-plain--hover--Color", "--pf-t--global--icon--color--regular", "--pf-t--global--icon--color--100", "--pf-t--color--gray--90", "#1f1f1f" ] }, "c_button_hover_BackgroundColor": { "name": "--pf-v6-c-button--hover--BackgroundColor", "value": "rgb(199, 199, 199, 0.2500)", "values": [ "--pf-v6-c-button--m-plain--hover--BackgroundColor", "--pf-t--global--background--color--action--plain--hover", "--pf-t--global--background--color--600", "rgb(199, 199, 199, 0.2500)" ] }, "c_button_m_clicked_Color": { "name": "--pf-v6-c-button--m-clicked--Color", "value": "#1f1f1f", "values": [ "--pf-v6-c-button--m-plain--m-clicked--Color", "--pf-t--global--icon--color--regular", "--pf-t--global--icon--color--100", "--pf-t--color--gray--90", "#1f1f1f" ] }, "c_button_m_clicked_BackgroundColor": { "name": "--pf-v6-c-button--m-clicked--BackgroundColor", "value": "rgb(199, 199, 199, 0.2500)", "values": [ "--pf-v6-c-button--m-plain--m-clicked--BackgroundColor", "--pf-t--global--background--color--action--plain--clicked", "--pf-t--global--background--color--600", "rgb(199, 199, 199, 0.2500)" ] }, "c_button_disabled_Color": { "name": "--pf-v6-c-button--disabled--Color", "value": "#a3a3a3", "values": [ "--pf-v6-c-button--m-plain--disabled--Color", "--pf-t--global--text--color--disabled", "--pf-t--global--color--disabled--200", "--pf-t--color--gray--40", "#a3a3a3" ] }, "c_button_disabled__icon_Color": { "name": "--pf-v6-c-button--disabled__icon--Color", "value": "#a3a3a3", "values": [ "--pf-v6-c-button--m-plain--disabled__icon--Color", "--pf-t--global--icon--color--disabled", "--pf-t--global--color--disabled--200", "--pf-t--color--gray--40", "#a3a3a3" ] }, "c_button_disabled_BackgroundColor": { "name": "--pf-v6-c-button--disabled--BackgroundColor", "value": "transparent", "values": [ "--pf-v6-c-button--m-plain--disabled--BackgroundColor", "transparent" ] }, "c_button_m_small_PaddingInlineEnd": { "name": "--pf-v6-c-button--m-small--PaddingInlineEnd", "value": "0.25rem", "values": [ "--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd", "--pf-t--global--spacer--action--horizontal--plain--compact", "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_button_m_small_PaddingInlineStart": { "name": "--pf-v6-c-button--m-small--PaddingInlineStart", "value": "0.25rem", "values": [ "--pf-v6-c-button--m-plain--m-small--PaddingInlineStart", "--pf-t--global--spacer--action--horizontal--plain--compact", "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_button_m_stateful_PaddingInlineEnd": { "name": "--pf-v6-c-button--m-stateful--PaddingInlineEnd", "value": "0.5rem", "values": [ "--pf-v6-c-button--m-plain--PaddingInlineEnd", "--pf-t--global--spacer--action--horizontal--plain--default", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_button_m_stateful_PaddingInlineStart": { "name": "--pf-v6-c-button--m-stateful--PaddingInlineStart", "value": "0.5rem", "values": [ "--pf-v6-c-button--m-plain--PaddingInlineStart", "--pf-t--global--spacer--action--horizontal--plain--default", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_button_m_read_hover_BackgroundColor": { "name": "--pf-v6-c-button--m-read--hover--BackgroundColor", "value": "rgb(199, 199, 199, 0.2500)", "values": [ "--pf-v6-c-button--m-plain--hover--BackgroundColor", "--pf-t--global--background--color--action--plain--hover", "--pf-t--global--background--color--600", "rgb(199, 199, 199, 0.2500)" ] }, "c_button_m_read_m_clicked_BackgroundColor": { "name": "--pf-v6-c-button--m-read--m-clicked--BackgroundColor", "value": "rgb(199, 199, 199, 0.2500)", "values": [ "--pf-v6-c-button--m-plain--m-clicked--BackgroundColor", "--pf-t--global--background--color--action--plain--clicked", "--pf-t--global--background--color--600", "rgb(199, 199, 199, 0.2500)" ] }, "c_button_m_read_BackgroundColor": { "name": "--pf-v6-c-button--m-read--BackgroundColor", "value": "rgb(255, 255, 255, 0.0000)", "values": [ "--pf-v6-c-button--m-plain--BackgroundColor", "--pf-t--global--background--color--action--plain--default", "rgb(255, 255, 255, 0.0000)" ] } }, ".pf-v6-c-button.pf-m-plain.pf-m-no-padding": { "c_button__icon_Color": { "name": "--pf-v6-c-button__icon--Color", "value": "#707070", "values": [ "--pf-v6-c-button--m-plain--m-no-padding__icon--Color", "--pf-t--global--icon--color--subtle", "--pf-t--global--icon--color--200", "--pf-t--color--gray--50", "#707070" ] }, "c_button_BackgroundColor": { "name": "--pf-v6-c-button--BackgroundColor", "value": "transparent", "values": [ "--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor", "transparent" ] }, "c_button_hover_BackgroundColor": { "name": "--pf-v6-c-button--hover--BackgroundColor", "value": "transparent", "values": [ "--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor", "transparent" ] }, "c_button_m_clicked_BackgroundColor": { "name": "--pf-v6-c-button--m-clicked--BackgroundColor", "value": "transparent", "values": [ "--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor", "transparent" ] }, "c_button_PaddingBlockStart": { "name": "--pf-v6-c-button--PaddingBlockStart", "value": "0", "values": [ "--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart", "0" ] }, "c_button_PaddingBlockEnd": { "name": "--pf-v6-c-button--PaddingBlockEnd", "value": "0", "values": [ "--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd", "0" ] }, "c_button_PaddingInlineEnd": { "name": "--pf-v6-c-button--PaddingInlineEnd", "value": "0", "values": [ "--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd", "0" ] }, "c_button_PaddingInlineStart": { "name": "--pf-v6-c-button--PaddingInlineStart", "value": "0", "values": [ "--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart", "0" ] }, "c_button_m_small_PaddingInlineEnd": { "name": "--pf-v6-c-button--m-small--PaddingInlineEnd", "value": "0", "values": [ "--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd", "0" ] }, "c_button_m_small_PaddingInlineStart": { "name": "--pf-v6-c-button--m-small--PaddingInlineStart", "value": "0", "values": [ "--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart", "0" ] }, "c_button_border_offset": { "name": "--pf-v6-c-button--border--offset", "value": "calc(0.125rem * -1)", "values": [ "--pf-v6-c-button--m-plain--m-no-padding--border--offset", "calc(0.125rem * -1)" ] } }, ".pf-v6-c-button.pf-m-stateful": { "c_button_BorderRadius": { "name": "--pf-v6-c-button--BorderRadius", "value": "6px", "values": [ "--pf-v6-c-button--m-stateful--BorderRadius", "--pf-t--global--border--radius--action--plain--default", "--pf-t--global--border--radius--small", "--pf-t--global--border--radius--200", "6px" ] }, "c_button_PaddingInlineStart": { "name": "--pf-v6-c-button--PaddingInlineStart", "value": "1rem", "values": [ "--pf-v6-c-button--m-stateful--PaddingInlineStart", "--pf-t--global--spacer--control--horizontal--default", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_button_PaddingInlineEnd": { "name": "--pf-v6-c-button--PaddingInlineEnd", "value": "1rem", "values": [ "--pf-v6-c-button--m-stateful--PaddingInlineEnd", "--pf-t--global--spacer--control--horizontal--default", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_button_m_small_PaddingInlineEnd": { "name": "--pf-v6-c-button--m-small--PaddingInlineEnd", "value": "0.5rem", "values": [ "--pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd", "--pf-t--global--spacer--control--horizontal--compact", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_button_m_small_PaddingInlineStart": { "name": "--pf-v6-c-button--m-small--PaddingInlineStart", "value": "0.5rem", "values": [ "--pf-v6-c-button--m-stateful--m-small--PaddingInlineStart", "--pf-t--global--spacer--control--horizontal--compact", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] } }, ".pf-v6-c-button.pf-m-read": { "c_button_BackgroundColor": { "name": "--pf-v6-c-button--BackgroundColor", "value": "#ffffff", "values": [ "--pf-v6-c-button--m-read--BackgroundColor", "--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_button_BorderColor": { "name": "--pf-v6-c-button--BorderColor", "value": "#8c8c8c", "values": [ "--pf-v6-c-button--m-read--BorderColor", "--pf-t--global--border--color--control--default", "--pf-t--global--border--color--300", "--pf-t--color--gray--45", "#8c8c8c" ] }, "c_button_hover_BackgroundColor": { "name": "--pf-v6-c-button--hover--BackgroundColor", "value": "#ffffff", "values": [ "--pf-v6-c-button--m-read--hover--BackgroundColor", "--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_button_hover_BorderColor": { "name": "--pf-v6-c-button--hover--BorderColor", "value": "#4394e5", "values": [ "--pf-v6-c-button--m-read--hover--BorderColor", "--pf-t--global--border--color--hover", "--pf-t--global--color--brand--100", "--pf-t--color--blue--40", "#4394e5" ] }, "c_button_m_clicked_BackgroundColor": { "name": "--pf-v6-c-button--m-clicked--BackgroundColor", "value": "#ffffff", "values": [ "--pf-v6-c-button--m-read--m-clicked--BackgroundColor", "--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_button_m_clicked_BorderColor": { "name": "--pf-v6-c-button--m-clicked--BorderColor", "value": "#0066cc", "values": [ "--pf-v6-c-button--m-read--m-clicked--BorderColor", "--pf-t--global--border--color--clicked", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] } }, ".pf-v6-c-button.pf-m-unread": { "c_button_Color": { "name": "--pf-v6-c-button--Color", "value": "#ffffff", "values": [ "--pf-v6-c-button--m-unread--Color", "--pf-t--global--text--color--status--unread--on-default--default", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_BackgroundColor": { "name": "--pf-v6-c-button--BackgroundColor", "value": "#0066cc", "values": [ "--pf-v6-c-button--m-unread--BackgroundColor", "--pf-t--global--color--status--unread--default", "--pf-t--global--color--brand--default", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_button__icon_Color": { "name": "--pf-v6-c-button__icon--Color", "value": "#ffffff", "values": [ "--pf-v6-c-button--m-unread__icon--Color", "--pf-t--global--icon--color--status--unread--on-default--default", "--pf-t--global--icon--color--inverse", "--pf-t--global--icon--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_hover_Color": { "name": "--pf-v6-c-button--hover--Color", "value": "#ffffff", "values": [ "--pf-v6-c-button--m-unread--hover--Color", "--pf-t--global--text--color--status--unread--on-default--hover", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_hover_BackgroundColor": { "name": "--pf-v6-c-button--hover--BackgroundColor", "value": "#004d99", "values": [ "--pf-v6-c-button--m-unread--hover--BackgroundColor", "--pf-t--global--color--status--unread--hover", "--pf-t--global--color--brand--hover", "--pf-t--global--color--brand--300", "--pf-t--color--blue--60", "#004d99" ] }, "c_button_hover__icon_Color": { "name": "--pf-v6-c-button--hover__icon--Color", "value": "#ffffff", "values": [ "--pf-v6-c-button--m-unread--hover__icon--Color", "--pf-t--global--icon--color--status--unread--on-default--hover", "--pf-t--global--icon--color--inverse", "--pf-t--global--icon--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_m_clicked_Color": { "name": "--pf-v6-c-button--m-clicked--Color", "value": "#ffffff", "values": [ "--pf-v6-c-button--m-unread--m-clicked--Color", "--pf-t--global--text--color--status--unread--on-default--clicked", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_m_clicked_BackgroundColor": { "name": "--pf-v6-c-button--m-clicked--BackgroundColor", "value": "#004d99", "values": [ "--pf-v6-c-button--m-unread--m-clicked--BackgroundColor", "--pf-t--global--color--status--unread--clicked", "--pf-t--global--color--brand--clicked", "--pf-t--global--color--brand--300", "--pf-t--color--blue--60", "#004d99" ] }, "c_button_m_clicked__icon_Color": { "name": "--pf-v6-c-button--m-clicked__icon--Color", "value": "#ffffff", "values": [ "--pf-v6-c-button--m-unread--m-clicked__icon--Color", "--pf-t--global--icon--color--status--unread--on-default--clicked", "--pf-t--global--icon--color--inverse", "--pf-t--global--icon--color--300", "--pf-t--color--white", "#ffffff" ] } }, ".pf-v6-c-button.pf-m-attention": { "c_button_Color": { "name": "--pf-v6-c-button--Color", "value": "#ffffff", "values": [ "--pf-v6-c-button--m-attention--Color", "--pf-t--global--text--color--status--unread--on-attention--default", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_BackgroundColor": { "name": "--pf-v6-c-button--BackgroundColor", "value": "#b1380b", "values": [ "--pf-v6-c-button--m-attention--BackgroundColor", "--pf-t--global--color--status--unread--attention--default", "--pf-t--global--color--status--danger--default", "--pf-t--global--color--status--danger--100", "--pf-t--color--red-orange--60", "#b1380b" ] }, "c_button__icon_Color": { "name": "--pf-v6-c-button__icon--Color", "value": "#ffffff", "values": [ "--pf-v6-c-button--m-attention__icon--Color", "--pf-t--global--icon--color--status--unread--on-attention--default", "--pf-t--global--icon--color--inverse", "--pf-t--global--icon--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_hover_Color": { "name": "--pf-v6-c-button--hover--Color", "value": "#ffffff", "values": [ "--pf-v6-c-button--m-attention--hover--Color", "--pf-t--global--text--color--status--unread--on-attention--hover", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_hover_BackgroundColor": { "name": "--pf-v6-c-button--hover--BackgroundColor", "value": "#731f00", "values": [ "--pf-v6-c-button--m-attention--hover--BackgroundColor", "--pf-t--global--color--status--unread--attention--hover", "--pf-t--global--color--status--danger--hover", "--pf-t--global--color--status--danger--200", "--pf-t--color--red-orange--70", "#731f00" ] }, "c_button_hover__icon_Color": { "name": "--pf-v6-c-button--hover__icon--Color", "value": "#ffffff", "values": [ "--pf-v6-c-button--m-attention--hover__icon--Color", "--pf-t--global--icon--color--status--unread--on-attention--hover", "--pf-t--global--icon--color--inverse", "--pf-t--global--icon--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_m_clicked_Color": { "name": "--pf-v6-c-button--m-clicked--Color", "value": "#ffffff", "values": [ "--pf-v6-c-button--m-attention--m-clicked--Color", "--pf-t--global--text--color--status--unread--on-attention--clicked", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_button_m_clicked_BackgroundColor": { "name": "--pf-v6-c-button--m-clicked--BackgroundColor", "value": "#731f00", "values": [ "--pf-v6-c-button--m-attention--m-clicked--BackgroundColor", "--pf-t--global--color--status--unread--attention--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_clicked__icon_Color": { "name": "--pf-v6-c-button--m-clicked__icon--Color", "value": "#ffffff", "values": [ "--pf-v6-c-button--m-attention--m-clicked__icon--Color", "--pf-t--global--icon--color--status--unread--on-attention--clicked", "--pf-t--global--icon--color--inverse", "--pf-t--global--icon--color--300", "--pf-t--color--white", "#ffffff" ] } }, ".pf-v6-c-button.pf-m-block": { "c_button_Display": { "name": "--pf-v6-c-button--Display", "value": "flex", "values": [ "--pf-v6-c-button--m-block--Display", "flex" ] } }, ".pf-v6-c-button.pf-m-small": { "c_button_PaddingBlockStart": { "name": "--pf-v6-c-button--PaddingBlockStart", "value": "0.25rem", "values": [ "--pf-v6-c-button--m-small--PaddingBlockStart", "--pf-t--global--spacer--control--vertical--compact", "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_button_PaddingInlineEnd": { "name": "--pf-v6-c-button--PaddingInlineEnd", "value": "1rem", "values": [ "--pf-v6-c-button--m-small--PaddingInlineEnd", "--pf-t--global--spacer--action--horizontal--compact", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_button_PaddingBlockEnd": { "name": "--pf-v6-c-button--PaddingBlockEnd", "value": "0.25rem", "values": [ "--pf-v6-c-button--m-small--PaddingBlockEnd", "--pf-t--global--spacer--control--vertical--compact", "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_button_PaddingInlineStart": { "name": "--pf-v6-c-button--PaddingInlineStart", "value": "1rem", "values": [ "--pf-v6-c-button--m-small--PaddingInlineStart", "--pf-t--global--spacer--action--horizontal--compact", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] } }, ".pf-v6-c-button.pf-m-display-lg": { "c_button_PaddingBlockStart": { "name": "--pf-v6-c-button--PaddingBlockStart", "value": "1rem", "values": [ "--pf-v6-c-button--m-display-lg--PaddingBlockStart", "--pf-t--global--spacer--control--vertical--spacious", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_button_PaddingInlineEnd": { "name": "--pf-v6-c-button--PaddingInlineEnd", "value": "2rem", "values": [ "--pf-v6-c-button--m-display-lg--PaddingInlineEnd", "--pf-t--global--spacer--action--horizontal--spacious", "--pf-t--global--spacer--xl", "--pf-t--global--spacer--500", "2rem" ] }, "c_button_PaddingBlockEnd": { "name": "--pf-v6-c-button--PaddingBlockEnd", "value": "1rem", "values": [ "--pf-v6-c-button--m-display-lg--PaddingBlockEnd", "--pf-t--global--spacer--control--vertical--spacious", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_button_PaddingInlineStart": { "name": "--pf-v6-c-button--PaddingInlineStart", "value": "2rem", "values": [ "--pf-v6-c-button--m-display-lg--PaddingInlineStart", "--pf-t--global--spacer--action--horizontal--spacious", "--pf-t--global--spacer--xl", "--pf-t--global--spacer--500", "2rem" ] }, "c_button_FontSize": { "name": "--pf-v6-c-button--FontSize", "value": "undefined", "values": [ "--pf-v6-c-button--m-display-lg--FontSize", "undefined" ] }, "c_button_hover_TextDecorationColor": { "name": "--pf-v6-c-button--hover--TextDecorationColor", "value": "#8c8c8c", "values": [ "--pf-v6-c-button--m-display-lg--hover--TextDecorationColor", "--pf-t--global--border--color--control--default", "--pf-t--global--border--color--300", "--pf-t--color--gray--45", "#8c8c8c" ] }, "c_button_hover_TextDecorationLine": { "name": "--pf-v6-c-button--hover--TextDecorationLine", "value": "underline", "values": [ "--pf-v6-c-button--m-display-lg--hover--TextDecorationLine", "--pf-t--global--text-decoration--link--line--hover", "--pf-t--global--text-decoration--line--200", "underline" ] }, "c_button_hover_TextDecorationStyle": { "name": "--pf-v6-c-button--hover--TextDecorationStyle", "value": "dashed", "values": [ "--pf-v6-c-button--m-display-lg--hover--TextDecorationStyle", "--pf-t--global--text-decoration--link--style--hover", "--pf-t--global--text-decoration--style--200", "dashed" ] }, "c_button_hover_TextUnderlineOffset": { "name": "--pf-v6-c-button--hover--TextUnderlineOffset", "value": "calc(0.25rem + 1px)", "values": [ "--pf-v6-c-button--m-display-lg--hover--TextUnderlineOffset", "--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_clicked_TextDecorationColor": { "name": "--pf-v6-c-button--m-clicked--TextDecorationColor", "value": "#8c8c8c", "values": [ "--pf-v6-c-button--m-display-lg--m-clicked--TextDecorationColor", "--pf-t--global--border--color--control--default", "--pf-t--global--border--color--300", "--pf-t--color--gray--45", "#8c8c8c" ] }, "c_button_m_clicked_TextDecorationLine": { "name": "--pf-v6-c-button--m-clicked--TextDecorationLine", "value": "underline", "values": [ "--pf-v6-c-button--m-display-lg--m-clicked--TextDecorationLine", "--pf-t--global--text-decoration--link--line--hover", "--pf-t--global--text-decoration--line--200", "underline" ] }, "c_button_m_clicked_TextDecorationStyle": { "name": "--pf-v6-c-button--m-clicked--TextDecorationStyle", "value": "dashed", "values": [ "--pf-v6-c-button--m-display-lg--m-clicked--TextDecorationStyle", "--pf-t--global--text-decoration--link--style--hover", "--pf-t--global--text-decoration--style--200", "dashed" ] }, "c_button_m_clicked_TextUnderlineOffset": { "name": "--pf-v6-c-button--m-clicked--TextUnderlineOffset", "value": "calc(0.25rem + 1px)", "values": [ "--pf-v6-c-button--m-display-lg--m-clicked--TextUnderlineOffset", "--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_primary_Color": { "name": "--pf-v6-c-button--m-primary--Color", "value": "#ffffff", "values": [ "--pf-v6-c-button--m-display-lg--m-primary--Color", "--pf-t--global--text--color--on-brand--accent--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-v6-c-button--m-display-lg--m-primary--BackgroundColor", "--pf-t--global--color--brand--accent--default", "--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-v6-c-button--m-display-lg--m-primary__icon--Color", "--pf-t--global--icon--color--on-brand--accent--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-v6-c-button--m-display-lg--m-primary--hover--Color", "--pf-t--global--text--color--on-brand--accent--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-v6-c-button--m-display-lg--m-primary--hover--BackgroundColor", "--pf-t--global--color--brand--accent--hover", "--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-v6-c-button--m-display-lg--m-primary--hover__icon--Color", "--pf-t--global--icon--color--on-brand--accent--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-v6-c-button--m-display-lg--m-primary--m-clicked--Color", "--pf-t--global--text--color--on-brand--accent--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-v6-c-button--m-display-lg--m-primary--m-clicked--BackgroundColor", "--pf-t--global--color--brand--accent--clicked", "--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-v6-c-button--m-display-lg--m-primary--m-clicked__icon--Color", "--pf-t--global--icon--color--on-brand--accent--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": "#151515", "values": [ "--pf-v6-c-button--m-display-lg--m-secondary--Color", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_button_m_secondary_BorderColor": { "name": "--pf-v6-c-button--m-secondary--BorderColor", "value": "#0066cc", "values": [ "--pf-v6-c-button--m-display-lg--m-secondary--BorderColor", "--pf-t--global--border--color--brand--accent--default", "--pf-t--global--color--brand--accent--default", "--pf-t--global--color--brand--default", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_button_m_secondary__icon_Color": { "name": "--pf-v6-c-button--m-secondary__icon--Color", "value": "#0066cc", "values": [ "--pf-v6-c-button--m-display-lg--m-secondary__icon--Color", "--pf-t--global--icon--color--brand--accent--default", "--pf-t--global--color--brand--accent--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": "#151515", "values": [ "--pf-v6-c-button--m-display-lg--m-secondary--hover--Color", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_button_m_secondary_hover_BorderColor": { "name": "--pf-v6-c-button--m-secondary--hover--BorderColor", "value": "#004d99", "values": [ "--pf-v6-c-button--m-display-lg--m-secondary--hover--BorderColor", "--pf-t--global--border--color--brand--accent--hover", "--pf-t--global--color--brand--accent--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-v6-c-button--m-display-lg--m-secondary--hover__icon--Color", "--pf-t--global--icon--color--brand--accent--hover", "--pf-t--global--color--brand--accent--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": "#151515", "values": [ "--pf-v6-c-button--m-display-lg--m-secondary--m-clicked--Color", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_button_m_secondary_m_clicked_BorderColor": { "name": "--pf-v6-c-button--m-secondary--m-clicked--BorderColor", "value": "#004d99", "values": [ "--pf-v6-c-button--m-display-lg--m-secondary--m-clicked--BorderColor", "--pf-t--global--border--color--brand--accent--clicked", "--pf-t--global--color--brand--accent--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-v6-c-button--m-display-lg--m-secondary--m-clicked__icon--Color", "--pf-t--global--icon--color--brand--accent--clicked", "--pf-t--global--color--brand--accent--clicked", "--pf-t--global--color--brand--clicked", "--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": "#e0e0e0", "values": [ "--pf-v6-c-button--m-display-lg--m-tertiary--hover--BorderColor", "--pf-t--global--border--color--default", "--pf-t--global--border--color--50", "--pf-t--color--gray--20", "#e0e0e0" ] }, "c_button_m_tertiary_m_clicked_BorderColor": { "name": "--pf-v6-c-button--m-tertiary--m-clicked--BorderColor", "value": "#e0e0e0", "values": [ "--pf-v6-c-button--m-display-lg--m-tertiary--m-clicked--BorderColor", "--pf-t--global--border--color--default", "--pf-t--global--border--color--50", "--pf-t--color--gray--20", "#e0e0e0" ] } }, ".pf-v6-c-button.pf-m-display-lg.pf-m-primary": { "c_button_hover_TextDecorationColor": { "name": "--pf-v6-c-button--hover--TextDecorationColor", "value": "currentcolor", "values": [ "--pf-v6-c-button--m-display-lg--m-primary--hover--TextDecorationColor", "currentcolor" ] }, "c_button_m_clicked_TextDecorationColor": { "name": "--pf-v6-c-button--m-clicked--TextDecorationColor", "value": "currentcolor", "values": [ "--pf-v6-c-button--m-display-lg--m-primary--m-clicked--TextDecorationColor", "currentcolor" ] } }, ".pf-v6-c-button.pf-m-favorited": { "c_button__icon_Color": { "name": "--pf-v6-c-button__icon--Color", "value": "#ffcc17", "values": [ "--pf-v6-c-button--m-favorited__icon--Color", "--pf-t--global--color--favorite--default", "--pf-t--global--color--favorite--100", "--pf-t--color--yellow--30", "#ffcc17" ] }, "c_button_m_plain_m_no_padding__icon_Color": { "name": "--pf-v6-c-button--m-plain--m-no-padding__icon--Color", "value": "#ffcc17", "values": [ "--pf-v6-c-button--m-favorited__icon--Color", "--pf-t--global--color--favorite--default", "--pf-t--global--color--favorite--100", "--pf-t--color--yellow--30", "#ffcc17" ] }, "c_button_hover__icon_Color": { "name": "--pf-v6-c-button--hover__icon--Color", "value": "#dca614", "values": [ "--pf-v6-c-button--m-favorited--hover__icon--Color", "--pf-t--global--color--favorite--hover", "--pf-t--global--color--favorite--200", "--pf-t--color--yellow--40", "#dca614" ] }, "c_button_m_plain_m_no_padding_hover__icon_Color": { "name": "--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color", "value": "#dca614", "values": [ "--pf-v6-c-button--m-favorited--hover__icon--Color", "--pf-t--global--color--favorite--hover", "--pf-t--global--color--favorite--200", "--pf-t--color--yellow--40", "#dca614" ] }, "c_button__icon_favorite_Opacity": { "name": "--pf-v6-c-button__icon--favorite--Opacity", "value": "0", "values": [ "--pf-v6-c-button--m-favorited__icon--favorite--Opacity", "0" ] }, "c_button__icon_favorited_Opacity": { "name": "--pf-v6-c-button__icon--favorited--Opacity", "value": "1", "values": [ "--pf-v6-c-button--m-favorited__icon--favorited--Opacity", "1" ] } }, ".pf-v6-c-button.pf-m-settings": { "c_button__icon_TransitionProperty": { "name": "--pf-v6-c-button__icon--TransitionProperty", "value": "rotate" }, "c_button__icon_TransitionDuration": { "name": "--pf-v6-c-button__icon--TransitionDuration", "value": "200ms", "values": [ "--pf-v6-c-button--m-settings__icon--TransitionDuration", "--pf-t--global--motion--duration--icon--long", "--pf-t--global--motion--duration--md", "--pf-t--global--duration--200", "200ms" ] }, "c_button__icon_TransitionTimingFunction": { "name": "--pf-v6-c-button__icon--TransitionTimingFunction", "value": "cubic-bezier(.4, 0, .7, .2)", "values": [ "--pf-v6-c-button--m-settings__icon--TransitionTimingFunction", "--pf-t--global--motion--timing-function--accelerate", "--pf-t--global--timing-function--100", "cubic-bezier(.4, 0, .7, .2)" ] }, "c_button_hover__icon_TransitionProperty": { "name": "--pf-v6-c-button--hover__icon--TransitionProperty", "value": "rotate" }, "c_button_hover__icon_TransitionDuration": { "name": "--pf-v6-c-button--hover__icon--TransitionDuration", "value": "200ms", "values": [ "--pf-v6-c-button--m-settings--hover__icon--TransitionDuration", "--pf-t--global--motion--duration--icon--long", "--pf-t--global--motion--duration--md", "--pf-t--global--duration--200", "200ms" ] }, "c_button_hover__icon_TransitionTimingFunction": { "name": "--pf-v6-c-button--hover__icon--TransitionTimingFunction", "value": "cubic-bezier(0, 0, .2, 1)", "values": [ "--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction", "--pf-t--global--motion--timing-function--decelerate", "--pf-t--global--timing-function--300", "cubic-bezier(0, 0, .2, 1)" ] }, "c_button_hover__icon_Rotate": { "name": "--pf-v6-c-button--hover__icon--Rotate", "value": "60deg", "values": [ "--pf-v6-c-button--m-settings--hover__icon--Rotate", "60deg" ] } }, ".pf-v6-c-button.pf-m-hamburger": { "c_button__icon_TransitionDelay": { "name": "--pf-v6-c-button__icon--TransitionDelay", "value": "200ms", "values": [ "--pf-v6-c-button--hamburger-icon--TransitionDuration", "--pf-t--global--motion--duration--md", "--pf-t--global--duration--200", "200ms" ] }, "c_button__icon_TransitionDuration": { "name": "--pf-v6-c-button__icon--TransitionDuration", "value": "0s" }, "c_button__icon_TransitionProperty": { "name": "--pf-v6-c-button__icon--TransitionProperty", "value": "scale" }, "c_button_hover__icon_TransitionDelay": { "name": "--pf-v6-c-button--hover__icon--TransitionDelay", "value": "200ms", "values": [ "--pf-v6-c-button--hamburger-icon--TransitionDuration", "--pf-t--global--motion--duration--md", "--pf-t--global--duration--200", "200ms" ] }, "c_button_hover__icon_TransitionDuration": { "name": "--pf-v6-c-button--hover__icon--TransitionDuration", "value": "0s" }, "c_button_hover__icon_TransitionProperty": { "name": "--pf-v6-c-button--hover__icon--TransitionProperty", "value": "scale" } }, ":where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-button.pf-m-hamburger": { "c_button_m_hamburger__icon_m_expand_ScaleX": { "name": "--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX", "value": "1" }, "c_button_m_hamburger__icon_m_collapse_ScaleX": { "name": "--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX", "value": "-1" } }, ".pf-v6-c-button.pf-m-hamburger.pf-m-expand": { "c_button_hamburger_icon_top_path": { "name": "--pf-v6-c-button--hamburger-icon--top--path", "value": "path(\"M5,1 L9,1\")", "values": [ "--pf-v6-c-button--hamburger-icon--top--collapse--path", "path(\"M5,1 L9,1\")" ] }, "c_button_hamburger_icon_arrow_path": { "name": "--pf-v6-c-button--hamburger-icon--arrow--path", "value": "path(\"M3,7 L1,5 L3,3\")", "values": [ "--pf-v6-c-button--hamburger-icon--arrow--collapse--path", "path(\"M3,7 L1,5 L3,3\")" ] }, "c_button_hamburger_icon_bottom_path": { "name": "--pf-v6-c-button--hamburger-icon--bottom--path", "value": "path(\"M9,9 L5,9\")", "values": [ "--pf-v6-c-button--hamburger-icon--bottom--collapse--path", "path(\"M9,9 L5,9\")" ] }, "c_button__icon_TransitionDelay": { "name": "--pf-v6-c-button__icon--TransitionDelay", "value": "0s" }, "c_button__icon_ScaleX": { "name": "--pf-v6-c-button__icon--ScaleX", "value": "-1", "values": [ "--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX", "-1" ] }, "c_button_hover__icon_TransitionDelay": { "name": "--pf-v6-c-button--hover__icon--TransitionDelay", "value": "0s" }, "c_button_hover__icon_ScaleX": { "name": "--pf-v6-c-button--hover__icon--ScaleX", "value": "-1", "values": [ "--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX", "-1" ] } }, ".pf-v6-c-button.pf-m-hamburger.pf-m-collapse": { "c_button_hamburger_icon_top_path": { "name": "--pf-v6-c-button--hamburger-icon--top--path", "value": "path(\"M5,1 L9,1\")", "values": [ "--pf-v6-c-button--hamburger-icon--top--collapse--path", "path(\"M5,1 L9,1\")" ] }, "c_button_hamburger_icon_arrow_path": { "name": "--pf-v6-c-button--hamburger-icon--arrow--path", "value": "path(\"M3,7 L1,5 L3,3\")", "values": [ "--pf-v6-c-button--hamburger-icon--arrow--collapse--path", "path(\"M3,7 L1,5 L3,3\")" ] }, "c_button_hamburger_icon_bottom_path": { "name": "--pf-v6-c-button--hamburger-icon--bottom--path", "value": "path(\"M9,9 L5,9\")", "values": [ "--pf-v6-c-button--hamburger-icon--bottom--collapse--path", "path(\"M9,9 L5,9\")" ] }, "c_button__icon_TransitionDelay": { "name": "--pf-v6-c-button__icon--TransitionDelay", "value": "0s" }, "c_button__icon_ScaleX": { "name": "--pf-v6-c-button__icon--ScaleX", "value": "1", "values": [ "--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX", "1" ] }, "c_button_hover__icon_TransitionDelay": { "name": "--pf-v6-c-button--hover__icon--TransitionDelay", "value": "0s" }, "c_button_hover__icon_ScaleX": { "name": "--pf-v6-c-button--hover__icon--ScaleX", "value": "1", "values": [ "--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX", "1" ] } }, ".pf-v6-c-button.pf-m-circle": { "c_button_BorderRadius": { "name": "--pf-v6-c-button--BorderRadius", "value": "999px", "values": [ "--pf-v6-c-button--m-circle--BorderRadius", "--pf-t--global--border--radius--pill", "--pf-t--global--border--radius--500", "999px" ] } }, ".pf-v6-c-button:hover": { "c_button_Color": { "name": "--pf-v6-c-button--Color", "value": "#ffffff", "values": [ "--pf-v6-c-button--hover--Color", "--pf-v6-c-button--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_button_BackgroundColor": { "name": "--pf-v6-c-button--BackgroundColor", "value": "transparent", "values": [ "--pf-v6-c-button--hover--BackgroundColor", "transparent" ] }, "c_button_BorderColor": { "name": "--pf-v6-c-button--BorderColor", "value": "transparent", "values": [ "--pf-v6-c-button--hover--BorderColor", "transparent" ] }, "c_button_BorderWidth": { "name": "--pf-v6-c-button--BorderWidth", "value": "2px", "values": [ "--pf-v6-c-button--hover--BorderWidth", "--pf-t--global--border--width--action--hover", "--pf-t--global--border--width--200", "2px" ] }, "c_button_ScaleX": { "name": "--pf-v6-c-button--ScaleX", "value": "1", "values": [ "--pf-v6-c-button--hover--ScaleX", "1" ] }, "c_button_ScaleY": { "name": "--pf-v6-c-button--ScaleY", "value": "1", "values": [ "--pf-v6-c-button--hover--ScaleY", "1" ] }, "c_button_m_plain_m_no_padding__icon_Color": { "name": "--pf-v6-c-button--m-plain--m-no-padding__icon--Color", "value": "#1f1f1f", "values": [ "--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color", "--pf-t--global--icon--color--regular", "--pf-t--global--icon--color--100", "--pf-t--color--gray--90", "#1f1f1f" ] }, "c_button__icon_Color": { "name": "--pf-v6-c-button__icon--Color", "value": "#1f1f1f", "values": [ "--pf-v6-c-button--hover__icon--Color", "--pf-t--global--icon--color--regular", "--pf-t--global--icon--color--100", "--pf-t--color--gray--90", "#1f1f1f" ] }, "c_button__icon_TransitionTimingFunction": { "name": "--pf-v6-c-button__icon--TransitionTimingFunction", "value": "auto", "values": [ "--pf-v6-c-button--hover__icon--TransitionTimingFunction", "auto" ] }, "c_button__icon_TransitionDuration": { "name": "--pf-v6-c-button__icon--TransitionDuration", "value": "0s", "values": [ "--pf-v6-c-button--hover__icon--TransitionDuration", "0s" ] }, "c_button__icon_TransitionProperty": { "name": "--pf-v6-c-button__icon--TransitionProperty", "value": "none", "values": [ "--pf-v6-c-button--hover__icon--TransitionProperty", "none" ] }, "c_button__icon_Rotate": { "name": "--pf-v6-c-button__icon--Rotate", "value": "0deg", "values": [ "--pf-v6-c-button--hover__icon--Rotate", "0deg" ] }, "c_button__icon_ScaleX": { "name": "--pf-v6-c-button__icon--ScaleX", "value": "1", "values": [ "--pf-v6-c-button--hover__icon--ScaleX", "1" ] }, "c_button__icon_ScaleY": { "name": "--pf-v6-c-button__icon--ScaleY", "value": "1", "values": [ "--pf-v6-c-button--hover__icon--ScaleY", "1" ] } }, ".pf-v6-c-button:active": { "c_button_Color": { "name": "--pf-v6-c-button--Color", "value": "#ffffff", "values": [ "--pf-v6-c-button--m-clicked--Color", "--pf-v6-c-button--m-primary--m-clicked--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_button_BackgroundColor": { "name": "--pf-v6-c-button--BackgroundColor", "value": "transparent", "values": [ "--pf-v6-c-button--m-clicked--BackgroundColor", "transparent" ] }, "c_button_BorderWidth": { "name": "--pf-v6-c-button--BorderWidth", "value": "2px", "values": [ "--pf-v6-c-button--m-clicked--BorderWidth", "--pf-t--global--border--width--action--clicked", "--pf-t--global--border--width--200", "2px" ] }, "c_button_BorderColor": { "name": "--pf-v6-c-button--BorderColor", "value": "transparent", "values": [ "--pf-v6-c-button--m-clicked--BorderColor", "transparent" ] }, "c_button__icon_Color": { "name": "--pf-v6-c-button__icon--Color", "value": "#1f1f1f", "values": [ "--pf-v6-c-button--m-clicked__icon--Color", "--pf-t--global--icon--color--regular", "--pf-t--global--icon--color--100", "--pf-t--color--gray--90", "#1f1f1f" ] } }, ".pf-v6-c-button.pf-m-aria-disabled": { "c_button_m_link_m_inline_hover_TextDecorationLine": { "name": "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine", "value": "none", "values": [ "--pf-v6-c-button--TextDecorationLine", "none" ] }, "c_button_m_link_m_inline_hover_TextDecorationStyle": { "name": "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle", "value": "none", "values": [ "--pf-v6-c-button--TextDecorationStyle", "none" ] } }, ".pf-v6-c-button.pf-m-progress": { "c_button_PaddingInlineEnd": { "name": "--pf-v6-c-button--PaddingInlineEnd", "value": "calc(1rem + calc(1rem + 0.5rem) / 2)", "values": [ "--pf-v6-c-button--m-progress--PaddingInlineEnd", "calc(--pf-t--global--spacer--control--horizontal--default + --pf-v6-c-button__progress--width / 2)", "calc(--pf-t--global--spacer--md + calc(--pf-t--global--icon--size--lg + --pf-t--global--spacer--sm) / 2)", "calc(--pf-t--global--spacer--300 + calc(--pf-t--global--icon--size--250 + --pf-t--global--spacer--200) / 2)", "calc(1rem + calc(1rem + 0.5rem) / 2)" ] }, "c_button_PaddingInlineStart": { "name": "--pf-v6-c-button--PaddingInlineStart", "value": "calc(1rem + calc(1rem + 0.5rem) / 2)", "values": [ "--pf-v6-c-button--m-progress--PaddingInlineStart", "calc(--pf-t--global--spacer--control--horizontal--default + --pf-v6-c-button__progress--width / 2)", "calc(--pf-t--global--spacer--md + calc(--pf-t--global--icon--size--lg + --pf-t--global--spacer--sm) / 2)", "calc(--pf-t--global--spacer--300 + calc(--pf-t--global--icon--size--250 + --pf-t--global--spacer--200) / 2)", "calc(1rem + calc(1rem + 0.5rem) / 2)" ] } }, ".pf-v6-c-button.pf-m-in-progress": { "c_button_m_link_m_inline_PaddingInlineStart": { "name": "--pf-v6-c-button--m-link--m-inline--PaddingInlineStart", "value": "calc(0.25rem + 1rem + 0.5rem)", "values": [ "--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart", "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)" ] } }, ".pf-v6-c-button.pf-m-in-progress:not(.pf-m-plain)": { "c_button_PaddingInlineEnd": { "name": "--pf-v6-c-button--PaddingInlineEnd", "value": "1rem", "values": [ "--pf-v6-c-button--m-in-progress--PaddingInlineEnd", "--pf-t--global--spacer--control--horizontal--default", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_button_PaddingInlineStart": { "name": "--pf-v6-c-button--PaddingInlineStart", "value": "calc(1rem + calc(1rem + 0.5rem))", "values": [ "--pf-v6-c-button--m-in-progress--PaddingInlineStart", "calc(--pf-t--global--spacer--control--horizontal--default + --pf-v6-c-button__progress--width)", "calc(--pf-t--global--spacer--md + calc(--pf-t--global--icon--size--lg + --pf-t--global--spacer--sm))", "calc(--pf-t--global--spacer--300 + calc(--pf-t--global--icon--size--250 + --pf-t--global--spacer--200))", "calc(1rem + calc(1rem + 0.5rem))" ] } }, ".pf-v6-c-button.pf-m-in-progress.pf-m-plain": { "c_button__progress_InsetInlineStart": { "name": "--pf-v6-c-button__progress--InsetInlineStart", "value": "50%", "values": [ "--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart", "50%" ] }, "c_button__progress_TranslateX": { "name": "--pf-v6-c-button__progress--TranslateX", "value": "-50%", "values": [ "--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX", "-50%" ] } }, ".pf-v6-c-button__icon.pf-m-start": { "c_button__icon_MarginInlineEnd": { "name": "--pf-v6-c-button__icon--MarginInlineEnd", "value": "0", "values": [ "--pf-v6-c-button__icon--m-start--MarginInlineEnd", "0" ] } }, ".pf-v6-c-button__icon.pf-m-end": { "c_button__icon_MarginInlineStart": { "name": "--pf-v6-c-button__icon--MarginInlineStart", "value": "0", "values": [ "--pf-v6-c-button__icon--m-end--MarginInlineStart", "0" ] } }, ".pf-v6-c-button__progress .pf-v6-c-spinner": { "c_spinner_Color": { "name": "--pf-v6-c-spinner--Color", "value": "currentcolor" } } }; export default c_button;