@patternfly/react-tokens 6.5.0-prerelease.3 → 6.5.0-prerelease.5

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [6.5.0-prerelease.5](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.5.0-prerelease.4...@patternfly/react-tokens@6.5.0-prerelease.5) (2025-11-12)
+
+### Features
+
+- **Hero:** added component ([#12131](https://github.com/patternfly/patternfly-react/issues/12131)) ([8da87a2](https://github.com/patternfly/patternfly-react/commit/8da87a2615bb6cfc350a52677ec6bdae335bb6f8))
+
+# [6.5.0-prerelease.4](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.5.0-prerelease.3...@patternfly/react-tokens@6.5.0-prerelease.4) (2025-11-06)
+
+### Features
+
+- **drawer:** add no-glass panel variant, test ([#12125](https://github.com/patternfly/patternfly-react/issues/12125)) ([a10ca34](https://github.com/patternfly/patternfly-react/commit/a10ca34069d25caa2954ef464d5b82a9057e0316))
+
 # [6.5.0-prerelease.3](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.5.0-prerelease.2...@patternfly/react-tokens@6.5.0-prerelease.3) (2025-11-05)
 
 **Note:** Version bump only for package @patternfly/react-tokens

package/dist/esm/c_button.d.ts

@@ -971,11 +971,13 @@ export const c_button: {
     },
     "c_button_m_link_m_inline_TextDecorationColor": {
       "name": "--pf-v6-c-button--m-link--m-inline--TextDecorationColor",
-      "value": "undefined",
+      "value": "#c7c7c7",
       "values": [
         "--pf-t--global--text-decoration--color--default",
-        "--pf-t--global--text--color--default",
-        "undefined"
+        "--pf-t--global--border--color--default",
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
       ]
     },
     "c_button_m_link_m_inline_TextDecorationLine": {
@@ -1008,11 +1010,10 @@ export const c_button: {
     },
     "c_button_m_link_m_inline_hover_TextDecorationColor": {
       "name": "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor",
-      "value": "undefined",
+      "value": "currentcolor",
       "values": [
         "--pf-t--global--text-decoration--color--hover",
-        "--pf-t--global--text--color--hover",
-        "undefined"
+        "currentcolor"
       ]
     },
     "c_button_m_link_m_inline_hover_TextDecorationLine": {
@@ -3655,12 +3656,14 @@ export const c_button: {
     },
     "c_button_TextDecorationColor": {
       "name": "--pf-v6-c-button--TextDecorationColor",
-      "value": "undefined",
+      "value": "#c7c7c7",
       "values": [
         "--pf-v6-c-button--m-link--m-inline--TextDecorationColor",
         "--pf-t--global--text-decoration--color--default",
-        "--pf-t--global--text--color--default",
-        "undefined"
+        "--pf-t--global--border--color--default",
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
       ]
     },
     "c_button_hover_TextDecorationLine": {
@@ -3685,12 +3688,11 @@ export const c_button: {
     },
     "c_button_hover_TextDecorationColor": {
       "name": "--pf-v6-c-button--hover--TextDecorationColor",
-      "value": "undefined",
+      "value": "currentcolor",
       "values": [
         "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor",
         "--pf-t--global--text-decoration--color--hover",
-        "--pf-t--global--text--color--hover",
-        "undefined"
+        "currentcolor"
       ]
     },
     "c_button_m_link_hover_Color": {

package/dist/esm/c_button.js

@@ -971,11 +971,13 @@ export const c_button = {
     },
     "c_button_m_link_m_inline_TextDecorationColor": {
       "name": "--pf-v6-c-button--m-link--m-inline--TextDecorationColor",
-      "value": "undefined",
+      "value": "#c7c7c7",
       "values": [
         "--pf-t--global--text-decoration--color--default",
-        "--pf-t--global--text--color--default",
-        "undefined"
+        "--pf-t--global--border--color--default",
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
       ]
     },
     "c_button_m_link_m_inline_TextDecorationLine": {
@@ -1008,11 +1010,10 @@ export const c_button = {
     },
     "c_button_m_link_m_inline_hover_TextDecorationColor": {
       "name": "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor",
-      "value": "undefined",
+      "value": "currentcolor",
       "values": [
         "--pf-t--global--text-decoration--color--hover",
-        "--pf-t--global--text--color--hover",
-        "undefined"
+        "currentcolor"
       ]
     },
     "c_button_m_link_m_inline_hover_TextDecorationLine": {
@@ -3655,12 +3656,14 @@ export const c_button = {
     },
     "c_button_TextDecorationColor": {
       "name": "--pf-v6-c-button--TextDecorationColor",
-      "value": "undefined",
+      "value": "#c7c7c7",
       "values": [
         "--pf-v6-c-button--m-link--m-inline--TextDecorationColor",
         "--pf-t--global--text-decoration--color--default",
-        "--pf-t--global--text--color--default",
-        "undefined"
+        "--pf-t--global--border--color--default",
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
       ]
     },
     "c_button_hover_TextDecorationLine": {
@@ -3685,12 +3688,11 @@ export const c_button = {
     },
     "c_button_hover_TextDecorationColor": {
       "name": "--pf-v6-c-button--hover--TextDecorationColor",
-      "value": "undefined",
+      "value": "currentcolor",
       "values": [
         "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor",
         "--pf-t--global--text-decoration--color--hover",
-        "--pf-t--global--text--color--hover",
-        "undefined"
+        "currentcolor"
       ]
     },
     "c_button_m_link_hover_Color": {

package/dist/esm/c_button_TextDecorationColor.d.ts

@@ -1,6 +1,6 @@
 export const c_button_TextDecorationColor: {
   "name": "--pf-v6-c-button--TextDecorationColor",
-  "value": "undefined",
+  "value": "#c7c7c7",
   "var": "var(--pf-v6-c-button--TextDecorationColor)"
 };
 export default c_button_TextDecorationColor;

package/dist/esm/c_button_TextDecorationColor.js

@@ -1,6 +1,6 @@
 export const c_button_TextDecorationColor = {
   "name": "--pf-v6-c-button--TextDecorationColor",
-  "value": "undefined",
+  "value": "#c7c7c7",
   "var": "var(--pf-v6-c-button--TextDecorationColor)"
 };
 export default c_button_TextDecorationColor;

package/dist/esm/c_button_hover_TextDecorationColor.d.ts

@@ -1,6 +1,6 @@
 export const c_button_hover_TextDecorationColor: {
   "name": "--pf-v6-c-button--hover--TextDecorationColor",
-  "value": "undefined",
+  "value": "currentcolor",
   "var": "var(--pf-v6-c-button--hover--TextDecorationColor)"
 };
 export default c_button_hover_TextDecorationColor;

package/dist/esm/c_button_hover_TextDecorationColor.js

@@ -1,6 +1,6 @@
 export const c_button_hover_TextDecorationColor = {
   "name": "--pf-v6-c-button--hover--TextDecorationColor",
-  "value": "undefined",
+  "value": "currentcolor",
   "var": "var(--pf-v6-c-button--hover--TextDecorationColor)"
 };
 export default c_button_hover_TextDecorationColor;

package/dist/esm/c_button_m_link_m_inline_TextDecorationColor.d.ts

@@ -1,6 +1,6 @@
 export const c_button_m_link_m_inline_TextDecorationColor: {
   "name": "--pf-v6-c-button--m-link--m-inline--TextDecorationColor",
-  "value": "undefined",
+  "value": "#c7c7c7",
   "var": "var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor)"
 };
 export default c_button_m_link_m_inline_TextDecorationColor;

package/dist/esm/c_button_m_link_m_inline_TextDecorationColor.js

@@ -1,6 +1,6 @@
 export const c_button_m_link_m_inline_TextDecorationColor = {
   "name": "--pf-v6-c-button--m-link--m-inline--TextDecorationColor",
-  "value": "undefined",
+  "value": "#c7c7c7",
   "var": "var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor)"
 };
 export default c_button_m_link_m_inline_TextDecorationColor;

package/dist/esm/c_button_m_link_m_inline_hover_TextDecorationColor.d.ts

@@ -1,6 +1,6 @@
 export const c_button_m_link_m_inline_hover_TextDecorationColor: {
   "name": "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor",
-  "value": "undefined",
+  "value": "currentcolor",
   "var": "var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor)"
 };
 export default c_button_m_link_m_inline_hover_TextDecorationColor;

package/dist/esm/c_button_m_link_m_inline_hover_TextDecorationColor.js

@@ -1,6 +1,6 @@
 export const c_button_m_link_m_inline_hover_TextDecorationColor = {
   "name": "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor",
-  "value": "undefined",
+  "value": "currentcolor",
   "var": "var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor)"
 };
 export default c_button_m_link_m_inline_hover_TextDecorationColor;

package/dist/esm/c_compass.d.ts

@@ -72,54 +72,27 @@ export const c_compass: {
         "1rem"
       ]
     },
-    "c_compass__panel_BackgroundColor_rgb_light": {
-      "name": "--pf-v6-c-compass__panel--BackgroundColor--rgb--light",
-      "value": "255,255,255"
-    },
-    "c_compass__panel_BackgroundColor_opacity_light": {
-      "name": "--pf-v6-c-compass__panel--BackgroundColor--opacity--light",
-      "value": ".8"
-    },
-    "c_compass__panel_BackgroundColor_light": {
-      "name": "--pf-v6-c-compass__panel--BackgroundColor--light",
-      "value": "rgba(255,255,255, .8)",
-      "values": [
-        "rgba(--pf-v6-c-compass__panel--BackgroundColor--rgb--light, --pf-v6-c-compass__panel--BackgroundColor--opacity--light)",
-        "rgba(255,255,255, .8)"
-      ]
-    },
-    "c_compass__panel_BackgroundColor_rgb_dark": {
-      "name": "--pf-v6-c-compass__panel--BackgroundColor--rgb--dark",
-      "value": "0,0,0"
-    },
-    "c_compass__panel_BackgroundColor_opacity_dark": {
-      "name": "--pf-v6-c-compass__panel--BackgroundColor--opacity--dark",
-      "value": ".8"
-    },
-    "c_compass__panel_BackgroundColor_dark": {
-      "name": "--pf-v6-c-compass__panel--BackgroundColor--dark",
-      "value": "rgba(0,0,0, .8)",
+    "c_compass__panel_BackgroundColor": {
+      "name": "--pf-v6-c-compass__panel--BackgroundColor",
+      "value": "#ffffff",
       "values": [
-        "rgba(--pf-v6-c-compass__panel--BackgroundColor--rgb--dark, --pf-v6-c-compass__panel--BackgroundColor--opacity--dark)",
-        "rgba(0,0,0, .8)"
+        "--pf-t--global--background--color--glass--default",
+        "--pf-t--global--background--color--glass--default--base",
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#ffffff"
       ]
     },
     "c_compass__panel_BackdropFilter": {
       "name": "--pf-v6-c-compass__panel--BackdropFilter",
-      "value": "blur(75px)",
+      "value": "none",
       "values": [
-        "--pf-v6-c-compass__panel--BackdropFilter--light",
-        "blur(75px)"
+        "--pf-t--global--background--color--glass--filter",
+        "--pf-t--global--background--color--glass--filter--base",
+        "none"
       ]
     },
-    "c_compass__panel_BackdropFilter_light": {
-      "name": "--pf-v6-c-compass__panel--BackdropFilter--light",
-      "value": "blur(75px)"
-    },
-    "c_compass__panel_BackdropFilter_dark": {
-      "name": "--pf-v6-c-compass__panel--BackdropFilter--dark",
-      "value": "blur(75px)"
-    },
     "c_compass__panel_BorderRadius": {
       "name": "--pf-v6-c-compass__panel--BorderRadius",
       "value": "24px",
@@ -189,50 +162,6 @@ export const c_compass: {
     "c_compass__message_bar_MaxWidth": {
       "name": "--pf-v6-c-compass__message-bar--MaxWidth",
       "value": "600px"
-    },
-    "c_compass__hero_gradient_angle": {
-      "name": "--pf-v6-c-compass__hero--gradient--angle",
-      "value": "109deg"
-    },
-    "c_compass__hero_gradient_stop_1_light": {
-      "name": "--pf-v6-c-compass__hero--gradient--stop-1--light",
-      "value": "transparent"
-    },
-    "c_compass__hero_gradient_stop_2_light": {
-      "name": "--pf-v6-c-compass__hero--gradient--stop-2--light",
-      "value": "transparent"
-    },
-    "c_compass__hero_gradient_stop_3_light": {
-      "name": "--pf-v6-c-compass__hero--gradient--stop-3--light",
-      "value": "transparent"
-    },
-    "c_compass__hero_gradient_stop_1_dark": {
-      "name": "--pf-v6-c-compass__hero--gradient--stop-1--dark",
-      "value": "transparent"
-    },
-    "c_compass__hero_gradient_stop_2_dark": {
-      "name": "--pf-v6-c-compass__hero--gradient--stop-2--dark",
-      "value": "transparent"
-    },
-    "c_compass__hero_gradient_stop_3_dark": {
-      "name": "--pf-v6-c-compass__hero--gradient--stop-3--dark",
-      "value": "transparent"
-    },
-    "c_compass__hero_BackgroundImage_light": {
-      "name": "--pf-v6-c-compass__hero--BackgroundImage--light",
-      "value": "none"
-    },
-    "c_compass__hero_BackgroundImage_dark": {
-      "name": "--pf-v6-c-compass__hero--BackgroundImage--dark",
-      "value": "none"
-    },
-    "c_compass__hero_body_Width": {
-      "name": "--pf-v6-c-compass__hero-body--Width",
-      "value": "800px"
-    },
-    "c_compass__hero_body_MaxWidth": {
-      "name": "--pf-v6-c-compass__hero-body--MaxWidth",
-      "value": "80%"
     }
   },
   ".pf-v6-c-compass__panel.pf-m-no-glass": {
@@ -258,30 +187,6 @@ export const c_compass: {
         "0.5rem"
       ]
     }
-  },
-  ":where(:root.pf-v6-theme-no-glass) .pf-v6-c-compass": {
-    "c_compass_glass_opacity": {
-      "name": "--pf-v6-c-compass--glass--opacity",
-      "value": "100%"
-    },
-    "c_compass_glass_border": {
-      "name": "--pf-v6-c-compass--glass--border",
-      "value": "#c7c7c7",
-      "values": [
-        "--pf-t--global--border--color--default",
-        "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--30",
-        "#c7c7c7"
-      ]
-    },
-    "c_compass_glass_blend_mode": {
-      "name": "--pf-v6-c-compass--glass--blend-mode",
-      "value": "none"
-    },
-    "c_compass_glass_blend_mode_dark": {
-      "name": "--pf-v6-c-compass--glass--blend-mode--dark",
-      "value": "none"
-    }
   }
 };
 export default c_compass;

package/dist/esm/c_compass.js

@@ -72,54 +72,27 @@ export const c_compass = {
         "1rem"
       ]
     },
-    "c_compass__panel_BackgroundColor_rgb_light": {
-      "name": "--pf-v6-c-compass__panel--BackgroundColor--rgb--light",
-      "value": "255,255,255"
-    },
-    "c_compass__panel_BackgroundColor_opacity_light": {
-      "name": "--pf-v6-c-compass__panel--BackgroundColor--opacity--light",
-      "value": ".8"
-    },
-    "c_compass__panel_BackgroundColor_light": {
-      "name": "--pf-v6-c-compass__panel--BackgroundColor--light",
-      "value": "rgba(255,255,255, .8)",
-      "values": [
-        "rgba(--pf-v6-c-compass__panel--BackgroundColor--rgb--light, --pf-v6-c-compass__panel--BackgroundColor--opacity--light)",
-        "rgba(255,255,255, .8)"
-      ]
-    },
-    "c_compass__panel_BackgroundColor_rgb_dark": {
-      "name": "--pf-v6-c-compass__panel--BackgroundColor--rgb--dark",
-      "value": "0,0,0"
-    },
-    "c_compass__panel_BackgroundColor_opacity_dark": {
-      "name": "--pf-v6-c-compass__panel--BackgroundColor--opacity--dark",
-      "value": ".8"
-    },
-    "c_compass__panel_BackgroundColor_dark": {
-      "name": "--pf-v6-c-compass__panel--BackgroundColor--dark",
-      "value": "rgba(0,0,0, .8)",
+    "c_compass__panel_BackgroundColor": {
+      "name": "--pf-v6-c-compass__panel--BackgroundColor",
+      "value": "#ffffff",
       "values": [
-        "rgba(--pf-v6-c-compass__panel--BackgroundColor--rgb--dark, --pf-v6-c-compass__panel--BackgroundColor--opacity--dark)",
-        "rgba(0,0,0, .8)"
+        "--pf-t--global--background--color--glass--default",
+        "--pf-t--global--background--color--glass--default--base",
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#ffffff"
       ]
     },
     "c_compass__panel_BackdropFilter": {
       "name": "--pf-v6-c-compass__panel--BackdropFilter",
-      "value": "blur(75px)",
+      "value": "none",
       "values": [
-        "--pf-v6-c-compass__panel--BackdropFilter--light",
-        "blur(75px)"
+        "--pf-t--global--background--color--glass--filter",
+        "--pf-t--global--background--color--glass--filter--base",
+        "none"
       ]
     },
-    "c_compass__panel_BackdropFilter_light": {
-      "name": "--pf-v6-c-compass__panel--BackdropFilter--light",
-      "value": "blur(75px)"
-    },
-    "c_compass__panel_BackdropFilter_dark": {
-      "name": "--pf-v6-c-compass__panel--BackdropFilter--dark",
-      "value": "blur(75px)"
-    },
     "c_compass__panel_BorderRadius": {
       "name": "--pf-v6-c-compass__panel--BorderRadius",
       "value": "24px",
@@ -189,50 +162,6 @@ export const c_compass = {
     "c_compass__message_bar_MaxWidth": {
       "name": "--pf-v6-c-compass__message-bar--MaxWidth",
       "value": "600px"
-    },
-    "c_compass__hero_gradient_angle": {
-      "name": "--pf-v6-c-compass__hero--gradient--angle",
-      "value": "109deg"
-    },
-    "c_compass__hero_gradient_stop_1_light": {
-      "name": "--pf-v6-c-compass__hero--gradient--stop-1--light",
-      "value": "transparent"
-    },
-    "c_compass__hero_gradient_stop_2_light": {
-      "name": "--pf-v6-c-compass__hero--gradient--stop-2--light",
-      "value": "transparent"
-    },
-    "c_compass__hero_gradient_stop_3_light": {
-      "name": "--pf-v6-c-compass__hero--gradient--stop-3--light",
-      "value": "transparent"
-    },
-    "c_compass__hero_gradient_stop_1_dark": {
-      "name": "--pf-v6-c-compass__hero--gradient--stop-1--dark",
-      "value": "transparent"
-    },
-    "c_compass__hero_gradient_stop_2_dark": {
-      "name": "--pf-v6-c-compass__hero--gradient--stop-2--dark",
-      "value": "transparent"
-    },
-    "c_compass__hero_gradient_stop_3_dark": {
-      "name": "--pf-v6-c-compass__hero--gradient--stop-3--dark",
-      "value": "transparent"
-    },
-    "c_compass__hero_BackgroundImage_light": {
-      "name": "--pf-v6-c-compass__hero--BackgroundImage--light",
-      "value": "none"
-    },
-    "c_compass__hero_BackgroundImage_dark": {
-      "name": "--pf-v6-c-compass__hero--BackgroundImage--dark",
-      "value": "none"
-    },
-    "c_compass__hero_body_Width": {
-      "name": "--pf-v6-c-compass__hero-body--Width",
-      "value": "800px"
-    },
-    "c_compass__hero_body_MaxWidth": {
-      "name": "--pf-v6-c-compass__hero-body--MaxWidth",
-      "value": "80%"
     }
   },
   ".pf-v6-c-compass__panel.pf-m-no-glass": {
@@ -258,30 +187,6 @@ export const c_compass = {
         "0.5rem"
       ]
     }
-  },
-  ":where(:root.pf-v6-theme-no-glass) .pf-v6-c-compass": {
-    "c_compass_glass_opacity": {
-      "name": "--pf-v6-c-compass--glass--opacity",
-      "value": "100%"
-    },
-    "c_compass_glass_border": {
-      "name": "--pf-v6-c-compass--glass--border",
-      "value": "#c7c7c7",
-      "values": [
-        "--pf-t--global--border--color--default",
-        "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--30",
-        "#c7c7c7"
-      ]
-    },
-    "c_compass_glass_blend_mode": {
-      "name": "--pf-v6-c-compass--glass--blend-mode",
-      "value": "none"
-    },
-    "c_compass_glass_blend_mode_dark": {
-      "name": "--pf-v6-c-compass--glass--blend-mode--dark",
-      "value": "none"
-    }
   }
 };
 export default c_compass;

package/dist/esm/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(75px)",
+  "value": "none",
   "var": "var(--pf-v6-c-compass__panel--BackdropFilter)"
 };
 export default c_compass__panel_BackdropFilter;

package/dist/esm/c_compass__panel_BackdropFilter.js

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

package/dist/esm/c_drawer.d.ts

@@ -373,6 +373,38 @@ export const c_drawer: {
         "1.5rem"
       ]
     },
+    "c_drawer__panel_m_glass_BackgroundColor": {
+      "name": "--pf-v6-c-drawer__panel--m-glass--BackgroundColor",
+      "value": "#ffffff",
+      "values": [
+        "--pf-t--global--background--color--glass--default",
+        "--pf-t--global--background--color--glass--default--base",
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#ffffff"
+      ]
+    },
+    "c_drawer__panel_m_glass_BackdropFilter": {
+      "name": "--pf-v6-c-drawer__panel--m-glass--BackdropFilter",
+      "value": "none",
+      "values": [
+        "--pf-t--global--background--color--glass--filter",
+        "--pf-t--global--background--color--glass--filter--base",
+        "none"
+      ]
+    },
+    "c_drawer__panel_m_glass_BorderColor": {
+      "name": "--pf-v6-c-drawer__panel--m-glass--BorderColor",
+      "value": "#ffffff",
+      "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"
+      ]
+    },
     "c_drawer__head_ColumnGap": {
       "name": "--pf-v6-c-drawer__head--ColumnGap",
       "value": "0.5rem",

package/dist/esm/c_drawer.js

@@ -373,6 +373,38 @@ export const c_drawer = {
         "1.5rem"
       ]
     },
+    "c_drawer__panel_m_glass_BackgroundColor": {
+      "name": "--pf-v6-c-drawer__panel--m-glass--BackgroundColor",
+      "value": "#ffffff",
+      "values": [
+        "--pf-t--global--background--color--glass--default",
+        "--pf-t--global--background--color--glass--default--base",
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#ffffff"
+      ]
+    },
+    "c_drawer__panel_m_glass_BackdropFilter": {
+      "name": "--pf-v6-c-drawer__panel--m-glass--BackdropFilter",
+      "value": "none",
+      "values": [
+        "--pf-t--global--background--color--glass--filter",
+        "--pf-t--global--background--color--glass--filter--base",
+        "none"
+      ]
+    },
+    "c_drawer__panel_m_glass_BorderColor": {
+      "name": "--pf-v6-c-drawer__panel--m-glass--BorderColor",
+      "value": "#ffffff",
+      "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"
+      ]
+    },
     "c_drawer__head_ColumnGap": {
       "name": "--pf-v6-c-drawer__head--ColumnGap",
       "value": "0.5rem",

package/dist/esm/c_drawer__panel_m_glass_BackdropFilter.d.ts

@@ -0,0 +1,6 @@
+export const c_drawer__panel_m_glass_BackdropFilter: {
+  "name": "--pf-v6-c-drawer__panel--m-glass--BackdropFilter",
+  "value": "none",
+  "var": "var(--pf-v6-c-drawer__panel--m-glass--BackdropFilter)"
+};
+export default c_drawer__panel_m_glass_BackdropFilter;

package/dist/esm/c_drawer__panel_m_glass_BackdropFilter.js

@@ -0,0 +1,6 @@
+export const c_drawer__panel_m_glass_BackdropFilter = {
+  "name": "--pf-v6-c-drawer__panel--m-glass--BackdropFilter",
+  "value": "none",
+  "var": "var(--pf-v6-c-drawer__panel--m-glass--BackdropFilter)"
+};
+export default c_drawer__panel_m_glass_BackdropFilter;

package/dist/esm/c_drawer__panel_m_glass_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_drawer__panel_m_glass_BackgroundColor: {
+  "name": "--pf-v6-c-drawer__panel--m-glass--BackgroundColor",
+  "value": "#ffffff",
+  "var": "var(--pf-v6-c-drawer__panel--m-glass--BackgroundColor)"
+};
+export default c_drawer__panel_m_glass_BackgroundColor;

package/dist/esm/c_drawer__panel_m_glass_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_drawer__panel_m_glass_BackgroundColor = {
+  "name": "--pf-v6-c-drawer__panel--m-glass--BackgroundColor",
+  "value": "#ffffff",
+  "var": "var(--pf-v6-c-drawer__panel--m-glass--BackgroundColor)"
+};
+export default c_drawer__panel_m_glass_BackgroundColor;

package/dist/esm/c_drawer__panel_m_glass_BorderColor.d.ts

@@ -0,0 +1,6 @@
+export const c_drawer__panel_m_glass_BorderColor: {
+  "name": "--pf-v6-c-drawer__panel--m-glass--BorderColor",
+  "value": "#ffffff",
+  "var": "var(--pf-v6-c-drawer__panel--m-glass--BorderColor)"
+};
+export default c_drawer__panel_m_glass_BorderColor;