@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
157 lines • 5.17 kB
TypeScript
export const c_check: {
".pf-v6-c-check": {
"c_check_GridGap": {
"name": "--pf-v6-c-check--GridGap",
"value": "0.5rem 0.5rem",
"values": [
"--pf-t--global--spacer--gap--group--vertical --pf-t--global--spacer--gap--text-to-element--default",
"--pf-t--global--spacer--sm --pf-t--global--spacer--sm",
"--pf-t--global--spacer--200 --pf-t--global--spacer--200",
"0.5rem 0.5rem"
]
},
"c_check_AccentColor": {
"name": "--pf-v6-c-check--AccentColor",
"value": "#0066cc",
"values": [
"--pf-t--global--color--brand--default",
"--pf-t--global--color--brand--200",
"--pf-t--color--blue--50",
"#0066cc"
]
},
"c_check_m_standalone_MinHeight": {
"name": "--pf-v6-c-check--m-standalone--MinHeight",
"value": "calc(0.875rem * 1.5)",
"values": [
"calc(--pf-v6-c-check__label--FontSize * --pf-v6-c-check__label--LineHeight)",
"calc(--pf-t--global--font--size--body--default * --pf-t--global--font--line-height--body)",
"calc(--pf-t--global--font--size--sm * --pf-t--global--font--line-height--200)",
"calc(--pf-t--global--font--size--200 * 1.5)",
"calc(0.875rem * 1.5)"
]
},
"c_check__label_disabled_Color": {
"name": "--pf-v6-c-check__label--disabled--Color",
"value": "#a3a3a3",
"values": [
"--pf-t--global--text--color--disabled",
"--pf-t--global--color--disabled--200",
"--pf-t--color--gray--40",
"#a3a3a3"
]
},
"c_check__label_Color": {
"name": "--pf-v6-c-check__label--Color",
"value": "#151515",
"values": [
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
},
"c_check__label_FontWeight": {
"name": "--pf-v6-c-check__label--FontWeight",
"value": "400",
"values": [
"--pf-t--global--font--weight--body--default",
"--pf-t--global--font--weight--100",
"400"
]
},
"c_check__label_FontSize": {
"name": "--pf-v6-c-check__label--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_check__label_LineHeight": {
"name": "--pf-v6-c-check__label--LineHeight",
"value": "1.5",
"values": [
"--pf-t--global--font--line-height--body",
"--pf-t--global--font--line-height--200",
"1.5"
]
},
"c_check__description_FontSize": {
"name": "--pf-v6-c-check__description--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_check__description_Color": {
"name": "--pf-v6-c-check__description--Color",
"value": "#4d4d4d",
"values": [
"--pf-t--global--text--color--subtle",
"--pf-t--global--text--color--200",
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"c_check__label_required_MarginInlineStart": {
"name": "--pf-v6-c-check__label-required--MarginInlineStart",
"value": "0.25rem",
"values": [
"--pf-t--global--spacer--xs",
"--pf-t--global--spacer--100",
"0.25rem"
]
},
"c_check__label_required_FontSize": {
"name": "--pf-v6-c-check__label-required--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_check__label_required_Color": {
"name": "--pf-v6-c-check__label-required--Color",
"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_check__input_TranslateY": {
"name": "--pf-v6-c-check__input--TranslateY",
"value": "calc((1.5 * 0.875rem / 2 ) - 50%)",
"values": [
"calc((--pf-v6-c-check__label--LineHeight * --pf-v6-c-check__label--FontSize / 2 ) - 50%)",
"calc((--pf-t--global--font--line-height--body * --pf-t--global--font--size--body--default / 2 ) - 50%)",
"calc((--pf-t--global--font--line-height--200 * --pf-t--global--font--size--sm / 2 ) - 50%)",
"calc((1.5 * --pf-t--global--font--size--200 / 2 ) - 50%)",
"calc((1.5 * 0.875rem / 2 ) - 50%)"
]
}
},
".pf-v6-c-check__label:disabled": {
"c_check__label_Color": {
"name": "--pf-v6-c-check__label--Color",
"value": "#a3a3a3",
"values": [
"--pf-v6-c-check__label--disabled--Color",
"--pf-t--global--text--color--disabled",
"--pf-t--global--color--disabled--200",
"--pf-t--color--gray--40",
"#a3a3a3"
]
}
}
};
export default c_check;