@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
296 lines • 8.92 kB
TypeScript
export const c_badge: {
".pf-v6-c-badge": {
"c_badge_BorderColor": {
"name": "--pf-v6-c-badge--BorderColor",
"value": "transparent"
},
"c_badge_BorderWidth": {
"name": "--pf-v6-c-badge--BorderWidth",
"value": "1px",
"values": [
"--pf-t--global--border--width--regular",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_badge_BorderRadius": {
"name": "--pf-v6-c-badge--BorderRadius",
"value": "999px",
"values": [
"--pf-t--global--border--radius--pill",
"--pf-t--global--border--radius--500",
"999px"
]
},
"c_badge_FontSize": {
"name": "--pf-v6-c-badge--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_badge_FontWeight": {
"name": "--pf-v6-c-badge--FontWeight",
"value": "500",
"values": [
"--pf-t--global--font--weight--body--bold",
"--pf-t--global--font--weight--200",
"500"
]
},
"c_badge_PaddingInlineEnd": {
"name": "--pf-v6-c-badge--PaddingInlineEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_badge_PaddingInlineStart": {
"name": "--pf-v6-c-badge--PaddingInlineStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_badge_Color": {
"name": "--pf-v6-c-badge--Color",
"value": "#151515",
"values": [
"--pf-t--global--text--color--nonstatus--on-gray--default",
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
},
"c_badge_MinWidth": {
"name": "--pf-v6-c-badge--MinWidth",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_badge__toggle_icon_MarginInlineStart": {
"name": "--pf-v6-c-badge__toggle-icon--MarginInlineStart",
"value": "0.25rem",
"values": [
"--pf-t--global--spacer--xs",
"--pf-t--global--spacer--100",
"0.25rem"
]
},
"c_badge__toggle_icon_Color": {
"name": "--pf-v6-c-badge__toggle-icon--Color",
"value": "#1f1f1f",
"values": [
"--pf-t--global--icon--color--nonstatus--on-gray--default",
"--pf-t--global--icon--color--regular",
"--pf-t--global--icon--color--100",
"--pf-t--color--gray--90",
"#1f1f1f"
]
},
"c_badge_m_read_BackgroundColor": {
"name": "--pf-v6-c-badge--m-read--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_badge_m_read_Color": {
"name": "--pf-v6-c-badge--m-read--Color",
"value": "#151515",
"values": [
"--pf-t--global--text--color--nonstatus--on-gray--default",
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
},
"c_badge_m_read__toggle_icon_Color": {
"name": "--pf-v6-c-badge--m-read__toggle-icon--Color",
"value": "#1f1f1f",
"values": [
"--pf-t--global--icon--color--nonstatus--on-gray--default",
"--pf-t--global--icon--color--regular",
"--pf-t--global--icon--color--100",
"--pf-t--color--gray--90",
"#1f1f1f"
]
},
"c_badge_m_unread_BackgroundColor": {
"name": "--pf-v6-c-badge--m-unread--BackgroundColor",
"value": "#0066cc",
"values": [
"--pf-t--global--color--brand--default",
"--pf-t--global--color--brand--200",
"--pf-t--color--blue--50",
"#0066cc"
]
},
"c_badge_m_unread_Color": {
"name": "--pf-v6-c-badge--m-unread--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_badge_m_unread__toggle_icon_Color": {
"name": "--pf-v6-c-badge--m-unread__toggle-icon--Color",
"value": "#ffffff",
"values": [
"--pf-t--global--icon--color--on-brand--default",
"--pf-t--global--icon--color--inverse",
"--pf-t--global--icon--color--300",
"--pf-t--color--white",
"#ffffff"
]
},
"c_badge_m_disabled_Color": {
"name": "--pf-v6-c-badge--m-disabled--Color",
"value": "#4d4d4d",
"values": [
"--pf-t--global--text--color--on-disabled",
"--pf-t--global--color--disabled--300",
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"c_badge_m_disabled_BorderColor": {
"name": "--pf-v6-c-badge--m-disabled--BorderColor",
"value": "#a3a3a3",
"values": [
"--pf-t--global--border--color--disabled",
"--pf-t--global--color--disabled--200",
"--pf-t--color--gray--40",
"#a3a3a3"
]
},
"c_badge_m_disabled_BackgroundColor": {
"name": "--pf-v6-c-badge--m-disabled--BackgroundColor",
"value": "#c7c7c7",
"values": [
"--pf-t--global--background--color--disabled--default",
"--pf-t--global--color--disabled--100",
"--pf-t--color--gray--30",
"#c7c7c7"
]
}
},
".pf-v6-c-badge.pf-m-read": {
"c_badge_Color": {
"name": "--pf-v6-c-badge--Color",
"value": "#151515",
"values": [
"--pf-v6-c-badge--m-read--Color",
"--pf-t--global--text--color--nonstatus--on-gray--default",
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
},
"c_badge_BackgroundColor": {
"name": "--pf-v6-c-badge--BackgroundColor",
"value": "#e0e0e0",
"values": [
"--pf-v6-c-badge--m-read--BackgroundColor",
"--pf-t--global--color--nonstatus--gray--default",
"--pf-t--global--color--nonstatus--gray--100",
"--pf-t--color--gray--20",
"#e0e0e0"
]
},
"c_badge__toggle_icon_Color": {
"name": "--pf-v6-c-badge__toggle-icon--Color",
"value": "#1f1f1f",
"values": [
"--pf-v6-c-badge--m-read__toggle-icon--Color",
"--pf-t--global--icon--color--nonstatus--on-gray--default",
"--pf-t--global--icon--color--regular",
"--pf-t--global--icon--color--100",
"--pf-t--color--gray--90",
"#1f1f1f"
]
}
},
".pf-v6-c-badge.pf-m-unread": {
"c_badge_Color": {
"name": "--pf-v6-c-badge--Color",
"value": "#ffffff",
"values": [
"--pf-v6-c-badge--m-unread--Color",
"--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_badge_BackgroundColor": {
"name": "--pf-v6-c-badge--BackgroundColor",
"value": "#0066cc",
"values": [
"--pf-v6-c-badge--m-unread--BackgroundColor",
"--pf-t--global--color--brand--default",
"--pf-t--global--color--brand--200",
"--pf-t--color--blue--50",
"#0066cc"
]
},
"c_badge__toggle_icon_Color": {
"name": "--pf-v6-c-badge__toggle-icon--Color",
"value": "#ffffff",
"values": [
"--pf-v6-c-badge--m-unread__toggle-icon--Color",
"--pf-t--global--icon--color--on-brand--default",
"--pf-t--global--icon--color--inverse",
"--pf-t--global--icon--color--300",
"--pf-t--color--white",
"#ffffff"
]
}
},
".pf-v6-c-badge.pf-m-disabled": {
"c_badge_Color": {
"name": "--pf-v6-c-badge--Color",
"value": "#4d4d4d",
"values": [
"--pf-v6-c-badge--m-disabled--Color",
"--pf-t--global--text--color--on-disabled",
"--pf-t--global--color--disabled--300",
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"c_badge_BackgroundColor": {
"name": "--pf-v6-c-badge--BackgroundColor",
"value": "#c7c7c7",
"values": [
"--pf-v6-c-badge--m-disabled--BackgroundColor",
"--pf-t--global--background--color--disabled--default",
"--pf-t--global--color--disabled--100",
"--pf-t--color--gray--30",
"#c7c7c7"
]
}
}
};
export default c_badge;