@patternfly/react-tokens 6.5.0-prerelease.10 → 6.5.0-prerelease.11

package/dist/js/c_form_control_m_placeholder_Color.d.ts

@@ -1,6 +1,6 @@
 export const c_form_control_m_placeholder_Color: {
   "name": "--pf-v6-c-form-control--m-placeholder--Color",
-  "value": "#4d4d4d",
+  "value": "#707070",
   "var": "var(--pf-v6-c-form-control--m-placeholder--Color)"
 };
 export default c_form_control_m_placeholder_Color;

package/dist/js/c_form_control_m_placeholder_Color.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_form_control_m_placeholder_Color = {
   "name": "--pf-v6-c-form-control--m-placeholder--Color",
-  "value": "#4d4d4d",
+  "value": "#707070",
   "var": "var(--pf-v6-c-form-control--m-placeholder--Color)"
 };
 exports["default"] = exports.c_form_control_m_placeholder_Color;

package/dist/js/c_hero.d.ts

@@ -66,23 +66,22 @@ export const c_hero: {
     },
     "c_hero_BackgroundColor": {
       "name": "--pf-v6-c-hero--BackgroundColor",
-      "value": "#ffffff",
+      "value": "color-mix(in srgb, #ffffff 100%, transparent )",
       "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"
+        "--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 )"
       ]
     },
     "c_hero_BackdropFilter": {
       "name": "--pf-v6-c-hero--BackdropFilter",
-      "value": "none",
+      "value": "blur(0px)",
       "values": [
-        "--pf-t--global--background--color--glass--filter",
-        "--pf-t--global--background--color--glass--filter--base",
-        "none"
+        "--pf-t--global--background--filter--glass--blur--primary",
+        "blur(0px)"
       ]
     },
     "c_hero_BackgroundImage_light": {
@@ -168,12 +167,12 @@ export const c_hero: {
     },
     "c_hero_m_glass_BoxShadow": {
       "name": "--pf-v6-c-hero--m-glass--BoxShadow",
-      "value": "0px\n    4px\n    9px\n    0px\n    rgba(41, 41, 41, 0.1500)",
+      "value": "0px\n    2px\n    9px\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    4px\n    9px\n    0px\n    rgba(41, 41, 41, 0.1500)"
+        "0px\n    2px\n    9px\n    0px\n    rgba(41, 41, 41, 0.1500)"
       ]
     },
     "c_hero_BorderStartStartRadius": {

package/dist/js/c_hero.js

@@ -68,23 +68,22 @@ exports.c_hero = {
     },
     "c_hero_BackgroundColor": {
       "name": "--pf-v6-c-hero--BackgroundColor",
-      "value": "#ffffff",
+      "value": "color-mix(in srgb, #ffffff 100%, transparent )",
       "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"
+        "--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 )"
       ]
     },
     "c_hero_BackdropFilter": {
       "name": "--pf-v6-c-hero--BackdropFilter",
-      "value": "none",
+      "value": "blur(0px)",
       "values": [
-        "--pf-t--global--background--color--glass--filter",
-        "--pf-t--global--background--color--glass--filter--base",
-        "none"
+        "--pf-t--global--background--filter--glass--blur--primary",
+        "blur(0px)"
       ]
     },
     "c_hero_BackgroundImage_light": {
@@ -170,12 +169,12 @@ exports.c_hero = {
     },
     "c_hero_m_glass_BoxShadow": {
       "name": "--pf-v6-c-hero--m-glass--BoxShadow",
-      "value": "0px\n    4px\n    9px\n    0px\n    rgba(41, 41, 41, 0.1500)",
+      "value": "0px\n    2px\n    9px\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    4px\n    9px\n    0px\n    rgba(41, 41, 41, 0.1500)"
+        "0px\n    2px\n    9px\n    0px\n    rgba(41, 41, 41, 0.1500)"
       ]
     },
     "c_hero_BorderStartStartRadius": {

package/dist/js/c_hero_BackdropFilter.d.ts

@@ -1,6 +1,6 @@
 export const c_hero_BackdropFilter: {
   "name": "--pf-v6-c-hero--BackdropFilter",
-  "value": "none",
+  "value": "blur(0px)",
   "var": "var(--pf-v6-c-hero--BackdropFilter)"
 };
 export default c_hero_BackdropFilter;

package/dist/js/c_hero_BackdropFilter.js

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

package/dist/js/c_hero_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_hero_BackgroundColor: {
   "name": "--pf-v6-c-hero--BackgroundColor",
-  "value": "#ffffff",
+  "value": "color-mix(in srgb, #ffffff 100%, transparent )",
   "var": "var(--pf-v6-c-hero--BackgroundColor)"
 };
 export default c_hero_BackgroundColor;

package/dist/js/c_hero_BackgroundColor.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_hero_BackgroundColor = {
   "name": "--pf-v6-c-hero--BackgroundColor",
-  "value": "#ffffff",
+  "value": "color-mix(in srgb, #ffffff 100%, transparent )",
   "var": "var(--pf-v6-c-hero--BackgroundColor)"
 };
 exports["default"] = exports.c_hero_BackgroundColor;

package/dist/js/c_hero_m_glass_BoxShadow.d.ts

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

package/dist/js/c_hero_m_glass_BoxShadow.js

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

package/dist/js/c_input_group.d.ts

@@ -163,12 +163,12 @@ export const c_input_group: {
     },
     "c_input_group__item_m_disabled__text_Color": {
       "name": "--pf-v6-c-input-group__item--m-disabled__text--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-t--global--text--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_input_group__item_m_disabled_BackgroundColor": {
@@ -474,13 +474,13 @@ export const c_input_group: {
     },
     "c_input_group__text_Color": {
       "name": "--pf-v6-c-input-group__text--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-v6-c-input-group__item--m-disabled__text--Color",
         "--pf-t--global--text--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     }
   }

package/dist/js/c_input_group.js

@@ -165,12 +165,12 @@ exports.c_input_group = {
     },
     "c_input_group__item_m_disabled__text_Color": {
       "name": "--pf-v6-c-input-group__item--m-disabled__text--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-t--global--text--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_input_group__item_m_disabled_BackgroundColor": {
@@ -476,13 +476,13 @@ exports.c_input_group = {
     },
     "c_input_group__text_Color": {
       "name": "--pf-v6-c-input-group__text--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-v6-c-input-group__item--m-disabled__text--Color",
         "--pf-t--global--text--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     }
   }

package/dist/js/c_input_group__item_m_disabled__text_Color.d.ts

@@ -1,6 +1,6 @@
 export const c_input_group__item_m_disabled__text_Color: {
   "name": "--pf-v6-c-input-group__item--m-disabled__text--Color",
-  "value": "#4d4d4d",
+  "value": "#707070",
   "var": "var(--pf-v6-c-input-group__item--m-disabled__text--Color)"
 };
 export default c_input_group__item_m_disabled__text_Color;

package/dist/js/c_input_group__item_m_disabled__text_Color.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_input_group__item_m_disabled__text_Color = {
   "name": "--pf-v6-c-input-group__item--m-disabled__text--Color",
-  "value": "#4d4d4d",
+  "value": "#707070",
   "var": "var(--pf-v6-c-input-group__item--m-disabled__text--Color)"
 };
 exports["default"] = exports.c_input_group__item_m_disabled__text_Color;

package/dist/js/c_input_group__text_Color.d.ts

@@ -1,6 +1,6 @@
 export const c_input_group__text_Color: {
   "name": "--pf-v6-c-input-group__text--Color",
-  "value": "#4d4d4d",
+  "value": "#707070",
   "var": "var(--pf-v6-c-input-group__text--Color)"
 };
 export default c_input_group__text_Color;

package/dist/js/c_input_group__text_Color.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_input_group__text_Color = {
   "name": "--pf-v6-c-input-group__text--Color",
-  "value": "#4d4d4d",
+  "value": "#707070",
   "var": "var(--pf-v6-c-input-group__text--Color)"
 };
 exports["default"] = exports.c_input_group__text_Color;

package/dist/js/c_label.d.ts

@@ -1819,32 +1819,32 @@ export const c_label: {
     },
     "c_label_m_disabled_Color": {
       "name": "--pf-v6-c-label--m-disabled--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-t--global--text--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_label_m_disabled__icon_Color": {
       "name": "--pf-v6-c-label--m-disabled__icon--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-t--global--icon--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_label_m_disabled_c_button_disabled__icon_Color": {
       "name": "--pf-v6-c-label--m-disabled--c-button--disabled__icon--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-t--global--icon--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     }
   },
@@ -3727,24 +3727,24 @@ export const c_label: {
     },
     "c_label_Color": {
       "name": "--pf-v6-c-label--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-v6-c-label--m-disabled--Color",
         "--pf-t--global--text--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_label__icon_Color": {
       "name": "--pf-v6-c-label__icon--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-v6-c-label--m-disabled__icon--Color",
         "--pf-t--global--icon--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_label_BorderWidth": {
@@ -3755,13 +3755,13 @@ export const c_label: {
   ".pf-v6-c-label.pf-m-disabled .pf-v6-c-button": {
     "c_button_m_plain_disabled__icon_Color": {
       "name": "--pf-v6-c-button--m-plain--disabled__icon--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-v6-c-label--m-disabled--c-button--disabled__icon--Color",
         "--pf-t--global--icon--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     }
   },

package/dist/js/c_label.js

@@ -1821,32 +1821,32 @@ exports.c_label = {
     },
     "c_label_m_disabled_Color": {
       "name": "--pf-v6-c-label--m-disabled--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-t--global--text--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_label_m_disabled__icon_Color": {
       "name": "--pf-v6-c-label--m-disabled__icon--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-t--global--icon--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_label_m_disabled_c_button_disabled__icon_Color": {
       "name": "--pf-v6-c-label--m-disabled--c-button--disabled__icon--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-t--global--icon--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     }
   },
@@ -3729,24 +3729,24 @@ exports.c_label = {
     },
     "c_label_Color": {
       "name": "--pf-v6-c-label--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-v6-c-label--m-disabled--Color",
         "--pf-t--global--text--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_label__icon_Color": {
       "name": "--pf-v6-c-label__icon--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-v6-c-label--m-disabled__icon--Color",
         "--pf-t--global--icon--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_label_BorderWidth": {
@@ -3757,13 +3757,13 @@ exports.c_label = {
   ".pf-v6-c-label.pf-m-disabled .pf-v6-c-button": {
     "c_button_m_plain_disabled__icon_Color": {
       "name": "--pf-v6-c-button--m-plain--disabled__icon--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-v6-c-label--m-disabled--c-button--disabled__icon--Color",
         "--pf-t--global--icon--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     }
   },

package/dist/js/c_label_Color.d.ts

@@ -1,6 +1,6 @@
 export const c_label_Color: {
   "name": "--pf-v6-c-label--Color",
-  "value": "#4d4d4d",
+  "value": "#707070",
   "var": "var(--pf-v6-c-label--Color)"
 };
 export default c_label_Color;

package/dist/js/c_label_Color.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_label_Color = {
   "name": "--pf-v6-c-label--Color",
-  "value": "#4d4d4d",
+  "value": "#707070",
   "var": "var(--pf-v6-c-label--Color)"
 };
 exports["default"] = exports.c_label_Color;

package/dist/js/c_label__icon_Color.d.ts

@@ -1,6 +1,6 @@
 export const c_label__icon_Color: {
   "name": "--pf-v6-c-label__icon--Color",
-  "value": "#4d4d4d",
+  "value": "#707070",
   "var": "var(--pf-v6-c-label__icon--Color)"
 };
 export default c_label__icon_Color;

package/dist/js/c_label__icon_Color.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_label__icon_Color = {
   "name": "--pf-v6-c-label__icon--Color",
-  "value": "#4d4d4d",
+  "value": "#707070",
   "var": "var(--pf-v6-c-label__icon--Color)"
 };
 exports["default"] = exports.c_label__icon_Color;

package/dist/js/c_label_m_disabled_Color.d.ts

@@ -1,6 +1,6 @@
 export const c_label_m_disabled_Color: {
   "name": "--pf-v6-c-label--m-disabled--Color",
-  "value": "#4d4d4d",
+  "value": "#707070",
   "var": "var(--pf-v6-c-label--m-disabled--Color)"
 };
 export default c_label_m_disabled_Color;

package/dist/js/c_label_m_disabled_Color.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_label_m_disabled_Color = {
   "name": "--pf-v6-c-label--m-disabled--Color",
-  "value": "#4d4d4d",
+  "value": "#707070",
   "var": "var(--pf-v6-c-label--m-disabled--Color)"
 };
 exports["default"] = exports.c_label_m_disabled_Color;

package/dist/js/c_label_m_disabled__icon_Color.d.ts

@@ -1,6 +1,6 @@
 export const c_label_m_disabled__icon_Color: {
   "name": "--pf-v6-c-label--m-disabled__icon--Color",
-  "value": "#4d4d4d",
+  "value": "#707070",
   "var": "var(--pf-v6-c-label--m-disabled__icon--Color)"
 };
 export default c_label_m_disabled__icon_Color;

package/dist/js/c_label_m_disabled__icon_Color.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_label_m_disabled__icon_Color = {
   "name": "--pf-v6-c-label--m-disabled__icon--Color",
-  "value": "#4d4d4d",
+  "value": "#707070",
   "var": "var(--pf-v6-c-label--m-disabled__icon--Color)"
 };
 exports["default"] = exports.c_label_m_disabled__icon_Color;

package/dist/js/c_label_m_disabled_c_button_disabled__icon_Color.d.ts

@@ -1,6 +1,6 @@
 export const c_label_m_disabled_c_button_disabled__icon_Color: {
   "name": "--pf-v6-c-label--m-disabled--c-button--disabled__icon--Color",
-  "value": "#4d4d4d",
+  "value": "#707070",
   "var": "var(--pf-v6-c-label--m-disabled--c-button--disabled__icon--Color)"
 };
 export default c_label_m_disabled_c_button_disabled__icon_Color;

package/dist/js/c_label_m_disabled_c_button_disabled__icon_Color.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_label_m_disabled_c_button_disabled__icon_Color = {
   "name": "--pf-v6-c-label--m-disabled--c-button--disabled__icon--Color",
-  "value": "#4d4d4d",
+  "value": "#707070",
   "var": "var(--pf-v6-c-label--m-disabled--c-button--disabled__icon--Color)"
 };
 exports["default"] = exports.c_label_m_disabled_c_button_disabled__icon_Color;

package/dist/js/c_masthead.d.ts

@@ -283,23 +283,22 @@ export const c_masthead: {
     },
     "c_masthead_m_docked_BackgroundColor": {
       "name": "--pf-v6-c-masthead--m-docked--BackgroundColor",
-      "value": "#ffffff",
+      "value": "color-mix(in srgb, #ffffff 100%, transparent )",
       "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"
+        "--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 )"
       ]
     },
     "c_masthead_m_docked_BackdropFilter": {
       "name": "--pf-v6-c-masthead--m-docked--BackdropFilter",
-      "value": "none",
+      "value": "blur(0px)",
       "values": [
-        "--pf-t--global--background--color--glass--filter",
-        "--pf-t--global--background--color--glass--filter--base",
-        "none"
+        "--pf-t--global--background--filter--glass--blur--primary",
+        "blur(0px)"
       ]
     },
     "c_masthead_m_docked_c_toolbar_Height": {
@@ -526,15 +525,15 @@ export const c_masthead: {
     },
     "c_masthead_BackgroundColor": {
       "name": "--pf-v6-c-masthead--BackgroundColor",
-      "value": "#ffffff",
+      "value": "color-mix(in srgb, #ffffff 100%, transparent )",
       "values": [
         "--pf-v6-c-masthead--m-docked--BackgroundColor",
-        "--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"
+        "--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 )"
       ]
     },
     "c_masthead_GridTemplateRows": {