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

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    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_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    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-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    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-draggable--m-dragging--BoxShadow)"
 };
 exports["default"] = exports.c_draggable_m_dragging_BoxShadow;

package/dist/js/c_drawer.d.ts

@@ -375,23 +375,22 @@ export const c_drawer: {
     },
     "c_drawer__panel_m_glass_BackgroundColor": {
       "name": "--pf-v6-c-drawer__panel--m-glass--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_drawer__panel_m_glass_BackdropFilter": {
       "name": "--pf-v6-c-drawer__panel--m-glass--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_drawer__panel_m_glass_BorderColor": {

package/dist/js/c_drawer.js

@@ -377,23 +377,22 @@ exports.c_drawer = {
     },
     "c_drawer__panel_m_glass_BackgroundColor": {
       "name": "--pf-v6-c-drawer__panel--m-glass--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_drawer__panel_m_glass_BackdropFilter": {
       "name": "--pf-v6-c-drawer__panel--m-glass--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_drawer__panel_m_glass_BorderColor": {

package/dist/js/c_drawer__panel_m_glass_BackdropFilter.d.ts

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

package/dist/js/c_drawer__panel_m_glass_BackdropFilter.js

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

package/dist/js/c_drawer__panel_m_glass_BackgroundColor.d.ts

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

package/dist/js/c_drawer__panel_m_glass_BackgroundColor.js

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

package/dist/js/c_form_control.d.ts

@@ -51,6 +51,7 @@ export const c_form_control: {
       "name": "--pf-v6-c-form-control--BorderRadius",
       "value": "6px",
       "values": [
+        "--pf-t--global--border--radius--control--form-element",
         "--pf-t--global--border--radius--small",
         "--pf-t--global--border--radius--200",
         "6px"
@@ -71,12 +72,12 @@ export const c_form_control: {
     },
     "c_form_control_before_BorderColor": {
       "name": "--pf-v6-c-form-control--before--BorderColor",
-      "value": "#c7c7c7",
+      "value": "#8c8c8c",
       "values": [
-        "--pf-t--global--border--color--default",
-        "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--30",
-        "#c7c7c7"
+        "--pf-t--global--border--color--control--default",
+        "--pf-t--global--border--color--300",
+        "--pf-t--color--gray--45",
+        "#8c8c8c"
       ]
     },
     "c_form_control_before_BorderRadius": {
@@ -84,6 +85,7 @@ export const c_form_control: {
       "value": "6px",
       "values": [
         "--pf-v6-c-form-control--BorderRadius",
+        "--pf-t--global--border--radius--control--form-element",
         "--pf-t--global--border--radius--small",
         "--pf-t--global--border--radius--200",
         "6px"
@@ -111,6 +113,7 @@ export const c_form_control: {
       "value": "6px",
       "values": [
         "--pf-v6-c-form-control--BorderRadius",
+        "--pf-t--global--border--radius--control--form-element",
         "--pf-t--global--border--radius--small",
         "--pf-t--global--border--radius--200",
         "6px"
@@ -499,12 +502,12 @@ export const c_form_control: {
     },
     "c_form_control_m_disabled_Color": {
       "name": "--pf-v6-c-form-control--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_form_control_m_disabled_BackgroundColor": {
@@ -533,12 +536,12 @@ export const c_form_control: {
     },
     "c_form_control_m_readonly_BorderColor": {
       "name": "--pf-v6-c-form-control--m-readonly--BorderColor",
-      "value": "#e0e0e0",
+      "value": "#c7c7c7",
       "values": [
         "--pf-t--global--border--color--control--read-only",
-        "--pf-t--global--border--color--50",
-        "--pf-t--color--gray--20",
-        "#e0e0e0"
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
       ]
     },
     "c_form_control_m_readonly_hover_after_BorderColor": {
@@ -1194,13 +1197,13 @@ export const c_form_control: {
     },
     "c_form_control_before_BorderColor": {
       "name": "--pf-v6-c-form-control--before--BorderColor",
-      "value": "#e0e0e0",
+      "value": "#c7c7c7",
       "values": [
         "--pf-v6-c-form-control--m-readonly--BorderColor",
         "--pf-t--global--border--color--control--read-only",
-        "--pf-t--global--border--color--50",
-        "--pf-t--color--gray--20",
-        "#e0e0e0"
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
       ]
     }
   },
@@ -1303,24 +1306,24 @@ export const c_form_control: {
     },
     "c_form_control_Color": {
       "name": "--pf-v6-c-form-control--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-v6-c-form-control--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_form_control_m_placeholder_Color": {
       "name": "--pf-v6-c-form-control--m-placeholder--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-v6-c-form-control--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_form_control__toggle_icon_Color": {

package/dist/js/c_form_control.js

@@ -53,6 +53,7 @@ exports.c_form_control = {
       "name": "--pf-v6-c-form-control--BorderRadius",
       "value": "6px",
       "values": [
+        "--pf-t--global--border--radius--control--form-element",
         "--pf-t--global--border--radius--small",
         "--pf-t--global--border--radius--200",
         "6px"
@@ -73,12 +74,12 @@ exports.c_form_control = {
     },
     "c_form_control_before_BorderColor": {
       "name": "--pf-v6-c-form-control--before--BorderColor",
-      "value": "#c7c7c7",
+      "value": "#8c8c8c",
       "values": [
-        "--pf-t--global--border--color--default",
-        "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--30",
-        "#c7c7c7"
+        "--pf-t--global--border--color--control--default",
+        "--pf-t--global--border--color--300",
+        "--pf-t--color--gray--45",
+        "#8c8c8c"
       ]
     },
     "c_form_control_before_BorderRadius": {
@@ -86,6 +87,7 @@ exports.c_form_control = {
       "value": "6px",
       "values": [
         "--pf-v6-c-form-control--BorderRadius",
+        "--pf-t--global--border--radius--control--form-element",
         "--pf-t--global--border--radius--small",
         "--pf-t--global--border--radius--200",
         "6px"
@@ -113,6 +115,7 @@ exports.c_form_control = {
       "value": "6px",
       "values": [
         "--pf-v6-c-form-control--BorderRadius",
+        "--pf-t--global--border--radius--control--form-element",
         "--pf-t--global--border--radius--small",
         "--pf-t--global--border--radius--200",
         "6px"
@@ -501,12 +504,12 @@ exports.c_form_control = {
     },
     "c_form_control_m_disabled_Color": {
       "name": "--pf-v6-c-form-control--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_form_control_m_disabled_BackgroundColor": {
@@ -535,12 +538,12 @@ exports.c_form_control = {
     },
     "c_form_control_m_readonly_BorderColor": {
       "name": "--pf-v6-c-form-control--m-readonly--BorderColor",
-      "value": "#e0e0e0",
+      "value": "#c7c7c7",
       "values": [
         "--pf-t--global--border--color--control--read-only",
-        "--pf-t--global--border--color--50",
-        "--pf-t--color--gray--20",
-        "#e0e0e0"
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
       ]
     },
     "c_form_control_m_readonly_hover_after_BorderColor": {
@@ -1196,13 +1199,13 @@ exports.c_form_control = {
     },
     "c_form_control_before_BorderColor": {
       "name": "--pf-v6-c-form-control--before--BorderColor",
-      "value": "#e0e0e0",
+      "value": "#c7c7c7",
       "values": [
         "--pf-v6-c-form-control--m-readonly--BorderColor",
         "--pf-t--global--border--color--control--read-only",
-        "--pf-t--global--border--color--50",
-        "--pf-t--color--gray--20",
-        "#e0e0e0"
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
       ]
     }
   },
@@ -1305,24 +1308,24 @@ exports.c_form_control = {
     },
     "c_form_control_Color": {
       "name": "--pf-v6-c-form-control--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-v6-c-form-control--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_form_control_m_placeholder_Color": {
       "name": "--pf-v6-c-form-control--m-placeholder--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-v6-c-form-control--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_form_control__toggle_icon_Color": {

package/dist/js/c_form_control_before_BorderColor.d.ts

@@ -1,6 +1,6 @@
 export const c_form_control_before_BorderColor: {
   "name": "--pf-v6-c-form-control--before--BorderColor",
-  "value": "#e0e0e0",
+  "value": "#c7c7c7",
   "var": "var(--pf-v6-c-form-control--before--BorderColor)"
 };
 export default c_form_control_before_BorderColor;

package/dist/js/c_form_control_before_BorderColor.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_form_control_before_BorderColor = {
   "name": "--pf-v6-c-form-control--before--BorderColor",
-  "value": "#e0e0e0",
+  "value": "#c7c7c7",
   "var": "var(--pf-v6-c-form-control--before--BorderColor)"
 };
 exports["default"] = exports.c_form_control_before_BorderColor;

package/dist/js/c_form_control_m_disabled_Color.d.ts

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

package/dist/js/c_form_control_m_disabled_Color.js

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

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"
       ]
     }
   }