@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
777 lines • 27.5 kB
JavaScript
export const c_page = {
".pf-v6-c-page": {
"c_page_BackgroundColor": {
"name": "--pf-v6-c-page--BackgroundColor",
"value": "#f2f2f2",
"values": [
"--pf-t--global--background--color--secondary--default",
"--pf-t--global--background--color--200",
"--pf-t--color--gray--10",
"#f2f2f2"
]
},
"c_page_inset": {
"name": "--pf-v6-c-page--inset",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--inset--page-chrome",
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_page_c_masthead_ZIndex": {
"name": "--pf-v6-c-page--c-masthead--ZIndex",
"value": "300",
"values": [
"--pf-t--global--z-index--md",
"--pf-t--global--z-index--300",
"300"
]
},
"c_page__sidebar_ZIndex": {
"name": "--pf-v6-c-page__sidebar--ZIndex",
"value": "200",
"values": [
"--pf-t--global--z-index--sm",
"--pf-t--global--z-index--200",
"200"
]
},
"c_page__sidebar_Width": {
"name": "--pf-v6-c-page__sidebar--Width",
"value": "18.125rem"
},
"c_page__sidebar_xl_Width": {
"name": "--pf-v6-c-page__sidebar--xl--Width",
"value": "auto"
},
"c_page__sidebar_BackgroundColor": {
"name": "--pf-v6-c-page__sidebar--BackgroundColor",
"value": "#f2f2f2",
"values": [
"--pf-t--global--background--color--secondary--default",
"--pf-t--global--background--color--200",
"--pf-t--color--gray--10",
"#f2f2f2"
]
},
"c_page__sidebar_BoxShadow": {
"name": "--pf-v6-c-page__sidebar--BoxShadow",
"value": "none"
},
"c_page__sidebar_TransitionDuration": {
"name": "--pf-v6-c-page__sidebar--TransitionDuration",
"value": "400ms",
"values": [
"--pf-t--global--motion--duration--slide-in--default",
"--pf-t--global--motion--duration--xl",
"--pf-t--global--duration--400",
"400ms"
]
},
"c_page__sidebar_TransitionTimingFunction": {
"name": "--pf-v6-c-page__sidebar--TransitionTimingFunction",
"value": "cubic-bezier(.4, 0, .2, 1)",
"values": [
"--pf-t--global--motion--timing-function--default",
"--pf-t--global--timing-function--200",
"cubic-bezier(.4, 0, .2, 1)"
]
},
"c_page__sidebar_TranslateX": {
"name": "--pf-v6-c-page__sidebar--TranslateX",
"value": "-100%"
},
"c_page__sidebar_TranslateZ": {
"name": "--pf-v6-c-page__sidebar--TranslateZ",
"value": "0"
},
"c_page__sidebar_m_expanded_TranslateX": {
"name": "--pf-v6-c-page__sidebar--m-expanded--TranslateX",
"value": "0"
},
"c_page__sidebar_xl_TranslateX": {
"name": "--pf-v6-c-page__sidebar--xl--TranslateX",
"value": "0"
},
"c_page__sidebar_MarginInlineEnd": {
"name": "--pf-v6-c-page__sidebar--MarginInlineEnd",
"value": "calc(1.5rem / 2)",
"values": [
"calc(--pf-t--global--spacer--inset--page-chrome / 2)",
"calc(--pf-t--global--spacer--lg / 2)",
"calc(--pf-t--global--spacer--400 / 2)",
"calc(1.5rem / 2)"
]
},
"c_page__sidebar_PaddingBlockEnd": {
"name": "--pf-v6-c-page__sidebar--PaddingBlockEnd",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_page__sidebar_PaddingInlineStart": {
"name": "--pf-v6-c-page__sidebar--PaddingInlineStart",
"value": "0"
},
"c_page__sidebar_PaddingInlineEnd": {
"name": "--pf-v6-c-page__sidebar--PaddingInlineEnd",
"value": "0"
},
"c_page__sidebar_header_BorderBlockEndWidth": {
"name": "--pf-v6-c-page__sidebar-header--BorderBlockEndWidth",
"value": "1px",
"values": [
"--pf-t--global--border--width--divider--default",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_page__sidebar_header_BorderBlockEndColor": {
"name": "--pf-v6-c-page__sidebar-header--BorderBlockEndColor",
"value": "#c7c7c7",
"values": [
"--pf-t--global--border--color--default",
"--pf-t--global--border--color--100",
"--pf-t--color--gray--30",
"#c7c7c7"
]
},
"c_page__sidebar_header_PaddingBlockStart": {
"name": "--pf-v6-c-page__sidebar-header--PaddingBlockStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_page__sidebar_header_PaddingBlockEnd": {
"name": "--pf-v6-c-page__sidebar-header--PaddingBlockEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_page__sidebar_title_PaddingInlineStart": {
"name": "--pf-v6-c-page__sidebar-title--PaddingInlineStart",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_page__sidebar_title_FontSize": {
"name": "--pf-v6-c-page__sidebar-title--FontSize",
"value": "1rem",
"values": [
"--pf-t--global--font--size--heading--xs",
"--pf-t--global--font--size--md",
"--pf-t--global--font--size--300",
"1rem"
]
},
"c_page__sidebar_title_LineHeight": {
"name": "--pf-v6-c-page__sidebar-title--LineHeight",
"value": "1.3",
"values": [
"--pf-t--global--font--line-height--heading",
"--pf-t--global--font--line-height--100",
"1.3"
]
},
"c_page__sidebar_title_FontFamily": {
"name": "--pf-v6-c-page__sidebar-title--FontFamily",
"value": "\"Red Hat Display\", \"RedHatDisplay\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif",
"values": [
"--pf-t--global--font--family--heading",
"--pf-t--global--font--family--200",
"\"Red Hat Display\", \"RedHatDisplay\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif"
]
},
"c_page__sidebar_title_FontWeight": {
"name": "--pf-v6-c-page__sidebar-title--FontWeight",
"value": "500",
"values": [
"--pf-t--global--font--weight--heading--default",
"--pf-t--global--font--weight--300",
"500"
]
},
"c_page__sidebar_body_PaddingInlineEnd": {
"name": "--pf-v6-c-page__sidebar-body--PaddingInlineEnd",
"value": "calc(1.5rem / 2)",
"values": [
"calc(--pf-t--global--spacer--inset--page-chrome / 2)",
"calc(--pf-t--global--spacer--lg / 2)",
"calc(--pf-t--global--spacer--400 / 2)",
"calc(1.5rem / 2)"
]
},
"c_page__sidebar_body_PaddingInlineStart": {
"name": "--pf-v6-c-page__sidebar-body--PaddingInlineStart",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--inset--page-chrome",
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_page__sidebar_body_m_page_insets_PaddingInlineEnd": {
"name": "--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd",
"value": "1.5rem",
"values": [
"--pf-v6-c-page--inset",
"--pf-t--global--spacer--inset--page-chrome",
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_page__sidebar_body_m_page_insets_PaddingInlineStart": {
"name": "--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart",
"value": "1.5rem",
"values": [
"--pf-v6-c-page--inset",
"--pf-t--global--spacer--inset--page-chrome",
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_page__sidebar_body_m_context_selector_PaddingInlineEnd": {
"name": "--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_page__sidebar_body_m_context_selector_PaddingInlineStart": {
"name": "--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_page__main_container_ZIndex": {
"name": "--pf-v6-c-page__main-container--ZIndex",
"value": "100",
"values": [
"--pf-t--global--z-index--xs",
"--pf-t--global--z-index--100",
"100"
]
},
"c_page__main_container_GridArea": {
"name": "--pf-v6-c-page__main-container--GridArea",
"value": "main"
},
"c_page_masthead_main_container_GridArea": {
"name": "--pf-v6-c-page--masthead--main-container--GridArea",
"value": "sidebar / sidebar / main / main"
},
"c_page__main_container_MaxHeight": {
"name": "--pf-v6-c-page__main-container--MaxHeight",
"value": "calc(100% - 1.5rem)",
"values": [
"calc(100% - --pf-t--global--spacer--lg)",
"calc(100% - --pf-t--global--spacer--400)",
"calc(100% - 1.5rem)"
]
},
"c_page__main_container_BackgroundColor": {
"name": "--pf-v6-c-page__main-container--BackgroundColor",
"value": "#ffffff",
"values": [
"--pf-t--global--background--color--primary--default",
"--pf-t--global--background--color--100",
"--pf-t--color--white",
"#ffffff"
]
},
"c_page__main_container_MarginInlineStart": {
"name": "--pf-v6-c-page__main-container--MarginInlineStart",
"value": "1.5rem",
"values": [
"--pf-v6-c-page--inset",
"--pf-t--global--spacer--inset--page-chrome",
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_page__main_container_MarginInlineEnd": {
"name": "--pf-v6-c-page__main-container--MarginInlineEnd",
"value": "1.5rem",
"values": [
"--pf-v6-c-page--inset",
"--pf-t--global--spacer--inset--page-chrome",
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_page__main_container_BorderRadius": {
"name": "--pf-v6-c-page__main-container--BorderRadius",
"value": "16px",
"values": [
"--pf-t--global--border--radius--medium",
"--pf-t--global--border--radius--300",
"16px"
]
},
"c_page__main_container_BorderWidth": {
"name": "--pf-v6-c-page__main-container--BorderWidth",
"value": "0.25rem"
},
"c_page__main_container_BorderColor": {
"name": "--pf-v6-c-page__main-container--BorderColor",
"value": "#ffffff",
"values": [
"--pf-v6-c-page__main-container--BackgroundColor",
"--pf-t--global--background--color--primary--default",
"--pf-t--global--background--color--100",
"--pf-t--color--white",
"#ffffff"
]
},
"c_page__main_section_PaddingBlockStart": {
"name": "--pf-v6-c-page__main-section--PaddingBlockStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_page__main_section_PaddingInlineEnd": {
"name": "--pf-v6-c-page__main-section--PaddingInlineEnd",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_page__main_section_PaddingBlockEnd": {
"name": "--pf-v6-c-page__main-section--PaddingBlockEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_page__main_section_PaddingInlineStart": {
"name": "--pf-v6-c-page__main-section--PaddingInlineStart",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_page__main_section_RowGap": {
"name": "--pf-v6-c-page__main-section--RowGap",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_page__main_breadcrumb_main_section_PaddingBlockStart": {
"name": "--pf-v6-c-page__main-breadcrumb--main-section--PaddingBlockStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_page__main_section_BackgroundColor": {
"name": "--pf-v6-c-page__main-section--BackgroundColor",
"value": "#ffffff",
"values": [
"--pf-t--global--background--color--primary--default",
"--pf-t--global--background--color--100",
"--pf-t--color--white",
"#ffffff"
]
},
"c_page__main_section_m_secondary_BackgroundColor": {
"name": "--pf-v6-c-page__main-section--m-secondary--BackgroundColor",
"value": "#f2f2f2",
"values": [
"--pf-t--global--background--color--secondary--default",
"--pf-t--global--background--color--200",
"--pf-t--color--gray--10",
"#f2f2f2"
]
},
"c_page__main_breadcrumb_page__main_tabs_PaddingBlockStart": {
"name": "--pf-v6-c-page__main-breadcrumb--page__main-tabs--PaddingBlockStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_page_section_m_limit_width_MaxWidth": {
"name": "--pf-v6-c-page--section--m-limit-width--MaxWidth",
"value": "calc(125rem - 18.125rem)",
"values": [
"calc(125rem - --pf-v6-c-page__sidebar--Width)",
"calc(125rem - 18.125rem)"
]
},
"c_page_section_m_sticky_top_ZIndex": {
"name": "--pf-v6-c-page--section--m-sticky-top--ZIndex",
"value": "300",
"values": [
"--pf-t--global--z-index--md",
"--pf-t--global--z-index--300",
"300"
]
},
"c_page_section_m_sticky_top_BoxShadow": {
"name": "--pf-v6-c-page--section--m-sticky-top--BoxShadow",
"value": "0px\n 4px\n 4px\n -4px\n rgba(41, 41, 41, 0.2000)",
"values": [
"--pf-t--global--box-shadow--sm--bottom",
"--pf-t--global--box-shadow--X--sm--bottom\n --pf-t--global--box-shadow--Y--sm--bottom\n --pf-t--global--box-shadow--blur--sm\n --pf-t--global--box-shadow--spread--sm--directional\n --pf-t--global--box-shadow--color--sm--directional",
"--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--600\n --pf-t--global--box-shadow--blur--100\n --pf-t--global--box-shadow--spread--200\n --pf-t--global--box-shadow--color--200",
"0px\n 4px\n 4px\n -4px\n rgba(41, 41, 41, 0.2000)"
]
},
"c_page_section_m_sticky_bottom_ZIndex": {
"name": "--pf-v6-c-page--section--m-sticky-bottom--ZIndex",
"value": "300",
"values": [
"--pf-t--global--z-index--md",
"--pf-t--global--z-index--300",
"300"
]
},
"c_page_section_m_sticky_bottom_BoxShadow": {
"name": "--pf-v6-c-page--section--m-sticky-bottom--BoxShadow",
"value": "0px\n -4px\n 4px\n -4px\n rgba(41, 41, 41, 0.2000)",
"values": [
"--pf-t--global--box-shadow--sm--top",
"--pf-t--global--box-shadow--X--sm--top\n --pf-t--global--box-shadow--Y--sm--top\n --pf-t--global--box-shadow--blur--sm\n --pf-t--global--box-shadow--spread--sm--directional\n --pf-t--global--box-shadow--color--sm--directional",
"--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--200\n --pf-t--global--box-shadow--blur--100\n --pf-t--global--box-shadow--spread--200\n --pf-t--global--box-shadow--color--200",
"0px\n -4px\n 4px\n -4px\n rgba(41, 41, 41, 0.2000)"
]
},
"c_page_section_m_shadow_bottom_BoxShadow": {
"name": "--pf-v6-c-page--section--m-shadow-bottom--BoxShadow",
"value": "0px\n 4px\n 4px\n -4px\n rgba(41, 41, 41, 0.2000)",
"values": [
"--pf-t--global--box-shadow--sm--bottom",
"--pf-t--global--box-shadow--X--sm--bottom\n --pf-t--global--box-shadow--Y--sm--bottom\n --pf-t--global--box-shadow--blur--sm\n --pf-t--global--box-shadow--spread--sm--directional\n --pf-t--global--box-shadow--color--sm--directional",
"--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--600\n --pf-t--global--box-shadow--blur--100\n --pf-t--global--box-shadow--spread--200\n --pf-t--global--box-shadow--color--200",
"0px\n 4px\n 4px\n -4px\n rgba(41, 41, 41, 0.2000)"
]
},
"c_page_section_m_shadow_bottom_ZIndex": {
"name": "--pf-v6-c-page--section--m-shadow-bottom--ZIndex",
"value": "100",
"values": [
"--pf-t--global--z-index--xs",
"--pf-t--global--z-index--100",
"100"
]
},
"c_page_section_m_shadow_top_BoxShadow": {
"name": "--pf-v6-c-page--section--m-shadow-top--BoxShadow",
"value": "0px\n -4px\n 4px\n -4px\n rgba(41, 41, 41, 0.2000)",
"values": [
"--pf-t--global--box-shadow--sm--top",
"--pf-t--global--box-shadow--X--sm--top\n --pf-t--global--box-shadow--Y--sm--top\n --pf-t--global--box-shadow--blur--sm\n --pf-t--global--box-shadow--spread--sm--directional\n --pf-t--global--box-shadow--color--sm--directional",
"--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--200\n --pf-t--global--box-shadow--blur--100\n --pf-t--global--box-shadow--spread--200\n --pf-t--global--box-shadow--color--200",
"0px\n -4px\n 4px\n -4px\n rgba(41, 41, 41, 0.2000)"
]
},
"c_page_section_m_shadow_top_ZIndex": {
"name": "--pf-v6-c-page--section--m-shadow-top--ZIndex",
"value": "100",
"values": [
"--pf-t--global--z-index--xs",
"--pf-t--global--z-index--100",
"100"
]
},
"c_page__main_subnav_BackgroundColor": {
"name": "--pf-v6-c-page__main-subnav--BackgroundColor",
"value": "#ffffff",
"values": [
"--pf-t--global--background--color--primary--default",
"--pf-t--global--background--color--100",
"--pf-t--color--white",
"#ffffff"
]
},
"c_page__main_subnav_PaddingBlockStart": {
"name": "--pf-v6-c-page__main-subnav--PaddingBlockStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_page__main_subnav_PaddingBlockEnd": {
"name": "--pf-v6-c-page__main-subnav--PaddingBlockEnd",
"value": "0"
},
"c_page__main_subnav_PaddingInlineStart": {
"name": "--pf-v6-c-page__main-subnav--PaddingInlineStart",
"value": "calc(1.5rem - 0.25rem)",
"values": [
"calc(--pf-t--global--spacer--lg - --pf-v6-c-page__main-container--BorderWidth)",
"calc(--pf-t--global--spacer--400 - 0.25rem)",
"calc(1.5rem - 0.25rem)"
]
},
"c_page__main_subnav_PaddingInlineEnd": {
"name": "--pf-v6-c-page__main-subnav--PaddingInlineEnd",
"value": "calc(1.5rem - 0.25rem)",
"values": [
"calc(--pf-t--global--spacer--lg - --pf-v6-c-page__main-container--BorderWidth)",
"calc(--pf-t--global--spacer--400 - 0.25rem)",
"calc(1.5rem - 0.25rem)"
]
},
"c_page__main_breadcrumb_PaddingBlockStart": {
"name": "--pf-v6-c-page__main-breadcrumb--PaddingBlockStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_page__main_breadcrumb_PaddingInlineEnd": {
"name": "--pf-v6-c-page__main-breadcrumb--PaddingInlineEnd",
"value": "calc(1.5rem - 0.25rem)",
"values": [
"calc(--pf-t--global--spacer--lg - --pf-v6-c-page__main-container--BorderWidth)",
"calc(--pf-t--global--spacer--400 - 0.25rem)",
"calc(1.5rem - 0.25rem)"
]
},
"c_page__main_breadcrumb_PaddingBlockEnd": {
"name": "--pf-v6-c-page__main-breadcrumb--PaddingBlockEnd",
"value": "0"
},
"c_page__main_breadcrumb_PaddingInlineStart": {
"name": "--pf-v6-c-page__main-breadcrumb--PaddingInlineStart",
"value": "calc(1.5rem - 0.25rem)",
"values": [
"calc(--pf-t--global--spacer--lg - --pf-v6-c-page__main-container--BorderWidth)",
"calc(--pf-t--global--spacer--400 - 0.25rem)",
"calc(1.5rem - 0.25rem)"
]
},
"c_page__main_breadcrumb_BackgroundColor": {
"name": "--pf-v6-c-page__main-breadcrumb--BackgroundColor",
"value": "#ffffff",
"values": [
"--pf-t--global--background--color--primary--default",
"--pf-t--global--background--color--100",
"--pf-t--color--white",
"#ffffff"
]
},
"c_page__main_tabs_PaddingBlockStart": {
"name": "--pf-v6-c-page__main-tabs--PaddingBlockStart",
"value": "0"
},
"c_page__main_tabs_PaddingInlineEnd": {
"name": "--pf-v6-c-page__main-tabs--PaddingInlineEnd",
"value": "0"
},
"c_page__main_tabs_PaddingBlockEnd": {
"name": "--pf-v6-c-page__main-tabs--PaddingBlockEnd",
"value": "0"
},
"c_page__main_tabs_PaddingInlineStart": {
"name": "--pf-v6-c-page__main-tabs--PaddingInlineStart",
"value": "0"
},
"c_page__main_tabs_BackgroundColor": {
"name": "--pf-v6-c-page__main-tabs--BackgroundColor",
"value": "#ffffff",
"values": [
"--pf-t--global--background--color--primary--default",
"--pf-t--global--background--color--100",
"--pf-t--color--white",
"#ffffff"
]
},
"c_page__main_wizard_BackgroundColor": {
"name": "--pf-v6-c-page__main-wizard--BackgroundColor",
"value": "#ffffff",
"values": [
"--pf-t--global--background--color--primary--default",
"--pf-t--global--background--color--100",
"--pf-t--color--white",
"#ffffff"
]
},
"c_page__main_wizard_BorderBlockStartColor": {
"name": "--pf-v6-c-page__main-wizard--BorderBlockStartColor",
"value": "#c7c7c7",
"values": [
"--pf-t--global--border--color--default",
"--pf-t--global--border--color--100",
"--pf-t--color--gray--30",
"#c7c7c7"
]
},
"c_page__main_wizard_BorderBlockStartWidth": {
"name": "--pf-v6-c-page__main-wizard--BorderBlockStartWidth",
"value": "1px",
"values": [
"--pf-t--global--border--width--action--default",
"--pf-t--global--border--width--100",
"1px"
]
}
},
".pf-v6-c-page__sidebar.pf-m-expanded": {
"c_page__sidebar_TranslateX": {
"name": "--pf-v6-c-page__sidebar--TranslateX",
"value": "0",
"values": [
"--pf-v6-c-page__sidebar--m-expanded--TranslateX",
"0"
]
}
},
".pf-v6-c-page__sidebar-body.pf-m-page-insets": {
"c_page__sidebar_body_PaddingInlineEnd": {
"name": "--pf-v6-c-page__sidebar-body--PaddingInlineEnd",
"value": "1.5rem",
"values": [
"--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd",
"--pf-v6-c-page--inset",
"--pf-t--global--spacer--inset--page-chrome",
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_page__sidebar_body_PaddingInlineStart": {
"name": "--pf-v6-c-page__sidebar-body--PaddingInlineStart",
"value": "1.5rem",
"values": [
"--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart",
"--pf-v6-c-page--inset",
"--pf-t--global--spacer--inset--page-chrome",
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
}
},
".pf-v6-c-page__sidebar-body.pf-m-context-selector": {
"c_page__sidebar_body_PaddingInlineEnd": {
"name": "--pf-v6-c-page__sidebar-body--PaddingInlineEnd",
"value": "1rem",
"values": [
"--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_page__sidebar_body_PaddingInlineStart": {
"name": "--pf-v6-c-page__sidebar-body--PaddingInlineStart",
"value": "1rem",
"values": [
"--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
}
},
".pf-v6-c-page__sidebar-body.pf-m-inset-none": {
"c_page__sidebar_body_PaddingInlineEnd": {
"name": "--pf-v6-c-page__sidebar-body--PaddingInlineEnd",
"value": "0"
},
"c_page__sidebar_body_PaddingInlineStart": {
"name": "--pf-v6-c-page__sidebar-body--PaddingInlineStart",
"value": "0"
}
},
".pf-v6-c-page__main-breadcrumb + .pf-v6-c-page__main-section": {
"c_page__main_section_PaddingBlockStart": {
"name": "--pf-v6-c-page__main-section--PaddingBlockStart",
"value": "1rem",
"values": [
"--pf-v6-c-page__main-breadcrumb--main-section--PaddingBlockStart",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
}
},
".pf-v6-c-page__main-breadcrumb.pf-m-sticky-top": {
"c_page__main_breadcrumb_PaddingBlockEnd": {
"name": "--pf-v6-c-page__main-breadcrumb--PaddingBlockEnd",
"value": "undefined",
"values": [
"--pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd",
"undefined"
]
}
},
".pf-v6-c-page__main-breadcrumb + .pf-v6-c-page__main-tabs": {
"c_page__main_tabs_PaddingBlockStart": {
"name": "--pf-v6-c-page__main-tabs--PaddingBlockStart",
"value": "1rem",
"values": [
"--pf-v6-c-page__main-breadcrumb--page__main-tabs--PaddingBlockStart",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
}
},
".pf-v6-c-page__main-section.pf-m-secondary": {
"c_page__main_section_BackgroundColor": {
"name": "--pf-v6-c-page__main-section--BackgroundColor",
"value": "#f2f2f2",
"values": [
"--pf-v6-c-page__main-section--m-secondary--BackgroundColor",
"--pf-t--global--background--color--secondary--default",
"--pf-t--global--background--color--200",
"--pf-t--color--gray--10",
"#f2f2f2"
]
}
},
".pf-v6-c-page__main-wizard:first-child": {
"c_page__main_wizard_BorderBlockStartWidth": {
"name": "--pf-v6-c-page__main-wizard--BorderBlockStartWidth",
"value": "0"
}
}
};
export default c_page;