@patternfly/react-tokens 6.0.0-alpha.11 → 6.0.0-alpha.13

package/dist/esm/c_button.js

@@ -108,10 +108,6 @@ export const c_button = {
       "name": "--pf-v5-c-button--TextDecoration",
       "value": "none"
     },
-    "c_button_MixBlendMode": {
-      "name": "--pf-v5-c-button--MixBlendMode",
-      "value": "normal"
-    },
     "c_button_hover_BackgroundColor": {
       "name": "--pf-v5-c-button--hover--BackgroundColor",
       "value": "transparent"
@@ -145,7 +141,7 @@ export const c_button = {
       "name": "--pf-v5-c-button--m-clicked--BorderWidth",
       "value": "2px",
       "values": [
-        "--pf-t--global--border--width--button--active",
+        "--pf-t--global--border--width--button--clicked",
         "--pf-t--global--border--width--200",
         "2px"
       ]
@@ -583,15 +579,6 @@ export const c_button = {
         "rgba(255, 255, 255, 0.0000)"
       ]
     },
-    "c_button_m_link_MixBlendMode": {
-      "name": "--pf-v5-c-button--m-link--MixBlendMode",
-      "value": "multiply",
-      "values": [
-        "--pf-t--global--background--color--action--plain--hover--blend",
-        "--pf-t--global--mix-blend-mode--100",
-        "multiply"
-      ]
-    },
     "c_button_m_link__icon_Color": {
       "name": "--pf-v5-c-button--m-link__icon--Color",
       "value": "#06c",
@@ -616,12 +603,11 @@ export const c_button = {
     },
     "c_button_m_link_hover_BackgroundColor": {
       "name": "--pf-v5-c-button--m-link--hover--BackgroundColor",
-      "value": "#f2f2f2",
+      "value": "rgba(199, 199, 199, 0.2500)",
       "values": [
         "--pf-t--global--background--color--action--plain--hover",
-        "--pf-t--global--background--color--200",
-        "--pf-t--color--gray--10",
-        "#f2f2f2"
+        "--pf-t--global--background--color--600",
+        "rgba(199, 199, 199, 0.2500)"
       ]
     },
     "c_button_m_link_hover__icon_Color": {
@@ -648,12 +634,11 @@ export const c_button = {
     },
     "c_button_m_link_m_clicked_BackgroundColor": {
       "name": "--pf-v5-c-button--m-link--m-clicked--BackgroundColor",
-      "value": "#f2f2f2",
+      "value": "rgba(199, 199, 199, 0.2500)",
       "values": [
         "--pf-t--global--background--color--action--plain--clicked",
-        "--pf-t--global--background--color--200",
-        "--pf-t--color--gray--10",
-        "#f2f2f2"
+        "--pf-t--global--background--color--600",
+        "rgba(199, 199, 199, 0.2500)"
       ]
     },
     "c_button_m_link_m_clicked__icon_Color": {
@@ -677,6 +662,14 @@ export const c_button = {
         "#b1380b"
       ]
     },
+    "c_button_m_link_m_danger_BackgroundColor": {
+      "name": "--pf-v5-c-button--m-link--m-danger--BackgroundColor",
+      "value": "rgba(255, 255, 255, 0.0000)",
+      "values": [
+        "--pf-t--global--background--color--action--plain--default",
+        "rgba(255, 255, 255, 0.0000)"
+      ]
+    },
     "c_button_m_link_m_danger__icon_Color": {
       "name": "--pf-v5-c-button--m-link--m-danger__icon--Color",
       "value": "#b1380b",
@@ -697,6 +690,15 @@ export const c_button = {
         "#731f00"
       ]
     },
+    "c_button_m_link_m_danger_hover_BackgroundColor": {
+      "name": "--pf-v5-c-button--m-link--m-danger--hover--BackgroundColor",
+      "value": "rgba(199, 199, 199, 0.2500)",
+      "values": [
+        "--pf-t--global--background--color--action--plain--hover",
+        "--pf-t--global--background--color--600",
+        "rgba(199, 199, 199, 0.2500)"
+      ]
+    },
     "c_button_m_link_m_danger_hover__icon_Color": {
       "name": "--pf-v5-c-button--m-link--m-danger--hover__icon--Color",
       "value": "#731f00",
@@ -717,6 +719,15 @@ export const c_button = {
         "#731f00"
       ]
     },
+    "c_button_m_link_m_danger_m_clicked_BackgroundColor": {
+      "name": "--pf-v5-c-button--m-link--m-danger--m-clicked--BackgroundColor",
+      "value": "rgba(199, 199, 199, 0.2500)",
+      "values": [
+        "--pf-t--global--background--color--action--plain--clicked",
+        "--pf-t--global--background--color--600",
+        "rgba(199, 199, 199, 0.2500)"
+      ]
+    },
     "c_button_m_link_m_danger_m_clicked__icon_Color": {
       "name": "--pf-v5-c-button--m-link--m-danger--m-clicked__icon--Color",
       "value": "#731f00",
@@ -739,15 +750,6 @@ export const c_button = {
       "name": "--pf-v5-c-button--m-link--m-inline--FontWeight",
       "value": "initial"
     },
-    "c_button_m_link_m_inline_hover_TextDecoration": {
-      "name": "--pf-v5-c-button--m-link--m-inline--hover--TextDecoration",
-      "value": "underline",
-      "values": [
-        "--pf-t--global--link--text-decoration--hover",
-        "--pf-t--global--text-decoration--200",
-        "underline"
-      ]
-    },
     "c_button_m_link_m_inline_PaddingTop": {
       "name": "--pf-v5-c-button--m-link--m-inline--PaddingTop",
       "value": "0"
@@ -764,6 +766,15 @@ export const c_button = {
       "name": "--pf-v5-c-button--m-link--m-inline--PaddingLeft",
       "value": "0"
     },
+    "c_button_m_link_m_inline_hover_TextDecoration": {
+      "name": "--pf-v5-c-button--m-link--m-inline--hover--TextDecoration",
+      "value": "underline",
+      "values": [
+        "--pf-t--global--link--text-decoration--hover",
+        "--pf-t--global--text-decoration--200",
+        "underline"
+      ]
+    },
     "c_button_m_link_m_inline__progress_Left": {
       "name": "--pf-v5-c-button--m-link--m-inline__progress--Left",
       "value": "4px",
@@ -866,15 +877,6 @@ export const c_button = {
         "rgba(255, 255, 255, 0.0000)"
       ]
     },
-    "c_button_m_plain_MixBlendMode": {
-      "name": "--pf-v5-c-button--m-plain--MixBlendMode",
-      "value": "multiply",
-      "values": [
-        "--pf-t--global--background--color--action--plain--hover--blend",
-        "--pf-t--global--mix-blend-mode--100",
-        "multiply"
-      ]
-    },
     "c_button_m_plain_MinWidth": {
       "name": "--pf-v5-c-button--m-plain--MinWidth",
       "value": "calc(1em * 1.5 + 8px + 8px)",
@@ -897,12 +899,11 @@ export const c_button = {
     },
     "c_button_m_plain_hover_BackgroundColor": {
       "name": "--pf-v5-c-button--m-plain--hover--BackgroundColor",
-      "value": "#f2f2f2",
+      "value": "rgba(199, 199, 199, 0.2500)",
       "values": [
         "--pf-t--global--background--color--action--plain--hover",
-        "--pf-t--global--background--color--200",
-        "--pf-t--color--gray--10",
-        "#f2f2f2"
+        "--pf-t--global--background--color--600",
+        "rgba(199, 199, 199, 0.2500)"
       ]
     },
     "c_button_m_plain_m_clicked_Color": {
@@ -917,24 +918,27 @@ export const c_button = {
     },
     "c_button_m_plain_m_clicked_BackgroundColor": {
       "name": "--pf-v5-c-button--m-plain--m-clicked--BackgroundColor",
-      "value": "#f2f2f2",
+      "value": "rgba(199, 199, 199, 0.2500)",
       "values": [
         "--pf-t--global--background--color--action--plain--clicked",
-        "--pf-t--global--background--color--200",
-        "--pf-t--color--gray--10",
-        "#f2f2f2"
+        "--pf-t--global--background--color--600",
+        "rgba(199, 199, 199, 0.2500)"
       ]
     },
     "c_button_m_plain_disabled_Color": {
       "name": "--pf-v5-c-button--m-plain--disabled--Color",
-      "value": "#4d4d4d",
+      "value": "#a3a3a3",
       "values": [
-        "--pf-t--global--icon--color--on-disabled",
-        "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--global--icon--color--disabled",
+        "--pf-t--global--color--disabled--100",
+        "--pf-t--color--gray--40",
+        "#a3a3a3"
       ]
     },
+    "c_button_m_plain_disabled_BackgroundColor": {
+      "name": "--pf-v5-c-button--m-plain--disabled--BackgroundColor",
+      "value": "transparent"
+    },
     "c_button_m_plain_m_small_PaddingTop": {
       "name": "--pf-v5-c-button--m-plain--m-small--PaddingTop",
       "value": "4px",
@@ -971,10 +975,6 @@ export const c_button = {
         "4px"
       ]
     },
-    "c_button_m_plain_m_no_padding_MixBlendMode": {
-      "name": "--pf-v5-c-button--m-plain--m-no-padding--MixBlendMode",
-      "value": "normal"
-    },
     "c_button_m_plain_m_no_padding_MinWidth": {
       "name": "--pf-v5-c-button--m-plain--m-no-padding--MinWidth",
       "value": "auto"
@@ -1180,7 +1180,7 @@ export const c_button = {
       "name": "--pf-v5-c-button--m-control--m-clicked--BorderWidth",
       "value": "2px",
       "values": [
-        "--pf-t--global--border--width--control--active",
+        "--pf-t--global--border--width--control--clicked",
         "--pf-t--global--border--width--200",
         "2px"
       ]
@@ -1245,10 +1245,13 @@ export const c_button = {
     },
     "c_button_m_read_hover_BackgroundColor": {
       "name": "--pf-v5-c-button--m-read--hover--BackgroundColor",
-      "value": "undefined",
+      "value": "#fff",
       "values": [
-        "--pf-t--global--background--color--control--hover",
-        "undefined"
+        "--pf-t--global--background--color--control--default",
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#fff"
       ]
     },
     "c_button_m_read_hover_BorderColor": {
@@ -1263,10 +1266,13 @@ export const c_button = {
     },
     "c_button_m_read_m_clicked_BackgroundColor": {
       "name": "--pf-v5-c-button--m-read--m-clicked--BackgroundColor",
-      "value": "undefined",
+      "value": "#fff",
       "values": [
-        "--pf-t--global--background--color--control--clicked",
-        "undefined"
+        "--pf-t--global--background--color--control--default",
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#fff"
       ]
     },
     "c_button_m_read_m_clicked_BorderColor": {
@@ -1283,7 +1289,7 @@ export const c_button = {
       "name": "--pf-v5-c-button--m-unread--Color",
       "value": "#fff",
       "values": [
-        "--pf-t--global--text--color--on-brand--default",
+        "--pf-t--global--text--color--status--unread--on-default--default",
         "--pf-t--global--text--color--inverse",
         "--pf-t--global--text--color--300",
         "--pf-t--color--white",
@@ -1294,6 +1300,7 @@ export const c_button = {
       "name": "--pf-v5-c-button--m-unread--BackgroundColor",
       "value": "#06c",
       "values": [
+        "--pf-t--global--color--status--unread--default--default",
         "--pf-t--global--color--brand--default",
         "--pf-t--global--color--brand--200",
         "--pf-t--color--blue--50",
@@ -1304,7 +1311,7 @@ export const c_button = {
       "name": "--pf-v5-c-button--m-unread__icon--Color",
       "value": "#fff",
       "values": [
-        "--pf-t--global--icon--color--on-brand--default",
+        "--pf-t--global--icon--color--status--unread--on-default--default",
         "--pf-t--global--icon--color--inverse",
         "--pf-t--global--icon--color--300",
         "--pf-t--color--white",
@@ -1315,7 +1322,7 @@ export const c_button = {
       "name": "--pf-v5-c-button--m-unread--hover--Color",
       "value": "#fff",
       "values": [
-        "--pf-t--global--text--color--on-brand--hover",
+        "--pf-t--global--text--color--status--unread--on-default--hover",
         "--pf-t--global--text--color--inverse",
         "--pf-t--global--text--color--300",
         "--pf-t--color--white",
@@ -1326,6 +1333,7 @@ export const c_button = {
       "name": "--pf-v5-c-button--m-unread--hover--BackgroundColor",
       "value": "#004d99",
       "values": [
+        "--pf-t--global--color--status--unread--default--hover",
         "--pf-t--global--color--brand--hover",
         "--pf-t--global--color--brand--300",
         "--pf-t--color--blue--60",
@@ -1336,7 +1344,7 @@ export const c_button = {
       "name": "--pf-v5-c-button--m-unread--hover__icon--Color",
       "value": "#fff",
       "values": [
-        "--pf-t--global--icon--color--on-brand--hover",
+        "--pf-t--global--icon--color--status--unread--on-default--hover",
         "--pf-t--global--icon--color--inverse",
         "--pf-t--global--icon--color--300",
         "--pf-t--color--white",
@@ -1347,7 +1355,7 @@ export const c_button = {
       "name": "--pf-v5-c-button--m-unread--m-clicked--Color",
       "value": "#fff",
       "values": [
-        "--pf-t--global--text--color--on-brand--clicked",
+        "--pf-t--global--text--color--status--unread--on-default--clicked",
         "--pf-t--global--text--color--inverse",
         "--pf-t--global--text--color--300",
         "--pf-t--color--white",
@@ -1358,6 +1366,7 @@ export const c_button = {
       "name": "--pf-v5-c-button--m-unread--m-clicked--BackgroundColor",
       "value": "#004d99",
       "values": [
+        "--pf-t--global--color--status--unread--default--clicked",
         "--pf-t--global--color--brand--clicked",
         "--pf-t--global--color--brand--300",
         "--pf-t--color--blue--60",
@@ -1368,7 +1377,7 @@ export const c_button = {
       "name": "--pf-v5-c-button--m-unread--m-clicked__icon--Color",
       "value": "#fff",
       "values": [
-        "--pf-t--global--icon--color--on-brand--clicked",
+        "--pf-t--global--icon--color--status--unread--on-default--clicked",
         "--pf-t--global--icon--color--inverse",
         "--pf-t--global--icon--color--300",
         "--pf-t--color--white",
@@ -1379,7 +1388,7 @@ export const c_button = {
       "name": "--pf-v5-c-button--m-attention--Color",
       "value": "#1f1f1f",
       "values": [
-        "--pf-t--global--text--color--status--on-danger--default",
+        "--pf-t--global--text--color--status--unread--on-attention--default",
         "--pf-t--global--text--color--regular",
         "--pf-t--global--text--color--100",
         "--pf-t--color--gray--90",
@@ -1390,6 +1399,7 @@ export const c_button = {
       "name": "--pf-v5-c-button--m-attention--BackgroundColor",
       "value": "#f0561d",
       "values": [
+        "--pf-t--global--color--status--unread--attention--default",
         "--pf-t--global--color--status--danger--default",
         "--pf-t--global--color--status--danger--100",
         "--pf-t--color--red-orange--50",
@@ -1400,7 +1410,7 @@ export const c_button = {
       "name": "--pf-v5-c-button--m-attention__icon--Color",
       "value": "#1f1f1f",
       "values": [
-        "--pf-t--global--icon--color--status--on-danger--default",
+        "--pf-t--global--icon--color--status--unread--on-attention--default",
         "--pf-t--global--icon--color--regular",
         "--pf-t--global--icon--color--100",
         "--pf-t--color--gray--90",
@@ -1411,7 +1421,7 @@ export const c_button = {
       "name": "--pf-v5-c-button--m-attention--hover--Color",
       "value": "#fff",
       "values": [
-        "--pf-t--global--text--color--status--on-danger--hover",
+        "--pf-t--global--text--color--status--unread--on-attention--hover",
         "--pf-t--global--text--color--inverse",
         "--pf-t--global--text--color--300",
         "--pf-t--color--white",
@@ -1422,6 +1432,7 @@ export const c_button = {
       "name": "--pf-v5-c-button--m-attention--hover--BackgroundColor",
       "value": "#b1380b",
       "values": [
+        "--pf-t--global--color--status--unread--attention--hover",
         "--pf-t--global--color--status--danger--hover",
         "--pf-t--global--color--status--danger--200",
         "--pf-t--color--red-orange--60",
@@ -1432,7 +1443,7 @@ export const c_button = {
       "name": "--pf-v5-c-button--m-attention--hover__icon--Color",
       "value": "#fff",
       "values": [
-        "--pf-t--global--icon--color--status--on-danger--hover",
+        "--pf-t--global--icon--color--status--unread--on-attention--hover",
         "--pf-t--global--icon--color--inverse",
         "--pf-t--global--icon--color--300",
         "--pf-t--color--white",
@@ -1443,9 +1454,9 @@ export const c_button = {
       "name": "--pf-v5-c-button--m-attention--m-clicked--Color",
       "value": "#fff",
       "values": [
-        "--pf-t--global--text--color--status--on-danger--clicked",
-        "--pf-t--global--icon--color--inverse",
-        "--pf-t--global--icon--color--300",
+        "--pf-t--global--text--color--status--unread--on-attention--clicked",
+        "--pf-t--global--text--color--inverse",
+        "--pf-t--global--text--color--300",
         "--pf-t--color--white",
         "#fff"
       ]
@@ -1454,6 +1465,7 @@ export const c_button = {
       "name": "--pf-v5-c-button--m-attention--m-clicked--BackgroundColor",
       "value": "#b1380b",
       "values": [
+        "--pf-t--global--color--status--unread--attention--clicked",
         "--pf-t--global--color--status--danger--clicked",
         "--pf-t--global--color--status--danger--200",
         "--pf-t--color--red-orange--60",
@@ -1464,7 +1476,7 @@ export const c_button = {
       "name": "--pf-v5-c-button--m-attention--m-clicked__icon--Color",
       "value": "#fff",
       "values": [
-        "--pf-t--global--icon--color--status--on-danger--clicked",
+        "--pf-t--global--icon--color--status--unread--on-attention--clicked",
         "--pf-t--global--icon--color--inverse",
         "--pf-t--global--icon--color--300",
         "--pf-t--color--white",
@@ -1764,16 +1776,6 @@ export const c_button = {
         "#4d4d4d"
       ]
     },
-    "c_button_disabled__icon_Color": {
-      "name": "--pf-v5-c-button--disabled__icon--Color",
-      "value": "#4d4d4d",
-      "values": [
-        "--pf-t--global--icon--color--on-disabled",
-        "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
-      ]
-    },
     "c_button_disabled_BackgroundColor": {
       "name": "--pf-v5-c-button--disabled--BackgroundColor",
       "value": "#a3a3a3",
@@ -1788,6 +1790,16 @@ export const c_button = {
       "name": "--pf-v5-c-button--disabled--BorderColor",
       "value": "transparent"
     },
+    "c_button_disabled__icon_Color": {
+      "name": "--pf-v5-c-button--disabled__icon--Color",
+      "value": "#4d4d4d",
+      "values": [
+        "--pf-t--global--icon--color--on-disabled",
+        "--pf-t--global--color--disabled--300",
+        "--pf-t--color--gray--60",
+        "#4d4d4d"
+      ]
+    },
     "c_button__icon_Color": {
       "name": "--pf-v5-c-button__icon--Color",
       "value": "#1f1f1f",
@@ -1958,10 +1970,12 @@ export const c_button = {
     },
     "c_button_disabled__c_badge_Color": {
       "name": "--pf-v5-c-button--disabled__c-badge--Color",
-      "value": "undefined",
+      "value": "#a3a3a3",
       "values": [
-        "--pf-t--global--text--color--disabled--default",
-        "undefined"
+        "--pf-t--global--text--color--disabled",
+        "--pf-t--global--color--disabled--100",
+        "--pf-t--color--gray--40",
+        "#a3a3a3"
       ]
     },
     "c_button_disabled__c_badge_BackgroundColor": {
@@ -2470,16 +2484,6 @@ export const c_button = {
         "rgba(255, 255, 255, 0.0000)"
       ]
     },
-    "c_button_MixBlendMode": {
-      "name": "--pf-v5-c-button--MixBlendMode",
-      "value": "multiply",
-      "values": [
-        "--pf-v5-c-button--m-link--MixBlendMode",
-        "--pf-t--global--background--color--action--plain--hover--blend",
-        "--pf-t--global--mix-blend-mode--100",
-        "multiply"
-      ]
-    },
     "c_button__icon_Color": {
       "name": "--pf-v5-c-button__icon--Color",
       "value": "#06c",
@@ -2506,13 +2510,12 @@ export const c_button = {
     },
     "c_button_hover_BackgroundColor": {
       "name": "--pf-v5-c-button--hover--BackgroundColor",
-      "value": "#f2f2f2",
+      "value": "rgba(199, 199, 199, 0.2500)",
       "values": [
         "--pf-v5-c-button--m-link--hover--BackgroundColor",
         "--pf-t--global--background--color--action--plain--hover",
-        "--pf-t--global--background--color--200",
-        "--pf-t--color--gray--10",
-        "#f2f2f2"
+        "--pf-t--global--background--color--600",
+        "rgba(199, 199, 199, 0.2500)"
       ]
     },
     "c_button_hover__icon_Color": {
@@ -2541,13 +2544,12 @@ export const c_button = {
     },
     "c_button_m_clicked_BackgroundColor": {
       "name": "--pf-v5-c-button--m-clicked--BackgroundColor",
-      "value": "#f2f2f2",
+      "value": "rgba(199, 199, 199, 0.2500)",
       "values": [
         "--pf-v5-c-button--m-link--m-clicked--BackgroundColor",
         "--pf-t--global--background--color--action--plain--clicked",
-        "--pf-t--global--background--color--200",
-        "--pf-t--color--gray--10",
-        "#f2f2f2"
+        "--pf-t--global--background--color--600",
+        "rgba(199, 199, 199, 0.2500)"
       ]
     },
     "c_button_m_clicked__icon_Color": {
@@ -2677,7 +2679,7 @@ export const c_button = {
       ]
     }
   },
-  ".pf-v5-c-button.pf-m-link:where(.pf-m-danger)": {
+  ".pf-v5-c-button.pf-m-link.pf-m-danger": {
     "c_button_m_danger_Color": {
       "name": "--pf-v5-c-button--m-danger--Color",
       "value": "#b1380b",
@@ -2689,6 +2691,15 @@ export const c_button = {
         "#b1380b"
       ]
     },
+    "c_button_m_danger_BackgroundColor": {
+      "name": "--pf-v5-c-button--m-danger--BackgroundColor",
+      "value": "rgba(255, 255, 255, 0.0000)",
+      "values": [
+        "--pf-v5-c-button--m-link--m-danger--BackgroundColor",
+        "--pf-t--global--background--color--action--plain--default",
+        "rgba(255, 255, 255, 0.0000)"
+      ]
+    },
     "c_button_m_danger__icon_Color": {
       "name": "--pf-v5-c-button--m-danger__icon--Color",
       "value": "#b1380b",
@@ -2711,6 +2722,16 @@ export const c_button = {
         "#731f00"
       ]
     },
+    "c_button_m_danger_hover_BackgroundColor": {
+      "name": "--pf-v5-c-button--m-danger--hover--BackgroundColor",
+      "value": "rgba(199, 199, 199, 0.2500)",
+      "values": [
+        "--pf-v5-c-button--m-link--m-danger--hover--BackgroundColor",
+        "--pf-t--global--background--color--action--plain--hover",
+        "--pf-t--global--background--color--600",
+        "rgba(199, 199, 199, 0.2500)"
+      ]
+    },
     "c_button_m_danger_hover__icon_Color": {
       "name": "--pf-v5-c-button--m-danger--hover__icon--Color",
       "value": "#731f00",
@@ -2733,6 +2754,16 @@ export const c_button = {
         "#731f00"
       ]
     },
+    "c_button_m_danger_m_clicked_BackgroundColor": {
+      "name": "--pf-v5-c-button--m-danger--m-clicked--BackgroundColor",
+      "value": "rgba(199, 199, 199, 0.2500)",
+      "values": [
+        "--pf-v5-c-button--m-link--m-danger--m-clicked--BackgroundColor",
+        "--pf-t--global--background--color--action--plain--clicked",
+        "--pf-t--global--background--color--600",
+        "rgba(199, 199, 199, 0.2500)"
+      ]
+    },
     "c_button_m_danger_m_clicked__icon_Color": {
       "name": "--pf-v5-c-button--m-danger--m-clicked__icon--Color",
       "value": "#731f00",
@@ -2743,18 +2774,6 @@ export const c_button = {
         "--pf-t--color--red-orange--70",
         "#731f00"
       ]
-    },
-    "c_button_m_danger_BackgroundColor": {
-      "name": "--pf-v5-c-button--m-danger--BackgroundColor",
-      "value": "transparent"
-    },
-    "c_button_m_danger_hover_BackgroundColor": {
-      "name": "--pf-v5-c-button--m-danger--hover--BackgroundColor",
-      "value": "transparent"
-    },
-    "c_button_m_danger_m_clicked_BackgroundColor": {
-      "name": "--pf-v5-c-button--m-danger--m-clicked--BackgroundColor",
-      "value": "transparent"
     }
   },
   ".pf-v5-c-button.pf-m-link.pf-m-display-lg": {
@@ -2984,10 +3003,13 @@ export const c_button = {
     },
     "c_button_Color": {
       "name": "--pf-v5-c-button--Color",
-      "value": "",
+      "value": "#1f1f1f",
       "values": [
         "--pf-v5-c-button--m-control--Color",
-        ""
+        "--pf-t--global--text--color--regular",
+        "--pf-t--global--text--color--100",
+        "--pf-t--color--gray--90",
+        "#1f1f1f"
       ]
     },
     "c_button_BackgroundColor": {
@@ -3093,9 +3115,9 @@ export const c_button = {
       "name": "--pf-v5-c-button--m-clicked--Color",
       "value": "#1f1f1f",
       "values": [
-        "--pf-v5-c-button--m-control--m-clicked__icon--Color",
-        "--pf-t--global--icon--color--regular",
-        "--pf-t--global--icon--color--100",
+        "--pf-v5-c-button--m-control--m-clicked--Color",
+        "--pf-t--global--text--color--regular",
+        "--pf-t--global--text--color--100",
         "--pf-t--color--gray--90",
         "#1f1f1f"
       ]
@@ -3128,10 +3150,21 @@ export const c_button = {
       "value": "2px",
       "values": [
         "--pf-v5-c-button--m-control--m-clicked--BorderWidth",
-        "--pf-t--global--border--width--control--active",
+        "--pf-t--global--border--width--control--clicked",
         "--pf-t--global--border--width--200",
         "2px"
       ]
+    },
+    "c_button_m_clicked__icon_Color": {
+      "name": "--pf-v5-c-button--m-clicked__icon--Color",
+      "value": "#1f1f1f",
+      "values": [
+        "--pf-v5-c-button--m-control--m-clicked__icon--Color",
+        "--pf-t--global--icon--color--regular",
+        "--pf-t--global--icon--color--100",
+        "--pf-t--color--gray--90",
+        "#1f1f1f"
+      ]
     }
   },
   ".pf-v5-c-button.pf-m-stateful": {
@@ -3192,11 +3225,14 @@ export const c_button = {
     },
     "c_button_hover_BackgroundColor": {
       "name": "--pf-v5-c-button--hover--BackgroundColor",
-      "value": "undefined",
+      "value": "#fff",
       "values": [
         "--pf-v5-c-button--m-read--hover--BackgroundColor",
-        "--pf-t--global--background--color--control--hover",
-        "undefined"
+        "--pf-t--global--background--color--control--default",
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#fff"
       ]
     },
     "c_button_hover_BorderColor": {
@@ -3212,11 +3248,14 @@ export const c_button = {
     },
     "c_button_m_clicked_BackgroundColor": {
       "name": "--pf-v5-c-button--m-clicked--BackgroundColor",
-      "value": "undefined",
+      "value": "#fff",
       "values": [
         "--pf-v5-c-button--m-read--m-clicked--BackgroundColor",
-        "--pf-t--global--background--color--control--clicked",
-        "undefined"
+        "--pf-t--global--background--color--control--default",
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#fff"
       ]
     },
     "c_button_m_clicked_BorderColor": {
@@ -3237,7 +3276,7 @@ export const c_button = {
       "value": "#fff",
       "values": [
         "--pf-v5-c-button--m-unread--Color",
-        "--pf-t--global--text--color--on-brand--default",
+        "--pf-t--global--text--color--status--unread--on-default--default",
         "--pf-t--global--text--color--inverse",
         "--pf-t--global--text--color--300",
         "--pf-t--color--white",
@@ -3249,6 +3288,7 @@ export const c_button = {
       "value": "#06c",
       "values": [
         "--pf-v5-c-button--m-unread--BackgroundColor",
+        "--pf-t--global--color--status--unread--default--default",
         "--pf-t--global--color--brand--default",
         "--pf-t--global--color--brand--200",
         "--pf-t--color--blue--50",
@@ -3260,7 +3300,7 @@ export const c_button = {
       "value": "#fff",
       "values": [
         "--pf-v5-c-button--m-unread__icon--Color",
-        "--pf-t--global--icon--color--on-brand--default",
+        "--pf-t--global--icon--color--status--unread--on-default--default",
         "--pf-t--global--icon--color--inverse",
         "--pf-t--global--icon--color--300",
         "--pf-t--color--white",
@@ -3272,7 +3312,7 @@ export const c_button = {
       "value": "#fff",
       "values": [
         "--pf-v5-c-button--m-unread--hover--Color",
-        "--pf-t--global--text--color--on-brand--hover",
+        "--pf-t--global--text--color--status--unread--on-default--hover",
         "--pf-t--global--text--color--inverse",
         "--pf-t--global--text--color--300",
         "--pf-t--color--white",
@@ -3284,6 +3324,7 @@ export const c_button = {
       "value": "#004d99",
       "values": [
         "--pf-v5-c-button--m-unread--hover--BackgroundColor",
+        "--pf-t--global--color--status--unread--default--hover",
         "--pf-t--global--color--brand--hover",
         "--pf-t--global--color--brand--300",
         "--pf-t--color--blue--60",
@@ -3295,7 +3336,7 @@ export const c_button = {
       "value": "#fff",
       "values": [
         "--pf-v5-c-button--m-unread--hover__icon--Color",
-        "--pf-t--global--icon--color--on-brand--hover",
+        "--pf-t--global--icon--color--status--unread--on-default--hover",
         "--pf-t--global--icon--color--inverse",
         "--pf-t--global--icon--color--300",
         "--pf-t--color--white",
@@ -3307,7 +3348,7 @@ export const c_button = {
       "value": "#fff",
       "values": [
         "--pf-v5-c-button--m-unread--m-clicked--Color",
-        "--pf-t--global--text--color--on-brand--clicked",
+        "--pf-t--global--text--color--status--unread--on-default--clicked",
         "--pf-t--global--text--color--inverse",
         "--pf-t--global--text--color--300",
         "--pf-t--color--white",
@@ -3319,6 +3360,7 @@ export const c_button = {
       "value": "#004d99",
       "values": [
         "--pf-v5-c-button--m-unread--m-clicked--BackgroundColor",
+        "--pf-t--global--color--status--unread--default--clicked",
         "--pf-t--global--color--brand--clicked",
         "--pf-t--global--color--brand--300",
         "--pf-t--color--blue--60",
@@ -3330,7 +3372,7 @@ export const c_button = {
       "value": "#fff",
       "values": [
         "--pf-v5-c-button--m-unread--m-clicked__icon--Color",
-        "--pf-t--global--icon--color--on-brand--clicked",
+        "--pf-t--global--icon--color--status--unread--on-default--clicked",
         "--pf-t--global--icon--color--inverse",
         "--pf-t--global--icon--color--300",
         "--pf-t--color--white",
@@ -3344,7 +3386,7 @@ export const c_button = {
       "value": "#1f1f1f",
       "values": [
         "--pf-v5-c-button--m-attention--Color",
-        "--pf-t--global--text--color--status--on-danger--default",
+        "--pf-t--global--text--color--status--unread--on-attention--default",
         "--pf-t--global--text--color--regular",
         "--pf-t--global--text--color--100",
         "--pf-t--color--gray--90",
@@ -3356,6 +3398,7 @@ export const c_button = {
       "value": "#f0561d",
       "values": [
         "--pf-v5-c-button--m-attention--BackgroundColor",
+        "--pf-t--global--color--status--unread--attention--default",
         "--pf-t--global--color--status--danger--default",
         "--pf-t--global--color--status--danger--100",
         "--pf-t--color--red-orange--50",
@@ -3367,7 +3410,7 @@ export const c_button = {
       "value": "#1f1f1f",
       "values": [
         "--pf-v5-c-button--m-attention__icon--Color",
-        "--pf-t--global--icon--color--status--on-danger--default",
+        "--pf-t--global--icon--color--status--unread--on-attention--default",
         "--pf-t--global--icon--color--regular",
         "--pf-t--global--icon--color--100",
         "--pf-t--color--gray--90",
@@ -3379,7 +3422,7 @@ export const c_button = {
       "value": "#fff",
       "values": [
         "--pf-v5-c-button--m-attention--hover--Color",
-        "--pf-t--global--text--color--status--on-danger--hover",
+        "--pf-t--global--text--color--status--unread--on-attention--hover",
         "--pf-t--global--text--color--inverse",
         "--pf-t--global--text--color--300",
         "--pf-t--color--white",
@@ -3391,6 +3434,7 @@ export const c_button = {
       "value": "#b1380b",
       "values": [
         "--pf-v5-c-button--m-attention--hover--BackgroundColor",
+        "--pf-t--global--color--status--unread--attention--hover",
         "--pf-t--global--color--status--danger--hover",
         "--pf-t--global--color--status--danger--200",
         "--pf-t--color--red-orange--60",
@@ -3402,7 +3446,7 @@ export const c_button = {
       "value": "#fff",
       "values": [
         "--pf-v5-c-button--m-attention--hover__icon--Color",
-        "--pf-t--global--icon--color--status--on-danger--hover",
+        "--pf-t--global--icon--color--status--unread--on-attention--hover",
         "--pf-t--global--icon--color--inverse",
         "--pf-t--global--icon--color--300",
         "--pf-t--color--white",
@@ -3414,9 +3458,9 @@ export const c_button = {
       "value": "#fff",
       "values": [
         "--pf-v5-c-button--m-attention--m-clicked--Color",
-        "--pf-t--global--text--color--status--on-danger--clicked",
-        "--pf-t--global--icon--color--inverse",
-        "--pf-t--global--icon--color--300",
+        "--pf-t--global--text--color--status--unread--on-attention--clicked",
+        "--pf-t--global--text--color--inverse",
+        "--pf-t--global--text--color--300",
         "--pf-t--color--white",
         "#fff"
       ]
@@ -3426,6 +3470,7 @@ export const c_button = {
       "value": "#b1380b",
       "values": [
         "--pf-v5-c-button--m-attention--m-clicked--BackgroundColor",
+        "--pf-t--global--color--status--unread--attention--clicked",
         "--pf-t--global--color--status--danger--clicked",
         "--pf-t--global--color--status--danger--200",
         "--pf-t--color--red-orange--60",
@@ -3437,7 +3482,7 @@ export const c_button = {
       "value": "#fff",
       "values": [
         "--pf-v5-c-button--m-attention--m-clicked__icon--Color",
-        "--pf-t--global--icon--color--status--on-danger--clicked",
+        "--pf-t--global--icon--color--status--unread--on-attention--clicked",
         "--pf-t--global--icon--color--inverse",
         "--pf-t--global--icon--color--300",
         "--pf-t--color--white",
@@ -3446,6 +3491,33 @@ export const c_button = {
     }
   },
   ".pf-v5-c-button.pf-m-plain": {
+    "c_button_BorderRadius": {
+      "name": "--pf-v5-c-button--BorderRadius",
+      "value": "6px",
+      "values": [
+        "--pf-v5-c-button--m-plain--BorderRadius",
+        "--pf-t--global--border--radius--small",
+        "--pf-t--global--border--radius--200",
+        "6px"
+      ]
+    },
+    "c_button_Color": {
+      "name": "--pf-v5-c-button--Color",
+      "value": "",
+      "values": [
+        "--pf-v5-c-button--m-plain--Color",
+        ""
+      ]
+    },
+    "c_button_BackgroundColor": {
+      "name": "--pf-v5-c-button--BackgroundColor",
+      "value": "rgba(255, 255, 255, 0.0000)",
+      "values": [
+        "--pf-v5-c-button--m-plain--BackgroundColor",
+        "--pf-t--global--background--color--action--plain--default",
+        "rgba(255, 255, 255, 0.0000)"
+      ]
+    },
     "c_button_PaddingTop": {
       "name": "--pf-v5-c-button--PaddingTop",
       "value": "",
@@ -3478,81 +3550,15 @@ export const c_button = {
         ""
       ]
     },
-    "c_button_MixBlendMode": {
-      "name": "--pf-v5-c-button--MixBlendMode",
-      "value": "",
-      "values": [
-        "--pf-v5-c-button--m-plain--MixBlendMode",
-        ""
-      ]
-    },
-    "c_button_m_small_PaddingTop": {
-      "name": "--pf-v5-c-button--m-small--PaddingTop",
-      "value": "4px",
-      "values": [
-        "--pf-v5-c-button--m-plain--m-small--PaddingTop",
-        "--pf-t--global--spacer--xs",
-        "--pf-t--global--spacer--100",
-        "4px"
-      ]
-    },
-    "c_button_m_small_PaddingRight": {
-      "name": "--pf-v5-c-button--m-small--PaddingRight",
-      "value": "4px",
-      "values": [
-        "--pf-v5-c-button--m-plain--m-small--PaddingRight",
-        "--pf-t--global--spacer--xs",
-        "--pf-t--global--spacer--100",
-        "4px"
-      ]
-    },
-    "c_button_m_small_PaddingBottom": {
-      "name": "--pf-v5-c-button--m-small--PaddingBottom",
-      "value": "4px",
-      "values": [
-        "--pf-v5-c-button--m-plain--m-small--PaddingBottom",
-        "--pf-t--global--spacer--xs",
-        "--pf-t--global--spacer--100",
-        "4px"
-      ]
-    },
-    "c_button_m_small_PaddingLeft": {
-      "name": "--pf-v5-c-button--m-small--PaddingLeft",
-      "value": "4px",
-      "values": [
-        "--pf-v5-c-button--m-plain--m-small--PaddingLeft",
-        "--pf-t--global--spacer--xs",
-        "--pf-t--global--spacer--100",
-        "4px"
-      ]
-    },
-    "c_button_BorderRadius": {
-      "name": "--pf-v5-c-button--BorderRadius",
-      "value": "6px",
-      "values": [
-        "--pf-v5-c-button--m-plain--BorderRadius",
-        "--pf-t--global--border--radius--small",
-        "--pf-t--global--border--radius--200",
-        "6px"
-      ]
-    },
-    "c_button_Color": {
-      "name": "--pf-v5-c-button--Color",
+    "c_button__progress_Color": {
+      "name": "--pf-v5-c-button__progress--Color",
       "value": "",
       "values": [
-        "--pf-v5-c-button--m-plain--Color",
+        "--pf-v5-c-button--m-in-progress--m-plain--Color",
+        "--pf-v5-c-spinner--Color",
         ""
       ]
     },
-    "c_button_BackgroundColor": {
-      "name": "--pf-v5-c-button--BackgroundColor",
-      "value": "rgba(255, 255, 255, 0.0000)",
-      "values": [
-        "--pf-v5-c-button--m-plain--BackgroundColor",
-        "--pf-t--global--background--color--action--plain--default",
-        "rgba(255, 255, 255, 0.0000)"
-      ]
-    },
     "c_button_hover_Color": {
       "name": "--pf-v5-c-button--hover--Color",
       "value": "#1f1f1f",
@@ -3566,13 +3572,12 @@ export const c_button = {
     },
     "c_button_hover_BackgroundColor": {
       "name": "--pf-v5-c-button--hover--BackgroundColor",
-      "value": "#f2f2f2",
+      "value": "rgba(199, 199, 199, 0.2500)",
       "values": [
         "--pf-v5-c-button--m-plain--hover--BackgroundColor",
         "--pf-t--global--background--color--action--plain--hover",
-        "--pf-t--global--background--color--200",
-        "--pf-t--color--gray--10",
-        "#f2f2f2"
+        "--pf-t--global--background--color--600",
+        "rgba(199, 199, 199, 0.2500)"
       ]
     },
     "c_button_m_clicked_Color": {
@@ -3588,33 +3593,71 @@ export const c_button = {
     },
     "c_button_m_clicked_BackgroundColor": {
       "name": "--pf-v5-c-button--m-clicked--BackgroundColor",
-      "value": "#f2f2f2",
+      "value": "rgba(199, 199, 199, 0.2500)",
       "values": [
         "--pf-v5-c-button--m-plain--m-clicked--BackgroundColor",
         "--pf-t--global--background--color--action--plain--clicked",
-        "--pf-t--global--background--color--200",
-        "--pf-t--color--gray--10",
-        "#f2f2f2"
+        "--pf-t--global--background--color--600",
+        "rgba(199, 199, 199, 0.2500)"
       ]
     },
     "c_button_disabled_Color": {
       "name": "--pf-v5-c-button--disabled--Color",
-      "value": "#4d4d4d",
+      "value": "#a3a3a3",
       "values": [
         "--pf-v5-c-button--m-plain--disabled--Color",
-        "--pf-t--global--icon--color--on-disabled",
-        "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--global--icon--color--disabled",
+        "--pf-t--global--color--disabled--100",
+        "--pf-t--color--gray--40",
+        "#a3a3a3"
       ]
     },
-    "c_button__progress_Color": {
-      "name": "--pf-v5-c-button__progress--Color",
-      "value": "",
+    "c_button_disabled_BackgroundColor": {
+      "name": "--pf-v5-c-button--disabled--BackgroundColor",
+      "value": "transparent",
       "values": [
-        "--pf-v5-c-button--m-in-progress--m-plain--Color",
-        "--pf-v5-c-spinner--Color",
-        ""
+        "--pf-v5-c-button--m-plain--disabled--BackgroundColor",
+        "transparent"
+      ]
+    },
+    "c_button_m_small_PaddingTop": {
+      "name": "--pf-v5-c-button--m-small--PaddingTop",
+      "value": "4px",
+      "values": [
+        "--pf-v5-c-button--m-plain--m-small--PaddingTop",
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
+      ]
+    },
+    "c_button_m_small_PaddingRight": {
+      "name": "--pf-v5-c-button--m-small--PaddingRight",
+      "value": "4px",
+      "values": [
+        "--pf-v5-c-button--m-plain--m-small--PaddingRight",
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
+      ]
+    },
+    "c_button_m_small_PaddingBottom": {
+      "name": "--pf-v5-c-button--m-small--PaddingBottom",
+      "value": "4px",
+      "values": [
+        "--pf-v5-c-button--m-plain--m-small--PaddingBottom",
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
+      ]
+    },
+    "c_button_m_small_PaddingLeft": {
+      "name": "--pf-v5-c-button--m-small--PaddingLeft",
+      "value": "4px",
+      "values": [
+        "--pf-v5-c-button--m-plain--m-small--PaddingLeft",
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
       ]
     }
   },
@@ -3674,14 +3717,6 @@ export const c_button = {
         "--pf-v5-c-button--m-plain--m-no-padding--PaddingLeft",
         ""
       ]
-    },
-    "c_button_m_plain_MixBlendMode": {
-      "name": "--pf-v5-c-button--m-plain--MixBlendMode",
-      "value": "normal",
-      "values": [
-        "--pf-v5-c-button--m-plain--m-no-padding--MixBlendMode",
-        "normal"
-      ]
     }
   },
   ".pf-v5-c-button.pf-m-small": {
@@ -3863,11 +3898,13 @@ export const c_button = {
   ".pf-v5-c-button:disabled": {
     "c_badge_m_unread_Color": {
       "name": "--pf-v5-c-badge--m-unread--Color",
-      "value": "undefined",
+      "value": "#a3a3a3",
       "values": [
         "--pf-v5-c-button--disabled__c-badge--Color",
-        "--pf-t--global--text--color--disabled--default",
-        "undefined"
+        "--pf-t--global--text--color--disabled",
+        "--pf-t--global--color--disabled--100",
+        "--pf-t--color--gray--40",
+        "#a3a3a3"
       ]
     },
     "c_badge_m_unread_BackgroundColor": {