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

package/dist/js/c_button.d.ts

@@ -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"
@@ -583,24 +579,6 @@ export const 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",
@@ -625,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": {
@@ -657,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": {
@@ -716,12 +692,11 @@ export const 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": {
@@ -746,12 +721,11 @@ export const 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": {
@@ -801,14 +775,6 @@ export const 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",
@@ -911,24 +877,6 @@ export const 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)",
@@ -951,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": {
@@ -971,12 +918,11 @@ 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": {
@@ -1029,14 +975,6 @@ export const 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"
@@ -1307,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": {
@@ -1325,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": {
@@ -1345,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",
@@ -1356,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",
@@ -1366,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",
@@ -1377,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",
@@ -1388,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",
@@ -1398,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",
@@ -1409,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",
@@ -1420,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",
@@ -1430,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",
@@ -1441,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",
@@ -1452,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",
@@ -1462,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",
@@ -1473,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",
@@ -1484,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",
@@ -1494,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",
@@ -1505,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"
       ]
@@ -1516,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",
@@ -1526,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",
@@ -1826,10 +1776,6 @@ export const 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",
@@ -2024,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": {
@@ -2548,16 +2496,6 @@ export const 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",
@@ -2572,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": {
@@ -2607,23 +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"
-      ]
-    },
-    "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": {
@@ -2722,26 +2648,10 @@ export const 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"
@@ -2814,13 +2724,12 @@ export const 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": {
@@ -2847,13 +2756,12 @@ export const 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": {
@@ -3317,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": {
@@ -3337,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": {
@@ -3362,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",
@@ -3374,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",
@@ -3385,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",
@@ -3397,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",
@@ -3409,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",
@@ -3420,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",
@@ -3432,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",
@@ -3444,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",
@@ -3455,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",
@@ -3469,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",
@@ -3481,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",
@@ -3492,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",
@@ -3504,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",
@@ -3516,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",
@@ -3527,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",
@@ -3539,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"
       ]
@@ -3551,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",
@@ -3562,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",
@@ -3652,21 +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"
-      ]
-    },
-    "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": {
@@ -3682,21 +3593,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-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": {
@@ -3815,22 +3717,6 @@ export const 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": {
@@ -3958,14 +3844,6 @@ export const 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": "",
@@ -4008,14 +3886,6 @@ export const 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": "",
@@ -4028,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": {
@@ -4049,14 +3921,6 @@ export const 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": {