package.dist.esm.c_wizard.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_wizard = {
".pf-v5-c-wizard__header": {
"global_Color_100": {
"name": "--pf-v5-global--Color--100",
"value": "#fff",
"values": [
"--pf-v5-global--Color--light-100",
"$pf-v5-global--Color--light-100",
"$pf-v5-color-white",
"#fff"
]
},
"global_Color_200": {
"name": "--pf-v5-global--Color--200",
"value": "#f0f0f0",
"values": [
"--pf-v5-global--Color--light-200",
"$pf-v5-global--Color--light-200",
"$pf-v5-color-black-200",
"#f0f0f0"
]
},
"global_BorderColor_100": {
"name": "--pf-v5-global--BorderColor--100",
"value": "#b8bbbe",
"values": [
"--pf-v5-global--BorderColor--light-100",
"$pf-v5-global--BorderColor--light-100",
"$pf-v5-color-black-400",
"#b8bbbe"
]
},
"global_primary_color_100": {
"name": "--pf-v5-global--primary-color--100",
"value": "#73bcf7",
"values": [
"--pf-v5-global--primary-color--light-100",
"$pf-v5-global--primary-color--light-100",
"$pf-v5-color-blue-200",
"#73bcf7"
]
},
"global_link_Color": {
"name": "--pf-v5-global--link--Color",
"value": "#2b9af3",
"values": [
"--pf-v5-global--link--Color--light",
"$pf-v5-global--link--Color--light",
"$pf-v5-global--active-color--300",
"$pf-v5-color-blue-300",
"#2b9af3"
]
},
"global_link_Color_hover": {
"name": "--pf-v5-global--link--Color--hover",
"value": "#2b9af3",
"values": [
"--pf-v5-global--link--Color--light",
"$pf-v5-global--link--Color--light",
"$pf-v5-global--active-color--300",
"$pf-v5-color-blue-300",
"#2b9af3"
]
},
"global_BackgroundColor_100": {
"name": "--pf-v5-global--BackgroundColor--100",
"value": "#151515",
"values": [
"--pf-v5-global--BackgroundColor--dark-100",
"$pf-v5-global--BackgroundColor--dark-100",
"$pf-v5-color-black-900",
"#151515"
]
},
"global_icon_Color_light": {
"name": "--pf-v5-global--icon--Color--light",
"value": "#f0f0f0",
"values": [
"--pf-v5-global--icon--Color--light--light",
"$pf-v5-global--icon--Color--light--light",
"$pf-v5-color-black-200",
"#f0f0f0"
]
},
"global_icon_Color_dark": {
"name": "--pf-v5-global--icon--Color--dark",
"value": "#fff",
"values": [
"--pf-v5-global--icon--Color--dark--light",
"$pf-v5-global--icon--Color--dark--light",
"$pf-v5-color-white",
"#fff"
]
}
},
".pf-v5-c-wizard__header .pf-v5-c-button": {
"c_button_m_primary_BackgroundColor": {
"name": "--pf-v5-c-button--m-primary--BackgroundColor",
"value": "#06c",
"values": [
"--pf-v5-global--primary-color--dark-100",
"$pf-v5-global--primary-color--dark-100",
"$pf-v5-color-blue-400",
"#06c"
]
}
},
".pf-v5-c-wizard": {
"c_wizard_Height": {
"name": "--pf-v5-c-wizard--Height",
"value": "100%"
},
"c_modal_box_c_wizard_FlexBasis": {
"name": "--pf-v5-c-modal-box--c-wizard--FlexBasis",
"value": "47.625rem"
},
"c_wizard__header_BackgroundColor": {
"name": "--pf-v5-c-wizard__header--BackgroundColor",
"value": "#151515",
"values": [
"--pf-v5-global--BackgroundColor--dark-100",
"$pf-v5-global--BackgroundColor--dark-100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_wizard__header_ZIndex": {
"name": "--pf-v5-c-wizard__header--ZIndex",
"value": "auto"
},
"c_wizard__header_PaddingTop": {
"name": "--pf-v5-c-wizard__header--PaddingTop",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_wizard__header_PaddingRight": {
"name": "--pf-v5-c-wizard__header--PaddingRight",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_wizard__header_PaddingBottom": {
"name": "--pf-v5-c-wizard__header--PaddingBottom",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_wizard__header_PaddingLeft": {
"name": "--pf-v5-c-wizard__header--PaddingLeft",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_wizard__header_lg_PaddingRight": {
"name": "--pf-v5-c-wizard__header--lg--PaddingRight",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_wizard__header_lg_PaddingLeft": {
"name": "--pf-v5-c-wizard__header--lg--PaddingLeft",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_wizard__header_xl_PaddingRight": {
"name": "--pf-v5-c-wizard__header--xl--PaddingRight",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_wizard__header_xl_PaddingLeft": {
"name": "--pf-v5-c-wizard__header--xl--PaddingLeft",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_wizard__close_Top": {
"name": "--pf-v5-c-wizard__close--Top",
"value": "calc(1.5rem - 0.375rem)",
"values": [
"calc(--pf-v5-global--spacer--lg - --pf-v5-global--spacer--form-element)",
"calc($pf-v5-global--spacer--lg - $pf-v5-global--spacer--form-element)",
"calc(pf-size-prem(24px) - pf-size-prem(6px))",
"calc(1.5rem - 0.375rem)"
]
},
"c_wizard__close_Right": {
"name": "--pf-v5-c-wizard__close--Right",
"value": "0"
},
"c_wizard__close_xl_Right": {
"name": "--pf-v5-c-wizard__close--xl--Right",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_wizard__close_FontSize": {
"name": "--pf-v5-c-wizard__close--FontSize",
"value": "1.25rem",
"values": [
"--pf-v5-global--FontSize--xl",
"$pf-v5-global--FontSize--xl",
"pf-font-prem(20px)",
"1.25rem"
]
},
"c_wizard__title_PaddingRight": {
"name": "--pf-v5-c-wizard__title--PaddingRight",
"value": "3rem",
"values": [
"--pf-v5-global--spacer--2xl",
"$pf-v5-global--spacer--2xl",
"pf-size-prem(48px)",
"3rem"
]
},
"c_wizard__title_text_FontSize": {
"name": "--pf-v5-c-wizard__title-text--FontSize",
"value": "1.75rem",
"values": [
"--pf-v5-global--FontSize--3xl",
"$pf-v5-global--FontSize--3xl",
"pf-font-prem(28px)",
"1.75rem"
]
},
"c_wizard__title_text_FontFamily": {
"name": "--pf-v5-c-wizard__title-text--FontFamily",
"value": "'\"RedHatDisplay\", helvetica, arial, sans-serif'",
"values": [
"--pf-v5-global--FontFamily--heading",
"$pf-v5-global--FontFamily--heading",
"'\"RedHatDisplay\", helvetica, arial, sans-serif'"
]
},
"c_wizard__title_text_FontWeight": {
"name": "--pf-v5-c-wizard__title-text--FontWeight",
"value": "400",
"values": [
"--pf-v5-global--FontWeight--normal",
"$pf-v5-global--FontWeight--normal",
"400"
]
},
"c_wizard__title_text_LineHeight": {
"name": "--pf-v5-c-wizard__title-text--LineHeight",
"value": "1.3",
"values": [
"--pf-v5-global--LineHeight--sm",
"$pf-v5-global--LineHeight--sm",
"1.3"
]
},
"c_wizard__description_PaddingTop": {
"name": "--pf-v5-c-wizard__description--PaddingTop",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_wizard__description_Color": {
"name": "--pf-v5-c-wizard__description--Color",
"value": "#f0f0f0",
"values": [
"--pf-v5-global--Color--light-200",
"$pf-v5-global--Color--light-200",
"$pf-v5-color-black-200",
"#f0f0f0"
]
},
"c_wizard__nav_link_Color": {
"name": "--pf-v5-c-wizard__nav-link--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_wizard__nav_link_BackgroundColor": {
"name": "--pf-v5-c-wizard__nav-link--BackgroundColor",
"value": "transparent"
},
"c_wizard__nav_link_TextDecoration": {
"name": "--pf-v5-c-wizard__nav-link--TextDecoration",
"value": "none",
"values": [
"--pf-v5-global--link--TextDecoration",
"$pf-v5-global--link--TextDecoration",
"none"
]
},
"c_wizard__nav_link_hover_Color": {
"name": "--pf-v5-c-wizard__nav-link--hover--Color",
"value": "#06c",
"values": [
"--pf-v5-global--link--Color",
"$pf-v5-global--link--Color",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_wizard__nav_link_focus_Color": {
"name": "--pf-v5-c-wizard__nav-link--focus--Color",
"value": "#06c",
"values": [
"--pf-v5-global--link--Color",
"$pf-v5-global--link--Color",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_wizard__nav_link_m_current_Color": {
"name": "--pf-v5-c-wizard__nav-link--m-current--Color",
"value": "#06c",
"values": [
"--pf-v5-global--link--Color",
"$pf-v5-global--link--Color",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_wizard__nav_link_m_current_FontWeight": {
"name": "--pf-v5-c-wizard__nav-link--m-current--FontWeight",
"value": "400",
"values": [
"--pf-v5-global--FontWeight--normal",
"$pf-v5-global--FontWeight--normal",
"400"
]
},
"c_wizard__nav_link_m_disabled_Color": {
"name": "--pf-v5-c-wizard__nav-link--m-disabled--Color",
"value": "#6a6e73",
"values": [
"--pf-v5-global--disabled-color--100",
"$pf-v5-global--disabled-color--100",
"$pf-v5-color-black-600",
"#6a6e73"
]
},
"c_wizard__nav_list__nav_list__nav_link_m_current_FontWeight": {
"name": "--pf-v5-c-wizard__nav-list__nav-list__nav-link--m-current--FontWeight",
"value": "400",
"values": [
"--pf-v5-global--FontWeight--normal",
"$pf-v5-global--FontWeight--normal",
"400"
]
},
"c_wizard__nav_link_toggle_PaddingRight": {
"name": "--pf-v5-c-wizard__nav-link-toggle--PaddingRight",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_wizard__nav_link_toggle_PaddingLeft": {
"name": "--pf-v5-c-wizard__nav-link-toggle--PaddingLeft",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_wizard__nav_link_toggle_Color": {
"name": "--pf-v5-c-wizard__nav-link-toggle--Color",
"value": "#6a6e73",
"values": [
"--pf-v5-global--Color--200",
"$pf-v5-global--Color--200",
"$pf-v5-color-black-600",
"#6a6e73"
]
},
"c_wizard__nav_link_hover__nav_link_toggle_icon_Color": {
"name": "--pf-v5-c-wizard__nav-link--hover__nav-link-toggle-icon--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_wizard__nav_link_focus__nav_link_toggle_icon_Color": {
"name": "--pf-v5-c-wizard__nav-link--focus__nav-link-toggle-icon--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_wizard__nav_link_toggle_icon_Transition": {
"name": "--pf-v5-c-wizard__nav-link-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_wizard__nav_link_toggle_icon_Rotate": {
"name": "--pf-v5-c-wizard__nav-link-toggle-icon--Rotate",
"value": "0"
},
"c_wizard__nav_item_m_expanded__link_toggle_icon_Rotate": {
"name": "--pf-v5-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate",
"value": "90deg"
},
"c_wizard__nav_link_before_Width": {
"name": "--pf-v5-c-wizard__nav-link--before--Width",
"value": "1.5rem"
},
"c_wizard__nav_link_before_Height": {
"name": "--pf-v5-c-wizard__nav-link--before--Height",
"value": "1.5rem"
},
"c_wizard__nav_link_before_Top": {
"name": "--pf-v5-c-wizard__nav-link--before--Top",
"value": "0"
},
"c_wizard__nav_link_before_BackgroundColor": {
"name": "--pf-v5-c-wizard__nav-link--before--BackgroundColor",
"value": "#f0f0f0",
"values": [
"--pf-v5-global--BackgroundColor--200",
"$pf-v5-global--BackgroundColor--200",
"$pf-v5-color-black-200",
"#f0f0f0"
]
},
"c_wizard__nav_link_before_BorderRadius": {
"name": "--pf-v5-c-wizard__nav-link--before--BorderRadius",
"value": "30em",
"values": [
"--pf-v5-global--BorderRadius--lg",
"$pf-v5-global--BorderRadius--lg",
"30em"
]
},
"c_wizard__nav_link_before_Color": {
"name": "--pf-v5-c-wizard__nav-link--before--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_wizard__nav_link_before_FontSize": {
"name": "--pf-v5-c-wizard__nav-link--before--FontSize",
"value": "0.875rem",
"values": [
"--pf-v5-global--FontSize--sm",
"$pf-v5-global--FontSize--sm",
"pf-font-prem(14px)",
"0.875rem"
]
},
"c_wizard__nav_link_before_TranslateX": {
"name": "--pf-v5-c-wizard__nav-link--before--TranslateX",
"value": "calc(-100% - 0.5rem)",
"values": [
"calc(-100% - --pf-v5-global--spacer--sm)",
"calc(-100% - $pf-v5-global--spacer--sm)",
"calc(-100% - pf-size-prem(8px))",
"calc(-100% - 0.5rem)"
]
},
"c_wizard__nav_link_m_current_before_BackgroundColor": {
"name": "--pf-v5-c-wizard__nav-link--m-current--before--BackgroundColor",
"value": "#06c",
"values": [
"--pf-v5-global--active-color--100",
"$pf-v5-global--active-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_wizard__nav_link_m_current_before_Color": {
"name": "--pf-v5-c-wizard__nav-link--m-current--before--Color",
"value": "#fff",
"values": [
"--pf-v5-global--Color--light-100",
"$pf-v5-global--Color--light-100",
"$pf-v5-color-white",
"#fff"
]
},
"c_wizard__nav_link_m_disabled_before_BackgroundColor": {
"name": "--pf-v5-c-wizard__nav-link--m-disabled--before--BackgroundColor",
"value": "transparent"
},
"c_wizard__nav_link_m_disabled_before_Color": {
"name": "--pf-v5-c-wizard__nav-link--m-disabled--before--Color",
"value": "#6a6e73",
"values": [
"--pf-v5-global--disabled-color--100",
"$pf-v5-global--disabled-color--100",
"$pf-v5-color-black-600",
"#6a6e73"
]
},
"c_wizard__toggle_BackgroundColor": {
"name": "--pf-v5-c-wizard__toggle--BackgroundColor",
"value": "#fff",
"values": [
"--pf-v5-global--BackgroundColor--100",
"$pf-v5-global--BackgroundColor--100",
"$pf-v5-color-white",
"#fff"
]
},
"c_wizard__toggle_ZIndex": {
"name": "--pf-v5-c-wizard__toggle--ZIndex",
"value": "100",
"values": [
"--pf-v5-global--ZIndex--xs",
"$pf-v5-global--ZIndex--xs",
"100"
]
},
"c_wizard__toggle_BoxShadow": {
"name": "--pf-v5-c-wizard__toggle--BoxShadow",
"value": "0 0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.18)",
"values": [
"--pf-v5-global--BoxShadow--md-bottom",
"$pf-v5-global--BoxShadow--md-bottom",
"0 pf-size-prem(8px) pf-size-prem(8px) pf-size-prem(-6px) rgba($pf-v5-color-black-1000, .18)",
"0 pf-size-prem(8px) pf-size-prem(8px) pf-size-prem(-6px) rgba(#030303, .18)",
"0 0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.18)"
]
},
"c_wizard__toggle_PaddingTop": {
"name": "--pf-v5-c-wizard__toggle--PaddingTop",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_wizard__toggle_PaddingRight": {
"name": "--pf-v5-c-wizard__toggle--PaddingRight",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_wizard__toggle_PaddingBottom": {
"name": "--pf-v5-c-wizard__toggle--PaddingBottom",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_wizard__toggle_PaddingLeft": {
"name": "--pf-v5-c-wizard__toggle--PaddingLeft",
"value": "calc(1rem + 1.5rem + 0.5rem)",
"values": [
"calc(--pf-v5-global--spacer--md + --pf-v5-c-wizard__nav-link--before--Width + --pf-v5-global--spacer--sm)",
"calc($pf-v5-global--spacer--md + 1.5rem + $pf-v5-global--spacer--sm)",
"calc(pf-size-prem(16px) + 1.5rem + pf-size-prem(8px))",
"calc(1rem + 1.5rem + 0.5rem)"
]
},
"c_wizard__toggle_m_expanded_BorderBottomWidth": {
"name": "--pf-v5-c-wizard__toggle--m-expanded--BorderBottomWidth",
"value": "1px",
"values": [
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_wizard__toggle_m_expanded_BorderBottomColor": {
"name": "--pf-v5-c-wizard__toggle--m-expanded--BorderBottomColor",
"value": "#d2d2d2",
"values": [
"--pf-v5-global--BorderColor--100",
"$pf-v5-global--BorderColor--100",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"c_wizard_m_in_page__toggle_xl_PaddingLeft": {
"name": "--pf-v5-c-wizard--m-in-page__toggle--xl--PaddingLeft",
"value": "calc(2rem + 1.5rem + 0.5rem)",
"values": [
"calc(--pf-v5-global--spacer--xl + --pf-v5-c-wizard__nav-link--before--Width + --pf-v5-global--spacer--sm)",
"calc($pf-v5-global--spacer--xl + 1.5rem + $pf-v5-global--spacer--sm)",
"calc(pf-size-prem(32px) + 1.5rem + pf-size-prem(8px))",
"calc(2rem + 1.5rem + 0.5rem)"
]
},
"c_wizard__toggle_num_before_Top": {
"name": "--pf-v5-c-wizard__toggle-num--before--Top",
"value": "0"
},
"c_wizard__toggle_list_item_not_last_child_MarginRight": {
"name": "--pf-v5-c-wizard__toggle-list-item--not-last-child--MarginRight",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_wizard__toggle_list_item_MarginBottom": {
"name": "--pf-v5-c-wizard__toggle-list-item--MarginBottom",
"value": "0.25rem",
"values": [
"--pf-v5-global--spacer--xs",
"$pf-v5-global--spacer--xs",
"pf-size-prem(4px)",
"0.25rem"
]
},
"c_wizard__toggle_list_MarginRight": {
"name": "--pf-v5-c-wizard__toggle-list--MarginRight",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_wizard__toggle_list_MarginBottom": {
"name": "--pf-v5-c-wizard__toggle-list--MarginBottom",
"value": "calc(0.25rem * -1)",
"values": [
"calc(--pf-v5-c-wizard__toggle-list-item--MarginBottom * -1)",
"calc(--pf-v5-global--spacer--xs * -1)",
"calc($pf-v5-global--spacer--xs * -1)",
"calc(pf-size-prem(4px) * -1)",
"calc(0.25rem * -1)"
]
},
"c_wizard__toggle_separator_MarginLeft": {
"name": "--pf-v5-c-wizard__toggle-separator--MarginLeft",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_wizard__toggle_separator_Color": {
"name": "--pf-v5-c-wizard__toggle-separator--Color",
"value": "#8a8d90",
"values": [
"--pf-v5-global--BorderColor--200",
"$pf-v5-global--BorderColor--200",
"$pf-v5-color-black-500",
"#8a8d90"
]
},
"c_wizard__toggle_icon_LineHeight": {
"name": "--pf-v5-c-wizard__toggle-icon--LineHeight",
"value": "1.5",
"values": [
"--pf-v5-global--LineHeight--md",
"$pf-v5-global--LineHeight--md",
"1.5"
]
},
"c_wizard__toggle_m_expanded__toggle_icon_Rotate": {
"name": "--pf-v5-c-wizard__toggle--m-expanded__toggle-icon--Rotate",
"value": "180deg"
},
"c_wizard__nav_ZIndex": {
"name": "--pf-v5-c-wizard__nav--ZIndex",
"value": "100",
"values": [
"--pf-v5-global--ZIndex--xs",
"$pf-v5-global--ZIndex--xs",
"100"
]
},
"c_wizard__nav_BackgroundColor": {
"name": "--pf-v5-c-wizard__nav--BackgroundColor",
"value": "#fff",
"values": [
"--pf-v5-global--BackgroundColor--100",
"$pf-v5-global--BackgroundColor--100",
"$pf-v5-color-white",
"#fff"
]
},
"c_wizard__nav_BoxShadow": {
"name": "--pf-v5-c-wizard__nav--BoxShadow",
"value": "0 0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.18)",
"values": [
"--pf-v5-global--BoxShadow--md-bottom",
"$pf-v5-global--BoxShadow--md-bottom",
"0 pf-size-prem(8px) pf-size-prem(8px) pf-size-prem(-6px) rgba($pf-v5-color-black-1000, .18)",
"0 pf-size-prem(8px) pf-size-prem(8px) pf-size-prem(-6px) rgba(#030303, .18)",
"0 0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.18)"
]
},
"c_wizard__nav_Width": {
"name": "--pf-v5-c-wizard__nav--Width",
"value": "100%"
},
"c_wizard__nav_lg_Width": {
"name": "--pf-v5-c-wizard__nav--lg--Width",
"value": "15.625rem"
},
"c_wizard__nav_lg_BorderRightWidth": {
"name": "--pf-v5-c-wizard__nav--lg--BorderRightWidth",
"value": "1px",
"values": [
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_wizard__nav_lg_BorderRightColor": {
"name": "--pf-v5-c-wizard__nav--lg--BorderRightColor",
"value": "#d2d2d2",
"values": [
"--pf-v5-global--BorderColor--100",
"$pf-v5-global--BorderColor--100",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"c_wizard__nav_list_PaddingTop": {
"name": "--pf-v5-c-wizard__nav-list--PaddingTop",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_wizard__nav_list_PaddingRight": {
"name": "--pf-v5-c-wizard__nav-list--PaddingRight",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_wizard__nav_list_PaddingBottom": {
"name": "--pf-v5-c-wizard__nav-list--PaddingBottom",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_wizard__nav_list_PaddingLeft": {
"name": "--pf-v5-c-wizard__nav-list--PaddingLeft",
"value": "calc(1rem + 1.5rem + 0.5rem)",
"values": [
"calc(--pf-v5-global--spacer--md + --pf-v5-c-wizard__nav-link--before--Width + --pf-v5-global--spacer--sm)",
"calc($pf-v5-global--spacer--md + 1.5rem + $pf-v5-global--spacer--sm)",
"calc(pf-size-prem(16px) + 1.5rem + pf-size-prem(8px))",
"calc(1rem + 1.5rem + 0.5rem)"
]
},
"c_wizard__nav_list_lg_PaddingTop": {
"name": "--pf-v5-c-wizard__nav-list--lg--PaddingTop",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_wizard__nav_list_lg_PaddingRight": {
"name": "--pf-v5-c-wizard__nav-list--lg--PaddingRight",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_wizard__nav_list_lg_PaddingBottom": {
"name": "--pf-v5-c-wizard__nav-list--lg--PaddingBottom",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_wizard__nav_list_xl_PaddingTop": {
"name": "--pf-v5-c-wizard__nav-list--xl--PaddingTop",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_wizard__nav_list_xl_PaddingRight": {
"name": "--pf-v5-c-wizard__nav-list--xl--PaddingRight",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_wizard__nav_list_xl_PaddingBottom": {
"name": "--pf-v5-c-wizard__nav-list--xl--PaddingBottom",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_wizard__nav_list_xl_PaddingLeft": {
"name": "--pf-v5-c-wizard__nav-list--xl--PaddingLeft",
"value": "calc(1.5rem + 1.5rem + 0.5rem)",
"values": [
"calc(--pf-v5-global--spacer--lg + --pf-v5-c-wizard__nav-link--before--Width + --pf-v5-global--spacer--sm)",
"calc($pf-v5-global--spacer--lg + 1.5rem + $pf-v5-global--spacer--sm)",
"calc(pf-size-prem(24px) + 1.5rem + pf-size-prem(8px))",
"calc(1.5rem + 1.5rem + 0.5rem)"
]
},
"c_wizard__nav_list_nested_MarginLeft": {
"name": "--pf-v5-c-wizard__nav-list--nested--MarginLeft",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_wizard__nav_list_nested_MarginTop": {
"name": "--pf-v5-c-wizard__nav-list--nested--MarginTop",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_wizard__nav_item_MarginTop": {
"name": "--pf-v5-c-wizard__nav-item--MarginTop",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_wizard__outer_wrap_BackgroundColor": {
"name": "--pf-v5-c-wizard__outer-wrap--BackgroundColor",
"value": "#fff",
"values": [
"--pf-v5-global--BackgroundColor--100",
"$pf-v5-global--BackgroundColor--100",
"$pf-v5-color-white",
"#fff"
]
},
"c_wizard__outer_wrap_lg_PaddingLeft": {
"name": "--pf-v5-c-wizard__outer-wrap--lg--PaddingLeft",
"value": "100%",
"values": [
"--pf-v5-c-wizard__nav--Width",
"100%"
]
},
"c_wizard__outer_wrap_MinHeight": {
"name": "--pf-v5-c-wizard__outer-wrap--MinHeight",
"value": "15.625rem"
},
"c_wizard__main_ZIndex": {
"name": "--pf-v5-c-wizard__main--ZIndex",
"value": "auto"
},
"c_wizard__main_body_PaddingTop": {
"name": "--pf-v5-c-wizard__main-body--PaddingTop",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_wizard__main_body_PaddingRight": {
"name": "--pf-v5-c-wizard__main-body--PaddingRight",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_wizard__main_body_PaddingBottom": {
"name": "--pf-v5-c-wizard__main-body--PaddingBottom",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_wizard__main_body_PaddingLeft": {
"name": "--pf-v5-c-wizard__main-body--PaddingLeft",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_wizard__main_body_xl_PaddingTop": {
"name": "--pf-v5-c-wizard__main-body--xl--PaddingTop",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_wizard__main_body_xl_PaddingRight": {
"name": "--pf-v5-c-wizard__main-body--xl--PaddingRight",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_wizard__main_body_xl_PaddingBottom": {
"name": "--pf-v5-c-wizard__main-body--xl--PaddingBottom",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_wizard__main_body_xl_PaddingLeft": {
"name": "--pf-v5-c-wizard__main-body--xl--PaddingLeft",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_wizard__footer_BackgroundColor": {
"name": "--pf-v5-c-wizard__footer--BackgroundColor",
"value": "#fff",
"values": [
"--pf-v5-global--BackgroundColor--100",
"$pf-v5-global--BackgroundColor--100",
"$pf-v5-color-white",
"#fff"
]
},
"c_wizard__footer_ZIndex": {
"name": "--pf-v5-c-wizard__footer--ZIndex",
"value": "100",
"values": [
"--pf-v5-global--ZIndex--xs",
"$pf-v5-global--ZIndex--xs",
"100"
]
},
"c_wizard__footer_PaddingTop": {
"name": "--pf-v5-c-wizard__footer--PaddingTop",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_wizard__footer_PaddingRight": {
"name": "--pf-v5-c-wizard__footer--PaddingRight",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_wizard__footer_PaddingBottom": {
"name": "--pf-v5-c-wizard__footer--PaddingBottom",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_wizard__footer_PaddingLeft": {
"name": "--pf-v5-c-wizard__footer--PaddingLeft",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_wizard__footer_xl_PaddingTop": {
"name": "--pf-v5-c-wizard__footer--xl--PaddingTop",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_wizard__footer_xl_PaddingRight": {
"name": "--pf-v5-c-wizard__footer--xl--PaddingRight",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_wizard__footer_xl_PaddingBottom": {
"name": "--pf-v5-c-wizard__footer--xl--PaddingBottom",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_wizard__footer_xl_PaddingLeft": {
"name": "--pf-v5-c-wizard__footer--xl--PaddingLeft",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_wizard__footer_BoxShadow": {
"name": "--pf-v5-c-wizard__footer--BoxShadow",
"value": "0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)",
"values": [
"--pf-v5-global--BoxShadow--sm-top",
"$pf-v5-global--BoxShadow--sm-top",
"0 pf-size-prem(-2px) pf-size-prem(4px) pf-size-prem(-1px) rgba($pf-v5-color-black-1000, .16)",
"0 pf-size-prem(-2px) pf-size-prem(4px) pf-size-prem(-1px) rgba(#030303, .16)",
"0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)"
]
},
"c_wizard__footer_child_MarginRight": {
"name": "--pf-v5-c-wizard__footer--child--MarginRight",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_wizard__footer_child_MarginBottom": {
"name": "--pf-v5-c-wizard__footer--child--MarginBottom",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_wizard__footer_cancel_MarginLeft": {
"name": "--pf-v5-c-wizard__footer-cancel--MarginLeft",
"value": "calc(3rem - 1rem)",
"values": [
"calc(--pf-v5-global--spacer--2xl - --pf-v5-c-wizard__footer--child--MarginRight)",
"calc($pf-v5-global--spacer--2xl - --pf-v5-global--spacer--md)",
"calc($pf-v5-global--spacer--2xl - $pf-v5-global--spacer--md)",
"calc(pf-size-prem(48px) - pf-size-prem(16px))",
"calc(3rem - 1rem)"
]
}
},
".pf-v5-c-wizard.pf-m-finished": {
"c_wizard__outer_wrap_lg_PaddingLeft": {
"name": "--pf-v5-c-wizard__outer-wrap--lg--PaddingLeft",
"value": "0"
}
},
".pf-v5-c-wizard__toggle.pf-m-expanded": {
"c_wizard__toggle_BoxShadow": {
"name": "--pf-v5-c-wizard__toggle--BoxShadow",
"value": "none"
}
},
".pf-v5-c-wizard__toggle-num": {
"c_wizard__nav_link_before_Top": {
"name": "--pf-v5-c-wizard__nav-link--before--Top",
"value": "0",
"values": [
"--pf-v5-c-wizard__toggle-num--before--Top",
"0"
]
},
"c_wizard__nav_link_before_BackgroundColor": {
"name": "--pf-v5-c-wizard__nav-link--before--BackgroundColor",
"value": "#06c",
"values": [
"--pf-v5-c-wizard__nav-link--m-current--before--BackgroundColor",
"--pf-v5-global--active-color--100",
"$pf-v5-global--active-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_wizard__nav_link_before_Color": {
"name": "--pf-v5-c-wizard__nav-link--before--Color",
"value": "#fff",
"values": [
"--pf-v5-c-wizard__nav-link--m-current--before--Color",
"--pf-v5-global--Color--light-100",
"$pf-v5-global--Color--light-100",
"$pf-v5-color-white",
"#fff"
]
}
},
".pf-v5-c-wizard__nav-item.pf-m-expanded > .pf-v5-c-wizard__nav-link": {
"c_wizard__nav_link_toggle_icon_Rotate": {
"name": "--pf-v5-c-wizard__nav-link-toggle-icon--Rotate",
"value": "90deg",
"values": [
"--pf-v5-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate",
"90deg"
]
}
},
".pf-v5-c-wizard__nav-link:hover": {
"c_wizard__nav_link_Color": {
"name": "--pf-v5-c-wizard__nav-link--Color",
"value": "#06c",
"values": [
"--pf-v5-c-wizard__nav-link--hover--Color",
"--pf-v5-global--link--Color",
"$pf-v5-global--link--Color",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_wizard__nav_link_toggle_Color": {
"name": "--pf-v5-c-wizard__nav-link-toggle--Color",
"value": "#151515",
"values": [
"--pf-v5-c-wizard__nav-link--hover__nav-link-toggle-icon--Color",
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
}
},
".pf-v5-c-wizard__nav-link:focus": {
"c_wizard__nav_link_Color": {
"name": "--pf-v5-c-wizard__nav-link--Color",
"value": "#06c",
"values": [
"--pf-v5-c-wizard__nav-link--focus--Color",
"--pf-v5-global--link--Color",
"$pf-v5-global--link--Color",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_wizard__nav_link_toggle_Color": {
"name": "--pf-v5-c-wizard__nav-link-toggle--Color",
"value": "#151515",
"values": [
"--pf-v5-c-wizard__nav-link--focus__nav-link-toggle-icon--Color",
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
}
},
".pf-v5-c-wizard__nav-link.pf-m-current": {
"c_wizard__nav_link_Color": {
"name": "--pf-v5-c-wizard__nav-link--Color",
"value": "#06c",
"values": [
"--pf-v5-c-wizard__nav-link--m-current--Color",
"--pf-v5-global--link--Color",
"$pf-v5-global--link--Color",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
}
},
".pf-v5-c-wizard__nav-link:disabled": {
"c_wizard__nav_link_Color": {
"name": "--pf-v5-c-wizard__nav-link--Color",
"value": "#6a6e73",
"values": [
"--pf-v5-c-wizard__nav-link--m-disabled--Color",
"--pf-v5-global--disabled-color--100",
"$pf-v5-global--disabled-color--100",
"$pf-v5-color-black-600",
"#6a6e73"
]
}
},
".pf-v5-c-wizard__nav-link:disabled::before": {
"c_wizard__nav_link_before_BackgroundColor": {
"name": "--pf-v5-c-wizard__nav-link--before--BackgroundColor",
"value": "transparent",
"values": [
"--pf-v5-c-wizard__nav-link--m-disabled--before--BackgroundColor",
"transparent"
]
},
"c_wizard__nav_link_before_Color": {
"name": "--pf-v5-c-wizard__nav-link--before--Color",
"value": "#6a6e73",
"values": [
"--pf-v5-c-wizard__nav-link--m-disabled--before--Color",
"--pf-v5-global--disabled-color--100",
"$pf-v5-global--disabled-color--100",
"$pf-v5-color-black-600",
"#6a6e73"
]
}
}
};
export default c_wizard;© 2015 - 2025 Weber Informatics LLC | Privacy Policy