@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
638 lines • 20.3 kB
JavaScript
export const c_empty_state = {
".pf-v6-c-empty-state": {
"c_empty_state_PaddingBlockStart": {
"name": "--pf-v6-c-empty-state--PaddingBlockStart",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_empty_state_PaddingInlineEnd": {
"name": "--pf-v6-c-empty-state--PaddingInlineEnd",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_empty_state_PaddingBlockEnd": {
"name": "--pf-v6-c-empty-state--PaddingBlockEnd",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_empty_state_PaddingInlineStart": {
"name": "--pf-v6-c-empty-state--PaddingInlineStart",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_empty_state_m_xs_PaddingBlockStart": {
"name": "--pf-v6-c-empty-state--m-xs--PaddingBlockStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_empty_state_m_xs_PaddingInlineEnd": {
"name": "--pf-v6-c-empty-state--m-xs--PaddingInlineEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_empty_state_m_xs_PaddingBlockEnd": {
"name": "--pf-v6-c-empty-state--m-xs--PaddingBlockEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_empty_state_m_xs_PaddingInlineStart": {
"name": "--pf-v6-c-empty-state--m-xs--PaddingInlineStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_empty_state__content_MaxWidth": {
"name": "--pf-v6-c-empty-state__content--MaxWidth",
"value": "none"
},
"c_empty_state_m_xs__content_MaxWidth": {
"name": "--pf-v6-c-empty-state--m-xs__content--MaxWidth",
"value": "21.875rem"
},
"c_empty_state_m_sm__content_MaxWidth": {
"name": "--pf-v6-c-empty-state--m-sm__content--MaxWidth",
"value": "25rem"
},
"c_empty_state_m_lg__content_MaxWidth": {
"name": "--pf-v6-c-empty-state--m-lg__content--MaxWidth",
"value": "37.5rem"
},
"c_empty_state__icon_MarginBlockEnd": {
"name": "--pf-v6-c-empty-state__icon--MarginBlockEnd",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_empty_state__icon_FontSize": {
"name": "--pf-v6-c-empty-state__icon--FontSize",
"value": "3.5rem",
"values": [
"--pf-t--global--icon--size--2xl",
"--pf-t--global--icon--size--400",
"3.5rem"
]
},
"c_empty_state__icon_Color": {
"name": "--pf-v6-c-empty-state__icon--Color",
"value": "#707070",
"values": [
"--pf-t--global--icon--color--subtle",
"--pf-t--global--icon--color--200",
"--pf-t--color--gray--50",
"#707070"
]
},
"c_empty_state_m_xs__icon_MarginBlockEnd": {
"name": "--pf-v6-c-empty-state--m-xs__icon--MarginBlockEnd",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_empty_state_m_xl__icon_MarginBlockEnd": {
"name": "--pf-v6-c-empty-state--m-xl__icon--MarginBlockEnd",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_empty_state_m_xl__icon_FontSize": {
"name": "--pf-v6-c-empty-state--m-xl__icon--FontSize",
"value": "6rem",
"values": [
"--pf-t--global--icon--size--3xl",
"--pf-t--global--icon--size--500",
"6rem"
]
},
"c_empty_state_m_danger__icon_Color": {
"name": "--pf-v6-c-empty-state--m-danger__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_empty_state_m_warning__icon_Color": {
"name": "--pf-v6-c-empty-state--m-warning__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_empty_state_m_success__icon_Color": {
"name": "--pf-v6-c-empty-state--m-success__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_empty_state_m_info__icon_Color": {
"name": "--pf-v6-c-empty-state--m-info__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_empty_state_m_custom__icon_Color": {
"name": "--pf-v6-c-empty-state--m-custom__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_empty_state__title_text_FontFamily": {
"name": "--pf-v6-c-empty-state__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_empty_state__title_text_FontSize": {
"name": "--pf-v6-c-empty-state__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_empty_state__title_text_FontWeight": {
"name": "--pf-v6-c-empty-state__title-text--FontWeight",
"value": "500",
"values": [
"--pf-t--global--font--weight--heading--default",
"--pf-t--global--font--weight--300",
"500"
]
},
"c_empty_state__title_text_LineHeight": {
"name": "--pf-v6-c-empty-state__title-text--LineHeight",
"value": "1.3",
"values": [
"--pf-t--global--font--line-height--heading",
"--pf-t--global--font--line-height--100",
"1.3"
]
},
"c_empty_state_m_xs__title_text_FontSize": {
"name": "--pf-v6-c-empty-state--m-xs__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_empty_state_m_xl__title_text_FontSize": {
"name": "--pf-v6-c-empty-state--m-xl__title-text--FontSize",
"value": "2.25rem",
"values": [
"--pf-t--global--font--size--heading--2xl",
"--pf-t--global--font--size--4xl",
"--pf-t--global--font--size--800",
"2.25rem"
]
},
"c_empty_state_m_xl__title_text_LineHeight": {
"name": "--pf-v6-c-empty-state--m-xl__title-text--LineHeight",
"value": "1.3",
"values": [
"--pf-t--global--font--line-height--heading",
"--pf-t--global--font--line-height--100",
"1.3"
]
},
"c_empty_state__body_MarginBlockStart": {
"name": "--pf-v6-c-empty-state__body--MarginBlockStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_empty_state__body_Color": {
"name": "--pf-v6-c-empty-state__body--Color",
"value": "#4d4d4d",
"values": [
"--pf-t--global--text--color--subtle",
"--pf-t--global--text--color--200",
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"c_empty_state_body_FontSize": {
"name": "--pf-v6-c-empty-state--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_empty_state_m_xs__body_FontSize": {
"name": "--pf-v6-c-empty-state--m-xs__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_empty_state_m_xs__body_MarginBlockStart": {
"name": "--pf-v6-c-empty-state--m-xs__body--MarginBlockStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_empty_state_m_xl__body_FontSize": {
"name": "--pf-v6-c-empty-state--m-xl__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_empty_state_m_xl__body_MarginBlockStart": {
"name": "--pf-v6-c-empty-state--m-xl__body--MarginBlockStart",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_empty_state__footer_RowGap": {
"name": "--pf-v6-c-empty-state__footer--RowGap",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--gap--group-to-group--vertical--default",
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_empty_state__footer_MarginBlockStart": {
"name": "--pf-v6-c-empty-state__footer--MarginBlockStart",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_empty_state_m_xs__footer_MarginBlockStart": {
"name": "--pf-v6-c-empty-state--m-xs__footer--MarginBlockStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_empty_state__actions_RowGap": {
"name": "--pf-v6-c-empty-state__actions--RowGap",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--gap--group--vertical",
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_empty_state__actions_ColumnGap": {
"name": "--pf-v6-c-empty-state__actions--ColumnGap",
"value": "1rem",
"values": [
"--pf-t--global--spacer--gap--action-to-action--default",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
}
},
".pf-v6-c-empty-state.pf-m-xs": {
"c_empty_state_PaddingBlockStart": {
"name": "--pf-v6-c-empty-state--PaddingBlockStart",
"value": "1rem",
"values": [
"--pf-v6-c-empty-state--m-xs--PaddingBlockStart",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_empty_state_PaddingInlineEnd": {
"name": "--pf-v6-c-empty-state--PaddingInlineEnd",
"value": "1rem",
"values": [
"--pf-v6-c-empty-state--m-xs--PaddingInlineEnd",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_empty_state_PaddingBlockEnd": {
"name": "--pf-v6-c-empty-state--PaddingBlockEnd",
"value": "1rem",
"values": [
"--pf-v6-c-empty-state--m-xs--PaddingBlockEnd",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_empty_state_PaddingInlineStart": {
"name": "--pf-v6-c-empty-state--PaddingInlineStart",
"value": "1rem",
"values": [
"--pf-v6-c-empty-state--m-xs--PaddingInlineStart",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_empty_state__title_text_FontSize": {
"name": "--pf-v6-c-empty-state__title-text--FontSize",
"value": "1rem",
"values": [
"--pf-v6-c-empty-state--m-xs__title-text--FontSize",
"--pf-t--global--font--size--heading--xs",
"--pf-t--global--font--size--md",
"--pf-t--global--font--size--300",
"1rem"
]
},
"c_empty_state__content_MaxWidth": {
"name": "--pf-v6-c-empty-state__content--MaxWidth",
"value": "21.875rem",
"values": [
"--pf-v6-c-empty-state--m-xs__content--MaxWidth",
"21.875rem"
]
},
"c_empty_state__icon_MarginBlockEnd": {
"name": "--pf-v6-c-empty-state__icon--MarginBlockEnd",
"value": "1.5rem",
"values": [
"--pf-v6-c-empty-state--m-xs__icon--MarginBlockEnd",
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_empty_state__body_MarginBlockStart": {
"name": "--pf-v6-c-empty-state__body--MarginBlockStart",
"value": "1rem",
"values": [
"--pf-v6-c-empty-state--m-xs__body--MarginBlockStart",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_empty_state_body_FontSize": {
"name": "--pf-v6-c-empty-state--body--FontSize",
"value": "1rem",
"values": [
"--pf-v6-c-empty-state--m-xs__body--FontSize",
"--pf-t--global--font--size--body--lg",
"--pf-t--global--font--size--md",
"--pf-t--global--font--size--300",
"1rem"
]
},
"c_empty_state__footer_MarginBlockStart": {
"name": "--pf-v6-c-empty-state__footer--MarginBlockStart",
"value": "1rem",
"values": [
"--pf-v6-c-empty-state--m-xs__footer--MarginBlockStart",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
}
},
".pf-v6-c-empty-state.pf-m-sm": {
"c_empty_state__content_MaxWidth": {
"name": "--pf-v6-c-empty-state__content--MaxWidth",
"value": "25rem",
"values": [
"--pf-v6-c-empty-state--m-sm__content--MaxWidth",
"25rem"
]
}
},
".pf-v6-c-empty-state.pf-m-lg": {
"c_empty_state__content_MaxWidth": {
"name": "--pf-v6-c-empty-state__content--MaxWidth",
"value": "37.5rem",
"values": [
"--pf-v6-c-empty-state--m-lg__content--MaxWidth",
"37.5rem"
]
}
},
".pf-v6-c-empty-state.pf-m-xl": {
"c_empty_state__body_MarginBlockStart": {
"name": "--pf-v6-c-empty-state__body--MarginBlockStart",
"value": "2rem",
"values": [
"--pf-v6-c-empty-state--m-xl__body--MarginBlockStart",
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_empty_state_body_FontSize": {
"name": "--pf-v6-c-empty-state--body--FontSize",
"value": "1rem",
"values": [
"--pf-v6-c-empty-state--m-xl__body--FontSize",
"--pf-t--global--font--size--body--lg",
"--pf-t--global--font--size--md",
"--pf-t--global--font--size--300",
"1rem"
]
},
"c_empty_state__icon_MarginBlockEnd": {
"name": "--pf-v6-c-empty-state__icon--MarginBlockEnd",
"value": "2rem",
"values": [
"--pf-v6-c-empty-state--m-xl__icon--MarginBlockEnd",
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_empty_state__icon_FontSize": {
"name": "--pf-v6-c-empty-state__icon--FontSize",
"value": "6rem",
"values": [
"--pf-v6-c-empty-state--m-xl__icon--FontSize",
"--pf-t--global--icon--size--3xl",
"--pf-t--global--icon--size--500",
"6rem"
]
},
"c_empty_state__title_text_FontSize": {
"name": "--pf-v6-c-empty-state__title-text--FontSize",
"value": "2.25rem",
"values": [
"--pf-v6-c-empty-state--m-xl__title-text--FontSize",
"--pf-t--global--font--size--heading--2xl",
"--pf-t--global--font--size--4xl",
"--pf-t--global--font--size--800",
"2.25rem"
]
},
"c_empty_state__title_text_LineHeight": {
"name": "--pf-v6-c-empty-state__title-text--LineHeight",
"value": "1.3",
"values": [
"--pf-v6-c-empty-state--m-xl__title-text--LineHeight",
"--pf-t--global--font--line-height--heading",
"--pf-t--global--font--line-height--100",
"1.3"
]
}
},
".pf-v6-c-empty-state.pf-m-danger": {
"c_empty_state__icon_Color": {
"name": "--pf-v6-c-empty-state__icon--Color",
"value": "#b1380b",
"values": [
"--pf-v6-c-empty-state--m-danger__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-empty-state.pf-m-warning": {
"c_empty_state__icon_Color": {
"name": "--pf-v6-c-empty-state__icon--Color",
"value": "#dca614",
"values": [
"--pf-v6-c-empty-state--m-warning__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-empty-state.pf-m-success": {
"c_empty_state__icon_Color": {
"name": "--pf-v6-c-empty-state__icon--Color",
"value": "#3d7317",
"values": [
"--pf-v6-c-empty-state--m-success__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-empty-state.pf-m-info": {
"c_empty_state__icon_Color": {
"name": "--pf-v6-c-empty-state__icon--Color",
"value": "#5e40be",
"values": [
"--pf-v6-c-empty-state--m-info__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"
]
}
},
".pf-v6-c-empty-state.pf-m-custom": {
"c_empty_state__icon_Color": {
"name": "--pf-v6-c-empty-state__icon--Color",
"value": "#147878",
"values": [
"--pf-v6-c-empty-state--m-custom__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"
]
}
}
};
export default c_empty_state;