@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
175 lines • 5.12 kB
JavaScript
export const c_hint = {
".pf-v6-c-hint": {
"c_hint_GridRowGap": {
"name": "--pf-v6-c-hint--GridRowGap",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_hint_PaddingBlockStart": {
"name": "--pf-v6-c-hint--PaddingBlockStart",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_hint_PaddingInlineEnd": {
"name": "--pf-v6-c-hint--PaddingInlineEnd",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_hint_PaddingBlockEnd": {
"name": "--pf-v6-c-hint--PaddingBlockEnd",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_hint_PaddingInlineStart": {
"name": "--pf-v6-c-hint--PaddingInlineStart",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_hint_BackgroundColor": {
"name": "--pf-v6-c-hint--BackgroundColor",
"value": "#ffffff",
"values": [
"--pf-t--global--background--color--primary--default",
"--pf-t--global--background--color--100",
"--pf-t--color--white",
"#ffffff"
]
},
"c_hint_BorderColor": {
"name": "--pf-v6-c-hint--BorderColor",
"value": "#5e40be",
"values": [
"--pf-t--global--border--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_hint_BorderWidth": {
"name": "--pf-v6-c-hint--BorderWidth",
"value": "2px",
"values": [
"--pf-t--global--border--width--box--status--default",
"--pf-t--global--border--width--200",
"2px"
]
},
"c_hint_BorderRadius": {
"name": "--pf-v6-c-hint--BorderRadius",
"value": "16px",
"values": [
"--pf-t--global--border--radius--medium",
"--pf-t--global--border--radius--300",
"16px"
]
},
"c_hint_Color": {
"name": "--pf-v6-c-hint--Color",
"value": "#151515",
"values": [
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
},
"c_hint__title_FontWeight": {
"name": "--pf-v6-c-hint__title--FontWeight",
"value": "500",
"values": [
"--pf-t--global--font--weight--body--bold",
"--pf-t--global--font--weight--200",
"500"
]
},
"c_hint__body_FontSize": {
"name": "--pf-v6-c-hint__body--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_hint__footer_MarginBlockStart": {
"name": "--pf-v6-c-hint__footer--MarginBlockStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_hint__footer_child_MarginInlineEnd": {
"name": "--pf-v6-c-hint__footer--child--MarginInlineEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_hint__actions_MarginInlineStart": {
"name": "--pf-v6-c-hint__actions--MarginInlineStart",
"value": "3rem",
"values": [
"--pf-t--global--spacer--2xl",
"--pf-t--global--spacer--600",
"3rem"
]
},
"c_hint__actions_c_menu_toggle_MarginBlockStart": {
"name": "--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart",
"value": "calc(0.5rem * -1)",
"values": [
"calc(--pf-t--global--spacer--control--vertical--default * -1)",
"calc(--pf-t--global--spacer--sm * -1)",
"calc(--pf-t--global--spacer--200 * -1)",
"calc(0.5rem * -1)"
]
},
"c_hint__actions_c_menu_toggle_MarginBlockEnd": {
"name": "--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd",
"value": "calc(0.5rem * -1)",
"values": [
"calc(--pf-t--global--spacer--control--vertical--default * -1)",
"calc(--pf-t--global--spacer--sm * -1)",
"calc(--pf-t--global--spacer--200 * -1)",
"calc(0.5rem * -1)"
]
}
},
".pf-v6-c-hint__actions.pf-m-no-offset": {
"c_hint__actions_c_menu_toggle_MarginBlockStart": {
"name": "--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart",
"value": "0"
},
"c_hint__actions_c_menu_toggle_MarginBlockEnd": {
"name": "--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd",
"value": "0"
}
}
};
export default c_hint;