@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
278 lines • 16.3 kB
TypeScript
export const c_alert_group: {
".pf-v6-c-alert-group": {
"c_alert_group__item_MarginBlockStart": {
"name": "--pf-v6-c-alert-group__item--MarginBlockStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--gap--group--vertical",
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_alert_group_m_toast_InsetBlockStart": {
"name": "--pf-v6-c-alert-group--m-toast--InsetBlockStart",
"value": "3rem",
"values": [
"--pf-t--global--spacer--2xl",
"--pf-t--global--spacer--600",
"3rem"
]
},
"c_alert_group_m_toast_InsetInlineEnd": {
"name": "--pf-v6-c-alert-group--m-toast--InsetInlineEnd",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_alert_group_m_toast_MaxWidth": {
"name": "--pf-v6-c-alert-group--m-toast--MaxWidth",
"value": "37.5rem"
},
"c_alert_group_m_toast_ZIndex": {
"name": "--pf-v6-c-alert-group--m-toast--ZIndex",
"value": "600",
"values": [
"--pf-t--global--z-index--2xl",
"--pf-t--global--z-index--600",
"600"
]
},
"c_alert_group__overflow_button_BorderWidth": {
"name": "--pf-v6-c-alert-group__overflow-button--BorderWidth",
"value": "0"
},
"c_alert_group__overflow_button_BorderRadius": {
"name": "--pf-v6-c-alert-group__overflow-button--BorderRadius",
"value": "16px",
"values": [
"--pf-t--global--border--radius--medium",
"--pf-t--global--border--radius--300",
"16px"
]
},
"c_alert_group__overflow_button_PaddingBlockStart": {
"name": "--pf-v6-c-alert-group__overflow-button--PaddingBlockStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_alert_group__overflow_button_PaddingInlineEnd": {
"name": "--pf-v6-c-alert-group__overflow-button--PaddingInlineEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_alert_group__overflow_button_PaddingBlockEnd": {
"name": "--pf-v6-c-alert-group__overflow-button--PaddingBlockEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_alert_group__overflow_button_PaddingInlineStart": {
"name": "--pf-v6-c-alert-group__overflow-button--PaddingInlineStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_alert_group__overflow_button_Color": {
"name": "--pf-v6-c-alert-group__overflow-button--Color",
"value": "#0066cc",
"values": [
"--pf-t--global--text--color--link--default",
"--pf-t--global--text--color--link--100",
"--pf-t--color--blue--50",
"#0066cc"
]
},
"c_alert_group__overflow_button_BoxShadow": {
"name": "--pf-v6-c-alert-group__overflow-button--BoxShadow",
"value": "0px\n 10px\n 20px\n 0px\n rgba(41, 41, 41, 0.1500)",
"values": [
"--pf-t--global--box-shadow--lg",
"--pf-t--global--box-shadow--X--lg--default\n --pf-t--global--box-shadow--Y--lg--default\n --pf-t--global--box-shadow--blur--lg\n --pf-t--global--box-shadow--spread--lg--default\n --pf-t--global--box-shadow--color--lg--default",
"--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--700\n --pf-t--global--box-shadow--blur--300\n --pf-t--global--box-shadow--spread--100\n --pf-t--global--box-shadow--color--100",
"0px\n 10px\n 20px\n 0px\n rgba(41, 41, 41, 0.1500)"
]
},
"c_alert_group__overflow_button_BackgroundColor": {
"name": "--pf-v6-c-alert-group__overflow-button--BackgroundColor",
"value": "#ffffff",
"values": [
"--pf-t--global--background--color--floating--default",
"--pf-t--global--background--color--100",
"--pf-t--color--white",
"#ffffff"
]
},
"c_alert_group__overflow_button_hover_Color": {
"name": "--pf-v6-c-alert-group__overflow-button--hover--Color",
"value": "#004d99",
"values": [
"--pf-t--global--text--color--link--hover",
"--pf-t--global--text--color--link--200",
"--pf-t--color--blue--60",
"#004d99"
]
},
"c_alert_group__overflow_button_hover_BackgroundColor": {
"name": "--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor",
"value": "#f2f2f2",
"values": [
"--pf-t--global--background--color--floating--hover",
"--pf-t--global--background--color--200",
"--pf-t--color--gray--10",
"#f2f2f2"
]
},
"c_alert_group__overflow_button_hover_BoxShadow": {
"name": "--pf-v6-c-alert-group__overflow-button--hover--BoxShadow",
"value": "0px\n 10px\n 20px\n 0px\n rgba(41, 41, 41, 0.1500), 0px\n 20px\n 20px\n -20px\n rgba(41, 41, 41, 0.2000)",
"values": [
"--pf-t--global--box-shadow--lg, --pf-t--global--box-shadow--lg--bottom",
"--pf-t--global--box-shadow--X--lg--default\n --pf-t--global--box-shadow--Y--lg--default\n --pf-t--global--box-shadow--blur--lg\n --pf-t--global--box-shadow--spread--lg--default\n --pf-t--global--box-shadow--color--lg--default, --pf-t--global--box-shadow--X--lg--bottom\n --pf-t--global--box-shadow--Y--lg--bottom\n --pf-t--global--box-shadow--blur--lg\n --pf-t--global--box-shadow--spread--lg--directional\n --pf-t--global--box-shadow--color--lg--directional",
"--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--700\n --pf-t--global--box-shadow--blur--300\n --pf-t--global--box-shadow--spread--100\n --pf-t--global--box-shadow--color--100, --pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--800\n --pf-t--global--box-shadow--blur--300\n --pf-t--global--box-shadow--spread--400\n --pf-t--global--box-shadow--color--200",
"0px\n 10px\n 20px\n 0px\n rgba(41, 41, 41, 0.1500), 0px\n 20px\n 20px\n -20px\n rgba(41, 41, 41, 0.2000)"
]
},
"c_alert_group__overflow_button_focus_Color": {
"name": "--pf-v6-c-alert-group__overflow-button--focus--Color",
"value": "#004d99",
"values": [
"--pf-t--global--text--color--link--hover",
"--pf-t--global--text--color--link--200",
"--pf-t--color--blue--60",
"#004d99"
]
},
"c_alert_group__overflow_button_focus_BoxShadow": {
"name": "--pf-v6-c-alert-group__overflow-button--focus--BoxShadow",
"value": "0px\n 10px\n 20px\n 0px\n rgba(41, 41, 41, 0.1500), 0px\n 20px\n 20px\n -20px\n rgba(41, 41, 41, 0.2000)",
"values": [
"--pf-t--global--box-shadow--lg, --pf-t--global--box-shadow--lg--bottom",
"--pf-t--global--box-shadow--X--lg--default\n --pf-t--global--box-shadow--Y--lg--default\n --pf-t--global--box-shadow--blur--lg\n --pf-t--global--box-shadow--spread--lg--default\n --pf-t--global--box-shadow--color--lg--default, --pf-t--global--box-shadow--X--lg--bottom\n --pf-t--global--box-shadow--Y--lg--bottom\n --pf-t--global--box-shadow--blur--lg\n --pf-t--global--box-shadow--spread--lg--directional\n --pf-t--global--box-shadow--color--lg--directional",
"--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--700\n --pf-t--global--box-shadow--blur--300\n --pf-t--global--box-shadow--spread--100\n --pf-t--global--box-shadow--color--100, --pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--800\n --pf-t--global--box-shadow--blur--300\n --pf-t--global--box-shadow--spread--400\n --pf-t--global--box-shadow--color--200",
"0px\n 10px\n 20px\n 0px\n rgba(41, 41, 41, 0.1500), 0px\n 20px\n 20px\n -20px\n rgba(41, 41, 41, 0.2000)"
]
},
"c_alert_group__overflow_button_active_Color": {
"name": "--pf-v6-c-alert-group__overflow-button--active--Color",
"value": "#004d99",
"values": [
"--pf-t--global--text--color--link--hover",
"--pf-t--global--text--color--link--200",
"--pf-t--color--blue--60",
"#004d99"
]
},
"c_alert_group__overflow_button_active_BoxShadow": {
"name": "--pf-v6-c-alert-group__overflow-button--active--BoxShadow",
"value": "0px\n 10px\n 20px\n 0px\n rgba(41, 41, 41, 0.1500), 0px\n 20px\n 20px\n -20px\n rgba(41, 41, 41, 0.2000)",
"values": [
"--pf-t--global--box-shadow--lg, --pf-t--global--box-shadow--lg--bottom",
"--pf-t--global--box-shadow--X--lg--default\n --pf-t--global--box-shadow--Y--lg--default\n --pf-t--global--box-shadow--blur--lg\n --pf-t--global--box-shadow--spread--lg--default\n --pf-t--global--box-shadow--color--lg--default, --pf-t--global--box-shadow--X--lg--bottom\n --pf-t--global--box-shadow--Y--lg--bottom\n --pf-t--global--box-shadow--blur--lg\n --pf-t--global--box-shadow--spread--lg--directional\n --pf-t--global--box-shadow--color--lg--directional",
"--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--700\n --pf-t--global--box-shadow--blur--300\n --pf-t--global--box-shadow--spread--100\n --pf-t--global--box-shadow--color--100, --pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--800\n --pf-t--global--box-shadow--blur--300\n --pf-t--global--box-shadow--spread--400\n --pf-t--global--box-shadow--color--200",
"0px\n 10px\n 20px\n 0px\n rgba(41, 41, 41, 0.1500), 0px\n 20px\n 20px\n -20px\n rgba(41, 41, 41, 0.2000)"
]
}
},
".pf-v6-c-alert-group__item:hover": {
"c_alert_group__overflow_button_Color": {
"name": "--pf-v6-c-alert-group__overflow-button--Color",
"value": "#004d99",
"values": [
"--pf-v6-c-alert-group__overflow-button--hover--Color",
"--pf-t--global--text--color--link--hover",
"--pf-t--global--text--color--link--200",
"--pf-t--color--blue--60",
"#004d99"
]
},
"c_alert_group__overflow_button_BackgroundColor": {
"name": "--pf-v6-c-alert-group__overflow-button--BackgroundColor",
"value": "#f2f2f2",
"values": [
"--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor",
"--pf-t--global--background--color--floating--hover",
"--pf-t--global--background--color--200",
"--pf-t--color--gray--10",
"#f2f2f2"
]
},
"c_alert_group__overflow_button_BoxShadow": {
"name": "--pf-v6-c-alert-group__overflow-button--BoxShadow",
"value": "0px\n 10px\n 20px\n 0px\n rgba(41, 41, 41, 0.1500), 0px\n 20px\n 20px\n -20px\n rgba(41, 41, 41, 0.2000)",
"values": [
"--pf-v6-c-alert-group__overflow-button--hover--BoxShadow",
"--pf-t--global--box-shadow--lg, --pf-t--global--box-shadow--lg--bottom",
"--pf-t--global--box-shadow--X--lg--default\n --pf-t--global--box-shadow--Y--lg--default\n --pf-t--global--box-shadow--blur--lg\n --pf-t--global--box-shadow--spread--lg--default\n --pf-t--global--box-shadow--color--lg--default, --pf-t--global--box-shadow--X--lg--bottom\n --pf-t--global--box-shadow--Y--lg--bottom\n --pf-t--global--box-shadow--blur--lg\n --pf-t--global--box-shadow--spread--lg--directional\n --pf-t--global--box-shadow--color--lg--directional",
"--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--700\n --pf-t--global--box-shadow--blur--300\n --pf-t--global--box-shadow--spread--100\n --pf-t--global--box-shadow--color--100, --pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--800\n --pf-t--global--box-shadow--blur--300\n --pf-t--global--box-shadow--spread--400\n --pf-t--global--box-shadow--color--200",
"0px\n 10px\n 20px\n 0px\n rgba(41, 41, 41, 0.1500), 0px\n 20px\n 20px\n -20px\n rgba(41, 41, 41, 0.2000)"
]
}
},
".pf-v6-c-alert-group__item:focus": {
"c_alert_group__overflow_button_Color": {
"name": "--pf-v6-c-alert-group__overflow-button--Color",
"value": "#004d99",
"values": [
"--pf-v6-c-alert-group__overflow-button--focus--Color",
"--pf-t--global--text--color--link--hover",
"--pf-t--global--text--color--link--200",
"--pf-t--color--blue--60",
"#004d99"
]
},
"c_alert_group__overflow_button_BoxShadow": {
"name": "--pf-v6-c-alert-group__overflow-button--BoxShadow",
"value": "0px\n 10px\n 20px\n 0px\n rgba(41, 41, 41, 0.1500), 0px\n 20px\n 20px\n -20px\n rgba(41, 41, 41, 0.2000)",
"values": [
"--pf-v6-c-alert-group__overflow-button--focus--BoxShadow",
"--pf-t--global--box-shadow--lg, --pf-t--global--box-shadow--lg--bottom",
"--pf-t--global--box-shadow--X--lg--default\n --pf-t--global--box-shadow--Y--lg--default\n --pf-t--global--box-shadow--blur--lg\n --pf-t--global--box-shadow--spread--lg--default\n --pf-t--global--box-shadow--color--lg--default, --pf-t--global--box-shadow--X--lg--bottom\n --pf-t--global--box-shadow--Y--lg--bottom\n --pf-t--global--box-shadow--blur--lg\n --pf-t--global--box-shadow--spread--lg--directional\n --pf-t--global--box-shadow--color--lg--directional",
"--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--700\n --pf-t--global--box-shadow--blur--300\n --pf-t--global--box-shadow--spread--100\n --pf-t--global--box-shadow--color--100, --pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--800\n --pf-t--global--box-shadow--blur--300\n --pf-t--global--box-shadow--spread--400\n --pf-t--global--box-shadow--color--200",
"0px\n 10px\n 20px\n 0px\n rgba(41, 41, 41, 0.1500), 0px\n 20px\n 20px\n -20px\n rgba(41, 41, 41, 0.2000)"
]
}
},
".pf-v6-c-alert-group__item:active": {
"c_alert_group__overflow_button_Color": {
"name": "--pf-v6-c-alert-group__overflow-button--Color",
"value": "#004d99",
"values": [
"--pf-v6-c-alert-group__overflow-button--active--Color",
"--pf-t--global--text--color--link--hover",
"--pf-t--global--text--color--link--200",
"--pf-t--color--blue--60",
"#004d99"
]
},
"c_alert_group__overflow_button_BoxShadow": {
"name": "--pf-v6-c-alert-group__overflow-button--BoxShadow",
"value": "0px\n 10px\n 20px\n 0px\n rgba(41, 41, 41, 0.1500), 0px\n 20px\n 20px\n -20px\n rgba(41, 41, 41, 0.2000)",
"values": [
"--pf-v6-c-alert-group__overflow-button--active--BoxShadow",
"--pf-t--global--box-shadow--lg, --pf-t--global--box-shadow--lg--bottom",
"--pf-t--global--box-shadow--X--lg--default\n --pf-t--global--box-shadow--Y--lg--default\n --pf-t--global--box-shadow--blur--lg\n --pf-t--global--box-shadow--spread--lg--default\n --pf-t--global--box-shadow--color--lg--default, --pf-t--global--box-shadow--X--lg--bottom\n --pf-t--global--box-shadow--Y--lg--bottom\n --pf-t--global--box-shadow--blur--lg\n --pf-t--global--box-shadow--spread--lg--directional\n --pf-t--global--box-shadow--color--lg--directional",
"--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--700\n --pf-t--global--box-shadow--blur--300\n --pf-t--global--box-shadow--spread--100\n --pf-t--global--box-shadow--color--100, --pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--800\n --pf-t--global--box-shadow--blur--300\n --pf-t--global--box-shadow--spread--400\n --pf-t--global--box-shadow--color--200",
"0px\n 10px\n 20px\n 0px\n rgba(41, 41, 41, 0.1500), 0px\n 20px\n 20px\n -20px\n rgba(41, 41, 41, 0.2000)"
]
}
}
};
export default c_alert_group;