@patternfly/react-tokens

export const c_banner: { ".pf-v6-c-banner": { "c_banner_PaddingBlockStart": { "name": "--pf-v6-c-banner--PaddingBlockStart", "value": "0.25rem", "values": [ "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_banner_PaddingInlineEnd": { "name": "--pf-v6-c-banner--PaddingInlineEnd", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_banner_md_PaddingInlineEnd": { "name": "--pf-v6-c-banner--md--PaddingInlineEnd", "value": "1.5rem", "values": [ "--pf-t--global--spacer--lg", "--pf-t--global--spacer--400", "1.5rem" ] }, "c_banner_PaddingBlockEnd": { "name": "--pf-v6-c-banner--PaddingBlockEnd", "value": "0.25rem", "values": [ "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_banner_PaddingInlineStart": { "name": "--pf-v6-c-banner--PaddingInlineStart", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_banner_md_PaddingInlineStart": { "name": "--pf-v6-c-banner--md--PaddingInlineStart", "value": "1.5rem", "values": [ "--pf-t--global--spacer--lg", "--pf-t--global--spacer--400", "1.5rem" ] }, "c_banner_FontSize": { "name": "--pf-v6-c-banner--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_banner_Color": { "name": "--pf-v6-c-banner--Color", "value": "#151515", "values": [ "--pf-t--global--text--color--nonstatus--on-gray--default", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_banner_BackgroundColor": { "name": "--pf-v6-c-banner--BackgroundColor", "value": "#e0e0e0", "values": [ "--pf-t--global--color--nonstatus--gray--default", "--pf-t--global--color--nonstatus--gray--100", "--pf-t--color--gray--20", "#e0e0e0" ] }, "c_banner_link_Color": { "name": "--pf-v6-c-banner--link--Color", "value": "#151515", "values": [ "--pf-v6-c-banner--Color", "--pf-t--global--text--color--nonstatus--on-gray--default", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_banner_link_TextDecoration": { "name": "--pf-v6-c-banner--link--TextDecoration", "value": "underline" }, "c_banner_link_hover_Color": { "name": "--pf-v6-c-banner--link--hover--Color", "value": "#151515", "values": [ "--pf-v6-c-banner--Color", "--pf-t--global--text--color--nonstatus--on-gray--default", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_banner_link_disabled_Color": { "name": "--pf-v6-c-banner--link--disabled--Color", "value": "#a3a3a3", "values": [ "--pf-t--global--text--color--disabled", "--pf-t--global--color--disabled--200", "--pf-t--color--gray--40", "#a3a3a3" ] }, "c_banner_m_sticky_ZIndex": { "name": "--pf-v6-c-banner--m-sticky--ZIndex", "value": "300", "values": [ "--pf-t--global--z-index--md", "--pf-t--global--z-index--300", "300" ] }, "c_banner_m_sticky_BoxShadow": { "name": "--pf-v6-c-banner--m-sticky--BoxShadow", "value": "0px\n 4px\n 9px\n 0px\n rgba(41, 41, 41, 0.1500)", "values": [ "--pf-t--global--box-shadow--md", "--pf-t--global--box-shadow--X--md--default\n --pf-t--global--box-shadow--Y--md--default\n --pf-t--global--box-shadow--blur--md\n --pf-t--global--box-shadow--spread--md--default\n --pf-t--global--box-shadow--color--md--default", "--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--600\n --pf-t--global--box-shadow--blur--200\n --pf-t--global--box-shadow--spread--100\n --pf-t--global--box-shadow--color--100", "0px\n 4px\n 9px\n 0px\n rgba(41, 41, 41, 0.1500)" ] }, "c_banner_m_danger_BackgroundColor": { "name": "--pf-v6-c-banner--m-danger--BackgroundColor", "value": "#b1380b", "values": [ "--pf-t--global--color--status--danger--default", "--pf-t--global--color--status--danger--100", "--pf-t--color--red-orange--60", "#b1380b" ] }, "c_banner_m_danger_Color": { "name": "--pf-v6-c-banner--m-danger--Color", "value": "#ffffff", "values": [ "--pf-t--global--text--color--status--on-danger--default", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_banner_m_success_BackgroundColor": { "name": "--pf-v6-c-banner--m-success--BackgroundColor", "value": "#3d7317", "values": [ "--pf-t--global--color--status--success--default", "--pf-t--global--color--status--success--100", "--pf-t--color--green--60", "#3d7317" ] }, "c_banner_m_success_Color": { "name": "--pf-v6-c-banner--m-success--Color", "value": "#ffffff", "values": [ "--pf-t--global--text--color--status--on-success--default", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_banner_m_warning_BackgroundColor": { "name": "--pf-v6-c-banner--m-warning--BackgroundColor", "value": "#ffcc17", "values": [ "--pf-t--global--color--status--warning--default", "--pf-t--global--color--status--warning--100", "--pf-t--color--yellow--30", "#ffcc17" ] }, "c_banner_m_warning_Color": { "name": "--pf-v6-c-banner--m-warning--Color", "value": "#151515", "values": [ "--pf-t--global--text--color--status--on-warning--default", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_banner_m_info_BackgroundColor": { "name": "--pf-v6-c-banner--m-info--BackgroundColor", "value": "#5e40be", "values": [ "--pf-t--global--color--status--info--default", "--pf-t--global--color--status--info--100", "--pf-t--color--purple--50", "#5e40be" ] }, "c_banner_m_info_Color": { "name": "--pf-v6-c-banner--m-info--Color", "value": "#ffffff", "values": [ "--pf-t--global--text--color--status--on-info--default", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_banner_m_custom_BackgroundColor": { "name": "--pf-v6-c-banner--m-custom--BackgroundColor", "value": "#147878", "values": [ "--pf-t--global--color--status--custom--default", "--pf-t--global--color--status--custom--100", "--pf-t--color--teal--60", "#147878" ] }, "c_banner_m_custom_Color": { "name": "--pf-v6-c-banner--m-custom--Color", "value": "#ffffff", "values": [ "--pf-t--global--text--color--status--on-custom--default", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_banner_m_red_BackgroundColor": { "name": "--pf-v6-c-banner--m-red--BackgroundColor", "value": "#fbc5c5", "values": [ "--pf-t--global--color--nonstatus--red--default", "--pf-t--global--color--nonstatus--red--100", "--pf-t--color--red--20", "#fbc5c5" ] }, "c_banner_m_red_Color": { "name": "--pf-v6-c-banner--m-red--Color", "value": "#151515", "values": [ "--pf-t--global--text--color--nonstatus--on-red--default", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_banner_m_orangered_BackgroundColor": { "name": "--pf-v6-c-banner--m-orangered--BackgroundColor", "value": "#fbbea8", "values": [ "--pf-t--global--color--nonstatus--orangered--default", "--pf-t--global--color--nonstatus--orangered--100", "--pf-t--color--red-orange--20", "#fbbea8" ] }, "c_banner_m_orangered_Color": { "name": "--pf-v6-c-banner--m-orangered--Color", "value": "#151515", "values": [ "--pf-t--global--text--color--nonstatus--on-orangered--default", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_banner_m_orange_BackgroundColor": { "name": "--pf-v6-c-banner--m-orange--BackgroundColor", "value": "#fccb8f", "values": [ "--pf-t--global--color--nonstatus--orange--default", "--pf-t--global--color--nonstatus--orange--100", "--pf-t--color--orange--20", "#fccb8f" ] }, "c_banner_m_orange_Color": { "name": "--pf-v6-c-banner--m-orange--Color", "value": "#151515", "values": [ "--pf-t--global--text--color--nonstatus--on-orange--default", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_banner_m_yellow_BackgroundColor": { "name": "--pf-v6-c-banner--m-yellow--BackgroundColor", "value": "#ffe072", "values": [ "--pf-t--global--color--nonstatus--yellow--default", "--pf-t--global--color--nonstatus--yellow--100", "--pf-t--color--yellow--20", "#ffe072" ] }, "c_banner_m_yellow_Color": { "name": "--pf-v6-c-banner--m-yellow--Color", "value": "#151515", "values": [ "--pf-t--global--text--color--nonstatus--on-yellow--default", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_banner_m_green_BackgroundColor": { "name": "--pf-v6-c-banner--m-green--BackgroundColor", "value": "#d1f1bb", "values": [ "--pf-t--global--color--nonstatus--green--default", "--pf-t--global--color--nonstatus--green--100", "--pf-t--color--green--20", "#d1f1bb" ] }, "c_banner_m_green_Color": { "name": "--pf-v6-c-banner--m-green--Color", "value": "#151515", "values": [ "--pf-t--global--text--color--nonstatus--on-green--default", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_banner_m_teal_BackgroundColor": { "name": "--pf-v6-c-banner--m-teal--BackgroundColor", "value": "#b9e5e5", "values": [ "--pf-t--global--color--nonstatus--teal--default", "--pf-t--global--color--nonstatus--teal--100", "--pf-t--color--teal--20", "#b9e5e5" ] }, "c_banner_m_teal_Color": { "name": "--pf-v6-c-banner--m-teal--Color", "value": "#151515", "values": [ "--pf-t--global--text--color--nonstatus--on-teal--default", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_banner_m_blue_BackgroundColor": { "name": "--pf-v6-c-banner--m-blue--BackgroundColor", "value": "#b9dafc", "values": [ "--pf-t--global--color--nonstatus--blue--default", "--pf-t--global--color--nonstatus--blue--100", "--pf-t--color--blue--20", "#b9dafc" ] }, "c_banner_m_blue_Color": { "name": "--pf-v6-c-banner--m-blue--Color", "value": "#151515", "values": [ "--pf-t--global--text--color--nonstatus--on-blue--default", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_banner_m_purple_BackgroundColor": { "name": "--pf-v6-c-banner--m-purple--BackgroundColor", "value": "#d0c5f4", "values": [ "--pf-t--global--color--nonstatus--purple--default", "--pf-t--global--color--nonstatus--purple--100", "--pf-t--color--purple--20", "#d0c5f4" ] }, "c_banner_m_purple_Color": { "name": "--pf-v6-c-banner--m-purple--Color", "value": "#151515", "values": [ "--pf-t--global--text--color--nonstatus--on-purple--default", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] } }, ".pf-v6-c-banner.pf-m-danger": { "c_banner_BackgroundColor": { "name": "--pf-v6-c-banner--BackgroundColor", "value": "#b1380b", "values": [ "--pf-v6-c-banner--m-danger--BackgroundColor", "--pf-t--global--color--status--danger--default", "--pf-t--global--color--status--danger--100", "--pf-t--color--red-orange--60", "#b1380b" ] }, "c_banner_Color": { "name": "--pf-v6-c-banner--Color", "value": "#ffffff", "values": [ "--pf-v6-c-banner--m-danger--Color", "--pf-t--global--text--color--status--on-danger--default", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] } }, ".pf-v6-c-banner.pf-m-success": { "c_banner_BackgroundColor": { "name": "--pf-v6-c-banner--BackgroundColor", "value": "#3d7317", "values": [ "--pf-v6-c-banner--m-success--BackgroundColor", "--pf-t--global--color--status--success--default", "--pf-t--global--color--status--success--100", "--pf-t--color--green--60", "#3d7317" ] }, "c_banner_Color": { "name": "--pf-v6-c-banner--Color", "value": "#ffffff", "values": [ "--pf-v6-c-banner--m-success--Color", "--pf-t--global--text--color--status--on-success--default", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] } }, ".pf-v6-c-banner.pf-m-warning": { "c_banner_BackgroundColor": { "name": "--pf-v6-c-banner--BackgroundColor", "value": "#ffcc17", "values": [ "--pf-v6-c-banner--m-warning--BackgroundColor", "--pf-t--global--color--status--warning--default", "--pf-t--global--color--status--warning--100", "--pf-t--color--yellow--30", "#ffcc17" ] }, "c_banner_Color": { "name": "--pf-v6-c-banner--Color", "value": "#151515", "values": [ "--pf-v6-c-banner--m-warning--Color", "--pf-t--global--text--color--status--on-warning--default", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] } }, ".pf-v6-c-banner.pf-m-info": { "c_banner_BackgroundColor": { "name": "--pf-v6-c-banner--BackgroundColor", "value": "#5e40be", "values": [ "--pf-v6-c-banner--m-info--BackgroundColor", "--pf-t--global--color--status--info--default", "--pf-t--global--color--status--info--100", "--pf-t--color--purple--50", "#5e40be" ] }, "c_banner_Color": { "name": "--pf-v6-c-banner--Color", "value": "#ffffff", "values": [ "--pf-v6-c-banner--m-info--Color", "--pf-t--global--text--color--status--on-info--default", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] } }, ".pf-v6-c-banner.pf-m-custom": { "c_banner_BackgroundColor": { "name": "--pf-v6-c-banner--BackgroundColor", "value": "#147878", "values": [ "--pf-v6-c-banner--m-custom--BackgroundColor", "--pf-t--global--color--status--custom--default", "--pf-t--global--color--status--custom--100", "--pf-t--color--teal--60", "#147878" ] }, "c_banner_Color": { "name": "--pf-v6-c-banner--Color", "value": "#ffffff", "values": [ "--pf-v6-c-banner--m-custom--Color", "--pf-t--global--text--color--status--on-custom--default", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] } }, ".pf-v6-c-banner.pf-m-red": { "c_banner_BackgroundColor": { "name": "--pf-v6-c-banner--BackgroundColor", "value": "#fbc5c5", "values": [ "--pf-v6-c-banner--m-red--BackgroundColor", "--pf-t--global--color--nonstatus--red--default", "--pf-t--global--color--nonstatus--red--100", "--pf-t--color--red--20", "#fbc5c5" ] }, "c_banner_Color": { "name": "--pf-v6-c-banner--Color", "value": "#151515", "values": [ "--pf-v6-c-banner--m-red--Color", "--pf-t--global--text--color--nonstatus--on-red--default", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] } }, ".pf-v6-c-banner.pf-m-orangered": { "c_banner_BackgroundColor": { "name": "--pf-v6-c-banner--BackgroundColor", "value": "#fbbea8", "values": [ "--pf-v6-c-banner--m-orangered--BackgroundColor", "--pf-t--global--color--nonstatus--orangered--default", "--pf-t--global--color--nonstatus--orangered--100", "--pf-t--color--red-orange--20", "#fbbea8" ] }, "c_banner_Color": { "name": "--pf-v6-c-banner--Color", "value": "#151515", "values": [ "--pf-v6-c-banner--m-orangered--Color", "--pf-t--global--text--color--nonstatus--on-orangered--default", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] } }, ".pf-v6-c-banner.pf-m-orange": { "c_banner_BackgroundColor": { "name": "--pf-v6-c-banner--BackgroundColor", "value": "#fccb8f", "values": [ "--pf-v6-c-banner--m-orange--BackgroundColor", "--pf-t--global--color--nonstatus--orange--default", "--pf-t--global--color--nonstatus--orange--100", "--pf-t--color--orange--20", "#fccb8f" ] }, "c_banner_Color": { "name": "--pf-v6-c-banner--Color", "value": "#151515", "values": [ "--pf-v6-c-banner--m-orange--Color", "--pf-t--global--text--color--nonstatus--on-orange--default", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] } }, ".pf-v6-c-banner.pf-m-yellow": { "c_banner_BackgroundColor": { "name": "--pf-v6-c-banner--BackgroundColor", "value": "#ffe072", "values": [ "--pf-v6-c-banner--m-yellow--BackgroundColor", "--pf-t--global--color--nonstatus--yellow--default", "--pf-t--global--color--nonstatus--yellow--100", "--pf-t--color--yellow--20", "#ffe072" ] }, "c_banner_Color": { "name": "--pf-v6-c-banner--Color", "value": "#151515", "values": [ "--pf-v6-c-banner--m-yellow--Color", "--pf-t--global--text--color--nonstatus--on-yellow--default", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] } }, ".pf-v6-c-banner.pf-m-green": { "c_banner_BackgroundColor": { "name": "--pf-v6-c-banner--BackgroundColor", "value": "#d1f1bb", "values": [ "--pf-v6-c-banner--m-green--BackgroundColor", "--pf-t--global--color--nonstatus--green--default", "--pf-t--global--color--nonstatus--green--100", "--pf-t--color--green--20", "#d1f1bb" ] }, "c_banner_Color": { "name": "--pf-v6-c-banner--Color", "value": "#151515", "values": [ "--pf-v6-c-banner--m-green--Color", "--pf-t--global--text--color--nonstatus--on-green--default", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] } }, ".pf-v6-c-banner.pf-m-teal": { "c_banner_BackgroundColor": { "name": "--pf-v6-c-banner--BackgroundColor", "value": "#b9e5e5", "values": [ "--pf-v6-c-banner--m-teal--BackgroundColor", "--pf-t--global--color--nonstatus--teal--default", "--pf-t--global--color--nonstatus--teal--100", "--pf-t--color--teal--20", "#b9e5e5" ] }, "c_banner_Color": { "name": "--pf-v6-c-banner--Color", "value": "#151515", "values": [ "--pf-v6-c-banner--m-teal--Color", "--pf-t--global--text--color--nonstatus--on-teal--default", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] } }, ".pf-v6-c-banner.pf-m-blue": { "c_banner_BackgroundColor": { "name": "--pf-v6-c-banner--BackgroundColor", "value": "#b9dafc", "values": [ "--pf-v6-c-banner--m-blue--BackgroundColor", "--pf-t--global--color--nonstatus--blue--default", "--pf-t--global--color--nonstatus--blue--100", "--pf-t--color--blue--20", "#b9dafc" ] }, "c_banner_Color": { "name": "--pf-v6-c-banner--Color", "value": "#151515", "values": [ "--pf-v6-c-banner--m-blue--Color", "--pf-t--global--text--color--nonstatus--on-blue--default", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] } }, ".pf-v6-c-banner.pf-m-purple": { "c_banner_BackgroundColor": { "name": "--pf-v6-c-banner--BackgroundColor", "value": "#d0c5f4", "values": [ "--pf-v6-c-banner--m-purple--BackgroundColor", "--pf-t--global--color--nonstatus--purple--default", "--pf-t--global--color--nonstatus--purple--100", "--pf-t--color--purple--20", "#d0c5f4" ] }, "c_banner_Color": { "name": "--pf-v6-c-banner--Color", "value": "#151515", "values": [ "--pf-v6-c-banner--m-purple--Color", "--pf-t--global--text--color--nonstatus--on-purple--default", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] } }, ".pf-v6-c-banner a:hover:not(.pf-m-disabled)": { "c_banner_link_Color": { "name": "--pf-v6-c-banner--link--Color", "value": "#151515", "values": [ "--pf-v6-c-banner--link--hover--Color", "--pf-v6-c-banner--Color", "--pf-t--global--text--color--nonstatus--on-gray--default", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] } }, ".pf-v6-c-banner a.pf-m-disabled": { "c_banner_link_Color": { "name": "--pf-v6-c-banner--link--Color", "value": "#a3a3a3", "values": [ "--pf-v6-c-banner--link--disabled--Color", "--pf-t--global--text--color--disabled", "--pf-t--global--color--disabled--200", "--pf-t--color--gray--40", "#a3a3a3" ] } }, ".pf-v6-c-banner .pf-v6-c-button.pf-m-inline": { "c_button_m_link_Color": { "name": "--pf-v6-c-button--m-link--Color", "value": "#151515", "values": [ "--pf-v6-c-banner--link--Color", "--pf-v6-c-banner--Color", "--pf-t--global--text--color--nonstatus--on-gray--default", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_button_m_link_hover_Color": { "name": "--pf-v6-c-button--m-link--hover--Color", "value": "#151515", "values": [ "--pf-v6-c-banner--link--hover--Color", "--pf-v6-c-banner--Color", "--pf-t--global--text--color--nonstatus--on-gray--default", "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_button_disabled_Color": { "name": "--pf-v6-c-button--disabled--Color", "value": "#a3a3a3", "values": [ "--pf-v6-c-banner--link--disabled--Color", "--pf-t--global--text--color--disabled", "--pf-t--global--color--disabled--200", "--pf-t--color--gray--40", "#a3a3a3" ] } } }; export default c_banner;