@patternfly/react-tokens

export const c_tile: { ".pf-v6-c-tile": { "c_tile_PaddingBlockStart": { "name": "--pf-v6-c-tile--PaddingBlockStart", "value": "1.5rem", "values": [ "--pf-t--global--spacer--lg", "--pf-t--global--spacer--400", "1.5rem" ] }, "c_tile_PaddingInlineEnd": { "name": "--pf-v6-c-tile--PaddingInlineEnd", "value": "1.5rem", "values": [ "--pf-t--global--spacer--lg", "--pf-t--global--spacer--400", "1.5rem" ] }, "c_tile_PaddingBlockEnd": { "name": "--pf-v6-c-tile--PaddingBlockEnd", "value": "1.5rem", "values": [ "--pf-t--global--spacer--lg", "--pf-t--global--spacer--400", "1.5rem" ] }, "c_tile_PaddingInlineStart": { "name": "--pf-v6-c-tile--PaddingInlineStart", "value": "1.5rem", "values": [ "--pf-t--global--spacer--lg", "--pf-t--global--spacer--400", "1.5rem" ] }, "c_tile_BackgroundColor": { "name": "--pf-v6-c-tile--BackgroundColor", "value": "#ffffff", "values": [ "--pf-t--global--background--color--primary--default", "--pf-t--global--background--color--100", "--pf-t--color--white", "#ffffff" ] }, "c_tile_BorderRadius": { "name": "--pf-v6-c-tile--BorderRadius", "value": "16px", "values": [ "--pf-t--global--border--radius--medium", "--pf-t--global--border--radius--300", "16px" ] }, "c_tile_before_BorderColor": { "name": "--pf-v6-c-tile--before--BorderColor", "value": "#c7c7c7", "values": [ "--pf-t--global--border--color--default", "--pf-t--global--border--color--100", "--pf-t--color--gray--30", "#c7c7c7" ] }, "c_tile_before_BorderWidth": { "name": "--pf-v6-c-tile--before--BorderWidth", "value": "1px", "values": [ "--pf-t--global--border--width--box--default", "--pf-t--global--border--width--100", "1px" ] }, "c_tile_before_BorderRadius": { "name": "--pf-v6-c-tile--before--BorderRadius", "value": "16px", "values": [ "--pf-v6-c-tile--BorderRadius", "--pf-t--global--border--radius--medium", "--pf-t--global--border--radius--300", "16px" ] }, "c_tile_after_BackgroundColor": { "name": "--pf-v6-c-tile--after--BackgroundColor", "value": "transparent" }, "c_tile__icon_MarginInlineEnd": { "name": "--pf-v6-c-tile__icon--MarginInlineEnd", "value": "0.5rem", "values": [ "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_tile__icon_FontSize": { "name": "--pf-v6-c-tile__icon--FontSize", "value": "0.875rem", "values": [ "--pf-t--global--icon--size--font--body--default", "--pf-t--global--font--size--body--default", "--pf-t--global--font--size--sm", "--pf-t--global--font--size--200", "0.875rem" ] }, "c_tile__icon_Color": { "name": "--pf-v6-c-tile__icon--Color", "value": "#1f1f1f", "values": [ "--pf-t--global--icon--color--regular", "--pf-t--global--icon--color--100", "--pf-t--color--gray--90", "#1f1f1f" ] }, "c_tile__title_Color": { "name": "--pf-v6-c-tile__title--Color", "value": "#151515", "values": [ "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_tile__title_FontWeight": { "name": "--pf-v6-c-tile__title--FontWeight", "value": "500", "values": [ "--pf-t--global--font--weight--body--bold", "--pf-t--global--font--weight--200", "500" ] }, "c_tile__body_Color": { "name": "--pf-v6-c-tile__body--Color", "value": "#151515", "values": [ "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_tile__body_FontSize": { "name": "--pf-v6-c-tile__body--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_tile_hover_before_BorderColor": { "name": "--pf-v6-c-tile--hover--before--BorderColor", "value": "#4394e5", "values": [ "--pf-t--global--border--color--hover", "--pf-t--global--color--brand--100", "--pf-t--color--blue--40", "#4394e5" ] }, "c_tile_m_selected_before_BorderColor": { "name": "--pf-v6-c-tile--m-selected--before--BorderColor", "value": "#0066cc", "values": [ "--pf-t--global--border--color--clicked", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_tile_m_selected_before_BorderWidth": { "name": "--pf-v6-c-tile--m-selected--before--BorderWidth", "value": "2px", "values": [ "--pf-t--global--border--width--box--clicked", "--pf-t--global--border--width--200", "2px" ] }, "c_tile_m_disabled_BackgroundColor": { "name": "--pf-v6-c-tile--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_tile_m_disabled__title_Color": { "name": "--pf-v6-c-tile--m-disabled__title--Color", "value": "#4d4d4d", "values": [ "--pf-t--global--text--color--on-disabled", "--pf-t--global--color--disabled--300", "--pf-t--color--gray--60", "#4d4d4d" ] }, "c_tile_m_disabled__icon_Color": { "name": "--pf-v6-c-tile--m-disabled__icon--Color", "value": "#4d4d4d", "values": [ "--pf-t--global--icon--color--on-disabled", "--pf-t--global--color--disabled--300", "--pf-t--color--gray--60", "#4d4d4d" ] }, "c_tile_m_disabled__body_Color": { "name": "--pf-v6-c-tile--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_tile__header_m_stacked__icon_MarginBlockEnd": { "name": "--pf-v6-c-tile__header--m-stacked__icon--MarginBlockEnd", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_tile__header_m_stacked__icon_FontSize": { "name": "--pf-v6-c-tile__header--m-stacked__icon--FontSize", "value": "1.5rem", "values": [ "--pf-t--global--icon--size--xl", "--pf-t--global--icon--size--300", "1.5rem" ] }, "c_tile_m_display_lg__header_m_stacked__icon_FontSize": { "name": "--pf-v6-c-tile--m-display-lg__header--m-stacked__icon--FontSize", "value": "3.5rem", "values": [ "--pf-t--global--icon--size--2xl", "--pf-t--global--icon--size--400", "3.5rem" ] } }, ".pf-v6-c-tile:hover": { "c_tile_before_BorderColor": { "name": "--pf-v6-c-tile--before--BorderColor", "value": "#4394e5", "values": [ "--pf-v6-c-tile--hover--before--BorderColor", "--pf-t--global--border--color--hover", "--pf-t--global--color--brand--100", "--pf-t--color--blue--40", "#4394e5" ] } }, ".pf-v6-c-tile.pf-m-selected": { "c_tile_before_BorderColor": { "name": "--pf-v6-c-tile--before--BorderColor", "value": "#0066cc", "values": [ "--pf-v6-c-tile--m-selected--before--BorderColor", "--pf-t--global--border--color--clicked", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_tile_before_BorderWidth": { "name": "--pf-v6-c-tile--before--BorderWidth", "value": "2px", "values": [ "--pf-v6-c-tile--m-selected--before--BorderWidth", "--pf-t--global--border--width--box--clicked", "--pf-t--global--border--width--200", "2px" ] } }, ".pf-v6-c-tile.pf-m-disabled": { "c_tile_BackgroundColor": { "name": "--pf-v6-c-tile--BackgroundColor", "value": "#c7c7c7", "values": [ "--pf-v6-c-tile--m-disabled--BackgroundColor", "--pf-t--global--background--color--disabled--default", "--pf-t--global--color--disabled--100", "--pf-t--color--gray--30", "#c7c7c7" ] }, "c_tile__title_Color": { "name": "--pf-v6-c-tile__title--Color", "value": "#4d4d4d", "values": [ "--pf-v6-c-tile--m-disabled__title--Color", "--pf-t--global--text--color--on-disabled", "--pf-t--global--color--disabled--300", "--pf-t--color--gray--60", "#4d4d4d" ] }, "c_tile__icon_Color": { "name": "--pf-v6-c-tile__icon--Color", "value": "#4d4d4d", "values": [ "--pf-v6-c-tile--m-disabled__icon--Color", "--pf-t--global--icon--color--on-disabled", "--pf-t--global--color--disabled--300", "--pf-t--color--gray--60", "#4d4d4d" ] }, "c_tile__body_Color": { "name": "--pf-v6-c-tile__body--Color", "value": "#4d4d4d", "values": [ "--pf-v6-c-tile--m-disabled__body--Color", "--pf-t--global--text--color--on-disabled", "--pf-t--global--color--disabled--300", "--pf-t--color--gray--60", "#4d4d4d" ] }, "c_tile_before_BorderWidth": { "name": "--pf-v6-c-tile--before--BorderWidth", "value": "0" } }, ".pf-v6-c-tile.pf-m-display-lg .pf-v6-c-tile__header.pf-m-stacked": { "c_tile__icon_FontSize": { "name": "--pf-v6-c-tile__icon--FontSize", "value": "3.5rem", "values": [ "--pf-v6-c-tile--m-display-lg__header--m-stacked__icon--FontSize", "--pf-t--global--icon--size--2xl", "--pf-t--global--icon--size--400", "3.5rem" ] } }, ".pf-v6-c-tile__header.pf-m-stacked": { "c_tile__icon_MarginInlineEnd": { "name": "--pf-v6-c-tile__icon--MarginInlineEnd", "value": "0" }, "c_tile__icon_FontSize": { "name": "--pf-v6-c-tile__icon--FontSize", "value": "1.5rem", "values": [ "--pf-v6-c-tile__header--m-stacked__icon--FontSize", "--pf-t--global--icon--size--xl", "--pf-t--global--icon--size--300", "1.5rem" ] } } }; export default c_tile;