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

package/dist/js/c_button.js

@@ -110,10 +110,6 @@ exports.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"
@@ -585,24 +581,6 @@ exports.c_button = {
         "rgba(255, 255, 255, 0.0000)"
       ]
     },
-    "c_button_m_link_hover_MixBlendMode": {
-      "name": "--pf-v5-c-button--m-link--hover--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_m_clicked_MixBlendMode": {
-      "name": "--pf-v5-c-button--m-link--m-clicked--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",
@@ -627,12 +605,11 @@ exports.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": {
@@ -659,12 +636,11 @@ exports.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": {
@@ -718,12 +694,11 @@ exports.c_button = {
     },
     "c_button_m_link_m_danger_hover_BackgroundColor": {
       "name": "--pf-v5-c-button--m-link--m-danger--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_m_danger_hover__icon_Color": {
@@ -748,12 +723,11 @@ exports.c_button = {
     },
     "c_button_m_link_m_danger_m_clicked_BackgroundColor": {
       "name": "--pf-v5-c-button--m-link--m-danger--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_danger_m_clicked__icon_Color": {
@@ -803,14 +777,6 @@ exports.c_button = {
         "underline"
       ]
     },
-    "c_button_m_link_m_inline_hover_MixBlendMode": {
-      "name": "--pf-v5-c-button--m-link--m-inline--hover--MixBlendMode",
-      "value": "normal"
-    },
-    "c_button_m_link_m_inline_m_clicked_MixBlendMode": {
-      "name": "--pf-v5-c-button--m-link--m-inline--m-clicked--MixBlendMode",
-      "value": "normal"
-    },
     "c_button_m_link_m_inline__progress_Left": {
       "name": "--pf-v5-c-button--m-link--m-inline__progress--Left",
       "value": "4px",
@@ -913,24 +879,6 @@ exports.c_button = {
         "rgba(255, 255, 255, 0.0000)"
       ]
     },
-    "c_button_m_plain_hover_MixBlendMode": {
-      "name": "--pf-v5-c-button--m-plain--hover--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_m_clicked_MixBlendMode": {
-      "name": "--pf-v5-c-button--m-plain--m-clicked--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)",
@@ -953,12 +901,11 @@ exports.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": {
@@ -973,12 +920,11 @@ exports.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": {
@@ -1031,14 +977,6 @@ exports.c_button = {
         "4px"
       ]
     },
-    "c_button_m_plain_m_no_padding_hover_MixBlendMode": {
-      "name": "--pf-v5-c-button--m-plain--m-no-padding--hover--MixBlendMode",
-      "value": "normal"
-    },
-    "c_button_m_plain_m_no_padding_m_clicked_MixBlendMode": {
-      "name": "--pf-v5-c-button--m-plain--m-no-padding--m-clicked--MixBlendMode",
-      "value": "normal"
-    },
     "c_button_m_plain_m_no_padding_MinWidth": {
       "name": "--pf-v5-c-button--m-plain--m-no-padding--MinWidth",
       "value": "auto"
@@ -1309,10 +1247,13 @@ exports.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": {
@@ -1327,10 +1268,13 @@ exports.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": {
@@ -1347,7 +1291,7 @@ exports.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",
@@ -1358,6 +1302,7 @@ exports.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",
@@ -1368,7 +1313,7 @@ exports.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",
@@ -1379,7 +1324,7 @@ exports.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",
@@ -1390,6 +1335,7 @@ exports.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",
@@ -1400,7 +1346,7 @@ exports.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",
@@ -1411,7 +1357,7 @@ exports.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",
@@ -1422,6 +1368,7 @@ exports.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",
@@ -1432,7 +1379,7 @@ exports.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",
@@ -1443,7 +1390,7 @@ exports.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",
@@ -1454,6 +1401,7 @@ exports.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",
@@ -1464,7 +1412,7 @@ exports.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",
@@ -1475,7 +1423,7 @@ exports.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",
@@ -1486,6 +1434,7 @@ exports.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",
@@ -1496,7 +1445,7 @@ exports.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",
@@ -1507,9 +1456,9 @@ exports.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"
       ]
@@ -1518,6 +1467,7 @@ exports.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",
@@ -1528,7 +1478,7 @@ exports.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",
@@ -1828,10 +1778,6 @@ exports.c_button = {
         "#4d4d4d"
       ]
     },
-    "c_button_disabled_MixBlendMode": {
-      "name": "--pf-v5-c-button--disabled--MixBlendMode",
-      "value": "normal"
-    },
     "c_button_disabled_BackgroundColor": {
       "name": "--pf-v5-c-button--disabled--BackgroundColor",
       "value": "#a3a3a3",
@@ -2026,10 +1972,12 @@ exports.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": {
@@ -2550,16 +2498,6 @@ exports.c_button = {
         "#06c"
       ]
     },
-    "c_button_hover_MixBlendMode": {
-      "name": "--pf-v5-c-button--hover--MixBlendMode",
-      "value": "multiply",
-      "values": [
-        "--pf-v5-c-button--m-link--hover--MixBlendMode",
-        "--pf-t--global--background--color--action--plain--hover--blend",
-        "--pf-t--global--mix-blend-mode--100",
-        "multiply"
-      ]
-    },
     "c_button_hover_Color": {
       "name": "--pf-v5-c-button--hover--Color",
       "value": "#004d99",
@@ -2574,13 +2512,12 @@ exports.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": {
@@ -2609,23 +2546,12 @@ exports.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"
-      ]
-    },
-    "c_button_m_clicked_MixBlendMode": {
-      "name": "--pf-v5-c-button--m-clicked--MixBlendMode",
-      "value": "multiply",
-      "values": [
-        "--pf-v5-c-button--m-link--m-clicked--MixBlendMode",
-        "--pf-t--global--background--color--action--plain--hover--blend",
-        "--pf-t--global--mix-blend-mode--100",
-        "multiply"
+        "--pf-t--global--background--color--600",
+        "rgba(199, 199, 199, 0.2500)"
       ]
     },
     "c_button_m_clicked__icon_Color": {
@@ -2724,26 +2650,10 @@ exports.c_button = {
       "name": "--pf-v5-c-button--hover--BackgroundColor",
       "value": "transparent"
     },
-    "c_button_hover_MixBlendMode": {
-      "name": "--pf-v5-c-button--hover--MixBlendMode",
-      "value": "normal",
-      "values": [
-        "--pf-v5-c-button--m-link--m-inline--hover--MixBlendMode",
-        "normal"
-      ]
-    },
     "c_button_m_clicked_BackgroundColor": {
       "name": "--pf-v5-c-button--m-clicked--BackgroundColor",
       "value": "transparent"
     },
-    "c_button_m_clicked_MixBlendMode": {
-      "name": "--pf-v5-c-button--m-clicked--MixBlendMode",
-      "value": "normal",
-      "values": [
-        "--pf-v5-c-button--m-link--m-inline--m-clicked--MixBlendMode",
-        "normal"
-      ]
-    },
     "c_button_disabled_BackgroundColor": {
       "name": "--pf-v5-c-button--disabled--BackgroundColor",
       "value": "transparent"
@@ -2816,13 +2726,12 @@ exports.c_button = {
     },
     "c_button_m_danger_hover_BackgroundColor": {
       "name": "--pf-v5-c-button--m-danger--hover--BackgroundColor",
-      "value": "#f2f2f2",
+      "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--200",
-        "--pf-t--color--gray--10",
-        "#f2f2f2"
+        "--pf-t--global--background--color--600",
+        "rgba(199, 199, 199, 0.2500)"
       ]
     },
     "c_button_m_danger_hover__icon_Color": {
@@ -2849,13 +2758,12 @@ exports.c_button = {
     },
     "c_button_m_danger_m_clicked_BackgroundColor": {
       "name": "--pf-v5-c-button--m-danger--m-clicked--BackgroundColor",
-      "value": "#f2f2f2",
+      "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--200",
-        "--pf-t--color--gray--10",
-        "#f2f2f2"
+        "--pf-t--global--background--color--600",
+        "rgba(199, 199, 199, 0.2500)"
       ]
     },
     "c_button_m_danger_m_clicked__icon_Color": {
@@ -3319,11 +3227,14 @@ exports.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": {
@@ -3339,11 +3250,14 @@ exports.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": {
@@ -3364,7 +3278,7 @@ exports.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",
@@ -3376,6 +3290,7 @@ exports.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",
@@ -3387,7 +3302,7 @@ exports.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",
@@ -3399,7 +3314,7 @@ exports.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",
@@ -3411,6 +3326,7 @@ exports.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",
@@ -3422,7 +3338,7 @@ exports.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",
@@ -3434,7 +3350,7 @@ exports.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",
@@ -3446,6 +3362,7 @@ exports.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",
@@ -3457,7 +3374,7 @@ exports.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",
@@ -3471,7 +3388,7 @@ exports.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",
@@ -3483,6 +3400,7 @@ exports.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",
@@ -3494,7 +3412,7 @@ exports.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",
@@ -3506,7 +3424,7 @@ exports.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",
@@ -3518,6 +3436,7 @@ exports.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",
@@ -3529,7 +3448,7 @@ exports.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",
@@ -3541,9 +3460,9 @@ exports.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"
       ]
@@ -3553,6 +3472,7 @@ exports.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",
@@ -3564,7 +3484,7 @@ exports.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",
@@ -3654,21 +3574,12 @@ exports.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"
-      ]
-    },
-    "c_button_hover_MixBlendMode": {
-      "name": "--pf-v5-c-button--hover--MixBlendMode",
-      "value": "",
-      "values": [
-        "--pf-v5-c-button--m-plain--hover--MixBlendMode",
-        ""
+        "--pf-t--global--background--color--600",
+        "rgba(199, 199, 199, 0.2500)"
       ]
     },
     "c_button_m_clicked_Color": {
@@ -3684,21 +3595,12 @@ exports.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"
-      ]
-    },
-    "c_button_m_clicked_MixBlendMode": {
-      "name": "--pf-v5-c-button--m-clicked--MixBlendMode",
-      "value": "",
-      "values": [
-        "--pf-v5-c-button--m-plain--m-clicked--MixBlendMode",
-        ""
+        "--pf-t--global--background--color--600",
+        "rgba(199, 199, 199, 0.2500)"
       ]
     },
     "c_button_disabled_Color": {
@@ -3817,22 +3719,6 @@ exports.c_button = {
         "--pf-v5-c-button--m-plain--m-no-padding--PaddingLeft",
         ""
       ]
-    },
-    "c_button_m_plain_hover_MixBlendMode": {
-      "name": "--pf-v5-c-button--m-plain--hover--MixBlendMode",
-      "value": "normal",
-      "values": [
-        "--pf-v5-c-button--m-plain--m-no-padding--hover--MixBlendMode",
-        "normal"
-      ]
-    },
-    "c_button_m_plain_m_clicked_MixBlendMode": {
-      "name": "--pf-v5-c-button--m-plain--m-clicked--MixBlendMode",
-      "value": "normal",
-      "values": [
-        "--pf-v5-c-button--m-plain--m-no-padding--m-clicked--MixBlendMode",
-        "normal"
-      ]
     }
   },
   ".pf-v5-c-button.pf-m-small": {
@@ -3960,14 +3846,6 @@ exports.c_button = {
         ""
       ]
     },
-    "c_button_MixBlendMode": {
-      "name": "--pf-v5-c-button--MixBlendMode",
-      "value": "",
-      "values": [
-        "--pf-v5-c-button--hover--MixBlendMode",
-        ""
-      ]
-    },
     "c_button__icon_Color": {
       "name": "--pf-v5-c-button__icon--Color",
       "value": "",
@@ -4010,14 +3888,6 @@ exports.c_button = {
         ""
       ]
     },
-    "c_button_MixBlendMode": {
-      "name": "--pf-v5-c-button--MixBlendMode",
-      "value": "",
-      "values": [
-        "--pf-v5-c-button--m-clicked--MixBlendMode",
-        ""
-      ]
-    },
     "c_button__icon_Color": {
       "name": "--pf-v5-c-button__icon--Color",
       "value": "",
@@ -4030,11 +3900,13 @@ exports.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": {
@@ -4051,14 +3923,6 @@ exports.c_button = {
     "c_button_m_primary__c_badge_BorderWidth": {
       "name": "--pf-v5-c-button--m-primary__c-badge--BorderWidth",
       "value": "0"
-    },
-    "c_button_MixBlendMode": {
-      "name": "--pf-v5-c-button--MixBlendMode",
-      "value": "normal",
-      "values": [
-        "--pf-v5-c-button--disabled--MixBlendMode",
-        "normal"
-      ]
     }
   },
   ".pf-v5-c-button.pf-m-aria-disabled": {