@patternfly/react-tokens 6.0.0-alpha.11 → 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"
@@ -147,7 +143,7 @@ exports.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"
       ]
@@ -585,15 +581,6 @@ exports.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",
@@ -618,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": {
@@ -650,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": {
@@ -679,6 +664,14 @@ exports.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",
@@ -699,6 +692,15 @@ exports.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",
@@ -719,6 +721,15 @@ exports.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",
@@ -741,15 +752,6 @@ exports.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"
@@ -766,6 +768,15 @@ exports.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",
@@ -868,15 +879,6 @@ exports.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)",
@@ -899,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": {
@@ -919,24 +920,27 @@ 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": {
       "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",
@@ -973,10 +977,6 @@ exports.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"
@@ -1182,7 +1182,7 @@ exports.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"
       ]
@@ -1247,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": {
@@ -1265,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": {
@@ -1285,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",
@@ -1296,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",
@@ -1306,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",
@@ -1317,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",
@@ -1328,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",
@@ -1338,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",
@@ -1349,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",
@@ -1360,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",
@@ -1370,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",
@@ -1381,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",
@@ -1392,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",
@@ -1402,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",
@@ -1413,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",
@@ -1424,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",
@@ -1434,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",
@@ -1445,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"
       ]
@@ -1456,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",
@@ -1466,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",
@@ -1766,16 +1778,6 @@ exports.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",
@@ -1790,6 +1792,16 @@ exports.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",
@@ -1960,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": {
@@ -2472,16 +2486,6 @@ exports.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",
@@ -2508,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": {
@@ -2543,13 +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"
+        "--pf-t--global--background--color--600",
+        "rgba(199, 199, 199, 0.2500)"
       ]
     },
     "c_button_m_clicked__icon_Color": {
@@ -2679,7 +2681,7 @@ exports.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",
@@ -2691,6 +2693,15 @@ exports.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",
@@ -2713,6 +2724,16 @@ exports.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",
@@ -2735,6 +2756,16 @@ exports.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",
@@ -2745,18 +2776,6 @@ exports.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": {
@@ -2986,10 +3005,13 @@ exports.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": {
@@ -3095,9 +3117,9 @@ exports.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"
       ]
@@ -3130,10 +3152,21 @@ exports.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": {
@@ -3194,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": {
@@ -3214,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": {
@@ -3239,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",
@@ -3251,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",
@@ -3262,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",
@@ -3274,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",
@@ -3286,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",
@@ -3297,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",
@@ -3309,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",
@@ -3321,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",
@@ -3332,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",
@@ -3346,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",
@@ -3358,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",
@@ -3369,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",
@@ -3381,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",
@@ -3393,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",
@@ -3404,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",
@@ -3416,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"
       ]
@@ -3428,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",
@@ -3439,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",
@@ -3448,6 +3493,33 @@ exports.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": "",
@@ -3480,81 +3552,15 @@ exports.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",
@@ -3568,13 +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"
+        "--pf-t--global--background--color--600",
+        "rgba(199, 199, 199, 0.2500)"
       ]
     },
     "c_button_m_clicked_Color": {
@@ -3590,33 +3595,71 @@ 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"
+        "--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"
       ]
     }
   },
@@ -3676,14 +3719,6 @@ exports.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": {
@@ -3865,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": {