@patternfly/react-tokens 6.0.0-alpha.7 → 6.0.0-alpha.8

package/dist/esm/c_drawer.d.ts

@@ -1,23 +1,23 @@
 export const c_drawer: {
-  ".pf-v5-c-drawer": {
+  ":where(:root)": {
     "c_drawer__section_BackgroundColor": {
       "name": "--pf-v5-c-drawer__section--BackgroundColor",
       "value": "#fff",
       "values": [
-        "--pf-v5-global--BackgroundColor--100",
-        "$pf-v5-global--BackgroundColor--100",
-        "$pf-v5-color-white",
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
         "#fff"
       ]
     },
-    "c_drawer__section_m_light_200_BackgroundColor": {
-      "name": "--pf-v5-c-drawer__section--m-light-200--BackgroundColor",
-      "value": "#f0f0f0",
+    "c_drawer__section_m_secondary_BackgroundColor": {
+      "name": "--pf-v5-c-drawer__section--m-secondary--BackgroundColor",
+      "value": "#f2f2f2",
       "values": [
-        "--pf-v5-global--BackgroundColor--200",
-        "$pf-v5-global--BackgroundColor--200",
-        "$pf-v5-color-black-200",
-        "#f0f0f0"
+        "--pf-t--global--background--color--secondary--default",
+        "--pf-t--global--background--color--200",
+        "--pf-t--color--gray--10",
+        "#f2f2f2"
       ]
     },
     "c_drawer__content_FlexBasis": {
@@ -28,28 +28,27 @@ export const c_drawer: {
       "name": "--pf-v5-c-drawer__content--BackgroundColor",
       "value": "#fff",
       "values": [
-        "--pf-v5-global--BackgroundColor--100",
-        "$pf-v5-global--BackgroundColor--100",
-        "$pf-v5-color-white",
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
         "#fff"
       ]
     },
-    "c_drawer__content_m_light_200_BackgroundColor": {
-      "name": "--pf-v5-c-drawer__content--m-light-200--BackgroundColor",
-      "value": "#f0f0f0",
+    "c_drawer__content_m_secondary_BackgroundColor": {
+      "name": "--pf-v5-c-drawer__content--m-secondary--BackgroundColor",
+      "value": "#f2f2f2",
       "values": [
-        "--pf-v5-global--BackgroundColor--200",
-        "$pf-v5-global--BackgroundColor--200",
-        "$pf-v5-color-black-200",
-        "#f0f0f0"
+        "--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-v5-c-drawer__content--ZIndex",
       "value": "100",
       "values": [
-        "--pf-v5-global--ZIndex--xs",
-        "$pf-v5-global--ZIndex--xs",
+        "--pf-t--global--Zindex--xs",
         "100"
       ]
     },
@@ -65,8 +64,7 @@ export const c_drawer: {
       "name": "--pf-v5-c-drawer__panel--ZIndex",
       "value": "200",
       "values": [
-        "--pf-v5-global--ZIndex--sm",
-        "$pf-v5-global--ZIndex--sm",
+        "--pf-t--global--Zindex--sm",
         "200"
       ]
     },
@@ -74,31 +72,53 @@ export const c_drawer: {
       "name": "--pf-v5-c-drawer__panel--BackgroundColor",
       "value": "#fff",
       "values": [
-        "--pf-v5-global--BackgroundColor--100",
-        "$pf-v5-global--BackgroundColor--100",
-        "$pf-v5-color-white",
+        "--pf-t--global--background--color--floating--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
         "#fff"
       ]
     },
-    "c_drawer__panel_m_light_200_BackgroundColor": {
-      "name": "--pf-v5-c-drawer__panel--m-light-200--BackgroundColor",
-      "value": "#f0f0f0",
+    "c_drawer__panel_m_secondary_BackgroundColor": {
+      "name": "--pf-v5-c-drawer__panel--m-secondary--BackgroundColor",
+      "value": "#f2f2f2",
       "values": [
-        "--pf-v5-global--BackgroundColor--200",
-        "$pf-v5-global--BackgroundColor--200",
-        "$pf-v5-color-black-200",
-        "#f0f0f0"
+        "--pf-t--global--background--color--secondary--default",
+        "--pf-t--global--background--color--200",
+        "--pf-t--color--gray--10",
+        "#f2f2f2"
       ]
     },
-    "c_drawer__panel_TransitionDuration": {
-      "name": "--pf-v5-c-drawer__panel--TransitionDuration",
-      "value": "250ms",
+    "c_drawer__panel_RowGap": {
+      "name": "--pf-v5-c-drawer__panel--RowGap",
+      "value": "8px",
+      "values": [
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
+      ]
+    },
+    "c_drawer__panel_PaddingBlockStart": {
+      "name": "--pf-v5-c-drawer__panel--PaddingBlockStart",
+      "value": "8px",
       "values": [
-        "--pf-v5-global--TransitionDuration",
-        "$pf-v5-global--TransitionDuration",
-        "250ms"
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     },
+    "c_drawer__panel_PaddingBlockEnd": {
+      "name": "--pf-v5-c-drawer__panel--PaddingBlockEnd",
+      "value": "8px",
+      "values": [
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
+      ]
+    },
+    "c_drawer__panel_TransitionDuration": {
+      "name": "--pf-v5-c-drawer__panel--TransitionDuration",
+      "value": "250ms"
+    },
     "c_drawer__panel_TransitionProperty": {
       "name": "--pf-v5-c-drawer__panel--TransitionProperty",
       "value": "margin, transform, box-shadow, flex-basis"
@@ -167,181 +187,196 @@ export const c_drawer: {
       "name": "--pf-v5-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight",
       "value": "1.5rem"
     },
-    "c_drawer_child_PaddingTop": {
-      "name": "--pf-v5-c-drawer--child--PaddingTop",
-      "value": "1rem",
+    "c_drawer__head_ColumnGap": {
+      "name": "--pf-v5-c-drawer__head--ColumnGap",
+      "value": "8px",
       "values": [
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     },
-    "c_drawer_child_PaddingRight": {
-      "name": "--pf-v5-c-drawer--child--PaddingRight",
-      "value": "1rem",
+    "c_drawer__head_PaddingBlockStart": {
+      "name": "--pf-v5-c-drawer__head--PaddingBlockStart",
+      "value": "8px",
       "values": [
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     },
-    "c_drawer_child_PaddingBottom": {
-      "name": "--pf-v5-c-drawer--child--PaddingBottom",
-      "value": "1rem",
+    "c_drawer__head_PaddingBlockEnd": {
+      "name": "--pf-v5-c-drawer__head--PaddingBlockEnd",
+      "value": "8px",
       "values": [
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     },
-    "c_drawer_child_PaddingLeft": {
-      "name": "--pf-v5-c-drawer--child--PaddingLeft",
-      "value": "1rem",
+    "c_drawer__head_PaddingInlineStart": {
+      "name": "--pf-v5-c-drawer__head--PaddingInlineStart",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
-    "c_drawer_child_md_PaddingTop": {
-      "name": "--pf-v5-c-drawer--child--md--PaddingTop",
-      "value": "1.5rem",
+    "c_drawer__head_PaddingInlineEnd": {
+      "name": "--pf-v5-c-drawer__head--PaddingInlineEnd",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--spacer--lg",
-        "$pf-v5-global--spacer--lg",
-        "pf-size-prem(24px)",
-        "1.5rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
-    "c_drawer_child_md_PaddingRight": {
-      "name": "--pf-v5-c-drawer--child--md--PaddingRight",
-      "value": "1.5rem",
+    "c_drawer__description_PaddingInlineStart": {
+      "name": "--pf-v5-c-drawer__description--PaddingInlineStart",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--spacer--lg",
-        "$pf-v5-global--spacer--lg",
-        "pf-size-prem(24px)",
-        "1.5rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
-    "c_drawer_child_md_PaddingBottom": {
-      "name": "--pf-v5-c-drawer--child--md--PaddingBottom",
-      "value": "1.5rem",
+    "c_drawer__description_PaddingInlineEnd": {
+      "name": "--pf-v5-c-drawer__description--PaddingInlineEnd",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--spacer--lg",
-        "$pf-v5-global--spacer--lg",
-        "pf-size-prem(24px)",
-        "1.5rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
-    "c_drawer_child_md_PaddingLeft": {
-      "name": "--pf-v5-c-drawer--child--md--PaddingLeft",
-      "value": "1.5rem",
+    "c_drawer__body_PaddingTop_base": {
+      "name": "--pf-v5-c-drawer__body--PaddingTop--base",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--spacer--lg",
-        "$pf-v5-global--spacer--lg",
-        "pf-size-prem(24px)",
-        "1.5rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
-    "c_drawer_child_m_padding_PaddingTop": {
-      "name": "--pf-v5-c-drawer--child--m-padding--PaddingTop",
-      "value": "1rem",
+    "c_drawer__body_PaddingRight_base": {
+      "name": "--pf-v5-c-drawer__body--PaddingRight--base",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
-    "c_drawer_child_m_padding_PaddingRight": {
-      "name": "--pf-v5-c-drawer--child--m-padding--PaddingRight",
-      "value": "1rem",
+    "c_drawer__body_PaddingBottom_base": {
+      "name": "--pf-v5-c-drawer__body--PaddingBottom--base",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
-    "c_drawer_child_m_padding_PaddingBottom": {
-      "name": "--pf-v5-c-drawer--child--m-padding--PaddingBottom",
-      "value": "1rem",
+    "c_drawer__body_PaddingLeft_base": {
+      "name": "--pf-v5-c-drawer__body--PaddingLeft--base",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
-    "c_drawer_child_m_padding_PaddingLeft": {
-      "name": "--pf-v5-c-drawer--child--m-padding--PaddingLeft",
-      "value": "1rem",
+    "c_drawer__content__body_PaddingTop": {
+      "name": "--pf-v5-c-drawer__content__body--PaddingTop",
+      "value": "0"
+    },
+    "c_drawer__content__body_PaddingRight": {
+      "name": "--pf-v5-c-drawer__content__body--PaddingRight",
+      "value": "0"
+    },
+    "c_drawer__content__body_PaddingBottom": {
+      "name": "--pf-v5-c-drawer__content__body--PaddingBottom",
+      "value": "0"
+    },
+    "c_drawer__content__body_PaddingLeft": {
+      "name": "--pf-v5-c-drawer__content__body--PaddingLeft",
+      "value": "0"
+    },
+    "c_drawer__panel__body_PaddingTop": {
+      "name": "--pf-v5-c-drawer__panel__body--PaddingTop",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-v5-c-drawer__body--PaddingTop--base",
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
-    "c_drawer_child_m_padding_md_PaddingTop": {
-      "name": "--pf-v5-c-drawer--child--m-padding--md--PaddingTop",
-      "value": "1.5rem",
+    "c_drawer__panel__body_PaddingRight": {
+      "name": "--pf-v5-c-drawer__panel__body--PaddingRight",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--spacer--lg",
-        "$pf-v5-global--spacer--lg",
-        "pf-size-prem(24px)",
-        "1.5rem"
+        "--pf-v5-c-drawer__body--PaddingRight--base",
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
-    "c_drawer_child_m_padding_md_PaddingRight": {
-      "name": "--pf-v5-c-drawer--child--m-padding--md--PaddingRight",
-      "value": "1.5rem",
+    "c_drawer__panel__body_PaddingBottom": {
+      "name": "--pf-v5-c-drawer__panel__body--PaddingBottom",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--spacer--lg",
-        "$pf-v5-global--spacer--lg",
-        "pf-size-prem(24px)",
-        "1.5rem"
+        "--pf-v5-c-drawer__body--PaddingBottom--base",
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
-    "c_drawer_child_m_padding_md_PaddingBottom": {
-      "name": "--pf-v5-c-drawer--child--m-padding--md--PaddingBottom",
-      "value": "1.5rem",
+    "c_drawer__panel__body_PaddingLeft": {
+      "name": "--pf-v5-c-drawer__panel__body--PaddingLeft",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--spacer--lg",
-        "$pf-v5-global--spacer--lg",
-        "pf-size-prem(24px)",
-        "1.5rem"
+        "--pf-v5-c-drawer__body--PaddingLeft--base",
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
-    "c_drawer_child_m_padding_md_PaddingLeft": {
-      "name": "--pf-v5-c-drawer--child--m-padding--md--PaddingLeft",
-      "value": "1.5rem",
+    "c_drawer__body_m_padding_PaddingTop": {
+      "name": "--pf-v5-c-drawer__body--m-padding--PaddingTop",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--spacer--lg",
-        "$pf-v5-global--spacer--lg",
-        "pf-size-prem(24px)",
-        "1.5rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
-    "c_drawer__content_child_PaddingTop": {
-      "name": "--pf-v5-c-drawer__content--child--PaddingTop",
-      "value": "0"
-    },
-    "c_drawer__content_child_PaddingRight": {
-      "name": "--pf-v5-c-drawer__content--child--PaddingRight",
-      "value": "0"
+    "c_drawer__body_m_padding_PaddingRight": {
+      "name": "--pf-v5-c-drawer__body--m-padding--PaddingRight",
+      "value": "16px",
+      "values": [
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
+      ]
     },
-    "c_drawer__content_child_PaddingBottom": {
-      "name": "--pf-v5-c-drawer__content--child--PaddingBottom",
-      "value": "0"
+    "c_drawer__body_m_padding_PaddingBottom": {
+      "name": "--pf-v5-c-drawer__body--m-padding--PaddingBottom",
+      "value": "16px",
+      "values": [
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
+      ]
     },
-    "c_drawer__content_child_PaddingLeft": {
-      "name": "--pf-v5-c-drawer__content--child--PaddingLeft",
-      "value": "0"
+    "c_drawer__body_m_padding_PaddingLeft": {
+      "name": "--pf-v5-c-drawer__body--m-padding--PaddingLeft",
+      "value": "16px",
+      "values": [
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
+      ]
     },
     "c_drawer__splitter_Height": {
       "name": "--pf-v5-c-drawer__splitter--Height",
@@ -355,9 +390,9 @@ export const c_drawer: {
       "name": "--pf-v5-c-drawer__splitter--BackgroundColor",
       "value": "#fff",
       "values": [
-        "--pf-v5-global--BackgroundColor--100",
-        "$pf-v5-global--BackgroundColor--100",
-        "$pf-v5-color-white",
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
         "#fff"
       ]
     },
@@ -383,20 +418,20 @@ export const c_drawer: {
     },
     "c_drawer__splitter_after_BorderColor": {
       "name": "--pf-v5-c-drawer__splitter--after--BorderColor",
-      "value": "#d2d2d2",
+      "value": "#c7c7c7",
       "values": [
-        "--pf-v5-global--BorderColor--100",
-        "$pf-v5-global--BorderColor--100",
-        "$pf-v5-color-black-300",
-        "#d2d2d2"
+        "--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-v5-c-drawer__splitter--after--border-width--base",
       "value": "1px",
       "values": [
-        "--pf-v5-global--BorderWidth--sm",
-        "$pf-v5-global--BorderWidth--sm",
+        "--pf-t--global--border--width--divider--default",
+        "--pf-t--global--border--width--100",
         "1px"
       ]
     },
@@ -409,8 +444,8 @@ export const c_drawer: {
       "value": "1px",
       "values": [
         "--pf-v5-c-drawer__splitter--after--border-width--base",
-        "--pf-v5-global--BorderWidth--sm",
-        "$pf-v5-global--BorderWidth--sm",
+        "--pf-t--global--border--width--divider--default",
+        "--pf-t--global--border--width--100",
         "1px"
       ]
     },
@@ -420,15 +455,21 @@ export const c_drawer: {
     },
     "c_drawer__splitter_after_BorderLeftWidth": {
       "name": "--pf-v5-c-drawer__splitter--after--BorderLeftWidth",
-      "value": "0"
+      "value": "1px",
+      "values": [
+        "--pf-v5-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_left__splitter_after_BorderLeftWidth": {
-      "name": "--pf-v5-c-drawer--m-panel-left__splitter--after--BorderLeftWidth",
+    "c_drawer_m_panel_bottom__splitter_after_BorderTopWidth": {
+      "name": "--pf-v5-c-drawer--m-panel-bottom__splitter--after--BorderTopWidth",
       "value": "1px",
       "values": [
         "--pf-v5-c-drawer__splitter--after--border-width--base",
-        "--pf-v5-global--BorderWidth--sm",
-        "$pf-v5-global--BorderWidth--sm",
+        "--pf-t--global--border--width--divider--default",
+        "--pf-t--global--border--width--100",
         "1px"
       ]
     },
@@ -437,8 +478,8 @@ export const c_drawer: {
       "value": "1px",
       "values": [
         "--pf-v5-c-drawer__splitter--after--border-width--base",
-        "--pf-v5-global--BorderWidth--sm",
-        "$pf-v5-global--BorderWidth--sm",
+        "--pf-t--global--border--width--divider--default",
+        "--pf-t--global--border--width--100",
         "1px"
       ]
     },
@@ -450,26 +491,6 @@ export const c_drawer: {
       "name": "--pf-v5-c-drawer--m-inline__splitter-handle--Left",
       "value": "50%"
     },
-    "c_drawer_m_inline__splitter_after_BorderRightWidth": {
-      "name": "--pf-v5-c-drawer--m-inline__splitter--after--BorderRightWidth",
-      "value": "1px",
-      "values": [
-        "--pf-v5-c-drawer__splitter--after--border-width--base",
-        "--pf-v5-global--BorderWidth--sm",
-        "$pf-v5-global--BorderWidth--sm",
-        "1px"
-      ]
-    },
-    "c_drawer_m_inline__splitter_after_BorderLeftWidth": {
-      "name": "--pf-v5-c-drawer--m-inline__splitter--after--BorderLeftWidth",
-      "value": "1px",
-      "values": [
-        "--pf-v5-c-drawer__splitter--after--border-width--base",
-        "--pf-v5-global--BorderWidth--sm",
-        "$pf-v5-global--BorderWidth--sm",
-        "1px"
-      ]
-    },
     "c_drawer_m_inline_m_panel_bottom__splitter_Height": {
       "name": "--pf-v5-c-drawer--m-inline--m-panel-bottom__splitter--Height",
       "value": "0.625rem"
@@ -483,8 +504,8 @@ export const c_drawer: {
       "value": "1px",
       "values": [
         "--pf-v5-c-drawer__splitter--after--border-width--base",
-        "--pf-v5-global--BorderWidth--sm",
-        "$pf-v5-global--BorderWidth--sm",
+        "--pf-t--global--border--width--divider--default",
+        "--pf-t--global--border--width--100",
         "1px"
       ]
     },
@@ -497,8 +518,8 @@ export const c_drawer: {
       "value": "calc(50% - 1px)",
       "values": [
         "calc(50% - --pf-v5-c-drawer__splitter--after--border-width--base)",
-        "calc(50% - --pf-v5-global--BorderWidth--sm)",
-        "calc(50% - $pf-v5-global--BorderWidth--sm)",
+        "calc(50% - --pf-t--global--border--width--divider--default)",
+        "calc(50% - --pf-t--global--border--width--100)",
         "calc(50% - 1px)"
       ]
     },
@@ -511,27 +532,27 @@ export const c_drawer: {
       "value": "calc(50% - 1px)",
       "values": [
         "calc(50% - --pf-v5-c-drawer__splitter--after--border-width--base)",
-        "calc(50% - --pf-v5-global--BorderWidth--sm)",
-        "calc(50% - $pf-v5-global--BorderWidth--sm)",
+        "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-v5-c-drawer__splitter-handle--after--BorderColor",
-      "value": "#6a6e73",
+      "value": "#c7c7c7",
       "values": [
-        "--pf-v5-global--Color--200",
-        "$pf-v5-global--Color--200",
-        "$pf-v5-color-black-600",
-        "#6a6e73"
+        "--pf-t--global--border--color--default",
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
       ]
     },
     "c_drawer__splitter_handle_after_BorderTopWidth": {
       "name": "--pf-v5-c-drawer__splitter-handle--after--BorderTopWidth",
       "value": "1px",
       "values": [
-        "--pf-v5-global--BorderWidth--sm",
-        "$pf-v5-global--BorderWidth--sm",
+        "--pf-t--global--border--width--divider--default",
+        "--pf-t--global--border--width--100",
         "1px"
       ]
     },
@@ -543,8 +564,8 @@ export const c_drawer: {
       "name": "--pf-v5-c-drawer__splitter-handle--after--BorderBottomWidth",
       "value": "1px",
       "values": [
-        "--pf-v5-global--BorderWidth--sm",
-        "$pf-v5-global--BorderWidth--sm",
+        "--pf-t--global--border--width--divider--default",
+        "--pf-t--global--border--width--100",
         "1px"
       ]
     },
@@ -554,22 +575,12 @@ export const c_drawer: {
     },
     "c_drawer__splitter_hover__splitter_handle_after_BorderColor": {
       "name": "--pf-v5-c-drawer__splitter--hover__splitter-handle--after--BorderColor",
-      "value": "#151515",
-      "values": [
-        "--pf-v5-global--Color--100",
-        "$pf-v5-global--Color--100",
-        "$pf-v5-color-black-900",
-        "#151515"
-      ]
-    },
-    "c_drawer__splitter_focus__splitter_handle_after_BorderColor": {
-      "name": "--pf-v5-c-drawer__splitter--focus__splitter-handle--after--BorderColor",
-      "value": "#151515",
+      "value": "#4394e5",
       "values": [
-        "--pf-v5-global--Color--100",
-        "$pf-v5-global--Color--100",
-        "$pf-v5-color-black-900",
-        "#151515"
+        "--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_BorderTopWidth": {
@@ -580,8 +591,8 @@ export const c_drawer: {
       "name": "--pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderRightWidth",
       "value": "1px",
       "values": [
-        "--pf-v5-global--BorderWidth--sm",
-        "$pf-v5-global--BorderWidth--sm",
+        "--pf-t--global--border--width--divider--default",
+        "--pf-t--global--border--width--100",
         "1px"
       ]
     },
@@ -593,8 +604,8 @@ export const c_drawer: {
       "name": "--pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderLeftWidth",
       "value": "1px",
       "values": [
-        "--pf-v5-global--BorderWidth--sm",
-        "$pf-v5-global--BorderWidth--sm",
+        "--pf-t--global--border--width--divider--default",
+        "--pf-t--global--border--width--100",
         "1px"
       ]
     },
@@ -616,22 +627,20 @@ export const c_drawer: {
     },
     "c_drawer__actions_MarginTop": {
       "name": "--pf-v5-c-drawer__actions--MarginTop",
-      "value": "calc(0.375rem * -1)",
+      "value": "calc(4px * -1.5)",
       "values": [
-        "calc(--pf-v5-global--spacer--form-element * -1)",
-        "calc($pf-v5-global--spacer--form-element * -1)",
-        "calc(pf-size-prem(6px) * -1)",
-        "calc(0.375rem * -1)"
+        "calc(--pf-t--global--spacer--xs * -1.5)",
+        "calc(--pf-t--global--spacer--100 * -1.5)",
+        "calc(4px * -1.5)"
       ]
     },
     "c_drawer__actions_MarginRight": {
       "name": "--pf-v5-c-drawer__actions--MarginRight",
-      "value": "calc(0.375rem * -1)",
+      "value": "calc(4px * -1.5)",
       "values": [
-        "calc(--pf-v5-global--spacer--form-element * -1)",
-        "calc($pf-v5-global--spacer--form-element * -1)",
-        "calc(pf-size-prem(6px) * -1)",
-        "calc(0.375rem * -1)"
+        "calc(--pf-t--global--spacer--xs * -1.5)",
+        "calc(--pf-t--global--spacer--100 * -1.5)",
+        "calc(4px * -1.5)"
       ]
     },
     "c_drawer__panel_BoxShadow": {
@@ -640,43 +649,18 @@ export const c_drawer: {
     },
     "c_drawer_m_expanded_m_panel_bottom__panel_BoxShadow": {
       "name": "--pf-v5-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow",
-      "value": "0 -0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.18)",
-      "values": [
-        "--pf-v5-global--BoxShadow--lg-top",
-        "$pf-v5-global--BoxShadow--lg-top",
-        "0 pf-size-prem(-12px) pf-size-prem(12px) pf-size-prem(-8px) rgba($pf-v5-color-black-1000, .18)",
-        "0 pf-size-prem(-12px) pf-size-prem(12px) pf-size-prem(-8px) rgba(#030303, .18)",
-        "0 -0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.18)"
-      ]
-    },
-    "c_drawer_m_expanded__panel_BoxShadow": {
-      "name": "--pf-v5-c-drawer--m-expanded__panel--BoxShadow",
-      "value": "-0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.18)",
+      "value": "0px -8px 24px 0px rgb(0 0 0 / 12%)",
       "values": [
-        "--pf-v5-global--BoxShadow--lg-left",
-        "$pf-v5-global--BoxShadow--lg-left",
-        "pf-size-prem(-12px) 0 pf-size-prem(12px) pf-size-prem(-8px) rgba($pf-v5-color-black-1000, .18)",
-        "pf-size-prem(-12px) 0 pf-size-prem(12px) pf-size-prem(-8px) rgba(#030303, .18)",
-        "-0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.18)"
-      ]
-    },
-    "c_drawer_m_expanded_m_panel_left__panel_BoxShadow": {
-      "name": "--pf-v5-c-drawer--m-expanded--m-panel-left__panel--BoxShadow",
-      "value": "0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.18)",
-      "values": [
-        "--pf-v5-global--BoxShadow--lg-right",
-        "$pf-v5-global--BoxShadow--lg-right",
-        "pf-size-prem(12px) 0 pf-size-prem(12px) pf-size-prem(-8px) rgba($pf-v5-color-black-1000, .18)",
-        "pf-size-prem(12px) 0 pf-size-prem(12px) pf-size-prem(-8px) rgba(#030303, .18)",
-        "0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.18)"
+        "--pf-t--global--box-shadow--lg--top",
+        "0px -8px 24px 0px rgb(0 0 0 / 12%)"
       ]
     },
     "c_drawer__panel_after_Width": {
       "name": "--pf-v5-c-drawer__panel--after--Width",
       "value": "1px",
       "values": [
-        "--pf-v5-global--BorderWidth--sm",
-        "$pf-v5-global--BorderWidth--sm",
+        "--pf-t--global--border--width--divider--default",
+        "--pf-t--global--border--width--100",
         "1px"
       ]
     },
@@ -684,8 +668,8 @@ export const c_drawer: {
       "name": "--pf-v5-c-drawer--m-panel-bottom__panel--after--Height",
       "value": "1px",
       "values": [
-        "--pf-v5-global--BorderWidth--sm",
-        "$pf-v5-global--BorderWidth--sm",
+        "--pf-t--global--border--width--divider--default",
+        "--pf-t--global--border--width--100",
         "1px"
       ]
     },
@@ -695,12 +679,12 @@ export const c_drawer: {
     },
     "c_drawer_m_inline_m_expanded__panel_after_BackgroundColor": {
       "name": "--pf-v5-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor",
-      "value": "#d2d2d2",
+      "value": "#c7c7c7",
       "values": [
-        "--pf-v5-global--BorderColor--100",
-        "$pf-v5-global--BorderColor--100",
-        "$pf-v5-color-black-300",
-        "#d2d2d2"
+        "--pf-t--global--border--color--default",
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
       ]
     },
     "c_drawer_m_inline__panel_PaddingLeft": {
@@ -708,8 +692,8 @@ export const c_drawer: {
       "value": "1px",
       "values": [
         "--pf-v5-c-drawer__panel--after--Width",
-        "--pf-v5-global--BorderWidth--sm",
-        "$pf-v5-global--BorderWidth--sm",
+        "--pf-t--global--border--width--divider--default",
+        "--pf-t--global--border--width--100",
         "1px"
       ]
     },
@@ -718,8 +702,8 @@ export const c_drawer: {
       "value": "1px",
       "values": [
         "--pf-v5-c-drawer__panel--after--Width",
-        "--pf-v5-global--BorderWidth--sm",
-        "$pf-v5-global--BorderWidth--sm",
+        "--pf-t--global--border--width--divider--default",
+        "--pf-t--global--border--width--100",
         "1px"
       ]
     },
@@ -728,15 +712,23 @@ export const c_drawer: {
       "value": "1px",
       "values": [
         "--pf-v5-c-drawer__panel--after--Width",
-        "--pf-v5-global--BorderWidth--sm",
-        "$pf-v5-global--BorderWidth--sm",
+        "--pf-t--global--border--width--divider--default",
+        "--pf-t--global--border--width--100",
         "1px"
       ]
     }
   },
-  ":where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer": {
+  ".pf-v5-c-drawer": {
     "c_drawer_m_expanded__panel_BoxShadow": {
       "name": "--pf-v5-c-drawer--m-expanded__panel--BoxShadow",
+      "value": "-8px 0px 24px 0px rgb(0 0 0 / 12%)",
+      "values": [
+        "--pf-t--global--box-shadow--lg--left",
+        "-8px 0px 24px 0px rgb(0 0 0 / 12%)"
+      ]
+    },
+    "c_drawer_m_expanded_m_panel_left__panel_BoxShadow": {
+      "name": "--pf-v5-c-drawer--m-expanded--m-panel-left__panel--BoxShadow",
       "value": "0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.18)",
       "values": [
         "--pf-v5-global--BoxShadow--lg-right",
@@ -745,6 +737,16 @@ export const c_drawer: {
         "pf-size-prem(12px) 0 pf-size-prem(12px) pf-size-prem(-8px) rgba(#030303, .18)",
         "0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.18)"
       ]
+    }
+  },
+  ":where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer": {
+    "c_drawer_m_expanded__panel_BoxShadow": {
+      "name": "--pf-v5-c-drawer--m-expanded__panel--BoxShadow",
+      "value": "8px 0px 24px 0px rgb(0 0 0 / 12%)",
+      "values": [
+        "--pf-t--global--box-shadow--lg--right",
+        "8px 0px 24px 0px rgb(0 0 0 / 12%)"
+      ]
     },
     "c_drawer_m_expanded_m_panel_left__panel_BoxShadow": {
       "name": "--pf-v5-c-drawer--m-expanded--m-panel-left__panel--BoxShadow",
@@ -764,22 +766,35 @@ export const c_drawer: {
       "value": "none"
     }
   },
-  ".pf-v5-c-drawer__section.pf-m-no-background": {
+  ".pf-v5-c-drawer__section.pf-m-secondary": {
     "c_drawer__section_BackgroundColor": {
       "name": "--pf-v5-c-drawer__section--BackgroundColor",
-      "value": "transparent"
+      "value": "#f2f2f2",
+      "values": [
+        "--pf-v5-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-v5-c-drawer__section.pf-m-light-200": {
+  ".pf-v5-c-drawer__section.pf-m-no-background": {
     "c_drawer__section_BackgroundColor": {
       "name": "--pf-v5-c-drawer__section--BackgroundColor",
-      "value": "#f0f0f0",
+      "value": "transparent"
+    }
+  },
+  ".pf-v5-c-drawer__content.pf-m-secondary": {
+    "c_drawer__content_BackgroundColor": {
+      "name": "--pf-v5-c-drawer__content--BackgroundColor",
+      "value": "#f2f2f2",
       "values": [
-        "--pf-v5-c-drawer__section--m-light-200--BackgroundColor",
-        "--pf-v5-global--BackgroundColor--200",
-        "$pf-v5-global--BackgroundColor--200",
-        "$pf-v5-color-black-200",
-        "#f0f0f0"
+        "--pf-v5-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"
       ]
     }
   },
@@ -789,16 +804,16 @@ export const c_drawer: {
       "value": "transparent"
     }
   },
-  ".pf-v5-c-drawer__content.pf-m-light-200": {
-    "c_drawer__content_BackgroundColor": {
-      "name": "--pf-v5-c-drawer__content--BackgroundColor",
-      "value": "#f0f0f0",
+  ".pf-v5-c-drawer__panel.pf-m-secondary": {
+    "c_drawer__panel_BackgroundColor": {
+      "name": "--pf-v5-c-drawer__panel--BackgroundColor",
+      "value": "#f2f2f2",
       "values": [
-        "--pf-v5-c-drawer__content--m-light-200--BackgroundColor",
-        "--pf-v5-global--BackgroundColor--200",
-        "$pf-v5-global--BackgroundColor--200",
-        "$pf-v5-color-black-200",
-        "#f0f0f0"
+        "--pf-v5-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"
       ]
     }
   },
@@ -808,19 +823,6 @@ export const c_drawer: {
       "value": "transparent"
     }
   },
-  ".pf-v5-c-drawer__panel.pf-m-light-200": {
-    "c_drawer__panel_BackgroundColor": {
-      "name": "--pf-v5-c-drawer__panel--BackgroundColor",
-      "value": "#f0f0f0",
-      "values": [
-        "--pf-v5-c-drawer__panel--m-light-200--BackgroundColor",
-        "--pf-v5-global--BackgroundColor--200",
-        "$pf-v5-global--BackgroundColor--200",
-        "$pf-v5-color-black-200",
-        "#f0f0f0"
-      ]
-    }
-  },
   ".pf-v5-c-drawer__splitter.pf-m-vertical": {
     "c_drawer__splitter_Height": {
       "name": "--pf-v5-c-drawer__splitter--Height",
@@ -875,8 +877,8 @@ export const c_drawer: {
       "value": "1px",
       "values": [
         "--pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderRightWidth",
-        "--pf-v5-global--BorderWidth--sm",
-        "$pf-v5-global--BorderWidth--sm",
+        "--pf-t--global--border--width--divider--default",
+        "--pf-t--global--border--width--100",
         "1px"
       ]
     },
@@ -893,8 +895,8 @@ export const c_drawer: {
       "value": "1px",
       "values": [
         "--pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderLeftWidth",
-        "--pf-v5-global--BorderWidth--sm",
-        "$pf-v5-global--BorderWidth--sm",
+        "--pf-t--global--border--width--divider--default",
+        "--pf-t--global--border--width--100",
         "1px"
       ]
     }
@@ -902,26 +904,13 @@ export const c_drawer: {
   ".pf-v5-c-drawer__splitter:hover": {
     "c_drawer__splitter_handle_after_BorderColor": {
       "name": "--pf-v5-c-drawer__splitter-handle--after--BorderColor",
-      "value": "#151515",
+      "value": "#4394e5",
       "values": [
         "--pf-v5-c-drawer__splitter--hover__splitter-handle--after--BorderColor",
-        "--pf-v5-global--Color--100",
-        "$pf-v5-global--Color--100",
-        "$pf-v5-color-black-900",
-        "#151515"
-      ]
-    }
-  },
-  ".pf-v5-c-drawer__splitter:focus": {
-    "c_drawer__splitter_handle_after_BorderColor": {
-      "name": "--pf-v5-c-drawer__splitter-handle--after--BorderColor",
-      "value": "#151515",
-      "values": [
-        "--pf-v5-c-drawer__splitter--focus__splitter-handle--after--BorderColor",
-        "--pf-v5-global--Color--100",
-        "$pf-v5-global--Color--100",
-        "$pf-v5-color-black-900",
-        "#151515"
+        "--pf-t--global--border--color--hover",
+        "--pf-t--global--color--brand--100",
+        "--pf-t--color--blue--40",
+        "#4394e5"
       ]
     }
   }