UNPKG

@patternfly/react-tokens

Version:

This library provides access to the design tokens of PatternFly 4 from JavaScript

849 lines 30.6 kB
export const c_compass: { ".pf-v6-c-compass": { "c_compass_BackgroundColor": { "name": "--pf-v6-c-compass--BackgroundColor", "value": "#f2f2f2", "values": [ "--pf-t--global--background--color--secondary--default", "--pf-t--global--background--color--200", "--pf-t--color--gray--10", "#f2f2f2" ] }, "c_compass_Padding": { "name": "--pf-v6-c-compass--Padding", "value": "1.5rem", "values": [ "--pf-t--global--spacer--inset--page-chrome", "--pf-t--global--spacer--lg", "--pf-t--global--spacer--400", "1.5rem" ] }, "c_compass_Gap": { "name": "--pf-v6-c-compass--Gap", "value": "1.5rem", "values": [ "--pf-t--global--spacer--inset--page-chrome", "--pf-t--global--spacer--lg", "--pf-t--global--spacer--400", "1.5rem" ] }, "c_compass__nav_RowGap": { "name": "--pf-v6-c-compass__nav--RowGap", "value": "0.5rem", "values": [ "--pf-t--global--spacer--gap--group--vertical", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_compass__nav_PaddingBlockStart": { "name": "--pf-v6-c-compass__nav--PaddingBlockStart", "value": "0" }, "c_compass__nav_PaddingBlockEnd": { "name": "--pf-v6-c-compass__nav--PaddingBlockEnd", "value": "0" }, "c_compass__nav_PaddingInlineStart": { "name": "--pf-v6-c-compass__nav--PaddingInlineStart", "value": "0.5rem", "values": [ "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_compass__nav_PaddingInlineEnd": { "name": "--pf-v6-c-compass__nav--PaddingInlineEnd", "value": "0.5rem", "values": [ "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_compass__nav_main_PaddingInlineStart": { "name": "--pf-v6-c-compass__nav-main--PaddingInlineStart", "value": "1.5rem", "values": [ "--pf-t--global--spacer--lg", "--pf-t--global--spacer--400", "1.5rem" ] }, "c_compass__nav_main_PaddingInlineEnd": { "name": "--pf-v6-c-compass__nav-main--PaddingInlineEnd", "value": "1.5rem", "values": [ "--pf-t--global--spacer--lg", "--pf-t--global--spacer--400", "1.5rem" ] }, "c_compass__sidebar_PaddingBlockStart": { "name": "--pf-v6-c-compass__sidebar--PaddingBlockStart", "value": "0.5rem", "values": [ "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_compass__sidebar_PaddingBlockEnd": { "name": "--pf-v6-c-compass__sidebar--PaddingBlockEnd", "value": "0.5rem", "values": [ "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_compass__sidebar_PaddingInlineStart": { "name": "--pf-v6-c-compass__sidebar--PaddingInlineStart", "value": "0.5rem", "values": [ "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_compass__sidebar_PaddingInlineEnd": { "name": "--pf-v6-c-compass__sidebar--PaddingInlineEnd", "value": "0.5rem", "values": [ "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_compass__main_RowGap": { "name": "--pf-v6-c-compass__main--RowGap", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_compass__main_header_content_RowGap": { "name": "--pf-v6-c-compass__main-header-content--RowGap", "value": "0.5rem", "values": [ "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_compass__main_header_content_ColumnGap": { "name": "--pf-v6-c-compass__main-header-content--ColumnGap", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_compass__main_footer_MarginBlockStart": { "name": "--pf-v6-c-compass__main-footer--MarginBlockStart", "value": "calc(1rem * -1 + 1.5rem)", "values": [ "calc(--pf-v6-c-compass__main--RowGap * -1 + --pf-v6-c-compass--Gap)", "calc(--pf-t--global--spacer--md * -1 + --pf-t--global--spacer--inset--page-chrome)", "calc(--pf-t--global--spacer--300 * -1 + --pf-t--global--spacer--lg)", "calc(1rem * -1 + --pf-t--global--spacer--400)", "calc(1rem * -1 + 1.5rem)" ] }, "c_compass__message_bar_Width": { "name": "--pf-v6-c-compass__message-bar--Width", "value": "450px" }, "c_compass__message_bar_MinWidth": { "name": "--pf-v6-c-compass__message-bar--MinWidth", "value": "300px" }, "c_compass__message_bar_MaxWidth": { "name": "--pf-v6-c-compass__message-bar--MaxWidth", "value": "600px" }, "c_compass_m_docked__masthead_BackgroundColor": { "name": "--pf-v6-c-compass--m-docked__masthead--BackgroundColor", "value": "#ffffff", "values": [ "--pf-t--global--background--color--primary--default", "--pf-t--global--background--color--100", "--pf-t--color--white", "#ffffff" ] }, "c_compass_section_slide_length_header": { "name": "--pf-v6-c-compass--section--slide--length--header", "value": "100%" }, "c_compass_section_slide_length_sidebar": { "name": "--pf-v6-c-compass--section--slide--length--sidebar", "value": "100%" }, "c_compass_section_slide_length_main_footer": { "name": "--pf-v6-c-compass--section--slide--length--main-footer", "value": "100%" }, "c_compass_section_slide_length_footer": { "name": "--pf-v6-c-compass--section--slide--length--footer", "value": "100%" }, "c_compass_section_duration": { "name": "--pf-v6-c-compass--section--duration", "value": "100ms", "values": [ "--pf-t--global--motion--duration--fade--short", "--pf-t--global--motion--duration--sm", "--pf-t--global--duration--100", "100ms" ] }, "c_compass_section_TransitionTimingFunction": { "name": "--pf-v6-c-compass--section--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_compass_section_TransitionDuration": { "name": "--pf-v6-c-compass--section--TransitionDuration", "value": "100ms, 0s, 0s, 0s, 0s, 0s", "values": [ "--pf-v6-c-compass--section--duration, 0s, 0s, 0s, 0s, 0s", "--pf-t--global--motion--duration--fade--short, 0s, 0s, 0s, 0s, 0s", "--pf-t--global--motion--duration--sm, 0s, 0s, 0s, 0s, 0s", "--pf-t--global--duration--100, 0s, 0s, 0s, 0s, 0s", "100ms, 0s, 0s, 0s, 0s, 0s" ] }, "c_compass_section_TransitionProperty": { "name": "--pf-v6-c-compass--section--TransitionProperty", "value": "opacity, visibility, translate, height, width, margin" }, "c_compass_section_TransitionDelay": { "name": "--pf-v6-c-compass--section--TransitionDelay", "value": "0s, 100ms, 100ms, 100ms, 100ms, 100ms", "values": [ "0s, --pf-v6-c-compass--section--duration, --pf-v6-c-compass--section--duration, --pf-v6-c-compass--section--duration, --pf-v6-c-compass--section--duration, --pf-v6-c-compass--section--duration", "0s, --pf-t--global--motion--duration--fade--short, --pf-t--global--motion--duration--fade--short, --pf-t--global--motion--duration--fade--short, --pf-t--global--motion--duration--fade--short, --pf-t--global--motion--duration--fade--short", "0s, --pf-t--global--motion--duration--sm, --pf-t--global--motion--duration--sm, --pf-t--global--motion--duration--sm, --pf-t--global--motion--duration--sm, --pf-t--global--motion--duration--sm", "0s, --pf-t--global--duration--100, --pf-t--global--duration--100, --pf-t--global--duration--100, --pf-t--global--duration--100, --pf-t--global--duration--100", "0s, 100ms, 100ms, 100ms, 100ms, 100ms" ] }, "c_compass_section_m_expanded_duration": { "name": "--pf-v6-c-compass--section--m-expanded--duration", "value": "200ms", "values": [ "--pf-t--global--motion--duration--fade--default", "--pf-t--global--motion--duration--md", "--pf-t--global--duration--200", "200ms" ] }, "c_compass_section_m_expanded_TransitionDuration": { "name": "--pf-v6-c-compass--section--m-expanded--TransitionDuration", "value": "200ms, 0s, 0s, 0s, 0s, 0s", "values": [ "--pf-v6-c-compass--section--m-expanded--duration, 0s, 0s, 0s, 0s, 0s", "--pf-t--global--motion--duration--fade--default, 0s, 0s, 0s, 0s, 0s", "--pf-t--global--motion--duration--md, 0s, 0s, 0s, 0s, 0s", "--pf-t--global--duration--200, 0s, 0s, 0s, 0s, 0s", "200ms, 0s, 0s, 0s, 0s, 0s" ] }, "c_compass_section_m_expanded_TransitionDelay": { "name": "--pf-v6-c-compass--section--m-expanded--TransitionDelay", "value": "0s" }, "c_compass__dock_Width": { "name": "--pf-v6-c-compass__dock--Width", "value": "15.625rem" }, "c_compass__dock_desktop_Width": { "name": "--pf-v6-c-compass__dock--desktop--Width", "value": "auto" }, "c_compass__dock_ZIndex": { "name": "--pf-v6-c-compass__dock--ZIndex", "value": "300", "values": [ "--pf-t--global--z-index--md", "--pf-t--global--z-index--300", "300" ] }, "c_compass__dock_TransitionDuration_slide": { "name": "--pf-v6-c-compass__dock--TransitionDuration--slide", "value": "0s" }, "c_compass__dock_m_expanded_TransitionDuration_slide": { "name": "--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide", "value": "0s" }, "c_compass__dock_TransitionTimingFunction_slide": { "name": "--pf-v6-c-compass__dock--TransitionTimingFunction--slide", "value": "cubic-bezier(0, 0, .2, 1)", "values": [ "--pf-t--global--motion--timing-function--decelerate", "--pf-t--global--timing-function--300", "cubic-bezier(0, 0, .2, 1)" ] }, "c_compass__dock_main_BackgroundColor": { "name": "--pf-v6-c-compass__dock-main--BackgroundColor", "value": "#ffffff", "values": [ "--pf-t--global--background--color--floating--default", "--pf-t--global--background--color--100", "--pf-t--color--white", "#ffffff" ] }, "c_compass__dock_main_desktop_BackgroundColor": { "name": "--pf-v6-c-compass__dock-main--desktop--BackgroundColor", "value": "initial, #ffffff", "values": [ "var(--pf-t--global--background--color--glass--primary--default, --pf-t--global--background--color--primary--default)", "initial, --pf-t--global--background--color--primary--default", "initial, --pf-t--global--background--color--100", "initial, --pf-t--color--white", "initial, #ffffff" ] }, "c_compass__dock_main_BoxShadow": { "name": "--pf-v6-c-compass__dock-main--BoxShadow", "value": "none" }, "c_compass__dock_m_expanded__dock_main_BoxShadow": { "name": "--pf-v6-c-compass__dock--m-expanded__dock-main--BoxShadow", "value": "4px\n 0px\n 6px\n -4px\n rgb(41, 41, 41, 0.2000)", "values": [ "--pf-t--global--box-shadow--sm--right", "--pf-t--global--box-shadow--X--sm--right\n --pf-t--global--box-shadow--Y--sm--right\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--600\n --pf-t--global--box-shadow--Y--400\n --pf-t--global--box-shadow--blur--100\n --pf-t--global--box-shadow--spread--200\n --pf-t--global--box-shadow--color--200", "4px\n 0px\n 6px\n -4px\n rgb(41, 41, 41, 0.2000)" ] }, "c_compass__dock_main_desktop_BoxShadow": { "name": "--pf-v6-c-compass__dock-main--desktop--BoxShadow", "value": "0px\n 4px\n 10px\n 0px\n rgb(41, 41, 41, 0.1500), none", "values": [ "var(--pf-t--global--box-shadow--glass--default, none)", "--pf-t--global--box-shadow--md, none", "--pf-t--global--box-shadow--X--md--default\n --pf-t--global--box-shadow--Y--md--default\n --pf-t--global--box-shadow--blur--md\n --pf-t--global--box-shadow--spread--md--default\n --pf-t--global--box-shadow--color--md--default, none", "--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--600\n --pf-t--global--box-shadow--blur--200\n --pf-t--global--box-shadow--spread--100\n --pf-t--global--box-shadow--color--100, none", "0px\n 4px\n 10px\n 0px\n rgb(41, 41, 41, 0.1500), none" ] }, "c_compass__dock_main_BackdropFilter": { "name": "--pf-v6-c-compass__dock-main--BackdropFilter", "value": "initial, revert", "values": [ "var(--pf-t--global--background--filter--glass--blur--primary, revert)", "initial, revert" ] }, "c_compass__dock_main_BorderInlineEndWidth": { "name": "--pf-v6-c-compass__dock-main--BorderInlineEndWidth", "value": "initial, 0", "values": [ "var(--pf-t--global--border--width--glass--default, 0)", "initial, 0" ] }, "c_compass__dock_main_BorderInlineEndColor": { "name": "--pf-v6-c-compass__dock-main--BorderInlineEndColor", "value": "transparent" }, "c_compass__dock_main_desktop_BorderInlineEndColor": { "name": "--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor", "value": "initial, transparent", "values": [ "var(--pf-t--global--border--color--glass--default, transparent)", "initial, transparent" ] }, "c_compass__dock_m_expanded__dock_main_BorderInlineEndWidth": { "name": "--pf-v6-c-compass__dock--m-expanded__dock-main--BorderInlineEndWidth", "value": "initial, 1px", "values": [ "var(--pf-t--global--border--width--glass--default, --pf-t--global--border--width--regular)", "initial, --pf-t--global--border--width--regular", "initial, --pf-t--global--border--width--100", "initial, 1px" ] }, "c_compass__dock_m_expanded__dock_main_BorderInlineEndColor": { "name": "--pf-v6-c-compass__dock--m-expanded__dock-main--BorderInlineEndColor", "value": "initial, #e0e0e0", "values": [ "var(--pf-t--global--border--color--glass--default, --pf-t--global--border--color--subtle)", "initial, --pf-t--global--border--color--subtle", "initial, --pf-t--global--border--color--50", "initial, --pf-t--color--gray--20", "initial, #e0e0e0" ] }, "c_compass_BackgroundColor_glass": { "name": "--pf-v6-c-compass--BackgroundColor--glass", "value": "transparent" }, "c_compass__content_MarginBlockStart_glass": { "name": "--pf-v6-c-compass__content--MarginBlockStart--glass", "value": "calc(0.5rem * -1)", "values": [ "calc(--pf-v6-c-compass__content--PaddingBlockStart--glass * -1)", "calc(--pf-t--global--spacer--sm * -1)", "calc(--pf-t--global--spacer--200 * -1)", "calc(0.5rem * -1)" ] }, "c_compass__content_MarginBlockEnd_glass": { "name": "--pf-v6-c-compass__content--MarginBlockEnd--glass", "value": "calc(1rem * -1)", "values": [ "calc(--pf-v6-c-compass__content--PaddingBlockEnd--glass * -1)", "calc(--pf-t--global--spacer--md * -1)", "calc(--pf-t--global--spacer--300 * -1)", "calc(1rem * -1)" ] }, "c_compass__content_MarginInlineStart_glass": { "name": "--pf-v6-c-compass__content--MarginInlineStart--glass", "value": "calc(1rem * -1)", "values": [ "calc(--pf-v6-c-compass__content--PaddingInlineStart--glass * -1)", "calc(--pf-t--global--spacer--md * -1)", "calc(--pf-t--global--spacer--300 * -1)", "calc(1rem * -1)" ] }, "c_compass__content_MarginInlineEnd_glass": { "name": "--pf-v6-c-compass__content--MarginInlineEnd--glass", "value": "calc(1rem * -1)", "values": [ "calc(--pf-v6-c-compass__content--PaddingInlineEnd--glass * -1)", "calc(--pf-t--global--spacer--md * -1)", "calc(--pf-t--global--spacer--300 * -1)", "calc(1rem * -1)" ] }, "c_compass__content_PaddingBlockStart_glass": { "name": "--pf-v6-c-compass__content--PaddingBlockStart--glass", "value": "0.5rem", "values": [ "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_compass__content_PaddingBlockEnd_glass": { "name": "--pf-v6-c-compass__content--PaddingBlockEnd--glass", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_compass__content_PaddingInlineStart_glass": { "name": "--pf-v6-c-compass__content--PaddingInlineStart--glass", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_compass__content_PaddingInlineEnd_glass": { "name": "--pf-v6-c-compass__content--PaddingInlineEnd--glass", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] } }, ":where(.pf-v6-theme-glass) .pf-v6-c-compass": { "c_compass_BackgroundColor": { "name": "--pf-v6-c-compass--BackgroundColor", "value": "transparent", "values": [ "--pf-v6-c-compass--BackgroundColor--glass", "transparent" ] }, "c_compass__content_MarginBlockStart": { "name": "--pf-v6-c-compass__content--MarginBlockStart", "value": "calc(0.5rem * -1)", "values": [ "--pf-v6-c-compass__content--MarginBlockStart--glass", "calc(--pf-v6-c-compass__content--PaddingBlockStart--glass * -1)", "calc(--pf-t--global--spacer--sm * -1)", "calc(--pf-t--global--spacer--200 * -1)", "calc(0.5rem * -1)" ] }, "c_compass__content_MarginBlockEnd": { "name": "--pf-v6-c-compass__content--MarginBlockEnd", "value": "calc(1rem * -1)", "values": [ "--pf-v6-c-compass__content--MarginBlockEnd--glass", "calc(--pf-v6-c-compass__content--PaddingBlockEnd--glass * -1)", "calc(--pf-t--global--spacer--md * -1)", "calc(--pf-t--global--spacer--300 * -1)", "calc(1rem * -1)" ] }, "c_compass__content_MarginInlineStart": { "name": "--pf-v6-c-compass__content--MarginInlineStart", "value": "calc(1rem * -1)", "values": [ "--pf-v6-c-compass__content--MarginInlineStart--glass", "calc(--pf-v6-c-compass__content--PaddingInlineStart--glass * -1)", "calc(--pf-t--global--spacer--md * -1)", "calc(--pf-t--global--spacer--300 * -1)", "calc(1rem * -1)" ] }, "c_compass__content_MarginInlineEnd": { "name": "--pf-v6-c-compass__content--MarginInlineEnd", "value": "calc(1rem * -1)", "values": [ "--pf-v6-c-compass__content--MarginInlineEnd--glass", "calc(--pf-v6-c-compass__content--PaddingInlineEnd--glass * -1)", "calc(--pf-t--global--spacer--md * -1)", "calc(--pf-t--global--spacer--300 * -1)", "calc(1rem * -1)" ] }, "c_compass__content_PaddingBlockStart": { "name": "--pf-v6-c-compass__content--PaddingBlockStart", "value": "0.5rem", "values": [ "--pf-v6-c-compass__content--PaddingBlockStart--glass", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_compass__content_PaddingBlockEnd": { "name": "--pf-v6-c-compass__content--PaddingBlockEnd", "value": "1rem", "values": [ "--pf-v6-c-compass__content--PaddingBlockEnd--glass", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_compass__content_PaddingInlineStart": { "name": "--pf-v6-c-compass__content--PaddingInlineStart", "value": "1rem", "values": [ "--pf-v6-c-compass__content--PaddingInlineStart--glass", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_compass__content_PaddingInlineEnd": { "name": "--pf-v6-c-compass__content--PaddingInlineEnd", "value": "1rem", "values": [ "--pf-v6-c-compass__content--PaddingInlineEnd--glass", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] } }, ".pf-v6-c-compass.pf-m-docked > .pf-v6-c-compass__container > .pf-v6-c-masthead": { "c_masthead_BackgroundColor": { "name": "--pf-v6-c-masthead--BackgroundColor", "value": "#ffffff", "values": [ "--pf-v6-c-compass--m-docked__masthead--BackgroundColor", "--pf-t--global--background--color--primary--default", "--pf-t--global--background--color--100", "--pf-t--color--white", "#ffffff" ] } }, ".pf-v6-c-compass > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible)": { "c_button_hamburger_icon_top_path": { "name": "--pf-v6-c-button--hamburger-icon--top--path", "value": "path(\"M5,1 L9,1\")", "values": [ "--pf-v6-c-button--hamburger-icon--top--collapse--path", "path(\"M5,1 L9,1\")" ] }, "c_button_hamburger_icon_arrow_path": { "name": "--pf-v6-c-button--hamburger-icon--arrow--path", "value": "path(\"M3,7 L1,5 L3,3\")", "values": [ "--pf-v6-c-button--hamburger-icon--arrow--collapse--path", "path(\"M3,7 L1,5 L3,3\")" ] }, "c_button_hamburger_icon_bottom_path": { "name": "--pf-v6-c-button--hamburger-icon--bottom--path", "value": "path(\"M9,9 L5,9\")", "values": [ "--pf-v6-c-button--hamburger-icon--bottom--collapse--path", "path(\"M9,9 L5,9\")" ] }, "c_button__icon_TransitionDelay": { "name": "--pf-v6-c-button__icon--TransitionDelay", "value": "0s" }, "c_button__icon_ScaleX": { "name": "--pf-v6-c-button__icon--ScaleX", "value": "-1", "values": [ "--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX", "-1" ] }, "c_button_hover__icon_TransitionDelay": { "name": "--pf-v6-c-button--hover__icon--TransitionDelay", "value": "0s" }, "c_button_hover__icon_ScaleX": { "name": "--pf-v6-c-button--hover__icon--ScaleX", "value": "-1", "values": [ "--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX", "-1" ] } }, ".pf-v6-c-compass:where(:has(> .pf-v6-c-compass__dock.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible)": { "c_button_hamburger_icon_top_path": { "name": "--pf-v6-c-button--hamburger-icon--top--path", "value": "path(\"M5,1 L9,1\")", "values": [ "--pf-v6-c-button--hamburger-icon--top--collapse--path", "path(\"M5,1 L9,1\")" ] }, "c_button_hamburger_icon_arrow_path": { "name": "--pf-v6-c-button--hamburger-icon--arrow--path", "value": "path(\"M3,7 L1,5 L3,3\")", "values": [ "--pf-v6-c-button--hamburger-icon--arrow--collapse--path", "path(\"M3,7 L1,5 L3,3\")" ] }, "c_button_hamburger_icon_bottom_path": { "name": "--pf-v6-c-button--hamburger-icon--bottom--path", "value": "path(\"M9,9 L5,9\")", "values": [ "--pf-v6-c-button--hamburger-icon--bottom--collapse--path", "path(\"M9,9 L5,9\")" ] }, "c_button__icon_TransitionDelay": { "name": "--pf-v6-c-button__icon--TransitionDelay", "value": "0s" }, "c_button__icon_ScaleX": { "name": "--pf-v6-c-button__icon--ScaleX", "value": "1", "values": [ "--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX", "1" ] }, "c_button_hover__icon_TransitionDelay": { "name": "--pf-v6-c-button--hover__icon--TransitionDelay", "value": "0s" }, "c_button_hover__icon_ScaleX": { "name": "--pf-v6-c-button--hover__icon--ScaleX", "value": "1", "values": [ "--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX", "1" ] } }, ".pf-v6-c-compass .pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger": { "c_button_hamburger_icon_top_path": { "name": "--pf-v6-c-button--hamburger-icon--top--path", "value": "path(\"M5,1 L9,1\")", "values": [ "--pf-v6-c-button--hamburger-icon--top--collapse--path", "path(\"M5,1 L9,1\")" ] }, "c_button_hamburger_icon_arrow_path": { "name": "--pf-v6-c-button--hamburger-icon--arrow--path", "value": "path(\"M3,7 L1,5 L3,3\")", "values": [ "--pf-v6-c-button--hamburger-icon--arrow--collapse--path", "path(\"M3,7 L1,5 L3,3\")" ] }, "c_button_hamburger_icon_bottom_path": { "name": "--pf-v6-c-button--hamburger-icon--bottom--path", "value": "path(\"M9,9 L5,9\")", "values": [ "--pf-v6-c-button--hamburger-icon--bottom--collapse--path", "path(\"M9,9 L5,9\")" ] }, "c_button__icon_TransitionDelay": { "name": "--pf-v6-c-button__icon--TransitionDelay", "value": "0s" }, "c_button__icon_ScaleX": { "name": "--pf-v6-c-button__icon--ScaleX", "value": "1", "values": [ "--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX", "1" ] }, "c_button_hover__icon_TransitionDelay": { "name": "--pf-v6-c-button--hover__icon--TransitionDelay", "value": "0s" }, "c_button_hover__icon_ScaleX": { "name": "--pf-v6-c-button--hover__icon--ScaleX", "value": "1", "values": [ "--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX", "1" ] } }, ".pf-v6-c-compass__header.pf-m-expanded": { "c_compass_section_TransitionDelay": { "name": "--pf-v6-c-compass--section--TransitionDelay", "value": "0s", "values": [ "--pf-v6-c-compass--section--m-expanded--TransitionDelay", "0s" ] }, "c_compass_section_TransitionDuration": { "name": "--pf-v6-c-compass--section--TransitionDuration", "value": "200ms, 0s, 0s, 0s, 0s, 0s", "values": [ "--pf-v6-c-compass--section--m-expanded--TransitionDuration", "--pf-v6-c-compass--section--m-expanded--duration, 0s, 0s, 0s, 0s, 0s", "--pf-t--global--motion--duration--fade--default, 0s, 0s, 0s, 0s, 0s", "--pf-t--global--motion--duration--md, 0s, 0s, 0s, 0s, 0s", "--pf-t--global--duration--200, 0s, 0s, 0s, 0s, 0s", "200ms, 0s, 0s, 0s, 0s, 0s" ] } }, ".pf-v6-c-compass__nav .pf-v6-c-panel": { "c_panel__main_body_PaddingBlockStart": { "name": "--pf-v6-c-panel__main-body--PaddingBlockStart", "value": "0", "values": [ "--pf-v6-c-compass__nav--PaddingBlockStart", "0" ] }, "c_panel__main_body_PaddingBlockEnd": { "name": "--pf-v6-c-panel__main-body--PaddingBlockEnd", "value": "0", "values": [ "--pf-v6-c-compass__nav--PaddingBlockEnd", "0" ] }, "c_panel__main_body_PaddingInlineStart": { "name": "--pf-v6-c-panel__main-body--PaddingInlineStart", "value": "0.5rem", "values": [ "--pf-v6-c-compass__nav--PaddingInlineStart", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_panel__main_body_PaddingInlineEnd": { "name": "--pf-v6-c-panel__main-body--PaddingInlineEnd", "value": "0.5rem", "values": [ "--pf-v6-c-compass__nav--PaddingInlineEnd", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] } }, ".pf-v6-c-compass__sidebar .pf-v6-c-panel": { "c_panel__main_body_PaddingBlockStart": { "name": "--pf-v6-c-panel__main-body--PaddingBlockStart", "value": "0.5rem", "values": [ "--pf-v6-c-compass__sidebar--PaddingBlockStart", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_panel__main_body_PaddingBlockEnd": { "name": "--pf-v6-c-panel__main-body--PaddingBlockEnd", "value": "0.5rem", "values": [ "--pf-v6-c-compass__sidebar--PaddingBlockEnd", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_panel__main_body_PaddingInlineStart": { "name": "--pf-v6-c-panel__main-body--PaddingInlineStart", "value": "0.5rem", "values": [ "--pf-v6-c-compass__sidebar--PaddingInlineStart", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_panel__main_body_PaddingInlineEnd": { "name": "--pf-v6-c-panel__main-body--PaddingInlineEnd", "value": "0.5rem", "values": [ "--pf-v6-c-compass__sidebar--PaddingInlineEnd", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] } }, ".pf-v6-c-compass__dock.pf-m-expanded": { "c_compass__dock_TransitionDuration_slide": { "name": "--pf-v6-c-compass__dock--TransitionDuration--slide", "value": "0s", "values": [ "--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide", "0s" ] } } }; export default c_compass;