@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
1,348 lines • 55.6 kB
JavaScript
"use strict";
exports.__esModule = true;
exports.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--globa