@patternfly/react-tokens 6.0.0-alpha.7 → 6.0.0-alpha.8

package/dist/js/c_DragDrop.d.ts

@@ -4,9 +4,9 @@ export const c_DragDrop: {
       "name": "--pf-v5-c-draggable--m-dragging--BackgroundColor",
       "value": "#fff",
       "values": [
-        "--pf-v5-global--BackgroundColor--100",
-        "$pf-v5-global--BackgroundColor--100",
-        "$pf-v5-color-white",
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
         "#fff"
       ]
     }

package/dist/js/c_DragDrop.js

@@ -6,9 +6,9 @@ exports.c_DragDrop = {
       "name": "--pf-v5-c-draggable--m-dragging--BackgroundColor",
       "value": "#fff",
       "values": [
-        "--pf-v5-global--BackgroundColor--100",
-        "$pf-v5-global--BackgroundColor--100",
-        "$pf-v5-color-white",
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
         "#fff"
       ]
     }

package/dist/js/c_button.d.ts

@@ -1,5 +1,9 @@
 export const c_button: {
-  ":root": {
+  ":where(:root)": {
+    "c_button_Display": {
+      "name": "--pf-v5-c-button--Display",
+      "value": "inline-block"
+    },
     "c_button_PaddingTop": {
       "name": "--pf-v5-c-button--PaddingTop",
       "value": "8px",
@@ -144,6 +148,10 @@ export const c_button: {
         "999px"
       ]
     },
+    "c_button_MixBlendMode": {
+      "name": "--pf-v5-c-button--MixBlendMode",
+      "value": "normal"
+    },
     "c_button_hover_BackgroundColor": {
       "name": "--pf-v5-c-button--hover--BackgroundColor",
       "value": "transparent"
@@ -615,6 +623,15 @@ export const c_button: {
         "rgba(255, 255, 255, 0.0000)"
       ]
     },
+    "c_button_m_link_MixBlendMode": {
+      "name": "--pf-v5-c-button--m-link--MixBlendMode",
+      "value": "multiply",
+      "values": [
+        "--pf-t--global--background--color--action--plain--hover--blend",
+        "--pf-t--global--mix-blend-mode--100",
+        "multiply"
+      ]
+    },
     "c_button_m_link__icon_Color": {
       "name": "--pf-v5-c-button--m-link__icon--Color",
       "value": "#06c",
@@ -871,42 +888,6 @@ export const c_button: {
         "8px"
       ]
     },
-    "c_button_m_plain_m_small_PaddingTop": {
-      "name": "--pf-v5-c-button--m-plain--m-small--PaddingTop",
-      "value": "4px",
-      "values": [
-        "--pf-t--global--spacer--xs",
-        "--pf-t--global--spacer--100",
-        "4px"
-      ]
-    },
-    "c_button_m_plain_m_small_PaddingRight": {
-      "name": "--pf-v5-c-button--m-plain--m-small--PaddingRight",
-      "value": "4px",
-      "values": [
-        "--pf-t--global--spacer--xs",
-        "--pf-t--global--spacer--100",
-        "4px"
-      ]
-    },
-    "c_button_m_plain_m_small_PaddingBottom": {
-      "name": "--pf-v5-c-button--m-plain--m-small--PaddingBottom",
-      "value": "4px",
-      "values": [
-        "--pf-t--global--spacer--xs",
-        "--pf-t--global--spacer--100",
-        "4px"
-      ]
-    },
-    "c_button_m_plain_m_small_PaddingLeft": {
-      "name": "--pf-v5-c-button--m-plain--m-small--PaddingLeft",
-      "value": "4px",
-      "values": [
-        "--pf-t--global--spacer--xs",
-        "--pf-t--global--spacer--100",
-        "4px"
-      ]
-    },
     "c_button_m_plain_Color": {
       "name": "--pf-v5-c-button--m-plain--Color",
       "value": "#1f1f1f",
@@ -925,6 +906,25 @@ export const c_button: {
         "rgba(255, 255, 255, 0.0000)"
       ]
     },
+    "c_button_m_plain_MixBlendMode": {
+      "name": "--pf-v5-c-button--m-plain--MixBlendMode",
+      "value": "multiply",
+      "values": [
+        "--pf-t--global--background--color--action--plain--hover--blend",
+        "--pf-t--global--mix-blend-mode--100",
+        "multiply"
+      ]
+    },
+    "c_button_m_plain_MinWidth": {
+      "name": "--pf-v5-c-button--m-plain--MinWidth",
+      "value": "calc(1em * 1.5 + 8px + 8px)",
+      "values": [
+        "calc(1em * --pf-v5-c-button--LineHeight + --pf-v5-c-button--m-plain--PaddingTop + --pf-v5-c-button--m-plain--PaddingBottom)",
+        "calc(1em * --pf-t--global--font--line-height--body + --pf-t--global--spacer--sm + --pf-t--global--spacer--sm)",
+        "calc(1em * --pf-t--global--font--line-height--200 + --pf-t--global--spacer--200 + --pf-t--global--spacer--200)",
+        "calc(1em * 1.5 + 8px + 8px)"
+      ]
+    },
     "c_button_m_plain_hover_Color": {
       "name": "--pf-v5-c-button--m-plain--hover--Color",
       "value": "#1f1f1f",
@@ -975,6 +975,78 @@ export const c_button: {
         "#4d4d4d"
       ]
     },
+    "c_button_m_plain_m_small_PaddingTop": {
+      "name": "--pf-v5-c-button--m-plain--m-small--PaddingTop",
+      "value": "4px",
+      "values": [
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
+      ]
+    },
+    "c_button_m_plain_m_small_PaddingRight": {
+      "name": "--pf-v5-c-button--m-plain--m-small--PaddingRight",
+      "value": "4px",
+      "values": [
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
+      ]
+    },
+    "c_button_m_plain_m_small_PaddingBottom": {
+      "name": "--pf-v5-c-button--m-plain--m-small--PaddingBottom",
+      "value": "4px",
+      "values": [
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
+      ]
+    },
+    "c_button_m_plain_m_small_PaddingLeft": {
+      "name": "--pf-v5-c-button--m-plain--m-small--PaddingLeft",
+      "value": "4px",
+      "values": [
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
+      ]
+    },
+    "c_button_m_plain_m_no_padding_MixBlendMode": {
+      "name": "--pf-v5-c-button--m-plain--m-no-padding--MixBlendMode",
+      "value": "normal"
+    },
+    "c_button_m_plain_m_no_padding_MinWidth": {
+      "name": "--pf-v5-c-button--m-plain--m-no-padding--MinWidth",
+      "value": "auto"
+    },
+    "c_button_m_plain_m_no_padding_PaddingTop": {
+      "name": "--pf-v5-c-button--m-plain--m-no-padding--PaddingTop",
+      "value": "0"
+    },
+    "c_button_m_plain_m_no_padding_PaddingRight": {
+      "name": "--pf-v5-c-button--m-plain--m-no-padding--PaddingRight",
+      "value": "0"
+    },
+    "c_button_m_plain_m_no_padding_PaddingBottom": {
+      "name": "--pf-v5-c-button--m-plain--m-no-padding--PaddingBottom",
+      "value": "0"
+    },
+    "c_button_m_plain_m_no_padding_PaddingLeft": {
+      "name": "--pf-v5-c-button--m-plain--m-no-padding--PaddingLeft",
+      "value": "0"
+    },
+    "c_button_m_plain_m_no_padding_BackgroundColor": {
+      "name": "--pf-v5-c-button--m-plain--m-no-padding--BackgroundColor",
+      "value": "transparent"
+    },
+    "c_button_m_plain_m_no_padding_hover_BackgroundColor": {
+      "name": "--pf-v5-c-button--m-plain--m-no-padding--hover--BackgroundColor",
+      "value": "transparent"
+    },
+    "c_button_m_plain_m_no_padding_m_clicked_BackgroundColor": {
+      "name": "--pf-v5-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor",
+      "value": "transparent"
+    },
     "c_button__progress_Color": {
       "name": "--pf-v5-c-button__progress--Color",
       "value": "#1f1f1f",
@@ -986,25 +1058,6 @@ export const c_button: {
         "#1f1f1f"
       ]
     },
-    "c_button_m_plain_MixBlendMode": {
-      "name": "--pf-v5-c-button--m-plain--MixBlendMode",
-      "value": "multiply",
-      "values": [
-        "--pf-t--global--background--color--action--plain--hover--blend",
-        "--pf-t--global--mix-blend-mode--100",
-        "multiply"
-      ]
-    },
-    "c_button_m_plain_MinWidth": {
-      "name": "--pf-v5-c-button--m-plain--MinWidth",
-      "value": "calc(1em * 1.5 + 8px + 8px)",
-      "values": [
-        "calc(1em * --pf-v5-c-button--LineHeight + --pf-v5-c-button--m-plain--PaddingTop + --pf-v5-c-button--m-plain--PaddingBottom)",
-        "calc(1em * --pf-t--global--font--line-height--body + --pf-t--global--spacer--sm + --pf-t--global--spacer--sm)",
-        "calc(1em * --pf-t--global--font--line-height--200 + --pf-t--global--spacer--200 + --pf-t--global--spacer--200)",
-        "calc(1em * 1.5 + 8px + 8px)"
-      ]
-    },
     "c_button_m_control_BorderRadius": {
       "name": "--pf-v5-c-button--m-control--BorderRadius",
       "value": "6px",
@@ -2457,6 +2510,16 @@ 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",
@@ -3425,42 +3488,42 @@ export const c_button: {
   ".pf-v5-c-button.pf-m-plain": {
     "c_button_PaddingTop": {
       "name": "--pf-v5-c-button--PaddingTop",
-      "value": "8px",
+      "value": "",
       "values": [
         "--pf-v5-c-button--m-plain--PaddingTop",
-        "--pf-t--global--spacer--sm",
-        "--pf-t--global--spacer--200",
-        "8px"
+        ""
       ]
     },
     "c_button_PaddingRight": {
       "name": "--pf-v5-c-button--PaddingRight",
-      "value": "8px",
+      "value": "",
       "values": [
         "--pf-v5-c-button--m-plain--PaddingRight",
-        "--pf-t--global--spacer--sm",
-        "--pf-t--global--spacer--200",
-        "8px"
+        ""
       ]
     },
     "c_button_PaddingBottom": {
       "name": "--pf-v5-c-button--PaddingBottom",
-      "value": "8px",
+      "value": "",
       "values": [
         "--pf-v5-c-button--m-plain--PaddingBottom",
-        "--pf-t--global--spacer--sm",
-        "--pf-t--global--spacer--200",
-        "8px"
+        ""
       ]
     },
     "c_button_PaddingLeft": {
       "name": "--pf-v5-c-button--PaddingLeft",
-      "value": "8px",
+      "value": "",
       "values": [
         "--pf-v5-c-button--m-plain--PaddingLeft",
-        "--pf-t--global--spacer--sm",
-        "--pf-t--global--spacer--200",
-        "8px"
+        ""
+      ]
+    },
+    "c_button_MixBlendMode": {
+      "name": "--pf-v5-c-button--MixBlendMode",
+      "value": "",
+      "values": [
+        "--pf-v5-c-button--m-plain--MixBlendMode",
+        ""
       ]
     },
     "c_button_m_small_PaddingTop": {
@@ -3592,6 +3655,72 @@ export const c_button: {
       ]
     }
   },
+  ".pf-v5-c-button.pf-m-plain.pf-m-no-padding": {
+    "c_button_BackgroundColor": {
+      "name": "--pf-v5-c-button--BackgroundColor",
+      "value": "transparent",
+      "values": [
+        "--pf-v5-c-button--m-plain--m-no-padding--BackgroundColor",
+        "transparent"
+      ]
+    },
+    "c_button_hover_BackgroundColor": {
+      "name": "--pf-v5-c-button--hover--BackgroundColor",
+      "value": "transparent",
+      "values": [
+        "--pf-v5-c-button--m-plain--m-no-padding--hover--BackgroundColor",
+        "transparent"
+      ]
+    },
+    "c_button_m_clicked_BackgroundColor": {
+      "name": "--pf-v5-c-button--m-clicked--BackgroundColor",
+      "value": "transparent",
+      "values": [
+        "--pf-v5-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor",
+        "transparent"
+      ]
+    },
+    "c_button_m_plain_PaddingTop": {
+      "name": "--pf-v5-c-button--m-plain--PaddingTop",
+      "value": "",
+      "values": [
+        "--pf-v5-c-button--m-plain--m-no-padding--PaddingTop",
+        ""
+      ]
+    },
+    "c_button_m_plain_PaddingRight": {
+      "name": "--pf-v5-c-button--m-plain--PaddingRight",
+      "value": "",
+      "values": [
+        "--pf-v5-c-button--m-plain--m-no-padding--PaddingRight",
+        ""
+      ]
+    },
+    "c_button_m_plain_PaddingBottom": {
+      "name": "--pf-v5-c-button--m-plain--PaddingBottom",
+      "value": "",
+      "values": [
+        "--pf-v5-c-button--m-plain--m-no-padding--PaddingBottom",
+        ""
+      ]
+    },
+    "c_button_m_plain_PaddingLeft": {
+      "name": "--pf-v5-c-button--m-plain--PaddingLeft",
+      "value": "",
+      "values": [
+        "--pf-v5-c-button--m-plain--m-no-padding--PaddingLeft",
+        ""
+      ]
+    },
+    "c_button_m_plain_MixBlendMode": {
+      "name": "--pf-v5-c-button--m-plain--MixBlendMode",
+      "value": "normal",
+      "values": [
+        "--pf-v5-c-button--m-plain--m-no-padding--MixBlendMode",
+        "normal"
+      ]
+    }
+  },
   ".pf-v5-c-button.pf-m-small": {
     "c_button_PaddingTop": {
       "name": "--pf-v5-c-button--PaddingTop",