
package.dist.esm.c_radio.d.ts 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_radio: {
".pf-v5-c-radio": {
"c_radio_GridGap": {
"name": "--pf-v5-c-radio--GridGap",
"value": "0.25rem 0.5rem",
"values": [
"--pf-v5-global--spacer--xs --pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--xs $pf-v5-global--spacer--sm",
"pf-size-prem(4px) pf-size-prem(8px)",
"0.25rem 0.5rem"
]
},
"c_radio__label_disabled_Color": {
"name": "--pf-v5-c-radio__label--disabled--Color",
"value": "#6a6e73",
"values": [
"--pf-v5-global--disabled-color--100",
"$pf-v5-global--disabled-color--100",
"$pf-v5-color-black-600",
"#6a6e73"
]
},
"c_radio__label_Color": {
"name": "--pf-v5-c-radio__label--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_radio__label_FontWeight": {
"name": "--pf-v5-c-radio__label--FontWeight",
"value": "400",
"values": [
"--pf-v5-global--FontWeight--normal",
"$pf-v5-global--FontWeight--normal",
"400"
]
},
"c_radio__label_FontSize": {
"name": "--pf-v5-c-radio__label--FontSize",
"value": "1rem",
"values": [
"--pf-v5-global--FontSize--md",
"$pf-v5-global--FontSize--md",
"pf-font-prem(16px)",
"1rem"
]
},
"c_radio__label_LineHeight": {
"name": "--pf-v5-c-radio__label--LineHeight",
"value": "1.5",
"values": [
"--pf-v5-global--LineHeight--md",
"$pf-v5-global--LineHeight--md",
"1.5"
]
},
"c_radio__input_TranslateY": {
"name": "--pf-v5-c-radio__input--TranslateY",
"value": "calc((1.5 * 1rem / 2 ) - 50%)",
"values": [
"calc((--pf-v5-c-radio__label--LineHeight * --pf-v5-c-radio__label--FontSize / 2 ) - 50%)",
"calc((--pf-v5-global--LineHeight--md * --pf-v5-global--FontSize--md / 2 ) - 50%)",
"calc(($pf-v5-global--LineHeight--md * $pf-v5-global--FontSize--md / 2 ) - 50%)",
"calc((1.5 * pf-font-prem(16px) / 2 ) - 50%)",
"calc((1.5 * 1rem / 2 ) - 50%)"
]
},
"c_radio__input_TranslateY_moz": {
"name": "--pf-v5-c-radio__input--TranslateY--moz",
"value": "calc((1.5 * 1rem / 2 ) - 50%)",
"values": [
"--pf-v5-c-radio__input--TranslateY",
"calc((--pf-v5-c-radio__label--LineHeight * --pf-v5-c-radio__label--FontSize / 2 ) - 50%)",
"calc((--pf-v5-global--LineHeight--md * --pf-v5-global--FontSize--md / 2 ) - 50%)",
"calc(($pf-v5-global--LineHeight--md * $pf-v5-global--FontSize--md / 2 ) - 50%)",
"calc((1.5 * pf-font-prem(16px) / 2 ) - 50%)",
"calc((1.5 * 1rem / 2 ) - 50%)"
]
},
"c_radio__input_first_child_MarginLeft": {
"name": "--pf-v5-c-radio__input--first-child--MarginLeft",
"value": "0.0625rem"
},
"c_radio__input_last_child_MarginRight": {
"name": "--pf-v5-c-radio__input--last-child--MarginRight",
"value": "0.0625rem"
},
"c_radio__description_FontSize": {
"name": "--pf-v5-c-radio__description--FontSize",
"value": "0.875rem",
"values": [
"--pf-v5-global--FontSize--sm",
"$pf-v5-global--FontSize--sm",
"pf-font-prem(14px)",
"0.875rem"
]
},
"c_radio__description_Color": {
"name": "--pf-v5-c-radio__description--Color",
"value": "#6a6e73",
"values": [
"--pf-v5-global--Color--200",
"$pf-v5-global--Color--200",
"$pf-v5-color-black-600",
"#6a6e73"
]
},
"c_radio__body_MarginTop": {
"name": "--pf-v5-c-radio__body--MarginTop",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
}
},
".pf-v5-c-radio.pf-m-standalone": {
"c_radio_GridGap": {
"name": "--pf-v5-c-radio--GridGap",
"value": "0"
},
"c_radio__input_TranslateY": {
"name": "--pf-v5-c-radio__input--TranslateY",
"value": "none"
}
},
".pf-v5-c-radio__label:disabled": {
"c_radio__label_Color": {
"name": "--pf-v5-c-radio__label--Color",
"value": "#6a6e73",
"values": [
"--pf-v5-c-radio__label--disabled--Color",
"--pf-v5-global--disabled-color--100",
"$pf-v5-global--disabled-color--100",
"$pf-v5-color-black-600",
"#6a6e73"
]
}
}
};
export default c_radio;
© 2015 - 2025 Weber Informatics LLC | Privacy Policy