@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
959 lines • 35.3 kB
TypeScript
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;