@patternfly/react-tokens 6.3.1 → 6.4.0-prerelease.1

package/dist/js/c_button.d.ts

@@ -174,7 +174,7 @@ export const c_button: {
     },
     "c_button_TransitionProperty": {
       "name": "--pf-v6-c-button--TransitionProperty",
-      "value": "color, background, border-width, border-color"
+      "value": "color, background, border-color"
     },
     "c_button_ScaleX": {
       "name": "--pf-v6-c-button--ScaleX",
@@ -184,6 +184,10 @@ export const c_button: {
       "name": "--pf-v6-c-button--ScaleY",
       "value": "1"
     },
+    "c_button_border_offset": {
+      "name": "--pf-v6-c-button--border--offset",
+      "value": "0"
+    },
     "c_button_hover_BackgroundColor": {
       "name": "--pf-v6-c-button--hover--BackgroundColor",
       "value": "transparent"
@@ -789,6 +793,54 @@ export const c_button: {
         "0.25rem"
       ]
     },
+    "c_button_m_link_BorderWidth": {
+      "name": "--pf-v6-c-button--m-link--BorderWidth",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--border--width--action--plain--default",
+        "0px"
+      ]
+    },
+    "c_button_m_link_m_clicked_BorderWidth": {
+      "name": "--pf-v6-c-button--m-link--m-clicked--BorderWidth",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--border--width--action--plain--clicked",
+        "0px"
+      ]
+    },
+    "c_button_m_link_hover_BorderWidth": {
+      "name": "--pf-v6-c-button--m-link--hover--BorderWidth",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--border--width--action--plain--hover",
+        "0px"
+      ]
+    },
+    "c_button_m_link_BorderColor": {
+      "name": "--pf-v6-c-button--m-link--BorderColor",
+      "value": "rgba(255, 255, 255, 0.0000)",
+      "values": [
+        "--pf-t--global--border--color--high-contrast",
+        "rgba(255, 255, 255, 0.0000)"
+      ]
+    },
+    "c_button_m_link_m_clicked_BorderColor": {
+      "name": "--pf-v6-c-button--m-link--m-clicked--BorderColor",
+      "value": "rgba(255, 255, 255, 0.0000)",
+      "values": [
+        "--pf-t--global--border--color--high-contrast",
+        "rgba(255, 255, 255, 0.0000)"
+      ]
+    },
+    "c_button_m_link_hover_BorderColor": {
+      "name": "--pf-v6-c-button--m-link--hover--BorderColor",
+      "value": "rgba(255, 255, 255, 0.0000)",
+      "values": [
+        "--pf-t--global--border--color--high-contrast",
+        "rgba(255, 255, 255, 0.0000)"
+      ]
+    },
     "c_button_m_link_m_danger_Color": {
       "name": "--pf-v6-c-button--m-link--m-danger--Color",
       "value": "#b1380b",
@@ -1207,6 +1259,50 @@ export const c_button: {
         "0.25rem"
       ]
     },
