package.dist.esm.c_button.d.ts Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of react-tokens Show documentation
Show all versions of react-tokens Show documentation
This library provides access to the design tokens of PatternFly 4 from JavaScript
export const c_button: {
".pf-v5-c-button": {
"c_button_PaddingTop": {
"name": "--pf-v5-c-button--PaddingTop",
"value": "0.375rem",
"values": [
"--pf-v5-global--spacer--form-element",
"$pf-v5-global--spacer--form-element",
"pf-size-prem(6px)",
"0.375rem"
]
},
"c_button_PaddingRight": {
"name": "--pf-v5-c-button--PaddingRight",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_button_PaddingBottom": {
"name": "--pf-v5-c-button--PaddingBottom",
"value": "0.375rem",
"values": [
"--pf-v5-global--spacer--form-element",
"$pf-v5-global--spacer--form-element",
"pf-size-prem(6px)",
"0.375rem"
]
},
"c_button_PaddingLeft": {
"name": "--pf-v5-c-button--PaddingLeft",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_button_LineHeight": {
"name": "--pf-v5-c-button--LineHeight",
"value": "1.5",
"values": [
"--pf-v5-global--LineHeight--md",
"$pf-v5-global--LineHeight--md",
"1.5"
]
},
"c_button_FontWeight": {
"name": "--pf-v5-c-button--FontWeight",
"value": "400",
"values": [
"--pf-v5-global--FontWeight--normal",
"$pf-v5-global--FontWeight--normal",
"400"
]
},
"c_button_FontSize": {
"name": "--pf-v5-c-button--FontSize",
"value": "1rem",
"values": [
"--pf-v5-global--FontSize--md",
"$pf-v5-global--FontSize--md",
"pf-font-prem(16px)",
"1rem"
]
},
"c_button_BackgroundColor": {
"name": "--pf-v5-c-button--BackgroundColor",
"value": "transparent"
},
"c_button_BorderRadius": {
"name": "--pf-v5-c-button--BorderRadius",
"value": "3px",
"values": [
"--pf-v5-global--BorderRadius--sm",
"$pf-v5-global--BorderRadius--sm",
"3px"
]
},
"c_button_after_BorderRadius": {
"name": "--pf-v5-c-button--after--BorderRadius",
"value": "3px",
"values": [
"--pf-v5-global--BorderRadius--sm",
"$pf-v5-global--BorderRadius--sm",
"3px"
]
},
"c_button_after_BorderColor": {
"name": "--pf-v5-c-button--after--BorderColor",
"value": "transparent"
},
"c_button_after_BorderWidth": {
"name": "--pf-v5-c-button--after--BorderWidth",
"value": "1px",
"values": [
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_button_hover_after_BorderWidth": {
"name": "--pf-v5-c-button--hover--after--BorderWidth",
"value": "2px",
"values": [
"--pf-v5-global--BorderWidth--md",
"$pf-v5-global--BorderWidth--md",
"2px"
]
},
"c_button_focus_after_BorderWidth": {
"name": "--pf-v5-c-button--focus--after--BorderWidth",
"value": "2px",
"values": [
"--pf-v5-global--BorderWidth--md",
"$pf-v5-global--BorderWidth--md",
"2px"
]
},
"c_button_active_after_BorderWidth": {
"name": "--pf-v5-c-button--active--after--BorderWidth",
"value": "2px",
"values": [
"--pf-v5-global--BorderWidth--md",
"$pf-v5-global--BorderWidth--md",
"2px"
]
},
"c_button_disabled_Color": {
"name": "--pf-v5-c-button--disabled--Color",
"value": "#6a6e73",
"values": [
"--pf-v5-global--disabled-color--100",
"$pf-v5-global--disabled-color--100",
"$pf-v5-color-black-600",
"#6a6e73"
]
},
"c_button_disabled_BackgroundColor": {
"name": "--pf-v5-c-button--disabled--BackgroundColor",
"value": "#d2d2d2",
"values": [
"--pf-v5-global--disabled-color--200",
"$pf-v5-global--disabled-color--200",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"c_button_disabled_after_BorderColor": {
"name": "--pf-v5-c-button--disabled--after--BorderColor",
"value": "transparent"
},
"c_button_m_primary_BackgroundColor": {
"name": "--pf-v5-c-button--m-primary--BackgroundColor",
"value": "#06c",
"values": [
"--pf-v5-global--primary-color--100",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_button_m_primary_Color": {
"name": "--pf-v5-c-button--m-primary--Color",
"value": "#fff",
"values": [
"--pf-v5-global--Color--light-100",
"$pf-v5-global--Color--light-100",
"$pf-v5-color-white",
"#fff"
]
},
"c_button_m_primary_hover_BackgroundColor": {
"name": "--pf-v5-c-button--m-primary--hover--BackgroundColor",
"value": "#004080",
"values": [
"--pf-v5-global--primary-color--200",
"$pf-v5-global--primary-color--200",
"$pf-v5-color-blue-500",
"#004080"
]
},
"c_button_m_primary_hover_Color": {
"name": "--pf-v5-c-button--m-primary--hover--Color",
"value": "#fff",
"values": [
"--pf-v5-global--Color--light-100",
"$pf-v5-global--Color--light-100",
"$pf-v5-color-white",
"#fff"
]
},
"c_button_m_primary_focus_BackgroundColor": {
"name": "--pf-v5-c-button--m-primary--focus--BackgroundColor",
"value": "#004080",
"values": [
"--pf-v5-global--primary-color--200",
"$pf-v5-global--primary-color--200",
"$pf-v5-color-blue-500",
"#004080"
]
},
"c_button_m_primary_focus_Color": {
"name": "--pf-v5-c-button--m-primary--focus--Color",
"value": "#fff",
"values": [
"--pf-v5-global--Color--light-100",
"$pf-v5-global--Color--light-100",
"$pf-v5-color-white",
"#fff"
]
},
"c_button_m_primary_active_BackgroundColor": {
"name": "--pf-v5-c-button--m-primary--active--BackgroundColor",
"value": "#004080",
"values": [
"--pf-v5-global--primary-color--200",
"$pf-v5-global--primary-color--200",
"$pf-v5-color-blue-500",
"#004080"
]
},
"c_button_m_primary_active_Color": {
"name": "--pf-v5-c-button--m-primary--active--Color",
"value": "#fff",
"values": [
"--pf-v5-global--Color--light-100",
"$pf-v5-global--Color--light-100",
"$pf-v5-color-white",
"#fff"
]
},
"c_button_m_secondary_BackgroundColor": {
"name": "--pf-v5-c-button--m-secondary--BackgroundColor",
"value": "transparent"
},
"c_button_m_secondary_after_BorderColor": {
"name": "--pf-v5-c-button--m-secondary--after--BorderColor",
"value": "#06c",
"values": [
"--pf-v5-global--primary-color--100",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_button_m_secondary_Color": {
"name": "--pf-v5-c-button--m-secondary--Color",
"value": "#06c",
"values": [
"--pf-v5-global--primary-color--100",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_button_m_secondary_hover_BackgroundColor": {
"name": "--pf-v5-c-button--m-secondary--hover--BackgroundColor",
"value": "transparent"
},
"c_button_m_secondary_hover_after_BorderColor": {
"name": "--pf-v5-c-button--m-secondary--hover--after--BorderColor",
"value": "#06c",
"values": [
"--pf-v5-global--primary-color--100",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_button_m_secondary_hover_Color": {
"name": "--pf-v5-c-button--m-secondary--hover--Color",
"value": "#06c",
"values": [
"--pf-v5-global--primary-color--100",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_button_m_secondary_focus_BackgroundColor": {
"name": "--pf-v5-c-button--m-secondary--focus--BackgroundColor",
"value": "transparent"
},
"c_button_m_secondary_focus_after_BorderColor": {
"name": "--pf-v5-c-button--m-secondary--focus--after--BorderColor",
"value": "#06c",
"values": [
"--pf-v5-global--primary-color--100",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_button_m_secondary_focus_Color": {
"name": "--pf-v5-c-button--m-secondary--focus--Color",
"value": "#06c",
"values": [
"--pf-v5-global--primary-color--100",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_button_m_secondary_active_BackgroundColor": {
"name": "--pf-v5-c-button--m-secondary--active--BackgroundColor",
"value": "transparent"
},
"c_button_m_secondary_active_after_BorderColor": {
"name": "--pf-v5-c-button--m-secondary--active--after--BorderColor",
"value": "#06c",
"values": [
"--pf-v5-global--primary-color--100",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_button_m_secondary_active_Color": {
"name": "--pf-v5-c-button--m-secondary--active--Color",
"value": "#06c",
"values": [
"--pf-v5-global--primary-color--100",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_button_m_secondary_m_danger_BackgroundColor": {
"name": "--pf-v5-c-button--m-secondary--m-danger--BackgroundColor",
"value": "transparent"
},
"c_button_m_secondary_m_danger_Color": {
"name": "--pf-v5-c-button--m-secondary--m-danger--Color",
"value": "#c9190b",
"values": [
"--pf-v5-global--danger-color--100",
"$pf-v5-global--danger-color--100",
"$pf-v5-color-red-100",
"#c9190b"
]
},
"c_button_m_secondary_m_danger_after_BorderColor": {
"name": "--pf-v5-c-button--m-secondary--m-danger--after--BorderColor",
"value": "#c9190b",
"values": [
"--pf-v5-global--danger-color--100",
"$pf-v5-global--danger-color--100",
"$pf-v5-color-red-100",
"#c9190b"
]
},
"c_button_m_secondary_m_danger_hover_BackgroundColor": {
"name": "--pf-v5-c-button--m-secondary--m-danger--hover--BackgroundColor",
"value": "transparent"
},
"c_button_m_secondary_m_danger_hover_Color": {
"name": "--pf-v5-c-button--m-secondary--m-danger--hover--Color",
"value": "#a30000",
"values": [
"--pf-v5-global--danger-color--200",
"$pf-v5-global--danger-color--200",
"$pf-v5-color-red-200",
"#a30000"
]
},
"c_button_m_secondary_m_danger_hover_after_BorderColor": {
"name": "--pf-v5-c-button--m-secondary--m-danger--hover--after--BorderColor",
"value": "#c9190b",
"values": [
"--pf-v5-global--danger-color--100",
"$pf-v5-global--danger-color--100",
"$pf-v5-color-red-100",
"#c9190b"
]
},
"c_button_m_secondary_m_danger_focus_BackgroundColor": {
"name": "--pf-v5-c-button--m-secondary--m-danger--focus--BackgroundColor",
"value": "transparent"
},
"c_button_m_secondary_m_danger_focus_Color": {
"name": "--pf-v5-c-button--m-secondary--m-danger--focus--Color",
"value": "#a30000",
"values": [
"--pf-v5-global--danger-color--200",
"$pf-v5-global--danger-color--200",
"$pf-v5-color-red-200",
"#a30000"
]
},
"c_button_m_secondary_m_danger_focus_after_BorderColor": {
"name": "--pf-v5-c-button--m-secondary--m-danger--focus--after--BorderColor",
"value": "#c9190b",
"values": [
"--pf-v5-global--danger-color--100",
"$pf-v5-global--danger-color--100",
"$pf-v5-color-red-100",
"#c9190b"
]
},
"c_button_m_secondary_m_danger_active_BackgroundColor": {
"name": "--pf-v5-c-button--m-secondary--m-danger--active--BackgroundColor",
"value": "transparent"
},
"c_button_m_secondary_m_danger_active_Color": {
"name": "--pf-v5-c-button--m-secondary--m-danger--active--Color",
"value": "#a30000",
"values": [
"--pf-v5-global--danger-color--200",
"$pf-v5-global--danger-color--200",
"$pf-v5-color-red-200",
"#a30000"
]
},
"c_button_m_secondary_m_danger_active_after_BorderColor": {
"name": "--pf-v5-c-button--m-secondary--m-danger--active--after--BorderColor",
"value": "#c9190b",
"values": [
"--pf-v5-global--danger-color--100",
"$pf-v5-global--danger-color--100",
"$pf-v5-color-red-100",
"#c9190b"
]
},
"c_button_m_tertiary_BackgroundColor": {
"name": "--pf-v5-c-button--m-tertiary--BackgroundColor",
"value": "transparent"
},
"c_button_m_tertiary_after_BorderColor": {
"name": "--pf-v5-c-button--m-tertiary--after--BorderColor",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_button_m_tertiary_Color": {
"name": "--pf-v5-c-button--m-tertiary--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_button_m_tertiary_hover_BackgroundColor": {
"name": "--pf-v5-c-button--m-tertiary--hover--BackgroundColor",
"value": "transparent"
},
"c_button_m_tertiary_hover_after_BorderColor": {
"name": "--pf-v5-c-button--m-tertiary--hover--after--BorderColor",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_button_m_tertiary_hover_Color": {
"name": "--pf-v5-c-button--m-tertiary--hover--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_button_m_tertiary_focus_BackgroundColor": {
"name": "--pf-v5-c-button--m-tertiary--focus--BackgroundColor",
"value": "transparent"
},
"c_button_m_tertiary_focus_after_BorderColor": {
"name": "--pf-v5-c-button--m-tertiary--focus--after--BorderColor",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_button_m_tertiary_focus_Color": {
"name": "--pf-v5-c-button--m-tertiary--focus--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_button_m_tertiary_active_BackgroundColor": {
"name": "--pf-v5-c-button--m-tertiary--active--BackgroundColor",
"value": "transparent"
},
"c_button_m_tertiary_active_after_BorderColor": {
"name": "--pf-v5-c-button--m-tertiary--active--after--BorderColor",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_button_m_tertiary_active_Color": {
"name": "--pf-v5-c-button--m-tertiary--active--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_button_m_warning_BackgroundColor": {
"name": "--pf-v5-c-button--m-warning--BackgroundColor",
"value": "#f0ab00",
"values": [
"--pf-v5-global--warning-color--100",
"$pf-v5-global--warning-color--100",
"$pf-v5-color-gold-400",
"#f0ab00"
]
},
"c_button_m_warning_Color": {
"name": "--pf-v5-c-button--m-warning--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--dark-100",
"$pf-v5-global--Color--dark-100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_button_m_warning_hover_BackgroundColor": {
"name": "--pf-v5-c-button--m-warning--hover--BackgroundColor",
"value": "#c58c00",
"values": [
"--pf-v5-global--palette--gold-500",
"$pf-v5-color-gold-500",
"#c58c00"
]
},
"c_button_m_warning_hover_Color": {
"name": "--pf-v5-c-button--m-warning--hover--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--dark-100",
"$pf-v5-global--Color--dark-100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_button_m_warning_focus_BackgroundColor": {
"name": "--pf-v5-c-button--m-warning--focus--BackgroundColor",
"value": "#c58c00",
"values": [
"--pf-v5-global--palette--gold-500",
"$pf-v5-color-gold-500",
"#c58c00"
]
},
"c_button_m_warning_focus_Color": {
"name": "--pf-v5-c-button--m-warning--focus--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--dark-100",
"$pf-v5-global--Color--dark-100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_button_m_warning_active_BackgroundColor": {
"name": "--pf-v5-c-button--m-warning--active--BackgroundColor",
"value": "#c58c00",
"values": [
"--pf-v5-global--palette--gold-500",
"$pf-v5-color-gold-500",
"#c58c00"
]
},
"c_button_m_warning_active_Color": {
"name": "--pf-v5-c-button--m-warning--active--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--dark-100",
"$pf-v5-global--Color--dark-100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_button_m_danger_BackgroundColor": {
"name": "--pf-v5-c-button--m-danger--BackgroundColor",
"value": "#c9190b",
"values": [
"--pf-v5-global--danger-color--100",
"$pf-v5-global--danger-color--100",
"$pf-v5-color-red-100",
"#c9190b"
]
},
"c_button_m_danger_Color": {
"name": "--pf-v5-c-button--m-danger--Color",
"value": "#fff",
"values": [
"--pf-v5-global--Color--light-100",
"$pf-v5-global--Color--light-100",
"$pf-v5-color-white",
"#fff"
]
},
"c_button_m_danger_hover_BackgroundColor": {
"name": "--pf-v5-c-button--m-danger--hover--BackgroundColor",
"value": "#a30000",
"values": [
"--pf-v5-global--danger-color--200",
"$pf-v5-global--danger-color--200",
"$pf-v5-color-red-200",
"#a30000"
]
},
"c_button_m_danger_hover_Color": {
"name": "--pf-v5-c-button--m-danger--hover--Color",
"value": "#fff",
"values": [
"--pf-v5-global--Color--light-100",
"$pf-v5-global--Color--light-100",
"$pf-v5-color-white",
"#fff"
]
},
"c_button_m_danger_focus_BackgroundColor": {
"name": "--pf-v5-c-button--m-danger--focus--BackgroundColor",
"value": "#a30000",
"values": [
"--pf-v5-global--danger-color--200",
"$pf-v5-global--danger-color--200",
"$pf-v5-color-red-200",
"#a30000"
]
},
"c_button_m_danger_focus_Color": {
"name": "--pf-v5-c-button--m-danger--focus--Color",
"value": "#fff",
"values": [
"--pf-v5-global--Color--light-100",
"$pf-v5-global--Color--light-100",
"$pf-v5-color-white",
"#fff"
]
},
"c_button_m_danger_active_BackgroundColor": {
"name": "--pf-v5-c-button--m-danger--active--BackgroundColor",
"value": "#a30000",
"values": [
"--pf-v5-global--danger-color--200",
"$pf-v5-global--danger-color--200",
"$pf-v5-color-red-200",
"#a30000"
]
},
"c_button_m_danger_active_Color": {
"name": "--pf-v5-c-button--m-danger--active--Color",
"value": "#fff",
"values": [
"--pf-v5-global--Color--light-100",
"$pf-v5-global--Color--light-100",
"$pf-v5-color-white",
"#fff"
]
},
"c_button_m_link_BackgroundColor": {
"name": "--pf-v5-c-button--m-link--BackgroundColor",
"value": "transparent"
},
"c_button_m_link_Color": {
"name": "--pf-v5-c-button--m-link--Color",
"value": "#06c",
"values": [
"--pf-v5-global--link--Color",
"$pf-v5-global--link--Color",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_button_m_link_hover_BackgroundColor": {
"name": "--pf-v5-c-button--m-link--hover--BackgroundColor",
"value": "transparent"
},
"c_button_m_link_hover_Color": {
"name": "--pf-v5-c-button--m-link--hover--Color",
"value": "#004080",
"values": [
"--pf-v5-global--link--Color--hover",
"$pf-v5-global--link--Color--hover",
"$pf-v5-global--primary-color--200",
"$pf-v5-color-blue-500",
"#004080"
]
},
"c_button_m_link_focus_BackgroundColor": {
"name": "--pf-v5-c-button--m-link--focus--BackgroundColor",
"value": "transparent"
},
"c_button_m_link_focus_Color": {
"name": "--pf-v5-c-button--m-link--focus--Color",
"value": "#004080",
"values": [
"--pf-v5-global--link--Color--hover",
"$pf-v5-global--link--Color--hover",
"$pf-v5-global--primary-color--200",
"$pf-v5-color-blue-500",
"#004080"
]
},
"c_button_m_link_active_BackgroundColor": {
"name": "--pf-v5-c-button--m-link--active--BackgroundColor",
"value": "transparent"
},
"c_button_m_link_active_Color": {
"name": "--pf-v5-c-button--m-link--active--Color",
"value": "#004080",
"values": [
"--pf-v5-global--link--Color--hover",
"$pf-v5-global--link--Color--hover",
"$pf-v5-global--primary-color--200",
"$pf-v5-color-blue-500",
"#004080"
]
},
"c_button_m_link_disabled_BackgroundColor": {
"name": "--pf-v5-c-button--m-link--disabled--BackgroundColor",
"value": "transparent"
},
"c_button_m_link_disabled_Color": {
"name": "--pf-v5-c-button--m-link--disabled--Color",
"value": "#6a6e73",
"values": [
"--pf-v5-global--disabled-color--100",
"$pf-v5-global--disabled-color--100",
"$pf-v5-color-black-600",
"#6a6e73"
]
},
"c_button_m_link_m_inline_FontSize": {
"name": "--pf-v5-c-button--m-link--m-inline--FontSize",
"value": "inherit"
},
"c_button_m_link_m_inline_hover_TextDecoration": {
"name": "--pf-v5-c-button--m-link--m-inline--hover--TextDecoration",
"value": "underline",
"values": [
"--pf-v5-global--link--TextDecoration--hover",
"$pf-v5-global--link--TextDecoration--hover",
"underline"
]
},
"c_button_m_link_m_inline_hover_Color": {
"name": "--pf-v5-c-button--m-link--m-inline--hover--Color",
"value": "#004080",
"values": [
"--pf-v5-global--link--Color--hover",
"$pf-v5-global--link--Color--hover",
"$pf-v5-global--primary-color--200",
"$pf-v5-color-blue-500",
"#004080"
]
},
"c_button_m_link_m_inline_PaddingTop": {
"name": "--pf-v5-c-button--m-link--m-inline--PaddingTop",
"value": "0"
},
"c_button_m_link_m_inline_PaddingRight": {
"name": "--pf-v5-c-button--m-link--m-inline--PaddingRight",
"value": "0"
},
"c_button_m_link_m_inline_PaddingBottom": {
"name": "--pf-v5-c-button--m-link--m-inline--PaddingBottom",
"value": "0"
},
"c_button_m_link_m_inline_PaddingLeft": {
"name": "--pf-v5-c-button--m-link--m-inline--PaddingLeft",
"value": "0"
},
"c_button_m_link_m_inline__progress_Left": {
"name": "--pf-v5-c-button--m-link--m-inline__progress--Left",
"value": "0.25rem",
"values": [
"--pf-v5-global--spacer--xs",
"$pf-v5-global--spacer--xs",
"pf-size-prem(4px)",
"0.25rem"
]
},
"c_button_m_link_m_inline_m_in_progress_PaddingLeft": {
"name": "--pf-v5-c-button--m-link--m-inline--m-in-progress--PaddingLeft",
"value": "calc(0.25rem + 1rem + 0.5rem)",
"values": [
"calc(--pf-v5-c-button--m-link--m-inline__progress--Left + 1rem + --pf-v5-global--spacer--sm)",
"calc(--pf-v5-global--spacer--xs + 1rem + $pf-v5-global--spacer--sm)",
"calc($pf-v5-global--spacer--xs + 1rem + $pf-v5-global--spacer--sm)",
"calc(pf-size-prem(4px) + 1rem + pf-size-prem(8px))",
"calc(0.25rem + 1rem + 0.5rem)"
]
},
"c_button_m_link_m_danger_BackgroundColor": {
"name": "--pf-v5-c-button--m-link--m-danger--BackgroundColor",
"value": "transparent"
},
"c_button_m_link_m_danger_Color": {
"name": "--pf-v5-c-button--m-link--m-danger--Color",
"value": "#c9190b",
"values": [
"--pf-v5-global--danger-color--100",
"$pf-v5-global--danger-color--100",
"$pf-v5-color-red-100",
"#c9190b"
]
},
"c_button_m_link_m_danger_hover_BackgroundColor": {
"name": "--pf-v5-c-button--m-link--m-danger--hover--BackgroundColor",
"value": "transparent"
},
"c_button_m_link_m_danger_hover_Color": {
"name": "--pf-v5-c-button--m-link--m-danger--hover--Color",
"value": "#a30000",
"values": [
"--pf-v5-global--danger-color--200",
"$pf-v5-global--danger-color--200",
"$pf-v5-color-red-200",
"#a30000"
]
},
"c_button_m_link_m_danger_focus_BackgroundColor": {
"name": "--pf-v5-c-button--m-link--m-danger--focus--BackgroundColor",
"value": "transparent"
},
"c_button_m_link_m_danger_focus_Color": {
"name": "--pf-v5-c-button--m-link--m-danger--focus--Color",
"value": "#a30000",
"values": [
"--pf-v5-global--danger-color--200",
"$pf-v5-global--danger-color--200",
"$pf-v5-color-red-200",
"#a30000"
]
},
"c_button_m_link_m_danger_active_BackgroundColor": {
"name": "--pf-v5-c-button--m-link--m-danger--active--BackgroundColor",
"value": "transparent"
},
"c_button_m_link_m_danger_active_Color": {
"name": "--pf-v5-c-button--m-link--m-danger--active--Color",
"value": "#a30000",
"values": [
"--pf-v5-global--danger-color--200",
"$pf-v5-global--danger-color--200",
"$pf-v5-color-red-200",
"#a30000"
]
},
"c_button_m_plain_BackgroundColor": {
"name": "--pf-v5-c-button--m-plain--BackgroundColor",
"value": "transparent"
},
"c_button_m_plain_Color": {
"name": "--pf-v5-c-button--m-plain--Color",
"value": "#6a6e73",
"values": [
"--pf-v5-global--Color--200",
"$pf-v5-global--Color--200",
"$pf-v5-color-black-600",
"#6a6e73"
]
},
"c_button_m_plain_hover_BackgroundColor": {
"name": "--pf-v5-c-button--m-plain--hover--BackgroundColor",
"value": "transparent"
},
"c_button_m_plain_hover_Color": {
"name": "--pf-v5-c-button--m-plain--hover--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_button_m_plain_focus_BackgroundColor": {
"name": "--pf-v5-c-button--m-plain--focus--BackgroundColor",
"value": "transparent"
},
"c_button_m_plain_focus_Color": {
"name": "--pf-v5-c-button--m-plain--focus--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_button_m_plain_active_BackgroundColor": {
"name": "--pf-v5-c-button--m-plain--active--BackgroundColor",
"value": "transparent"
},
"c_button_m_plain_active_Color": {
"name": "--pf-v5-c-button--m-plain--active--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_button_m_plain_disabled_Color": {
"name": "--pf-v5-c-button--m-plain--disabled--Color",
"value": "#d2d2d2",
"values": [
"--pf-v5-global--disabled-color--200",
"$pf-v5-global--disabled-color--200",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"c_button_m_plain_disabled_BackgroundColor": {
"name": "--pf-v5-c-button--m-plain--disabled--BackgroundColor",
"value": "transparent"
},
"c_button_m_control_BackgroundColor": {
"name": "--pf-v5-c-button--m-control--BackgroundColor",
"value": "#fff",
"values": [
"--pf-v5-global--BackgroundColor--100",
"$pf-v5-global--BackgroundColor--100",
"$pf-v5-color-white",
"#fff"
]
},
"c_button_m_control_Color": {
"name": "--pf-v5-c-button--m-control--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_button_m_control_BorderRadius": {
"name": "--pf-v5-c-button--m-control--BorderRadius",
"value": "0"
},
"c_button_m_control_after_BorderWidth": {
"name": "--pf-v5-c-button--m-control--after--BorderWidth",
"value": "1px",
"values": [
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_button_m_control_after_BorderTopColor": {
"name": "--pf-v5-c-button--m-control--after--BorderTopColor",
"value": "#f0f0f0",
"values": [
"--pf-v5-global--BorderColor--300",
"$pf-v5-global--BorderColor--300",
"$pf-v5-color-black-200",
"#f0f0f0"
]
},
"c_button_m_control_after_BorderRightColor": {
"name": "--pf-v5-c-button--m-control--after--BorderRightColor",
"value": "#f0f0f0",
"values": [
"--pf-v5-global--BorderColor--300",
"$pf-v5-global--BorderColor--300",
"$pf-v5-color-black-200",
"#f0f0f0"
]
},
"c_button_m_control_after_BorderBottomColor": {
"name": "--pf-v5-c-button--m-control--after--BorderBottomColor",
"value": "#8a8d90",
"values": [
"--pf-v5-global--BorderColor--200",
"$pf-v5-global--BorderColor--200",
"$pf-v5-color-black-500",
"#8a8d90"
]
},
"c_button_m_control_after_BorderLeftColor": {
"name": "--pf-v5-c-button--m-control--after--BorderLeftColor",
"value": "#f0f0f0",
"values": [
"--pf-v5-global--BorderColor--300",
"$pf-v5-global--BorderColor--300",
"$pf-v5-color-black-200",
"#f0f0f0"
]
},
"c_button_m_control_disabled_BackgroundColor": {
"name": "--pf-v5-c-button--m-control--disabled--BackgroundColor",
"value": "#f0f0f0",
"values": [
"--pf-v5-global--disabled-color--300",
"$pf-v5-global--disabled-color--300",
"$pf-v5-color-black-200",
"#f0f0f0"
]
},
"c_button_m_control_hover_BackgroundColor": {
"name": "--pf-v5-c-button--m-control--hover--BackgroundColor",
"value": "#fff",
"values": [
"--pf-v5-global--BackgroundColor--100",
"$pf-v5-global--BackgroundColor--100",
"$pf-v5-color-white",
"#fff"
]
},
"c_button_m_control_hover_Color": {
"name": "--pf-v5-c-button--m-control--hover--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_button_m_control_hover_after_BorderBottomWidth": {
"name": "--pf-v5-c-button--m-control--hover--after--BorderBottomWidth",
"value": "2px",
"values": [
"--pf-v5-global--BorderWidth--md",
"$pf-v5-global--BorderWidth--md",
"2px"
]
},
"c_button_m_control_hover_after_BorderBottomColor": {
"name": "--pf-v5-c-button--m-control--hover--after--BorderBottomColor",
"value": "#06c",
"values": [
"--pf-v5-global--active-color--100",
"$pf-v5-global--active-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_button_m_control_active_BackgroundColor": {
"name": "--pf-v5-c-button--m-control--active--BackgroundColor",
"value": "#fff",
"values": [
"--pf-v5-global--BackgroundColor--100",
"$pf-v5-global--BackgroundColor--100",
"$pf-v5-color-white",
"#fff"
]
},
"c_button_m_control_active_Color": {
"name": "--pf-v5-c-button--m-control--active--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_button_m_control_active_after_BorderBottomWidth": {
"name": "--pf-v5-c-button--m-control--active--after--BorderBottomWidth",
"value": "2px",
"values": [
"--pf-v5-global--BorderWidth--md",
"$pf-v5-global--BorderWidth--md",
"2px"
]
},
"c_button_m_control_active_after_BorderBottomColor": {
"name": "--pf-v5-c-button--m-control--active--after--BorderBottomColor",
"value": "#06c",
"values": [
"--pf-v5-global--active-color--100",
"$pf-v5-global--active-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_button_m_control_focus_BackgroundColor": {
"name": "--pf-v5-c-button--m-control--focus--BackgroundColor",
"value": "#fff",
"values": [
"--pf-v5-global--BackgroundColor--100",
"$pf-v5-global--BackgroundColor--100",
"$pf-v5-color-white",
"#fff"
]
},
"c_button_m_control_focus_Color": {
"name": "--pf-v5-c-button--m-control--focus--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_button_m_control_focus_after_BorderBottomWidth": {
"name": "--pf-v5-c-button--m-control--focus--after--BorderBottomWidth",
"value": "2px",
"values": [
"--pf-v5-global--BorderWidth--md",
"$pf-v5-global--BorderWidth--md",
"2px"
]
},
"c_button_m_control_focus_after_BorderBottomColor": {
"name": "--pf-v5-c-button--m-control--focus--after--BorderBottomColor",
"value": "#06c",
"values": [
"--pf-v5-global--active-color--100",
"$pf-v5-global--active-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_button_m_control_m_expanded_BackgroundColor": {
"name": "--pf-v5-c-button--m-control--m-expanded--BackgroundColor",
"value": "#fff",
"values": [
"--pf-v5-global--BackgroundColor--100",
"$pf-v5-global--BackgroundColor--100",
"$pf-v5-color-white",
"#fff"
]
},
"c_button_m_control_m_expanded_Color": {
"name": "--pf-v5-c-button--m-control--m-expanded--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_button_m_control_m_expanded_after_BorderBottomWidth": {
"name": "--pf-v5-c-button--m-control--m-expanded--after--BorderBottomWidth",
"value": "2px",
"values": [
"--pf-v5-global--BorderWidth--md",
"$pf-v5-global--BorderWidth--md",
"2px"
]
},
"c_button_m_control_m_expanded_after_BorderBottomColor": {
"name": "--pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor",
"value": "#06c",
"values": [
"--pf-v5-global--active-color--100",
"$pf-v5-global--active-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_button_m_small_FontSize": {
"name": "--pf-v5-c-button--m-small--FontSize",
"value": "0.875rem",
"values": [
"--pf-v5-global--FontSize--sm",
"$pf-v5-global--FontSize--sm",
"pf-font-prem(14px)",
"0.875rem"
]
},
"c_button_m_display_lg_PaddingTop": {
"name": "--pf-v5-c-button--m-display-lg--PaddingTop",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_button_m_display_lg_PaddingRight": {
"name": "--pf-v5-c-button--m-display-lg--PaddingRight",
"value": "2rem",
"values": [
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_button_m_display_lg_PaddingBottom": {
"name": "--pf-v5-c-button--m-display-lg--PaddingBottom",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_button_m_display_lg_PaddingLeft": {
"name": "--pf-v5-c-button--m-display-lg--PaddingLeft",
"value": "2rem",
"values": [
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_button_m_display_lg_FontWeight": {
"name": "--pf-v5-c-button--m-display-lg--FontWeight",
"value": "700",
"values": [
"--pf-v5-global--FontWeight--bold",
"$pf-v5-global--FontWeight--bold",
"700"
]
},
"c_button_m_link_m_display_lg_FontSize": {
"name": "--pf-v5-c-button--m-link--m-display-lg--FontSize",
"value": "1.125rem",
"values": [
"--pf-v5-global--FontSize--lg",
"$pf-v5-global--FontSize--lg",
"pf-font-prem(18px)",
"1.125rem"
]
},
"c_button__icon_m_start_MarginRight": {
"name": "--pf-v5-c-button__icon--m-start--MarginRight",
"value": "0.25rem",
"values": [
"--pf-v5-global--spacer--xs",
"$pf-v5-global--spacer--xs",
"pf-size-prem(4px)",
"0.25rem"
]
},
"c_button__icon_m_end_MarginLeft": {
"name": "--pf-v5-c-button__icon--m-end--MarginLeft",
"value": "0.25rem",
"values": [
"--pf-v5-global--spacer--xs",
"$pf-v5-global--spacer--xs",
"pf-size-prem(4px)",
"0.25rem"
]
},
"c_button__progress_width": {
"name": "--pf-v5-c-button__progress--width",
"value": "calc(1rem + 0.5rem)",
"values": [
"calc(--pf-v5-global--icon--FontSize--md + --pf-v5-global--spacer--sm)",
"calc($pf-v5-global--icon--FontSize--md + $pf-v5-global--spacer--sm)",
"calc(pf-font-prem(16px) + pf-size-prem(8px))",
"calc(1rem + 0.5rem)"
]
},
"c_button__progress_Opacity": {
"name": "--pf-v5-c-button__progress--Opacity",
"value": "0"
},
"c_button__progress_TranslateY": {
"name": "--pf-v5-c-button__progress--TranslateY",
"value": "-50%"
},
"c_button__progress_TranslateX": {
"name": "--pf-v5-c-button__progress--TranslateX",
"value": "0"
},
"c_button__progress_Top": {
"name": "--pf-v5-c-button__progress--Top",
"value": "50%"
},
"c_button__progress_Left": {
"name": "--pf-v5-c-button__progress--Left",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_button_m_progress_TransitionProperty": {
"name": "--pf-v5-c-button--m-progress--TransitionProperty",
"value": "padding"
},
"c_button_m_progress_TransitionDuration": {
"name": "--pf-v5-c-button--m-progress--TransitionDuration",
"value": "250ms",
"values": [
"--pf-v5-global--TransitionDuration",
"$pf-v5-global--TransitionDuration",
"250ms"
]
},
"c_button_m_progress_PaddingRight": {
"name": "--pf-v5-c-button--m-progress--PaddingRight",
"value": "calc(1rem + calc(1rem + 0.5rem) / 2)",
"values": [
"calc(--pf-v5-global--spacer--md + --pf-v5-c-button__progress--width / 2)",
"calc($pf-v5-global--spacer--md + calc(--pf-v5-global--icon--FontSize--md + --pf-v5-global--spacer--sm) / 2)",
"calc($pf-v5-global--spacer--md + calc($pf-v5-global--icon--FontSize--md + $pf-v5-global--spacer--sm) / 2)",
"calc(pf-size-prem(16px) + calc(pf-font-prem(16px) + pf-size-prem(8px)) / 2)",
"calc(1rem + calc(1rem + 0.5rem) / 2)"
]
},
"c_button_m_progress_PaddingLeft": {
"name": "--pf-v5-c-button--m-progress--PaddingLeft",
"value": "calc(1rem + calc(1rem + 0.5rem) / 2)",
"values": [
"calc(--pf-v5-global--spacer--md + --pf-v5-c-button__progress--width / 2)",
"calc($pf-v5-global--spacer--md + calc(--pf-v5-global--icon--FontSize--md + --pf-v5-global--spacer--sm) / 2)",
"calc($pf-v5-global--spacer--md + calc($pf-v5-global--icon--FontSize--md + $pf-v5-global--spacer--sm) / 2)",
"calc(pf-size-prem(16px) + calc(pf-font-prem(16px) + pf-size-prem(8px)) / 2)",
"calc(1rem + calc(1rem + 0.5rem) / 2)"
]
},
"c_button_m_in_progress_PaddingRight": {
"name": "--pf-v5-c-button--m-in-progress--PaddingRight",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_button_m_in_progress_PaddingLeft": {
"name": "--pf-v5-c-button--m-in-progress--PaddingLeft",
"value": "calc(1rem + calc(1rem + 0.5rem))",
"values": [
"calc(--pf-v5-global--spacer--md + --pf-v5-c-button__progress--width)",
"calc($pf-v5-global--spacer--md + calc(--pf-v5-global--icon--FontSize--md + --pf-v5-global--spacer--sm))",
"calc($pf-v5-global--spacer--md + calc($pf-v5-global--icon--FontSize--md + $pf-v5-global--spacer--sm))",
"calc(pf-size-prem(16px) + calc(pf-font-prem(16px) + pf-size-prem(8px)))",
"calc(1rem + calc(1rem + 0.5rem))"
]
},
"c_button_m_in_progress_m_plain_Color": {
"name": "--pf-v5-c-button--m-in-progress--m-plain--Color",
"value": "#06c",
"values": [
"--pf-v5-global--primary-color--100",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_button_m_in_progress_m_plain__progress_Left": {
"name": "--pf-v5-c-button--m-in-progress--m-plain__progress--Left",
"value": "50%"
},
"c_button_m_in_progress_m_plain__progress_TranslateX": {
"name": "--pf-v5-c-button--m-in-progress--m-plain__progress--TranslateX",
"value": "-50%"
},
"c_button__count_MarginLeft": {
"name": "--pf-v5-c-button__count--MarginLeft",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_button_disabled__c_badge_Color": {
"name": "--pf-v5-c-button--disabled__c-badge--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--dark-100",
"$pf-v5-global--Color--dark-100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_button_disabled__c_badge_BackgroundColor": {
"name": "--pf-v5-c-button--disabled__c-badge--BackgroundColor",
"value": "#f0f0f0",
"values": [
"--pf-v5-global--BackgroundColor--200",
"$pf-v5-global--BackgroundColor--200",
"$pf-v5-color-black-200",
"#f0f0f0"
]
},
"c_button_m_primary__c_badge_BorderColor": {
"name": "--pf-v5-c-button--m-primary__c-badge--BorderColor",
"value": "#f0f0f0",
"values": [
"--pf-v5-global--BorderColor--300",
"$pf-v5-global--BorderColor--300",
"$pf-v5-color-black-200",
"#f0f0f0"
]
},
"c_button_m_primary__c_badge_BorderWidth": {
"name": "--pf-v5-c-button--m-primary__c-badge--BorderWidth",
"value": "1px",
"values": [
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
}
},
".pf-v5-c-button:hover": {
"c_button_after_BorderWidth": {
"name": "--pf-v5-c-button--after--BorderWidth",
"value": "2px",
"values": [
"--pf-v5-c-button--hover--after--BorderWidth",
"--pf-v5-global--BorderWidth--md",
"$pf-v5-global--BorderWidth--md",
"2px"
]
}
},
".pf-v5-c-button:focus": {
"c_button_after_BorderWidth": {
"name": "--pf-v5-c-button--after--BorderWidth",
"value": "2px",
"values": [
"--pf-v5-c-button--focus--after--BorderWidth",
"--pf-v5-global--BorderWidth--md",
"$pf-v5-global--BorderWidth--md",
"2px"
]
}
},
".pf-v5-c-button:active": {
"c_button_after_BorderWidth": {
"name": "--pf-v5-c-button--after--BorderWidth",
"value": "2px",
"values": [
"--pf-v5-c-button--active--after--BorderWidth",
"--pf-v5-global--BorderWidth--md",
"$pf-v5-global--BorderWidth--md",
"2px"
]
}
},
".pf-v5-c-button.pf-m-small": {
"c_button_FontSize": {
"name": "--pf-v5-c-button--FontSize",
"value": "0.875rem",
"values": [
"--pf-v5-c-button--m-small--FontSize",
"--pf-v5-global--FontSize--sm",
"$pf-v5-global--FontSize--sm",
"pf-font-prem(14px)",
"0.875rem"
]
}
},
".pf-v5-c-button.pf-m-primary.pf-m-display-lg": {
"c_button_PaddingTop": {
"name": "--pf-v5-c-button--PaddingTop",
"value": "1rem",
"values": [
"--pf-v5-c-button--m-display-lg--PaddingTop",
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_button_PaddingRight": {
"name": "--pf-v5-c-button--PaddingRight",
"value": "2rem",
"values": [
"--pf-v5-c-button--m-display-lg--PaddingRight",
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_button_PaddingBottom": {
"name": "--pf-v5-c-button--PaddingBottom",
"value": "1rem",
"values": [
"--pf-v5-c-button--m-display-lg--PaddingBottom",
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_button_PaddingLeft": {
"name": "--pf-v5-c-button--PaddingLeft",
"value": "2rem",
"values": [
"--pf-v5-c-button--m-display-lg--PaddingLeft",
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_button_FontWeight": {
"name": "--pf-v5-c-button--FontWeight",
"value": "700",
"values": [
"--pf-v5-c-button--m-display-lg--FontWeight",
"--pf-v5-global--FontWeight--bold",
"$pf-v5-global--FontWeight--bold",
"700"
]
}
},
".pf-v5-c-button.pf-m-primary:hover": {
"c_button_m_primary_Color": {
"name": "--pf-v5-c-button--m-primary--Color",
"value": "#fff",
"values": [
"--pf-v5-c-button--m-primary--hover--Color",
"--pf-v5-global--Color--light-100",
"$pf-v5-global--Color--light-100",
"$pf-v5-color-white",
"#fff"
]
},
"c_button_m_primary_BackgroundColor": {
"name": "--pf-v5-c-button--m-primary--BackgroundColor",
"value": "#004080",
"values": [
"--pf-v5-c-button--m-primary--hover--BackgroundColor",
"--pf-v5-global--primary-color--200",
"$pf-v5-global--primary-color--200",
"$pf-v5-color-blue-500",
"#004080"
]
}
},
".pf-v5-c-button.pf-m-primary:focus": {
"c_button_m_primary_Color": {
"name": "--pf-v5-c-button--m-primary--Color",
"value": "#fff",
"values": [
"--pf-v5-c-button--m-primary--focus--Color",
"--pf-v5-global--Color--light-100",
"$pf-v5-global--Color--light-100",
"$pf-v5-color-white",
"#fff"
]
},
"c_button_m_primary_BackgroundColor": {
"name": "--pf-v5-c-button--m-primary--BackgroundColor",
"value": "#004080",
"values": [
"--pf-v5-c-button--m-primary--focus--BackgroundColor",
"--pf-v5-global--primary-color--200",
"$pf-v5-global--primary-color--200",
"$pf-v5-color-blue-500",
"#004080"
]
}
},
".pf-v5-c-button.pf-m-primary:active": {
"c_button_m_primary_Color": {
"name": "--pf-v5-c-button--m-primary--Color",
"value": "#fff",
"values": [
"--pf-v5-c-button--m-primary--active--Color",
"--pf-v5-global--Color--light-100",
"$pf-v5-global--Color--light-100",
"$pf-v5-color-white",
"#fff"
]
},
"c_button_m_primary_BackgroundColor": {
"name": "--pf-v5-c-button--m-primary--BackgroundColor",
"value": "#004080",
"values": [
"--pf-v5-c-button--m-primary--active--BackgroundColor",
"--pf-v5-global--primary-color--200",
"$pf-v5-global--primary-color--200",
"$pf-v5-color-blue-500",
"#004080"
]
}
},
".pf-v5-c-button.pf-m-secondary": {
"c_button_after_BorderColor": {
"name": "--pf-v5-c-button--after--BorderColor",
"value": "#06c",
"values": [
"--pf-v5-c-button--m-secondary--after--BorderColor",
"--pf-v5-global--primary-color--100",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
}
},
".pf-v5-c-button.pf-m-secondary:hover": {
"c_button_m_secondary_Color": {
"name": "--pf-v5-c-button--m-secondary--Color",
"value": "#06c",
"values": [
"--pf-v5-c-button--m-secondary--hover--Color",
"--pf-v5-global--primary-color--100",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_button_m_secondary_BackgroundColor": {
"name": "--pf-v5-c-button--m-secondary--BackgroundColor",
"value": "transparent",
"values": [
"--pf-v5-c-button--m-secondary--hover--BackgroundColor",
"transparent"
]
},
"c_button_after_BorderColor": {
"name": "--pf-v5-c-button--after--BorderColor",
"value": "#06c",
"values": [
"--pf-v5-c-button--m-secondary--hover--after--BorderColor",
"--pf-v5-global--primary-color--100",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
}
},
".pf-v5-c-button.pf-m-secondary:focus": {
"c_button_m_secondary_Color": {
"name": "--pf-v5-c-button--m-secondary--Color",
"value": "#06c",
"values": [
"--pf-v5-c-button--m-secondary--focus--Color",
"--pf-v5-global--primary-color--100",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_button_m_secondary_BackgroundColor": {
"name": "--pf-v5-c-button--m-secondary--BackgroundColor",
"value": "transparent",
"values": [
"--pf-v5-c-button--m-secondary--focus--BackgroundColor",
"transparent"
]
},
"c_button_after_BorderColor": {
"name": "--pf-v5-c-button--after--BorderColor",
"value": "#06c",
"values": [
"--pf-v5-c-button--m-secondary--focus--after--BorderColor",
"--pf-v5-global--primary-color--100",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
}
},
".pf-v5-c-button.pf-m-secondary.pf-m-active": {
"c_button_m_secondary_Color": {
"name": "--pf-v5-c-button--m-secondary--Color",
"value": "#06c",
"values": [
"--pf-v5-c-button--m-secondary--active--Color",
"--pf-v5-global--primary-color--100",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_button_m_secondary_BackgroundColor": {
"name": "--pf-v5-c-button--m-secondary--BackgroundColor",
"value": "transparent",
"values": [
"--pf-v5-c-button--m-secondary--active--BackgroundColor",
"transparent"
]
},
"c_button_after_BorderColor": {
"name": "--pf-v5-c-button--after--BorderColor",
"value": "#06c",
"values": [
"--pf-v5-c-button--m-secondary--active--after--BorderColor",
"--pf-v5-global--primary-color--100",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
}
},
".pf-v5-c-button.pf-m-tertiary": {
"c_button_after_BorderColor": {
"name": "--pf-v5-c-button--after--BorderColor",
"value": "#151515",
"values": [
"--pf-v5-c-button--m-tertiary--after--BorderColor",
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
}
},
".pf-v5-c-button.pf-m-tertiary:hover": {
"c_button_m_tertiary_Color": {
"name": "--pf-v5-c-button--m-tertiary--Color",
"value": "#151515",
"values": [
"--pf-v5-c-button--m-tertiary--hover--Color",
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_button_m_tertiary_BackgroundColor": {
"name": "--pf-v5-c-button--m-tertiary--BackgroundColor",
"value": "transparent",
"values": [
"--pf-v5-c-button--m-tertiary--hover--BackgroundColor",
"transparent"
]
},
"c_button_after_BorderColor": {
"name": "--pf-v5-c-button--after--BorderColor",
"value": "#151515",
"values": [
"--pf-v5-c-button--m-tertiary--hover--after--BorderColor",
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
}
},
".pf-v5-c-button.pf-m-tertiary:focus": {
"c_button_m_tertiary_Color": {
"name": "--pf-v5-c-button--m-tertiary--Color",
"value": "#151515",
"values": [
"--pf-v5-c-button--m-tertiary--focus--Color",
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_button_m_tertiary_BackgroundColor": {
"name": "--pf-v5-c-button--m-tertiary--BackgroundColor",
"value": "transparent",
"values": [
"--pf-v5-c-button--m-tertiary--focus--BackgroundColor",
"transparent"
]
},
"c_button_after_BorderColor": {
"name": "--pf-v5-c-button--after--BorderColor",
"value": "#151515",
"values": [
"--pf-v5-c-button--m-tertiary--focus--after--BorderColor",
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
}
},
".pf-v5-c-button.pf-m-tertiary:active": {
"c_button_m_tertiary_Color": {
"name": "--pf-v5-c-button--m-tertiary--Color",
"value": "#151515",
"values": [
"--pf-v5-c-button--m-tertiary--active--Color",
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_button_m_tertiary_BackgroundColor": {
"name": "--pf-v5-c-button--m-tertiary--BackgroundColor",
"value": "transparent",
"values": [
"--pf-v5-c-button--m-tertiary--active--BackgroundColor",
"transparent"
]
},
"c_button_after_BorderColor": {
"name": "--pf-v5-c-button--after--BorderColor",
"value": "#151515",
"values": [
"--pf-v5-c-button--m-tertiary--active--after--BorderColor",
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
}
},
".pf-v5-c-button.pf-m-link": {
"c_button_disabled_BackgroundColor": {
"name": "--pf-v5-c-button--disabled--BackgroundColor",
"value": "transparent",
"values": [
"--pf-v5-c-button--m-link--disabled--BackgroundColor",
"transparent"
]
},
"c_button_disabled_Color": {
"name": "--pf-v5-c-button--disabled--Color",
"value": "#6a6e73",
"values": [
"--pf-v5-c-button--m-link--disabled--Color",
"--pf-v5-global--disabled-color--100",
"$pf-v5-global--disabled-color--100",
"$pf-v5-color-black-600",
"#6a6e73"
]
}
},
".pf-v5-c-button.pf-m-link:not(.pf-m-inline):hover": {
"c_button_m_link_Color": {
"name": "--pf-v5-c-button--m-link--Color",
"value": "#004080",
"values": [
"--pf-v5-c-button--m-link--hover--Color",
"--pf-v5-global--link--Color--hover",
"$pf-v5-global--link--Color--hover",
"$pf-v5-global--primary-color--200",
"$pf-v5-color-blue-500",
"#004080"
]
},
"c_button_m_link_BackgroundColor": {
"name": "--pf-v5-c-button--m-link--BackgroundColor",
"value": "transparent",
"values": [
"--pf-v5-c-button--m-link--hover--BackgroundColor",
"transparent"
]
}
},
".pf-v5-c-button.pf-m-link:not(.pf-m-inline):focus": {
"c_button_m_link_Color": {
"name": "--pf-v5-c-button--m-link--Color",
"value": "#004080",
"values": [
"--pf-v5-c-button--m-link--focus--Color",
"--pf-v5-global--link--Color--hover",
"$pf-v5-global--link--Color--hover",
"$pf-v5-global--primary-color--200",
"$pf-v5-color-blue-500",
"#004080"
]
},
"c_button_m_link_BackgroundColor": {
"name": "--pf-v5-c-button--m-link--BackgroundColor",
"value": "transparent",
"values": [
"--pf-v5-c-button--m-link--focus--BackgroundColor",
"transparent"
]
}
},
".pf-v5-c-button.pf-m-link:not(.pf-m-inline):active": {
"c_button_m_link_Color": {
"name": "--pf-v5-c-button--m-link--Color",
"value": "#004080",
"values": [
"--pf-v5-c-button--m-link--active--Color",
"--pf-v5-global--link--Color--hover",
"$pf-v5-global--link--Color--hover",
"$pf-v5-global--primary-color--200",
"$pf-v5-color-blue-500",
"#004080"
]
},
"c_button_m_link_BackgroundColor": {
"name": "--pf-v5-c-button--m-link--BackgroundColor",
"value": "transparent",
"values": [
"--pf-v5-c-button--m-link--active--BackgroundColor",
"transparent"
]
}
},
".pf-v5-c-button.pf-m-link.pf-m-inline": {
"c_button_FontSize": {
"name": "--pf-v5-c-button--FontSize",
"value": "inherit",
"values": [
"--pf-v5-c-button--m-link--m-inline--FontSize",
"inherit"
]
},
"c_button__progress_Left": {
"name": "--pf-v5-c-button__progress--Left",
"value": "0.25rem",
"values": [
"--pf-v5-c-button--m-link--m-inline__progress--Left",
"--pf-v5-global--spacer--xs",
"$pf-v5-global--spacer--xs",
"pf-size-prem(4px)",
"0.25rem"
]
}
},
".pf-v5-c-button.pf-m-link.pf-m-inline:hover": {
"c_button_m_link_Color": {
"name": "--pf-v5-c-button--m-link--Color",
"value": "#004080",
"values": [
"--pf-v5-c-button--m-link--m-inline--hover--Color",
"--pf-v5-global--link--Color--hover",
"$pf-v5-global--link--Color--hover",
"$pf-v5-global--primary-color--200",
"$pf-v5-color-blue-500",
"#004080"
]
}
},
".pf-v5-c-button.pf-m-link.pf-m-display-lg": {
"c_button_FontSize": {
"name": "--pf-v5-c-button--FontSize",
"value": "1.125rem",
"values": [
"--pf-v5-c-button--m-link--m-display-lg--FontSize",
"--pf-v5-global--FontSize--lg",
"$pf-v5-global--FontSize--lg",
"pf-font-prem(18px)",
"1.125rem"
]
}
},
".pf-v5-c-button.pf-m-danger:hover": {
"c_button_m_danger_Color": {
"name": "--pf-v5-c-button--m-danger--Color",
"value": "#fff",
"values": [
"--pf-v5-c-button--m-danger--hover--Color",
"--pf-v5-global--Color--light-100",
"$pf-v5-global--Color--light-100",
"$pf-v5-color-white",
"#fff"
]
},
"c_button_m_danger_BackgroundColor": {
"name": "--pf-v5-c-button--m-danger--BackgroundColor",
"value": "#a30000",
"values": [
"--pf-v5-c-button--m-danger--hover--BackgroundColor",
"--pf-v5-global--danger-color--200",
"$pf-v5-global--danger-color--200",
"$pf-v5-color-red-200",
"#a30000"
]
}
},
".pf-v5-c-button.pf-m-danger:focus": {
"c_button_m_danger_Color": {
"name": "--pf-v5-c-button--m-danger--Color",
"value": "#fff",
"values": [
"--pf-v5-c-button--m-danger--focus--Color",
"--pf-v5-global--Color--light-100",
"$pf-v5-global--Color--light-100",
"$pf-v5-color-white",
"#fff"
]
},
"c_button_m_danger_BackgroundColor": {
"name": "--pf-v5-c-button--m-danger--BackgroundColor",
"value": "#a30000",
"values": [
"--pf-v5-c-button--m-danger--focus--BackgroundColor",
"--pf-v5-global--danger-color--200",
"$pf-v5-global--danger-color--200",
"$pf-v5-color-red-200",
"#a30000"
]
}
},
".pf-v5-c-button.pf-m-danger:active": {
"c_button_m_danger_Color": {
"name": "--pf-v5-c-button--m-danger--Color",
"value": "#fff",
"values": [
"--pf-v5-c-button--m-danger--active--Color",
"--pf-v5-global--Color--light-100",
"$pf-v5-global--Color--light-100",
"$pf-v5-color-white",
"#fff"
]
},
"c_button_m_danger_BackgroundColor": {
"name": "--pf-v5-c-button--m-danger--BackgroundColor",
"value": "#a30000",
"values": [
"--pf-v5-c-button--m-danger--active--BackgroundColor",
"--pf-v5-global--danger-color--200",
"$pf-v5-global--danger-color--200",
"$pf-v5-color-red-200",
"#a30000"
]
}
},
".pf-v5-c-button.pf-m-danger.pf-m-secondary": {
"c_button_m_danger_Color": {
"name": "--pf-v5-c-button--m-danger--Color",
"value": "#c9190b",
"values": [
"--pf-v5-c-button--m-secondary--m-danger--Color",
"--pf-v5-global--danger-color--100",
"$pf-v5-global--danger-color--100",
"$pf-v5-color-red-100",
"#c9190b"
]
},
"c_button_m_danger_BackgroundColor": {
"name": "--pf-v5-c-button--m-danger--BackgroundColor",
"value": "transparent",
"values": [
"--pf-v5-c-button--m-secondary--m-danger--BackgroundColor",
"transparent"
]
},
"c_button_after_BorderColor": {
"name": "--pf-v5-c-button--after--BorderColor",
"value": "#c9190b",
"values": [
"--pf-v5-c-button--m-secondary--m-danger--after--BorderColor",
"--pf-v5-global--danger-color--100",
"$pf-v5-global--danger-color--100",
"$pf-v5-color-red-100",
"#c9190b"
]
}
},
".pf-v5-c-button.pf-m-danger.pf-m-secondary:hover": {
"c_button_m_secondary_m_danger_Color": {
"name": "--pf-v5-c-button--m-secondary--m-danger--Color",
"value": "#a30000",
"values": [
"--pf-v5-c-button--m-secondary--m-danger--hover--Color",
"--pf-v5-global--danger-color--200",
"$pf-v5-global--danger-color--200",
"$pf-v5-color-red-200",
"#a30000"
]
},
"c_button_m_secondary_m_danger_BackgroundColor": {
"name": "--pf-v5-c-button--m-secondary--m-danger--BackgroundColor",
"value": "transparent",
"values": [
"--pf-v5-c-button--m-secondary--m-danger--hover--BackgroundColor",
"transparent"
]
},
"c_button_after_BorderColor": {
"name": "--pf-v5-c-button--after--BorderColor",
"value": "#c9190b",
"values": [
"--pf-v5-c-button--m-secondary--m-danger--hover--after--BorderColor",
"--pf-v5-global--danger-color--100",
"$pf-v5-global--danger-color--100",
"$pf-v5-color-red-100",
"#c9190b"
]
}
},
".pf-v5-c-button.pf-m-danger.pf-m-secondary:focus": {
"c_button_m_secondary_m_danger_Color": {
"name": "--pf-v5-c-button--m-secondary--m-danger--Color",
"value": "#a30000",
"values": [
"--pf-v5-c-button--m-secondary--m-danger--focus--Color",
"--pf-v5-global--danger-color--200",
"$pf-v5-global--danger-color--200",
"$pf-v5-color-red-200",
"#a30000"
]
},
"c_button_m_secondary_m_danger_BackgroundColor": {
"name": "--pf-v5-c-button--m-secondary--m-danger--BackgroundColor",
"value": "transparent",
"values": [
"--pf-v5-c-button--m-secondary--m-danger--focus--BackgroundColor",
"transparent"
]
},
"c_button_after_BorderColor": {
"name": "--pf-v5-c-button--after--BorderColor",
"value": "#c9190b",
"values": [
"--pf-v5-c-button--m-secondary--m-danger--focus--after--BorderColor",
"--pf-v5-global--danger-color--100",
"$pf-v5-global--danger-color--100",
"$pf-v5-color-red-100",
"#c9190b"
]
}
},
".pf-v5-c-button.pf-m-danger.pf-m-secondary:active": {
"c_button_m_secondary_m_danger_Color": {
"name": "--pf-v5-c-button--m-secondary--m-danger--Color",
"value": "#a30000",
"values": [
"--pf-v5-c-button--m-secondary--m-danger--active--Color",
"--pf-v5-global--danger-color--200",
"$pf-v5-global--danger-color--200",
"$pf-v5-color-red-200",
"#a30000"
]
},
"c_button_m_secondary_m_danger_BackgroundColor": {
"name": "--pf-v5-c-button--m-secondary--m-danger--BackgroundColor",
"value": "transparent",
"values": [
"--pf-v5-c-button--m-secondary--m-danger--active--BackgroundColor",
"transparent"
]
},
"c_button_after_BorderColor": {
"name": "--pf-v5-c-button--after--BorderColor",
"value": "#c9190b",
"values": [
"--pf-v5-c-button--m-secondary--m-danger--active--after--BorderColor",
"--pf-v5-global--danger-color--100",
"$pf-v5-global--danger-color--100",
"$pf-v5-color-red-100",
"#c9190b"
]
}
},
".pf-v5-c-button.pf-m-danger.pf-m-link": {
"c_button_m_danger_Color": {
"name": "--pf-v5-c-button--m-danger--Color",
"value": "#c9190b",
"values": [
"--pf-v5-c-button--m-link--m-danger--Color",
"--pf-v5-global--danger-color--100",
"$pf-v5-global--danger-color--100",
"$pf-v5-color-red-100",
"#c9190b"
]
},
"c_button_m_danger_BackgroundColor": {
"name": "--pf-v5-c-button--m-danger--BackgroundColor",
"value": "transparent",
"values": [
"--pf-v5-c-button--m-link--m-danger--BackgroundColor",
"transparent"
]
}
},
".pf-v5-c-button.pf-m-danger.pf-m-link:hover": {
"c_button_m_link_m_danger_Color": {
"name": "--pf-v5-c-button--m-link--m-danger--Color",
"value": "#a30000",
"values": [
"--pf-v5-c-button--m-link--m-danger--hover--Color",
"--pf-v5-global--danger-color--200",
"$pf-v5-global--danger-color--200",
"$pf-v5-color-red-200",
"#a30000"
]
},
"c_button_m_link_m_danger_BackgroundColor": {
"name": "--pf-v5-c-button--m-link--m-danger--BackgroundColor",
"value": "transparent",
"values": [
"--pf-v5-c-button--m-link--m-danger--hover--BackgroundColor",
"transparent"
]
}
},
".pf-v5-c-button.pf-m-danger.pf-m-link:focus": {
"c_button_m_link_m_danger_Color": {
"name": "--pf-v5-c-button--m-link--m-danger--Color",
"value": "#a30000",
"values": [
"--pf-v5-c-button--m-link--m-danger--focus--Color",
"--pf-v5-global--danger-color--200",
"$pf-v5-global--danger-color--200",
"$pf-v5-color-red-200",
"#a30000"
]
},
"c_button_m_link_m_danger_BackgroundColor": {
"name": "--pf-v5-c-button--m-link--m-danger--BackgroundColor",
"value": "transparent",
"values": [
"--pf-v5-c-button--m-link--m-danger--focus--BackgroundColor",
"transparent"
]
}
},
".pf-v5-c-button.pf-m-danger.pf-m-link:active": {
"c_button_m_link_m_danger_Color": {
"name": "--pf-v5-c-button--m-link--m-danger--Color",
"value": "#a30000",
"values": [
"--pf-v5-c-button--m-link--m-danger--active--Color",
"--pf-v5-global--danger-color--200",
"$pf-v5-global--danger-color--200",
"$pf-v5-color-red-200",
"#a30000"
]
},
"c_button_m_link_m_danger_BackgroundColor": {
"name": "--pf-v5-c-button--m-link--m-danger--BackgroundColor",
"value": "transparent",
"values": [
"--pf-v5-c-button--m-link--m-danger--active--BackgroundColor",
"transparent"
]
}
},
".pf-v5-c-button.pf-m-warning:hover": {
"c_button_m_warning_Color": {
"name": "--pf-v5-c-button--m-warning--Color",
"value": "#151515",
"values": [
"--pf-v5-c-button--m-warning--hover--Color",
"--pf-v5-global--Color--dark-100",
"$pf-v5-global--Color--dark-100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_button_m_warning_BackgroundColor": {
"name": "--pf-v5-c-button--m-warning--BackgroundColor",
"value": "#c58c00",
"values": [
"--pf-v5-c-button--m-warning--hover--BackgroundColor",
"--pf-v5-global--palette--gold-500",
"$pf-v5-color-gold-500",
"#c58c00"
]
}
},
".pf-v5-c-button.pf-m-warning:focus": {
"c_button_m_warning_Color": {
"name": "--pf-v5-c-button--m-warning--Color",
"value": "#151515",
"values": [
"--pf-v5-c-button--m-warning--focus--Color",
"--pf-v5-global--Color--dark-100",
"$pf-v5-global--Color--dark-100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_button_m_warning_BackgroundColor": {
"name": "--pf-v5-c-button--m-warning--BackgroundColor",
"value": "#c58c00",
"values": [
"--pf-v5-c-button--m-warning--focus--BackgroundColor",
"--pf-v5-global--palette--gold-500",
"$pf-v5-color-gold-500",
"#c58c00"
]
}
},
".pf-v5-c-button.pf-m-warning:active": {
"c_button_m_warning_Color": {
"name": "--pf-v5-c-button--m-warning--Color",
"value": "#151515",
"values": [
"--pf-v5-c-button--m-warning--active--Color",
"--pf-v5-global--Color--dark-100",
"$pf-v5-global--Color--dark-100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_button_m_warning_BackgroundColor": {
"name": "--pf-v5-c-button--m-warning--BackgroundColor",
"value": "#c58c00",
"values": [
"--pf-v5-c-button--m-warning--active--BackgroundColor",
"--pf-v5-global--palette--gold-500",
"$pf-v5-color-gold-500",
"#c58c00"
]
}
},
".pf-v5-c-button.pf-m-control": {
"c_button_BorderRadius": {
"name": "--pf-v5-c-button--BorderRadius",
"value": "0",
"values": [
"--pf-v5-c-button--m-control--BorderRadius",
"0"
]
},
"c_button_disabled_BackgroundColor": {
"name": "--pf-v5-c-button--disabled--BackgroundColor",
"value": "#f0f0f0",
"values": [
"--pf-v5-c-button--m-control--disabled--BackgroundColor",
"--pf-v5-global--disabled-color--300",
"$pf-v5-global--disabled-color--300",
"$pf-v5-color-black-200",
"#f0f0f0"
]
},
"c_button_after_BorderWidth": {
"name": "--pf-v5-c-button--after--BorderWidth",
"value": "1px",
"values": [
"--pf-v5-c-button--m-control--after--BorderWidth",
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_button_after_BorderColor": {
"name": "--pf-v5-c-button--after--BorderColor",
"value": "#f0f0f0 #f0f0f0 #8a8d90 #f0f0f0",
"values": [
"--pf-v5-c-button--m-control--after--BorderTopColor --pf-v5-c-button--m-control--after--BorderRightColor --pf-v5-c-button--m-control--after--BorderBottomColor --pf-v5-c-button--m-control--after--BorderLeftColor",
"--pf-v5-global--BorderColor--300 --pf-v5-global--BorderColor--300 --pf-v5-global--BorderColor--200 --pf-v5-global--BorderColor--300",
"$pf-v5-global--BorderColor--300 $pf-v5-global--BorderColor--300 $pf-v5-global--BorderColor--200 $pf-v5-global--BorderColor--300",
"$pf-v5-color-black-200 $pf-v5-color-black-200 $pf-v5-color-black-500 $pf-v5-color-black-200",
"#f0f0f0 #f0f0f0 #8a8d90 #f0f0f0"
]
}
},
".pf-v5-c-button.pf-m-control:hover": {
"c_button_m_control_Color": {
"name": "--pf-v5-c-button--m-control--Color",
"value": "#151515",
"values": [
"--pf-v5-c-button--m-control--hover--Color",
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_button_m_control_BackgroundColor": {
"name": "--pf-v5-c-button--m-control--BackgroundColor",
"value": "#fff",
"values": [
"--pf-v5-c-button--m-control--hover--BackgroundColor",
"--pf-v5-global--BackgroundColor--100",
"$pf-v5-global--BackgroundColor--100",
"$pf-v5-color-white",
"#fff"
]
},
"c_button_m_control_after_BorderBottomColor": {
"name": "--pf-v5-c-button--m-control--after--BorderBottomColor",
"value": "#06c",
"values": [
"--pf-v5-c-button--m-control--hover--after--BorderBottomColor",
"--pf-v5-global--active-color--100",
"$pf-v5-global--active-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
}
},
".pf-v5-c-button.pf-m-control:active": {
"c_button_m_control_Color": {
"name": "--pf-v5-c-button--m-control--Color",
"value": "#151515",
"values": [
"--pf-v5-c-button--m-control--active--Color",
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_button_m_control_BackgroundColor": {
"name": "--pf-v5-c-button--m-control--BackgroundColor",
"value": "#fff",
"values": [
"--pf-v5-c-button--m-control--active--BackgroundColor",
"--pf-v5-global--BackgroundColor--100",
"$pf-v5-global--BackgroundColor--100",
"$pf-v5-color-white",
"#fff"
]
},
"c_button_m_control_after_BorderBottomColor": {
"name": "--pf-v5-c-button--m-control--after--BorderBottomColor",
"value": "#06c",
"values": [
"--pf-v5-c-button--m-control--active--after--BorderBottomColor",
"--pf-v5-global--active-color--100",
"$pf-v5-global--active-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
}
},
".pf-v5-c-button.pf-m-control:focus": {
"c_button_m_control_Color": {
"name": "--pf-v5-c-button--m-control--Color",
"value": "#151515",
"values": [
"--pf-v5-c-button--m-control--focus--Color",
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_button_m_control_BackgroundColor": {
"name": "--pf-v5-c-button--m-control--BackgroundColor",
"value": "#fff",
"values": [
"--pf-v5-c-button--m-control--focus--BackgroundColor",
"--pf-v5-global--BackgroundColor--100",
"$pf-v5-global--BackgroundColor--100",
"$pf-v5-color-white",
"#fff"
]
},
"c_button_m_control_after_BorderBottomColor": {
"name": "--pf-v5-c-button--m-control--after--BorderBottomColor",
"value": "#06c",
"values": [
"--pf-v5-c-button--m-control--focus--after--BorderBottomColor",
"--pf-v5-global--active-color--100",
"$pf-v5-global--active-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
}
},
".pf-v5-c-button.pf-m-control.pf-m-expanded": {
"c_button_m_control_Color": {
"name": "--pf-v5-c-button--m-control--Color",
"value": "#151515",
"values": [
"--pf-v5-c-button--m-control--m-expanded--Color",
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_button_m_control_BackgroundColor": {
"name": "--pf-v5-c-button--m-control--BackgroundColor",
"value": "#fff",
"values": [
"--pf-v5-c-button--m-control--m-expanded--BackgroundColor",
"--pf-v5-global--BackgroundColor--100",
"$pf-v5-global--BackgroundColor--100",
"$pf-v5-color-white",
"#fff"
]
},
"c_button_m_control_after_BorderBottomColor": {
"name": "--pf-v5-c-button--m-control--after--BorderBottomColor",
"value": "#06c",
"values": [
"--pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor",
"--pf-v5-global--active-color--100",
"$pf-v5-global--active-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
}
},
".pf-v5-c-button.pf-m-plain": {
"c_button_disabled_Color": {
"name": "--pf-v5-c-button--disabled--Color",
"value": "#d2d2d2",
"values": [
"--pf-v5-c-button--m-plain--disabled--Color",
"--pf-v5-global--disabled-color--200",
"$pf-v5-global--disabled-color--200",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"c_button_disabled_BackgroundColor": {
"name": "--pf-v5-c-button--disabled--BackgroundColor",
"value": "transparent",
"values": [
"--pf-v5-c-button--m-plain--disabled--BackgroundColor",
"transparent"
]
}
},
".pf-v5-c-button.pf-m-plain:hover": {
"c_button_m_plain_Color": {
"name": "--pf-v5-c-button--m-plain--Color",
"value": "#151515",
"values": [
"--pf-v5-c-button--m-plain--hover--Color",
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_button_m_plain_BackgroundColor": {
"name": "--pf-v5-c-button--m-plain--BackgroundColor",
"value": "transparent",
"values": [
"--pf-v5-c-button--m-plain--hover--BackgroundColor",
"transparent"
]
}
},
".pf-v5-c-button.pf-m-plain:active": {
"c_button_m_plain_Color": {
"name": "--pf-v5-c-button--m-plain--Color",
"value": "#151515",
"values": [
"--pf-v5-c-button--m-plain--active--Color",
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_button_m_plain_BackgroundColor": {
"name": "--pf-v5-c-button--m-plain--BackgroundColor",
"value": "transparent",
"values": [
"--pf-v5-c-button--m-plain--active--BackgroundColor",
"transparent"
]
}
},
".pf-v5-c-button.pf-m-plain:focus": {
"c_button_m_plain_Color": {
"name": "--pf-v5-c-button--m-plain--Color",
"value": "#151515",
"values": [
"--pf-v5-c-button--m-plain--focus--Color",
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_button_m_plain_BackgroundColor": {
"name": "--pf-v5-c-button--m-plain--BackgroundColor",
"value": "transparent",
"values": [
"--pf-v5-c-button--m-plain--focus--BackgroundColor",
"transparent"
]
}
},
".pf-v5-c-button:disabled .pf-v5-c-badge": {
"c_badge_m_unread_Color": {
"name": "--pf-v5-c-badge--m-unread--Color",
"value": "#151515",
"values": [
"--pf-v5-c-button--disabled__c-badge--Color",
"--pf-v5-global--Color--dark-100",
"$pf-v5-global--Color--dark-100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_badge_m_unread_BackgroundColor": {
"name": "--pf-v5-c-badge--m-unread--BackgroundColor",
"value": "#f0f0f0",
"values": [
"--pf-v5-c-button--disabled__c-badge--BackgroundColor",
"--pf-v5-global--BackgroundColor--200",
"$pf-v5-global--BackgroundColor--200",
"$pf-v5-color-black-200",
"#f0f0f0"
]
},
"c_button_m_primary__c_badge_BorderWidth": {
"name": "--pf-v5-c-button--m-primary__c-badge--BorderWidth",
"value": "0"
}
},
".pf-v5-c-button.pf-m-aria-disabled": {
"c_button_after_BorderWidth": {
"name": "--pf-v5-c-button--after--BorderWidth",
"value": "0"
},
"c_button_m_link_m_inline_hover_TextDecoration": {
"name": "--pf-v5-c-button--m-link--m-inline--hover--TextDecoration",
"value": "none"
}
},
".pf-v5-c-button.pf-m-progress": {
"c_button_PaddingRight": {
"name": "--pf-v5-c-button--PaddingRight",
"value": "calc(1rem + calc(1rem + 0.5rem) / 2)",
"values": [
"--pf-v5-c-button--m-progress--PaddingRight",
"calc(--pf-v5-global--spacer--md + --pf-v5-c-button__progress--width / 2)",
"calc($pf-v5-global--spacer--md + calc(--pf-v5-global--icon--FontSize--md + --pf-v5-global--spacer--sm) / 2)",
"calc($pf-v5-global--spacer--md + calc($pf-v5-global--icon--FontSize--md + $pf-v5-global--spacer--sm) / 2)",
"calc(pf-size-prem(16px) + calc(pf-font-prem(16px) + pf-size-prem(8px)) / 2)",
"calc(1rem + calc(1rem + 0.5rem) / 2)"
]
},
"c_button_PaddingLeft": {
"name": "--pf-v5-c-button--PaddingLeft",
"value": "calc(1rem + calc(1rem + 0.5rem) / 2)",
"values": [
"--pf-v5-c-button--m-progress--PaddingLeft",
"calc(--pf-v5-global--spacer--md + --pf-v5-c-button__progress--width / 2)",
"calc($pf-v5-global--spacer--md + calc(--pf-v5-global--icon--FontSize--md + --pf-v5-global--spacer--sm) / 2)",
"calc($pf-v5-global--spacer--md + calc($pf-v5-global--icon--FontSize--md + $pf-v5-global--spacer--sm) / 2)",
"calc(pf-size-prem(16px) + calc(pf-font-prem(16px) + pf-size-prem(8px)) / 2)",
"calc(1rem + calc(1rem + 0.5rem) / 2)"
]
}
},
".pf-v5-c-button.pf-m-in-progress": {
"c_button_m_link_m_inline_PaddingLeft": {
"name": "--pf-v5-c-button--m-link--m-inline--PaddingLeft",
"value": "calc(0.25rem + 1rem + 0.5rem)",
"values": [
"--pf-v5-c-button--m-link--m-inline--m-in-progress--PaddingLeft",
"calc(--pf-v5-c-button--m-link--m-inline__progress--Left + 1rem + --pf-v5-global--spacer--sm)",
"calc(--pf-v5-global--spacer--xs + 1rem + $pf-v5-global--spacer--sm)",
"calc($pf-v5-global--spacer--xs + 1rem + $pf-v5-global--spacer--sm)",
"calc(pf-size-prem(4px) + 1rem + pf-size-prem(8px))",
"calc(0.25rem + 1rem + 0.5rem)"
]
}
},
".pf-v5-c-button.pf-m-in-progress:not(.pf-m-plain)": {
"c_button_PaddingRight": {
"name": "--pf-v5-c-button--PaddingRight",
"value": "1rem",
"values": [
"--pf-v5-c-button--m-in-progress--PaddingRight",
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_button_PaddingLeft": {
"name": "--pf-v5-c-button--PaddingLeft",
"value": "calc(1rem + calc(1rem + 0.5rem))",
"values": [
"--pf-v5-c-button--m-in-progress--PaddingLeft",
"calc(--pf-v5-global--spacer--md + --pf-v5-c-button__progress--width)",
"calc($pf-v5-global--spacer--md + calc(--pf-v5-global--icon--FontSize--md + --pf-v5-global--spacer--sm))",
"calc($pf-v5-global--spacer--md + calc($pf-v5-global--icon--FontSize--md + $pf-v5-global--spacer--sm))",
"calc(pf-size-prem(16px) + calc(pf-font-prem(16px) + pf-size-prem(8px)))",
"calc(1rem + calc(1rem + 0.5rem))"
]
}
},
".pf-v5-c-button.pf-m-in-progress.pf-m-plain": {
"c_button_m_plain_Color": {
"name": "--pf-v5-c-button--m-plain--Color",
"value": "#06c",
"values": [
"--pf-v5-c-button--m-in-progress--m-plain--Color",
"--pf-v5-global--primary-color--100",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_button__progress_Left": {
"name": "--pf-v5-c-button__progress--Left",
"value": "50%",
"values": [
"--pf-v5-c-button--m-in-progress--m-plain__progress--Left",
"50%"
]
},
"c_button__progress_TranslateX": {
"name": "--pf-v5-c-button__progress--TranslateX",
"value": "-50%",
"values": [
"--pf-v5-c-button--m-in-progress--m-plain__progress--TranslateX",
"-50%"
]
}
},
".pf-v5-c-button__progress .pf-v5-c-spinner": {
"c_spinner_Color": {
"name": "--pf-v5-c-spinner--Color",
"value": "currentcolor"
}
}
};
export default c_button;© 2015 - 2025 Weber Informatics LLC | Privacy Policy