@patternfly/react-tokens 6.5.0-prerelease.19 → 6.5.0-prerelease.20

package/dist/js/c_button.js

@@ -4642,669 +4642,720 @@ exports.c_button = {
       ]
     }
   },
-  ".pf-v6-c-button.pf-m-stateful": {
+  ".pf-v6-c-button.pf-m-plain": {
+    "c_button_BorderWidth": {
+      "name": "--pf-v6-c-button--BorderWidth",
+      "value": "0px",
+      "values": [
+        "--pf-v6-c-button--m-plain--BorderWidth",
+        "--pf-t--global--border--width--action--plain--default",
+        "0px"
+      ]
+    },
+    "c_button_hover_BorderColor": {
+      "name": "--pf-v6-c-button--hover--BorderColor",
+      "value": "rgba(255, 255, 255, 0.0000)",
+      "values": [
+        "--pf-v6-c-button--m-plain--hover--BorderColor",
+        "--pf-t--global--border--color--high-contrast",
+        "rgba(255, 255, 255, 0.0000)"
+      ]
+    },
+    "c_button_hover_BorderWidth": {
+      "name": "--pf-v6-c-button--hover--BorderWidth",
+      "value": "0px",
+      "values": [
+        "--pf-v6-c-button--m-plain--hover--BorderWidth",
+        "--pf-t--global--border--width--action--plain--hover",
+        "0px"
+      ]
+    },
+    "c_button_m_clicked_BorderColor": {
+      "name": "--pf-v6-c-button--m-clicked--BorderColor",
+      "value": "rgba(255, 255, 255, 0.0000)",
+      "values": [
+        "--pf-v6-c-button--m-plain--m-clicked--BorderColor",
+        "--pf-t--global--border--color--high-contrast",
+        "rgba(255, 255, 255, 0.0000)"
+      ]
+    },
+    "c_button_m_clicked_BorderWidth": {
+      "name": "--pf-v6-c-button--m-clicked--BorderWidth",
+      "value": "0px",
+      "values": [
+        "--pf-v6-c-button--m-plain--m-clicked--BorderWidth",
+        "--pf-t--global--border--width--action--plain--clicked",
+        "0px"
+      ]
+    },
+    "c_button_BorderColor": {
+      "name": "--pf-v6-c-button--BorderColor",
+      "value": "transparent",
+      "values": [
+        "--pf-v6-c-button--m-plain--BorderColor",
+        "transparent"
+      ]
+    },
     "c_button_BorderRadius": {
       "name": "--pf-v6-c-button--BorderRadius",
       "value": "6px",
       "values": [
-        "--pf-v6-c-button--m-stateful--BorderRadius",
+        "--pf-v6-c-button--m-plain--BorderRadius",
         "--pf-t--global--border--radius--action--plain--default",
         "--pf-t--global--border--radius--small",
         "--pf-t--global--border--radius--200",
         "6px"
       ]
     },
-    "c_button_PaddingInlineStart": {
-      "name": "--pf-v6-c-button--PaddingInlineStart",
-      "value": "1rem",
+    "c_button_Color": {
+      "name": "--pf-v6-c-button--Color",
+      "value": "#1f1f1f",
       "values": [
-        "--pf-v6-c-button--m-stateful--PaddingInlineStart",
-        "--pf-t--global--spacer--control--horizontal--default",
-        "--pf-t--global--spacer--md",
-        "--pf-t--global--spacer--300",
-        "1rem"
+        "--pf-v6-c-button--m-plain--Color",
+        "--pf-t--global--icon--color--regular",
+        "--pf-t--global--icon--color--100",
+        "--pf-t--color--gray--90",
+        "#1f1f1f"
       ]
     },
-    "c_button_PaddingInlineEnd": {
-      "name": "--pf-v6-c-button--PaddingInlineEnd",
-      "value": "1rem",
+    "c_button__icon_Color": {
+      "name": "--pf-v6-c-button__icon--Color",
+      "value": "#151515",
       "values": [
-        "--pf-v6-c-button--m-stateful--PaddingInlineEnd",
-        "--pf-t--global--spacer--control--horizontal--default",
-        "--pf-t--global--spacer--md",
-        "--pf-t--global--spacer--300",
-        "1rem"
+        "--pf-v6-c-button--m-plain__icon--Color",
+        "--pf-t--global--text--color--regular",
+        "--pf-t--global--text--color--100",
+        "--pf-t--color--gray--95",
+        "#151515"
       ]
     },
-    "c_button_m_small_PaddingInlineEnd": {
-      "name": "--pf-v6-c-button--m-small--PaddingInlineEnd",
+    "c_button_BackgroundColor": {
+      "name": "--pf-v6-c-button--BackgroundColor",
+      "value": "rgba(255, 255, 255, 0.0000)",
+      "values": [
+        "--pf-v6-c-button--m-plain--BackgroundColor",
+        "--pf-t--global--background--color--action--plain--default",
+        "rgba(255, 255, 255, 0.0000)"
+      ]
+    },
+    "c_button_PaddingInlineEnd": {
+      "name": "--pf-v6-c-button--PaddingInlineEnd",
       "value": "0.5rem",
       "values": [
-        "--pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd",
-        "--pf-t--global--spacer--control--horizontal--compact",
+        "--pf-v6-c-button--m-plain--PaddingInlineEnd",
+        "--pf-t--global--spacer--action--horizontal--plain--default",
         "--pf-t--global--spacer--sm",
         "--pf-t--global--spacer--200",
         "0.5rem"
       ]
     },
-    "c_button_m_small_PaddingInlineStart": {
-      "name": "--pf-v6-c-button--m-small--PaddingInlineStart",
+    "c_button_PaddingInlineStart": {
+      "name": "--pf-v6-c-button--PaddingInlineStart",
       "value": "0.5rem",
       "values": [
-        "--pf-v6-c-button--m-stateful--m-small--PaddingInlineStart",
-        "--pf-t--global--spacer--control--horizontal--compact",
+        "--pf-v6-c-button--m-plain--PaddingInlineStart",
+        "--pf-t--global--spacer--action--horizontal--plain--default",
         "--pf-t--global--spacer--sm",
         "--pf-t--global--spacer--200",
         "0.5rem"
       ]
-    }
-  },
-  ".pf-v6-c-button.pf-m-read": {
-    "c_button_BackgroundColor": {
-      "name": "--pf-v6-c-button--BackgroundColor",
-      "value": "#ffffff",
+    },
+    "c_button__progress_Color": {
+      "name": "--pf-v6-c-button__progress--Color",
+      "value": "#0066cc",
       "values": [
-        "--pf-v6-c-button--m-read--BackgroundColor",
-        "--pf-t--global--background--color--control--default",
-        "--pf-t--global--background--color--primary--default",
-        "--pf-t--global--background--color--100",
-        "--pf-t--color--white",
-        "#ffffff"
+        "--pf-v6-c-button--m-in-progress--m-plain--Color",
+        "--pf-t--global--icon--color--brand--default",
+        "--pf-t--global--color--brand--default",
+        "--pf-t--global--color--brand--200",
+        "--pf-t--color--blue--50",
+        "#0066cc"
       ]
     },
-    "c_button_BorderColor": {
-      "name": "--pf-v6-c-button--BorderColor",
-      "value": "#8c8c8c",
+    "c_button_hover_Color": {
+      "name": "--pf-v6-c-button--hover--Color",
+      "value": "#1f1f1f",
       "values": [
-        "--pf-v6-c-button--m-read--BorderColor",
-        "--pf-t--global--border--color--control--default",
-        "--pf-t--global--border--color--300",
-        "--pf-t--color--gray--45",
-        "#8c8c8c"
+        "--pf-v6-c-button--m-plain--hover--Color",
+        "--pf-t--global--icon--color--regular",
+        "--pf-t--global--icon--color--100",
+        "--pf-t--color--gray--90",
+        "#1f1f1f"
       ]
     },
     "c_button_hover_BackgroundColor": {
       "name": "--pf-v6-c-button--hover--BackgroundColor",
-      "value": "#ffffff",
+      "value": "rgba(199, 199, 199, 0.2500)",
       "values": [
-        "--pf-v6-c-button--m-read--hover--BackgroundColor",
-        "--pf-t--global--background--color--control--default",
-        "--pf-t--global--background--color--primary--default",
-        "--pf-t--global--background--color--100",
-        "--pf-t--color--white",
-        "#ffffff"
+        "--pf-v6-c-button--m-plain--hover--BackgroundColor",
+        "--pf-t--global--background--color--action--plain--hover",
+        "--pf-t--global--background--color--600",
+        "rgba(199, 199, 199, 0.2500)"
       ]
     },
-    "c_button_hover_BorderColor": {
-      "name": "--pf-v6-c-button--hover--BorderColor",
-      "value": "#4394e5",
+    "c_button_m_clicked_Color": {
+      "name": "--pf-v6-c-button--m-clicked--Color",
+      "value": "#1f1f1f",
       "values": [
-        "--pf-v6-c-button--m-read--hover--BorderColor",
-        "--pf-t--global--border--color--hover",
-        "--pf-t--global--color--brand--100",
-        "--pf-t--color--blue--40",
-        "#4394e5"
+        "--pf-v6-c-button--m-plain--m-clicked--Color",
+        "--pf-t--global--icon--color--regular",
+        "--pf-t--global--icon--color--100",
+        "--pf-t--color--gray--90",
+        "#1f1f1f"
       ]
     },
     "c_button_m_clicked_BackgroundColor": {
       "name": "--pf-v6-c-button--m-clicked--BackgroundColor",
-      "value": "#ffffff",
+      "value": "rgba(199, 199, 199, 0.2500)",
       "values": [
-        "--pf-v6-c-button--m-read--m-clicked--BackgroundColor",
-        "--pf-t--global--background--color--control--default",
-        "--pf-t--global--background--color--primary--default",
-        "--pf-t--global--background--color--100",
-        "--pf-t--color--white",
-        "#ffffff"
+        "--pf-v6-c-button--m-plain--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_clicked_BorderColor": {
-      "name": "--pf-v6-c-button--m-clicked--BorderColor",
-      "value": "#0066cc",
-      "values": [
-        "--pf-v6-c-button--m-read--m-clicked--BorderColor",
-        "--pf-t--global--border--color--clicked",
-        "--pf-t--global--color--brand--200",
-        "--pf-t--color--blue--50",
-        "#0066cc"
-      ]
-    }
-  },
-  ".pf-v6-c-button.pf-m-unread": {
-    "c_button_Color": {
-      "name": "--pf-v6-c-button--Color",
-      "value": "#ffffff",
+    "c_button_disabled_Color": {
+      "name": "--pf-v6-c-button--disabled--Color",
+      "value": "#a3a3a3",
       "values": [
-        "--pf-v6-c-button--m-unread--Color",
-        "--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",
-        "#ffffff"
+        "--pf-v6-c-button--m-plain--disabled--Color",
+        "--pf-t--global--text--color--disabled",
+        "--pf-t--global--color--disabled--200",
+        "--pf-t--color--gray--40",
+        "#a3a3a3"
       ]
     },
-    "c_button_BackgroundColor": {
-      "name": "--pf-v6-c-button--BackgroundColor",
-      "value": "#0066cc",
+    "c_button_disabled__icon_Color": {
+      "name": "--pf-v6-c-button--disabled__icon--Color",
+      "value": "#a3a3a3",
       "values": [
-        "--pf-v6-c-button--m-unread--BackgroundColor",
-        "--pf-t--global--color--status--unread--default",
-        "--pf-t--global--color--brand--default",
-        "--pf-t--global--color--brand--200",
-        "--pf-t--color--blue--50",
-        "#0066cc"
+        "--pf-v6-c-button--m-plain--disabled__icon--Color",
+        "--pf-t--global--icon--color--disabled",
+        "--pf-t--global--color--disabled--200",
+        "--pf-t--color--gray--40",
+        "#a3a3a3"
       ]
     },
-    "c_button__icon_Color": {
-      "name": "--pf-v6-c-button__icon--Color",
-      "value": "#ffffff",
+    "c_button_disabled_BackgroundColor": {
+      "name": "--pf-v6-c-button--disabled--BackgroundColor",
+      "value": "transparent",
       "values": [
-        "--pf-v6-c-button--m-unread__icon--Color",
-        "--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",
-        "#ffffff"
+        "--pf-v6-c-button--m-plain--disabled--BackgroundColor",
+        "transparent"
       ]
     },
-    "c_button_hover_Color": {
-      "name": "--pf-v6-c-button--hover--Color",
-      "value": "#ffffff",
+    "c_button_m_small_PaddingInlineEnd": {
+      "name": "--pf-v6-c-button--m-small--PaddingInlineEnd",
+      "value": "0.25rem",
       "values": [
-        "--pf-v6-c-button--m-unread--hover--Color",
-        "--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",
-        "#ffffff"
+        "--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd",
+        "--pf-t--global--spacer--action--horizontal--plain--compact",
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "0.25rem"
       ]
     },
-    "c_button_hover_BackgroundColor": {
-      "name": "--pf-v6-c-button--hover--BackgroundColor",
-      "value": "#004d99",
+    "c_button_m_small_PaddingInlineStart": {
+      "name": "--pf-v6-c-button--m-small--PaddingInlineStart",
+      "value": "0.25rem",
       "values": [
-        "--pf-v6-c-button--m-unread--hover--BackgroundColor",
-        "--pf-t--global--color--status--unread--hover",
-        "--pf-t--global--color--brand--hover",
-        "--pf-t--global--color--brand--300",
-        "--pf-t--color--blue--60",
-        "#004d99"
+        "--pf-v6-c-button--m-plain--m-small--PaddingInlineStart",
+        "--pf-t--global--spacer--action--horizontal--plain--compact",
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "0.25rem"
       ]
     },
-    "c_button_hover__icon_Color": {
-      "name": "--pf-v6-c-button--hover__icon--Color",
-      "value": "#ffffff",
+    "c_button_m_stateful_PaddingInlineEnd": {
+      "name": "--pf-v6-c-button--m-stateful--PaddingInlineEnd",
+      "value": "0.5rem",
       "values": [
-        "--pf-v6-c-button--m-unread--hover__icon--Color",
-        "--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",
-        "#ffffff"
+        "--pf-v6-c-button--m-plain--PaddingInlineEnd",
+        "--pf-t--global--spacer--action--horizontal--plain--default",
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "0.5rem"
       ]
     },
-    "c_button_m_clicked_Color": {
-      "name": "--pf-v6-c-button--m-clicked--Color",
-      "value": "#ffffff",
+    "c_button_m_stateful_PaddingInlineStart": {
+      "name": "--pf-v6-c-button--m-stateful--PaddingInlineStart",
+      "value": "0.5rem",
       "values": [
-        "--pf-v6-c-button--m-unread--m-clicked--Color",
-        "--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",
-        "#ffffff"
+        "--pf-v6-c-button--m-plain--PaddingInlineStart",
+        "--pf-t--global--spacer--action--horizontal--plain--default",
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "0.5rem"
       ]
     },
-    "c_button_m_clicked_BackgroundColor": {
-      "name": "--pf-v6-c-button--m-clicked--BackgroundColor",
-      "value": "#004d99",
+    "c_button_m_read_hover_BackgroundColor": {
+      "name": "--pf-v6-c-button--m-read--hover--BackgroundColor",
+      "value": "rgba(199, 199, 199, 0.2500)",
       "values": [
-        "--pf-v6-c-button--m-unread--m-clicked--BackgroundColor",
-        "--pf-t--global--color--status--unread--clicked",
-        "--pf-t--global--color--brand--clicked",
-        "--pf-t--global--color--brand--300",
-        "--pf-t--color--blue--60",
-        "#004d99"
+        "--pf-v6-c-button--m-plain--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_clicked__icon_Color": {
-      "name": "--pf-v6-c-button--m-clicked__icon--Color",
-      "value": "#ffffff",
-      "values": [
-        "--pf-v6-c-button--m-unread--m-clicked__icon--Color",
-        "--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",
-        "#ffffff"
-      ]
-    }
-  },
-  ".pf-v6-c-button.pf-m-attention": {
-    "c_button_Color": {
-      "name": "--pf-v6-c-button--Color",
-      "value": "#ffffff",
+    "c_button_m_read_m_clicked_BackgroundColor": {
+      "name": "--pf-v6-c-button--m-read--m-clicked--BackgroundColor",
+      "value": "rgba(199, 199, 199, 0.2500)",
       "values": [
-        "--pf-v6-c-button--m-attention--Color",
-        "--pf-t--global--text--color--status--unread--on-attention--default",
-        "--pf-t--global--text--color--inverse",
-        "--pf-t--global--text--color--300",
-        "--pf-t--color--white",
-        "#ffffff"
+        "--pf-v6-c-button--m-plain--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_BackgroundColor": {
-      "name": "--pf-v6-c-button--BackgroundColor",
-      "value": "#b1380b",
+    "c_button_m_read_BackgroundColor": {
+      "name": "--pf-v6-c-button--m-read--BackgroundColor",
+      "value": "rgba(255, 255, 255, 0.0000)",
       "values": [
-        "--pf-v6-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--60",
-        "#b1380b"
+        "--pf-v6-c-button--m-plain--BackgroundColor",
+        "--pf-t--global--background--color--action--plain--default",
+        "rgba(255, 255, 255, 0.0000)"
       ]
-    },
+    }
+  },
+  ".pf-v6-c-button.pf-m-plain.pf-m-no-padding": {
     "c_button__icon_Color": {
       "name": "--pf-v6-c-button__icon--Color",
-      "value": "#ffffff",
+      "value": "#707070",
       "values": [
-        "--pf-v6-c-button--m-attention__icon--Color",
-        "--pf-t--global--icon--color--status--unread--on-attention--default",
-        "--pf-t--global--icon--color--inverse",
-        "--pf-t--global--icon--color--300",
-        "--pf-t--color--white",
-        "#ffffff"
+        "--pf-v6-c-button--m-plain--m-no-padding__icon--Color",
+        "--pf-t--global--icon--color--subtle",
+        "--pf-t--global--icon--color--200",
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
-    "c_button_hover_Color": {
-      "name": "--pf-v6-c-button--hover--Color",
-      "value": "#ffffff",
+    "c_button_BackgroundColor": {
+      "name": "--pf-v6-c-button--BackgroundColor",
+      "value": "transparent",
       "values": [
-        "--pf-v6-c-button--m-attention--hover--Color",
-        "--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",
-        "#ffffff"
+        "--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor",
+        "transparent"
       ]
     },
     "c_button_hover_BackgroundColor": {
       "name": "--pf-v6-c-button--hover--BackgroundColor",
-      "value": "#731f00",
+      "value": "transparent",
       "values": [
-        "--pf-v6-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--70",
-        "#731f00"
+        "--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor",
+        "transparent"
       ]
     },
-    "c_button_hover__icon_Color": {
-      "name": "--pf-v6-c-button--hover__icon--Color",
-      "value": "#ffffff",
+    "c_button_m_clicked_BackgroundColor": {
+      "name": "--pf-v6-c-button--m-clicked--BackgroundColor",
+      "value": "transparent",
       "values": [
-        "--pf-v6-c-button--m-attention--hover__icon--Color",
-        "--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",
-        "#ffffff"
+        "--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor",
+        "transparent"
       ]
     },
-    "c_button_m_clicked_Color": {
-      "name": "--pf-v6-c-button--m-clicked--Color",
-      "value": "#ffffff",
+    "c_button_PaddingBlockStart": {
+      "name": "--pf-v6-c-button--PaddingBlockStart",
+      "value": "0",
       "values": [
-        "--pf-v6-c-button--m-attention--m-clicked--Color",
-        "--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",
-        "#ffffff"
+        "--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart",
+        "0"
       ]
     },
-    "c_button_m_clicked_BackgroundColor": {
-      "name": "--pf-v6-c-button--m-clicked--BackgroundColor",
-      "value": "#731f00",
+    "c_button_PaddingBlockEnd": {
+      "name": "--pf-v6-c-button--PaddingBlockEnd",
+      "value": "0",
       "values": [
-        "--pf-v6-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--70",
-        "#731f00"
+        "--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd",
+        "0"
       ]
     },
-    "c_button_m_clicked__icon_Color": {
-      "name": "--pf-v6-c-button--m-clicked__icon--Color",
-      "value": "#ffffff",
-      "values": [
-        "--pf-v6-c-button--m-attention--m-clicked__icon--Color",
-        "--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",
-        "#ffffff"
-      ]
-    }
-  },
-  ".pf-v6-c-button.pf-m-plain": {
-    "c_button_BorderWidth": {
-      "name": "--pf-v6-c-button--BorderWidth",
-      "value": "0px",
+    "c_button_PaddingInlineEnd": {
+      "name": "--pf-v6-c-button--PaddingInlineEnd",
+      "value": "0",
       "values": [
-        "--pf-v6-c-button--m-plain--BorderWidth",
-        "--pf-t--global--border--width--action--plain--default",
-        "0px"
+        "--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd",
+        "0"
       ]
     },
-    "c_button_hover_BorderColor": {
-      "name": "--pf-v6-c-button--hover--BorderColor",
-      "value": "rgba(255, 255, 255, 0.0000)",
+    "c_button_PaddingInlineStart": {
+      "name": "--pf-v6-c-button--PaddingInlineStart",
+      "value": "0",
       "values": [
-        "--pf-v6-c-button--m-plain--hover--BorderColor",
-        "--pf-t--global--border--color--high-contrast",
-        "rgba(255, 255, 255, 0.0000)"
+        "--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart",
+        "0"
       ]
     },
-    "c_button_hover_BorderWidth": {
-      "name": "--pf-v6-c-button--hover--BorderWidth",
-      "value": "0px",
+    "c_button_m_small_PaddingInlineEnd": {
+      "name": "--pf-v6-c-button--m-small--PaddingInlineEnd",
+      "value": "0",
       "values": [
-        "--pf-v6-c-button--m-plain--hover--BorderWidth",
-        "--pf-t--global--border--width--action--plain--hover",
-        "0px"
+        "--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd",
+        "0"
       ]
     },
-    "c_button_m_clicked_BorderColor": {
-      "name": "--pf-v6-c-button--m-clicked--BorderColor",
-      "value": "rgba(255, 255, 255, 0.0000)",
-      "values": [
-        "--pf-v6-c-button--m-plain--m-clicked--BorderColor",
-        "--pf-t--global--border--color--high-contrast",
-        "rgba(255, 255, 255, 0.0000)"
-      ]
-    },
-    "c_button_m_clicked_BorderWidth": {
-      "name": "--pf-v6-c-button--m-clicked--BorderWidth",
-      "value": "0px",
+    "c_button_m_small_PaddingInlineStart": {
+      "name": "--pf-v6-c-button--m-small--PaddingInlineStart",
+      "value": "0",
       "values": [
-        "--pf-v6-c-button--m-plain--m-clicked--BorderWidth",
-        "--pf-t--global--border--width--action--plain--clicked",
-        "0px"
+        "--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart",
+        "0"
       ]
     },
-    "c_button_BorderColor": {
-      "name": "--pf-v6-c-button--BorderColor",
-      "value": "transparent",
+    "c_button_border_offset": {
+      "name": "--pf-v6-c-button--border--offset",
+      "value": "calc(0.125rem * -1)",
       "values": [
-        "--pf-v6-c-button--m-plain--BorderColor",
-        "transparent"
+        "--pf-v6-c-button--m-plain--m-no-padding--border--offset",
+        "calc(0.125rem * -1)"
       ]
-    },
+    }
+  },
+  ".pf-v6-c-button.pf-m-stateful": {
     "c_button_BorderRadius": {
       "name": "--pf-v6-c-button--BorderRadius",
       "value": "6px",
       "values": [
-        "--pf-v6-c-button--m-plain--BorderRadius",
+        "--pf-v6-c-button--m-stateful--BorderRadius",
         "--pf-t--global--border--radius--action--plain--default",
         "--pf-t--global--border--radius--small",
         "--pf-t--global--border--radius--200",
         "6px"
       ]
     },
-    "c_button_Color": {
-      "name": "--pf-v6-c-button--Color",
-      "value": "#1f1f1f",
-      "values": [
-        "--pf-v6-c-button--m-plain--Color",
-        "--pf-t--global--icon--color--regular",
-        "--pf-t--global--icon--color--100",
-        "--pf-t--color--gray--90",
-        "#1f1f1f"
-      ]
-    },
-    "c_button__icon_Color": {
-      "name": "--pf-v6-c-button__icon--Color",
-      "value": "#151515",
+    "c_button_PaddingInlineStart": {
+      "name": "--pf-v6-c-button--PaddingInlineStart",
+      "value": "1rem",
       "values": [
-        "--pf-v6-c-button--m-plain__icon--Color",
-        "--pf-t--global--text--color--regular",
-        "--pf-t--global--text--color--100",
-        "--pf-t--color--gray--95",
-        "#151515"
+        "--pf-v6-c-button--m-stateful--PaddingInlineStart",
+        "--pf-t--global--spacer--control--horizontal--default",
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "1rem"
       ]
     },
-    "c_button_BackgroundColor": {
-      "name": "--pf-v6-c-button--BackgroundColor",
-      "value": "rgba(255, 255, 255, 0.0000)",
+    "c_button_PaddingInlineEnd": {
+      "name": "--pf-v6-c-button--PaddingInlineEnd",
+      "value": "1rem",
       "values": [
-        "--pf-v6-c-button--m-plain--BackgroundColor",
-        "--pf-t--global--background--color--action--plain--default",
-        "rgba(255, 255, 255, 0.0000)"
+        "--pf-v6-c-button--m-stateful--PaddingInlineEnd",
+        "--pf-t--global--spacer--control--horizontal--default",
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "1rem"
       ]
     },
-    "c_button_PaddingInlineEnd": {
-      "name": "--pf-v6-c-button--PaddingInlineEnd",
+    "c_button_m_small_PaddingInlineEnd": {
+      "name": "--pf-v6-c-button--m-small--PaddingInlineEnd",
       "value": "0.5rem",
       "values": [
-        "--pf-v6-c-button--m-plain--PaddingInlineEnd",
-        "--pf-t--global--spacer--action--horizontal--plain--default",
+        "--pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd",
+        "--pf-t--global--spacer--control--horizontal--compact",
         "--pf-t--global--spacer--sm",
         "--pf-t--global--spacer--200",
         "0.5rem"
       ]
     },
-    "c_button_PaddingInlineStart": {
-      "name": "--pf-v6-c-button--PaddingInlineStart",
+    "c_button_m_small_PaddingInlineStart": {
+      "name": "--pf-v6-c-button--m-small--PaddingInlineStart",
       "value": "0.5rem",
       "values": [
-        "--pf-v6-c-button--m-plain--PaddingInlineStart",
-        "--pf-t--global--spacer--action--horizontal--plain--default",
+        "--pf-v6-c-button--m-stateful--m-small--PaddingInlineStart",
+        "--pf-t--global--spacer--control--horizontal--compact",
         "--pf-t--global--spacer--sm",
         "--pf-t--global--spacer--200",
         "0.5rem"
       ]
-    },
-    "c_button__progress_Color": {
-      "name": "--pf-v6-c-button__progress--Color",
-      "value": "#0066cc",
+    }
+  },
+  ".pf-v6-c-button.pf-m-read": {
+    "c_button_BackgroundColor": {
+      "name": "--pf-v6-c-button--BackgroundColor",
+      "value": "#ffffff",
       "values": [
-        "--pf-v6-c-button--m-in-progress--m-plain--Color",
-        "--pf-t--global--icon--color--brand--default",
-        "--pf-t--global--color--brand--default",
-        "--pf-t--global--color--brand--200",
-        "--pf-t--color--blue--50",
-        "#0066cc"
+        "--pf-v6-c-button--m-read--BackgroundColor",
+        "--pf-t--global--background--color--control--default",
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#ffffff"
       ]
     },
-    "c_button_hover_Color": {
-      "name": "--pf-v6-c-button--hover--Color",
-      "value": "#1f1f1f",
+    "c_button_BorderColor": {
+      "name": "--pf-v6-c-button--BorderColor",
+      "value": "#8c8c8c",
       "values": [
-        "--pf-v6-c-button--m-plain--hover--Color",
-        "--pf-t--global--icon--color--regular",
-        "--pf-t--global--icon--color--100",
-        "--pf-t--color--gray--90",
-        "#1f1f1f"
+        "--pf-v6-c-button--m-read--BorderColor",
+        "--pf-t--global--border--color--control--default",
+        "--pf-t--global--border--color--300",
+        "--pf-t--color--gray--45",
+        "#8c8c8c"
       ]
     },
     "c_button_hover_BackgroundColor": {
       "name": "--pf-v6-c-button--hover--BackgroundColor",
-      "value": "rgba(199, 199, 199, 0.2500)",
+      "value": "#ffffff",
       "values": [
-        "--pf-v6-c-button--m-plain--hover--BackgroundColor",
-        "--pf-t--global--background--color--action--plain--hover",
-        "--pf-t--global--background--color--600",
-        "rgba(199, 199, 199, 0.2500)"
+        "--pf-v6-c-button--m-read--hover--BackgroundColor",
+        "--pf-t--global--background--color--control--default",
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#ffffff"
       ]
     },
-    "c_button_m_clicked_Color": {
-      "name": "--pf-v6-c-button--m-clicked--Color",
-      "value": "#1f1f1f",
+    "c_button_hover_BorderColor": {
+      "name": "--pf-v6-c-button--hover--BorderColor",
+      "value": "#4394e5",
       "values": [
-        "--pf-v6-c-button--m-plain--m-clicked--Color",
-        "--pf-t--global--icon--color--regular",
-        "--pf-t--global--icon--color--100",
-        "--pf-t--color--gray--90",
-        "#1f1f1f"
+        "--pf-v6-c-button--m-read--hover--BorderColor",
+        "--pf-t--global--border--color--hover",
+        "--pf-t--global--color--brand--100",
+        "--pf-t--color--blue--40",
+        "#4394e5"
       ]
     },
     "c_button_m_clicked_BackgroundColor": {
       "name": "--pf-v6-c-button--m-clicked--BackgroundColor",
-      "value": "rgba(199, 199, 199, 0.2500)",
+      "value": "#ffffff",
       "values": [
-        "--pf-v6-c-button--m-plain--m-clicked--BackgroundColor",
-        "--pf-t--global--background--color--action--plain--clicked",
-        "--pf-t--global--background--color--600",
-        "rgba(199, 199, 199, 0.2500)"
+        "--pf-v6-c-button--m-read--m-clicked--BackgroundColor",
+        "--pf-t--global--background--color--control--default",
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#ffffff"
       ]
     },
-    "c_button_disabled_Color": {
-      "name": "--pf-v6-c-button--disabled--Color",
-      "value": "#a3a3a3",
+    "c_button_m_clicked_BorderColor": {
+      "name": "--pf-v6-c-button--m-clicked--BorderColor",
+      "value": "#0066cc",
       "values": [
-        "--pf-v6-c-button--m-plain--disabled--Color",
-        "--pf-t--global--text--color--disabled",
-        "--pf-t--global--color--disabled--200",
-        "--pf-t--color--gray--40",
-        "#a3a3a3"
+        "--pf-v6-c-button--m-read--m-clicked--BorderColor",
+        "--pf-t--global--border--color--clicked",
+        "--pf-t--global--color--brand--200",
+        "--pf-t--color--blue--50",
+        "#0066cc"
       ]
-    },
-    "c_button_disabled__icon_Color": {
-      "name": "--pf-v6-c-button--disabled__icon--Color",
-      "value": "#a3a3a3",
+    }
+  },
+  ".pf-v6-c-button.pf-m-unread": {
+    "c_button_Color": {
+      "name": "--pf-v6-c-button--Color",
+      "value": "#ffffff",
       "values": [
-        "--pf-v6-c-button--m-plain--disabled__icon--Color",
-        "--pf-t--global--icon--color--disabled",
-        "--pf-t--global--color--disabled--200",
-        "--pf-t--color--gray--40",
-        "#a3a3a3"
+        "--pf-v6-c-button--m-unread--Color",
+        "--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",
+        "#ffffff"
       ]
     },
-    "c_button_disabled_BackgroundColor": {
-      "name": "--pf-v6-c-button--disabled--BackgroundColor",
-      "value": "transparent",
+    "c_button_BackgroundColor": {
+      "name": "--pf-v6-c-button--BackgroundColor",
+      "value": "#0066cc",
       "values": [
-        "--pf-v6-c-button--m-plain--disabled--BackgroundColor",
-        "transparent"
+        "--pf-v6-c-button--m-unread--BackgroundColor",
+        "--pf-t--global--color--status--unread--default",
+        "--pf-t--global--color--brand--default",
+        "--pf-t--global--color--brand--200",
+        "--pf-t--color--blue--50",
+        "#0066cc"
       ]
     },
-    "c_button_m_small_PaddingInlineEnd": {
-      "name": "--pf-v6-c-button--m-small--PaddingInlineEnd",
-      "value": "0.25rem",
+    "c_button__icon_Color": {
+      "name": "--pf-v6-c-button__icon--Color",
+      "value": "#ffffff",
       "values": [
-        "--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd",
-        "--pf-t--global--spacer--action--horizontal--plain--compact",
-        "--pf-t--global--spacer--xs",
-        "--pf-t--global--spacer--100",
-        "0.25rem"
+        "--pf-v6-c-button--m-unread__icon--Color",
+        "--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",
+        "#ffffff"
       ]
     },
-    "c_button_m_small_PaddingInlineStart": {
-      "name": "--pf-v6-c-button--m-small--PaddingInlineStart",
-      "value": "0.25rem",
+    "c_button_hover_Color": {
+      "name": "--pf-v6-c-button--hover--Color",
+      "value": "#ffffff",
       "values": [
-        "--pf-v6-c-button--m-plain--m-small--PaddingInlineStart",
-        "--pf-t--global--spacer--action--horizontal--plain--compact",
-        "--pf-t--global--spacer--xs",
-        "--pf-t--global--spacer--100",
-        "0.25rem"
+        "--pf-v6-c-button--m-unread--hover--Color",
+        "--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",
+        "#ffffff"
       ]
-    }
-  },
-  ".pf-v6-c-button.pf-m-plain.pf-m-no-padding": {
-    "c_button__icon_Color": {
-      "name": "--pf-v6-c-button__icon--Color",
-      "value": "#707070",
+    },
+    "c_button_hover_BackgroundColor": {
+      "name": "--pf-v6-c-button--hover--BackgroundColor",
+      "value": "#004d99",
       "values": [
-        "--pf-v6-c-button--m-plain--m-no-padding__icon--Color",
-        "--pf-t--global--icon--color--subtle",
-        "--pf-t--global--icon--color--200",
-        "--pf-t--color--gray--50",
-        "#707070"
+        "--pf-v6-c-button--m-unread--hover--BackgroundColor",
+        "--pf-t--global--color--status--unread--hover",
+        "--pf-t--global--color--brand--hover",
+        "--pf-t--global--color--brand--300",
+        "--pf-t--color--blue--60",
+        "#004d99"
       ]
     },
-    "c_button_BackgroundColor": {
-      "name": "--pf-v6-c-button--BackgroundColor",
-      "value": "transparent",
+    "c_button_hover__icon_Color": {
+      "name": "--pf-v6-c-button--hover__icon--Color",
+      "value": "#ffffff",
       "values": [
-        "--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor",
-        "transparent"
+        "--pf-v6-c-button--m-unread--hover__icon--Color",
+        "--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",
+        "#ffffff"
       ]
     },
-    "c_button_hover_BackgroundColor": {
-      "name": "--pf-v6-c-button--hover--BackgroundColor",
-      "value": "transparent",
+    "c_button_m_clicked_Color": {
+      "name": "--pf-v6-c-button--m-clicked--Color",
+      "value": "#ffffff",
       "values": [
-        "--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor",
-        "transparent"
+        "--pf-v6-c-button--m-unread--m-clicked--Color",
+        "--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",
+        "#ffffff"
       ]
     },
     "c_button_m_clicked_BackgroundColor": {
       "name": "--pf-v6-c-button--m-clicked--BackgroundColor",
-      "value": "transparent",
+      "value": "#004d99",
       "values": [
-        "--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor",
-        "transparent"
+        "--pf-v6-c-button--m-unread--m-clicked--BackgroundColor",
+        "--pf-t--global--color--status--unread--clicked",
+        "--pf-t--global--color--brand--clicked",
+        "--pf-t--global--color--brand--300",
+        "--pf-t--color--blue--60",
+        "#004d99"
       ]
     },
-    "c_button_PaddingBlockStart": {
-      "name": "--pf-v6-c-button--PaddingBlockStart",
-      "value": "0",
+    "c_button_m_clicked__icon_Color": {
+      "name": "--pf-v6-c-button--m-clicked__icon--Color",
+      "value": "#ffffff",
       "values": [
-        "--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart",
-        "0"
+        "--pf-v6-c-button--m-unread--m-clicked__icon--Color",
+        "--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",
+        "#ffffff"
+      ]
+    }
+  },
+  ".pf-v6-c-button.pf-m-attention": {
+    "c_button_Color": {
+      "name": "--pf-v6-c-button--Color",
+      "value": "#ffffff",
+      "values": [
+        "--pf-v6-c-button--m-attention--Color",
+        "--pf-t--global--text--color--status--unread--on-attention--default",
+        "--pf-t--global--text--color--inverse",
+        "--pf-t--global--text--color--300",
+        "--pf-t--color--white",
+        "#ffffff"
       ]
     },
-    "c_button_PaddingBlockEnd": {
-      "name": "--pf-v6-c-button--PaddingBlockEnd",
-      "value": "0",
+    "c_button_BackgroundColor": {
+      "name": "--pf-v6-c-button--BackgroundColor",
+      "value": "#b1380b",
       "values": [
-        "--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd",
-        "0"
+        "--pf-v6-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--60",
+        "#b1380b"
       ]
     },
-    "c_button_PaddingInlineEnd": {
-      "name": "--pf-v6-c-button--PaddingInlineEnd",
-      "value": "0",
+    "c_button__icon_Color": {
+      "name": "--pf-v6-c-button__icon--Color",
+      "value": "#ffffff",
       "values": [
-        "--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd",
-        "0"
+        "--pf-v6-c-button--m-attention__icon--Color",
+        "--pf-t--global--icon--color--status--unread--on-attention--default",
+        "--pf-t--global--icon--color--inverse",
+        "--pf-t--global--icon--color--300",
+        "--pf-t--color--white",
+        "#ffffff"
       ]
     },
-    "c_button_PaddingInlineStart": {
-      "name": "--pf-v6-c-button--PaddingInlineStart",
-      "value": "0",
+    "c_button_hover_Color": {
+      "name": "--pf-v6-c-button--hover--Color",
+      "value": "#ffffff",
       "values": [
-        "--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart",
-        "0"
+        "--pf-v6-c-button--m-attention--hover--Color",
+        "--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",
+        "#ffffff"
       ]
     },
-    "c_button_m_small_PaddingInlineEnd": {
-      "name": "--pf-v6-c-button--m-small--PaddingInlineEnd",
-      "value": "0",
+    "c_button_hover_BackgroundColor": {
+      "name": "--pf-v6-c-button--hover--BackgroundColor",
+      "value": "#731f00",
       "values": [
-        "--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd",
-        "0"
+        "--pf-v6-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--70",
+        "#731f00"
       ]
     },
-    "c_button_m_small_PaddingInlineStart": {
-      "name": "--pf-v6-c-button--m-small--PaddingInlineStart",
-      "value": "0",
+    "c_button_hover__icon_Color": {
+      "name": "--pf-v6-c-button--hover__icon--Color",
+      "value": "#ffffff",
       "values": [
-        "--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart",
-        "0"
+        "--pf-v6-c-button--m-attention--hover__icon--Color",
+        "--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",
+        "#ffffff"
       ]
     },
-    "c_button_border_offset": {
-      "name": "--pf-v6-c-button--border--offset",
-      "value": "calc(0.125rem * -1)",
+    "c_button_m_clicked_Color": {
+      "name": "--pf-v6-c-button--m-clicked--Color",
+      "value": "#ffffff",
       "values": [
-        "--pf-v6-c-button--m-plain--m-no-padding--border--offset",
-        "calc(0.125rem * -1)"
+        "--pf-v6-c-button--m-attention--m-clicked--Color",
+        "--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",
+        "#ffffff"
+      ]
+    },
+    "c_button_m_clicked_BackgroundColor": {
+      "name": "--pf-v6-c-button--m-clicked--BackgroundColor",
+      "value": "#731f00",
+      "values": [
+        "--pf-v6-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--70",
+        "#731f00"
+      ]
+    },
+    "c_button_m_clicked__icon_Color": {
+      "name": "--pf-v6-c-button--m-clicked__icon--Color",
+      "value": "#ffffff",
+      "values": [
+        "--pf-v6-c-button--m-attention--m-clicked__icon--Color",
+        "--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",
+        "#ffffff"
       ]
     }
   },