package.dist.esm.c_empty_state.js Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of react-tokens Show documentation
Show all versions of react-tokens Show documentation
This library provides access to the design tokens of PatternFly 4 from JavaScript
export const c_empty_state = {
".pf-v5-c-empty-state": {
"c_empty_state_PaddingTop": {
"name": "--pf-v5-c-empty-state--PaddingTop",
"value": "2rem",
"values": [
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_empty_state_PaddingRight": {
"name": "--pf-v5-c-empty-state--PaddingRight",
"value": "2rem",
"values": [
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_empty_state_PaddingBottom": {
"name": "--pf-v5-c-empty-state--PaddingBottom",
"value": "2rem",
"values": [
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_empty_state_PaddingLeft": {
"name": "--pf-v5-c-empty-state--PaddingLeft",
"value": "2rem",
"values": [
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_empty_state_m_xs_PaddingTop": {
"name": "--pf-v5-c-empty-state--m-xs--PaddingTop",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_empty_state_m_xs_PaddingRight": {
"name": "--pf-v5-c-empty-state--m-xs--PaddingRight",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_empty_state_m_xs_PaddingBottom": {
"name": "--pf-v5-c-empty-state--m-xs--PaddingBottom",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_empty_state_m_xs_PaddingLeft": {
"name": "--pf-v5-c-empty-state--m-xs--PaddingLeft",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_empty_state__content_MaxWidth": {
"name": "--pf-v5-c-empty-state__content--MaxWidth",
"value": "none"
},
"c_empty_state_m_xs__content_MaxWidth": {
"name": "--pf-v5-c-empty-state--m-xs__content--MaxWidth",
"value": "21.875rem"
},
"c_empty_state_m_sm__content_MaxWidth": {
"name": "--pf-v5-c-empty-state--m-sm__content--MaxWidth",
"value": "25rem"
},
"c_empty_state_m_lg__content_MaxWidth": {
"name": "--pf-v5-c-empty-state--m-lg__content--MaxWidth",
"value": "37.5rem"
},
"c_empty_state__icon_MarginBottom": {
"name": "--pf-v5-c-empty-state__icon--MarginBottom",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_empty_state__icon_FontSize": {
"name": "--pf-v5-c-empty-state__icon--FontSize",
"value": "3.375rem",
"values": [
"--pf-v5-global--icon--FontSize--xl",
"$pf-v5-global--icon--FontSize--xl",
"pf-font-prem(54px)",
"3.375rem"
]
},
"c_empty_state__icon_Color": {
"name": "--pf-v5-c-empty-state__icon--Color",
"value": "#6a6e73",
"values": [
"--pf-v5-global--icon--Color--light",
"$pf-v5-global--icon--Color--light",
"$pf-v5-color-black-600",
"#6a6e73"
]
},
"c_empty_state_m_xs__icon_MarginBottom": {
"name": "--pf-v5-c-empty-state--m-xs__icon--MarginBottom",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_empty_state_m_xl__icon_MarginBottom": {
"name": "--pf-v5-c-empty-state--m-xl__icon--MarginBottom",
"value": "2rem",
"values": [
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_empty_state_m_xl__icon_FontSize": {
"name": "--pf-v5-c-empty-state--m-xl__icon--FontSize",
"value": "6.25rem"
},
"c_empty_state__title_text_FontFamily": {
"name": "--pf-v5-c-empty-state__title-text--FontFamily",
"value": "'\"RedHatDisplay\", helvetica, arial, sans-serif'",
"values": [
"--pf-v5-global--FontFamily--heading",
"$pf-v5-global--FontFamily--heading",
"'\"RedHatDisplay\", helvetica, arial, sans-serif'"
]
},
"c_empty_state__title_text_FontSize": {
"name": "--pf-v5-c-empty-state__title-text--FontSize",
"value": "1.25rem",
"values": [
"--pf-v5-global--FontSize--xl",
"$pf-v5-global--FontSize--xl",
"pf-font-prem(20px)",
"1.25rem"
]
},
"c_empty_state__title_text_FontWeight": {
"name": "--pf-v5-c-empty-state__title-text--FontWeight",
"value": "400",
"values": [
"--pf-v5-global--FontWeight--normal",
"$pf-v5-global--FontWeight--normal",
"400"
]
},
"c_empty_state__title_text_LineHeight": {
"name": "--pf-v5-c-empty-state__title-text--LineHeight",
"value": "1.5",
"values": [
"--pf-v5-global--LineHeight--md",
"$pf-v5-global--LineHeight--md",
"1.5"
]
},
"c_empty_state_m_xs__title_text_FontSize": {
"name": "--pf-v5-c-empty-state--m-xs__title-text--FontSize",
"value": "1rem",
"values": [
"--pf-v5-global--FontSize--md",
"$pf-v5-global--FontSize--md",
"pf-font-prem(16px)",
"1rem"
]
},
"c_empty_state_m_xl__title_text_FontSize": {
"name": "--pf-v5-c-empty-state--m-xl__title-text--FontSize",
"value": "2.25rem",
"values": [
"--pf-v5-global--FontSize--4xl",
"$pf-v5-global--FontSize--4xl",
"pf-font-prem(36px)",
"2.25rem"
]
},
"c_empty_state_m_xl__title_text_LineHeight": {
"name": "--pf-v5-c-empty-state--m-xl__title-text--LineHeight",
"value": "1.3",
"values": [
"--pf-v5-global--LineHeight--sm",
"$pf-v5-global--LineHeight--sm",
"1.3"
]
},
"c_empty_state__body_MarginTop": {
"name": "--pf-v5-c-empty-state__body--MarginTop",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_empty_state__body_Color": {
"name": "--pf-v5-c-empty-state__body--Color",
"value": "#6a6e73",
"values": [
"--pf-v5-global--Color--200",
"$pf-v5-global--Color--200",
"$pf-v5-color-black-600",
"#6a6e73"
]
},
"c_empty_state_body_FontSize": {
"name": "--pf-v5-c-empty-state--body--FontSize",
"value": "1rem",
"values": [
"--pf-v5-global--FontSize--md",
"$pf-v5-global--FontSize--md",
"pf-font-prem(16px)",
"1rem"
]
},
"c_empty_state_m_xs__body_FontSize": {
"name": "--pf-v5-c-empty-state--m-xs__body--FontSize",
"value": "0.875rem",
"values": [
"--pf-v5-global--FontSize--sm",
"$pf-v5-global--FontSize--sm",
"pf-font-prem(14px)",
"0.875rem"
]
},
"c_empty_state_m_xs__body_MarginTop": {
"name": "--pf-v5-c-empty-state--m-xs__body--MarginTop",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_empty_state_m_xl__body_FontSize": {
"name": "--pf-v5-c-empty-state--m-xl__body--FontSize",
"value": "1.25rem",
"values": [
"--pf-v5-global--FontSize--xl",
"$pf-v5-global--FontSize--xl",
"pf-font-prem(20px)",
"1.25rem"
]
},
"c_empty_state_m_xl__body_MarginTop": {
"name": "--pf-v5-c-empty-state--m-xl__body--MarginTop",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_empty_state__footer_RowGap": {
"name": "--pf-v5-c-empty-state__footer--RowGap",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_empty_state__footer_MarginTop": {
"name": "--pf-v5-c-empty-state__footer--MarginTop",
"value": "2rem",
"values": [
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_empty_state_m_xs__footer_MarginTop": {
"name": "--pf-v5-c-empty-state--m-xs__footer--MarginTop",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_empty_state__actions_RowGap": {
"name": "--pf-v5-c-empty-state__actions--RowGap",
"value": "0.25rem",
"values": [
"--pf-v5-global--spacer--xs",
"$pf-v5-global--spacer--xs",
"pf-size-prem(4px)",
"0.25rem"
]
},
"c_empty_state__actions_ColumnGap": {
"name": "--pf-v5-c-empty-state__actions--ColumnGap",
"value": "0.25rem",
"values": [
"--pf-v5-global--spacer--xs",
"$pf-v5-global--spacer--xs",
"pf-size-prem(4px)",
"0.25rem"
]
}
},
".pf-v5-c-empty-state.pf-m-xs": {
"c_empty_state_PaddingTop": {
"name": "--pf-v5-c-empty-state--PaddingTop",
"value": "1rem",
"values": [
"--pf-v5-c-empty-state--m-xs--PaddingTop",
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_empty_state_PaddingRight": {
"name": "--pf-v5-c-empty-state--PaddingRight",
"value": "1rem",
"values": [
"--pf-v5-c-empty-state--m-xs--PaddingRight",
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_empty_state_PaddingBottom": {
"name": "--pf-v5-c-empty-state--PaddingBottom",
"value": "1rem",
"values": [
"--pf-v5-c-empty-state--m-xs--PaddingBottom",
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_empty_state_PaddingLeft": {
"name": "--pf-v5-c-empty-state--PaddingLeft",
"value": "1rem",
"values": [
"--pf-v5-c-empty-state--m-xs--PaddingLeft",
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_empty_state__title_text_FontSize": {
"name": "--pf-v5-c-empty-state__title-text--FontSize",
"value": "1rem",
"values": [
"--pf-v5-c-empty-state--m-xs__title-text--FontSize",
"--pf-v5-global--FontSize--md",
"$pf-v5-global--FontSize--md",
"pf-font-prem(16px)",
"1rem"
]
},
"c_empty_state__content_MaxWidth": {
"name": "--pf-v5-c-empty-state__content--MaxWidth",
"value": "21.875rem",
"values": [
"--pf-v5-c-empty-state--m-xs__content--MaxWidth",
"21.875rem"
]
},
"c_empty_state__icon_MarginBottom": {
"name": "--pf-v5-c-empty-state__icon--MarginBottom",
"value": "1rem",
"values": [
"--pf-v5-c-empty-state--m-xs__icon--MarginBottom",
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_empty_state__body_MarginTop": {
"name": "--pf-v5-c-empty-state__body--MarginTop",
"value": "1rem",
"values": [
"--pf-v5-c-empty-state--m-xs__body--MarginTop",
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_empty_state_body_FontSize": {
"name": "--pf-v5-c-empty-state--body--FontSize",
"value": "0.875rem",
"values": [
"--pf-v5-c-empty-state--m-xs__body--FontSize",
"--pf-v5-global--FontSize--sm",
"$pf-v5-global--FontSize--sm",
"pf-font-prem(14px)",
"0.875rem"
]
},
"c_empty_state__footer_MarginTop": {
"name": "--pf-v5-c-empty-state__footer--MarginTop",
"value": "1rem",
"values": [
"--pf-v5-c-empty-state--m-xs__footer--MarginTop",
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
}
},
".pf-v5-c-empty-state.pf-m-sm": {
"c_empty_state__content_MaxWidth": {
"name": "--pf-v5-c-empty-state__content--MaxWidth",
"value": "25rem",
"values": [
"--pf-v5-c-empty-state--m-sm__content--MaxWidth",
"25rem"
]
}
},
".pf-v5-c-empty-state.pf-m-lg": {
"c_empty_state__content_MaxWidth": {
"name": "--pf-v5-c-empty-state__content--MaxWidth",
"value": "37.5rem",
"values": [
"--pf-v5-c-empty-state--m-lg__content--MaxWidth",
"37.5rem"
]
}
},
".pf-v5-c-empty-state.pf-m-xl": {
"c_empty_state__body_MarginTop": {
"name": "--pf-v5-c-empty-state__body--MarginTop",
"value": "1.5rem",
"values": [
"--pf-v5-c-empty-state--m-xl__body--MarginTop",
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_empty_state_body_FontSize": {
"name": "--pf-v5-c-empty-state--body--FontSize",
"value": "1.25rem",
"values": [
"--pf-v5-c-empty-state--m-xl__body--FontSize",
"--pf-v5-global--FontSize--xl",
"$pf-v5-global--FontSize--xl",
"pf-font-prem(20px)",
"1.25rem"
]
},
"c_empty_state__icon_MarginBottom": {
"name": "--pf-v5-c-empty-state__icon--MarginBottom",
"value": "2rem",
"values": [
"--pf-v5-c-empty-state--m-xl__icon--MarginBottom",
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_empty_state__icon_FontSize": {
"name": "--pf-v5-c-empty-state__icon--FontSize",
"value": "6.25rem",
"values": [
"--pf-v5-c-empty-state--m-xl__icon--FontSize",
"6.25rem"
]
},
"c_empty_state__title_text_FontSize": {
"name": "--pf-v5-c-empty-state__title-text--FontSize",
"value": "2.25rem",
"values": [
"--pf-v5-c-empty-state--m-xl__title-text--FontSize",
"--pf-v5-global--FontSize--4xl",
"$pf-v5-global--FontSize--4xl",
"pf-font-prem(36px)",
"2.25rem"
]
},
"c_empty_state__title_text_LineHeight": {
"name": "--pf-v5-c-empty-state__title-text--LineHeight",
"value": "1.3",
"values": [
"--pf-v5-c-empty-state--m-xl__title-text--LineHeight",
"--pf-v5-global--LineHeight--sm",
"$pf-v5-global--LineHeight--sm",
"1.3"
]
}
}
};
export default c_empty_state;© 2015 - 2025 Weber Informatics LLC | Privacy Policy