@patternfly/react-tokens

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;