@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
163 lines • 4.29 kB
JavaScript
export const c_spinner = {
".pf-v6-c-spinner": {
"c_spinner_diameter": {
"name": "--pf-v6-c-spinner--diameter",
"value": "3.5rem",
"values": [
"--pf-t--global--icon--size--2xl",
"--pf-t--global--icon--size--400",
"3.5rem"
]
},
"c_spinner_Width": {
"name": "--pf-v6-c-spinner--Width",
"value": "1em",
"values": [
"--pf-v6-c-spinner--diameter",
"1em"
]
},
"c_spinner_Height": {
"name": "--pf-v6-c-spinner--Height",
"value": "1em",
"values": [
"--pf-v6-c-spinner--diameter",
"1em"
]
},
"c_spinner_Color": {
"name": "--pf-v6-c-spinner--Color",
"value": "#0066cc",
"values": [
"--pf-t--global--icon--color--brand--default",
"--pf-t--global--color--brand--default",
"--pf-t--global--color--brand--200",
"--pf-t--color--blue--50",
"#0066cc"
]
},
"c_spinner_AnimationDuration": {
"name": "--pf-v6-c-spinner--AnimationDuration",
"value": "1.4s"
},
"c_spinner_AnimationTimingFunction": {
"name": "--pf-v6-c-spinner--AnimationTimingFunction",
"value": "linear"
},
"c_spinner_StrokeWidth": {
"name": "--pf-v6-c-spinner--StrokeWidth",
"value": "10"
},
"c_spinner__path_StrokeWidth": {
"name": "--pf-v6-c-spinner__path--StrokeWidth",
"value": "10",
"values": [
"--pf-v6-c-spinner--StrokeWidth",
"10"
]
},
"c_spinner__path_AnimationTimingFunction": {
"name": "--pf-v6-c-spinner__path--AnimationTimingFunction",
"value": "ease-in-out"
},
"c_spinner_m_sm_diameter": {
"name": "--pf-v6-c-spinner--m-sm--diameter",
"value": "0.875rem",
"values": [
"--pf-t--global--icon--size--md",
"--pf-t--global--icon--size--200",
"0.875rem"
]
},
"c_spinner_m_md_diameter": {
"name": "--pf-v6-c-spinner--m-md--diameter",
"value": "1rem",
"values": [
"--pf-t--global--icon--size--lg",
"--pf-t--global--icon--size--250",
"1rem"
]
},
"c_spinner_m_lg_diameter": {
"name": "--pf-v6-c-spinner--m-lg--diameter",
"value": "1.5rem",
"values": [
"--pf-t--global--icon--size--xl",
"--pf-t--global--icon--size--300",
"1.5rem"
]
},
"c_spinner_m_xl_diameter": {
"name": "--pf-v6-c-spinner--m-xl--diameter",
"value": "3.5rem",
"values": [
"--pf-t--global--icon--size--2xl",
"--pf-t--global--icon--size--400",
"3.5rem"
]
},
"c_spinner_m_inline_diameter": {
"name": "--pf-v6-c-spinner--m-inline--diameter",
"value": "1em"
}
},
".pf-v6-c-spinner.pf-m-inline": {
"c_spinner_diameter": {
"name": "--pf-v6-c-spinner--diameter",
"value": "1em",
"values": [
"--pf-v6-c-spinner--m-inline--diameter",
"1em"
]
}
},
".pf-v6-c-spinner.pf-m-sm": {
"c_spinner_diameter": {
"name": "--pf-v6-c-spinner--diameter",
"value": "0.875rem",
"values": [
"--pf-v6-c-spinner--m-sm--diameter",
"--pf-t--global--icon--size--md",
"--pf-t--global--icon--size--200",
"0.875rem"
]
}
},
".pf-v6-c-spinner.pf-m-md": {
"c_spinner_diameter": {
"name": "--pf-v6-c-spinner--diameter",
"value": "1rem",
"values": [
"--pf-v6-c-spinner--m-md--diameter",
"--pf-t--global--icon--size--lg",
"--pf-t--global--icon--size--250",
"1rem"
]
}
},
".pf-v6-c-spinner.pf-m-lg": {
"c_spinner_diameter": {
"name": "--pf-v6-c-spinner--diameter",
"value": "1.5rem",
"values": [
"--pf-v6-c-spinner--m-lg--diameter",
"--pf-t--global--icon--size--xl",
"--pf-t--global--icon--size--300",
"1.5rem"
]
}
},
".pf-v6-c-spinner.pf-m-xl": {
"c_spinner_diameter": {
"name": "--pf-v6-c-spinner--diameter",
"value": "3.5rem",
"values": [
"--pf-v6-c-spinner--m-xl--diameter",
"--pf-t--global--icon--size--2xl",
"--pf-t--global--icon--size--400",
"3.5rem"
]
}
}
};
export default c_spinner;