+    "c_button_m_plain_BorderWidth": {
+      "name": "--pf-v6-c-button--m-plain--BorderWidth",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--border--width--action--plain--default",
+        "0px"
+      ]
+    },
+    "c_button_m_plain_m_clicked_BorderWidth": {
+      "name": "--pf-v6-c-button--m-plain--m-clicked--BorderWidth",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--border--width--action--plain--clicked",
+        "0px"
+      ]
+    },
+    "c_button_m_plain_hover_BorderWidth": {
+      "name": "--pf-v6-c-button--m-plain--hover--BorderWidth",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--border--width--action--plain--hover",
+        "0px"
+      ]
+    },
+    "c_button_m_plain_BorderColor": {
+      "name": "--pf-v6-c-button--m-plain--BorderColor",
+      "value": "transparent"
+    },
+    "c_button_m_plain_m_clicked_BorderColor": {
+      "name": "--pf-v6-c-button--m-plain--m-clicked--BorderColor",
+      "value": "rgba(255, 255, 255, 0.0000)",
+      "values": [
+        "--pf-t--global--border--color--high-contrast",
+        "rgba(255, 255, 255, 0.0000)"
+      ]
+    },
+    "c_button_m_plain_hover_BorderColor": {
+      "name": "--pf-v6-c-button--m-plain--hover--BorderColor",
+      "value": "rgba(255, 255, 255, 0.0000)",
+      "values": [
+        "--pf-t--global--border--color--high-contrast",
+        "rgba(255, 255, 255, 0.0000)"
+      ]
+    },
     "c_button_m_plain_m_no_padding_MinWidth": {
       "name": "--pf-v6-c-button--m-plain--m-no-padding--MinWidth",
       "value": "auto"
@@ -1267,16 +1363,9 @@ export const c_button: {
       "name": "--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor",
       "value": "transparent"
     },
-    "c_button__progress_Color": {
-      "name": "--pf-v6-c-button__progress--Color",
-      "value": "#1f1f1f",
-      "values": [
-        "--pf-v6-c-button__icon--Color",
-        "--pf-t--global--icon--color--regular",
-        "--pf-t--global--icon--color--100",
-        "--pf-t--color--gray--90",
-        "#1f1f1f"
-      ]
+    "c_button_m_plain_m_no_padding_border_offset": {
+      "name": "--pf-v6-c-button--m-plain--m-no-padding--border--offset",
+      "value": "calc(0.125rem * -1)"
     },
     "c_button_m_control_BorderRadius": {
       "name": "--pf-v6-c-button--m-control--BorderRadius",
@@ -2351,6 +2440,17 @@ export const c_button: {
         "1rem"
       ]
     },
+    "c_button__progress_Color": {
+      "name": "--pf-v6-c-button__progress--Color",
+      "value": "#1f1f1f",
+      "values": [
+        "--pf-v6-c-button__icon--Color",
+        "--pf-t--global--icon--color--regular",
+        "--pf-t--global--icon--color--100",
+        "--pf-t--color--gray--90",
+        "#1f1f1f"
+      ]
+    },
     "c_button_m_progress_PaddingInlineEnd": {
       "name": "--pf-v6-c-button--m-progress--PaddingInlineEnd",
       "value": "calc(1rem + calc(1rem + 0.5rem) / 2)",
@@ -2454,12 +2554,13 @@ export const c_button: {
     },
     "c_button_m_primary__c_badge_BorderColor": {
       "name": "--pf-v6-c-button--m-primary__c-badge--BorderColor",
-      "value": "#c7c7c7",
+      "value": "#ffffff",
       "values": [
-        "--pf-t--global--border--color--default",
-        "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--30",
-        "#c7c7c7"
+        "--pf-t--global--border--color--alt",
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#ffffff"
       ]
     },
     "c_button_m_block_Display": {
@@ -2663,13 +2764,14 @@ export const c_button: {
   ".pf-v6-c-button.pf-m-primary .pf-v6-c-badge.pf-m-unread": {
     "c_badge_BorderColor": {
       "name": "--pf-v6-c-badge--BorderColor",
-      "value": "#c7c7c7",
+      "value": "#ffffff",
       "values": [
         "--pf-v6-c-button--m-primary__c-badge--BorderColor",
-        "--pf-t--global--border--color--default",
-        "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--30",
-        "#c7c7c7"
+        "--pf-t--global--border--color--alt",
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#ffffff"
       ]
     }
   },
@@ -3069,6 +3171,60 @@ export const c_button: {
         "#0066cc"
       ]
     },
+    "c_button_BorderWidth": {
+      "name": "--pf-v6-c-button--BorderWidth",
+      "value": "0px",
+      "values": [
+        "--pf-v6-c-button--m-link--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-link--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-link--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-link--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-link--m-clicked--BorderWidth",
+        "--pf-t--global--border--width--action--plain--clicked",
+        "0px"
+      ]
+    },
+    "c_button_BorderColor": {
+      "name": "--pf-v6-c-button--BorderColor",
+      "value": "rgba(255, 255, 255, 0.0000)",
+      "values": [
+        "--pf-v6-c-button--m-link--BorderColor",
+        "--pf-t--global--border--color--high-contrast",
+        "rgba(255, 255, 255, 0.0000)"
+      ]
+    },
     "c_button_BorderRadius": {
       "name": "--pf-v6-c-button--BorderRadius",
       "value": "6px",
@@ -3419,6 +3575,18 @@ export const c_button: {
         "--pf-t--color--blue--60",
         "#004d99"
       ]
+    },
+    "c_button_BorderWidth": {
+      "name": "--pf-v6-c-button--BorderWidth",
+      "value": "0"
+    },
+    "c_button_hover_BorderWidth": {
+      "name": "--pf-v6-c-button--hover--BorderWidth",
+      "value": "0"
+    },
+    "c_button_m_clicked_BorderWidth": {
+      "name": "--pf-v6-c-button--m-clicked--BorderWidth",
+      "value": "0"
     }
   },
   "span.pf-v6-c-button.pf-m-link.pf-m-inline": {
@@ -4352,6 +4520,59 @@ export const c_button: {
     }
   },
   ".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",
@@ -4605,6 +4826,14 @@ export const c_button: {
         "--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart",
         "0"
       ]
+    },
+    "c_button_border_offset": {
+      "name": "--pf-v6-c-button--border--offset",
+      "value": "calc(0.125rem * -1)",
+      "values": [
+        "--pf-v6-c-button--m-plain--m-no-padding--border--offset",
+        "calc(0.125rem * -1)"
+      ]
     }
   },
   ".pf-v6-c-button.pf-m-block": {