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

package/dist/esm/c_button.d.ts

@@ -145,7 +145,7 @@ export const c_button: {
       "name": "--pf-v5-c-button--m-clicked--BorderWidth",
       "value": "2px",
       "values": [
-        "--pf-t--global--border--width--button--active",
+        "--pf-t--global--border--width--button--clicked",
         "--pf-t--global--border--width--200",
         "2px"
       ]
@@ -583,8 +583,17 @@ export const c_button: {
         "rgba(255, 255, 255, 0.0000)"
       ]
     },
-    "c_button_m_link_MixBlendMode": {
-      "name": "--pf-v5-c-button--m-link--MixBlendMode",
+    "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",
@@ -677,6 +686,14 @@ export const c_button: {
         "#b1380b"
       ]
     },
+    "c_button_m_link_m_danger_BackgroundColor": {
+      "name": "--pf-v5-c-button--m-link--m-danger--BackgroundColor",
+      "value": "rgba(255, 255, 255, 0.0000)",
+      "values": [
+        "--pf-t--global--background--color--action--plain--default",
+        "rgba(255, 255, 255, 0.0000)"
+      ]
+    },
     "c_button_m_link_m_danger__icon_Color": {
       "name": "--pf-v5-c-button--m-link--m-danger__icon--Color",
       "value": "#b1380b",
@@ -697,6 +714,16 @@ export const c_button: {
         "#731f00"
       ]
     },
+    "c_button_m_link_m_danger_hover_BackgroundColor": {
+      "name": "--pf-v5-c-button--m-link--m-danger--hover--BackgroundColor",
+      "value": "#f2f2f2",
+      "values": [
+        "--pf-t--global--background--color--action--plain--hover",
+        "--pf-t--global--background--color--200",
+        "--pf-t--color--gray--10",
+        "#f2f2f2"
+      ]
+    },
     "c_button_m_link_m_danger_hover__icon_Color": {
       "name": "--pf-v5-c-button--m-link--m-danger--hover__icon--Color",
       "value": "#731f00",
@@ -717,6 +744,16 @@ export const c_button: {
         "#731f00"
       ]
     },
