@patternfly/react-tokens 6.0.0-alpha.25 → 6.0.0-alpha.27

package/dist/js/c_button.d.ts

@@ -2,7 +2,25 @@ export const c_button: {
   ":where(:root, .pf-v6-c-button)": {
     "c_button_Display": {
       "name": "--pf-v6-c-button--Display",
-      "value": "inline-block"
+      "value": "inline-flex"
+    },
+    "c_button_AlignItems": {
+      "name": "--pf-v6-c-button--AlignItems",
+      "value": "baseline"
+    },
+    "c_button_JustifyContent": {
+      "name": "--pf-v6-c-button--JustifyContent",
+      "value": "center"
+    },
+    "c_button_Gap": {
+      "name": "--pf-v6-c-button--Gap",
+      "value": "8px",
+      "values": [
+        "--pf-t--global--spacer--gap--text-to-element--default",
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
+      ]
     },
     "c_button_PaddingBlockStart": {
       "name": "--pf-v6-c-button--PaddingBlockStart",
@@ -42,21 +60,21 @@ export const c_button: {
     },
     "c_button_Color": {
       "name": "--pf-v6-c-button--Color",
-      "value": "#1f1f1f",
+      "value": "#151515",
       "values": [
         "--pf-t--global--text--color--regular",
         "--pf-t--global--text--color--100",
-        "--pf-t--color--gray--90",
-        "#1f1f1f"
+        "--pf-t--color--gray--95",
+        "#151515"
       ]
     },
     "c_button_LineHeight": {
       "name": "--pf-v6-c-button--LineHeight",
-      "value": "1.5",
+      "value": "1.3",
       "values": [
         "--pf-t--global--font--line-height--body",
-        "--pf-t--global--font--line-height--200",
-        "1.5"
+        "--pf-t--global--font--line-height--100",
+        "1.3"
       ]
     },
     "c_button_FontWeight": {
@@ -64,7 +82,7 @@ export const c_button: {
       "value": "400",
       "values": [
         "--pf-t--global--font--weight--body",
-        "--pf-t--global--font--weight--body--100",
+        "--pf-t--global--font--weight--100",
         "400"
       ]
     },
@@ -770,6 +788,10 @@ export const c_button: {
         "#731f00"
       ]
     },
+    "c_button_m_link_m_inline_Display": {
+      "name": "--pf-v6-c-button--m-link--m-inline--Display",
+      "value": "inline-flex"
+    },
     "c_button_m_link_m_inline_FontSize": {
       "name": "--pf-v6-c-button--m-link--m-inline--FontSize",
       "value": "initial"
@@ -846,6 +868,28 @@ export const c_button: {
         "#a3a3a3"
       ]
     },
+    "c_button_span_m_link_m_inline_Display": {
+      "name": "--pf-v6-c-button--span--m-link--m-inline--Display",
+      "value": "inline"
+    },
+    "c_button_span_m_link_m_inline__icon_m_start_MarginInlineEnd": {
+      "name": "--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd",
+      "value": "4px",
+      "values": [
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
+      ]
+    },
+    "c_button_span_m_link_m_inline__icon_m_end_MarginInlineStart": {
+      "name": "--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart",
+      "value": "4px",
+      "values": [
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
+      ]
+    },
     "c_button_m_plain_BorderRadius": {
       "name": "--pf-v6-c-button--m-plain--BorderRadius",
       "value": "6px",
@@ -960,6 +1004,16 @@ export const c_button: {
     "c_button_m_plain_disabled_Color": {
       "name": "--pf-v6-c-button--m-plain--disabled--Color",
       "value": "#a3a3a3",
+      "values": [
+        "--pf-t--global--text--color--disabled",
+        "--pf-t--global--color--disabled--200",
+        "--pf-t--color--gray--40",
+        "#a3a3a3"
+      ]
+    },
+    "c_button_m_plain_disabled__icon_Color": {
+      "name": "--pf-v6-c-button--m-plain--disabled__icon--Color",
+      "value": "#a3a3a3",
       "values": [
         "--pf-t--global--icon--color--disabled",
         "--pf-t--global--color--disabled--200",
@@ -1079,12 +1133,12 @@ export const c_button: {
     },
     "c_button_m_control_Color": {
       "name": "--pf-v6-c-button--m-control--Color",
-      "value": "#1f1f1f",
+      "value": "#151515",
       "values": [
         "--pf-t--global--text--color--regular",
         "--pf-t--global--text--color--100",
-        "--pf-t--color--gray--90",
-        "#1f1f1f"
+        "--pf-t--color--gray--95",
+        "#151515"
       ]
     },
     "c_button_m_control_BackgroundColor": {
@@ -1129,12 +1183,12 @@ export const c_button: {
     },
     "c_button_m_control_hover_Color": {
       "name": "--pf-v6-c-button--m-control--hover--Color",
-      "value": "#1f1f1f",
+      "value": "#151515",
       "values": [
         "--pf-t--global--text--color--regular",
         "--pf-t--global--text--color--100",
-        "--pf-t--color--gray--90",
-        "#1f1f1f"
+        "--pf-t--color--gray--95",
+        "#151515"
       ]
     },
     "c_button_m_control_hover_BackgroundColor": {
@@ -1179,12 +1233,12 @@ export const c_button: {
     },
     "c_button_m_control_m_clicked_Color": {
       "name": "--pf-v6-c-button--m-control--m-clicked--Color",
-      "value": "#1f1f1f",
+      "value": "#151515",
       "values": [
         "--pf-t--global--text--color--regular",
         "--pf-t--global--text--color--100",
-        "--pf-t--color--gray--90",
-        "#1f1f1f"
+        "--pf-t--color--gray--95",
+        "#151515"
       ]
     },
     "c_button_m_control_m_clicked_BackgroundColor": {
@@ -1517,13 +1571,13 @@ export const c_button: {
     },
     "c_button_m_warning_Color": {
       "name": "--pf-v6-c-button--m-warning--Color",
-      "value": "#1f1f1f",
+      "value": "#151515",
       "values": [
         "--pf-t--global--text--color--status--on-warning--default",
         "--pf-t--global--text--color--regular",
         "--pf-t--global--text--color--100",
-        "--pf-t--color--gray--90",
-        "#1f1f1f"
+        "--pf-t--color--gray--95",
+        "#151515"
       ]
     },
     "c_button_m_warning_BackgroundColor": {
@@ -1549,13 +1603,13 @@ export const c_button: {
     },
     "c_button_m_warning_hover_Color": {
       "name": "--pf-v6-c-button--m-warning--hover--Color",
-      "value": "#1f1f1f",
+      "value": "#151515",
       "values": [
         "--pf-t--global--text--color--status--on-warning--hover",
         "--pf-t--global--text--color--regular",
         "--pf-t--global--text--color--100",
-        "--pf-t--color--gray--90",
-        "#1f1f1f"
+        "--pf-t--color--gray--95",
+        "#151515"
       ]
     },
     "c_button_m_warning_hover_BackgroundColor": {
@@ -1581,13 +1635,13 @@ export const c_button: {
     },
     "c_button_m_warning_m_clicked_Color": {
       "name": "--pf-v6-c-button--m-warning--m-clicked--Color",
-      "value": "#1f1f1f",
+      "value": "#151515",
       "values": [
         "--pf-t--global--text--color--status--on-warning--clicked",
         "--pf-t--global--text--color--regular",
         "--pf-t--global--text--color--100",
-        "--pf-t--color--gray--90",
-        "#1f1f1f"
+        "--pf-t--color--gray--95",
+        "#151515"
       ]
     },
     "c_button_m_warning_m_clicked_BackgroundColor": {
@@ -1862,23 +1916,21 @@ export const c_button: {
         "#1f1f1f"
       ]
     },
+    "c_button__icon_MarginInlineStart": {
+      "name": "--pf-v6-c-button__icon--MarginInlineStart",
+      "value": "0"
+    },
+    "c_button__icon_MarginInlineEnd": {
+      "name": "--pf-v6-c-button__icon--MarginInlineEnd",
+      "value": "0"
+    },
     "c_button__icon_m_start_MarginInlineEnd": {
       "name": "--pf-v6-c-button__icon--m-start--MarginInlineEnd",
-      "value": "4px",
-      "values": [
-        "--pf-t--global--spacer--xs",
-        "--pf-t--global--spacer--100",
-        "4px"
-      ]
+      "value": "0"
     },
     "c_button__icon_m_end_MarginInlineStart": {
       "name": "--pf-v6-c-button__icon--m-end--MarginInlineStart",
-      "value": "4px",
-      "values": [
-        "--pf-t--global--spacer--xs",
-        "--pf-t--global--spacer--100",
-        "4px"
-      ]
+      "value": "0"
     },
     "c_button__progress_width": {
       "name": "--pf-v6-c-button__progress--width",
@@ -1973,15 +2025,6 @@ export const c_button: {
       "name": "--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX",
       "value": "-50%"
     },
-    "c_button__count_MarginInlineStart": {
-      "name": "--pf-v6-c-button__count--MarginInlineStart",
-      "value": "8px",
-      "values": [
-        "--pf-t--global--spacer--sm",
-        "--pf-t--global--spacer--200",
-        "8px"
-      ]
-    },
     "c_button_m_primary__c_badge_BorderColor": {
       "name": "--pf-v6-c-button--m-primary__c-badge--BorderColor",
       "value": "#c7c7c7",
@@ -1991,6 +2034,14 @@ export const c_button: {
         "--pf-t--color--gray--30",
         "#c7c7c7"
       ]
+    },
+    "c_button_m_block_Display": {
+      "name": "--pf-v6-c-button--m-block--Display",
+      "value": "flex"
+    },
+    "c_button_m_block_Width": {
+      "name": "--pf-v6-c-button--m-block--Width",
+      "value": "100%"
     }
   },
   ".pf-v6-c-button.pf-m-primary": {
@@ -2475,7 +2526,7 @@ export const c_button: {
     },
     "c_button_Color": {
       "name": "--pf-v6-c-button--Color",
-      "value": "#1f1f1f",
+      "value": "#151515",
       "values": [
         "--pf-v6-c-button--m-link--Color",
         "--pf-v6-c-banner--link--Color",
@@ -2483,8 +2534,8 @@ export const c_button: {
         "--pf-t--global--text--color--nonstatus--on-gray--default",
         "--pf-t--global--text--color--regular",
         "--pf-t--global--text--color--100",
-        "--pf-t--color--gray--90",
-        "#1f1f1f"
+        "--pf-t--color--gray--95",
+        "#151515"
       ]
     },
     "c_button_BorderRadius": {
@@ -2588,6 +2639,14 @@ export const c_button: {
     }
   },
   ".pf-v6-c-button.pf-m-link.pf-m-inline": {
+    "c_button_Display": {
+      "name": "--pf-v6-c-button--Display",
+      "value": "inline-flex",
+      "values": [
+        "--pf-v6-c-button--m-link--m-inline--Display",
+        "inline-flex"
+      ]
+    },
     "c_button_FontSize": {
       "name": "--pf-v6-c-button--FontSize",
       "value": "initial",
@@ -2701,6 +2760,36 @@ export const c_button: {
       ]
     }
   },
+  "span.pf-v6-c-button.pf-m-link.pf-m-inline": {
+    "c_button_m_link_m_inline_Display": {
+      "name": "--pf-v6-c-button--m-link--m-inline--Display",
+      "value": "inline",
+      "values": [
+        "--pf-v6-c-button--span--m-link--m-inline--Display",
+        "inline"
+      ]
+    },
+    "c_button__icon_m_start_MarginInlineEnd": {
+      "name": "--pf-v6-c-button__icon--m-start--MarginInlineEnd",
+      "value": "4px",
+      "values": [
+        "--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd",
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
+      ]
+    },
+    "c_button__icon_m_end_MarginInlineStart": {
+      "name": "--pf-v6-c-button__icon--m-end--MarginInlineStart",
+      "value": "4px",
+      "values": [
+        "--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart",
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
+      ]
+    }
+  },
   ".pf-v6-c-button.pf-m-link.pf-m-danger": {
     "c_button_m_danger_Color": {
       "name": "--pf-v6-c-button--m-danger--Color",
@@ -2820,14 +2909,14 @@ export const c_button: {
   ".pf-v6-c-button.pf-m-warning": {
     "c_button_Color": {
       "name": "--pf-v6-c-button--Color",
-      "value": "#1f1f1f",
+      "value": "#151515",
       "values": [
         "--pf-v6-c-button--m-warning--Color",
         "--pf-t--global--text--color--status--on-warning--default",
         "--pf-t--global--text--color--regular",
         "--pf-t--global--text--color--100",
-        "--pf-t--color--gray--90",
-        "#1f1f1f"
+        "--pf-t--color--gray--95",
+        "#151515"
       ]
     },
     "c_button_BackgroundColor": {
@@ -2855,14 +2944,14 @@ export const c_button: {
     },
     "c_button_hover_Color": {
       "name": "--pf-v6-c-button--hover--Color",
-      "value": "#1f1f1f",
+      "value": "#151515",
       "values": [
         "--pf-v6-c-button--m-warning--hover--Color",
         "--pf-t--global--text--color--status--on-warning--hover",
         "--pf-t--global--text--color--regular",
         "--pf-t--global--text--color--100",
-        "--pf-t--color--gray--90",
-        "#1f1f1f"
+        "--pf-t--color--gray--95",
+        "#151515"
       ]
     },
     "c_button_hover_BackgroundColor": {
@@ -2890,14 +2979,14 @@ export const c_button: {
     },
     "c_button_m_clicked_Color": {
       "name": "--pf-v6-c-button--m-clicked--Color",
-      "value": "#1f1f1f",
+      "value": "#151515",
       "values": [
         "--pf-v6-c-button--m-warning--m-clicked--Color",
         "--pf-t--global--text--color--status--on-warning--clicked",
         "--pf-t--global--text--color--regular",
         "--pf-t--global--text--color--100",
-        "--pf-t--color--gray--90",
-        "#1f1f1f"
+        "--pf-t--color--gray--95",
+        "#151515"
       ]
     },
     "c_button_m_clicked_BackgroundColor": {
@@ -3064,13 +3153,13 @@ export const c_button: {
     },
     "c_button_Color": {
       "name": "--pf-v6-c-button--Color",
-      "value": "#1f1f1f",
+      "value": "#151515",
       "values": [
         "--pf-v6-c-button--m-control--Color",
         "--pf-t--global--text--color--regular",
         "--pf-t--global--text--color--100",
-        "--pf-t--color--gray--90",
-        "#1f1f1f"
+        "--pf-t--color--gray--95",
+        "#151515"
       ]
     },
     "c_button_BackgroundColor": {
@@ -3119,13 +3208,13 @@ export const c_button: {
     },
     "c_button_hover_Color": {
       "name": "--pf-v6-c-button--hover--Color",
-      "value": "#1f1f1f",
+      "value": "#151515",
       "values": [
         "--pf-v6-c-button--m-control--hover--Color",
         "--pf-t--global--text--color--regular",
         "--pf-t--global--text--color--100",
-        "--pf-t--color--gray--90",
-        "#1f1f1f"
+        "--pf-t--color--gray--95",
+        "#151515"
       ]
     },
     "c_button_hover_BackgroundColor": {
@@ -3174,13 +3263,13 @@ export const c_button: {
     },
     "c_button_m_clicked_Color": {
       "name": "--pf-v6-c-button--m-clicked--Color",
-      "value": "#1f1f1f",
+      "value": "#151515",
       "values": [
         "--pf-v6-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"
+        "--pf-t--color--gray--95",
+        "#151515"
       ]
     },
     "c_button_m_clicked_BackgroundColor": {
@@ -3678,6 +3767,17 @@ export const c_button: {
       "value": "#a3a3a3",
       "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"
+      ]
+    },
+    "c_button_disabled__icon_Color": {
+      "name": "--pf-v6-c-button--disabled__icon--Color",
+      "value": "#a3a3a3",
+      "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",
@@ -3791,6 +3891,16 @@ export const c_button: {
       ]
     }
   },
+  ".pf-v6-c-button.pf-m-block": {
+    "c_button_Display": {
+      "name": "--pf-v6-c-button--Display",
+      "value": "flex",
+      "values": [
+        "--pf-v6-c-button--m-block--Display",
+        "flex"
+      ]
+    }
+  },
   ".pf-v6-c-button.pf-m-small": {
     "c_button_PaddingBlockStart": {
       "name": "--pf-v6-c-button--PaddingBlockStart",
@@ -4082,6 +4192,26 @@ export const c_button: {
       ]
     }
   },
+  ".pf-v6-c-button__icon.pf-m-start": {
+    "c_button__icon_MarginInlineEnd": {
+      "name": "--pf-v6-c-button__icon--MarginInlineEnd",
+      "value": "0",
+      "values": [
+        "--pf-v6-c-button__icon--m-start--MarginInlineEnd",
+        "0"
+      ]
+    }
+  },
+  ".pf-v6-c-button__icon.pf-m-end": {
+    "c_button__icon_MarginInlineStart": {
+      "name": "--pf-v6-c-button__icon--MarginInlineStart",
+      "value": "0",
+      "values": [
+        "--pf-v6-c-button__icon--m-end--MarginInlineStart",
+        "0"
+      ]
+    }
+  },
   ".pf-v6-c-button__progress .pf-v6-c-spinner": {
     "c_spinner_Color": {
       "name": "--pf-v6-c-spinner--Color",