package.dist.esm.c_alert.js Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of react-tokens Show documentation
Show all versions of react-tokens Show documentation
This library provides access to the design tokens of PatternFly 4 from JavaScript
export const c_alert = {
".pf-v5-c-alert": {
"global_Color_100": {
"name": "--pf-v5-global--Color--100",
"value": "#151515",
"values": [
"--pf-v5-global--Color--dark-100",
"$pf-v5-global--Color--dark-100",
"$pf-v5-color-black-900",
"#151515"
]
},
"global_Color_200": {
"name": "--pf-v5-global--Color--200",
"value": "#6a6e73",
"values": [
"--pf-v5-global--Color--dark-200",
"$pf-v5-global--Color--dark-200",
"$pf-v5-color-black-600",
"#6a6e73"
]
},
"global_BorderColor_100": {
"name": "--pf-v5-global--BorderColor--100",
"value": "#d2d2d2",
"values": [
"--pf-v5-global--BorderColor--dark-100",
"$pf-v5-global--BorderColor--dark-100",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"global_primary_color_100": {
"name": "--pf-v5-global--primary-color--100",
"value": "#06c",
"values": [
"--pf-v5-global--primary-color--dark-100",
"$pf-v5-global--primary-color--dark-100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"global_link_Color": {
"name": "--pf-v5-global--link--Color",
"value": "#06c",
"values": [
"--pf-v5-global--link--Color--dark",
"$pf-v5-global--link--Color--dark",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"global_link_Color_hover": {
"name": "--pf-v5-global--link--Color--hover",
"value": "#004080",
"values": [
"--pf-v5-global--link--Color--dark--hover",
"$pf-v5-global--link--Color--dark--hover",
"$pf-v5-global--primary-color--200",
"$pf-v5-color-blue-500",
"#004080"
]
},
"global_BackgroundColor_100": {
"name": "--pf-v5-global--BackgroundColor--100",
"value": "#fff",
"values": [
"--pf-v5-global--BackgroundColor--light-100",
"$pf-v5-global--BackgroundColor--light-100",
"$pf-v5-color-white",
"#fff"
]
},
"global_icon_Color_light": {
"name": "--pf-v5-global--icon--Color--light",
"value": "#6a6e73",
"values": [
"--pf-v5-global--icon--Color--light--dark",
"$pf-v5-global--icon--Color--light--dark",
"$pf-v5-color-black-600",
"#6a6e73"
]
},
"global_icon_Color_dark": {
"name": "--pf-v5-global--icon--Color--dark",
"value": "#151515",
"values": [
"--pf-v5-global--icon--Color--dark--dark",
"$pf-v5-global--icon--Color--dark--dark",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_alert_BoxShadow": {
"name": "--pf-v5-c-alert--BoxShadow",
"value": "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)",
"values": [
"--pf-v5-global--BoxShadow--lg",
"$pf-v5-global--BoxShadow--lg",
"0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-v5-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-v5-color-black-1000, .08)",
"0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba(#030303, .16), 0 0 pf-size-prem(6px) 0 rgba(#030303, .08)",
"0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)"
]
},
"c_alert_BackgroundColor": {
"name": "--pf-v5-c-alert--BackgroundColor",
"value": "#fff",
"values": [
"--pf-v5-global--BackgroundColor--100",
"$pf-v5-global--BackgroundColor--100",
"$pf-v5-color-white",
"#fff"
]
},
"c_alert_GridTemplateColumns": {
"name": "--pf-v5-c-alert--GridTemplateColumns",
"value": "max-content 1fr max-content"
},
"c_alert_GridTemplateAreas": {
"name": "--pf-v5-c-alert--GridTemplateAreas",
"value": "\"icon title action\"\n \". description description\"\n \". actiongroup actiongroup\""
},
"c_alert_BorderTopWidth": {
"name": "--pf-v5-c-alert--BorderTopWidth",
"value": "2px",
"values": [
"--pf-v5-global--BorderWidth--md",
"$pf-v5-global--BorderWidth--md",
"2px"
]
},
"c_alert_BorderTopColor": {
"name": "--pf-v5-c-alert--BorderTopColor",
"value": "#d2d2d2",
"values": [
"--pf-v5-global--BorderColor--100",
"$pf-v5-global--BorderColor--100",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"c_alert_PaddingTop": {
"name": "--pf-v5-c-alert--PaddingTop",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_alert_PaddingRight": {
"name": "--pf-v5-c-alert--PaddingRight",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_alert_PaddingBottom": {
"name": "--pf-v5-c-alert--PaddingBottom",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_alert_PaddingLeft": {
"name": "--pf-v5-c-alert--PaddingLeft",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_alert__FontSize": {
"name": "--pf-v5-c-alert__FontSize",
"value": "0.875rem",
"values": [
"--pf-v5-global--FontSize--sm",
"$pf-v5-global--FontSize--sm",
"pf-font-prem(14px)",
"0.875rem"
]
},
"c_alert__toggle_MarginTop": {
"name": "--pf-v5-c-alert__toggle--MarginTop",
"value": "calc(-1 * 0.375rem - 0.0625rem)",
"values": [
"calc(-1 * --pf-v5-global--spacer--form-element - 0.0625rem)",
"calc(-1 * $pf-v5-global--spacer--form-element - 0.0625rem)",
"calc(-1 * pf-size-prem(6px) - 0.0625rem)",
"calc(-1 * 0.375rem - 0.0625rem)"
]
},
"c_alert__toggle_MarginBottom": {
"name": "--pf-v5-c-alert__toggle--MarginBottom",
"value": "calc(-1 * 0.375rem)",
"values": [
"calc(-1 * --pf-v5-global--spacer--form-element)",
"calc(-1 * $pf-v5-global--spacer--form-element)",
"calc(-1 * pf-size-prem(6px))",
"calc(-1 * 0.375rem)"
]
},
"c_alert__toggle_MarginLeft": {
"name": "--pf-v5-c-alert__toggle--MarginLeft",
"value": "calc(-1 * 1rem)",
"values": [
"calc(-1 * --pf-v5-global--spacer--md)",
"calc(-1 * $pf-v5-global--spacer--md)",
"calc(-1 * pf-size-prem(16px))",
"calc(-1 * 1rem)"
]
},
"c_alert__toggle_icon_Rotate": {
"name": "--pf-v5-c-alert__toggle-icon--Rotate",
"value": "0"
},
"c_alert__toggle_icon_Transition": {
"name": "--pf-v5-c-alert__toggle-icon--Transition",
"value": "all 250ms cubic-bezier(.42, 0, .58, 1)",
"values": [
"--pf-v5-global--Transition",
"$pf-v5-global--Transition",
"all 250ms cubic-bezier(.42, 0, .58, 1)"
]
},
"c_alert__icon_Color": {
"name": "--pf-v5-c-alert__icon--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_alert__icon_MarginTop": {
"name": "--pf-v5-c-alert__icon--MarginTop",
"value": "0.0625rem"
},
"c_alert__icon_MarginRight": {
"name": "--pf-v5-c-alert__icon--MarginRight",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_alert__icon_FontSize": {
"name": "--pf-v5-c-alert__icon--FontSize",
"value": "1rem",
"values": [
"--pf-v5-global--icon--FontSize--md",
"$pf-v5-global--icon--FontSize--md",
"pf-font-prem(16px)",
"1rem"
]
},
"c_alert__title_FontWeight": {
"name": "--pf-v5-c-alert__title--FontWeight",
"value": "700",
"values": [
"--pf-v5-global--FontWeight--bold",
"$pf-v5-global--FontWeight--bold",
"700"
]
},
"c_alert__title_Color": {
"name": "--pf-v5-c-alert__title--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_alert__title_max_lines": {
"name": "--pf-v5-c-alert__title--max-lines",
"value": "1"
},
"c_alert__action_MarginTop": {
"name": "--pf-v5-c-alert__action--MarginTop",
"value": "calc(0.375rem * -1)",
"values": [
"calc(--pf-v5-global--spacer--form-element * -1)",
"calc($pf-v5-global--spacer--form-element * -1)",
"calc(pf-size-prem(6px) * -1)",
"calc(0.375rem * -1)"
]
},
"c_alert__action_MarginBottom": {
"name": "--pf-v5-c-alert__action--MarginBottom",
"value": "calc(0.375rem * -1)",
"values": [
"calc(--pf-v5-global--spacer--form-element * -1)",
"calc($pf-v5-global--spacer--form-element * -1)",
"calc(pf-size-prem(6px) * -1)",
"calc(0.375rem * -1)"
]
},
"c_alert__action_TranslateY": {
"name": "--pf-v5-c-alert__action--TranslateY",
"value": "0.125rem"
},
"c_alert__action_MarginRight": {
"name": "--pf-v5-c-alert__action--MarginRight",
"value": "calc(0.5rem * -1)",
"values": [
"calc(--pf-v5-global--spacer--sm * -1)",
"calc($pf-v5-global--spacer--sm * -1)",
"calc(pf-size-prem(8px) * -1)",
"calc(0.5rem * -1)"
]
},
"c_alert__description_PaddingTop": {
"name": "--pf-v5-c-alert__description--PaddingTop",
"value": "0.25rem",
"values": [
"--pf-v5-global--spacer--xs",
"$pf-v5-global--spacer--xs",
"pf-size-prem(4px)",
"0.25rem"
]
},
"c_alert__action_group_PaddingTop_base": {
"name": "--pf-v5-c-alert__action-group--PaddingTop-base",
"value": "0.25rem",
"values": [
"--pf-v5-global--spacer--xs",
"$pf-v5-global--spacer--xs",
"pf-size-prem(4px)",
"0.25rem"
]
},
"c_alert__action_group_PaddingTop": {
"name": "--pf-v5-c-alert__action-group--PaddingTop",
"value": "0.25rem",
"values": [
"--pf-v5-c-alert__action-group--PaddingTop-base",
"--pf-v5-global--spacer--xs",
"$pf-v5-global--spacer--xs",
"pf-size-prem(4px)",
"0.25rem"
]
},
"c_alert__description_action_group_PaddingTop_base": {
"name": "--pf-v5-c-alert__description--action-group--PaddingTop-base",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_alert__description_action_group_PaddingTop": {
"name": "--pf-v5-c-alert__description--action-group--PaddingTop",
"value": "1rem",
"values": [
"--pf-v5-c-alert__description--action-group--PaddingTop-base",
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_alert__action_group__c_button_not_last_child_MarginRight": {
"name": "--pf-v5-c-alert__action-group__c-button--not-last-child--MarginRight",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_alert_m_custom_BorderTopColor": {
"name": "--pf-v5-c-alert--m-custom--BorderTopColor",
"value": "#009596",
"values": [
"--pf-v5-global--custom-color--200",
"$pf-v5-global--custom-color--200",
"$pf-v5-color-cyan-300",
"#009596"
]
},
"c_alert_m_custom__icon_Color": {
"name": "--pf-v5-c-alert--m-custom__icon--Color",
"value": "#009596",
"values": [
"--pf-v5-global--custom-color--200",
"$pf-v5-global--custom-color--200",
"$pf-v5-color-cyan-300",
"#009596"
]
},
"c_alert_m_custom__title_Color": {
"name": "--pf-v5-c-alert--m-custom__title--Color",
"value": "#003737",
"values": [
"--pf-v5-global--custom-color--300",
"$pf-v5-global--custom-color--300",
"$pf-v5-color-cyan-500",
"#003737"
]
},
"c_alert_m_success_BorderTopColor": {
"name": "--pf-v5-c-alert--m-success--BorderTopColor",
"value": "#3e8635",
"values": [
"--pf-v5-global--success-color--100",
"$pf-v5-global--success-color--100",
"$pf-v5-color-green-500",
"#3e8635"
]
},
"c_alert_m_success__icon_Color": {
"name": "--pf-v5-c-alert--m-success__icon--Color",
"value": "#3e8635",
"values": [
"--pf-v5-global--success-color--100",
"$pf-v5-global--success-color--100",
"$pf-v5-color-green-500",
"#3e8635"
]
},
"c_alert_m_success__title_Color": {
"name": "--pf-v5-c-alert--m-success__title--Color",
"value": "#1e4f18",
"values": [
"--pf-v5-global--success-color--200",
"$pf-v5-global--success-color--200",
"$pf-v5-color-green-600",
"#1e4f18"
]
},
"c_alert_m_danger_BorderTopColor": {
"name": "--pf-v5-c-alert--m-danger--BorderTopColor",
"value": "#c9190b",
"values": [
"--pf-v5-global--danger-color--100",
"$pf-v5-global--danger-color--100",
"$pf-v5-color-red-100",
"#c9190b"
]
},
"c_alert_m_danger__icon_Color": {
"name": "--pf-v5-c-alert--m-danger__icon--Color",
"value": "#c9190b",
"values": [
"--pf-v5-global--danger-color--100",
"$pf-v5-global--danger-color--100",
"$pf-v5-color-red-100",
"#c9190b"
]
},
"c_alert_m_danger__title_Color": {
"name": "--pf-v5-c-alert--m-danger__title--Color",
"value": "#a30000",
"values": [
"--pf-v5-global--danger-color--200",
"$pf-v5-global--danger-color--200",
"$pf-v5-color-red-200",
"#a30000"
]
},
"c_alert_m_warning_BorderTopColor": {
"name": "--pf-v5-c-alert--m-warning--BorderTopColor",
"value": "#f0ab00",
"values": [
"--pf-v5-global--warning-color--100",
"$pf-v5-global--warning-color--100",
"$pf-v5-color-gold-400",
"#f0ab00"
]
},
"c_alert_m_warning__icon_Color": {
"name": "--pf-v5-c-alert--m-warning__icon--Color",
"value": "#f0ab00",
"values": [
"--pf-v5-global--warning-color--100",
"$pf-v5-global--warning-color--100",
"$pf-v5-color-gold-400",
"#f0ab00"
]
},
"c_alert_m_warning__title_Color": {
"name": "--pf-v5-c-alert--m-warning__title--Color",
"value": "#795600",
"values": [
"--pf-v5-global--warning-color--200",
"$pf-v5-global--warning-color--200",
"$pf-v5-color-gold-600",
"#795600"
]
},
"c_alert_m_info_BorderTopColor": {
"name": "--pf-v5-c-alert--m-info--BorderTopColor",
"value": "#2b9af3",
"values": [
"--pf-v5-global--info-color--100",
"$pf-v5-global--info-color--100",
"$pf-v5-color-blue-300",
"#2b9af3"
]
},
"c_alert_m_info__icon_Color": {
"name": "--pf-v5-c-alert--m-info__icon--Color",
"value": "#2b9af3",
"values": [
"--pf-v5-global--info-color--100",
"$pf-v5-global--info-color--100",
"$pf-v5-color-blue-300",
"#2b9af3"
]
},
"c_alert_m_info__title_Color": {
"name": "--pf-v5-c-alert--m-info__title--Color",
"value": "#002952",
"values": [
"--pf-v5-global--info-color--200",
"$pf-v5-global--info-color--200",
"$pf-v5-color-blue-600",
"#002952"
]
},
"c_alert_m_inline_BoxShadow": {
"name": "--pf-v5-c-alert--m-inline--BoxShadow",
"value": "none"
},
"c_alert_m_inline_m_custom_BackgroundColor": {
"name": "--pf-v5-c-alert--m-inline--m-custom--BackgroundColor",
"value": "#f2f9f9",
"values": [
"--pf-v5-global--palette--cyan-50",
"$pf-v5-color-cyan-50",
"#f2f9f9"
]
},
"c_alert_m_inline_m_success_BackgroundColor": {
"name": "--pf-v5-c-alert--m-inline--m-success--BackgroundColor",
"value": "#f3faf2",
"values": [
"--pf-v5-global--palette--green-50",
"$pf-v5-color-green-50",
"#f3faf2"
]
},
"c_alert_m_inline_m_danger_BackgroundColor": {
"name": "--pf-v5-c-alert--m-inline--m-danger--BackgroundColor",
"value": "#faeae8",
"values": [
"--pf-v5-global--palette--red-50",
"$pf-v5-color-red-50",
"#faeae8"
]
},
"c_alert_m_inline_m_warning_BackgroundColor": {
"name": "--pf-v5-c-alert--m-inline--m-warning--BackgroundColor",
"value": "#fdf7e7",
"values": [
"--pf-v5-global--palette--gold-50",
"$pf-v5-color-gold-50",
"#fdf7e7"
]
},
"c_alert_m_inline_m_info_BackgroundColor": {
"name": "--pf-v5-c-alert--m-inline--m-info--BackgroundColor",
"value": "#e7f1fa",
"values": [
"--pf-v5-global--palette--blue-50",
"$pf-v5-color-blue-50",
"#e7f1fa"
]
},
"c_alert_m_inline_m_plain_BorderTopWidth": {
"name": "--pf-v5-c-alert--m-inline--m-plain--BorderTopWidth",
"value": "0"
},
"c_alert_m_inline_m_plain_BackgroundColor": {
"name": "--pf-v5-c-alert--m-inline--m-plain--BackgroundColor",
"value": "transparent"
},
"c_alert_m_inline_m_plain_PaddingTop": {
"name": "--pf-v5-c-alert--m-inline--m-plain--PaddingTop",
"value": "0"
},
"c_alert_m_inline_m_plain_PaddingRight": {
"name": "--pf-v5-c-alert--m-inline--m-plain--PaddingRight",
"value": "0"
},
"c_alert_m_inline_m_plain_PaddingBottom": {
"name": "--pf-v5-c-alert--m-inline--m-plain--PaddingBottom",
"value": "0"
},
"c_alert_m_inline_m_plain_PaddingLeft": {
"name": "--pf-v5-c-alert--m-inline--m-plain--PaddingLeft",
"value": "0"
},
"c_alert_m_expandable_GridTemplateColumns": {
"name": "--pf-v5-c-alert--m-expandable--GridTemplateColumns",
"value": "auto max-content 1fr max-content"
},
"c_alert_m_expandable_GridTemplateAreas": {
"name": "--pf-v5-c-alert--m-expandable--GridTemplateAreas",
"value": "\"toggle icon title action\"\n \". . description description\"\n \". . actiongroup actiongroup\""
},
"c_alert_m_expandable__description_action_group_PaddingTop": {
"name": "--pf-v5-c-alert--m-expandable__description--action-group--PaddingTop",
"value": "0.25rem",
"values": [
"--pf-v5-c-alert__action-group--PaddingTop-base",
"--pf-v5-global--spacer--xs",
"$pf-v5-global--spacer--xs",
"pf-size-prem(4px)",
"0.25rem"
]
},
"c_alert_m_expanded__toggle_icon_Rotate": {
"name": "--pf-v5-c-alert--m-expanded__toggle-icon--Rotate",
"value": "90deg"
},
"c_alert_m_expanded__description_action_group_PaddingTop": {
"name": "--pf-v5-c-alert--m-expanded__description--action-group--PaddingTop",
"value": "1rem",
"values": [
"--pf-v5-c-alert__description--action-group--PaddingTop-base",
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
}
},
".pf-v5-c-alert.pf-m-custom": {
"c_alert_BorderTopColor": {
"name": "--pf-v5-c-alert--BorderTopColor",
"value": "#009596",
"values": [
"--pf-v5-c-alert--m-custom--BorderTopColor",
"--pf-v5-global--custom-color--200",
"$pf-v5-global--custom-color--200",
"$pf-v5-color-cyan-300",
"#009596"
]
},
"c_alert__icon_Color": {
"name": "--pf-v5-c-alert__icon--Color",
"value": "#009596",
"values": [
"--pf-v5-c-alert--m-custom__icon--Color",
"--pf-v5-global--custom-color--200",
"$pf-v5-global--custom-color--200",
"$pf-v5-color-cyan-300",
"#009596"
]
},
"c_alert__title_Color": {
"name": "--pf-v5-c-alert__title--Color",
"value": "#003737",
"values": [
"--pf-v5-c-alert--m-custom__title--Color",
"--pf-v5-global--custom-color--300",
"$pf-v5-global--custom-color--300",
"$pf-v5-color-cyan-500",
"#003737"
]
},
"c_alert_m_inline_BackgroundColor": {
"name": "--pf-v5-c-alert--m-inline--BackgroundColor",
"value": "#f2f9f9",
"values": [
"--pf-v5-c-alert--m-inline--m-custom--BackgroundColor",
"--pf-v5-global--palette--cyan-50",
"$pf-v5-color-cyan-50",
"#f2f9f9"
]
}
},
".pf-v5-c-alert.pf-m-success": {
"c_alert_BorderTopColor": {
"name": "--pf-v5-c-alert--BorderTopColor",
"value": "#3e8635",
"values": [
"--pf-v5-c-alert--m-success--BorderTopColor",
"--pf-v5-global--success-color--100",
"$pf-v5-global--success-color--100",
"$pf-v5-color-green-500",
"#3e8635"
]
},
"c_alert__icon_Color": {
"name": "--pf-v5-c-alert__icon--Color",
"value": "#3e8635",
"values": [
"--pf-v5-c-alert--m-success__icon--Color",
"--pf-v5-global--success-color--100",
"$pf-v5-global--success-color--100",
"$pf-v5-color-green-500",
"#3e8635"
]
},
"c_alert__title_Color": {
"name": "--pf-v5-c-alert__title--Color",
"value": "#1e4f18",
"values": [
"--pf-v5-c-alert--m-success__title--Color",
"--pf-v5-global--success-color--200",
"$pf-v5-global--success-color--200",
"$pf-v5-color-green-600",
"#1e4f18"
]
},
"c_alert_m_inline_BackgroundColor": {
"name": "--pf-v5-c-alert--m-inline--BackgroundColor",
"value": "#f3faf2",
"values": [
"--pf-v5-c-alert--m-inline--m-success--BackgroundColor",
"--pf-v5-global--palette--green-50",
"$pf-v5-color-green-50",
"#f3faf2"
]
}
},
".pf-v5-c-alert.pf-m-danger": {
"c_alert_BorderTopColor": {
"name": "--pf-v5-c-alert--BorderTopColor",
"value": "#c9190b",
"values": [
"--pf-v5-c-alert--m-danger--BorderTopColor",
"--pf-v5-global--danger-color--100",
"$pf-v5-global--danger-color--100",
"$pf-v5-color-red-100",
"#c9190b"
]
},
"c_alert__icon_Color": {
"name": "--pf-v5-c-alert__icon--Color",
"value": "#c9190b",
"values": [
"--pf-v5-c-alert--m-danger__icon--Color",
"--pf-v5-global--danger-color--100",
"$pf-v5-global--danger-color--100",
"$pf-v5-color-red-100",
"#c9190b"
]
},
"c_alert__title_Color": {
"name": "--pf-v5-c-alert__title--Color",
"value": "#a30000",
"values": [
"--pf-v5-c-alert--m-danger__title--Color",
"--pf-v5-global--danger-color--200",
"$pf-v5-global--danger-color--200",
"$pf-v5-color-red-200",
"#a30000"
]
},
"c_alert_m_inline_BackgroundColor": {
"name": "--pf-v5-c-alert--m-inline--BackgroundColor",
"value": "#faeae8",
"values": [
"--pf-v5-c-alert--m-inline--m-danger--BackgroundColor",
"--pf-v5-global--palette--red-50",
"$pf-v5-color-red-50",
"#faeae8"
]
}
},
".pf-v5-c-alert.pf-m-warning": {
"c_alert_BorderTopColor": {
"name": "--pf-v5-c-alert--BorderTopColor",
"value": "#f0ab00",
"values": [
"--pf-v5-c-alert--m-warning--BorderTopColor",
"--pf-v5-global--warning-color--100",
"$pf-v5-global--warning-color--100",
"$pf-v5-color-gold-400",
"#f0ab00"
]
},
"c_alert__icon_Color": {
"name": "--pf-v5-c-alert__icon--Color",
"value": "#f0ab00",
"values": [
"--pf-v5-c-alert--m-warning__icon--Color",
"--pf-v5-global--warning-color--100",
"$pf-v5-global--warning-color--100",
"$pf-v5-color-gold-400",
"#f0ab00"
]
},
"c_alert__title_Color": {
"name": "--pf-v5-c-alert__title--Color",
"value": "#795600",
"values": [
"--pf-v5-c-alert--m-warning__title--Color",
"--pf-v5-global--warning-color--200",
"$pf-v5-global--warning-color--200",
"$pf-v5-color-gold-600",
"#795600"
]
},
"c_alert_m_inline_BackgroundColor": {
"name": "--pf-v5-c-alert--m-inline--BackgroundColor",
"value": "#fdf7e7",
"values": [
"--pf-v5-c-alert--m-inline--m-warning--BackgroundColor",
"--pf-v5-global--palette--gold-50",
"$pf-v5-color-gold-50",
"#fdf7e7"
]
}
},
".pf-v5-c-alert.pf-m-info": {
"c_alert_BorderTopColor": {
"name": "--pf-v5-c-alert--BorderTopColor",
"value": "#2b9af3",
"values": [
"--pf-v5-c-alert--m-info--BorderTopColor",
"--pf-v5-global--info-color--100",
"$pf-v5-global--info-color--100",
"$pf-v5-color-blue-300",
"#2b9af3"
]
},
"c_alert__icon_Color": {
"name": "--pf-v5-c-alert__icon--Color",
"value": "#2b9af3",
"values": [
"--pf-v5-c-alert--m-info__icon--Color",
"--pf-v5-global--info-color--100",
"$pf-v5-global--info-color--100",
"$pf-v5-color-blue-300",
"#2b9af3"
]
},
"c_alert__title_Color": {
"name": "--pf-v5-c-alert__title--Color",
"value": "#002952",
"values": [
"--pf-v5-c-alert--m-info__title--Color",
"--pf-v5-global--info-color--200",
"$pf-v5-global--info-color--200",
"$pf-v5-color-blue-600",
"#002952"
]
},
"c_alert_m_inline_BackgroundColor": {
"name": "--pf-v5-c-alert--m-inline--BackgroundColor",
"value": "#e7f1fa",
"values": [
"--pf-v5-c-alert--m-inline--m-info--BackgroundColor",
"--pf-v5-global--palette--blue-50",
"$pf-v5-color-blue-50",
"#e7f1fa"
]
}
},
".pf-v5-c-alert.pf-m-inline": {
"c_alert_BoxShadow": {
"name": "--pf-v5-c-alert--BoxShadow",
"value": "none",
"values": [
"--pf-v5-c-alert--m-inline--BoxShadow",
"none"
]
},
"c_alert_BackgroundColor": {
"name": "--pf-v5-c-alert--BackgroundColor",
"value": "",
"values": [
"--pf-v5-c-alert--m-inline--BackgroundColor",
""
]
}
},
".pf-v5-c-alert.pf-m-plain": {
"c_alert_BorderTopWidth": {
"name": "--pf-v5-c-alert--BorderTopWidth",
"value": "0",
"values": [
"--pf-v5-c-alert--m-inline--m-plain--BorderTopWidth",
"0"
]
},
"c_alert_BackgroundColor": {
"name": "--pf-v5-c-alert--BackgroundColor",
"value": "transparent",
"values": [
"--pf-v5-c-alert--m-inline--m-plain--BackgroundColor",
"transparent"
]
},
"c_alert_PaddingTop": {
"name": "--pf-v5-c-alert--PaddingTop",
"value": "0",
"values": [
"--pf-v5-c-alert--m-inline--m-plain--PaddingTop",
"0"
]
},
"c_alert_PaddingRight": {
"name": "--pf-v5-c-alert--PaddingRight",
"value": "0",
"values": [
"--pf-v5-c-alert--m-inline--m-plain--PaddingRight",
"0"
]
},
"c_alert_PaddingBottom": {
"name": "--pf-v5-c-alert--PaddingBottom",
"value": "0",
"values": [
"--pf-v5-c-alert--m-inline--m-plain--PaddingBottom",
"0"
]
},
"c_alert_PaddingLeft": {
"name": "--pf-v5-c-alert--PaddingLeft",
"value": "0",
"values": [
"--pf-v5-c-alert--m-inline--m-plain--PaddingLeft",
"0"
]
}
},
".pf-v5-c-alert.pf-m-expandable": {
"c_alert_GridTemplateColumns": {
"name": "--pf-v5-c-alert--GridTemplateColumns",
"value": "auto max-content 1fr max-content",
"values": [
"--pf-v5-c-alert--m-expandable--GridTemplateColumns",
"auto max-content 1fr max-content"
]
},
"c_alert_GridTemplateAreas": {
"name": "--pf-v5-c-alert--GridTemplateAreas",
"value": "\"toggle icon title action\"\n \". . description description\"\n \". . actiongroup actiongroup\"",
"values": [
"--pf-v5-c-alert--m-expandable--GridTemplateAreas",
"\"toggle icon title action\"\n \". . description description\"\n \". . actiongroup actiongroup\""
]
},
"c_alert__description_action_group_PaddingTop": {
"name": "--pf-v5-c-alert__description--action-group--PaddingTop",
"value": "0.25rem",
"values": [
"--pf-v5-c-alert--m-expandable__description--action-group--PaddingTop",
"--pf-v5-c-alert__action-group--PaddingTop-base",
"--pf-v5-global--spacer--xs",
"$pf-v5-global--spacer--xs",
"pf-size-prem(4px)",
"0.25rem"
]
}
},
".pf-v5-c-alert.pf-m-expanded": {
"c_alert__toggle_icon_Rotate": {
"name": "--pf-v5-c-alert__toggle-icon--Rotate",
"value": "90deg",
"values": [
"--pf-v5-c-alert--m-expanded__toggle-icon--Rotate",
"90deg"
]
},
"c_alert__description_action_group_PaddingTop": {
"name": "--pf-v5-c-alert__description--action-group--PaddingTop",
"value": "1rem",
"values": [
"--pf-v5-c-alert--m-expanded__description--action-group--PaddingTop",
"--pf-v5-c-alert__description--action-group--PaddingTop-base",
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
}
},
".pf-v5-c-alert__description + .pf-v5-c-alert__action-group": {
"c_alert__action_group_PaddingTop": {
"name": "--pf-v5-c-alert__action-group--PaddingTop",
"value": "1rem",
"values": [
"--pf-v5-c-alert__description--action-group--PaddingTop",
"--pf-v5-c-alert__description--action-group--PaddingTop-base",
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
}
},
".pf-v5-c-alert__action > .pf-v5-c-button": {
"c_button_LineHeight": {
"name": "--pf-v5-c-button--LineHeight",
"value": "1"
}
},
".pf-v5-c-alert__action-group > .pf-v5-c-button": {
"c_button_m_link_m_inline_hover_TextDecoration": {
"name": "--pf-v5-c-button--m-link--m-inline--hover--TextDecoration",
"value": "none"
}
}
};
export default c_alert;© 2015 - 2025 Weber Informatics LLC | Privacy Policy