@patternfly/react-tokens 6.5.0-prerelease.12 → 6.5.0-prerelease.13

package/dist/js/c_compass.js

@@ -217,61 +217,58 @@ exports.c_compass = {
     },
     "c_compass__panel_BackgroundColor": {
       "name": "--pf-v6-c-compass__panel--BackgroundColor",
-      "value": "color-mix(in srgb, #ffffff 100%, transparent )",
+      "value": "initial, #ffffff",
       "values": [
-        "--pf-t--global--background--color--glass--primary--default",
-        "color-mix(in srgb, --pf-t--global--background--color--glass--primary --pf-t--global--background--opacity--glass--primary, transparent )",
-        "color-mix(in srgb, --pf-t--global--background--color--primary--default 100%, transparent )",
-        "color-mix(in srgb, --pf-t--global--background--color--100 100%, transparent )",
-        "color-mix(in srgb, --pf-t--color--white 100%, transparent )",
-        "color-mix(in srgb, #ffffff 100%, transparent )"
+        "var(--pf-t--global--background--color--glass--primary--default, --pf-t--global--background--color--primary--default)",
+        "initial, --pf-t--global--background--color--primary--default",
+        "initial, --pf-t--global--background--color--100",
+        "initial, --pf-t--color--white",
+        "initial, #ffffff"
       ]
     },
     "c_compass__panel_BackdropFilter": {
       "name": "--pf-v6-c-compass__panel--BackdropFilter",
-      "value": "blur(0px)",
+      "value": "initial, revert",
       "values": [
-        "--pf-t--global--background--filter--glass--blur--primary",
-        "blur(0px)"
+        "var(--pf-t--global--background--filter--glass--blur--primary, revert)",
+        "initial, revert"
       ]
     },
     "c_compass__panel_BorderColor": {
       "name": "--pf-v6-c-compass__panel--BorderColor",
-      "value": "#ffffff",
+      "value": "initial, transparent",
       "values": [
-        "--pf-t--global--border--color--alt",
-        "--pf-t--global--background--color--primary--default",
-        "--pf-t--global--background--color--100",
-        "--pf-t--color--white",
-        "#ffffff"
+        "var(--pf-t--global--border--color--glass--default, transparent)",
+        "initial, transparent"
       ]
     },
     "c_compass__panel_BorderRadius": {
       "name": "--pf-v6-c-compass__panel--BorderRadius",
-      "value": "24px",
+      "value": "initial, 16px",
       "values": [
-        "--pf-t--global--border--radius--large",
-        "--pf-t--global--border--radius--400",
-        "24px"
+        "var(--pf-t--global--border--radius--glass--default, --pf-t--global--border--radius--medium)",
+        "initial, --pf-t--global--border--radius--medium",
+        "initial, --pf-t--global--border--radius--300",
+        "initial, 16px"
       ]
     },
     "c_compass__panel_BorderWidth": {
       "name": "--pf-v6-c-compass__panel--BorderWidth",
-      "value": "1px",
+      "value": "initial, 0",
       "values": [
-        "--pf-t--global--border--width--regular",
-        "--pf-t--global--border--width--100",
-        "1px"
+        "var(--pf-t--global--border--width--glass--default, 0)",
+        "initial, 0"
       ]
     },
     "c_compass__panel_BoxShadow": {
       "name": "--pf-v6-c-compass__panel--BoxShadow",
-      "value": "0px\n    2px\n    9px\n    0px\n    rgba(41, 41, 41, 0.1500)",
+      "value": "0px\n    4px\n    10px\n    0px\n    rgba(41, 41, 41, 0.1500), none",
       "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    2px\n    9px\n    0px\n    rgba(41, 41, 41, 0.1500)"
+        "var(--pf-t--global--box-shadow--glass--default, none)",
+        "--pf-t--global--box-shadow--md, none",
+        "--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, none",
+        "--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, none",
+        "0px\n    4px\n    10px\n    0px\n    rgba(41, 41, 41, 0.1500), none"
       ]
     },
     "c_compass__message_bar_Width": {

package/dist/js/c_compass__panel_BackdropFilter.d.ts

@@ -1,6 +1,6 @@
 export const c_compass__panel_BackdropFilter: {
   "name": "--pf-v6-c-compass__panel--BackdropFilter",
-  "value": "blur(0px)",
+  "value": "initial, revert",
   "var": "var(--pf-v6-c-compass__panel--BackdropFilter)"
 };
 export default c_compass__panel_BackdropFilter;

package/dist/js/c_compass__panel_BackdropFilter.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_compass__panel_BackdropFilter = {
   "name": "--pf-v6-c-compass__panel--BackdropFilter",
-  "value": "blur(0px)",
+  "value": "initial, revert",
   "var": "var(--pf-v6-c-compass__panel--BackdropFilter)"
 };
 exports["default"] = exports.c_compass__panel_BackdropFilter;

package/dist/js/c_compass__panel_BorderColor.d.ts

@@ -1,6 +1,6 @@
 export const c_compass__panel_BorderColor: {
   "name": "--pf-v6-c-compass__panel--BorderColor",
-  "value": "#ffffff",
+  "value": "initial, transparent",
   "var": "var(--pf-v6-c-compass__panel--BorderColor)"
 };
 export default c_compass__panel_BorderColor;

package/dist/js/c_compass__panel_BorderColor.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_compass__panel_BorderColor = {
   "name": "--pf-v6-c-compass__panel--BorderColor",
-  "value": "#ffffff",
+  "value": "initial, transparent",
   "var": "var(--pf-v6-c-compass__panel--BorderColor)"
 };
 exports["default"] = exports.c_compass__panel_BorderColor;

package/dist/js/c_compass__panel_BorderRadius.d.ts

@@ -1,6 +1,6 @@
 export const c_compass__panel_BorderRadius: {
   "name": "--pf-v6-c-compass__panel--BorderRadius",
-  "value": "24px",
+  "value": "initial, 16px",
   "var": "var(--pf-v6-c-compass__panel--BorderRadius)"
 };
 export default c_compass__panel_BorderRadius;

package/dist/js/c_compass__panel_BorderRadius.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_compass__panel_BorderRadius = {
   "name": "--pf-v6-c-compass__panel--BorderRadius",
-  "value": "24px",
+  "value": "initial, 16px",
   "var": "var(--pf-v6-c-compass__panel--BorderRadius)"
 };
 exports["default"] = exports.c_compass__panel_BorderRadius;

package/dist/js/c_compass__panel_BorderWidth.d.ts

@@ -1,6 +1,6 @@
 export const c_compass__panel_BorderWidth: {
   "name": "--pf-v6-c-compass__panel--BorderWidth",
-  "value": "1px",
+  "value": "initial, 0",
   "var": "var(--pf-v6-c-compass__panel--BorderWidth)"
 };
 export default c_compass__panel_BorderWidth;

package/dist/js/c_compass__panel_BorderWidth.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_compass__panel_BorderWidth = {
   "name": "--pf-v6-c-compass__panel--BorderWidth",
-  "value": "1px",
+  "value": "initial, 0",
   "var": "var(--pf-v6-c-compass__panel--BorderWidth)"
 };
 exports["default"] = exports.c_compass__panel_BorderWidth;

package/dist/js/c_compass__panel_BoxShadow.d.ts

@@ -1,6 +1,6 @@
 export const c_compass__panel_BoxShadow: {
   "name": "--pf-v6-c-compass__panel--BoxShadow",
-  "value": "0px\n    2px\n    9px\n    0px\n    rgba(41, 41, 41, 0.1500)",
+  "value": "0px\n    4px\n    10px\n    0px\n    rgba(41, 41, 41, 0.1500), none",
   "var": "var(--pf-v6-c-compass__panel--BoxShadow)"
 };
 export default c_compass__panel_BoxShadow;

package/dist/js/c_compass__panel_BoxShadow.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_compass__panel_BoxShadow = {
   "name": "--pf-v6-c-compass__panel--BoxShadow",
-  "value": "0px\n    2px\n    9px\n    0px\n    rgba(41, 41, 41, 0.1500)",
+  "value": "0px\n    4px\n    10px\n    0px\n    rgba(41, 41, 41, 0.1500), none",
   "var": "var(--pf-v6-c-compass__panel--BoxShadow)"
 };
 exports["default"] = exports.c_compass__panel_BoxShadow;

package/dist/js/c_data_list.d.ts

@@ -353,7 +353,7 @@ export const c_data_list: {
     },
     "c_data_list__item_m_expanded__toggle_icon_Rotate": {
       "name": "--pf-v6-c-data-list__item--m-expanded__toggle-icon--Rotate",
-      "value": "90deg"
+      "value": "-180deg"
     },
     "c_data_list__item_draggable_button_BackgroundColor": {
       "name": "--pf-v6-c-data-list__item-draggable-button--BackgroundColor",
@@ -1112,7 +1112,7 @@ export const c_data_list: {
       ]
     }
   },
