@patternfly/react-tokens

export const c_drawer: { ".pf-v6-c-drawer": { "c_drawer_m_pill_m_inline__main_Gap": { "name": "--pf-v6-c-drawer--m-pill--m-inline__main--Gap", "value": "0" }, "c_drawer__section_BackgroundColor": { "name": "--pf-v6-c-drawer__section--BackgroundColor", "value": "#ffffff", "values": [ "--pf-t--global--background--color--primary--default", "--pf-t--global--background--color--100", "--pf-t--color--white", "#ffffff" ] }, "c_drawer__section_m_secondary_BackgroundColor": { "name": "--pf-v6-c-drawer__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_drawer__content_FlexBasis": { "name": "--pf-v6-c-drawer__content--FlexBasis", "value": "100%" }, "c_drawer__content_BackgroundColor": { "name": "--pf-v6-c-drawer__content--BackgroundColor", "value": "transparent" }, "c_drawer__content_m_primary_BackgroundColor": { "name": "--pf-v6-c-drawer__content--m-primary--BackgroundColor", "value": "#ffffff", "values": [ "--pf-t--global--background--color--primary--default", "--pf-t--global--background--color--100", "--pf-t--color--white", "#ffffff" ] }, "c_drawer__content_m_secondary_BackgroundColor": { "name": "--pf-v6-c-drawer__content--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_drawer__content_ZIndex": { "name": "--pf-v6-c-drawer__content--ZIndex", "value": "100", "values": [ "--pf-t--global--z-index--xs", "--pf-t--global--z-index--100", "100" ] }, "c_drawer__panel_MinWidth": { "name": "--pf-v6-c-drawer__panel--MinWidth", "value": "50%" }, "c_drawer__panel_MaxHeight": { "name": "--pf-v6-c-drawer__panel--MaxHeight", "value": "auto" }, "c_drawer__panel_ZIndex": { "name": "--pf-v6-c-drawer__panel--ZIndex", "value": "200", "values": [ "--pf-t--global--z-index--sm", "--pf-t--global--z-index--200", "200" ] }, "c_drawer__panel_BorderColor": { "name": "--pf-v6-c-drawer__panel--BorderColor", "value": "rgb(255, 255, 255, 0.0000)", "values": [ "--pf-v6-c-drawer__panel--after--BackgroundColor", "--pf-t--global--border--color--high-contrast", "rgb(255, 255, 255, 0.0000)" ] }, "c_drawer__panel_BorderBlockStartWidth": { "name": "--pf-v6-c-drawer__panel--BorderBlockStartWidth", "value": "0" }, "c_drawer__panel_BorderBlockEndWidth": { "name": "--pf-v6-c-drawer__panel--BorderBlockEndWidth", "value": "0" }, "c_drawer__panel_BorderInlineStartWidth": { "name": "--pf-v6-c-drawer__panel--BorderInlineStartWidth", "value": "0px", "values": [ "--pf-v6-c-drawer__panel--after--Width", "--pf-t--global--border--width--high-contrast--regular", "0px" ] }, "c_drawer__panel_BorderInlineEndWidth": { "name": "--pf-v6-c-drawer__panel--BorderInlineEndWidth", "value": "0" }, "c_drawer__panel_BackgroundColor": { "name": "--pf-v6-c-drawer__panel--BackgroundColor", "value": "#ffffff", "values": [ "--pf-t--global--background--color--floating--default", "--pf-t--global--background--color--100", "--pf-t--color--white", "#ffffff" ] }, "c_drawer__panel_m_inline_BackgroundColor": { "name": "--pf-v6-c-drawer__panel--m-inline--BackgroundColor", "value": "#ffffff", "values": [ "--pf-t--global--background--color--floating--default", "--pf-t--global--background--color--100", "--pf-t--color--white", "#ffffff" ] }, "c_drawer__panel_m_secondary_BackgroundColor": { "name": "--pf-v6-c-drawer__panel--m-secondary--BackgroundColor", "value": "#f2f2f2", "values": [ "--pf-t--global--background--color--floating--secondary--default", "--pf-t--global--background--color--secondary--default", "--pf-t--global--background--color--200", "--pf-t--color--gray--10", "#f2f2f2" ] }, "c_drawer__panel_RowGap": { "name": "--pf-v6-c-drawer__panel--RowGap", "value": "0.5rem", "values": [ "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_drawer__panel_PaddingBlockStart": { "name": "--pf-v6-c-drawer__panel--PaddingBlockStart", "value": "0.5rem", "values": [ "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_drawer__panel_PaddingBlockEnd": { "name": "--pf-v6-c-drawer__panel--PaddingBlockEnd", "value": "0.5rem", "values": [ "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_drawer__panel_TransitionDelay": { "name": "--pf-v6-c-drawer__panel--TransitionDelay", "value": "0s, 200ms, 200ms", "values": [ "0s, --pf-v6-c-drawer__panel--TransitionDelay--focus, --pf-v6-c-drawer__panel--TransitionDelay--focus", "0s, --pf-v6-c-drawer__panel--TransitionDuration--fade, --pf-v6-c-drawer__panel--TransitionDuration--fade", "0s, --pf-t--global--motion--duration--fade--default, --pf-t--global--motion--duration--fade--default", "0s, --pf-t--global--motion--duration--md, --pf-t--global--motion--duration--md", "0s, --pf-t--global--duration--200, --pf-t--global--duration--200", "0s, 200ms, 200ms" ] }, "c_drawer__panel_TransitionDelay_focus": { "name": "--pf-v6-c-drawer__panel--TransitionDelay--focus", "value": "200ms", "values": [ "--pf-v6-c-drawer__panel--TransitionDuration--fade", "--pf-t--global--motion--duration--fade--default", "--pf-t--global--motion--duration--md", "--pf-t--global--duration--200", "200ms" ] }, "c_drawer__panel_TransitionDelay_expand_focus": { "name": "--pf-v6-c-drawer__panel--TransitionDelay--expand--focus", "value": "0s" }, "c_drawer__panel_TransitionTimingFunction": { "name": "--pf-v6-c-drawer__panel--TransitionTimingFunction", "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_drawer__panel_TransitionDuration_fade": { "name": "--pf-v6-c-drawer__panel--TransitionDuration--fade", "value": "200ms", "values": [ "--pf-t--global--motion--duration--fade--default", "--pf-t--global--motion--duration--md", "--pf-t--global--duration--200", "200ms" ] }, "c_drawer__panel_TransitionDuration": { "name": "--pf-v6-c-drawer__panel--TransitionDuration", "value": "200ms, 0s, 0s", "values": [ "--pf-v6-c-drawer__panel--TransitionDuration--fade, 0s, 0s", "--pf-t--global--motion--duration--fade--default, 0s, 0s", "--pf-t--global--motion--duration--md, 0s, 0s", "--pf-t--global--duration--200, 0s, 0s", "200ms, 0s, 0s" ] }, "c_drawer__panel_TransitionProperty": { "name": "--pf-v6-c-drawer__panel--TransitionProperty", "value": "opacity, visibility, transform" }, "c_drawer__panel_Opacity": { "name": "--pf-v6-c-drawer__panel--Opacity", "value": "0" }, "c_drawer_m_expanded__panel_Opacity": { "name": "--pf-v6-c-drawer--m-expanded__panel--Opacity", "value": "1" }, "c_drawer_m_expanded__panel_inset": { "name": "--pf-v6-c-drawer--m-expanded__panel--inset", "value": "0px" }, "c_drawer__panel_FlexBasis": { "name": "--pf-v6-c-drawer__panel--FlexBasis", "value": "100%" }, "c_drawer__panel_md_FlexBasis_min": { "name": "--pf-v6-c-drawer__panel--md--FlexBasis--min", "value": "1.5rem" }, "c_drawer__panel_md_FlexBasis": { "name": "--pf-v6-c-drawer__panel--md--FlexBasis", "value": "50%" }, "c_drawer__panel_md_FlexBasis_max": { "name": "--pf-v6-c-drawer__panel--md--FlexBasis--max", "value": "100%" }, "c_drawer__panel_m_inline_md_BackgroundColor": { "name": "--pf-v6-c-drawer__panel--m-inline--md--BackgroundColor", "value": "#ffffff", "values": [ "--pf-t--global--background--color--primary--default", "--pf-t--global--background--color--100", "--pf-t--color--white", "#ffffff" ] }, "c_drawer__panel_xl_MinWidth": { "name": "--pf-v6-c-drawer__panel--xl--MinWidth", "value": "28.125rem" }, "c_drawer__panel_xl_FlexBasis": { "name": "--pf-v6-c-drawer__panel--xl--FlexBasis", "value": "28.125rem" }, "c_drawer_m_panel_bottom__panel_md_MinHeight": { "name": "--pf-v6-c-drawer--m-panel-bottom__panel--md--MinHeight", "value": "50%" }, "c_drawer_m_panel_bottom__panel_xl_MinHeight": { "name": "--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight", "value": "18.75rem" }, "c_drawer_m_panel_bottom__panel_xl_FlexBasis": { "name": "--pf-v6-c-drawer--m-panel-bottom__panel--xl--FlexBasis", "value": "18.75rem" }, "c_drawer__panel_m_resizable_FlexDirection": { "name": "--pf-v6-c-drawer__panel--m-resizable--FlexDirection", "value": "row" }, "c_drawer__panel_m_resizable_md_FlexBasis_min": { "name": "--pf-v6-c-drawer__panel--m-resizable--md--FlexBasis--min", "value": "0.75rem", "values": [ "--pf-v6-c-drawer__splitter--m-vertical--Width", "0.75rem" ] }, "c_drawer__panel_m_resizable_MinWidth": { "name": "--pf-v6-c-drawer__panel--m-resizable--MinWidth", "value": "1.5rem" }, "c_drawer_m_panel_bottom__panel_m_resizable_FlexDirection": { "name": "--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection", "value": "column" }, "c_drawer_m_panel_bottom__panel_m_resizable_md_FlexBasis_min": { "name": "--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min", "value": "1.5rem" }, "c_drawer_m_panel_bottom__panel_m_resizable_MinHeight": { "name": "--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight", "value": "1.5rem" }, "c_drawer_m_pill__panel_BorderBlockStartWidth": { "name": "--pf-v6-c-drawer--m-pill__panel--BorderBlockStartWidth", "value": "1px", "values": [ "--pf-t--global--border--width--regular", "--pf-t--global--border--width--100", "1px" ] }, "c_drawer_m_pill__panel_BorderBlockEndWidth": { "name": "--pf-v6-c-drawer--m-pill__panel--BorderBlockEndWidth", "value": "1px", "values": [ "--pf-t--global--border--width--regular", "--pf-t--global--border--width--100", "1px" ] }, "c_drawer_m_pill__panel_BorderInlineStartWidth": { "name": "--pf-v6-c-drawer--m-pill__panel--BorderInlineStartWidth", "value": "1px", "values": [ "--pf-t--global--border--width--regular", "--pf-t--global--border--width--100", "1px" ] }, "c_drawer_m_pill__panel_BorderInlineEndWidth": { "name": "--pf-v6-c-drawer--m-pill__panel--BorderInlineEndWidth", "value": "1px", "values": [ "--pf-t--global--border--width--regular", "--pf-t--global--border--width--100", "1px" ] }, "c_drawer_m_pill__panel_BorderColor": { "name": "--pf-v6-c-drawer--m-pill__panel--BorderColor", "value": "#e0e0e0", "values": [ "--pf-t--global--border--color--subtle", "--pf-t--global--border--color--50", "--pf-t--color--gray--20", "#e0e0e0" ] }, "c_drawer_m_pill__panel_BorderRadius": { "name": "--pf-v6-c-drawer--m-pill__panel--BorderRadius", "value": "24px", "values": [ "--pf-t--global--border--radius--large", "--pf-t--global--border--radius--400", "24px" ] }, "c_drawer_m_pill_m_expanded__panel_inset": { "name": "--pf-v6-c-drawer--m-pill--m-expanded__panel--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_drawer_m_pill_m_expanded__panel_BoxShadow": { "name": "--pf-v6-c-drawer--m-pill--m-expanded__panel--BoxShadow", "value": "0px\n 4px\n 10px\n 0px\n rgb(41, 41, 41, 0.1500)", "values": [ "--pf-t--global--box-shadow--md", "--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", "--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", "0px\n 4px\n 10px\n 0px\n rgb(41, 41, 41, 0.1500)" ] }, "c_drawer__panel_m_glass_BackgroundColor": { "name": "--pf-v6-c-drawer__panel--m-glass--BackgroundColor", "value": "initial", "values": [ "--pf-t--global--background--color--glass--primary--default", "initial" ] }, "c_drawer__panel_m_glass_BackdropFilter": { "name": "--pf-v6-c-drawer__panel--m-glass--BackdropFilter", "value": "initial", "values": [ "--pf-t--global--background--filter--glass--blur--primary", "initial" ] }, "c_drawer__panel_m_glass_BorderColor": { "name": "--pf-v6-c-drawer__panel--m-glass--BorderColor", "value": "initial", "values": [ "--pf-t--global--border--color--glass--default", "initial" ] }, "c_drawer__head_ColumnGap": { "name": "--pf-v6-c-drawer__head--ColumnGap", "value": "0.5rem", "values": [ "--pf-t--global--spacer--gap--text-to-element--default", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_drawer__head_PaddingBlockStart": { "name": "--pf-v6-c-drawer__head--PaddingBlockStart", "value": "0.5rem", "values": [ "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_drawer__head_PaddingBlockEnd": { "name": "--pf-v6-c-drawer__head--PaddingBlockEnd", "value": "0.5rem", "values": [ "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_drawer__head_PaddingInlineStart": { "name": "--pf-v6-c-drawer__head--PaddingInlineStart", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_drawer__head_PaddingInlineEnd": { "name": "--pf-v6-c-drawer__head--PaddingInlineEnd", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_drawer__description_PaddingInlineStart": { "name": "--pf-v6-c-drawer__description--PaddingInlineStart", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_drawer__description_PaddingInlineEnd": { "name": "--pf-v6-c-drawer__description--PaddingInlineEnd", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_drawer__body_PaddingBlockStart_base": { "name": "--pf-v6-c-drawer__body--PaddingBlockStart--base", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_drawer__body_PaddingInlineEnd_base": { "name": "--pf-v6-c-drawer__body--PaddingInlineEnd--base", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_drawer__body_PaddingBlockEnd_base": { "name": "--pf-v6-c-drawer__body--PaddingBlockEnd--base", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_drawer__body_PaddingInlineStart_base": { "name": "--pf-v6-c-drawer__body--PaddingInlineStart--base", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_drawer__content__body_PaddingBlockStart": { "name": "--pf-v6-c-drawer__content__body--PaddingBlockStart", "value": "0" }, "c_drawer__content__body_PaddingInlineEnd": { "name": "--pf-v6-c-drawer__content__body--PaddingInlineEnd", "value": "0" }, "c_drawer__content__body_PaddingBlockEnd": { "name": "--pf-v6-c-drawer__content__body--PaddingBlockEnd", "value": "0" }, "c_drawer__content__body_PaddingInlineStart": { "name": "--pf-v6-c-drawer__content__body--PaddingInlineStart", "value": "0" }, "c_drawer__panel__body_PaddingBlockStart": { "name": "--pf-v6-c-drawer__panel__body--PaddingBlockStart", "value": "1rem", "values": [ "--pf-v6-c-drawer__body--PaddingBlockStart--base", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_drawer__panel__body_PaddingInlineEnd": { "name": "--pf-v6-c-drawer__panel__body--PaddingInlineEnd", "value": "1rem", "values": [ "--pf-v6-c-drawer__body--PaddingInlineEnd--base", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_drawer__panel__body_PaddingBlockEnd": { "name": "--pf-v6-c-drawer__panel__body--PaddingBlockEnd", "value": "1rem", "values": [ "--pf-v6-c-drawer__body--PaddingBlockEnd--base", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_drawer__panel__body_PaddingInlineStart": { "name": "--pf-v6-c-drawer__panel__body--PaddingInlineStart", "value": "1rem", "values": [ "--pf-v6-c-drawer__body--PaddingInlineStart--base", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_drawer__body_m_padding_PaddingBlockStart": { "name": "--pf-v6-c-drawer__body--m-padding--PaddingBlockStart", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_drawer__body_m_padding_PaddingInlineEnd": { "name": "--pf-v6-c-drawer__body--m-padding--PaddingInlineEnd", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_drawer__body_m_padding_PaddingBlockEnd": { "name": "--pf-v6-c-drawer__body--m-padding--PaddingBlockEnd", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_drawer__body_m_padding_PaddingInlineStart": { "name": "--pf-v6-c-drawer__body--m-padding--PaddingInlineStart", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_drawer__splitter_Height": { "name": "--pf-v6-c-drawer__splitter--Height", "value": "0.75rem" }, "c_drawer__splitter_Width": { "name": "--pf-v6-c-drawer__splitter--Width", "value": "100%" }, "c_drawer__splitter_BackgroundColor": { "name": "--pf-v6-c-drawer__splitter--BackgroundColor", "value": "transparent" }, "c_drawer__splitter_Cursor": { "name": "--pf-v6-c-drawer__splitter--Cursor", "value": "row-resize" }, "c_drawer__splitter_m_vertical_Height": { "name": "--pf-v6-c-drawer__splitter--m-vertical--Height", "value": "100%" }, "c_drawer__splitter_m_vertical_Width": { "name": "--pf-v6-c-drawer__splitter--m-vertical--Width", "value": "0.75rem" }, "c_drawer__splitter_m_vertical_Cursor": { "name": "--pf-v6-c-drawer__splitter--m-vertical--Cursor", "value": "col-resize" }, "c_drawer__splitter_focus_OutlineOffset": { "name": "--pf-v6-c-drawer__splitter--focus--OutlineOffset", "value": "-0.0625rem" }, "c_drawer_m_inline__splitter_focus_OutlineOffset": { "name": "--pf-v6-c-drawer--m-inline__splitter--focus--OutlineOffset", "value": "-0.0625rem" }, "c_drawer__splitter_after_BorderColor": { "name": "--pf-v6-c-drawer__splitter--after--BorderColor", "value": "#e0e0e0", "values": [ "--pf-t--global--border--color--default", "--pf-t--global--border--color--50", "--pf-t--color--gray--20", "#e0e0e0" ] }, "c_drawer__splitter_hover_after_BorderColor": { "name": "--pf-v6-c-drawer__splitter--hover--after--BorderColor", "value": "#e0e0e0", "values": [ "--pf-t--global--border--color--default", "--pf-t--global--border--color--50", "--pf-t--color--gray--20", "#e0e0e0" ] }, "c_drawer__splitter_focus_after_BorderColor": { "name": "--pf-v6-c-drawer__splitter--focus--after--BorderColor", "value": "#e0e0e0", "values": [ "--pf-t--global--border--color--default", "--pf-t--global--border--color--50", "--pf-t--color--gray--20", "#e0e0e0" ] }, "c_drawer__splitter_active_after_BorderColor": { "name": "--pf-v6-c-drawer__splitter--active--after--BorderColor", "value": "#e0e0e0", "values": [ "--pf-t--global--border--color--default", "--pf-t--global--border--color--50", "--pf-t--color--gray--20", "#e0e0e0" ] }, "c_drawer__splitter_after_border_width_base": { "name": "--pf-v6-c-drawer__splitter--after--border-width--base", "value": "1px", "values": [ "--pf-t--global--border--width--divider--default", "--pf-t--global--border--width--100", "1px" ] }, "c_drawer__splitter_after_BorderBlockStartWidth": { "name": "--pf-v6-c-drawer__splitter--after--BorderBlockStartWidth", "value": "0" }, "c_drawer__splitter_after_BorderInlineEndWidth": { "name": "--pf-v6-c-drawer__splitter--after--BorderInlineEndWidth", "value": "1px", "values": [ "--pf-v6-c-drawer__splitter--after--border-width--base", "--pf-t--global--border--width--divider--default", "--pf-t--global--border--width--100", "1px" ] }, "c_drawer__splitter_after_BorderBlockEndWidth": { "name": "--pf-v6-c-drawer__splitter--after--BorderBlockEndWidth", "value": "0" }, "c_drawer__splitter_after_BorderInlineStartWidth": { "name": "--pf-v6-c-drawer__splitter--after--BorderInlineStartWidth", "value": "1px", "values": [ "--pf-v6-c-drawer__splitter--after--border-width--base", "--pf-t--global--border--width--divider--default", "--pf-t--global--border--width--100", "1px" ] }, "c_drawer__splitter_after_InsetBlockStart": { "name": "--pf-v6-c-drawer__splitter--after--InsetBlockStart", "value": "0" }, "c_drawer__splitter_after_InsetBlockEnd": { "name": "--pf-v6-c-drawer__splitter--after--InsetBlockEnd", "value": "0" }, "c_drawer__splitter_after_InsetInlineStart": { "name": "--pf-v6-c-drawer__splitter--after--InsetInlineStart", "value": "0" }, "c_drawer__splitter_after_InsetInlineEnd": { "name": "--pf-v6-c-drawer__splitter--after--InsetInlineEnd", "value": "0" }, "c_drawer__splitter_after_Width": { "name": "--pf-v6-c-drawer__splitter--after--Width", "value": "auto" }, "c_drawer__splitter_after_Height": { "name": "--pf-v6-c-drawer__splitter--after--Height", "value": "auto" }, "c_drawer_m_panel_bottom__splitter_after_BorderBlockStartWidth": { "name": "--pf-v6-c-drawer--m-panel-bottom__splitter--after--BorderBlockStartWidth", "value": "1px", "values": [ "--pf-v6-c-drawer__splitter--after--border-width--base", "--pf-t--global--border--width--divider--default", "--pf-t--global--border--width--100", "1px" ] }, "c_drawer_m_panel_bottom__splitter_after_BorderBlockEndWidth": { "name": "--pf-v6-c-drawer--m-panel-bottom__splitter--after--BorderBlockEndWidth", "value": "1px", "values": [ "--pf-v6-c-drawer__splitter--after--border-width--base", "--pf-t--global--border--width--divider--default", "--pf-t--global--border--width--100", "1px" ] }, "c_drawer_m_pill__splitter_m_vertical_Width": { "name": "--pf-v6-c-drawer--m-pill__splitter--m-vertical--Width", "value": "0.625rem" }, "c_drawer_m_pill__splitter_m_vertical_Height": { "name": "--pf-v6-c-drawer--m-pill__splitter--m-vertical--Height", "value": "calc(100% - (2 * 24px))", "values": [ "calc(100% - (2 * --pf-v6-c-drawer--m-pill__panel--BorderRadius))", "calc(100% - (2 * --pf-t--global--border--radius--large))", "calc(100% - (2 * --pf-t--global--border--radius--400))", "calc(100% - (2 * 24px))" ] }, "c_drawer_m_pill__splitter_m_vertical_MarginBlockStart": { "name": "--pf-v6-c-drawer--m-pill__splitter--m-vertical--MarginBlockStart", "value": "24px", "values": [ "--pf-v6-c-drawer--m-pill__panel--BorderRadius", "--pf-t--global--border--radius--large", "--pf-t--global--border--radius--400", "24px" ] }, "c_drawer_m_pill__splitter_after_BorderColor": { "name": "--pf-v6-c-drawer--m-pill__splitter--after--BorderColor", "value": "transparent" }, "c_drawer_m_pill__splitter_after_BorderInlineEndWidth": { "name": "--pf-v6-c-drawer--m-pill__splitter--after--BorderInlineEndWidth", "value": "0" }, "c_drawer_m_pill__splitter_hover_after_BorderColor": { "name": "--pf-v6-c-drawer--m-pill__splitter--hover--after--BorderColor", "value": "#4394e5", "values": [ "--pf-t--global--border--color--hover", "--pf-t--global--color--brand--100", "--pf-t--color--blue--40", "#4394e5" ] }, "c_drawer_m_pill__splitter_focus_after_BorderColor": { "name": "--pf-v6-c-drawer--m-pill__splitter--focus--after--BorderColor", "value": "#0066cc", "values": [ "--pf-t--global--border--color--clicked", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_drawer_m_pill__splitter_active_after_BorderColor": { "name": "--pf-v6-c-drawer--m-pill__splitter--active--after--BorderColor", "value": "#0066cc", "values": [ "--pf-t--global--border--color--clicked", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_drawer_m_pill__splitter_after_Width": { "name": "--pf-v6-c-drawer--m-pill__splitter--after--Width", "value": "0.0625rem" }, "c_drawer_m_pill__splitter_after_Height": { "name": "--pf-v6-c-drawer--m-pill__splitter--after--Height", "value": "auto" }, "c_drawer_m_pill__splitter_after_InsetInlineStart": { "name": "--pf-v6-c-drawer--m-pill__splitter--after--InsetInlineStart", "value": "50%" }, "c_drawer_m_pill__splitter_after_InsetInlineEnd": { "name": "--pf-v6-c-drawer--m-pill__splitter--after--InsetInlineEnd", "value": "auto" }, "c_drawer_m_pill__splitter_after_TranslateX": { "name": "--pf-v6-c-drawer--m-pill__splitter--after--TranslateX", "value": "-50%" }, "c_drawer_m_pill_m_panel_bottom__splitter_Height": { "name": "--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--Height", "value": "0.5rem" }, "c_drawer_m_pill_m_panel_bottom__splitter_Width": { "name": "--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--Width", "value": "calc(100% - (2 * 24px))", "values": [ "calc(100% - (2 * --pf-v6-c-drawer--m-pill__panel--BorderRadius))", "calc(100% - (2 * --pf-t--global--border--radius--large))", "calc(100% - (2 * --pf-t--global--border--radius--400))", "calc(100% - (2 * 24px))" ] }, "c_drawer_m_pill_m_panel_bottom__splitter_MarginInlineStart": { "name": "--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--MarginInlineStart", "value": "24px", "values": [ "--pf-v6-c-drawer--m-pill__panel--BorderRadius", "--pf-t--global--border--radius--large", "--pf-t--global--border--radius--400", "24px" ] }, "c_drawer_m_pill_m_panel_bottom__splitter_after_Width": { "name": "--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--Width", "value": "auto" }, "c_drawer_m_pill_m_panel_bottom__splitter_after_Height": { "name": "--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--Height", "value": "0.0625rem" }, "c_drawer_m_pill_m_panel_bottom__splitter_after_BorderBlockStartWidth": { "name": "--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--BorderBlockStartWidth", "value": "1px", "values": [ "--pf-v6-c-drawer__splitter--after--border-width--base", "--pf-t--global--border--width--divider--default", "--pf-t--global--border--width--100", "1px" ] }, "c_drawer_m_pill_m_panel_bottom__splitter_after_BorderBlockEndWidth": { "name": "--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--BorderBlockEndWidth", "value": "0" }, "c_drawer_m_pill_m_panel_bottom__splitter_after_InsetBlockStart": { "name": "--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetBlockStart", "value": "50%" }, "c_drawer_m_pill_m_panel_bottom__splitter_after_InsetBlockEnd": { "name": "--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetBlockEnd", "value": "auto" }, "c_drawer_m_pill_m_panel_bottom__splitter_after_InsetInlineStart": { "name": "--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetInlineStart", "value": "0" }, "c_drawer_m_pill_m_panel_bottom__splitter_after_InsetInlineEnd": { "name": "--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetInlineEnd", "value": "0" }, "c_drawer_m_pill_m_panel_bottom__splitter_after_TranslateY": { "name": "--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--TranslateY", "value": "-50%" }, "c_drawer_m_inline__splitter_m_vertical_Width": { "name": "--pf-v6-c-drawer--m-inline__splitter--m-vertical--Width", "value": "0.75rem" }, "c_drawer_m_inline__splitter_handle_InsetInlineStart": { "name": "--pf-v6-c-drawer--m-inline__splitter-handle--InsetInlineStart", "value": "50%" }, "c_drawer_m_inline_m_panel_bottom__splitter_Height": { "name": "--pf-v6-c-drawer--m-inline--m-panel-bottom__splitter--Height", "value": "0.75rem" }, "c_drawer_m_inline_m_panel_bottom__splitter_handle_InsetBlockStart": { "name": "--pf-v6-c-drawer--m-inline--m-panel-bottom__splitter-handle--InsetBlockStart", "value": "50%" }, "c_drawer_m_inline_m_panel_bottom__splitter_after_BorderBlockStartWidth": { "name": "--pf-v6-c-drawer--m-inline--m-panel-bottom__splitter--after--BorderBlockStartWidth", "value": "1px", "values": [ "--pf-v6-c-drawer__splitter--after--border-width--base", "--pf-t--global--border--width--divider--default", "--pf-t--global--border--width--100", "1px" ] }, "c_drawer__splitter_handle_InsetBlockStart": { "name": "--pf-v6-c-drawer__splitter-handle--InsetBlockStart", "value": "50%" }, "c_drawer__splitter_handle_InsetInlineStart": { "name": "--pf-v6-c-drawer__splitter-handle--InsetInlineStart", "value": "50%" }, "c_drawer_m_panel_left__splitter_handle_InsetInlineStart": { "name": "--pf-v6-c-drawer--m-panel-left__splitter-handle--InsetInlineStart", "value": "50%" }, "c_drawer_m_panel_bottom__splitter_handle_InsetBlockStart": { "name": "--pf-v6-c-drawer--m-panel-bottom__splitter-handle--InsetBlockStart", "value": "50%" }, "c_drawer__splitter_handle_after_BackgroundColor": { "name": "--pf-v6-c-drawer__splitter-handle--after--BackgroundColor", "value": "#8c8c8c", "values": [ "--pf-t--global--border--color--control--default", "--pf-t--global--border--color--300", "--pf-t--color--gray--45", "#8c8c8c" ] }, "c_drawer__splitter_handle_hover_after_BackgroundColor": { "name": "--pf-v6-c-drawer__splitter-handle--hover--after--BackgroundColor", "value": "#4394e5", "values": [ "--pf-t--global--border--color--hover", "--pf-t--global--color--brand--100", "--pf-t--color--blue--40", "#4394e5" ] }, "c_drawer__splitter_handle_focus_after_BackgroundColor": { "name": "--pf-v6-c-drawer__splitter-handle--focus--after--BackgroundColor", "value": "#0066cc", "values": [ "--pf-t--global--border--color--clicked", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_drawer__splitter_handle_active_after_BackgroundColor": { "name": "--pf-v6-c-drawer__splitter-handle--active--after--BackgroundColor", "value": "#0066cc", "values": [ "--pf-t--global--border--color--clicked", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_drawer__splitter_handle_after_BorderColor": { "name": "--pf-v6-c-drawer__splitter-handle--after--BorderColor", "value": "rgb(255, 255, 255, 0.0000)", "values": [ "--pf-t--global--border--color--high-contrast", "rgb(255, 255, 255, 0.0000)" ] }, "c_drawer__splitter_handle_after_BorderBlockStartWidth": { "name": "--pf-v6-c-drawer__splitter-handle--after--BorderBlockStartWidth", "value": "1px", "values": [ "--pf-t--global--border--width--divider--default", "--pf-t--global--border--width--100", "1px" ] }, "c_drawer__splitter_handle_after_BorderInlineEndWidth": { "name": "--pf-v6-c-drawer__splitter-handle--after--BorderInlineEndWidth", "value": "0" }, "c_drawer__splitter_handle_after_BorderBlockEndWidth": { "name": "--pf-v6-c-drawer__splitter-handle--after--BorderBlockEndWidth", "value": "1px", "values": [ "--pf-t--global--border--width--divider--default", "--pf-t--global--border--width--100", "1px" ] }, "c_drawer__splitter_handle_after_BorderInlineStartWidth": { "name": "--pf-v6-c-drawer__splitter-handle--after--BorderInlineStartWidth", "value": "0" }, "c_drawer__splitter_handle_after_BorderRadius": { "name": "--pf-v6-c-drawer__splitter-handle--after--BorderRadius", "value": "999px", "values": [ "--pf-t--global--border--radius--pill", "--pf-t--global--border--radius--500", "999px" ] }, "c_drawer__splitter_hover__splitter_handle_after_BorderColor": { "name": "--pf-v6-c-drawer__splitter--hover__splitter-handle--after--BorderColor", "value": "#004d99", "values": [ "--pf-t--global--color--brand--hover", "--pf-t--global--color--brand--300", "--pf-t--color--blue--60", "#004d99" ] }, "c_drawer__splitter_m_vertical__splitter_handle_after_BorderBlockStartWidth": { "name": "--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBlockStartWidth", "value": "0" }, "c_drawer__splitter_m_vertical__splitter_handle_after_BorderInlineEndWidth": { "name": "--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderInlineEndWidth", "value": "1px", "values": [ "--pf-t--global--border--width--divider--default", "--pf-t--global--border--width--100", "1px" ] }, "c_drawer__splitter_m_vertical__splitter_handle_after_BorderBlockEndWidth": { "name": "--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBlockEndWidth", "value": "0" }, "c_drawer__splitter_m_vertical__splitter_handle_after_BorderInlineStartWidth": { "name": "--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderInlineStartWidth", "value": "1px", "values": [ "--pf-t--global--border--width--divider--default", "--pf-t--global--border--width--100", "1px" ] }, "c_drawer__splitter_handle_after_Width": { "name": "--pf-v6-c-drawer__splitter-handle--after--Width", "value": "2.1875rem" }, "c_drawer__splitter_handle_after_Height": { "name": "--pf-v6-c-drawer__splitter-handle--after--Height", "value": "0.25rem" }, "c_drawer__splitter_m_vertical__splitter_handle_after_Width": { "name": "--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Width", "value": "0.25rem" }, "c_drawer__splitter_m_vertical__splitter_handle_after_Height": { "name": "--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height", "value": "2.1875rem" }, "c_drawer__actions_MarginBlockStart": { "name": "--pf-v6-c-drawer__actions--MarginBlockStart", "value": "calc(0.25rem * -1.5)", "values": [ "calc(--pf-t--global--spacer--control--vertical--compact * -1.5)", "calc(--pf-t--global--spacer--xs * -1.5)", "calc(--pf-t--global--spacer--100 * -1.5)", "calc(0.25rem * -1.5)" ] }, "c_drawer__actions_MarginInlineEnd": { "name": "--pf-v6-c-drawer__actions--MarginInlineEnd", "value": "calc(0.5rem * -1.5)", "values": [ "calc(--pf-t--global--spacer--control--horizontal--compact * -1.5)", "calc(--pf-t--global--spacer--sm * -1.5)", "calc(--pf-t--global--spacer--200 * -1.5)", "calc(0.5rem * -1.5)" ] }, "c_drawer__panel_BoxShadow": { "name": "--pf-v6-c-drawer__panel--BoxShadow", "value": "none" }, "c_drawer_m_expanded_m_panel_bottom__panel_BoxShadow": { "name": "--pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow", "value": "0px\n -10px\n 10px\n -8px\n rgb(41, 41, 41, 0.1500)", "values": [ "--pf-t--global--box-shadow--md--top", "--pf-t--global--box-shadow--X--md--top\n --pf-t--global--box-shadow--Y--md--top\n --pf-t--global--box-shadow--blur--md\n --pf-t--global--box-shadow--spread--md--directional\n --pf-t--global--box-shadow--color--md--directional", "--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--100\n --pf-t--global--box-shadow--blur--200\n --pf-t--global--box-shadow--spread--300\n --pf-t--global--box-shadow--color--100", "0px\n -10px\n 10px\n -8px\n rgb(41, 41, 41, 0.1500)" ] }, "c_drawer__panel_after_Width": { "name": "--pf-v6-c-drawer__panel--after--Width", "value": "0px", "values": [ "--pf-t--global--border--width--high-contrast--regular", "0px" ] }, "c_drawer_m_inline__panel_after_Width": { "name": "--pf-v6-c-drawer--m-inline__panel--after--Width", "value": "0" }, "c_drawer_m_inline__panel_after_md_Width": { "name": "--pf-v6-c-drawer--m-inline__panel--after--md--Width", "value": "1px", "values": [ "--pf-t--global--border--width--divider--default", "--pf-t--global--border--width--100", "1px" ] }, "c_drawer_m_panel_bottom__panel_after_Height": { "name": "--pf-v6-c-drawer--m-panel-bottom__panel--after--Height", "value": "0px", "values": [ "--pf-t--global--border--width--high-contrast--regular", "0px" ] }, "c_drawer__panel_after_BackgroundColor": { "name": "--pf-v6-c-drawer__panel--after--BackgroundColor", "value": "rgb(255, 255, 255, 0.0000)", "values": [ "--pf-t--global--border--color--high-contrast", "rgb(255, 255, 255, 0.0000)" ] }, "c_drawer_m_inline_m_expanded__panel_after_BackgroundColor": { "name": "--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor", "value": "#e0e0e0", "values": [ "--pf-t--global--border--color--default", "--pf-t--global--border--color--50", "--pf-t--color--gray--20", "#e0e0e0" ] }, "c_drawer_m_inline__panel_PaddingInlineStart": { "name": "--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart", "value": "0" }, "c_drawer_m_panel_left_m_inline__panel_PaddingInlineEnd": { "name": "--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd", "value": "0" }, "c_drawer_m_panel_bottom_m_inline__panel_PaddingBlockStart": { "name": "--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart", "value": "0" }, "c_drawer_m_expanded__panel_BoxShadow": { "name": "--pf-v6-c-drawer--m-expanded__panel--BoxShadow", "value": "-10px\n 0px\n 10px\n -8px\n rgb(41, 41, 41, 0.1500)", "values": [ "--pf-t--global--box-shadow--md--left", "--pf-t--global--box-shadow--X--md--left\n --pf-t--global--box-shadow--Y--md--left\n --pf-t--global--box-shadow--blur--md\n --pf-t--global--box-shadow--spread--md--directional\n --pf-t--global--box-shadow--color--md--directional", "--pf-t--global--box-shadow--X--100\n --pf-t--global--box-shadow--Y--400\n --pf-t--global--box-shadow--blur--200\n --pf-t--global--box-shadow--spread--300\n --pf-t--global--box-shadow--color--100", "-10px\n 0px\n 10px\n -8px\n rgb(41, 41, 41, 0.1500)" ] }, "c_drawer_m_expanded_m_panel_left__panel_BoxShadow": { "name": "--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow", "value": "10px\n 0px\n 10px\n -8px\n rgb(41, 41, 41, 0.1500)", "values": [ "--pf-t--global--box-shadow--md--right", "--pf-t--global--box-shadow--X--md--right\n --pf-t--global--box-shadow--Y--md--right\n --pf-t--global--box-shadow--blur--md\n --pf-t--global--box-shadow--spread--md--directional\n --pf-t--global--box-shadow--color--md--directional", "--pf-t--global--box-shadow--X--700\n --pf-t--global--box-shadow--Y--400\n --pf-t--global--box-shadow--blur--200\n --pf-t--global--box-shadow--spread--300\n --pf-t--global--box-shadow--color--100", "10px\n 0px\n 10px\n -8px\n rgb(41, 41, 41, 0.1500)" ] } }, ":where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer": { "c_drawer_m_expanded__panel_BoxShadow": { "name": "--pf-v6-c-drawer--m-expanded__panel--BoxShadow", "value": "10px\n 0px\n 10px\n -8px\n rgb(41, 41, 41, 0.1500)", "values": [ "--pf-t--global--box-shadow--md--right", "--pf-t--global--box-shadow--X--md--right\n --pf-t--global--box-shadow--Y--md--right\n --pf-t--global--box-shadow--blur--md\n --pf-t--global--box-shadow--spread--md--directional\n --pf-t--global--box-shadow--color--md--directional", "--pf-t--global--box-shadow--X--700\n --pf-t--global--box-shadow--Y--400\n --pf-t--global--box-shadow--blur--200\n --pf-t--global--box-shadow--spread--300\n --pf-t--global--box-shadow--color--100", "10px\n 0px\n 10px\n -8px\n rgb(41, 41, 41, 0.1500)" ] }, "c_drawer_m_expanded_m_panel_left__panel_BoxShadow": { "name": "--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow", "value": "-10px\n 0px\n 10px\n -8px\n rgb(41, 41, 41, 0.1500)", "values": [ "--pf-t--global--box-shadow--md--left", "--pf-t--global--box-shadow--X--md--left\n --pf-t--global--box-shadow--Y--md--left\n --pf-t--global--box-shadow--blur--md\n --pf-t--global--box-shadow--spread--md--directional\n --pf-t--global--box-shadow--color--md--directional", "--pf-t--global--box-shadow--X--100\n --pf-t--global--box-shadow--Y--400\n --pf-t--global--box-shadow--blur--200\n --pf-t--global--box-shadow--spread--300\n --pf-t--global--box-shadow--color--100", "-10px\n 0px\n 10px\n -8px\n rgb(41, 41, 41, 0.1500)" ] } }, ".pf-v6-c-drawer.pf-m-inline": { "c_drawer__panel_BackgroundColor": { "name": "--pf-v6-c-drawer__panel--BackgroundColor", "value": "#ffffff", "values": [ "--pf-v6-c-drawer__panel--m-inline--BackgroundColor", "--pf-t--global--background--color--floating--default", "--pf-t--global--background--color--100", "--pf-t--color--white", "#ffffff" ] }, "c_drawer__panel_BorderInlineStartWidth": { "name": "--pf-v6-c-drawer__panel--BorderInlineStartWidth", "value": "0", "values": [ "--pf-v6-c-drawer--m-inline__panel--after--Width", "0" ] }, "c_drawer_m_pill__main_Gap": { "name": "--pf-v6-c-drawer--m-pill__main--Gap", "value": "0", "values": [ "--pf-v6-c-drawer--m-pill--m-inline__main--Gap", "0" ] }, "c_drawer_m_pill_m_expanded__panel_inset": { "name": "--pf-v6-c-drawer--m-pill--m-expanded__panel--inset", "value": "0px" } }, ".pf-v6-c-drawer.pf-m-expanded": { "c_drawer_m_pill_m_inline__main_Gap": { "name": "--pf-v6-c-drawer--m-pill--m-inline__main--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_drawer__panel_TransitionDelay_focus": { "name": "--pf-v6-c-drawer__panel--TransitionDelay--focus", "value": "0s", "values": [ "--pf-v6-c-drawer__panel--TransitionDelay--expand--focus", "0s" ] } }, ".pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel": { "c_drawer__panel_Opacity": { "name": "--pf-v6-c-drawer__panel--Opacity", "value": "1", "values": [ "--pf-v6-c-drawer--m-expanded__panel--Opacity", "1" ] } }, ".pf-v6-c-drawer.pf-m-resizing": { "c_drawer__panel_TransitionProperty": { "name": "--pf-v6-c-drawer__panel--TransitionProperty", "value": "none" } }, ".pf-v6-c-drawer__section.pf-m-secondary": { "c_drawer__section_BackgroundColor": { "name": "--pf-v6-c-drawer__section--BackgroundColor", "value": "#f2f2f2", "values": [ "--pf-v6-c-drawer__section--m-secondary--BackgroundColor", "--pf-t--global--background--color--secondary--default", "--pf-t--global--background--color--200", "--pf-t--color--gray--10", "#f2f2f2" ] } }, ":where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-drawer__section.pf-m-plain": { "c_drawer__section_BackgroundColor": { "name": "--pf-v6-c-drawer__section--BackgroundColor", "value": "transparent" } }, ".pf-v6-c-drawer__content.pf-m-primary": { "c_drawer__content_BackgroundColor": { "name": "--pf-v6-c-drawer__content--BackgroundColor", "value": "#ffffff", "values": [ "--pf-v6-c-drawer__content--m-primary--BackgroundColor", "--pf-t--global--background--color--primary--default", "--pf-t--global--background--color--100", "--pf-t--color--white", "#ffffff" ] } }, ".pf-v6-c-drawer__content.pf-m-secondary": { "c_drawer__content_BackgroundColor": { "name": "--pf-v6-c-drawer__content--BackgroundColor", "value": "#f2f2f2", "values": [ "--pf-v6-c-drawer__content--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-drawer__panel.pf-m-secondary": { "c_drawer__panel_BackgroundColor": { "name": "--pf-v6-c-drawer__panel--BackgroundColor", "value": "#f2f2f2", "values": [ "--pf-v6-c-drawer__panel--m-secondary--BackgroundColor", "--pf-t--global--background--color--floating--secondary--default", "--pf-t--global--background--color--secondary--defa