@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
381 lines • 12.6 kB
TypeScript
export const c_progress: {
".pf-v6-c-progress": {
"c_progress_GridGap": {
"name": "--pf-v6-c-progress--GridGap",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_progress__bar_Height": {
"name": "--pf-v6-c-progress__bar--Height",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_progress__bar_BackgroundColor": {
"name": "--pf-v6-c-progress__bar--BackgroundColor",
"value": "#e0e0e0",
"values": [
"--pf-t--global--color--nonstatus--gray--default",
"--pf-t--global--color--nonstatus--gray--100",
"--pf-t--color--gray--20",
"#e0e0e0"
]
},
"c_progress__measure_m_static_width_MinWidth": {
"name": "--pf-v6-c-progress__measure--m-static-width--MinWidth",
"value": "4.5ch"
},
"c_progress__status_Gap": {
"name": "--pf-v6-c-progress__status--Gap",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_progress__status_icon_Color": {
"name": "--pf-v6-c-progress__status-icon--Color",
"value": "#1f1f1f",
"values": [
"--pf-t--global--icon--color--regular",
"--pf-t--global--icon--color--100",
"--pf-t--color--gray--90",
"#1f1f1f"
]
},
"c_progress__indicator_Height": {
"name": "--pf-v6-c-progress__indicator--Height",
"value": "1rem",
"values": [
"--pf-v6-c-progress__bar--Height",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_progress__indicator_BackgroundColor": {
"name": "--pf-v6-c-progress__indicator--BackgroundColor",
"value": "#0066cc",
"values": [
"--pf-t--global--color--brand--default",
"--pf-t--global--color--brand--200",
"--pf-t--color--blue--50",
"#0066cc"
]
},
"c_progress__helper_text_MarginBlockStart": {
"name": "--pf-v6-c-progress__helper-text--MarginBlockStart",
"value": "calc(0.5rem - 1rem)",
"values": [
"calc(--pf-t--global--spacer--sm - --pf-v6-c-progress--GridGap)",
"calc(--pf-t--global--spacer--200 - --pf-t--global--spacer--md)",
"calc(0.5rem - --pf-t--global--spacer--300)",
"calc(0.5rem - 1rem)"
]
},
"c_progress_m_success__indicator_BackgroundColor": {
"name": "--pf-v6-c-progress--m-success__indicator--BackgroundColor",
"value": "#3d7317",
"values": [
"--pf-t--global--color--status--success--default",
"--pf-t--global--color--status--success--100",
"--pf-t--color--green--60",
"#3d7317"
]
},
"c_progress_m_warning__indicator_BackgroundColor": {
"name": "--pf-v6-c-progress--m-warning__indicator--BackgroundColor",
"value": "#ffcc17",
"values": [
"--pf-t--global--color--status--warning--default",
"--pf-t--global--color--status--warning--100",
"--pf-t--color--yellow--30",
"#ffcc17"
]
},
"c_progress_m_danger__indicator_BackgroundColor": {
"name": "--pf-v6-c-progress--m-danger__indicator--BackgroundColor",
"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_progress_m_success__status_icon_Color": {
"name": "--pf-v6-c-progress--m-success__status-icon--Color",
"value": "#3d7317",
"values": [
"--pf-t--global--icon--color--status--success--default",
"--pf-t--global--color--status--success--default",
"--pf-t--global--color--status--success--100",
"--pf-t--color--green--60",
"#3d7317"
]
},
"c_progress_m_warning__status_icon_Color": {
"name": "--pf-v6-c-progress--m-warning__status-icon--Color",
"value": "#dca614",
"values": [
"--pf-t--global--icon--color--status--warning--default",
"--pf-t--global--color--status--warning--200",
"--pf-t--color--yellow--40",
"#dca614"
]
},
"c_progress_m_danger__status_icon_Color": {
"name": "--pf-v6-c-progress--m-danger__status-icon--Color",
"value": "#b1380b",
"values": [
"--pf-t--global--icon--color--status--danger--default",
"--pf-t--global--color--status--danger--default",
"--pf-t--global--color--status--danger--100",
"--pf-t--color--red-orange--60",
"#b1380b"
]
},
"c_progress_m_inside__indicator_MinWidth": {
"name": "--pf-v6-c-progress--m-inside__indicator--MinWidth",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_progress_m_inside__measure_Color": {
"name": "--pf-v6-c-progress--m-inside__measure--Color",
"value": "#ffffff",
"values": [
"--pf-t--global--text--color--on-brand--default",
"--pf-t--global--text--color--inverse",
"--pf-t--global--text--color--300",
"--pf-t--color--white",
"#ffffff"
]
},
"c_progress_m_success_m_inside__measure_Color": {
"name": "--pf-v6-c-progress--m-success--m-inside__measure--Color",
"value": "#ffffff",
"values": [
"--pf-t--global--text--color--status--on-success--default",
"--pf-t--global--text--color--inverse",
"--pf-t--global--text--color--300",
"--pf-t--color--white",
"#ffffff"
]
},
"c_progress_m_warning_m_inside__measure_Color": {
"name": "--pf-v6-c-progress--m-warning--m-inside__measure--Color",
"value": "#151515",
"values": [
"--pf-t--global--text--color--status--on-warning--default",
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
},
"c_progress_m_danger_m_inside__measure_Color": {
"name": "--pf-v6-c-progress--m-danger--m-inside__measure--Color",
"value": "#ffffff",
"values": [
"--pf-t--global--text--color--status--on-danger--default",
"--pf-t--global--text--color--inverse",
"--pf-t--global--text--color--300",
"--pf-t--color--white",
"#ffffff"
]
},
"c_progress_m_inside__measure_FontSize": {
"name": "--pf-v6-c-progress--m-inside__measure--FontSize",
"value": "0.875rem",
"values": [
"--pf-t--global--font--size--sm",
"--pf-t--global--font--size--200",
"0.875rem"
]
},
"c_progress_m_outside__measure_FontSize": {
"name": "--pf-v6-c-progress--m-outside__measure--FontSize",
"value": "0.875rem",
"values": [
"--pf-t--global--font--size--sm",
"--pf-t--global--font--size--200",
"0.875rem"
]
},
"c_progress_m_sm__bar_Height": {
"name": "--pf-v6-c-progress--m-sm__bar--Height",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_progress_m_sm__measure_FontSize": {
"name": "--pf-v6-c-progress--m-sm__measure--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_progress_m_lg__bar_Height": {
"name": "--pf-v6-c-progress--m-lg__bar--Height",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
}
},
".pf-v6-c-progress.pf-m-sm": {
"c_progress__bar_Height": {
"name": "--pf-v6-c-progress__bar--Height",
"value": "0.5rem",
"values": [
"--pf-v6-c-progress--m-sm__bar--Height",
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
}
},
".pf-v6-c-progress.pf-m-lg": {
"c_progress__bar_Height": {
"name": "--pf-v6-c-progress__bar--Height",
"value": "1.5rem",
"values": [
"--pf-v6-c-progress--m-lg__bar--Height",
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
}
},
".pf-v6-c-progress.pf-m-success": {
"c_progress__indicator_BackgroundColor": {
"name": "--pf-v6-c-progress__indicator--BackgroundColor",
"value": "#3d7317",
"values": [
"--pf-v6-c-progress--m-success__indicator--BackgroundColor",
"--pf-t--global--color--status--success--default",
"--pf-t--global--color--status--success--100",
"--pf-t--color--green--60",
"#3d7317"
]
},
"c_progress__status_icon_Color": {
"name": "--pf-v6-c-progress__status-icon--Color",
"value": "#3d7317",
"values": [
"--pf-v6-c-progress--m-success__status-icon--Color",
"--pf-t--global--icon--color--status--success--default",
"--pf-t--global--color--status--success--default",
"--pf-t--global--color--status--success--100",
"--pf-t--color--green--60",
"#3d7317"
]
},
"c_progress_m_inside__measure_Color": {
"name": "--pf-v6-c-progress--m-inside__measure--Color",
"value": "#ffffff",
"values": [
"--pf-v6-c-progress--m-success--m-inside__measure--Color",
"--pf-t--global--text--color--status--on-success--default",
"--pf-t--global--text--color--inverse",
"--pf-t--global--text--color--300",
"--pf-t--color--white",
"#ffffff"
]
}
},
".pf-v6-c-progress.pf-m-warning": {
"c_progress__indicator_BackgroundColor": {
"name": "--pf-v6-c-progress__indicator--BackgroundColor",
"value": "#ffcc17",
"values": [
"--pf-v6-c-progress--m-warning__indicator--BackgroundColor",
"--pf-t--global--color--status--warning--default",
"--pf-t--global--color--status--warning--100",
"--pf-t--color--yellow--30",
"#ffcc17"
]
},
"c_progress__status_icon_Color": {
"name": "--pf-v6-c-progress__status-icon--Color",
"value": "#dca614",
"values": [
"--pf-v6-c-progress--m-warning__status-icon--Color",
"--pf-t--global--icon--color--status--warning--default",
"--pf-t--global--color--status--warning--200",
"--pf-t--color--yellow--40",
"#dca614"
]
},
"c_progress_m_inside__measure_Color": {
"name": "--pf-v6-c-progress--m-inside__measure--Color",
"value": "#151515",
"values": [
"--pf-v6-c-progress--m-warning--m-inside__measure--Color",
"--pf-t--global--text--color--status--on-warning--default",
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
}
},
".pf-v6-c-progress.pf-m-danger": {
"c_progress__indicator_BackgroundColor": {
"name": "--pf-v6-c-progress__indicator--BackgroundColor",
"value": "#b1380b",
"values": [
"--pf-v6-c-progress--m-danger__indicator--BackgroundColor",
"--pf-t--global--color--status--danger--default",
"--pf-t--global--color--status--danger--100",
"--pf-t--color--red-orange--60",
"#b1380b"
]
},
"c_progress__status_icon_Color": {
"name": "--pf-v6-c-progress__status-icon--Color",
"value": "#b1380b",
"values": [
"--pf-v6-c-progress--m-danger__status-icon--Color",
"--pf-t--global--icon--color--status--danger--default",
"--pf-t--global--color--status--danger--default",
"--pf-t--global--color--status--danger--100",
"--pf-t--color--red-orange--60",
"#b1380b"
]
},
"c_progress_m_inside__measure_Color": {
"name": "--pf-v6-c-progress--m-inside__measure--Color",
"value": "#ffffff",
"values": [
"--pf-v6-c-progress--m-danger--m-inside__measure--Color",
"--pf-t--global--text--color--status--on-danger--default",
"--pf-t--global--text--color--inverse",
"--pf-t--global--text--color--300",
"--pf-t--color--white",
"#ffffff"
]
}
}
};
export default c_progress;