-  ".pf-v6-c-data-list.pf-m-plain": {
+  ":where(.pf-v6-theme-glass) .pf-v6-c-data-list:not(.pf-m-no-plain)": {
     "c_data_list__item_BackgroundColor": {
       "name": "--pf-v6-c-data-list__item--BackgroundColor",
       "value": "transparent",
@@ -1159,10 +1159,10 @@ export const c_data_list: {
   ".pf-v6-c-data-list__item.pf-m-expanded": {
     "c_data_list__toggle_icon_Rotate": {
       "name": "--pf-v6-c-data-list__toggle-icon--Rotate",
-      "value": "90deg",
+      "value": "-180deg",
       "values": [
         "--pf-v6-c-data-list__item--m-expanded__toggle-icon--Rotate",
-        "90deg"
+        "-180deg"
       ]
     }
   },

package/dist/js/c_data_list.js

@@ -355,7 +355,7 @@ exports.c_data_list = {
     },
     "c_data_list__item_m_expanded__toggle_icon_Rotate": {
       "name": "--pf-v6-c-data-list__item--m-expanded__toggle-icon--Rotate",
-      "value": "90deg"
+      "value": "-180deg"
     },
     "c_data_list__item_draggable_button_BackgroundColor": {
       "name": "--pf-v6-c-data-list__item-draggable-button--BackgroundColor",
@@ -1114,7 +1114,7 @@ exports.c_data_list = {
       ]
     }
   },
-  ".pf-v6-c-data-list.pf-m-plain": {
+  ":where(.pf-v6-theme-glass) .pf-v6-c-data-list:not(.pf-m-no-plain)": {
     "c_data_list__item_BackgroundColor": {
       "name": "--pf-v6-c-data-list__item--BackgroundColor",
       "value": "transparent",
@@ -1161,10 +1161,10 @@ exports.c_data_list = {
   ".pf-v6-c-data-list__item.pf-m-expanded": {
     "c_data_list__toggle_icon_Rotate": {
       "name": "--pf-v6-c-data-list__toggle-icon--Rotate",
-      "value": "90deg",
+      "value": "-180deg",
       "values": [
         "--pf-v6-c-data-list__item--m-expanded__toggle-icon--Rotate",
-        "90deg"
+        "-180deg"
       ]
     }
   },

package/dist/js/c_data_list__item_m_expanded__toggle_icon_Rotate.d.ts

@@ -1,6 +1,6 @@
 export const c_data_list__item_m_expanded__toggle_icon_Rotate: {
   "name": "--pf-v6-c-data-list__item--m-expanded__toggle-icon--Rotate",
-  "value": "90deg",
+  "value": "-180deg",
   "var": "var(--pf-v6-c-data-list__item--m-expanded__toggle-icon--Rotate)"
 };
 export default c_data_list__item_m_expanded__toggle_icon_Rotate;

package/dist/js/c_data_list__item_m_expanded__toggle_icon_Rotate.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_data_list__item_m_expanded__toggle_icon_Rotate = {
   "name": "--pf-v6-c-data-list__item--m-expanded__toggle-icon--Rotate",
-  "value": "90deg",
+  "value": "-180deg",
   "var": "var(--pf-v6-c-data-list__item--m-expanded__toggle-icon--Rotate)"
 };
 exports["default"] = exports.c_data_list__item_m_expanded__toggle_icon_Rotate;

package/dist/js/c_data_list__toggle_icon_Rotate.d.ts

@@ -1,6 +1,6 @@
 export const c_data_list__toggle_icon_Rotate: {
   "name": "--pf-v6-c-data-list__toggle-icon--Rotate",
-  "value": "90deg",
+  "value": "-180deg",
   "var": "var(--pf-v6-c-data-list__toggle-icon--Rotate)"
 };
 export default c_data_list__toggle_icon_Rotate;

package/dist/js/c_data_list__toggle_icon_Rotate.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_data_list__toggle_icon_Rotate = {
   "name": "--pf-v6-c-data-list__toggle-icon--Rotate",
-  "value": "90deg",
+  "value": "-180deg",
   "var": "var(--pf-v6-c-data-list__toggle-icon--Rotate)"
 };
 exports["default"] = exports.c_data_list__toggle_icon_Rotate;

package/dist/js/c_date_picker.d.ts

@@ -73,12 +73,12 @@ export const c_date_picker: {
     },
     "c_date_picker__calendar_BoxShadow": {
       "name": "--pf-v6-c-date-picker__calendar--BoxShadow",
-      "value": "0px\n    2px\n    9px\n    0px\n    rgba(41, 41, 41, 0.1500)",
+      "value": "0px\n    4px\n    10px\n    0px\n    rgba(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    2px\n    9px\n    0px\n    rgba(41, 41, 41, 0.1500)"
+        "0px\n    4px\n    10px\n    0px\n    rgba(41, 41, 41, 0.1500)"
       ]
     },
     "c_date_picker__calendar_ZIndex": {

package/dist/js/c_date_picker.js

@@ -75,12 +75,12 @@ exports.c_date_picker = {
     },
     "c_date_picker__calendar_BoxShadow": {
       "name": "--pf-v6-c-date-picker__calendar--BoxShadow",
-      "value": "0px\n    2px\n    9px\n    0px\n    rgba(41, 41, 41, 0.1500)",
+      "value": "0px\n    4px\n    10px\n    0px\n    rgba(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    2px\n    9px\n    0px\n    rgba(41, 41, 41, 0.1500)"
+        "0px\n    4px\n    10px\n    0px\n    rgba(41, 41, 41, 0.1500)"
       ]
     },
     "c_date_picker__calendar_ZIndex": {

package/dist/js/c_date_picker__calendar_BoxShadow.d.ts

@@ -1,6 +1,6 @@
 export const c_date_picker__calendar_BoxShadow: {
   "name": "--pf-v6-c-date-picker__calendar--BoxShadow",
-  "value": "0px\n    2px\n    9px\n    0px\n    rgba(41, 41, 41, 0.1500)",
+  "value": "0px\n    4px\n    10px\n    0px\n    rgba(41, 41, 41, 0.1500)",
   "var": "var(--pf-v6-c-date-picker__calendar--BoxShadow)"
 };
 export default c_date_picker__calendar_BoxShadow;

package/dist/js/c_date_picker__calendar_BoxShadow.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_date_picker__calendar_BoxShadow = {
   "name": "--pf-v6-c-date-picker__calendar--BoxShadow",
-  "value": "0px\n    2px\n    9px\n    0px\n    rgba(41, 41, 41, 0.1500)",
+  "value": "0px\n    4px\n    10px\n    0px\n    rgba(41, 41, 41, 0.1500)",
   "var": "var(--pf-v6-c-date-picker__calendar--BoxShadow)"
 };
 exports["default"] = exports.c_date_picker__calendar_BoxShadow;

package/dist/js/c_drag_drop.d.ts

@@ -10,12 +10,12 @@ export const c_drag_drop: {
     },
     "c_draggable_m_dragging_BoxShadow": {
       "name": "--pf-v6-c-draggable--m-dragging--BoxShadow",
-      "value": "0px\n    2px\n    9px\n    0px\n    rgba(41, 41, 41, 0.1500)",
+      "value": "0px\n    4px\n    10px\n    0px\n    rgba(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    2px\n    9px\n    0px\n    rgba(41, 41, 41, 0.1500)"
+        "0px\n    4px\n    10px\n    0px\n    rgba(41, 41, 41, 0.1500)"
       ]
     },
     "c_draggable_m_dragging_BackgroundColor": {

package/dist/js/c_drag_drop.js

@@ -12,12 +12,12 @@ exports.c_drag_drop = {
     },
     "c_draggable_m_dragging_BoxShadow": {
       "name": "--pf-v6-c-draggable--m-dragging--BoxShadow",
-      "value": "0px\n    2px\n    9px\n    0px\n    rgba(41, 41, 41, 0.1500)",
+      "value": "0px\n    4px\n    10px\n    0px\n    rgba(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    2px\n    9px\n    0px\n    rgba(41, 41, 41, 0.1500)"
+        "0px\n    4px\n    10px\n    0px\n    rgba(41, 41, 41, 0.1500)"
       ]
     },
     "c_draggable_m_dragging_BackgroundColor": {

package/dist/js/c_draggable_m_dragging_BoxShadow.d.ts

@@ -1,6 +1,6 @@
 export const c_draggable_m_dragging_BoxShadow: {
   "name": "--pf-v6-c-draggable--m-dragging--BoxShadow",
-  "value": "0px\n    2px\n    9px\n    0px\n    rgba(41, 41, 41, 0.1500)",
+  "value": "0px\n    4px\n    10px\n    0px\n    rgba(41, 41, 41, 0.1500)",
   "var": "var(--pf-v6-c-draggable--m-dragging--BoxShadow)"
 };
 export default c_draggable_m_dragging_BoxShadow;

package/dist/js/c_draggable_m_dragging_BoxShadow.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_draggable_m_dragging_BoxShadow = {
   "name": "--pf-v6-c-draggable--m-dragging--BoxShadow",
-  "value": "0px\n    2px\n    9px\n    0px\n    rgba(41, 41, 41, 0.1500)",
+  "value": "0px\n    4px\n    10px\n    0px\n    rgba(41, 41, 41, 0.1500)",
   "var": "var(--pf-v6-c-draggable--m-dragging--BoxShadow)"
 };
 exports["default"] = exports.c_draggable_m_dragging_BoxShadow;

package/dist/js/c_drawer.d.ts

@@ -375,33 +375,26 @@ export const c_drawer: {
     },
     "c_drawer__panel_m_glass_BackgroundColor": {
       "name": "--pf-v6-c-drawer__panel--m-glass--BackgroundColor",
-      "value": "color-mix(in srgb, #ffffff 100%, transparent )",
+      "value": "initial",
       "values": [
         "--pf-t--global--background--color--glass--primary--default",
-        "color-mix(in srgb, --pf-t--global--background--color--glass--primary --pf-t--global--background--opacity--glass--primary, transparent )",
-        "color-mix(in srgb, --pf-t--global--background--color--primary--default 100%, transparent )",
-        "color-mix(in srgb, --pf-t--global--background--color--100 100%, transparent )",
-        "color-mix(in srgb, --pf-t--color--white 100%, transparent )",
-        "color-mix(in srgb, #ffffff 100%, transparent )"
+        "initial"
       ]
     },
     "c_drawer__panel_m_glass_BackdropFilter": {
       "name": "--pf-v6-c-drawer__panel--m-glass--BackdropFilter",
-      "value": "blur(0px)",
+      "value": "initial",
       "values": [
         "--pf-t--global--background--filter--glass--blur--primary",
-        "blur(0px)"
+        "initial"
       ]
     },
     "c_drawer__panel_m_glass_BorderColor": {
       "name": "--pf-v6-c-drawer__panel--m-glass--BorderColor",
-      "value": "#ffffff",
+      "value": "initial",
       "values": [
-        "--pf-t--global--border--color--alt",
-        "--pf-t--global--background--color--primary--default",
-        "--pf-t--global--background--color--100",
-        "--pf-t--color--white",
-        "#ffffff"
+        "--pf-t--global--border--color--glass--default",
+        "initial"
       ]
     },
     "c_drawer__head_ColumnGap": {
@@ -869,12 +862,12 @@ export const c_drawer: {
     },
     "c_drawer_m_expanded_m_panel_bottom__panel_BoxShadow": {
       "name": "--pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow",
-      "value": "0px\n    -10px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)",
+      "value": "0px\n    -10px\n    10px\n    -8px\n    rgba(41, 41, 41, 0.1500)",
       "values": [
         "--pf-t--global--box-shadow--md--top",
         "--pf-t--global--box-shadow--X--md--top\n    --pf-t--global--box-shadow--Y--md--top\n    --pf-t--global--box-shadow--blur--md\n    --pf-t--global--box-shadow--spread--md--directional\n    --pf-t--global--box-shadow--color--md--directional",
         "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--100\n    --pf-t--global--box-shadow--blur--200\n    --pf-t--global--box-shadow--spread--300\n    --pf-t--global--box-shadow--color--100",
-        "0px\n    -10px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)"
+        "0px\n    -10px\n    10px\n    -8px\n    rgba(41, 41, 41, 0.1500)"
       ]
     },
     "c_drawer__panel_after_Width": {
@@ -938,44 +931,44 @@ export const c_drawer: {
     },
     "c_drawer_m_expanded__panel_BoxShadow": {
       "name": "--pf-v6-c-drawer--m-expanded__panel--BoxShadow",
-      "value": "-10px\n    0px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)",
+      "value": "-10px\n    0px\n    10px\n    -8px\n    rgba(41, 41, 41, 0.1500)",
       "values": [
         "--pf-t--global--box-shadow--md--left",
         "--pf-t--global--box-shadow--X--md--left\n    --pf-t--global--box-shadow--Y--md--left\n    --pf-t--global--box-shadow--blur--md\n    --pf-t--global--box-shadow--spread--md--directional\n    --pf-t--global--box-shadow--color--md--directional",
         "--pf-t--global--box-shadow--X--100\n    --pf-t--global--box-shadow--Y--400\n    --pf-t--global--box-shadow--blur--200\n    --pf-t--global--box-shadow--spread--300\n    --pf-t--global--box-shadow--color--100",
-        "-10px\n    0px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)"
+        "-10px\n    0px\n    10px\n    -8px\n    rgba(41, 41, 41, 0.1500)"
       ]
     },
     "c_drawer_m_expanded_m_panel_left__panel_BoxShadow": {
       "name": "--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow",
-      "value": "10px\n    0px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)",
+      "value": "10px\n    0px\n    10px\n    -8px\n    rgba(41, 41, 41, 0.1500)",
       "values": [
         "--pf-t--global--box-shadow--md--right",
         "--pf-t--global--box-shadow--X--md--right\n    --pf-t--global--box-shadow--Y--md--right\n    --pf-t--global--box-shadow--blur--md\n    --pf-t--global--box-shadow--spread--md--directional\n    --pf-t--global--box-shadow--color--md--directional",
         "--pf-t--global--box-shadow--X--700\n    --pf-t--global--box-shadow--Y--400\n    --pf-t--global--box-shadow--blur--200\n    --pf-t--global--box-shadow--spread--300\n    --pf-t--global--box-shadow--color--100",
-        "10px\n    0px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)"
+        "10px\n    0px\n    10px\n    -8px\n    rgba(41, 41, 41, 0.1500)"
       ]
     }
   },
   ":where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer": {
     "c_drawer_m_expanded__panel_BoxShadow": {
       "name": "--pf-v6-c-drawer--m-expanded__panel--BoxShadow",
-      "value": "10px\n    0px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)",
+      "value": "10px\n    0px\n    10px\n    -8px\n    rgba(41, 41, 41, 0.1500)",
       "values": [
         "--pf-t--global--box-shadow--md--right",
         "--pf-t--global--box-shadow--X--md--right\n    --pf-t--global--box-shadow--Y--md--right\n    --pf-t--global--box-shadow--blur--md\n    --pf-t--global--box-shadow--spread--md--directional\n    --pf-t--global--box-shadow--color--md--directional",
         "--pf-t--global--box-shadow--X--700\n    --pf-t--global--box-shadow--Y--400\n    --pf-t--global--box-shadow--blur--200\n    --pf-t--global--box-shadow--spread--300\n    --pf-t--global--box-shadow--color--100",
-        "10px\n    0px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)"
+        "10px\n    0px\n    10px\n    -8px\n    rgba(41, 41, 41, 0.1500)"
       ]
     },
     "c_drawer_m_expanded_m_panel_left__panel_BoxShadow": {
       "name": "--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow",
-      "value": "-10px\n    0px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)",
+      "value": "-10px\n    0px\n    10px\n    -8px\n    rgba(41, 41, 41, 0.1500)",
       "values": [
         "--pf-t--global--box-shadow--md--left",
         "--pf-t--global--box-shadow--X--md--left\n    --pf-t--global--box-shadow--Y--md--left\n    --pf-t--global--box-shadow--blur--md\n    --pf-t--global--box-shadow--spread--md--directional\n    --pf-t--global--box-shadow--color--md--directional",
         "--pf-t--global--box-shadow--X--100\n    --pf-t--global--box-shadow--Y--400\n    --pf-t--global--box-shadow--blur--200\n    --pf-t--global--box-shadow--spread--300\n    --pf-t--global--box-shadow--color--100",
-        "-10px\n    0px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)"
+        "-10px\n    0px\n    10px\n    -8px\n    rgba(41, 41, 41, 0.1500)"
       ]
     }
   },
@@ -1015,6 +1008,26 @@ export const c_drawer: {
       "value": "0px"
     }
   },
+  ".pf-v6-c-drawer.pf-m-inline.pf-m-glass": {
+    "c_drawer__panel_BackgroundColor": {
+      "name": "--pf-v6-c-drawer__panel--BackgroundColor",
+      "value": "initial",
+      "values": [
+        "--pf-v6-c-drawer__panel--m-glass--BackgroundColor",
+        "--pf-t--global--background--color--glass--primary--default",
+        "initial"
+      ]
+    },
+    "c_drawer__panel_BorderColor": {
+      "name": "--pf-v6-c-drawer__panel--BorderColor",
+      "value": "initial",
+      "values": [
+        "--pf-v6-c-drawer__panel--m-glass--BorderColor",
+        "--pf-t--global--border--color--glass--default",
+        "initial"
+      ]
+    }
+  },
   ".pf-v6-c-drawer.pf-m-expanded": {
     "c_drawer__panel_TransitionDelay_focus": {
       "name": "--pf-v6-c-drawer__panel--TransitionDelay--focus",