@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
237 lines • 7.32 kB
JavaScript
export const c_hero = {
".pf-v6-c-hero": {
"c_hero_PaddingBlockStart": {
"name": "--pf-v6-c-hero--PaddingBlockStart",
"value": "4rem",
"values": [
"--pf-t--global--spacer--3xl",
"--pf-t--global--spacer--700",
"4rem"
]
},
"c_hero_PaddingBlockEnd": {
"name": "--pf-v6-c-hero--PaddingBlockEnd",
"value": "4rem",
"values": [
"--pf-t--global--spacer--3xl",
"--pf-t--global--spacer--700",
"4rem"
]
},
"c_hero_PaddingInlineStart": {
"name": "--pf-v6-c-hero--PaddingInlineStart",
"value": "4rem",
"values": [
"--pf-t--global--spacer--3xl",
"--pf-t--global--spacer--700",
"4rem"
]
},
"c_hero_PaddingInlineEnd": {
"name": "--pf-v6-c-hero--PaddingInlineEnd",
"value": "4rem",
"values": [
"--pf-t--global--spacer--3xl",
"--pf-t--global--spacer--700",
"4rem"
]
},
"c_hero_gradient_angle": {
"name": "--pf-v6-c-hero--gradient--angle",
"value": "109deg"
},
"c_hero_gradient_stop_1_light": {
"name": "--pf-v6-c-hero--gradient--stop-1--light",
"value": "transparent"
},
"c_hero_gradient_stop_2_light": {
"name": "--pf-v6-c-hero--gradient--stop-2--light",
"value": "transparent"
},
"c_hero_gradient_stop_3_light": {
"name": "--pf-v6-c-hero--gradient--stop-3--light",
"value": "transparent"
},
"c_hero_gradient_stop_1_dark": {
"name": "--pf-v6-c-hero--gradient--stop-1--dark",
"value": "transparent"
},
"c_hero_gradient_stop_2_dark": {
"name": "--pf-v6-c-hero--gradient--stop-2--dark",
"value": "transparent"
},
"c_hero_gradient_stop_3_dark": {
"name": "--pf-v6-c-hero--gradient--stop-3--dark",
"value": "transparent"
},
"c_hero_BackgroundColor": {
"name": "--pf-v6-c-hero--BackgroundColor",
"value": "rgb(199, 199, 199, 0.2500)",
"values": [
"--pf-t--global--background--color--tertiary--default",
"--pf-t--global--background--color--600",
"rgb(199, 199, 199, 0.2500)"
]
},
"c_hero_BackgroundImage_light": {
"name": "--pf-v6-c-hero--BackgroundImage--light",
"value": "none"
},
"c_hero_BackgroundImage_dark": {
"name": "--pf-v6-c-hero--BackgroundImage--dark",
"value": "none"
},
"c_hero_BackgroundRepeat": {
"name": "--pf-v6-c-hero--BackgroundRepeat",
"value": "no-repeat"
},
"c_hero_BackgroundPosition": {
"name": "--pf-v6-c-hero--BackgroundPosition",
"value": "right center"
},
"c_hero_BackgroundSize": {
"name": "--pf-v6-c-hero--BackgroundSize",
"value": "contain"
},
"c_hero_BorderStyle": {
"name": "--pf-v6-c-hero--BorderStyle",
"value": "solid"
},
"c_hero_BorderBlockStartWidth": {
"name": "--pf-v6-c-hero--BorderBlockStartWidth",
"value": "1px",
"values": [
"--pf-t--global--border--width--regular",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_hero_BorderBlockEndWidth": {
"name": "--pf-v6-c-hero--BorderBlockEndWidth",
"value": "1px",
"values": [
"--pf-t--global--border--width--regular",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_hero_BorderInlineStartWidth": {
"name": "--pf-v6-c-hero--BorderInlineStartWidth",
"value": "1px",
"values": [
"--pf-t--global--border--width--regular",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_hero_BorderInlineEndWidth": {
"name": "--pf-v6-c-hero--BorderInlineEndWidth",
"value": "1px",
"values": [
"--pf-t--global--border--width--regular",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_hero_BorderColor": {
"name": "--pf-v6-c-hero--BorderColor",
"value": "#e0e0e0",
"values": [
"--pf-t--global--border--color--default",
"--pf-t--global--border--color--50",
"--pf-t--color--gray--20",
"#e0e0e0"
]
},
"c_hero_BorderStartStartRadius": {
"name": "--pf-v6-c-hero--BorderStartStartRadius",
"value": "16px",
"values": [
"--pf-t--global--border--radius--medium",
"--pf-t--global--border--radius--300",
"16px"
]
},
"c_hero_BorderStartEndRadius": {
"name": "--pf-v6-c-hero--BorderStartEndRadius",
"value": "48px"
},
"c_hero_BorderEndEndRadius": {
"name": "--pf-v6-c-hero--BorderEndEndRadius",
"value": "16px",
"values": [
"--pf-t--global--border--radius--medium",
"--pf-t--global--border--radius--300",
"16px"
]
},
"c_hero_BorderEndStartRadius": {
"name": "--pf-v6-c-hero--BorderEndStartRadius",
"value": "48px"
},
"c_hero__body_Width": {
"name": "--pf-v6-c-hero__body--Width",
"value": "800px"
},
"c_hero__body_MaxWidth": {
"name": "--pf-v6-c-hero__body--MaxWidth",
"value": "80%"
},
"c_hero_m_glass_BackgroundColor": {
"name": "--pf-v6-c-hero--m-glass--BackgroundColor",
"value": "initial",
"values": [
"--pf-t--global--background--color--glass--primary--default",
"initial"
]
},
"c_hero_m_glass_BackdropFilter": {
"name": "--pf-v6-c-hero--m-glass--BackdropFilter",
"value": "initial",
"values": [
"--pf-t--global--background--filter--glass--blur--primary",
"initial"
]
},
"c_hero_m_glass_BorderColor": {
"name": "--pf-v6-c-hero--m-glass--BorderColor",
"value": "initial",
"values": [
"--pf-t--global--border--color--glass--default",
"initial"
]
},
"c_hero_m_glass_BoxShadow": {
"name": "--pf-v6-c-hero--m-glass--BoxShadow",
"value": "0px\n 4px\n 10px\n 0px\n rgb(41, 41, 41, 0.1500)",
"values": [
"--pf-t--global--box-shadow--glass--default",
"--pf-t--global--box-shadow--md",
"--pf-t--global--box-shadow--X--md--default\n --pf-t--global--box-shadow--Y--md--default\n --pf-t--global--box-shadow--blur--md\n --pf-t--global--box-shadow--spread--md--default\n --pf-t--global--box-shadow--color--md--default",
"--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--600\n --pf-t--global--box-shadow--blur--200\n --pf-t--global--box-shadow--spread--100\n --pf-t--global--box-shadow--color--100",
"0px\n 4px\n 10px\n 0px\n rgb(41, 41, 41, 0.1500)"
]
}
},
":where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass": {
"c_hero_BorderColor": {
"name": "--pf-v6-c-hero--BorderColor",
"value": "initial",
"values": [
"--pf-v6-c-hero--m-glass--BorderColor",
"--pf-t--global--border--color--glass--default",
"initial"
]
},
"c_hero_BackgroundColor": {
"name": "--pf-v6-c-hero--BackgroundColor",
"value": "initial",
"values": [
"--pf-v6-c-hero--m-glass--BackgroundColor",
"--pf-t--global--background--color--glass--primary--default",
"initial"
]
}
}
};
export default c_hero;