@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
1,192 lines • 39.4 kB
JavaScript
export const c_card = {
".pf-v6-c-card": {
"c_card_BackgroundColor": {
"name": "--pf-v6-c-card--BackgroundColor",
"value": "#ffffff",
"values": [
"--pf-t--global--background--color--primary--default",
"--pf-t--global--background--color--100",
"--pf-t--color--white",
"#ffffff"
]
},
"c_card_BorderColor": {
"name": "--pf-v6-c-card--BorderColor",
"value": "#c7c7c7",
"values": [
"--pf-t--global--border--color--default",
"--pf-t--global--border--color--100",
"--pf-t--color--gray--30",
"#c7c7c7"
]
},
"c_card_BorderStyle": {
"name": "--pf-v6-c-card--BorderStyle",
"value": "solid"
},
"c_card_BorderWidth": {
"name": "--pf-v6-c-card--BorderWidth",
"value": "1px",
"values": [
"--pf-t--global--border--width--box--default",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_card_BorderRadius": {
"name": "--pf-v6-c-card--BorderRadius",
"value": "16px",
"values": [
"--pf-t--global--border--radius--medium",
"--pf-t--global--border--radius--300",
"16px"
]
},
"c_card_first_child_PaddingBlockStart": {
"name": "--pf-v6-c-card--first-child--PaddingBlockStart",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_card_child_PaddingInlineEnd": {
"name": "--pf-v6-c-card--child--PaddingInlineEnd",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_card_child_PaddingBlockEnd": {
"name": "--pf-v6-c-card--child--PaddingBlockEnd",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_card_child_PaddingInlineStart": {
"name": "--pf-v6-c-card--child--PaddingInlineStart",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_card_c_divider_child_PaddingBlockStart": {
"name": "--pf-v6-c-card--c-divider--child--PaddingBlockStart",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_card__title_not_last_child_PaddingBlockEnd": {
"name": "--pf-v6-c-card__title--not--last-child--PaddingBlockEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_card__title_text_Color": {
"name": "--pf-v6-c-card__title-text--Color",
"value": "#151515",
"values": [
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
},
"c_card__title_text_FontFamily": {
"name": "--pf-v6-c-card__title-text--FontFamily",
"value": "\"Red Hat Display\", \"RedHatDisplay\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif",
"values": [
"--pf-t--global--font--family--heading",
"--pf-t--global--font--family--200",
"\"Red Hat Display\", \"RedHatDisplay\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif"
]
},
"c_card__title_text_FontSize": {
"name": "--pf-v6-c-card__title-text--FontSize",
"value": "1rem",
"values": [
"--pf-t--global--font--size--heading--xs",
"--pf-t--global--font--size--md",
"--pf-t--global--font--size--300",
"1rem"
]
},
"c_card__title_text_FontWeight": {
"name": "--pf-v6-c-card__title-text--FontWeight",
"value": "500",
"values": [
"--pf-t--global--font--weight--heading--default",
"--pf-t--global--font--weight--300",
"500"
]
},
"c_card__title_text_LineHeight": {
"name": "--pf-v6-c-card__title-text--LineHeight",
"value": "1.3",
"values": [
"--pf-t--global--font--line-height--heading",
"--pf-t--global--font--line-height--100",
"1.3"
]
},
"c_card_c_button_disabled_Color": {
"name": "--pf-v6-c-card--c-button--disabled--Color",
"value": "#4d4d4d",
"values": [
"--pf-t--global--text--color--on-disabled",
"--pf-t--global--color--disabled--300",
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"c_card__body_FontSize": {
"name": "--pf-v6-c-card__body--FontSize",
"value": "0.875rem",
"values": [
"--pf-t--global--font--size--body--default",
"--pf-t--global--font--size--sm",
"--pf-t--global--font--size--200",
"0.875rem"
]
},
"c_card__footer_FontSize": {
"name": "--pf-v6-c-card__footer--FontSize",
"value": "0.875rem",
"values": [
"--pf-t--global--font--size--body--default",
"--pf-t--global--font--size--sm",
"--pf-t--global--font--size--200",
"0.875rem"
]
},
"c_card__footer_Color": {
"name": "--pf-v6-c-card__footer--Color",
"value": "#4d4d4d",
"values": [
"--pf-t--global--text--color--subtle",
"--pf-t--global--text--color--200",
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"c_card__actions_PaddingInlineStart": {
"name": "--pf-v6-c-card__actions--PaddingInlineStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_card__actions_Gap": {
"name": "--pf-v6-c-card__actions--Gap",
"value": "1rem",
"values": [
"--pf-t--global--spacer--gap--action-to-action--default",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_card__actions_MarginBlockStart": {
"name": "--pf-v6-c-card__actions--MarginBlockStart",
"value": "calc(0.5rem * -1)",
"values": [
"calc(--pf-t--global--spacer--control--vertical--default * -1)",
"calc(--pf-t--global--spacer--sm * -1)",
"calc(--pf-t--global--spacer--200 * -1)",
"calc(0.5rem * -1)"
]
},
"c_card__actions_MarginBlockEnd": {
"name": "--pf-v6-c-card__actions--MarginBlockEnd",
"value": "calc(0.5rem * -1)",
"values": [
"calc(--pf-t--global--spacer--control--vertical--default * -1)",
"calc(--pf-t--global--spacer--sm * -1)",
"calc(--pf-t--global--spacer--200 * -1)",
"calc(0.5rem * -1)"
]
},
"c_card__header_toggle_MarginBlockStart": {
"name": "--pf-v6-c-card__header-toggle--MarginBlockStart",
"value": "calc(0.5rem * -1)",
"values": [
"calc(--pf-t--global--spacer--control--vertical--default * -1)",
"calc(--pf-t--global--spacer--sm * -1)",
"calc(--pf-t--global--spacer--200 * -1)",
"calc(0.5rem * -1)"
]
},
"c_card__header_toggle_MarginInlineEnd": {
"name": "--pf-v6-c-card__header-toggle--MarginInlineEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--gap--text-to-element--default",
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_card__header_toggle_MarginBlockEnd": {
"name": "--pf-v6-c-card__header-toggle--MarginBlockEnd",
"value": "calc(0.5rem * -1)",
"values": [
"calc(--pf-t--global--spacer--control--vertical--default * -1)",
"calc(--pf-t--global--spacer--sm * -1)",
"calc(--pf-t--global--spacer--200 * -1)",
"calc(0.5rem * -1)"
]
},
"c_card__header_toggle_MarginInlineStart": {
"name": "--pf-v6-c-card__header-toggle--MarginInlineStart",
"value": "calc(0.5rem * -1)",
"values": [
"calc(--pf-t--global--spacer--action--horizontal--plain--default * -1)",
"calc(--pf-t--global--spacer--sm * -1)",
"calc(--pf-t--global--spacer--200 * -1)",
"calc(0.5rem * -1)"
]
},
"c_card__header_toggle_icon_TransitionTimingFunction": {
"name": "--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction",
"value": "cubic-bezier(.4, 0, .2, 1)",
"values": [
"--pf-t--global--motion--timing-function--default",
"--pf-t--global--timing-function--200",
"cubic-bezier(.4, 0, .2, 1)"
]
},
"c_card__header_toggle_icon_TransitionDuration": {
"name": "--pf-v6-c-card__header-toggle-icon--TransitionDuration",
"value": "200ms",
"values": [
"--pf-t--global--motion--duration--icon--long",
"--pf-t--global--motion--duration--md",
"--pf-t--global--duration--200",
"200ms"
]
},
"c_card_m_expanded__header_toggle_icon_Rotate": {
"name": "--pf-v6-c-card--m-expanded__header-toggle-icon--Rotate",
"value": "90deg"
},
"c_card_m_selectable_BorderWidth": {
"name": "--pf-v6-c-card--m-selectable--BorderWidth",
"value": "1px",
"values": [
"--pf-v6-c-card--BorderWidth",
"--pf-t--global--border--width--box--default",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_card_m_clickable_m_current_BorderColor": {
"name": "--pf-v6-c-card--m-clickable--m-current--BorderColor",
"value": "#0066cc",
"values": [
"--pf-t--global--border--color--clicked",
"--pf-t--global--color--brand--200",
"--pf-t--color--blue--50",
"#0066cc"
]
},
"c_card_m_clickable_m_current_BorderWidth": {
"name": "--pf-v6-c-card--m-clickable--m-current--BorderWidth",
"value": "2px",
"values": [
"--pf-t--global--border--width--box--clicked",
"--pf-t--global--border--width--200",
"2px"
]
},
"c_card_m_selectable_m_selected_BorderColor": {
"name": "--pf-v6-c-card--m-selectable--m-selected--BorderColor",
"value": "#0066cc",
"values": [
"--pf-t--global--border--color--clicked",
"--pf-t--global--color--brand--200",
"--pf-t--color--blue--50",
"#0066cc"
]
},
"c_card_m_selectable_m_selected_BorderWidth": {
"name": "--pf-v6-c-card--m-selectable--m-selected--BorderWidth",
"value": "2px",
"values": [
"--pf-t--global--border--width--box--clicked",
"--pf-t--global--border--width--200",
"2px"
]
},
"c_card_m_selectable_hover_BorderColor": {
"name": "--pf-v6-c-card--m-selectable--hover--BorderColor",
"value": "#4394e5",
"values": [
"--pf-t--global--border--color--hover",
"--pf-t--global--color--brand--100",
"--pf-t--color--blue--40",
"#4394e5"
]
},
"c_card_m_selectable_focus_BorderColor": {
"name": "--pf-v6-c-card--m-selectable--focus--BorderColor",
"value": "#4394e5",
"values": [
"--pf-t--global--border--color--hover",
"--pf-t--global--color--brand--100",
"--pf-t--color--blue--40",
"#4394e5"
]
},
"c_card_m_selectable_focus_BorderWidth": {
"name": "--pf-v6-c-card--m-selectable--focus--BorderWidth",
"value": "1px",
"values": [
"--pf-t--global--border--width--box--hover",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_card_m_selectable_m_selected_focus_BorderColor": {
"name": "--pf-v6-c-card--m-selectable--m-selected--focus--BorderColor",
"value": "#0066cc",
"values": [
"--pf-t--global--border--color--clicked",
"--pf-t--global--color--brand--200",
"--pf-t--color--blue--50",
"#0066cc"
]
},
"c_card_m_selectable_m_selected_focus_BorderWidth": {
"name": "--pf-v6-c-card--m-selectable--m-selected--focus--BorderWidth",
"value": "2px",
"values": [
"--pf-t--global--border--width--box--clicked",
"--pf-t--global--border--width--200",
"2px"
]
},
"c_card_m_selectable_m_disabled__title_text_Color": {
"name": "--pf-v6-c-card--m-selectable--m-disabled__title-text--Color",
"value": "#4d4d4d",
"values": [
"--pf-t--global--text--color--on-disabled",
"--pf-t--global--color--disabled--300",
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"c_card_m_selectable_m_disabled__body_Color": {
"name": "--pf-v6-c-card--m-selectable--m-disabled__body--Color",
"value": "#4d4d4d",
"values": [
"--pf-t--global--text--color--on-disabled",
"--pf-t--global--color--disabled--300",
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"c_card_m_selectable_m_disabled__footer_Color": {
"name": "--pf-v6-c-card--m-selectable--m-disabled__footer--Color",
"value": "#4d4d4d",
"values": [
"--pf-t--global--text--color--on-disabled",
"--pf-t--global--color--disabled--300",
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"c_card_m_selectable_m_disabled_BackgroundColor": {
"name": "--pf-v6-c-card--m-selectable--m-disabled--BackgroundColor",
"value": "#c7c7c7",
"values": [
"--pf-t--global--background--color--disabled--default",
"--pf-t--global--color--disabled--100",
"--pf-t--color--gray--30",
"#c7c7c7"
]
},
"c_card_m_selectable_m_disabled_BorderColor": {
"name": "--pf-v6-c-card--m-selectable--m-disabled--BorderColor",
"value": "transparent"
},
"c_card_m_selectable_m_clickable_m_current_BorderColor": {
"name": "--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderColor",
"value": "#0066cc",
"values": [
"--pf-t--global--border--color--clicked",
"--pf-t--global--color--brand--200",
"--pf-t--color--blue--50",
"#0066cc"
]
},
"c_card_m_selectable_m_clickable_m_current_BorderWidth": {
"name": "--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderWidth",
"value": "2px",
"values": [
"--pf-t--global--border--width--box--clicked",
"--pf-t--global--border--width--200",
"2px"
]
},
"c_card_m_compact__title_text_FontSize": {
"name": "--pf-v6-c-card--m-compact__title-text--FontSize",
"value": "1rem",
"values": [
"--pf-t--global--font--size--heading--xs",
"--pf-t--global--font--size--md",
"--pf-t--global--font--size--300",
"1rem"
]
},
"c_card_m_compact__body_FontSize": {
"name": "--pf-v6-c-card--m-compact__body--FontSize",
"value": "0.875rem",
"values": [
"--pf-t--global--font--size--body--default",
"--pf-t--global--font--size--sm",
"--pf-t--global--font--size--200",
"0.875rem"
]
},
"c_card_m_compact__footer_FontSize": {
"name": "--pf-v6-c-card--m-compact__footer--FontSize",
"value": "0.75rem",
"values": [
"--pf-t--global--font--size--body--sm",
"--pf-t--global--font--size--xs",
"--pf-t--global--font--size--100",
"0.75rem"
]
},
"c_card_m_compact_first_child_PaddingBlockStart": {
"name": "--pf-v6-c-card--m-compact--first-child--PaddingBlockStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_card_m_compact_child_PaddingInlineEnd": {
"name": "--pf-v6-c-card--m-compact--child--PaddingInlineEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_card_m_compact_child_PaddingBlockEnd": {
"name": "--pf-v6-c-card--m-compact--child--PaddingBlockEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_card_m_compact_child_PaddingInlineStart": {
"name": "--pf-v6-c-card--m-compact--child--PaddingInlineStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_card_m_compact_c_divider_child_PaddingBlockStart": {
"name": "--pf-v6-c-card--m-compact--c-divider--child--PaddingBlockStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_card_m_compact__title_not_last_child_PaddingBlockEnd": {
"name": "--pf-v6-c-card--m-compact__title--not--last-child--PaddingBlockEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_card_m_display_lg__title_text_FontSize": {
"name": "--pf-v6-c-card--m-display-lg__title-text--FontSize",
"value": "1.25rem",
"values": [
"--pf-t--global--font--size--heading--md",
"--pf-t--global--font--size--xl",
"--pf-t--global--font--size--500",
"1.25rem"
]
},
"c_card_m_display_lg__body_FontSize": {
"name": "--pf-v6-c-card--m-display-lg__body--FontSize",
"value": "1rem",
"values": [
"--pf-t--global--font--size--body--lg",
"--pf-t--global--font--size--md",
"--pf-t--global--font--size--300",
"1rem"
]
},
"c_card_m_display_lg__footer_FontSize": {
"name": "--pf-v6-c-card--m-display-lg__footer--FontSize",
"value": "0.875rem",
"values": [
"--pf-t--global--font--size--body--default",
"--pf-t--global--font--size--sm",
"--pf-t--global--font--size--200",
"0.875rem"
]
},
"c_card_m_display_lg_first_child_PaddingBlockStart": {
"name": "--pf-v6-c-card--m-display-lg--first-child--PaddingBlockStart",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_card_m_display_lg_child_PaddingInlineEnd": {
"name": "--pf-v6-c-card--m-display-lg--child--PaddingInlineEnd",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_card_m_display_lg_child_PaddingBlockEnd": {
"name": "--pf-v6-c-card--m-display-lg--child--PaddingBlockEnd",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_card_m_display_lg_child_PaddingInlineStart": {
"name": "--pf-v6-c-card--m-display-lg--child--PaddingInlineStart",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_card_m_display_lg_c_divider_child_PaddingBlockStart": {
"name": "--pf-v6-c-card--m-display-lg--c-divider--child--PaddingBlockStart",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_card_m_display_lg__title_not_last_child_PaddingBlockEnd": {
"name": "--pf-v6-c-card--m-display-lg__title--not--last-child--PaddingBlockEnd",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_card_m_secondary_BackgroundColor": {
"name": "--pf-v6-c-card--m-secondary--BackgroundColor",
"value": "#f2f2f2",
"values": [
"--pf-t--global--background--color--secondary--default",
"--pf-t--global--background--color--200",
"--pf-t--color--gray--10",
"#f2f2f2"
]
},
"c_card_m_secondary_BorderColor": {
"name": "--pf-v6-c-card--m-secondary--BorderColor",
"value": "transparent"
},
"c_card_m_full_height_Height": {
"name": "--pf-v6-c-card--m-full-height--Height",
"value": "100%"
},
"c_card_m_plain_BorderColor": {
"name": "--pf-v6-c-card--m-plain--BorderColor",
"value": "transparent"
},
"c_card_m_plain_BackgroundColor": {
"name": "--pf-v6-c-card--m-plain--BackgroundColor",
"value": "transparent"
},
"c_card__header_m_toggle_right_toggle_MarginInlineEnd": {
"name": "--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd",
"value": "calc(0.5rem * -1)",
"values": [
"calc(--pf-t--global--spacer--action--horizontal--plain--default * -1)",
"calc(--pf-t--global--spacer--sm * -1)",
"calc(--pf-t--global--spacer--200 * -1)",
"calc(0.5rem * -1)"
]
},
"c_card__header_m_toggle_right_toggle_MarginInlineStart": {
"name": "--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--gap--text-to-element--default",
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
}
},
".pf-v6-c-card.pf-m-current": {
"c_card_BorderColor": {
"name": "--pf-v6-c-card--BorderColor",
"value": "#0066cc",
"values": [
"--pf-v6-c-card--m-clickable--m-current--BorderColor",
"--pf-t--global--border--color--clicked",
"--pf-t--global--color--brand--200",
"--pf-t--color--blue--50",
"#0066cc"
]
},
"c_card_BorderWidth": {
"name": "--pf-v6-c-card--BorderWidth",
"value": "2px",
"values": [
"--pf-v6-c-card--m-clickable--m-current--BorderWidth",
"--pf-t--global--border--width--box--clicked",
"--pf-t--global--border--width--200",
"2px"
]
},
"c_card_m_selectable_hover_BorderColor": {
"name": "--pf-v6-c-card--m-selectable--hover--BorderColor",
"value": "#0066cc",
"values": [
"--pf-v6-c-card--m-clickable--m-current--BorderColor",
"--pf-t--global--border--color--clicked",
"--pf-t--global--color--brand--200",
"--pf-t--color--blue--50",
"#0066cc"
]
},
"c_card_m_selectable_focus_BorderColor": {
"name": "--pf-v6-c-card--m-selectable--focus--BorderColor",
"value": "#0066cc",
"values": [
"--pf-v6-c-card--m-clickable--m-current--BorderColor",
"--pf-t--global--border--color--clicked",
"--pf-t--global--color--brand--200",
"--pf-t--color--blue--50",
"#0066cc"
]
}
},
".pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:focus-visible) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label)": {
"c_card_BackgroundColor": {
"name": "--pf-v6-c-card--BackgroundColor",
"value": "revert"
},
"c_card_BorderColor": {
"name": "--pf-v6-c-card--BorderColor",
"value": "revert"
}
},
".pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:checked) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label)": {
"c_card_BorderColor": {
"name": "--pf-v6-c-card--BorderColor",
"value": "revert"
},
"c_card_m_selectable_BorderWidth": {
"name": "--pf-v6-c-card--m-selectable--BorderWidth",
"value": "revert"
}
},
".pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-current": {
"c_card_BorderColor": {
"name": "--pf-v6-c-card--BorderColor",
"value": "#0066cc",
"values": [
"--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderColor",
"--pf-t--global--border--color--clicked",
"--pf-t--global--color--brand--200",
"--pf-t--color--blue--50",
"#0066cc"
]
},
"c_card_BorderWidth": {
"name": "--pf-v6-c-card--BorderWidth",
"value": "2px",
"values": [
"--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderWidth",
"--pf-t--global--border--width--box--clicked",
"--pf-t--global--border--width--200",
"2px"
]
}
},
".pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:disabled) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label)": {
"c_card_BackgroundColor": {
"name": "--pf-v6-c-card--BackgroundColor",
"value": "#c7c7c7",
"values": [
"--pf-v6-c-card--m-selectable--m-disabled--BackgroundColor",
"--pf-t--global--background--color--disabled--default",
"--pf-t--global--color--disabled--100",
"--pf-t--color--gray--30",
"#c7c7c7"
]
}
},
".pf-v6-c-card.pf-m-compact": {
"c_card__title_text_FontSize": {
"name": "--pf-v6-c-card__title-text--FontSize",
"value": "1rem",
"values": [
"--pf-v6-c-card--m-compact__title-text--FontSize",
"--pf-t--global--font--size--heading--xs",
"--pf-t--global--font--size--md",
"--pf-t--global--font--size--300",
"1rem"
]
},
"c_card__body_FontSize": {
"name": "--pf-v6-c-card__body--FontSize",
"value": "0.875rem",
"values": [
"--pf-v6-c-card--m-compact__body--FontSize",
"--pf-t--global--font--size--body--default",
"--pf-t--global--font--size--sm",
"--pf-t--global--font--size--200",
"0.875rem"
]
},
"c_card__footer_FontSize": {
"name": "--pf-v6-c-card__footer--FontSize",
"value": "0.75rem",
"values": [
"--pf-v6-c-card--m-compact__footer--FontSize",
"--pf-t--global--font--size--body--sm",
"--pf-t--global--font--size--xs",
"--pf-t--global--font--size--100",
"0.75rem"
]
},
"c_card_first_child_PaddingBlockStart": {
"name": "--pf-v6-c-card--first-child--PaddingBlockStart",
"value": "1rem",
"values": [
"--pf-v6-c-card--m-compact--first-child--PaddingBlockStart",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_card_child_PaddingInlineEnd": {
"name": "--pf-v6-c-card--child--PaddingInlineEnd",
"value": "1rem",
"values": [
"--pf-v6-c-card--m-compact--child--PaddingInlineEnd",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_card_child_PaddingBlockEnd": {
"name": "--pf-v6-c-card--child--PaddingBlockEnd",
"value": "1rem",
"values": [
"--pf-v6-c-card--m-compact--child--PaddingBlockEnd",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_card_child_PaddingInlineStart": {
"name": "--pf-v6-c-card--child--PaddingInlineStart",
"value": "1rem",
"values": [
"--pf-v6-c-card--m-compact--child--PaddingInlineStart",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_card_c_divider_child_PaddingBlockStart": {
"name": "--pf-v6-c-card--c-divider--child--PaddingBlockStart",
"value": "1rem",
"values": [
"--pf-v6-c-card--m-compact--c-divider--child--PaddingBlockStart",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_card__title_not_last_child_PaddingBlockEnd": {
"name": "--pf-v6-c-card__title--not--last-child--PaddingBlockEnd",
"value": "0.5rem",
"values": [
"--pf-v6-c-card--m-compact__title--not--last-child--PaddingBlockEnd",
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
}
},
".pf-v6-c-card.pf-m-display-lg": {
"c_card__title_text_FontSize": {
"name": "--pf-v6-c-card__title-text--FontSize",
"value": "1.25rem",
"values": [
"--pf-v6-c-card--m-display-lg__title-text--FontSize",
"--pf-t--global--font--size--heading--md",
"--pf-t--global--font--size--xl",
"--pf-t--global--font--size--500",
"1.25rem"
]
},
"c_card__body_FontSize": {
"name": "--pf-v6-c-card__body--FontSize",
"value": "1rem",
"values": [
"--pf-v6-c-card--m-display-lg__body--FontSize",
"--pf-t--global--font--size--body--lg",
"--pf-t--global--font--size--md",
"--pf-t--global--font--size--300",
"1rem"
]
},
"c_card__footer_FontSize": {
"name": "--pf-v6-c-card__footer--FontSize",
"value": "0.875rem",
"values": [
"--pf-v6-c-card--m-display-lg__footer--FontSize",
"--pf-t--global--font--size--body--default",
"--pf-t--global--font--size--sm",
"--pf-t--global--font--size--200",
"0.875rem"
]
},
"c_card_first_child_PaddingBlockStart": {
"name": "--pf-v6-c-card--first-child--PaddingBlockStart",
"value": "2rem",
"values": [
"--pf-v6-c-card--m-display-lg--first-child--PaddingBlockStart",
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_card_child_PaddingInlineEnd": {
"name": "--pf-v6-c-card--child--PaddingInlineEnd",
"value": "2rem",
"values": [
"--pf-v6-c-card--m-display-lg--child--PaddingInlineEnd",
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_card_child_PaddingBlockEnd": {
"name": "--pf-v6-c-card--child--PaddingBlockEnd",
"value": "2rem",
"values": [
"--pf-v6-c-card--m-display-lg--child--PaddingBlockEnd",
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_card_child_PaddingInlineStart": {
"name": "--pf-v6-c-card--child--PaddingInlineStart",
"value": "2rem",
"values": [
"--pf-v6-c-card--m-display-lg--child--PaddingInlineStart",
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_card_c_divider_child_PaddingBlockStart": {
"name": "--pf-v6-c-card--c-divider--child--PaddingBlockStart",
"value": "2rem",
"values": [
"--pf-v6-c-card--m-display-lg--c-divider--child--PaddingBlockStart",
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_card__title_not_last_child_PaddingBlockEnd": {
"name": "--pf-v6-c-card__title--not--last-child--PaddingBlockEnd",
"value": "1.5rem",
"values": [
"--pf-v6-c-card--m-display-lg__title--not--last-child--PaddingBlockEnd",
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
}
},
".pf-v6-c-card.pf-m-secondary": {
"c_card_BorderColor": {
"name": "--pf-v6-c-card--BorderColor",
"value": "transparent",
"values": [
"--pf-v6-c-card--m-secondary--BorderColor",
"transparent"
]
},
"c_card_BackgroundColor": {
"name": "--pf-v6-c-card--BackgroundColor",
"value": "#f2f2f2",
"values": [
"--pf-v6-c-card--m-secondary--BackgroundColor",
"--pf-t--global--background--color--secondary--default",
"--pf-t--global--background--color--200",
"--pf-t--color--gray--10",
"#f2f2f2"
]
}
},
".pf-v6-c-card.pf-m-plain": {
"c_card_BorderColor": {
"name": "--pf-v6-c-card--BorderColor",
"value": "transparent",
"values": [
"--pf-v6-c-card--m-plain--BorderColor",
"transparent"
]
},
"c_card_BackgroundColor": {
"name": "--pf-v6-c-card--BackgroundColor",
"value": "transparent",
"values": [
"--pf-v6-c-card--m-plain--BackgroundColor",
"transparent"
]
}
},
".pf-v6-c-card__header .pf-v6-c-card__title": {
"c_card_first_child_PaddingBlockStart": {
"name": "--pf-v6-c-card--first-child--PaddingBlockStart",
"value": "0"
},
"c_card__title_not_last_child_PaddingBlockEnd": {
"name": "--pf-v6-c-card__title--not--last-child--PaddingBlockEnd",
"value": "0"
}
},
".pf-v6-c-card__header.pf-m-toggle-right": {
"c_card__header_toggle_MarginInlineEnd": {
"name": "--pf-v6-c-card__header-toggle--MarginInlineEnd",
"value": "calc(0.5rem * -1)",
"values": [
"--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd",
"calc(--pf-t--global--spacer--action--horizontal--plain--default * -1)",
"calc(--pf-t--global--spacer--sm * -1)",
"calc(--pf-t--global--spacer--200 * -1)",
"calc(0.5rem * -1)"
]
},
"c_card__header_toggle_MarginInlineStart": {
"name": "--pf-v6-c-card__header-toggle--MarginInlineStart",
"value": "0.5rem",
"values": [
"--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineStart",
"--pf-t--global--spacer--gap--text-to-element--default",
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
}
},
".pf-v6-c-card__actions.pf-m-no-offset": {
"c_card__actions_MarginBlockStart": {
"name": "--pf-v6-c-card__actions--MarginBlockStart",
"value": "0"
},
"c_card__actions_MarginBlockEnd": {
"name": "--pf-v6-c-card__actions--MarginBlockEnd",
"value": "0"
}
},
".pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label, .pf-v6-c-card__clickable-action):hover": {
"c_card_BorderColor": {
"name": "--pf-v6-c-card--BorderColor",
"value": "#4394e5",
"values": [
"--pf-v6-c-card--m-selectable--hover--BorderColor",
"--pf-t--global--border--color--hover",
"--pf-t--global--color--brand--100",
"--pf-t--color--blue--40",
"#4394e5"
]
}
},
".pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:checked) ~ :is(.pf-v6-c-radio__label, .pf-v6-c-check__label)": {
"c_card_BorderColor": {
"name": "--pf-v6-c-card--BorderColor",
"value": "#0066cc",
"values": [
"--pf-v6-c-card--m-selectable--m-selected--BorderColor",
"--pf-t--global--border--color--clicked",
"--pf-t--global--color--brand--200",
"--pf-t--color--blue--50",
"#0066cc"
]
},
"c_card_m_selectable_BorderWidth": {
"name": "--pf-v6-c-card--m-selectable--BorderWidth",
"value": "2px",
"values": [
"--pf-v6-c-card--m-selectable--m-selected--BorderWidth",
"--pf-t--global--border--width--box--clicked",
"--pf-t--global--border--width--200",
"2px"
]
}
},
".pf-v6-c-card__selectable-actions .pf-v6-c-card__clickable-action:where(:focus-visible)": {
"c_card_BorderColor": {
"name": "--pf-v6-c-card--BorderColor",
"value": "#4394e5",
"values": [
"--pf-v6-c-card--m-selectable--focus--BorderColor",
"--pf-t--global--border--color--hover",
"--pf-t--global--color--brand--100",
"--pf-t--color--blue--40",
"#4394e5"
]
},
"c_card_BorderWidth": {
"name": "--pf-v6-c-card--BorderWidth",
"value": "1px",
"values": [
"--pf-v6-c-card--m-selectable--focus--BorderWidth",
"--pf-t--global--border--width--box--hover",
"--pf-t--global--border--width--100",
"1px"
]
}
},
".pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:focus-visible):where(:checked) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label)": {
"c_card_BorderColor": {
"name": "--pf-v6-c-card--BorderColor",
"value": "#0066cc",
"values": [
"--pf-v6-c-card--m-selectable--m-selected--focus--BorderColor",
"--pf-t--global--border--color--clicked",
"--pf-t--global--color--brand--200",
"--pf-t--color--blue--50",
"#0066cc"
]
},
"c_card_BorderWidth": {
"name": "--pf-v6-c-card--BorderWidth",
"value": "2px",
"values": [
"--pf-v6-c-card--m-selectable--m-selected--focus--BorderWidth",
"--pf-t--global--border--width--box--clicked",
"--pf-t--global--border--width--200",
"2px"
]
}
},
".pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:disabled) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label)": {
"c_card__title_text_Color": {
"name": "--pf-v6-c-card__title-text--Color",
"value": "#4d4d4d",
"values": [
"--pf-v6-c-card--m-selectable--m-disabled__title-text--Color",
"--pf-t--global--text--color--on-disabled",
"--pf-t--global--color--disabled--300",
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"c_card__body_Color": {
"name": "--pf-v6-c-card__body--Color",
"value": "#4d4d4d",
"values": [
"--pf-v6-c-card--m-selectable--m-disabled__body--Color",
"--pf-t--global--text--color--on-disabled",
"--pf-t--global--color--disabled--300",
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"c_card__footer_Color": {
"name": "--pf-v6-c-card__footer--Color",
"value": "#4d4d4d",
"values": [
"--pf-v6-c-card--m-selectable--m-disabled__footer--Color",
"--pf-t--global--text--color--on-disabled",
"--pf-t--global--color--disabled--300",
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"c_card_BackgroundColor": {
"name": "--pf-v6-c-card--BackgroundColor",
"value": "#c7c7c7",
"values": [
"--pf-v6-c-card--m-selectable--m-disabled--BackgroundColor",
"--pf-t--global--background--color--disabled--default",
"--pf-t--global--color--disabled--100",
"--pf-t--color--gray--30",
"#c7c7c7"
]
},
"c_card_BorderColor": {
"name": "--pf-v6-c-card--BorderColor",
"value": "transparent",
"values": [
"--pf-v6-c-card--m-selectable--m-disabled--BorderColor",
"transparent"
]
}
},
".pf-v6-c-card__header .pf-v6-c-button.pf-m-inline:disabled": {
"c_button_disabled_Color": {
"name": "--pf-v6-c-button--disabled--Color",
"value": "#4d4d4d",
"values": [
"--pf-v6-c-card--c-button--disabled--Color",
"--pf-t--global--text--color--on-disabled",
"--pf-t--global--color--disabled--300",
"--pf-t--color--gray--60",
"#4d4d4d"
]
}
},
".pf-v6-c-card__expandable-content": {
"c_card_first_child_PaddingBlockStart": {
"name": "--pf-v6-c-card--first-child--PaddingBlockStart",
"value": "0"
}
}
};
export default c_card;