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

package/dist/esm/c_compass.js

@@ -215,23 +215,22 @@ export const c_compass = {
     },
     "c_compass__panel_BackgroundColor": {
       "name": "--pf-v6-c-compass__panel--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_compass__panel_BackdropFilter": {
       "name": "--pf-v6-c-compass__panel--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_compass__panel_BorderColor": {
@@ -265,12 +264,12 @@ export const c_compass = {
     },
     "c_compass__panel_BoxShadow": {
       "name": "--pf-v6-c-compass__panel--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_compass__message_bar_Width": {

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

package/dist/esm/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    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-compass__panel--BoxShadow)"
 };
 export default c_compass__panel_BoxShadow;

package/dist/esm/c_compass__panel_BoxShadow.js

@@ -1,6 +1,6 @@
 export const c_compass__panel_BoxShadow = {
   "name": "--pf-v6-c-compass__panel--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-compass__panel--BoxShadow)"
 };
 export default c_compass__panel_BoxShadow;

package/dist/esm/c_content.d.ts

@@ -420,11 +420,11 @@ export const c_content: {
     },
     "c_content_a_TextDecorationStyle": {
       "name": "--pf-v6-c-content--a--TextDecorationStyle",
-      "value": "solid",
+      "value": "dashed",
       "values": [
         "--pf-t--global--text-decoration--link--style--default",
-        "--pf-t--global--text-decoration--style--100",
-        "solid"
+        "--pf-t--global--text-decoration--style--200",
+        "dashed"
       ]
     },
     "c_content_a_hover_Color": {
@@ -448,11 +448,11 @@ export const c_content: {
     },
     "c_content_a_hover_TextDecorationStyle": {
       "name": "--pf-v6-c-content--a--hover--TextDecorationStyle",
-      "value": "solid",
+      "value": "dashed",
       "values": [
         "--pf-t--global--text-decoration--link--style--hover",
-        "--pf-t--global--text-decoration--style--100",
-        "solid"
+        "--pf-t--global--text-decoration--style--200",
+        "dashed"
       ]
     },
     "c_content_a_visited_Color": {
@@ -683,12 +683,12 @@ export const c_content: {
     },
     "c_content_a_TextDecorationStyle": {
       "name": "--pf-v6-c-content--a--TextDecorationStyle",
-      "value": "solid",
+      "value": "dashed",
       "values": [
         "--pf-v6-c-content--a--hover--TextDecorationStyle",
         "--pf-t--global--text-decoration--link--style--hover",
-        "--pf-t--global--text-decoration--style--100",
-        "solid"
+        "--pf-t--global--text-decoration--style--200",
+        "dashed"
       ]
     }
   }

package/dist/esm/c_content.js

@@ -420,11 +420,11 @@ export const c_content = {
     },
     "c_content_a_TextDecorationStyle": {
       "name": "--pf-v6-c-content--a--TextDecorationStyle",
-      "value": "solid",
+      "value": "dashed",
       "values": [
         "--pf-t--global--text-decoration--link--style--default",
-        "--pf-t--global--text-decoration--style--100",
-        "solid"
+        "--pf-t--global--text-decoration--style--200",
+        "dashed"
       ]
     },
     "c_content_a_hover_Color": {
@@ -448,11 +448,11 @@ export const c_content = {
     },
     "c_content_a_hover_TextDecorationStyle": {
       "name": "--pf-v6-c-content--a--hover--TextDecorationStyle",
-      "value": "solid",
+      "value": "dashed",
       "values": [
         "--pf-t--global--text-decoration--link--style--hover",
-        "--pf-t--global--text-decoration--style--100",
-        "solid"
+        "--pf-t--global--text-decoration--style--200",
+        "dashed"
       ]
     },
     "c_content_a_visited_Color": {
@@ -683,12 +683,12 @@ export const c_content = {
     },
     "c_content_a_TextDecorationStyle": {
       "name": "--pf-v6-c-content--a--TextDecorationStyle",
-      "value": "solid",
+      "value": "dashed",
       "values": [
         "--pf-v6-c-content--a--hover--TextDecorationStyle",
         "--pf-t--global--text-decoration--link--style--hover",
-        "--pf-t--global--text-decoration--style--100",
-        "solid"
+        "--pf-t--global--text-decoration--style--200",
+        "dashed"
       ]
     }
   }

package/dist/esm/c_content_a_TextDecorationStyle.d.ts

@@ -1,6 +1,6 @@
 export const c_content_a_TextDecorationStyle: {
   "name": "--pf-v6-c-content--a--TextDecorationStyle",
-  "value": "solid",
+  "value": "dashed",
   "var": "var(--pf-v6-c-content--a--TextDecorationStyle)"
 };
 export default c_content_a_TextDecorationStyle;

package/dist/esm/c_content_a_TextDecorationStyle.js

@@ -1,6 +1,6 @@
 export const c_content_a_TextDecorationStyle = {
   "name": "--pf-v6-c-content--a--TextDecorationStyle",
-  "value": "solid",
+  "value": "dashed",
   "var": "var(--pf-v6-c-content--a--TextDecorationStyle)"
 };
 export default c_content_a_TextDecorationStyle;

package/dist/esm/c_content_a_hover_TextDecorationStyle.d.ts

@@ -1,6 +1,6 @@
 export const c_content_a_hover_TextDecorationStyle: {
   "name": "--pf-v6-c-content--a--hover--TextDecorationStyle",
-  "value": "solid",
+  "value": "dashed",
   "var": "var(--pf-v6-c-content--a--hover--TextDecorationStyle)"
 };
 export default c_content_a_hover_TextDecorationStyle;

package/dist/esm/c_content_a_hover_TextDecorationStyle.js

@@ -1,6 +1,6 @@
 export const c_content_a_hover_TextDecorationStyle = {
   "name": "--pf-v6-c-content--a--hover--TextDecorationStyle",
-  "value": "solid",
+  "value": "dashed",
   "var": "var(--pf-v6-c-content--a--hover--TextDecorationStyle)"
 };
 export default c_content_a_hover_TextDecorationStyle;

package/dist/esm/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    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_date_picker__calendar_ZIndex": {

package/dist/esm/c_date_picker.js

@@ -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    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_date_picker__calendar_ZIndex": {

package/dist/esm/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    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-date-picker__calendar--BoxShadow)"
 };
 export default c_date_picker__calendar_BoxShadow;

package/dist/esm/c_date_picker__calendar_BoxShadow.js

@@ -1,6 +1,6 @@
 export const c_date_picker__calendar_BoxShadow = {
   "name": "--pf-v6-c-date-picker__calendar--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-date-picker__calendar--BoxShadow)"
 };
 export default c_date_picker__calendar_BoxShadow;

package/dist/esm/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    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/esm/c_drag_drop.js

@@ -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    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/esm/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/esm/c_draggable_m_dragging_BoxShadow.js

@@ -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/esm/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/esm/c_drawer.js

@@ -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/esm/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/esm/c_drawer__panel_m_glass_BackdropFilter.js

@@ -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/esm/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/esm/c_drawer__panel_m_glass_BackgroundColor.js

@@ -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/esm/c_form_control.d.ts

@@ -499,12 +499,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 +533,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 +1194,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 +1303,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/esm/c_form_control.js

@@ -499,12 +499,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 +533,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 +1194,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 +1303,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/esm/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/esm/c_form_control_before_BorderColor.js

@@ -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/esm/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/esm/c_form_control_m_disabled_Color.js

@@ -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/esm/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;