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;