UNPKG

@patternfly/react-tokens

Version:

This library provides access to the design tokens of PatternFly 4 from JavaScript

163 lines 4.29 kB
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;