+    "c_button_m_link_m_danger_m_clicked_BackgroundColor": {
+      "name": "--pf-v5-c-button--m-link--m-danger--m-clicked--BackgroundColor",
+      "value": "#f2f2f2",
+      "values": [
+        "--pf-t--global--background--color--action--plain--clicked",
+        "--pf-t--global--background--color--200",
+        "--pf-t--color--gray--10",
+        "#f2f2f2"
+      ]
+    },
     "c_button_m_link_m_danger_m_clicked__icon_Color": {
       "name": "--pf-v5-c-button--m-link--m-danger--m-clicked__icon--Color",
       "value": "#731f00",
@@ -739,15 +776,6 @@ export const c_button: {
       "name": "--pf-v5-c-button--m-link--m-inline--FontWeight",
       "value": "initial"
     },
-    "c_button_m_link_m_inline_hover_TextDecoration": {
-      "name": "--pf-v5-c-button--m-link--m-inline--hover--TextDecoration",
-      "value": "underline",
-      "values": [
-        "--pf-t--global--link--text-decoration--hover",
-        "--pf-t--global--text-decoration--200",
-        "underline"
-      ]
-    },
     "c_button_m_link_m_inline_PaddingTop": {
       "name": "--pf-v5-c-button--m-link--m-inline--PaddingTop",
       "value": "0"
@@ -764,6 +792,23 @@ export const c_button: {
       "name": "--pf-v5-c-button--m-link--m-inline--PaddingLeft",
       "value": "0"
     },
+    "c_button_m_link_m_inline_hover_TextDecoration": {
+      "name": "--pf-v5-c-button--m-link--m-inline--hover--TextDecoration",
+      "value": "underline",
+      "values": [
+        "--pf-t--global--link--text-decoration--hover",
+        "--pf-t--global--text-decoration--200",
+        "underline"
+      ]
+    },
+    "c_button_m_link_m_inline_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",
@@ -866,8 +911,17 @@ export const c_button: {
         "rgba(255, 255, 255, 0.0000)"
       ]
     },
-    "c_button_m_plain_MixBlendMode": {
-      "name": "--pf-v5-c-button--m-plain--MixBlendMode",
+    "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",
@@ -927,14 +981,18 @@ export const c_button: {
     },
     "c_button_m_plain_disabled_Color": {
       "name": "--pf-v5-c-button--m-plain--disabled--Color",
-      "value": "#4d4d4d",
+      "value": "#a3a3a3",
       "values": [
-        "--pf-t--global--icon--color--on-disabled",
-        "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--global--icon--color--disabled",
+        "--pf-t--global--color--disabled--100",
+        "--pf-t--color--gray--40",
+        "#a3a3a3"
       ]
     },
+    "c_button_m_plain_disabled_BackgroundColor": {
+      "name": "--pf-v5-c-button--m-plain--disabled--BackgroundColor",
+      "value": "transparent"
+    },
     "c_button_m_plain_m_small_PaddingTop": {
       "name": "--pf-v5-c-button--m-plain--m-small--PaddingTop",
       "value": "4px",
@@ -971,8 +1029,12 @@ export const c_button: {
         "4px"
       ]
     },
-    "c_button_m_plain_m_no_padding_MixBlendMode": {
-      "name": "--pf-v5-c-button--m-plain--m-no-padding--MixBlendMode",
+    "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": {
@@ -1180,7 +1242,7 @@ export const c_button: {
       "name": "--pf-v5-c-button--m-control--m-clicked--BorderWidth",
       "value": "2px",
       "values": [
-        "--pf-t--global--border--width--control--active",
+        "--pf-t--global--border--width--control--clicked",
         "--pf-t--global--border--width--200",
         "2px"
       ]
@@ -1764,15 +1826,9 @@ export const c_button: {
         "#4d4d4d"
       ]
     },
-    "c_button_disabled__icon_Color": {
-      "name": "--pf-v5-c-button--disabled__icon--Color",
-      "value": "#4d4d4d",
-      "values": [
-        "--pf-t--global--icon--color--on-disabled",
-        "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
-      ]
+    "c_button_disabled_MixBlendMode": {
+      "name": "--pf-v5-c-button--disabled--MixBlendMode",
+      "value": "normal"
     },
     "c_button_disabled_BackgroundColor": {
       "name": "--pf-v5-c-button--disabled--BackgroundColor",
@@ -1788,6 +1844,16 @@ export const c_button: {
       "name": "--pf-v5-c-button--disabled--BorderColor",
       "value": "transparent"
     },
+    "c_button_disabled__icon_Color": {
+      "name": "--pf-v5-c-button--disabled__icon--Color",
+      "value": "#4d4d4d",
+      "values": [
+        "--pf-t--global--icon--color--on-disabled",
+        "--pf-t--global--color--disabled--300",
+        "--pf-t--color--gray--60",
+        "#4d4d4d"
+      ]
+    },
     "c_button__icon_Color": {
       "name": "--pf-v5-c-button__icon--Color",
       "value": "#1f1f1f",
@@ -2470,16 +2536,6 @@ export const c_button: {
         "rgba(255, 255, 255, 0.0000)"
       ]
     },
-    "c_button_MixBlendMode": {
-      "name": "--pf-v5-c-button--MixBlendMode",
-      "value": "multiply",
-      "values": [
-        "--pf-v5-c-button--m-link--MixBlendMode",
-        "--pf-t--global--background--color--action--plain--hover--blend",
-        "--pf-t--global--mix-blend-mode--100",
-        "multiply"
-      ]
-    },
     "c_button__icon_Color": {
       "name": "--pf-v5-c-button__icon--Color",
       "value": "#06c",
@@ -2492,6 +2548,16 @@ 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",
@@ -2550,6 +2616,16 @@ export const c_button: {
         "#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"
+      ]
+    },
     "c_button_m_clicked__icon_Color": {
       "name": "--pf-v5-c-button--m-clicked__icon--Color",
       "value": "#004d99",
@@ -2646,10 +2722,26 @@ 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"
@@ -2677,7 +2769,7 @@ export const c_button: {
       ]
     }
   },
-  ".pf-v5-c-button.pf-m-link:where(.pf-m-danger)": {
+  ".pf-v5-c-button.pf-m-link.pf-m-danger": {
     "c_button_m_danger_Color": {
       "name": "--pf-v5-c-button--m-danger--Color",
       "value": "#b1380b",
@@ -2689,6 +2781,15 @@ export const c_button: {
         "#b1380b"
       ]
     },
+    "c_button_m_danger_BackgroundColor": {
+      "name": "--pf-v5-c-button--m-danger--BackgroundColor",
+      "value": "rgba(255, 255, 255, 0.0000)",
+      "values": [
+        "--pf-v5-c-button--m-link--m-danger--BackgroundColor",
+        "--pf-t--global--background--color--action--plain--default",
+        "rgba(255, 255, 255, 0.0000)"
+      ]
+    },
     "c_button_m_danger__icon_Color": {
       "name": "--pf-v5-c-button--m-danger__icon--Color",
       "value": "#b1380b",
@@ -2711,6 +2812,17 @@ export const c_button: {
         "#731f00"
       ]
     },
+    "c_button_m_danger_hover_BackgroundColor": {
+      "name": "--pf-v5-c-button--m-danger--hover--BackgroundColor",
+      "value": "#f2f2f2",
+      "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"
+      ]
+    },
     "c_button_m_danger_hover__icon_Color": {
       "name": "--pf-v5-c-button--m-danger--hover__icon--Color",
       "value": "#731f00",
@@ -2733,6 +2845,17 @@ export const c_button: {
         "#731f00"
       ]
     },
+    "c_button_m_danger_m_clicked_BackgroundColor": {
+      "name": "--pf-v5-c-button--m-danger--m-clicked--BackgroundColor",
+      "value": "#f2f2f2",
+      "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"
+      ]
+    },
     "c_button_m_danger_m_clicked__icon_Color": {
       "name": "--pf-v5-c-button--m-danger--m-clicked__icon--Color",
       "value": "#731f00",
@@ -2743,18 +2866,6 @@ export const c_button: {
         "--pf-t--color--red-orange--70",
         "#731f00"
       ]
-    },
-    "c_button_m_danger_BackgroundColor": {
-      "name": "--pf-v5-c-button--m-danger--BackgroundColor",
-      "value": "transparent"
-    },
-    "c_button_m_danger_hover_BackgroundColor": {
-      "name": "--pf-v5-c-button--m-danger--hover--BackgroundColor",
-      "value": "transparent"
-    },
-    "c_button_m_danger_m_clicked_BackgroundColor": {
-      "name": "--pf-v5-c-button--m-danger--m-clicked--BackgroundColor",
-      "value": "transparent"
     }
   },
   ".pf-v5-c-button.pf-m-link.pf-m-display-lg": {
@@ -2984,10 +3095,13 @@ export const c_button: {
     },
     "c_button_Color": {
       "name": "--pf-v5-c-button--Color",
-      "value": "",
+      "value": "#1f1f1f",
       "values": [
         "--pf-v5-c-button--m-control--Color",
-        ""
+        "--pf-t--global--text--color--regular",
+        "--pf-t--global--text--color--100",
+        "--pf-t--color--gray--90",
+        "#1f1f1f"
       ]
     },
     "c_button_BackgroundColor": {
@@ -3093,9 +3207,9 @@ export const c_button: {
       "name": "--pf-v5-c-button--m-clicked--Color",
       "value": "#1f1f1f",
       "values": [
-        "--pf-v5-c-button--m-control--m-clicked__icon--Color",
-        "--pf-t--global--icon--color--regular",
-        "--pf-t--global--icon--color--100",
+        "--pf-v5-c-button--m-control--m-clicked--Color",
+        "--pf-t--global--text--color--regular",
+        "--pf-t--global--text--color--100",
         "--pf-t--color--gray--90",
         "#1f1f1f"
       ]
@@ -3128,10 +3242,21 @@ export const c_button: {
       "value": "2px",
       "values": [
         "--pf-v5-c-button--m-control--m-clicked--BorderWidth",
-        "--pf-t--global--border--width--control--active",
+        "--pf-t--global--border--width--control--clicked",
         "--pf-t--global--border--width--200",
         "2px"
       ]
+    },
+    "c_button_m_clicked__icon_Color": {
+      "name": "--pf-v5-c-button--m-clicked__icon--Color",
+      "value": "#1f1f1f",
+      "values": [
+        "--pf-v5-c-button--m-control--m-clicked__icon--Color",
+        "--pf-t--global--icon--color--regular",
+        "--pf-t--global--icon--color--100",
+        "--pf-t--color--gray--90",
+        "#1f1f1f"
+      ]
     }
   },
   ".pf-v5-c-button.pf-m-stateful": {
@@ -3446,6 +3571,33 @@ export const c_button: {
     }
   },
   ".pf-v5-c-button.pf-m-plain": {
+    "c_button_BorderRadius": {
+      "name": "--pf-v5-c-button--BorderRadius",
+      "value": "6px",
+      "values": [
+        "--pf-v5-c-button--m-plain--BorderRadius",
+        "--pf-t--global--border--radius--small",
+        "--pf-t--global--border--radius--200",
+        "6px"
+      ]
+    },
+    "c_button_Color": {
+      "name": "--pf-v5-c-button--Color",
+      "value": "",
+      "values": [
+        "--pf-v5-c-button--m-plain--Color",
+        ""
+      ]
+    },
+    "c_button_BackgroundColor": {
+      "name": "--pf-v5-c-button--BackgroundColor",
+      "value": "rgba(255, 255, 255, 0.0000)",
+      "values": [
+        "--pf-v5-c-button--m-plain--BackgroundColor",
+        "--pf-t--global--background--color--action--plain--default",
+        "rgba(255, 255, 255, 0.0000)"
+      ]
+    },
     "c_button_PaddingTop": {
       "name": "--pf-v5-c-button--PaddingTop",
       "value": "",
@@ -3478,81 +3630,15 @@ export const c_button: {
         ""
       ]
     },
-    "c_button_MixBlendMode": {
-      "name": "--pf-v5-c-button--MixBlendMode",
-      "value": "",
-      "values": [
-        "--pf-v5-c-button--m-plain--MixBlendMode",
-        ""
-      ]
-    },
-    "c_button_m_small_PaddingTop": {
-      "name": "--pf-v5-c-button--m-small--PaddingTop",
-      "value": "4px",
-      "values": [
-        "--pf-v5-c-button--m-plain--m-small--PaddingTop",
-        "--pf-t--global--spacer--xs",
-        "--pf-t--global--spacer--100",
-        "4px"
-      ]
-    },
-    "c_button_m_small_PaddingRight": {
-      "name": "--pf-v5-c-button--m-small--PaddingRight",
-      "value": "4px",
-      "values": [
-        "--pf-v5-c-button--m-plain--m-small--PaddingRight",
-        "--pf-t--global--spacer--xs",
-        "--pf-t--global--spacer--100",
-        "4px"
-      ]
-    },
-    "c_button_m_small_PaddingBottom": {
-      "name": "--pf-v5-c-button--m-small--PaddingBottom",
-      "value": "4px",
-      "values": [
-        "--pf-v5-c-button--m-plain--m-small--PaddingBottom",
-        "--pf-t--global--spacer--xs",
-        "--pf-t--global--spacer--100",
-        "4px"
-      ]
-    },
-    "c_button_m_small_PaddingLeft": {
-      "name": "--pf-v5-c-button--m-small--PaddingLeft",
-      "value": "4px",
-      "values": [
-        "--pf-v5-c-button--m-plain--m-small--PaddingLeft",
-        "--pf-t--global--spacer--xs",
-        "--pf-t--global--spacer--100",
-        "4px"
-      ]
-    },
-    "c_button_BorderRadius": {
-      "name": "--pf-v5-c-button--BorderRadius",
-      "value": "6px",
-      "values": [
-        "--pf-v5-c-button--m-plain--BorderRadius",
-        "--pf-t--global--border--radius--small",
-        "--pf-t--global--border--radius--200",
-        "6px"
-      ]
-    },
-    "c_button_Color": {
-      "name": "--pf-v5-c-button--Color",
+    "c_button__progress_Color": {
+      "name": "--pf-v5-c-button__progress--Color",
       "value": "",
       "values": [
-        "--pf-v5-c-button--m-plain--Color",
+        "--pf-v5-c-button--m-in-progress--m-plain--Color",
+        "--pf-v5-c-spinner--Color",
         ""
       ]
     },
-    "c_button_BackgroundColor": {
-      "name": "--pf-v5-c-button--BackgroundColor",
-      "value": "rgba(255, 255, 255, 0.0000)",
-      "values": [
-        "--pf-v5-c-button--m-plain--BackgroundColor",
-        "--pf-t--global--background--color--action--plain--default",
-        "rgba(255, 255, 255, 0.0000)"
-      ]
-    },
     "c_button_hover_Color": {
       "name": "--pf-v5-c-button--hover--Color",
       "value": "#1f1f1f",
@@ -3575,6 +3661,14 @@ export const c_button: {
         "#f2f2f2"
       ]
     },
+    "c_button_hover_MixBlendMode": {
+      "name": "--pf-v5-c-button--hover--MixBlendMode",
+      "value": "",
+      "values": [
+        "--pf-v5-c-button--m-plain--hover--MixBlendMode",
+        ""
+      ]
+    },
     "c_button_m_clicked_Color": {
       "name": "--pf-v5-c-button--m-clicked--Color",
       "value": "#1f1f1f",
@@ -3597,24 +3691,71 @@ export const c_button: {
         "#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",
+        ""
+      ]
+    },
     "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"
       ]
     }
   },
@@ -3675,11 +3816,19 @@ export const c_button: {
         ""
       ]
     },
-    "c_button_m_plain_MixBlendMode": {
-      "name": "--pf-v5-c-button--m-plain--MixBlendMode",
+    "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--MixBlendMode",
+        "--pf-v5-c-button--m-plain--m-no-padding--m-clicked--MixBlendMode",
         "normal"
       ]
     }
@@ -3809,6 +3958,14 @@ 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": "",
@@ -3851,6 +4008,14 @@ 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": "",
@@ -3884,6 +4049,14 @@ 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": {