@patternfly/react-tokens

export const c_drawer: { ".pf-v6-c-drawer": { "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_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--primary--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--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_TransitionDuration": { "name": "--pf-v6-c-drawer__panel--TransitionDuration", "value": "250ms" }, "c_drawer__panel_TransitionProperty": { "name": "--pf-v6-c-drawer__panel--TransitionProperty", "value": "margin, transform, box-shadow, flex-basis" }, "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_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.5625rem", "values": [ "--pf-v6-c-drawer__splitter--m-vertical--Width", "0.5625rem" ] }, "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__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.5625rem" }, "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": "#ffffff", "values": [ "--pf-t--global--background--color--primary--default", "--pf-t--global--background--color--100", "--pf-t--color--white", "#ffffff" ] }, "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.5625rem" }, "c_drawer__splitter_m_vertical_Cursor": { "name": "--pf-v6-c-drawer__splitter--m-vertical--Cursor", "value": "col-resize" }, "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": "#c7c7c7", "values": [ "--pf-t--global--border--color--default", "--pf-t--global--border--color--100", "--pf-t--color--gray--30", "#c7c7c7" ] }, "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_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_inline__splitter_m_vertical_Width": { "name": "--pf-v6-c-drawer--m-inline__splitter--m-vertical--Width", "value": "0.625rem" }, "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.625rem" }, "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": "calc(50% - 1px)", "values": [ "calc(50% - --pf-v6-c-drawer__splitter--after--border-width--base)", "calc(50% - --pf-t--global--border--width--divider--default)", "calc(50% - --pf-t--global--border--width--100)", "calc(50% - 1px)" ] }, "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": "calc(50% - 1px)", "values": [ "calc(50% - --pf-v6-c-drawer__splitter--after--border-width--base)", "calc(50% - --pf-t--global--border--width--divider--default)", "calc(50% - --pf-t--global--border--width--100)", "calc(50% - 1px)" ] }, "c_drawer__splitter_handle_after_BorderColor": { "name": "--pf-v6-c-drawer__splitter-handle--after--BorderColor", "value": "#c7c7c7", "values": [ "--pf-t--global--border--color--default", "--pf-t--global--border--color--100", "--pf-t--color--gray--30", "#c7c7c7" ] }, "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_hover__splitter_handle_after_BorderColor": { "name": "--pf-v6-c-drawer__splitter--hover__splitter-handle--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__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": "0.75rem" }, "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": "0.75rem" }, "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 9px\n -8px\n rgba(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 9px\n -8px\n rgba(41, 41, 41, 0.1500)" ] }, "c_drawer__panel_after_Width": { "name": "--pf-v6-c-drawer__panel--after--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": "1px", "values": [ "--pf-t--global--border--width--divider--default", "--pf-t--global--border--width--100", "1px" ] }, "c_drawer__panel_after_BackgroundColor": { "name": "--pf-v6-c-drawer__panel--after--BackgroundColor", "value": "transparent" }, "c_drawer_m_inline_m_expanded__panel_after_BackgroundColor": { "name": "--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor", "value": "#c7c7c7", "values": [ "--pf-t--global--border--color--default", "--pf-t--global--border--color--100", "--pf-t--color--gray--30", "#c7c7c7" ] }, "c_drawer_m_inline__panel_PaddingInlineStart": { "name": "--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart", "value": "1px", "values": [ "--pf-v6-c-drawer__panel--after--Width", "--pf-t--global--border--width--divider--default", "--pf-t--global--border--width--100", "1px" ] }, "c_drawer_m_panel_left_m_inline__panel_PaddingInlineEnd": { "name": "--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd", "value": "1px", "values": [ "--pf-v6-c-drawer__panel--after--Width", "--pf-t--global--border--width--divider--default", "--pf-t--global--border--width--100", "1px" ] }, "c_drawer_m_panel_bottom_m_inline__panel_PaddingBlockStart": { "name": "--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart", "value": "1px", "values": [ "--pf-v6-c-drawer__panel--after--Width", "--pf-t--global--border--width--divider--default", "--pf-t--global--border--width--100", "1px" ] }, "c_drawer_m_expanded__panel_BoxShadow": { "name": "--pf-v6-c-drawer--m-expanded__panel--BoxShadow", "value": "-10px\n 0px\n 9px\n -8px\n rgba(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 9px\n -8px\n rgba(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 9px\n -8px\n rgba(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 9px\n -8px\n rgba(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 9px\n -8px\n rgba(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 9px\n -8px\n rgba(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 9px\n -8px\n rgba(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 9px\n -8px\n rgba(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--primary--default", "--pf-t--global--background--color--100", "--pf-t--color--white", "#ffffff" ] } }, ".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" ] } }, ".pf-v6-c-drawer__section.pf-m-no-background": { "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--secondary--default", "--pf-t--global--background--color--200", "--pf-t--color--gray--10", "#f2f2f2" ] } }, ".pf-v6-c-drawer__panel.pf-m-no-background": { "c_drawer__panel_BackgroundColor": { "name": "--pf-v6-c-drawer__panel--BackgroundColor", "value": "transparent" } }, ".pf-v6-c-drawer__splitter.pf-m-vertical": { "c_drawer__splitter_Height": { "name": "--pf-v6-c-drawer__splitter--Height", "value": "100%", "values": [ "--pf-v6-c-drawer__splitter--m-vertical--Height", "100%" ] }, "c_drawer__splitter_Width": { "name": "--pf-v6-c-drawer__splitter--Width", "value": "0.5625rem", "values": [ "--pf-v6-c-drawer__splitter--m-vertical--Width", "0.5625rem" ] }, "c_drawer__splitter_Cursor": { "name": "--pf-v6-c-drawer__splitter--Cursor", "value": "col-resize", "values": [ "--pf-v6-c-drawer__splitter--m-vertical--Cursor", "col-resize" ] }, "c_drawer__splitter_handle_after_Width": { "name": "--pf-v6-c-drawer__splitter-handle--after--Width", "value": "0.25rem", "values": [ "--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Width", "0.25rem" ] }, "c_drawer__splitter_handle_after_Height": { "name": "--pf-v6-c-drawer__splitter-handle--after--Height", "value": "0.75rem", "values": [ "--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height", "0.75rem" ] }, "c_drawer__splitter_handle_after_BorderBlockStartWidth": { "name": "--pf-v6-c-drawer__splitter-handle--after--BorderBlockStartWidth", "value": "0", "values": [ "--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBlockStartWidth", "0" ] }, "c_drawer__splitter_handle_after_BorderInlineEndWidth": { "name": "--pf-v6-c-drawer__splitter-handle--after--BorderInlineEndWidth", "value": "1px", "values": [ "--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderInlineEndWidth", "--pf-t--global--border--width--divider--default", "--pf-t--global--border--width--100", "1px" ] }, "c_drawer__splitter_handle_after_BorderBlockEndWidth": { "name": "--pf-v6-c-drawer__splitter-handle--after--BorderBlockEndWidth", "value": "0", "values": [ "--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBlockEndWidth", "0" ] }, "c_drawer__splitter_handle_after_BorderInlineStartWidth": { "name": "--pf-v6-c-drawer__splitter-handle--after--BorderInlineStartWidth", "value": "1px", "values": [ "--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderInlineStartWidth", "--pf-t--global--border--width--divider--default", "--pf-t--global--border--width--100", "1px" ] } }, ".pf-v6-c-drawer__splitter:hover": { "c_drawer__splitter_handle_after_BorderColor": { "name": "--pf-v6-c-drawer__splitter-handle--after--BorderColor", "value": "#4394e5", "values": [ "--pf-v6-c-drawer__splitter--hover__splitter-handle--after--BorderColor", "--pf-t--global--border--color--hover", "--pf-t--global--color--brand--100", "--pf-t--color--blue--40", "#4394e5" ] } } }; export default c_drawer;