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

package/dist/esm/t_global_dark_glass_background_color_glass_opacity.d.ts

@@ -0,0 +1,6 @@
+export const t_global_dark_glass_background_color_glass_opacity: {
+  "name": "--pf-t--global--dark--glass--background--color--glass--opacity",
+  "value": "85%",
+  "var": "var(--pf-t--global--dark--glass--background--color--glass--opacity)"
+};
+export default t_global_dark_glass_background_color_glass_opacity;

package/dist/esm/t_global_dark_glass_background_color_glass_opacity.js

@@ -0,0 +1,6 @@
+export const t_global_dark_glass_background_color_glass_opacity = {
+  "name": "--pf-t--global--dark--glass--background--color--glass--opacity",
+  "value": "85%",
+  "var": "var(--pf-t--global--dark--glass--background--color--glass--opacity)"
+};
+export default t_global_dark_glass_background_color_glass_opacity;

package/dist/esm/t_global_light_glass_background_color_glass_color.d.ts

@@ -0,0 +1,6 @@
+export const t_global_light_glass_background_color_glass_color: {
+  "name": "--pf-t--global--light--glass--background--color--glass--color",
+  "value": "#ffffff",
+  "var": "var(--pf-t--global--light--glass--background--color--glass--color)"
+};
+export default t_global_light_glass_background_color_glass_color;

package/dist/esm/t_global_light_glass_background_color_glass_color.js

@@ -0,0 +1,6 @@
+export const t_global_light_glass_background_color_glass_color = {
+  "name": "--pf-t--global--light--glass--background--color--glass--color",
+  "value": "#ffffff",
+  "var": "var(--pf-t--global--light--glass--background--color--glass--color)"
+};
+export default t_global_light_glass_background_color_glass_color;

package/dist/esm/t_global_light_glass_background_color_glass_default.d.ts

@@ -0,0 +1,6 @@
+export const t_global_light_glass_background_color_glass_default: {
+  "name": "--pf-t--global--light--glass--background--color--glass--default",
+  "value": "color-mix(in srgb, #ffffff 85%, transparent )",
+  "var": "var(--pf-t--global--light--glass--background--color--glass--default)"
+};
+export default t_global_light_glass_background_color_glass_default;

package/dist/esm/t_global_light_glass_background_color_glass_default.js

@@ -0,0 +1,6 @@
+export const t_global_light_glass_background_color_glass_default = {
+  "name": "--pf-t--global--light--glass--background--color--glass--default",
+  "value": "color-mix(in srgb, #ffffff 85%, transparent )",
+  "var": "var(--pf-t--global--light--glass--background--color--glass--default)"
+};
+export default t_global_light_glass_background_color_glass_default;

package/dist/esm/t_global_light_glass_background_color_glass_filter.d.ts

@@ -0,0 +1,6 @@
+export const t_global_light_glass_background_color_glass_filter: {
+  "name": "--pf-t--global--light--glass--background--color--glass--filter",
+  "value": "blur(12.5px)",
+  "var": "var(--pf-t--global--light--glass--background--color--glass--filter)"
+};
+export default t_global_light_glass_background_color_glass_filter;

package/dist/esm/t_global_light_glass_background_color_glass_filter.js

@@ -0,0 +1,6 @@
+export const t_global_light_glass_background_color_glass_filter = {
+  "name": "--pf-t--global--light--glass--background--color--glass--filter",
+  "value": "blur(12.5px)",
+  "var": "var(--pf-t--global--light--glass--background--color--glass--filter)"
+};
+export default t_global_light_glass_background_color_glass_filter;

package/dist/esm/t_global_light_glass_background_color_glass_opacity.d.ts

@@ -0,0 +1,6 @@
+export const t_global_light_glass_background_color_glass_opacity: {
+  "name": "--pf-t--global--light--glass--background--color--glass--opacity",
+  "value": "85%",
+  "var": "var(--pf-t--global--light--glass--background--color--glass--opacity)"
+};
+export default t_global_light_glass_background_color_glass_opacity;

package/dist/esm/t_global_light_glass_background_color_glass_opacity.js

@@ -0,0 +1,6 @@
+export const t_global_light_glass_background_color_glass_opacity = {
+  "name": "--pf-t--global--light--glass--background--color--glass--opacity",
+  "value": "85%",
+  "var": "var(--pf-t--global--light--glass--background--color--glass--opacity)"
+};
+export default t_global_light_glass_background_color_glass_opacity;

