@patternfly/react-tokens

export const c_popover: { ".pf-v6-c-popover": { "c_popover_FontSize": { "name": "--pf-v6-c-popover--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_popover_MinWidth": { "name": "--pf-v6-c-popover--MinWidth", "value": "calc(1rem + 1rem + 18.75rem)", "values": [ "calc(--pf-v6-c-popover__content--PaddingInlineStart + --pf-v6-c-popover__content--PaddingInlineEnd + 18.75rem)", "calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + 18.75rem)", "calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + 18.75rem)", "calc(1rem + 1rem + 18.75rem)" ] }, "c_popover_MaxWidth": { "name": "--pf-v6-c-popover--MaxWidth", "value": "calc(1rem + 1rem + 18.75rem)", "values": [ "calc(--pf-v6-c-popover__content--PaddingInlineStart + --pf-v6-c-popover__content--PaddingInlineEnd + 18.75rem)", "calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + 18.75rem)", "calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + 18.75rem)", "calc(1rem + 1rem + 18.75rem)" ] }, "c_popover_BoxShadow": { "name": "--pf-v6-c-popover--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_popover_BorderRadius": { "name": "--pf-v6-c-popover--BorderRadius", "value": "16px", "values": [ "--pf-t--global--border--radius--medium", "--pf-t--global--border--radius--300", "16px" ] }, "c_popover_m_danger__title_icon_Color": { "name": "--pf-v6-c-popover--m-danger__title-icon--Color", "value": "#b1380b", "values": [ "--pf-t--global--icon--color--status--danger--default", "--pf-t--global--color--status--danger--default", "--pf-t--global--color--status--danger--100", "--pf-t--color--red-orange--60", "#b1380b" ] }, "c_popover_m_warning__title_icon_Color": { "name": "--pf-v6-c-popover--m-warning__title-icon--Color", "value": "#dca614", "values": [ "--pf-t--global--icon--color--status--warning--default", "--pf-t--global--color--status--warning--200", "--pf-t--color--yellow--40", "#dca614" ] }, "c_popover_m_success__title_icon_Color": { "name": "--pf-v6-c-popover--m-success__title-icon--Color", "value": "#3d7317", "values": [ "--pf-t--global--icon--color--status--success--default", "--pf-t--global--color--status--success--default", "--pf-t--global--color--status--success--100", "--pf-t--color--green--60", "#3d7317" ] }, "c_popover_m_info__title_icon_Color": { "name": "--pf-v6-c-popover--m-info__title-icon--Color", "value": "#5e40be", "values": [ "--pf-t--global--icon--color--status--info--default", "--pf-t--global--color--status--info--default", "--pf-t--global--color--status--info--100", "--pf-t--color--purple--50", "#5e40be" ] }, "c_popover_m_custom__title_icon_Color": { "name": "--pf-v6-c-popover--m-custom__title-icon--Color", "value": "#147878", "values": [ "--pf-t--global--icon--color--status--custom--default", "--pf-t--global--color--status--custom--default", "--pf-t--global--color--status--custom--100", "--pf-t--color--teal--60", "#147878" ] }, "c_popover__content_BackgroundColor": { "name": "--pf-v6-c-popover__content--BackgroundColor", "value": "#ffffff", "values": [ "--pf-t--global--background--color--floating--default", "--pf-t--global--background--color--100", "--pf-t--color--white", "#ffffff" ] }, "c_popover__content_PaddingBlockStart": { "name": "--pf-v6-c-popover__content--PaddingBlockStart", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_popover__content_PaddingInlineEnd": { "name": "--pf-v6-c-popover__content--PaddingInlineEnd", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_popover__content_PaddingBlockEnd": { "name": "--pf-v6-c-popover__content--PaddingBlockEnd", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_popover__content_PaddingInlineStart": { "name": "--pf-v6-c-popover__content--PaddingInlineStart", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_popover__content_BorderRadius": { "name": "--pf-v6-c-popover__content--BorderRadius", "value": "16px", "values": [ "--pf-t--global--border--radius--medium", "--pf-t--global--border--radius--300", "16px" ] }, "c_popover__arrow_Width": { "name": "--pf-v6-c-popover__arrow--Width", "value": "0.9375rem" }, "c_popover__arrow_Height": { "name": "--pf-v6-c-popover__arrow--Height", "value": "0.9375rem" }, "c_popover__arrow_BoxShadow": { "name": "--pf-v6-c-popover__arrow--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_popover__arrow_BackgroundColor": { "name": "--pf-v6-c-popover__arrow--BackgroundColor", "value": "#ffffff", "values": [ "--pf-t--global--background--color--floating--default", "--pf-t--global--background--color--100", "--pf-t--color--white", "#ffffff" ] }, "c_popover__arrow_m_top_TranslateX": { "name": "--pf-v6-c-popover__arrow--m-top--TranslateX", "value": "-50%" }, "c_popover__arrow_m_top_TranslateY": { "name": "--pf-v6-c-popover__arrow--m-top--TranslateY", "value": "50%" }, "c_popover__arrow_m_top_Rotate": { "name": "--pf-v6-c-popover__arrow--m-top--Rotate", "value": "45deg" }, "c_popover__arrow_m_right_TranslateX": { "name": "--pf-v6-c-popover__arrow--m-right--TranslateX", "value": "-50%" }, "c_popover__arrow_m_right_TranslateY": { "name": "--pf-v6-c-popover__arrow--m-right--TranslateY", "value": "-50%" }, "c_popover__arrow_m_right_Rotate": { "name": "--pf-v6-c-popover__arrow--m-right--Rotate", "value": "45deg" }, "c_popover__arrow_m_bottom_TranslateX": { "name": "--pf-v6-c-popover__arrow--m-bottom--TranslateX", "value": "-50%" }, "c_popover__arrow_m_bottom_TranslateY": { "name": "--pf-v6-c-popover__arrow--m-bottom--TranslateY", "value": "-50%" }, "c_popover__arrow_m_bottom_Rotate": { "name": "--pf-v6-c-popover__arrow--m-bottom--Rotate", "value": "45deg" }, "c_popover__arrow_m_left_TranslateX": { "name": "--pf-v6-c-popover__arrow--m-left--TranslateX", "value": "50%" }, "c_popover__arrow_m_left_TranslateY": { "name": "--pf-v6-c-popover__arrow--m-left--TranslateY", "value": "-50%" }, "c_popover__arrow_m_left_Rotate": { "name": "--pf-v6-c-popover__arrow--m-left--Rotate", "value": "45deg" }, "c_popover__arrow_m_inline_top_InsetBlockStart": { "name": "--pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart", "value": "16px", "values": [ "--pf-t--global--border--radius--medium", "--pf-t--global--border--radius--300", "16px" ] }, "c_popover__arrow_m_inline_bottom_InsetBlockEnd": { "name": "--pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd", "value": "16px", "values": [ "--pf-t--global--border--radius--medium", "--pf-t--global--border--radius--300", "16px" ] }, "c_popover__arrow_m_block_left_InsetInlineStart": { "name": "--pf-v6-c-popover__arrow--m-block-left--InsetInlineStart", "value": "16px", "values": [ "--pf-t--global--border--radius--medium", "--pf-t--global--border--radius--300", "16px" ] }, "c_popover__arrow_m_block_right_InsetInlineEnd": { "name": "--pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd", "value": "16px", "values": [ "--pf-t--global--border--radius--medium", "--pf-t--global--border--radius--300", "16px" ] }, "c_popover__close_InsetBlockStart": { "name": "--pf-v6-c-popover__close--InsetBlockStart", "value": "calc(1rem - 0.5rem)", "values": [ "calc(--pf-v6-c-popover__content--PaddingBlockStart - --pf-t--global--spacer--control--vertical--default)", "calc(--pf-t--global--spacer--md - --pf-t--global--spacer--sm)", "calc(--pf-t--global--spacer--300 - --pf-t--global--spacer--200)", "calc(1rem - 0.5rem)" ] }, "c_popover__close_InsetInlineEnd": { "name": "--pf-v6-c-popover__close--InsetInlineEnd", "value": "1rem", "values": [ "--pf-v6-c-popover__content--PaddingInlineEnd", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_popover__close_sibling_PaddingInlineEnd": { "name": "--pf-v6-c-popover__close--sibling--PaddingInlineEnd", "value": "3rem", "values": [ "--pf-t--global--spacer--2xl", "--pf-t--global--spacer--600", "3rem" ] }, "c_popover__header_MarginBlockEnd": { "name": "--pf-v6-c-popover__header--MarginBlockEnd", "value": "0.5rem", "values": [ "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_popover__title_text_Color": { "name": "--pf-v6-c-popover__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_popover__title_text_FontWeight": { "name": "--pf-v6-c-popover__title-text--FontWeight", "value": "500", "values": [ "--pf-t--global--font--weight--body--bold", "--pf-t--global--font--weight--200", "500" ] }, "c_popover__title_text_FontSize": { "name": "--pf-v6-c-popover__title-text--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_popover__title_icon_MarginInlineEnd": { "name": "--pf-v6-c-popover__title-icon--MarginInlineEnd", "value": "0.5rem", "values": [ "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_popover__title_icon_Color": { "name": "--pf-v6-c-popover__title-icon--Color", "value": "#1f1f1f", "values": [ "--pf-t--global--icon--color--regular", "--pf-t--global--icon--color--100", "--pf-t--color--gray--90", "#1f1f1f" ] }, "c_popover__title_icon_FontSize": { "name": "--pf-v6-c-popover__title-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_popover__footer_MarginBlockStart": { "name": "--pf-v6-c-popover__footer--MarginBlockStart", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] } }, ".pf-v6-c-popover.pf-m-no-padding": { "c_popover__content_PaddingBlockStart": { "name": "--pf-v6-c-popover__content--PaddingBlockStart", "value": "0px" }, "c_popover__content_PaddingInlineEnd": { "name": "--pf-v6-c-popover__content--PaddingInlineEnd", "value": "0px" }, "c_popover__content_PaddingBlockEnd": { "name": "--pf-v6-c-popover__content--PaddingBlockEnd", "value": "0px" }, "c_popover__content_PaddingInlineStart": { "name": "--pf-v6-c-popover__content--PaddingInlineStart", "value": "0px" } }, ".pf-v6-c-popover.pf-m-width-auto": { "c_popover_MinWidth": { "name": "--pf-v6-c-popover--MinWidth", "value": "auto" }, "c_popover_MaxWidth": { "name": "--pf-v6-c-popover--MaxWidth", "value": "none" } }, ".pf-v6-c-popover:is(.pf-m-top,\n.pf-m-top-left,\n.pf-m-top-right)": { "c_popover__arrow_InsetBlockEnd": { "name": "--pf-v6-c-popover__arrow--InsetBlockEnd", "value": "undefined, 0", "values": [ "var(--pf-v6-c-popover--m-top--InsetBlockEnd, 0)", "undefined, 0" ] }, "c_popover__arrow_InsetInlineStart": { "name": "--pf-v6-c-popover__arrow--InsetInlineStart", "value": "undefined, 50%", "values": [ "var(--pf-v6-c-popover--m-top--InsetInlineStart, 50%)", "undefined, 50%" ] }, "c_popover__arrow_TranslateX": { "name": "--pf-v6-c-popover__arrow--TranslateX", "value": "-50%", "values": [ "--pf-v6-c-popover__arrow--m-top--TranslateX", "-50%" ] }, "c_popover__arrow_TranslateY": { "name": "--pf-v6-c-popover__arrow--TranslateY", "value": "50%", "values": [ "--pf-v6-c-popover__arrow--m-top--TranslateY", "50%" ] }, "c_popover__arrow_Rotate": { "name": "--pf-v6-c-popover__arrow--Rotate", "value": "45deg", "values": [ "--pf-v6-c-popover__arrow--m-top--Rotate", "45deg" ] } }, ".pf-v6-c-popover:is(.pf-m-bottom,\n.pf-m-bottom-left,\n.pf-m-bottom-right)": { "c_popover__arrow_InsetBlockStart": { "name": "--pf-v6-c-popover__arrow--InsetBlockStart", "value": "undefined, 0", "values": [ "var(--pf-v6-c-popover--m-bottom--InsetBlockStart, 0)", "undefined, 0" ] }, "c_popover__arrow_InsetInlineStart": { "name": "--pf-v6-c-popover__arrow--InsetInlineStart", "value": "undefined, 50%", "values": [ "var(--pf-v6-c-popover--m-bottom--InsetInlineStart, 50%)", "undefined, 50%" ] }, "c_popover__arrow_TranslateX": { "name": "--pf-v6-c-popover__arrow--TranslateX", "value": "-50%", "values": [ "--pf-v6-c-popover__arrow--m-bottom--TranslateX", "-50%" ] }, "c_popover__arrow_TranslateY": { "name": "--pf-v6-c-popover__arrow--TranslateY", "value": "-50%", "values": [ "--pf-v6-c-popover__arrow--m-bottom--TranslateY", "-50%" ] }, "c_popover__arrow_Rotate": { "name": "--pf-v6-c-popover__arrow--Rotate", "value": "45deg", "values": [ "--pf-v6-c-popover__arrow--m-bottom--Rotate", "45deg" ] } }, ".pf-v6-c-popover:is(.pf-m-left,\n.pf-m-left-top,\n.pf-m-left-bottom)": { "c_popover__arrow_InsetBlockStart": { "name": "--pf-v6-c-popover__arrow--InsetBlockStart", "value": "undefined, 50%", "values": [ "var(--pf-v6-c-popover--m-left--InsetBlockStart, 50%)", "undefined, 50%" ] }, "c_popover__arrow_InsetInlineEnd": { "name": "--pf-v6-c-popover__arrow--InsetInlineEnd", "value": "undefined, 0", "values": [ "var(--pf-v6-c-popover--m-left--InsetInlineEnd, 0)", "undefined, 0" ] }, "c_popover__arrow_TranslateX": { "name": "--pf-v6-c-popover__arrow--TranslateX", "value": "50%", "values": [ "--pf-v6-c-popover__arrow--m-left--TranslateX", "50%" ] }, "c_popover__arrow_TranslateY": { "name": "--pf-v6-c-popover__arrow--TranslateY", "value": "-50%", "values": [ "--pf-v6-c-popover__arrow--m-left--TranslateY", "-50%" ] }, "c_popover__arrow_Rotate": { "name": "--pf-v6-c-popover__arrow--Rotate", "value": "45deg", "values": [ "--pf-v6-c-popover__arrow--m-left--Rotate", "45deg" ] } }, ".pf-v6-c-popover:is(.pf-m-right,\n.pf-m-right-top,\n.pf-m-right-bottom)": { "c_popover__arrow_InsetBlockStart": { "name": "--pf-v6-c-popover__arrow--InsetBlockStart", "value": "undefined, 50%", "values": [ "var(--pf-v6-c-popover--m-right--InsetBlockStart, 50%)", "undefined, 50%" ] }, "c_popover__arrow_InsetInlineStart": { "name": "--pf-v6-c-popover__arrow--InsetInlineStart", "value": "undefined, 0", "values": [ "var(--pf-v6-c-popover--m-right--InsetInlineStart, 0)", "undefined, 0" ] }, "c_popover__arrow_TranslateX": { "name": "--pf-v6-c-popover__arrow--TranslateX", "value": "-50%", "values": [ "--pf-v6-c-popover__arrow--m-right--TranslateX", "-50%" ] }, "c_popover__arrow_TranslateY": { "name": "--pf-v6-c-popover__arrow--TranslateY", "value": "-50%", "values": [ "--pf-v6-c-popover__arrow--m-right--TranslateY", "-50%" ] }, "c_popover__arrow_Rotate": { "name": "--pf-v6-c-popover__arrow--Rotate", "value": "45deg", "values": [ "--pf-v6-c-popover__arrow--m-right--Rotate", "45deg" ] } }, ".pf-v6-c-popover:is(.pf-m-left-top,\n.pf-m-right-top)": { "c_popover__arrow_InsetBlockStart": { "name": "--pf-v6-c-popover__arrow--InsetBlockStart", "value": "16px", "values": [ "--pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart", "--pf-t--global--border--radius--medium", "--pf-t--global--border--radius--300", "16px" ] }, "c_popover__arrow_TranslateY": { "name": "--pf-v6-c-popover__arrow--TranslateY", "value": "50%", "values": [ "--pf-v6-c-popover__arrow--m-top--TranslateY", "50%" ] } }, ".pf-v6-c-popover:is(.pf-m-left-bottom,\n.pf-m-right-bottom)": { "c_popover__arrow_InsetBlockStart": { "name": "--pf-v6-c-popover__arrow--InsetBlockStart", "value": "auto" }, "c_popover__arrow_InsetBlockEnd": { "name": "--pf-v6-c-popover__arrow--InsetBlockEnd", "value": "16px", "values": [ "--pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd", "--pf-t--global--border--radius--medium", "--pf-t--global--border--radius--300", "16px" ] } }, ".pf-v6-c-popover:is(.pf-m-top-left,\n.pf-m-bottom-left)": { "c_popover__arrow_InsetInlineStart": { "name": "--pf-v6-c-popover__arrow--InsetInlineStart", "value": "16px", "values": [ "--pf-v6-c-popover__arrow--m-block-left--InsetInlineStart", "--pf-t--global--border--radius--medium", "--pf-t--global--border--radius--300", "16px" ] }, "c_popover__arrow_TranslateX": { "name": "--pf-v6-c-popover__arrow--TranslateX", "value": "50%", "values": [ "--pf-v6-c-popover__arrow--m-left--TranslateX", "50%" ] } }, ".pf-v6-c-popover:is(.pf-m-top-right,\n.pf-m-bottom-right)": { "c_popover__arrow_InsetInlineEnd": { "name": "--pf-v6-c-popover__arrow--InsetInlineEnd", "value": "16px", "values": [ "--pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd", "--pf-t--global--border--radius--medium", "--pf-t--global--border--radius--300", "16px" ] }, "c_popover__arrow_InsetInlineStart": { "name": "--pf-v6-c-popover__arrow--InsetInlineStart", "value": "auto" } }, ".pf-v6-c-popover.pf-m-danger": { "c_popover__title_icon_Color": { "name": "--pf-v6-c-popover__title-icon--Color", "value": "#b1380b", "values": [ "--pf-v6-c-popover--m-danger__title-icon--Color", "--pf-t--global--icon--color--status--danger--default", "--pf-t--global--color--status--danger--default", "--pf-t--global--color--status--danger--100", "--pf-t--color--red-orange--60", "#b1380b" ] } }, ".pf-v6-c-popover.pf-m-warning": { "c_popover__title_icon_Color": { "name": "--pf-v6-c-popover__title-icon--Color", "value": "#dca614", "values": [ "--pf-v6-c-popover--m-warning__title-icon--Color", "--pf-t--global--icon--color--status--warning--default", "--pf-t--global--color--status--warning--200", "--pf-t--color--yellow--40", "#dca614" ] } }, ".pf-v6-c-popover.pf-m-success": { "c_popover__title_icon_Color": { "name": "--pf-v6-c-popover__title-icon--Color", "value": "#3d7317", "values": [ "--pf-v6-c-popover--m-success__title-icon--Color", "--pf-t--global--icon--color--status--success--default", "--pf-t--global--color--status--success--default", "--pf-t--global--color--status--success--100", "--pf-t--color--green--60", "#3d7317" ] } }, ".pf-v6-c-popover.pf-m-custom": { "c_popover__title_icon_Color": { "name": "--pf-v6-c-popover__title-icon--Color", "value": "#147878", "values": [ "--pf-v6-c-popover--m-custom__title-icon--Color", "--pf-t--global--icon--color--status--custom--default", "--pf-t--global--color--status--custom--default", "--pf-t--global--color--status--custom--100", "--pf-t--color--teal--60", "#147878" ] } }, ".pf-v6-c-popover.pf-m-info": { "c_popover__title_icon_Color": { "name": "--pf-v6-c-popover__title-icon--Color", "value": "#5e40be", "values": [ "--pf-v6-c-popover--m-info__title-icon--Color", "--pf-t--global--icon--color--status--info--default", "--pf-t--global--color--status--info--default", "--pf-t--global--color--status--info--100", "--pf-t--color--purple--50", "#5e40be" ] } } }; export default c_popover;