@patternfly/react-tokens 6.0.0-alpha.16 → 6.0.0-alpha.18

package/dist/js/c_divider.d.ts

@@ -69,84 +69,77 @@ export const c_divider: {
   ".pf-v6-c-divider.pf-m-inset-xs": {
     "c_divider_before_FlexBasis": {
       "name": "--pf-v6-c-divider--before--FlexBasis",
-      "value": "calc(100% - 0.25rem * 2)",
+      "value": "calc(100% - 4px * 2)",
       "values": [
-        "calc(100% - --pf-v6-global--spacer--xs * 2)",
-        "calc(100% - $pf-v5-global--spacer--xs * 2)",
-        "calc(100% - pf-size-prem(4px) * 2)",
-        "calc(100% - 0.25rem * 2)"
+        "calc(100% - --pf-t--global--spacer--xs * 2)",
+        "calc(100% - --pf-t--global--spacer--100 * 2)",
+        "calc(100% - 4px * 2)"
       ]
     }
   },
   ".pf-v6-c-divider.pf-m-inset-sm": {
     "c_divider_before_FlexBasis": {
       "name": "--pf-v6-c-divider--before--FlexBasis",
-      "value": "calc(100% - 0.5rem * 2)",
+      "value": "calc(100% - 8px * 2)",
       "values": [
-        "calc(100% - --pf-v6-global--spacer--sm * 2)",
-        "calc(100% - $pf-v5-global--spacer--sm * 2)",
-        "calc(100% - pf-size-prem(8px) * 2)",
-        "calc(100% - 0.5rem * 2)"
+        "calc(100% - --pf-t--global--spacer--sm * 2)",
+        "calc(100% - --pf-t--global--spacer--200 * 2)",
+        "calc(100% - 8px * 2)"
       ]
     }
   },
   ".pf-v6-c-divider.pf-m-inset-md": {
     "c_divider_before_FlexBasis": {
       "name": "--pf-v6-c-divider--before--FlexBasis",
-      "value": "calc(100% - 1rem * 2)",
+      "value": "calc(100% - 16px * 2)",
       "values": [
-        "calc(100% - --pf-v6-global--spacer--md * 2)",
-        "calc(100% - $pf-v5-global--spacer--md * 2)",
-        "calc(100% - pf-size-prem(16px) * 2)",
-        "calc(100% - 1rem * 2)"
+        "calc(100% - --pf-t--global--spacer--md * 2)",
+        "calc(100% - --pf-t--global--spacer--300 * 2)",
+        "calc(100% - 16px * 2)"
       ]
     }
   },
   ".pf-v6-c-divider.pf-m-inset-lg": {
     "c_divider_before_FlexBasis": {
       "name": "--pf-v6-c-divider--before--FlexBasis",
-      "value": "calc(100% - 1.5rem * 2)",
+      "value": "calc(100% - 24px * 2)",
       "values": [
-        "calc(100% - --pf-v6-global--spacer--lg * 2)",
-        "calc(100% - $pf-v5-global--spacer--lg * 2)",
-        "calc(100% - pf-size-prem(24px) * 2)",
-        "calc(100% - 1.5rem * 2)"
+        "calc(100% - --pf-t--global--spacer--lg * 2)",
+        "calc(100% - --pf-t--global--spacer--400 * 2)",
+        "calc(100% - 24px * 2)"
       ]
     }
   },
   ".pf-v6-c-divider.pf-m-inset-xl": {
     "c_divider_before_FlexBasis": {
       "name": "--pf-v6-c-divider--before--FlexBasis",
-      "value": "calc(100% - 2rem * 2)",
+      "value": "calc(100% - 32px * 2)",
       "values": [
-        "calc(100% - --pf-v6-global--spacer--xl * 2)",
-        "calc(100% - $pf-v5-global--spacer--xl * 2)",
-        "calc(100% - pf-size-prem(32px) * 2)",
-        "calc(100% - 2rem * 2)"
+        "calc(100% - --pf-t--global--spacer--xl * 2)",
+        "calc(100% - --pf-t--global--spacer--500 * 2)",
+        "calc(100% - 32px * 2)"
       ]
     }
   },
   ".pf-v6-c-divider.pf-m-inset-2xl": {
     "c_divider_before_FlexBasis": {
       "name": "--pf-v6-c-divider--before--FlexBasis",
-      "value": "calc(100% - 3rem * 2)",
+      "value": "calc(100% - 48px * 2)",
       "values": [
-        "calc(100% - --pf-v6-global--spacer--2xl * 2)",
-        "calc(100% - $pf-v5-global--spacer--2xl * 2)",
-        "calc(100% - pf-size-prem(48px) * 2)",
-        "calc(100% - 3rem * 2)"
+        "calc(100% - --pf-t--global--spacer--2xl * 2)",
+        "calc(100% - --pf-t--global--spacer--600 * 2)",
+        "calc(100% - 48px * 2)"
       ]
     }
   },
   ".pf-v6-c-divider.pf-m-inset-3xl": {
     "c_divider_before_FlexBasis": {
       "name": "--pf-v6-c-divider--before--FlexBasis",
-      "value": "calc(100% - 4rem * 2)",
+      "value": "calc(100% - 64px * 2)",
       "values": [
-        "calc(100% - --pf-v6-global--spacer--3xl * 2)",
-        "calc(100% - $pf-v5-global--spacer--3xl * 2)",
-        "calc(100% - pf-size-prem(64px) * 2)",
-        "calc(100% - 4rem * 2)"
+        "calc(100% - --pf-t--global--spacer--3xl * 2)",
+        "calc(100% - --pf-t--global--spacer--700 * 2)",
+        "calc(100% - 64px * 2)"
       ]
     }
   }

package/dist/js/c_divider.js

@@ -71,84 +71,77 @@ exports.c_divider = {
   ".pf-v6-c-divider.pf-m-inset-xs": {
     "c_divider_before_FlexBasis": {
       "name": "--pf-v6-c-divider--before--FlexBasis",
-      "value": "calc(100% - 0.25rem * 2)",
+      "value": "calc(100% - 4px * 2)",
       "values": [
-        "calc(100% - --pf-v6-global--spacer--xs * 2)",
-        "calc(100% - $pf-v5-global--spacer--xs * 2)",
-        "calc(100% - pf-size-prem(4px) * 2)",
-        "calc(100% - 0.25rem * 2)"
+        "calc(100% - --pf-t--global--spacer--xs * 2)",
+        "calc(100% - --pf-t--global--spacer--100 * 2)",
+        "calc(100% - 4px * 2)"
       ]
     }
   },
   ".pf-v6-c-divider.pf-m-inset-sm": {
     "c_divider_before_FlexBasis": {
       "name": "--pf-v6-c-divider--before--FlexBasis",
-      "value": "calc(100% - 0.5rem * 2)",
+      "value": "calc(100% - 8px * 2)",
       "values": [
-        "calc(100% - --pf-v6-global--spacer--sm * 2)",
-        "calc(100% - $pf-v5-global--spacer--sm * 2)",
-        "calc(100% - pf-size-prem(8px) * 2)",
-        "calc(100% - 0.5rem * 2)"
+        "calc(100% - --pf-t--global--spacer--sm * 2)",
+        "calc(100% - --pf-t--global--spacer--200 * 2)",
+        "calc(100% - 8px * 2)"
       ]
     }
   },
   ".pf-v6-c-divider.pf-m-inset-md": {
     "c_divider_before_FlexBasis": {
       "name": "--pf-v6-c-divider--before--FlexBasis",
-      "value": "calc(100% - 1rem * 2)",
+      "value": "calc(100% - 16px * 2)",
       "values": [
-        "calc(100% - --pf-v6-global--spacer--md * 2)",
-        "calc(100% - $pf-v5-global--spacer--md * 2)",
-        "calc(100% - pf-size-prem(16px) * 2)",
-        "calc(100% - 1rem * 2)"
+        "calc(100% - --pf-t--global--spacer--md * 2)",
+        "calc(100% - --pf-t--global--spacer--300 * 2)",
+        "calc(100% - 16px * 2)"
       ]
     }
   },
   ".pf-v6-c-divider.pf-m-inset-lg": {
     "c_divider_before_FlexBasis": {
       "name": "--pf-v6-c-divider--before--FlexBasis",
-      "value": "calc(100% - 1.5rem * 2)",
+      "value": "calc(100% - 24px * 2)",
       "values": [
-        "calc(100% - --pf-v6-global--spacer--lg * 2)",
-        "calc(100% - $pf-v5-global--spacer--lg * 2)",
-        "calc(100% - pf-size-prem(24px) * 2)",
-        "calc(100% - 1.5rem * 2)"
+        "calc(100% - --pf-t--global--spacer--lg * 2)",
+        "calc(100% - --pf-t--global--spacer--400 * 2)",
+        "calc(100% - 24px * 2)"
       ]
     }
   },
   ".pf-v6-c-divider.pf-m-inset-xl": {
     "c_divider_before_FlexBasis": {
       "name": "--pf-v6-c-divider--before--FlexBasis",
-      "value": "calc(100% - 2rem * 2)",
+      "value": "calc(100% - 32px * 2)",
       "values": [
-        "calc(100% - --pf-v6-global--spacer--xl * 2)",
-        "calc(100% - $pf-v5-global--spacer--xl * 2)",
-        "calc(100% - pf-size-prem(32px) * 2)",
-        "calc(100% - 2rem * 2)"
+        "calc(100% - --pf-t--global--spacer--xl * 2)",
+        "calc(100% - --pf-t--global--spacer--500 * 2)",
+        "calc(100% - 32px * 2)"
       ]
     }
   },
   ".pf-v6-c-divider.pf-m-inset-2xl": {
     "c_divider_before_FlexBasis": {
       "name": "--pf-v6-c-divider--before--FlexBasis",
-      "value": "calc(100% - 3rem * 2)",
+      "value": "calc(100% - 48px * 2)",
       "values": [
-        "calc(100% - --pf-v6-global--spacer--2xl * 2)",
-        "calc(100% - $pf-v5-global--spacer--2xl * 2)",
-        "calc(100% - pf-size-prem(48px) * 2)",
-        "calc(100% - 3rem * 2)"
+        "calc(100% - --pf-t--global--spacer--2xl * 2)",
+        "calc(100% - --pf-t--global--spacer--600 * 2)",
+        "calc(100% - 48px * 2)"
       ]
     }
   },
   ".pf-v6-c-divider.pf-m-inset-3xl": {
     "c_divider_before_FlexBasis": {
       "name": "--pf-v6-c-divider--before--FlexBasis",
-      "value": "calc(100% - 4rem * 2)",
+      "value": "calc(100% - 64px * 2)",
       "values": [
-        "calc(100% - --pf-v6-global--spacer--3xl * 2)",
-        "calc(100% - $pf-v5-global--spacer--3xl * 2)",
-        "calc(100% - pf-size-prem(64px) * 2)",
-        "calc(100% - 4rem * 2)"
+        "calc(100% - --pf-t--global--spacer--3xl * 2)",
+        "calc(100% - --pf-t--global--spacer--700 * 2)",
+        "calc(100% - 64px * 2)"
       ]
     }
   }

package/dist/js/c_divider_before_FlexBasis.d.ts

@@ -1,6 +1,6 @@
 export const c_divider_before_FlexBasis: {
   "name": "--pf-v6-c-divider--before--FlexBasis",
-  "value": "calc(100% - 4rem * 2)",
+  "value": "calc(100% - 64px * 2)",
   "var": "var(--pf-v6-c-divider--before--FlexBasis)"
 };
 export default c_divider_before_FlexBasis;

package/dist/js/c_divider_before_FlexBasis.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_divider_before_FlexBasis = {
   "name": "--pf-v6-c-divider--before--FlexBasis",
-  "value": "calc(100% - 4rem * 2)",
+  "value": "calc(100% - 64px * 2)",
   "var": "var(--pf-v6-c-divider--before--FlexBasis)"
 };
 exports["default"] = exports.c_divider_before_FlexBasis;

package/dist/js/c_drag_drop.d.ts

@@ -57,13 +57,13 @@ export const c_drag_drop: {
     },
     "c_draggable_m_drag_outside_after_BorderColor": {
       "name": "--pf-v6-c-draggable--m-drag-outside--after--BorderColor",
-      "value": "#f0561d",
+      "value": "#b1380b",
       "values": [
         "--pf-t--global--border--color--status--danger--default",
         "--pf-t--global--color--status--danger--default",
         "--pf-t--global--color--status--danger--100",
-        "--pf-t--color--red-orange--50",
-        "#f0561d"
+        "--pf-t--color--red-orange--60",
+        "#b1380b"
       ]
     },
     "c_droppable_before_BackgroundColor": {
@@ -127,23 +127,23 @@ export const c_drag_drop: {
     },
     "c_droppable_m_drag_outside_after_BorderColor": {
       "name": "--pf-v6-c-droppable--m-drag-outside--after--BorderColor",
-      "value": "#f0561d",
+      "value": "#b1380b",
       "values": [
         "--pf-t--global--border--color--status--danger--default",
         "--pf-t--global--color--status--danger--default",
         "--pf-t--global--color--status--danger--100",
-        "--pf-t--color--red-orange--50",
-        "#f0561d"
+        "--pf-t--color--red-orange--60",
+        "#b1380b"
       ]
     }
   },
   ".pf-v6-c-draggable.pf-m-dragging": {
     "c_draggable_Cursor": {
       "name": "--pf-v6-c-draggable--Cursor",
-      "value": "",
+      "value": "grabbing",
       "values": [
         "--pf-v6-c-draggable--m-dragging--Cursor",
-        ""
+        "grabbing"
       ]
     }
   },
@@ -158,22 +158,27 @@ export const c_drag_drop: {
     },
     "c_draggable_m_dragging_after_BorderColor": {
       "name": "--pf-v6-c-draggable--m-dragging--after--BorderColor",
-      "value": "",
+      "value": "#b1380b",
       "values": [
         "--pf-v6-c-draggable--m-drag-outside--after--BorderColor",
         "--pf-t--global--border--color--status--danger--default",
-        ""
+        "--pf-t--global--color--status--danger--default",
+        "--pf-t--global--color--status--danger--100",
+        "--pf-t--color--red-orange--60",
+        "#b1380b"
       ]
     }
   },
   ".pf-v6-c-droppable.pf-m-dragging": {
     "c_droppable_before_BackgroundColor": {
       "name": "--pf-v6-c-droppable--before--BackgroundColor",
-      "value": "",
+      "value": "#fff",
       "values": [
         "--pf-v6-c-droppable--m-dragging--before--BackgroundColor",
         "--pf-t--global--background--color--primary--default",
-        ""
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#fff"
       ]
     },
     "c_droppable_before_Opacity": {
@@ -196,21 +201,28 @@ export const c_drag_drop: {
     },
     "c_droppable_after_BorderColor": {
       "name": "--pf-v6-c-droppable--after--BorderColor",
-      "value": "",
+      "value": "#06c",
       "values": [
         "--pf-v6-c-droppable--m-dragging--after--BorderColor",
-        ""
+        "--pf-t--global--border--color--brand--default",
+        "--pf-t--global--color--brand--default",
+        "--pf-t--global--color--brand--200",
+        "--pf-t--color--blue--50",
+        "#06c"
       ]
     }
   },
   ".pf-v6-c-droppable.pf-m-drag-outside": {
     "c_droppable_m_dragging_after_BorderColor": {
       "name": "--pf-v6-c-droppable--m-dragging--after--BorderColor",
-      "value": "",
+      "value": "#b1380b",
       "values": [
         "--pf-v6-c-droppable--m-drag-outside--after--BorderColor",
         "--pf-t--global--border--color--status--danger--default",
-        ""
+        "--pf-t--global--color--status--danger--default",
+        "--pf-t--global--color--status--danger--100",
+        "--pf-t--color--red-orange--60",
+        "#b1380b"
       ]
     }
   }

package/dist/js/c_drag_drop.js

@@ -59,13 +59,13 @@ exports.c_drag_drop = {
     },
     "c_draggable_m_drag_outside_after_BorderColor": {
       "name": "--pf-v6-c-draggable--m-drag-outside--after--BorderColor",
-      "value": "#f0561d",
+      "value": "#b1380b",
       "values": [
         "--pf-t--global--border--color--status--danger--default",
         "--pf-t--global--color--status--danger--default",
         "--pf-t--global--color--status--danger--100",
-        "--pf-t--color--red-orange--50",
-        "#f0561d"
+        "--pf-t--color--red-orange--60",
+        "#b1380b"
       ]
     },
     "c_droppable_before_BackgroundColor": {
@@ -129,23 +129,23 @@ exports.c_drag_drop = {
     },
     "c_droppable_m_drag_outside_after_BorderColor": {
       "name": "--pf-v6-c-droppable--m-drag-outside--after--BorderColor",
-      "value": "#f0561d",
+      "value": "#b1380b",
       "values": [
         "--pf-t--global--border--color--status--danger--default",
         "--pf-t--global--color--status--danger--default",
         "--pf-t--global--color--status--danger--100",
-        "--pf-t--color--red-orange--50",
-        "#f0561d"
+        "--pf-t--color--red-orange--60",
+        "#b1380b"
       ]
     }
   },
   ".pf-v6-c-draggable.pf-m-dragging": {
     "c_draggable_Cursor": {
       "name": "--pf-v6-c-draggable--Cursor",
-      "value": "",
+      "value": "grabbing",
       "values": [
         "--pf-v6-c-draggable--m-dragging--Cursor",
-        ""
+        "grabbing"
       ]
     }
   },
@@ -160,22 +160,27 @@ exports.c_drag_drop = {
     },
     "c_draggable_m_dragging_after_BorderColor": {
       "name": "--pf-v6-c-draggable--m-dragging--after--BorderColor",
-      "value": "",
+      "value": "#b1380b",
       "values": [
         "--pf-v6-c-draggable--m-drag-outside--after--BorderColor",
         "--pf-t--global--border--color--status--danger--default",
-        ""
+        "--pf-t--global--color--status--danger--default",
+        "--pf-t--global--color--status--danger--100",
+        "--pf-t--color--red-orange--60",
+        "#b1380b"
       ]
     }
   },
   ".pf-v6-c-droppable.pf-m-dragging": {
     "c_droppable_before_BackgroundColor": {
       "name": "--pf-v6-c-droppable--before--BackgroundColor",
-      "value": "",
+      "value": "#fff",
       "values": [
         "--pf-v6-c-droppable--m-dragging--before--BackgroundColor",
         "--pf-t--global--background--color--primary--default",
-        ""
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#fff"
       ]
     },
     "c_droppable_before_Opacity": {
@@ -198,21 +203,28 @@ exports.c_drag_drop = {
     },
     "c_droppable_after_BorderColor": {
       "name": "--pf-v6-c-droppable--after--BorderColor",
-      "value": "",
+      "value": "#06c",
       "values": [
         "--pf-v6-c-droppable--m-dragging--after--BorderColor",
-        ""
+        "--pf-t--global--border--color--brand--default",
+        "--pf-t--global--color--brand--default",
+        "--pf-t--global--color--brand--200",
+        "--pf-t--color--blue--50",
+        "#06c"
       ]
     }
   },
   ".pf-v6-c-droppable.pf-m-drag-outside": {
     "c_droppable_m_dragging_after_BorderColor": {
       "name": "--pf-v6-c-droppable--m-dragging--after--BorderColor",
-      "value": "",
+      "value": "#b1380b",
       "values": [
         "--pf-v6-c-droppable--m-drag-outside--after--BorderColor",
         "--pf-t--global--border--color--status--danger--default",
-        ""
+        "--pf-t--global--color--status--danger--default",
+        "--pf-t--global--color--status--danger--100",
+        "--pf-t--color--red-orange--60",
+        "#b1380b"
       ]
     }
   }

package/dist/js/c_draggable_Cursor.d.ts

@@ -1,6 +1,6 @@
 export const c_draggable_Cursor: {
   "name": "--pf-v6-c-draggable--Cursor",
-  "value": "",
+  "value": "grabbing",
   "var": "var(--pf-v6-c-draggable--Cursor)"
 };
 export default c_draggable_Cursor;

package/dist/js/c_draggable_Cursor.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_draggable_Cursor = {
   "name": "--pf-v6-c-draggable--Cursor",
-  "value": "",
+  "value": "grabbing",
   "var": "var(--pf-v6-c-draggable--Cursor)"
 };
 exports["default"] = exports.c_draggable_Cursor;

package/dist/js/c_draggable_m_drag_outside_after_BorderColor.d.ts

@@ -1,6 +1,6 @@
 export const c_draggable_m_drag_outside_after_BorderColor: {
   "name": "--pf-v6-c-draggable--m-drag-outside--after--BorderColor",
-  "value": "#f0561d",
+  "value": "#b1380b",
   "var": "var(--pf-v6-c-draggable--m-drag-outside--after--BorderColor)"
 };
 export default c_draggable_m_drag_outside_after_BorderColor;

package/dist/js/c_draggable_m_drag_outside_after_BorderColor.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_draggable_m_drag_outside_after_BorderColor = {
   "name": "--pf-v6-c-draggable--m-drag-outside--after--BorderColor",
-  "value": "#f0561d",
+  "value": "#b1380b",
   "var": "var(--pf-v6-c-draggable--m-drag-outside--after--BorderColor)"
 };
 exports["default"] = exports.c_draggable_m_drag_outside_after_BorderColor;

package/dist/js/c_draggable_m_dragging_after_BorderColor.d.ts

@@ -1,6 +1,6 @@
 export const c_draggable_m_dragging_after_BorderColor: {
   "name": "--pf-v6-c-draggable--m-dragging--after--BorderColor",
-  "value": "",
+  "value": "#b1380b",
   "var": "var(--pf-v6-c-draggable--m-dragging--after--BorderColor)"
 };
 export default c_draggable_m_dragging_after_BorderColor;

package/dist/js/c_draggable_m_dragging_after_BorderColor.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_draggable_m_dragging_after_BorderColor = {
   "name": "--pf-v6-c-draggable--m-dragging--after--BorderColor",
-  "value": "",
+  "value": "#b1380b",
   "var": "var(--pf-v6-c-draggable--m-dragging--after--BorderColor)"
 };
 exports["default"] = exports.c_draggable_m_dragging_after_BorderColor;

package/dist/js/c_drawer.d.ts

@@ -26,6 +26,10 @@ export const c_drawer: {
     },
     "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": "#fff",
       "values": [
         "--pf-t--global--background--color--primary--default",
@@ -723,12 +727,12 @@ export const c_drawer: {
   ".pf-v6-c-drawer": {
     "c_drawer_m_expanded__panel_BoxShadow": {
       "name": "--pf-v6-c-drawer--m-expanded__panel--BoxShadow",
-      "value": "-8px\n    0px\n    24px\n    0px\n    ",
+      "value": "-8px\n    0px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)",
       "values": [
         "--pf-t--global--box-shadow--lg--left",
         "--pf-t--global--box-shadow--X--lg--left\n    --pf-t--global--box-shadow--Y--lg--left\n    --pf-t--global--box-shadow--blur--lg\n    --pf-t--global--box-shadow--spread--lg\n    --pf-t--global--box-shadow--color--lg",
-        "--pf-t--global--box-shadow--X--100\n    --pf-t--global--box-shadow--Y--400\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    ",
-        "-8px\n    0px\n    24px\n    0px\n    "
+        "--pf-t--global--box-shadow--X--100\n    --pf-t--global--box-shadow--Y--400\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
+        "-8px\n    0px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)"
       ]
     },
     "c_drawer_m_expanded_m_panel_left__panel_BoxShadow": {
@@ -746,12 +750,12 @@ export const c_drawer: {
   ":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": "8px\n    0px\n    24px\n    0px\n    ",
+      "value": "8px\n    0px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)",
       "values": [
         "--pf-t--global--box-shadow--lg--right",
         "--pf-t--global--box-shadow--X--lg--right\n    --pf-t--global--box-shadow--Y--lg--right\n    --pf-t--global--box-shadow--blur--lg\n    --pf-t--global--box-shadow--spread--lg\n    --pf-t--global--box-shadow--color--lg",
-        "--pf-t--global--box-shadow--X--700\n    --pf-t--global--box-shadow--Y--400\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    ",
-        "8px\n    0px\n    24px\n    0px\n    "
+        "--pf-t--global--box-shadow--X--700\n    --pf-t--global--box-shadow--Y--400\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
+        "8px\n    0px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)"
       ]
     },
     "c_drawer_m_expanded_m_panel_left__panel_BoxShadow": {
@@ -775,11 +779,13 @@ export const c_drawer: {
   ".pf-v6-c-drawer__section.pf-m-secondary": {
     "c_drawer__section_BackgroundColor": {
       "name": "--pf-v6-c-drawer__section--BackgroundColor",
-      "value": "",
+      "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"
       ]
     }
   },
@@ -789,31 +795,42 @@ export const c_drawer: {
       "value": "transparent"
     }
   },
-  ".pf-v6-c-drawer__content.pf-m-secondary": {
+  ".pf-v6-c-drawer__content.pf-m-primary": {
     "c_drawer__content_BackgroundColor": {
       "name": "--pf-v6-c-drawer__content--BackgroundColor",
-      "value": "",
+      "value": "#fff",
       "values": [
-        "--pf-v6-c-drawer__content--m-secondary--BackgroundColor",
-        "--pf-t--global--background--color--secondary--default",
-        ""
+        "--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",
+        "#fff"
       ]
     }
   },
-  ".pf-v6-c-drawer__content.pf-m-no-background": {
+  ".pf-v6-c-drawer__content.pf-m-secondary": {
     "c_drawer__content_BackgroundColor": {
       "name": "--pf-v6-c-drawer__content--BackgroundColor",
-      "value": "transparent"
+      "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": "",
+      "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"
       ]
     }
   },
@@ -904,11 +921,13 @@ export const c_drawer: {
   ".pf-v6-c-drawer__splitter:hover": {
     "c_drawer__splitter_handle_after_BorderColor": {
       "name": "--pf-v6-c-drawer__splitter-handle--after--BorderColor",
-      "value": "",
+      "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"
       ]
     }
   }