npm - @patternfly/react-tokens - Versions diffs - 6.5.0-prerelease.1 → 6.5.0-prerelease.11 - Mend

@patternfly/react-tokens 6.5.0-prerelease.1 → 6.5.0-prerelease.11

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 (1546) hide show

package/dist/esm/c_button.d.ts CHANGED Viewed

@@ -969,6 +969,17 @@ export const c_button: {
       "name": "--pf-v6-c-button--m-link--m-inline--PaddingInlineStart",
       "value": "0"
     },
+    "c_button_m_link_m_inline_TextDecorationColor": {
+      "name": "--pf-v6-c-button--m-link--m-inline--TextDecorationColor",
+      "value": "#c7c7c7",
+      "values": [
+        "--pf-t--global--text-decoration--color--default",
+        "--pf-t--global--border--color--default",
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
+      ]
+    },
     "c_button_m_link_m_inline_TextDecorationLine": {
       "name": "--pf-v6-c-button--m-link--m-inline--TextDecorationLine",
       "value": "underline",
@@ -980,11 +991,32 @@ export const c_button: {
     },
     "c_button_m_link_m_inline_TextDecorationStyle": {
       "name": "--pf-v6-c-button--m-link--m-inline--TextDecorationStyle",
-      "value": "solid",
+      "value": "dashed",
       "values": [
         "--pf-t--global--text-decoration--link--style--default",
-        "--pf-t--global--text-decoration--style--100",
-        "solid"
+        "--pf-t--global--text-decoration--style--200",
+        "dashed"
+      ]
+    },
+    "c_button_m_link_m_inline_TextUnderlineOffset": {
+      "name": "--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset",
+      "value": "0.25rem",
+      "values": [
+        "--pf-t--global--text-decoration--offset--default",
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "0.25rem"
+      ]
+    },
+    "c_button_m_link_m_inline_hover_TextDecorationColor": {
+      "name": "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor",
+      "value": "#4394e5",
+      "values": [
+        "--pf-t--global--text-decoration--color--hover",
+        "--pf-t--global--border--color--hover",
+        "--pf-t--global--color--brand--100",
+        "--pf-t--color--blue--40",
+        "#4394e5"
       ]
     },
     "c_button_m_link_m_inline_hover_TextDecorationLine": {
@@ -998,11 +1030,42 @@ export const c_button: {
     },
     "c_button_m_link_m_inline_hover_TextDecorationStyle": {
       "name": "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle",
-      "value": "solid",
+      "value": "dashed",
       "values": [
         "--pf-t--global--text-decoration--link--style--hover",
-        "--pf-t--global--text-decoration--style--100",
-        "solid"
+        "--pf-t--global--text-decoration--style--200",
+        "dashed"
+      ]
+    },
+    "c_button_m_link_m_inline_hover_TextUnderlineOffset": {
+      "name": "--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset",
+      "value": "5",
+      "values": [
+        "--pf-t--global--text-decoration--offset--hover",
+        "5"
+      ]
+    },
+    "c_button_m_link_m_inline_TransitionProperty": {
+      "name": "--pf-v6-c-button--m-link--m-inline--TransitionProperty",
+      "value": "color, text-underline-offset"
+    },
+    "c_button_m_link_m_inline_TransitionDuration": {
+      "name": "--pf-v6-c-button--m-link--m-inline--TransitionDuration",
+      "value": "200ms, 300ms",
+      "values": [
+        "--pf-t--global--motion--duration--fade--default, --pf-t--global--motion--duration--lg",
+        "--pf-t--global--motion--duration--md, --pf-t--global--duration--300",
+        "--pf-t--global--duration--200, 300ms",
+        "200ms, 300ms"
+      ]
+    },
+    "c_button_m_link_m_inline_TransitionTimingFunction": {
+      "name": "--pf-v6-c-button--m-link--m-inline--TransitionTimingFunction",
+      "value": "cubic-bezier(.4, 0, .7, .2), cubic-bezier(.4, 0, .2, 1)",
+      "values": [
+        "--pf-t--global--motion--timing-function--accelerate, --pf-t--global--motion--timing-function--default",
+        "--pf-t--global--timing-function--100, --pf-t--global--timing-function--200",
+        "cubic-bezier(.4, 0, .7, .2), cubic-bezier(.4, 0, .2, 1)"
       ]
     },
     "c_button_m_link_m_inline__progress_InsetInlineStart": {
@@ -1090,10 +1153,6 @@ export const c_button: {
         "#0066cc"
       ]
     },
-    "c_button_m_link_m_inline_TextDecorationColor": {
-      "name": "--pf-v6-c-button--m-link--m-inline--TextDecorationColor",
-      "value": "currentcolor"
-    },
     "c_button_m_link_m_inline_hover_Color": {
       "name": "--pf-v6-c-button--m-link--m-inline--hover--Color",
       "value": "#004d99",
@@ -1116,10 +1175,6 @@ export const c_button: {
         "#004d99"
       ]
     },
-    "c_button_m_link_m_inline_hover_TextDecorationColor": {
-      "name": "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor",
-      "value": "currentcolor"
-    },
     "c_button_m_plain_BorderRadius": {
       "name": "--pf-v6-c-button--m-plain--BorderRadius",
       "value": "6px",
@@ -2169,12 +2224,12 @@ export const c_button: {
     },
     "c_button_disabled_Color": {
       "name": "--pf-v6-c-button--disabled--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-t--global--text--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_button_disabled_BackgroundColor": {
@@ -2197,12 +2252,12 @@ export const c_button: {
     },
     "c_button_disabled__icon_Color": {
       "name": "--pf-v6-c-button--disabled__icon--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-t--global--icon--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_button__icon_Color": {
@@ -3404,6 +3459,38 @@ 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": "0.5rem",
+      "values": [
+        "--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd",
+        "--pf-t--global--spacer--gap--text-to-element--default",
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "0.5rem"
+      ]
+    },
+    "c_button__icon_m_end_MarginInlineStart": {
+      "name": "--pf-v6-c-button__icon--m-end--MarginInlineStart",
+      "value": "0.5rem",
+      "values": [
+        "--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart",
+        "--pf-t--global--spacer--gap--text-to-element--default",
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "0.5rem"
+      ]
+    }
+  },
   ".pf-v6-c-button.pf-m-link.pf-m-inline": {
     "c_button_Display": {
       "name": "--pf-v6-c-button--Display",
@@ -3477,6 +3564,35 @@ export const c_button: {
         "0"
       ]
     },
+    "c_button_TransitionDuration": {
+      "name": "--pf-v6-c-button--TransitionDuration",
+      "value": "200ms, 300ms",
+      "values": [
+        "--pf-v6-c-button--m-link--m-inline--TransitionDuration",
+        "--pf-t--global--motion--duration--fade--default, --pf-t--global--motion--duration--lg",
+        "--pf-t--global--motion--duration--md, --pf-t--global--duration--300",
+        "--pf-t--global--duration--200, 300ms",
+        "200ms, 300ms"
+      ]
+    },
+    "c_button_TransitionTimingFunction": {
+      "name": "--pf-v6-c-button--TransitionTimingFunction",
+      "value": "cubic-bezier(.4, 0, .7, .2), cubic-bezier(.4, 0, .2, 1)",
+      "values": [
+        "--pf-v6-c-button--m-link--m-inline--TransitionTimingFunction",
+        "--pf-t--global--motion--timing-function--accelerate, --pf-t--global--motion--timing-function--default",
+        "--pf-t--global--timing-function--100, --pf-t--global--timing-function--200",
+        "cubic-bezier(.4, 0, .7, .2), cubic-bezier(.4, 0, .2, 1)"
+      ]
+    },
+    "c_button_TransitionProperty": {
+      "name": "--pf-v6-c-button--TransitionProperty",
+      "value": "color, text-underline-offset",
+      "values": [
+        "--pf-v6-c-button--m-link--m-inline--TransitionProperty",
+        "color, text-underline-offset"
+      ]
+    },
     "c_button_BackgroundColor": {
       "name": "--pf-v6-c-button--BackgroundColor",
       "value": "transparent"
@@ -3503,32 +3619,12 @@ export const c_button: {
     },
     "c_button_TextDecorationStyle": {
       "name": "--pf-v6-c-button--TextDecorationStyle",
-      "value": "solid",
+      "value": "dashed",
       "values": [
         "--pf-v6-c-button--m-link--m-inline--TextDecorationStyle",
         "--pf-t--global--text-decoration--link--style--default",
-        "--pf-t--global--text-decoration--style--100",
-        "solid"
-      ]
-    },
-    "c_button_hover_TextDecorationLine": {
-      "name": "--pf-v6-c-button--hover--TextDecorationLine",
-      "value": "underline",
-      "values": [
-        "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine",
-        "--pf-t--global--text-decoration--link--line--hover",
-        "--pf-t--global--text-decoration--line--200",
-        "underline"
-      ]
-    },
-    "c_button_hover_TextDecorationStyle": {
-      "name": "--pf-v6-c-button--hover--TextDecorationStyle",
-      "value": "solid",
-      "values": [
-        "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle",
-        "--pf-t--global--text-decoration--link--style--hover",
-        "--pf-t--global--text-decoration--style--100",
-        "solid"
+        "--pf-t--global--text-decoration--style--200",
+        "dashed"
       ]
     },
     "c_button_hover_BackgroundColor": {
@@ -3593,18 +3689,46 @@ export const c_button: {
     },
     "c_button_TextDecorationColor": {
       "name": "--pf-v6-c-button--TextDecorationColor",
-      "value": "currentcolor",
+      "value": "#c7c7c7",
       "values": [
         "--pf-v6-c-button--m-link--m-inline--TextDecorationColor",
-        "currentcolor"
+        "--pf-t--global--text-decoration--color--default",
+        "--pf-t--global--border--color--default",
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
+      ]
+    },
+    "c_button_hover_TextDecorationLine": {
+      "name": "--pf-v6-c-button--hover--TextDecorationLine",
+      "value": "underline",
+      "values": [
+        "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine",
+        "--pf-t--global--text-decoration--link--line--hover",
+        "--pf-t--global--text-decoration--line--200",
+        "underline"
+      ]
+    },
+    "c_button_hover_TextDecorationStyle": {
+      "name": "--pf-v6-c-button--hover--TextDecorationStyle",
+      "value": "dashed",
+      "values": [
+        "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle",
+        "--pf-t--global--text-decoration--link--style--hover",
+        "--pf-t--global--text-decoration--style--200",
+        "dashed"
       ]
     },
     "c_button_hover_TextDecorationColor": {
       "name": "--pf-v6-c-button--hover--TextDecorationColor",
-      "value": "currentcolor",
+      "value": "#4394e5",
       "values": [
         "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor",
-        "currentcolor"
+        "--pf-t--global--text-decoration--color--hover",
+        "--pf-t--global--border--color--hover",
+        "--pf-t--global--color--brand--100",
+        "--pf-t--color--blue--40",
+        "#4394e5"
       ]
     },
     "c_button_m_link_hover_Color": {
@@ -3646,35 +3770,14 @@ export const c_button: {
       "value": "0"
     }
   },
-  "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": "0.5rem",
-      "values": [
-        "--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd",
-        "--pf-t--global--spacer--gap--text-to-element--default",
-        "--pf-t--global--spacer--sm",
-        "--pf-t--global--spacer--200",
-        "0.5rem"
-      ]
-    },
-    "c_button__icon_m_end_MarginInlineStart": {
-      "name": "--pf-v6-c-button__icon--m-end--MarginInlineStart",
-      "value": "0.5rem",
-      "values": [
-        "--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart",
-        "--pf-t--global--spacer--gap--text-to-element--default",
-        "--pf-t--global--spacer--sm",
-        "--pf-t--global--spacer--200",
-        "0.5rem"
+  ".pf-v6-c-button.pf-m-link.pf-m-inline:hover": {
+    "c_button_m_link_m_inline_TextUnderlineOffset": {
+      "name": "--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset",
+      "value": "5",
+      "values": [
+        "--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset",
+        "--pf-t--global--text-decoration--offset--hover",
+        "5"
       ]
     }
   },