package/dist/esm/t_global_text_decoration_color_default.d.ts

@@ -0,0 +1,6 @@
+export const t_global_text_decoration_color_default: {
+  "name": "--pf-t--global--text-decoration--color--default",
+  "value": "#c7c7c7",
+  "var": "var(--pf-t--global--text-decoration--color--default)"
+};
+export default t_global_text_decoration_color_default;

package/dist/esm/t_global_text_decoration_color_default.js

@@ -0,0 +1,6 @@
+export const t_global_text_decoration_color_default = {
+  "name": "--pf-t--global--text-decoration--color--default",
+  "value": "#c7c7c7",
+  "var": "var(--pf-t--global--text-decoration--color--default)"
+};
+export default t_global_text_decoration_color_default;

package/dist/esm/t_global_text_decoration_color_hover.d.ts

@@ -0,0 +1,6 @@
+export const t_global_text_decoration_color_hover: {
+  "name": "--pf-t--global--text-decoration--color--hover",
+  "value": "currentcolor",
+  "var": "var(--pf-t--global--text-decoration--color--hover)"
+};
+export default t_global_text_decoration_color_hover;

package/dist/esm/t_global_text_decoration_color_hover.js

@@ -0,0 +1,6 @@
+export const t_global_text_decoration_color_hover = {
+  "name": "--pf-t--global--text-decoration--color--hover",
+  "value": "currentcolor",
+  "var": "var(--pf-t--global--text-decoration--color--hover)"
+};
+export default t_global_text_decoration_color_hover;

package/dist/esm/t_global_text_decoration_offset_hover.d.ts

@@ -0,0 +1,6 @@
+export const t_global_text_decoration_offset_hover: {
+  "name": "--pf-t--global--text-decoration--offset--hover",
+  "value": "calc(0.25rem + 1px)",
+  "var": "var(--pf-t--global--text-decoration--offset--hover)"
+};
+export default t_global_text_decoration_offset_hover;

package/dist/esm/t_global_text_decoration_offset_hover.js

@@ -0,0 +1,6 @@
+export const t_global_text_decoration_offset_hover = {
+  "name": "--pf-t--global--text-decoration--offset--hover",
+  "value": "calc(0.25rem + 1px)",
+  "var": "var(--pf-t--global--text-decoration--offset--hover)"
+};
+export default t_global_text_decoration_offset_hover;

package/dist/js/c_button.d.ts

@@ -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",
@@ -987,6 +998,24 @@ export const c_button: {
         "solid"
       ]
     },
+    "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": "currentcolor",
+      "values": [
+        "--pf-t--global--text-decoration--color--hover",
+        "currentcolor"
+      ]
+    },
     "c_button_m_link_m_inline_hover_TextDecorationLine": {
       "name": "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine",
       "value": "underline",
@@ -1005,6 +1034,39 @@ export const c_button: {
         "solid"
       ]
     },
+    "c_button_m_link_m_inline_hover_TextUnderlineOffset": {
+      "name": "--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset",
+      "value": "calc(0.25rem + 1px)",
+      "values": [
+        "--pf-t--global--text-decoration--offset--hover",
+        "calc(--pf-t--global--spacer--xs + 1px)",
+        "calc(--pf-t--global--spacer--100 + 1px)",
+        "calc(0.25rem + 1px)"
+      ]
+    },
+    "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": {
       "name": "--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart",
       "value": "0.25rem",
@@ -1090,10 +1152,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 +1174,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",
@@ -3404,6 +3458,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 +3563,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"
@@ -3511,26 +3626,6 @@ export const c_button: {
         "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"
-      ]
-    },
     "c_button_hover_BackgroundColor": {
       "name": "--pf-v6-c-button--hover--BackgroundColor",
       "value": "transparent"
@@ -3593,10 +3688,34 @@ 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": "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"
       ]
     },
     "c_button_hover_TextDecorationColor": {
@@ -3604,6 +3723,7 @@ export const c_button: {
       "value": "currentcolor",
       "values": [
         "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor",
+        "--pf-t--global--text-decoration--color--hover",
         "currentcolor"
       ]
     },
@@ -3646,35 +3766,16 @@ 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": "calc(0.25rem + 1px)",
+      "values": [
+        "--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset",
+        "--pf-t--global--text-decoration--offset--hover",
+        "calc(--pf-t--global--spacer--xs + 1px)",
+        "calc(--pf-t--global--spacer--100 + 1px)",
+        "calc(0.25rem + 1px)"
       ]
     }
   },