npm - @patternfly/react-tokens - Versions diffs - 6.0.0-alpha.27 → 6.0.0-alpha.29 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7426) hide show

package/dist/esm/c_button.js CHANGED Viewed

@@ -14,48 +14,48 @@ export const c_button = {
     },
     "c_button_Gap": {
       "name": "--pf-v6-c-button--Gap",
-      "value": "8px",
+      "value": "0.5rem",
       "values": [
         "--pf-t--global--spacer--gap--text-to-element--default",
         "--pf-t--global--spacer--sm",
         "--pf-t--global--spacer--200",
-        "8px"
+        "0.5rem"
       ]
     },
     "c_button_PaddingBlockStart": {
       "name": "--pf-v6-c-button--PaddingBlockStart",
-      "value": "8px",
+      "value": "0.5rem",
       "values": [
         "--pf-t--global--spacer--sm",
         "--pf-t--global--spacer--200",
-        "8px"
+        "0.5rem"
       ]
     },
     "c_button_PaddingInlineEnd": {
       "name": "--pf-v6-c-button--PaddingInlineEnd",
-      "value": "24px",
+      "value": "1.5rem",
       "values": [
         "--pf-t--global--spacer--lg",
         "--pf-t--global--spacer--400",
-        "24px"
+        "1.5rem"
       ]
     },
     "c_button_PaddingBlockEnd": {
       "name": "--pf-v6-c-button--PaddingBlockEnd",
-      "value": "8px",
+      "value": "0.5rem",
       "values": [
         "--pf-t--global--spacer--sm",
         "--pf-t--global--spacer--200",
-        "8px"
+        "0.5rem"
       ]
     },
     "c_button_PaddingInlineStart": {
       "name": "--pf-v6-c-button--PaddingInlineStart",
-      "value": "24px",
+      "value": "1.5rem",
       "values": [
         "--pf-t--global--spacer--lg",
         "--pf-t--global--spacer--400",
-        "24px"
+        "1.5rem"
       ]
     },
     "c_button_Color": {
@@ -88,12 +88,12 @@ export const c_button = {
     },
     "c_button_FontSize": {
       "name": "--pf-v6-c-button--FontSize",
-      "value": "14px",
+      "value": "0.875rem",
       "values": [
         "--pf-t--global--font--size--body--default",
         "--pf-t--global--font--size--sm",
         "--pf-t--global--font--size--200",
-        "14px"
+        "0.875rem"
       ]
     },
     "c_button_BackgroundColor": {
@@ -108,7 +108,7 @@ export const c_button = {
       "name": "--pf-v6-c-button--BorderWidth",
       "value": "1px",
       "values": [
-        "--pf-t--global--border--width--button--default",
+        "--pf-t--global--border--width--action--default",
         "--pf-t--global--border--width--100",
         "1px"
       ]
@@ -161,7 +161,7 @@ export const c_button = {
       "name": "--pf-v6-c-button--hover--BorderWidth",
       "value": "2px",
       "values": [
-        "--pf-t--global--border--width--button--hover",
+        "--pf-t--global--border--width--action--hover",
         "--pf-t--global--border--width--200",
         "2px"
       ]
@@ -182,7 +182,7 @@ export const c_button = {
       "name": "--pf-v6-c-button--m-clicked--BorderWidth",
       "value": "2px",
       "values": [
-        "--pf-t--global--border--width--button--clicked",
+        "--pf-t--global--border--width--action--clicked",
         "--pf-t--global--border--width--200",
         "2px"
       ]
@@ -588,20 +588,20 @@ export const c_button = {
     },
     "c_button_m_link_PaddingInlineEnd": {
       "name": "--pf-v6-c-button--m-link--PaddingInlineEnd",
-      "value": "16px",
+      "value": "1rem",
       "values": [
         "--pf-t--global--spacer--md",
         "--pf-t--global--spacer--300",
-        "16px"
+        "1rem"
       ]
     },
     "c_button_m_link_PaddingInlineStart": {
       "name": "--pf-v6-c-button--m-link--PaddingInlineStart",
-      "value": "16px",
+      "value": "1rem",
       "values": [
         "--pf-t--global--spacer--md",
         "--pf-t--global--spacer--300",
-        "16px"
+        "1rem"
       ]
     },
     "c_button_m_link_Color": {
@@ -792,6 +792,10 @@ export const c_button = {
       "name": "--pf-v6-c-button--m-link--m-inline--Display",
       "value": "inline-flex"
     },
+    "c_button_m_link_m_inline_JustifyContent": {
+      "name": "--pf-v6-c-button--m-link--m-inline--JustifyContent",
+      "value": "flex-start"
+    },
     "c_button_m_link_m_inline_FontSize": {
       "name": "--pf-v6-c-button--m-link--m-inline--FontSize",
       "value": "initial"
@@ -831,21 +835,21 @@ export const c_button = {
     },
     "c_button_m_link_m_inline__progress_InsetInlineStart": {
       "name": "--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart",
-      "value": "4px",
+      "value": "0.25rem",
       "values": [
         "--pf-t--global--spacer--xs",
         "--pf-t--global--spacer--100",
-        "4px"
+        "0.25rem"
       ]
     },
     "c_button_m_link_m_inline_m_in_progress_PaddingInlineStart": {
       "name": "--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart",
-      "value": "calc(4px + 1rem + 8px)",
+      "value": "calc(0.25rem + 1rem + 0.5rem)",
       "values": [
         "calc(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart + 1rem + --pf-t--global--spacer--sm)",
         "calc(--pf-t--global--spacer--xs + 1rem + --pf-t--global--spacer--200)",
-        "calc(--pf-t--global--spacer--100 + 1rem + 8px)",
-        "calc(4px + 1rem + 8px)"
+        "calc(--pf-t--global--spacer--100 + 1rem + 0.5rem)",
+        "calc(0.25rem + 1rem + 0.5rem)"
       ]
     },
     "c_button_m_link_m_inline_disabled_Color": {
@@ -874,20 +878,20 @@ export const c_button = {
     },
     "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",
+      "value": "0.25rem",
       "values": [
         "--pf-t--global--spacer--xs",
         "--pf-t--global--spacer--100",
-        "4px"
+        "0.25rem"
       ]
     },
     "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",
+      "value": "0.25rem",
       "values": [
         "--pf-t--global--spacer--xs",
         "--pf-t--global--spacer--100",
-        "4px"
+        "0.25rem"
       ]
     },
     "c_button_m_plain_BorderRadius": {
@@ -901,42 +905,52 @@ export const c_button = {
     },
     "c_button_m_plain_PaddingBlockStart": {
       "name": "--pf-v6-c-button--m-plain--PaddingBlockStart",
-      "value": "8px",
+      "value": "0.5rem",
       "values": [
         "--pf-t--global--spacer--sm",
         "--pf-t--global--spacer--200",
-        "8px"
+        "0.5rem"
       ]
     },
     "c_button_m_plain_PaddingInlineEnd": {
       "name": "--pf-v6-c-button--m-plain--PaddingInlineEnd",
-      "value": "8px",
+      "value": "0.5rem",
       "values": [
         "--pf-t--global--spacer--sm",
         "--pf-t--global--spacer--200",
-        "8px"
+        "0.5rem"
       ]
     },
     "c_button_m_plain_PaddingBlockEnd": {
       "name": "--pf-v6-c-button--m-plain--PaddingBlockEnd",
-      "value": "8px",
+      "value": "0.5rem",
       "values": [
         "--pf-t--global--spacer--sm",
         "--pf-t--global--spacer--200",
-        "8px"
+        "0.5rem"
       ]
     },
     "c_button_m_plain_PaddingInlineStart": {
       "name": "--pf-v6-c-button--m-plain--PaddingInlineStart",
-      "value": "8px",
+      "value": "0.5rem",
       "values": [
         "--pf-t--global--spacer--sm",
         "--pf-t--global--spacer--200",
-        "8px"
+        "0.5rem"
       ]
     },
     "c_button_m_plain_Color": {
       "name": "--pf-v6-c-button--m-plain--Color",
+      "value": "#151515",
+      "values": [
+        "--pf-t--global--text--color--regular",
+        "--pf-t--global--text--color--100",
+        "--pf-t--color--gray--95",
+        "#151515"
+      ]
+    },
+    "c_button_m_plain__icon_Color": {
+      "name": "--pf-v6-c-button--m-plain__icon--Color",
       "value": "#1f1f1f",
       "values": [
         "--pf-t--global--icon--color--regular",
@@ -955,12 +969,12 @@ export const c_button = {
     },
     "c_button_m_plain_MinWidth": {
       "name": "--pf-v6-c-button--m-plain--MinWidth",
-      "value": "calc(1em * 1 + 8px + 8px)",
+      "value": "calc(1em * 1 + 0.5rem + 0.5rem)",
       "values": [
         "calc(1em * --pf-v6-c-button--LineHeight + --pf-v6-c-button--m-plain--PaddingBlockStart + --pf-v6-c-button--m-plain--PaddingBlockEnd)",
         "calc(1em * 1 + --pf-t--global--spacer--sm + --pf-t--global--spacer--sm)",
         "calc(1em * 1 + --pf-t--global--spacer--200 + --pf-t--global--spacer--200)",
-        "calc(1em * 1 + 8px + 8px)"
+        "calc(1em * 1 + 0.5rem + 0.5rem)"
       ]
     },
     "c_button_m_plain_hover_Color": {
@@ -1027,38 +1041,38 @@ export const c_button = {
     },
     "c_button_m_plain_m_small_PaddingBlockStart": {
       "name": "--pf-v6-c-button--m-plain--m-small--PaddingBlockStart",
-      "value": "4px",
+      "value": "0.25rem",
       "values": [
         "--pf-t--global--spacer--xs",
         "--pf-t--global--spacer--100",
-        "4px"
+        "0.25rem"
       ]
     },
     "c_button_m_plain_m_small_PaddingInlineEnd": {
       "name": "--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd",
-      "value": "4px",
+      "value": "0.25rem",
       "values": [
         "--pf-t--global--spacer--xs",
         "--pf-t--global--spacer--100",
-        "4px"
+        "0.25rem"
       ]
     },
     "c_button_m_plain_m_small_PaddingBlockEnd": {
       "name": "--pf-v6-c-button--m-plain--m-small--PaddingBlockEnd",
-      "value": "4px",
+      "value": "0.25rem",
       "values": [
         "--pf-t--global--spacer--xs",
         "--pf-t--global--spacer--100",
-        "4px"
+        "0.25rem"
       ]
     },
     "c_button_m_plain_m_small_PaddingInlineStart": {
       "name": "--pf-v6-c-button--m-plain--m-small--PaddingInlineStart",
-      "value": "4px",
+      "value": "0.25rem",
       "values": [
         "--pf-t--global--spacer--xs",
         "--pf-t--global--spacer--100",
-        "4px"
+        "0.25rem"
       ]
     },
     "c_button_m_plain_m_no_padding_MinWidth": {
@@ -1115,20 +1129,20 @@ export const c_button = {
     },
     "c_button_m_control_PaddingInlineStart": {
       "name": "--pf-v6-c-button--m-control--PaddingInlineStart",
-      "value": "16px",
+      "value": "1rem",
       "values": [
         "--pf-t--global--spacer--md",
         "--pf-t--global--spacer--300",
-        "16px"
+        "1rem"
       ]
     },
     "c_button_m_control_PaddingInlineEnd": {
       "name": "--pf-v6-c-button--m-control--PaddingInlineEnd",
-      "value": "16px",
+      "value": "1rem",
       "values": [
         "--pf-t--global--spacer--md",
         "--pf-t--global--spacer--300",
-        "16px"
+        "1rem"
       ]
     },
     "c_button_m_control_Color": {
@@ -1292,20 +1306,20 @@ export const c_button = {
     },
     "c_button_m_stateful_PaddingInlineStart": {
       "name": "--pf-v6-c-button--m-stateful--PaddingInlineStart",
-      "value": "16px",
+      "value": "1rem",
       "values": [
         "--pf-t--global--spacer--md",
         "--pf-t--global--spacer--300",
-        "16px"
+        "1rem"
       ]
     },
     "c_button_m_stateful_PaddingInlineEnd": {
       "name": "--pf-v6-c-button--m-stateful--PaddingInlineEnd",
-      "value": "16px",
+      "value": "1rem",
       "values": [
         "--pf-t--global--spacer--md",
         "--pf-t--global--spacer--300",
-        "16px"
+        "1rem"
       ]
     },
     "c_button_m_read_BackgroundColor": {
@@ -1386,7 +1400,7 @@ export const c_button = {
       "name": "--pf-v6-c-button--m-unread--BackgroundColor",
       "value": "#06c",
       "values": [
-        "--pf-t--global--color--status--unread--default--default",
+        "--pf-t--global--color--status--unread--default",
         "--pf-t--global--color--brand--default",
         "--pf-t--global--color--brand--200",
         "--pf-t--color--blue--50",
@@ -1419,7 +1433,7 @@ export const c_button = {
       "name": "--pf-v6-c-button--m-unread--hover--BackgroundColor",
       "value": "#004d99",
       "values": [
-        "--pf-t--global--color--status--unread--default--hover",
+        "--pf-t--global--color--status--unread--hover",
         "--pf-t--global--color--brand--hover",
         "--pf-t--global--color--brand--300",
         "--pf-t--color--blue--60",
@@ -1452,7 +1466,7 @@ export const c_button = {
       "name": "--pf-v6-c-button--m-unread--m-clicked--BackgroundColor",
       "value": "#004d99",
       "values": [
-        "--pf-t--global--color--status--unread--default--clicked",
+        "--pf-t--global--color--status--unread--clicked",
         "--pf-t--global--color--brand--clicked",
         "--pf-t--global--color--brand--300",
         "--pf-t--color--blue--60",
@@ -1763,38 +1777,38 @@ export const c_button = {
     },
     "c_button_m_display_lg_PaddingBlockStart": {
       "name": "--pf-v6-c-button--m-display-lg--PaddingBlockStart",
-      "value": "16px",
+      "value": "1rem",
       "values": [
         "--pf-t--global--spacer--md",
         "--pf-t--global--spacer--300",
-        "16px"
+        "1rem"
       ]
     },
     "c_button_m_display_lg_PaddingInlineEnd": {
       "name": "--pf-v6-c-button--m-display-lg--PaddingInlineEnd",
-      "value": "32px",
+      "value": "2rem",
       "values": [
         "--pf-t--global--spacer--xl",
         "--pf-t--global--spacer--500",
-        "32px"
+        "2rem"
       ]
     },
     "c_button_m_display_lg_PaddingBlockEnd": {
       "name": "--pf-v6-c-button--m-display-lg--PaddingBlockEnd",
-      "value": "16px",
+      "value": "1rem",
       "values": [
         "--pf-t--global--spacer--md",
         "--pf-t--global--spacer--300",
-        "16px"
+        "1rem"
       ]
     },
     "c_button_m_display_lg_PaddingInlineStart": {
       "name": "--pf-v6-c-button--m-display-lg--PaddingInlineStart",
-      "value": "32px",
+      "value": "2rem",
       "values": [
         "--pf-t--global--spacer--xl",
         "--pf-t--global--spacer--500",
-        "32px"
+        "2rem"
       ]
     },
     "c_button_m_display_lg_FontWeight": {
@@ -1802,54 +1816,54 @@ export const c_button = {
       "value": "500",
       "values": [
         "--pf-t--global--font--weight--body--bold",
-        "--pf-t--global--font--weight--body--200",
+        "--pf-t--global--font--weight--200",
         "500"
       ]
     },
     "c_button_m_link_m_display_lg_FontSize": {
       "name": "--pf-v6-c-button--m-link--m-display-lg--FontSize",
-      "value": "16px",
+      "value": "1rem",
       "values": [
         "--pf-t--global--font--size--body--lg",
         "--pf-t--global--font--size--md",
         "--pf-t--global--font--size--300",
-        "16px"
+        "1rem"
       ]
     },
     "c_button_m_small_PaddingBlockStart": {
       "name": "--pf-v6-c-button--m-small--PaddingBlockStart",
-      "value": "4px",
+      "value": "0.25rem",
       "values": [
         "--pf-t--global--spacer--xs",
         "--pf-t--global--spacer--100",
-        "4px"
+        "0.25rem"
       ]
     },
     "c_button_m_small_PaddingInlineEnd": {
       "name": "--pf-v6-c-button--m-small--PaddingInlineEnd",
-      "value": "16px",
+      "value": "1rem",
       "values": [
         "--pf-t--global--spacer--md",
         "--pf-t--global--spacer--300",
-        "16px"
+        "1rem"
       ]
     },
     "c_button_m_small_PaddingBlockEnd": {
       "name": "--pf-v6-c-button--m-small--PaddingBlockEnd",
-      "value": "4px",
+      "value": "0.25rem",
       "values": [
         "--pf-t--global--spacer--xs",
         "--pf-t--global--spacer--100",
-        "4px"
+        "0.25rem"
       ]
     },
     "c_button_m_small_PaddingInlineStart": {
       "name": "--pf-v6-c-button--m-small--PaddingInlineStart",
-      "value": "16px",
+      "value": "1rem",
       "values": [
         "--pf-t--global--spacer--md",
         "--pf-t--global--spacer--300",
-        "16px"
+        "1rem"
       ]
     },
     "c_button_disabled_Color": {
@@ -1934,12 +1948,12 @@ export const c_button = {
     },
     "c_button__progress_width": {
       "name": "--pf-v6-c-button__progress--width",
-      "value": "calc(16px + 8px)",
+      "value": "calc(1rem + 0.5rem)",
       "values": [
         "calc(--pf-v6-c-spinner--m-md--diameter + --pf-t--global--spacer--sm)",
         "calc(--pf-t--global--icon--size--lg + --pf-t--global--spacer--200)",
-        "calc(--pf-t--global--icon--size--250 + 8px)",
-        "calc(16px + 8px)"
+        "calc(--pf-t--global--icon--size--250 + 0.5rem)",
+        "calc(1rem + 0.5rem)"
       ]
     },
     "c_button__progress_Opacity": {
@@ -1960,53 +1974,53 @@ export const c_button = {
     },
     "c_button__progress_InsetInlineStart": {
       "name": "--pf-v6-c-button__progress--InsetInlineStart",
-      "value": "16px",
+      "value": "1rem",
       "values": [
         "--pf-t--global--spacer--md",
         "--pf-t--global--spacer--300",
-        "16px"
+        "1rem"
       ]
     },
     "c_button_m_progress_PaddingInlineEnd": {
       "name": "--pf-v6-c-button--m-progress--PaddingInlineEnd",
-      "value": "calc(16px + calc(16px + 8px) / 2)",
+      "value": "calc(1rem + calc(1rem + 0.5rem) / 2)",
       "values": [
         "calc(--pf-t--global--spacer--md + --pf-v6-c-button__progress--width / 2)",
         "calc(--pf-t--global--spacer--300 + calc(--pf-v6-c-spinner--m-md--diameter + --pf-t--global--spacer--sm) / 2)",
-        "calc(16px + calc(--pf-t--global--icon--size--lg + --pf-t--global--spacer--200) / 2)",
-        "calc(16px + calc(--pf-t--global--icon--size--250 + 8px) / 2)",
-        "calc(16px + calc(16px + 8px) / 2)"
+        "calc(1rem + calc(--pf-t--global--icon--size--lg + --pf-t--global--spacer--200) / 2)",
+        "calc(1rem + calc(--pf-t--global--icon--size--250 + 0.5rem) / 2)",
+        "calc(1rem + calc(1rem + 0.5rem) / 2)"
       ]
     },
     "c_button_m_progress_PaddingInlineStart": {
       "name": "--pf-v6-c-button--m-progress--PaddingInlineStart",
-      "value": "calc(16px + calc(16px + 8px) / 2)",
+      "value": "calc(1rem + calc(1rem + 0.5rem) / 2)",
       "values": [
         "calc(--pf-t--global--spacer--md + --pf-v6-c-button__progress--width / 2)",
         "calc(--pf-t--global--spacer--300 + calc(--pf-v6-c-spinner--m-md--diameter + --pf-t--global--spacer--sm) / 2)",
-        "calc(16px + calc(--pf-t--global--icon--size--lg + --pf-t--global--spacer--200) / 2)",
-        "calc(16px + calc(--pf-t--global--icon--size--250 + 8px) / 2)",
-        "calc(16px + calc(16px + 8px) / 2)"
+        "calc(1rem + calc(--pf-t--global--icon--size--lg + --pf-t--global--spacer--200) / 2)",
+        "calc(1rem + calc(--pf-t--global--icon--size--250 + 0.5rem) / 2)",
+        "calc(1rem + calc(1rem + 0.5rem) / 2)"
       ]
     },
     "c_button_m_in_progress_PaddingInlineEnd": {
       "name": "--pf-v6-c-button--m-in-progress--PaddingInlineEnd",
-      "value": "16px",
+      "value": "1rem",
       "values": [
         "--pf-t--global--spacer--md",
         "--pf-t--global--spacer--300",
-        "16px"
+        "1rem"
       ]
     },
     "c_button_m_in_progress_PaddingInlineStart": {
       "name": "--pf-v6-c-button--m-in-progress--PaddingInlineStart",
-      "value": "calc(16px + calc(16px + 8px))",
+      "value": "calc(1rem + calc(1rem + 0.5rem))",
       "values": [
         "calc(--pf-t--global--spacer--md + --pf-v6-c-button__progress--width)",
         "calc(--pf-t--global--spacer--300 + calc(--pf-v6-c-spinner--m-md--diameter + --pf-t--global--spacer--sm))",
-        "calc(16px + calc(--pf-t--global--icon--size--lg + --pf-t--global--spacer--200))",
-        "calc(16px + calc(--pf-t--global--icon--size--250 + 8px))",
-        "calc(16px + calc(16px + 8px))"
+        "calc(1rem + calc(--pf-t--global--icon--size--lg + --pf-t--global--spacer--200))",
+        "calc(1rem + calc(--pf-t--global--icon--size--250 + 0.5rem))",
+        "calc(1rem + calc(1rem + 0.5rem))"
       ]
     },
     "c_button_m_in_progress_m_plain_Color": {
@@ -2506,22 +2520,22 @@ export const c_button = {
   ".pf-v6-c-button.pf-m-link": {
     "c_button_PaddingInlineEnd": {
       "name": "--pf-v6-c-button--PaddingInlineEnd",
-      "value": "16px",
+      "value": "1rem",
       "values": [
         "--pf-v6-c-button--m-link--PaddingInlineEnd",
         "--pf-t--global--spacer--md",
         "--pf-t--global--spacer--300",
-        "16px"
+        "1rem"
       ]
     },
     "c_button_PaddingInlineStart": {
       "name": "--pf-v6-c-button--PaddingInlineStart",
-      "value": "16px",
+      "value": "1rem",
       "values": [
         "--pf-v6-c-button--m-link--PaddingInlineStart",
         "--pf-t--global--spacer--md",
         "--pf-t--global--spacer--300",
-        "16px"
+        "1rem"
       ]
     },
     "c_button_Color": {
@@ -2647,6 +2661,14 @@ export const c_button = {
         "inline-flex"
       ]
     },
+    "c_button_JustifyContent": {
+      "name": "--pf-v6-c-button--JustifyContent",
+      "value": "flex-start",
+      "values": [
+        "--pf-v6-c-button--m-link--m-inline--JustifyContent",
+        "flex-start"
+      ]
+    },
     "c_button_FontSize": {
       "name": "--pf-v6-c-button--FontSize",
       "value": "initial",
@@ -2709,20 +2731,22 @@ export const c_button = {
     },
     "c_button__progress_InsetInlineStart": {
       "name": "--pf-v6-c-button__progress--InsetInlineStart",
-      "value": "4px",
+      "value": "0.25rem",
       "values": [
         "--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart",
         "--pf-t--global--spacer--xs",
         "--pf-t--global--spacer--100",
-        "4px"
+        "0.25rem"
       ]
     },
     "c_button_hover_TextDecoration": {
       "name": "--pf-v6-c-button--hover--TextDecoration",
-      "value": "none",
+      "value": "underline",
       "values": [
         "--pf-v6-c-button--m-link--m-inline--hover--TextDecoration",
-        "none"
+        "--pf-t--global--link--text-decoration--hover",
+        "--pf-t--global--text-decoration--200",
+        "underline"
       ]
     },
     "c_button_hover_BackgroundColor": {
@@ -2771,22 +2795,22 @@ export const c_button = {
     },
     "c_button__icon_m_start_MarginInlineEnd": {
       "name": "--pf-v6-c-button__icon--m-start--MarginInlineEnd",
-      "value": "4px",
+      "value": "0.25rem",
       "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"
+        "0.25rem"
       ]
     },
     "c_button__icon_m_end_MarginInlineStart": {
       "name": "--pf-v6-c-button__icon--m-end--MarginInlineStart",
-      "value": "4px",
+      "value": "0.25rem",
       "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"
+        "0.25rem"
       ]
     }
   },
@@ -2896,13 +2920,13 @@ export const c_button = {
   ".pf-v6-c-button.pf-m-link.pf-m-display-lg": {
     "c_button_FontSize": {
       "name": "--pf-v6-c-button--FontSize",
-      "value": "16px",
+      "value": "1rem",
       "values": [
         "--pf-v6-c-button--m-link--m-display-lg--FontSize",
         "--pf-t--global--font--size--body--lg",
         "--pf-t--global--font--size--md",
         "--pf-t--global--font--size--300",
-        "16px"
+        "1rem"
       ]
     }
   },
@@ -3133,22 +3157,22 @@ export const c_button = {
     },
     "c_button_PaddingInlineStart": {
       "name": "--pf-v6-c-button--PaddingInlineStart",
-      "value": "16px",
+      "value": "1rem",
       "values": [
         "--pf-v6-c-button--m-control--PaddingInlineStart",
         "--pf-t--global--spacer--md",
         "--pf-t--global--spacer--300",
-        "16px"
+        "1rem"
       ]
     },
     "c_button_PaddingInlineEnd": {
       "name": "--pf-v6-c-button--PaddingInlineEnd",
-      "value": "16px",
+      "value": "1rem",
       "values": [
         "--pf-v6-c-button--m-control--PaddingInlineEnd",
         "--pf-t--global--spacer--md",
         "--pf-t--global--spacer--300",
-        "16px"
+        "1rem"
       ]
     },
     "c_button_Color": {
@@ -3330,22 +3354,22 @@ export const c_button = {
     },
     "c_button_PaddingInlineStart": {
       "name": "--pf-v6-c-button--PaddingInlineStart",
-      "value": "16px",
+      "value": "1rem",
       "values": [
         "--pf-v6-c-button--m-stateful--PaddingInlineStart",
         "--pf-t--global--spacer--md",
         "--pf-t--global--spacer--300",
-        "16px"
+        "1rem"
       ]
     },
     "c_button_PaddingInlineEnd": {
       "name": "--pf-v6-c-button--PaddingInlineEnd",
-      "value": "16px",
+      "value": "1rem",
       "values": [
         "--pf-v6-c-button--m-stateful--PaddingInlineEnd",
         "--pf-t--global--spacer--md",
         "--pf-t--global--spacer--300",
-        "16px"
+        "1rem"
       ]
     }
   },
@@ -3438,7 +3462,7 @@ export const c_button = {
       "value": "#06c",
       "values": [
         "--pf-v6-c-button--m-unread--BackgroundColor",
-        "--pf-t--global--color--status--unread--default--default",
+        "--pf-t--global--color--status--unread--default",
         "--pf-t--global--color--brand--default",
         "--pf-t--global--color--brand--200",
         "--pf-t--color--blue--50",
@@ -3474,7 +3498,7 @@ export const c_button = {
       "value": "#004d99",
       "values": [
         "--pf-v6-c-button--m-unread--hover--BackgroundColor",
-        "--pf-t--global--color--status--unread--default--hover",
+        "--pf-t--global--color--status--unread--hover",
         "--pf-t--global--color--brand--hover",
         "--pf-t--global--color--brand--300",
         "--pf-t--color--blue--60",
@@ -3510,7 +3534,7 @@ export const c_button = {
       "value": "#004d99",
       "values": [
         "--pf-v6-c-button--m-unread--m-clicked--BackgroundColor",
-        "--pf-t--global--color--status--unread--default--clicked",
+        "--pf-t--global--color--status--unread--clicked",
         "--pf-t--global--color--brand--clicked",
         "--pf-t--global--color--brand--300",
         "--pf-t--color--blue--60",
@@ -3653,9 +3677,20 @@ export const c_button = {
     },
     "c_button_Color": {
       "name": "--pf-v6-c-button--Color",
-      "value": "#1f1f1f",
+      "value": "#151515",
       "values": [
         "--pf-v6-c-button--m-plain--Color",
+        "--pf-t--global--text--color--regular",
+        "--pf-t--global--text--color--100",
+        "--pf-t--color--gray--95",
+        "#151515"
+      ]
+    },
+    "c_button__icon_Color": {
+      "name": "--pf-v6-c-button__icon--Color",
+      "value": "#1f1f1f",
+      "values": [
+        "--pf-v6-c-button--m-plain__icon--Color",
         "--pf-t--global--icon--color--regular",
         "--pf-t--global--icon--color--100",
         "--pf-t--color--gray--90",
@@ -3673,42 +3708,42 @@ export const c_button = {
     },
     "c_button_PaddingBlockStart": {
       "name": "--pf-v6-c-button--PaddingBlockStart",
-      "value": "8px",
+      "value": "0.5rem",
       "values": [
         "--pf-v6-c-button--m-plain--PaddingBlockStart",
         "--pf-t--global--spacer--sm",
         "--pf-t--global--spacer--200",
-        "8px"
+        "0.5rem"
       ]
     },
     "c_button_PaddingInlineEnd": {
       "name": "--pf-v6-c-button--PaddingInlineEnd",
-      "value": "8px",
+      "value": "0.5rem",
       "values": [
         "--pf-v6-c-button--m-plain--PaddingInlineEnd",
         "--pf-t--global--spacer--sm",
         "--pf-t--global--spacer--200",
-        "8px"
+        "0.5rem"
       ]
     },
     "c_button_PaddingBlockEnd": {
       "name": "--pf-v6-c-button--PaddingBlockEnd",
-      "value": "8px",
+      "value": "0.5rem",
       "values": [
         "--pf-v6-c-button--m-plain--PaddingBlockEnd",
         "--pf-t--global--spacer--sm",
         "--pf-t--global--spacer--200",
-        "8px"
+        "0.5rem"
       ]
     },
     "c_button_PaddingInlineStart": {
       "name": "--pf-v6-c-button--PaddingInlineStart",
-      "value": "8px",
+      "value": "0.5rem",
       "values": [
         "--pf-v6-c-button--m-plain--PaddingInlineStart",
         "--pf-t--global--spacer--sm",
         "--pf-t--global--spacer--200",
-        "8px"
+        "0.5rem"
       ]
     },
     "c_button__progress_Color": {
@@ -3794,42 +3829,42 @@ export const c_button = {
     },
     "c_button_m_small_PaddingBlockStart": {
       "name": "--pf-v6-c-button--m-small--PaddingBlockStart",
-      "value": "4px",
+      "value": "0.25rem",
       "values": [
         "--pf-v6-c-button--m-plain--m-small--PaddingBlockStart",
         "--pf-t--global--spacer--xs",
         "--pf-t--global--spacer--100",
-        "4px"
+        "0.25rem"
       ]
     },
     "c_button_m_small_PaddingInlineEnd": {
       "name": "--pf-v6-c-button--m-small--PaddingInlineEnd",
-      "value": "4px",
+      "value": "0.25rem",
       "values": [
         "--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd",
         "--pf-t--global--spacer--xs",
         "--pf-t--global--spacer--100",
-        "4px"
+        "0.25rem"
       ]
     },
     "c_button_m_small_PaddingBlockEnd": {
       "name": "--pf-v6-c-button--m-small--PaddingBlockEnd",
-      "value": "4px",
+      "value": "0.25rem",
       "values": [
         "--pf-v6-c-button--m-plain--m-small--PaddingBlockEnd",
         "--pf-t--global--spacer--xs",
         "--pf-t--global--spacer--100",
-        "4px"
+        "0.25rem"
       ]
     },
     "c_button_m_small_PaddingInlineStart": {
       "name": "--pf-v6-c-button--m-small--PaddingInlineStart",
-      "value": "4px",
+      "value": "0.25rem",
       "values": [
         "--pf-v6-c-button--m-plain--m-small--PaddingInlineStart",
         "--pf-t--global--spacer--xs",
         "--pf-t--global--spacer--100",
-        "4px"
+        "0.25rem"
       ]
     }
   },
@@ -3904,84 +3939,84 @@ export const c_button = {
   ".pf-v6-c-button.pf-m-small": {
     "c_button_PaddingBlockStart": {
       "name": "--pf-v6-c-button--PaddingBlockStart",
-      "value": "4px",
+      "value": "0.25rem",
       "values": [
         "--pf-v6-c-button--m-small--PaddingBlockStart",
         "--pf-t--global--spacer--xs",
         "--pf-t--global--spacer--100",
-        "4px"
+        "0.25rem"
       ]
     },
     "c_button_PaddingInlineEnd": {
       "name": "--pf-v6-c-button--PaddingInlineEnd",
-      "value": "16px",
+      "value": "1rem",
       "values": [
         "--pf-v6-c-button--m-small--PaddingInlineEnd",
         "--pf-t--global--spacer--md",
         "--pf-t--global--spacer--300",
-        "16px"
+        "1rem"
       ]
     },
     "c_button_PaddingBlockEnd": {
       "name": "--pf-v6-c-button--PaddingBlockEnd",
-      "value": "4px",
+      "value": "0.25rem",
       "values": [
         "--pf-v6-c-button--m-small--PaddingBlockEnd",
         "--pf-t--global--spacer--xs",
         "--pf-t--global--spacer--100",
-        "4px"
+        "0.25rem"
       ]
     },
     "c_button_PaddingInlineStart": {
       "name": "--pf-v6-c-button--PaddingInlineStart",
-      "value": "16px",
+      "value": "1rem",
       "values": [
         "--pf-v6-c-button--m-small--PaddingInlineStart",
         "--pf-t--global--spacer--md",
         "--pf-t--global--spacer--300",
-        "16px"
+        "1rem"
       ]
     }
   },
   ".pf-v6-c-button.pf-m-display-lg": {
     "c_button_PaddingBlockStart": {
       "name": "--pf-v6-c-button--PaddingBlockStart",
-      "value": "16px",
+      "value": "1rem",
       "values": [
         "--pf-v6-c-button--m-display-lg--PaddingBlockStart",
         "--pf-t--global--spacer--md",
         "--pf-t--global--spacer--300",
-        "16px"
+        "1rem"
       ]
     },
     "c_button_PaddingInlineEnd": {
       "name": "--pf-v6-c-button--PaddingInlineEnd",
-      "value": "32px",
+      "value": "2rem",
       "values": [
         "--pf-v6-c-button--m-display-lg--PaddingInlineEnd",
         "--pf-t--global--spacer--xl",
         "--pf-t--global--spacer--500",
-        "32px"
+        "2rem"
       ]
     },
     "c_button_PaddingBlockEnd": {
       "name": "--pf-v6-c-button--PaddingBlockEnd",
-      "value": "16px",
+      "value": "1rem",
       "values": [
         "--pf-v6-c-button--m-display-lg--PaddingBlockEnd",
         "--pf-t--global--spacer--md",
         "--pf-t--global--spacer--300",
-        "16px"
+        "1rem"
       ]
     },
     "c_button_PaddingInlineStart": {
       "name": "--pf-v6-c-button--PaddingInlineStart",
-      "value": "32px",
+      "value": "2rem",
       "values": [
         "--pf-v6-c-button--m-display-lg--PaddingInlineStart",
         "--pf-t--global--spacer--xl",
         "--pf-t--global--spacer--500",
-        "32px"
+        "2rem"
       ]
     },
     "c_button_FontSize": {
@@ -4028,7 +4063,7 @@ export const c_button = {
       "value": "2px",
       "values": [
         "--pf-v6-c-button--hover--BorderWidth",
-        "--pf-t--global--border--width--button--hover",
+        "--pf-t--global--border--width--action--hover",
         "--pf-t--global--border--width--200",
         "2px"
       ]
@@ -4080,7 +4115,7 @@ export const c_button = {
       "value": "2px",
       "values": [
         "--pf-v6-c-button--m-clicked--BorderWidth",
-        "--pf-t--global--border--width--button--clicked",
+        "--pf-t--global--border--width--action--clicked",
         "--pf-t--global--border--width--200",
         "2px"
       ]
@@ -4114,63 +4149,63 @@ export const c_button = {
   ".pf-v6-c-button.pf-m-progress": {
     "c_button_PaddingInlineEnd": {
       "name": "--pf-v6-c-button--PaddingInlineEnd",
-      "value": "calc(16px + calc(16px + 8px) / 2)",
+      "value": "calc(1rem + calc(1rem + 0.5rem) / 2)",
       "values": [
         "--pf-v6-c-button--m-progress--PaddingInlineEnd",
         "calc(--pf-t--global--spacer--md + --pf-v6-c-button__progress--width / 2)",
         "calc(--pf-t--global--spacer--300 + calc(--pf-v6-c-spinner--m-md--diameter + --pf-t--global--spacer--sm) / 2)",
-        "calc(16px + calc(--pf-t--global--icon--size--lg + --pf-t--global--spacer--200) / 2)",
-        "calc(16px + calc(--pf-t--global--icon--size--250 + 8px) / 2)",
-        "calc(16px + calc(16px + 8px) / 2)"
+        "calc(1rem + calc(--pf-t--global--icon--size--lg + --pf-t--global--spacer--200) / 2)",
+        "calc(1rem + calc(--pf-t--global--icon--size--250 + 0.5rem) / 2)",
+        "calc(1rem + calc(1rem + 0.5rem) / 2)"
       ]
     },
     "c_button_PaddingInlineStart": {
       "name": "--pf-v6-c-button--PaddingInlineStart",
-      "value": "calc(16px + calc(16px + 8px) / 2)",
+      "value": "calc(1rem + calc(1rem + 0.5rem) / 2)",
       "values": [
         "--pf-v6-c-button--m-progress--PaddingInlineStart",
         "calc(--pf-t--global--spacer--md + --pf-v6-c-button__progress--width / 2)",
         "calc(--pf-t--global--spacer--300 + calc(--pf-v6-c-spinner--m-md--diameter + --pf-t--global--spacer--sm) / 2)",
-        "calc(16px + calc(--pf-t--global--icon--size--lg + --pf-t--global--spacer--200) / 2)",
-        "calc(16px + calc(--pf-t--global--icon--size--250 + 8px) / 2)",
-        "calc(16px + calc(16px + 8px) / 2)"
+        "calc(1rem + calc(--pf-t--global--icon--size--lg + --pf-t--global--spacer--200) / 2)",
+        "calc(1rem + calc(--pf-t--global--icon--size--250 + 0.5rem) / 2)",
+        "calc(1rem + calc(1rem + 0.5rem) / 2)"
       ]
     }
   },
   ".pf-v6-c-button.pf-m-in-progress": {
     "c_button_m_link_m_inline_PaddingInlineStart": {
       "name": "--pf-v6-c-button--m-link--m-inline--PaddingInlineStart",
-      "value": "calc(4px + 1rem + 8px)",
+      "value": "calc(0.25rem + 1rem + 0.5rem)",
       "values": [
         "--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart",
         "calc(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart + 1rem + --pf-t--global--spacer--sm)",
         "calc(--pf-t--global--spacer--xs + 1rem + --pf-t--global--spacer--200)",
-        "calc(--pf-t--global--spacer--100 + 1rem + 8px)",
-        "calc(4px + 1rem + 8px)"
+        "calc(--pf-t--global--spacer--100 + 1rem + 0.5rem)",
+        "calc(0.25rem + 1rem + 0.5rem)"
       ]
     }
   },
   ".pf-v6-c-button.pf-m-in-progress:not(.pf-m-plain)": {
     "c_button_PaddingInlineEnd": {
       "name": "--pf-v6-c-button--PaddingInlineEnd",
-      "value": "16px",
+      "value": "1rem",
       "values": [
         "--pf-v6-c-button--m-in-progress--PaddingInlineEnd",
         "--pf-t--global--spacer--md",
         "--pf-t--global--spacer--300",
-        "16px"
+        "1rem"
       ]
     },
     "c_button_PaddingInlineStart": {
       "name": "--pf-v6-c-button--PaddingInlineStart",
-      "value": "calc(16px + calc(16px + 8px))",
+      "value": "calc(1rem + calc(1rem + 0.5rem))",
       "values": [
         "--pf-v6-c-button--m-in-progress--PaddingInlineStart",
         "calc(--pf-t--global--spacer--md + --pf-v6-c-button__progress--width)",
         "calc(--pf-t--global--spacer--300 + calc(--pf-v6-c-spinner--m-md--diameter + --pf-t--global--spacer--sm))",
-        "calc(16px + calc(--pf-t--global--icon--size--lg + --pf-t--global--spacer--200))",
-        "calc(16px + calc(--pf-t--global--icon--size--250 + 8px))",
-        "calc(16px + calc(16px + 8px))"
+        "calc(1rem + calc(--pf-t--global--icon--size--lg + --pf-t--global--spacer--200))",
+        "calc(1rem + calc(--pf-t--global--icon--size--250 + 0.5rem))",
+        "calc(1rem + calc(1rem + 0.5rem))"
       ]
     }
   },