@rijkshuisstijl-community/design-tokens 1.0.1 → 1.2.0

package/dist/uitvoerend-violet/root.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Sun, 09 Mar 2025 17:51:30 GMT
+ * Generated on Tue, 29 Apr 2025 12:01:02 GMT
  */
 
 :root {
@@ -52,6 +52,28 @@
   --nl-heading-level-1-font-weight: 700;
   --nl-heading-level-1-font-family: Fira Sans, Arial, Verdana, sans-serif;
   --nl-heading-level-1-color: #154273;
+  --nl-link-line-height: 150%;
+  --nl-link-font-size: 1.25rem;
+  --nl-link-font-weight: 400;
+  --nl-link-font-family: Fira Sans, Arial, Verdana, sans-serif;
+  --nl-link-text-underline-offset: 0.125rem;
+  --nl-link-text-decoration-thickness: auto;
+  --nl-link-column-gap: 0.25rem;
+  --nl-link-icon-size: 24px;
+  --nl-link-icon-inset-block-start: 0.25rem;
+  --nl-link-text-decoration: underline;
+  --nl-link-visited-color: #42145f;
+  --nl-link-hover-text-decoration-thickness: auto;
+  --nl-link-hover-text-decoration: None;
+  --nl-link-hover-color: #01496c;
+  --nl-link-focus-text-decoration-thickness: auto;
+  --nl-link-focus-text-decoration: None;
+  --nl-link-focus-color: #01689b;
+  --nl-link-focus-background-color: transparent;
+  --nl-link-active-text-decoration: None;
+  --nl-link-active-color: #42145f;
+  --nl-link-text-decoration-color: #01689b;
+  --nl-link-color: #01689b;
   --nl-paragraph-lead-line-height: 150%;
   --nl-paragraph-lead-font-weight: 400;
   --nl-paragraph-lead-font-size: 1.5rem;
@@ -200,6 +222,7 @@
   --rhc-card-as-link-heading-font-weight: 700;
   --rhc-card-as-link-heading-font-size: 1.5rem;
   --rhc-card-as-link-heading-padding-block-start: 0.5rem;
+  --rhc-card-as-link-heading-color: #154273;
   --rhc-card-as-link-full-bleed-opacity: 0.5;
   --rhc-card-as-link-full-bleed-color: #fff;
   --rhc-card-as-link-full-bleed-border-color: transparent;
@@ -215,14 +238,14 @@
   --rhc-card-as-link-padding-inline-end: 1rem;
   --rhc-card-as-link-padding-block-start: 1rem;
   --rhc-card-as-link-padding-block-end: 1rem;
-  --rhc-card-as-link-metadata-color: #0F172A;
+  --rhc-card-as-link-metadata-color: #334155;
   --rhc-card-as-link-link-focus-text-decoration: none;
   --rhc-card-as-link-link-hover-text-decoration: none;
   --rhc-card-as-link-link-active-text-decoration: none;
   --rhc-card-as-link-link-text-decoration: underline;
   --rhc-card-as-link-link-color: #01689b;
   --rhc-card-as-link-icon-size: 24px;
-  --rhc-card-as-link-icon-color: #0F172A;
+  --rhc-card-as-link-icon-color: #154273;
   --rhc-card-as-link-inline-size: 328px;
   --rhc-card-as-link-column-gap: 1rem;
   --rhc-card-as-link-color: #0F172A;
@@ -563,6 +586,7 @@
   --rhc-color-cool-grey-200: #E2E8F0;
   --rhc-color-cool-grey-100: #F1F5F9;
   --rhc-color-cool-grey-50: #F8FAFC;
+  --rhc-color-accent-2-500: #f092cd;
   --rhc-color-accent-500: #8fcae7;
   --rhc-color-feedback-warning-subdued: #fff4db;
   --rhc-color-feedback-warning-default: #ffb612;
@@ -576,8 +600,8 @@
   --rhc-color-border-strong: #0F172A;
   --rhc-color-border-subdued: #94A3B8;
   --rhc-color-border-default: #64748B;
-  --rhc-color-foreground-link: #01689b;
   --rhc-color-foreground-on-emphasis: #fff;
+  --rhc-color-foreground-link: #01689b;
   --rhc-color-foreground-subdued: #334155;
   --rhc-color-foreground-default: #0F172A;
   --rhc-color-focus-outline: #000;
@@ -738,11 +762,17 @@
   --utrecht-breadcrumb-nav-link-icon-size: 24px;
   --utrecht-breadcrumb-nav-font-size: 1.25rem;
   --utrecht-breadcrumb-nav-line-height: 1.4;
+  --utrecht-button-pressed-color: #fff;
+  --utrecht-button-pressed-border-color: transparent;
+  --utrecht-button-pressed-background-color: #1E293B;
+  --utrecht-button-subtle-pressed-color: #63143a;
+  --utrecht-button-subtle-pressed-border-color: transparent;
+  --utrecht-button-subtle-pressed-background-color: #e5b3d0;
   --utrecht-button-subtle-line-height: 1.875rem;
   --utrecht-button-subtle-active-color: #65003a;
   --utrecht-button-subtle-active-border-color: transparent;
-  --utrecht-button-subtle-active-background-color: transparent;
-  --utrecht-button-subtle-focus-color: #a90061;
+  --utrecht-button-subtle-active-background-color: #D88CB7;
+  --utrecht-button-subtle-focus-color: #741344;
   --utrecht-button-subtle-focus-border-color: transparent;
   --utrecht-button-subtle-focus-background-color: #f2d9e7;
   --utrecht-button-subtle-disabled-color: #e5b3d0;
@@ -753,27 +783,33 @@
   --utrecht-button-subtle-background-color: transparent;
   --utrecht-button-subtle-hover-color: #741344;
   --utrecht-button-subtle-hover-border-color: transparent;
-  --utrecht-button-subtle-hover-background-color: transparent;
+  --utrecht-button-subtle-hover-background-color: #f2d9e7;
   --utrecht-button-subtle-font-weight: 700;
   --utrecht-button-subtle-font-size: 1.25rem;
+  --utrecht-button-secondary-action-pressed-color: #63143a;
+  --utrecht-button-secondary-action-pressed-border-color: #63143a;
+  --utrecht-button-secondary-action-pressed-background-color: #e5b3d0;
   --utrecht-button-secondary-action-line-height: 1.875rem;
   --utrecht-button-secondary-action-font-size: 1.25rem;
-  --utrecht-button-secondary-action-active-color: #a90061;
-  --utrecht-button-secondary-action-active-border-color: #a90061;
+  --utrecht-button-secondary-action-active-color: #741344;
+  --utrecht-button-secondary-action-active-border-color: #63143a;
   --utrecht-button-secondary-action-active-background-color: #D88CB7;
   --utrecht-button-secondary-action-font-weight: 700;
-  --utrecht-button-secondary-action-focus-color: #a90061;
+  --utrecht-button-secondary-action-focus-color: #741344;
   --utrecht-button-secondary-action-focus-border-color: transparent;
-  --utrecht-button-secondary-action-focus-background-color: #e5b3d0;
+  --utrecht-button-secondary-action-focus-background-color: #f2d9e7;
   --utrecht-button-secondary-action-disabled-color: #CB66A0;
-  --utrecht-button-secondary-action-disabled-border-color: #CB66A0;
+  --utrecht-button-secondary-action-disabled-border-color: #D88CB7;
   --utrecht-button-secondary-action-disabled-background-color: transparent;
   --utrecht-button-secondary-action-color: #a90061;
   --utrecht-button-secondary-action-border-color: #a90061;
   --utrecht-button-secondary-action-background-color: transparent;
-  --utrecht-button-secondary-action-hover-color: #a90061;
-  --utrecht-button-secondary-action-hover-border-color: transparent;
-  --utrecht-button-secondary-action-hover-background-color: #e5b3d0;
+  --utrecht-button-secondary-action-hover-color: #741344;
+  --utrecht-button-secondary-action-hover-border-color: #741344;
+  --utrecht-button-secondary-action-hover-background-color: #f2d9e7;
+  --utrecht-button-primary-action-pressed-color: #fff;
+  --utrecht-button-primary-action-pressed-border-color: transparent;
+  --utrecht-button-primary-action-pressed-background-color: #63143a;
   --utrecht-button-primary-action-line-height: 1.875rem;
   --utrecht-button-primary-action-font-size: 1.25rem;
   --utrecht-button-primary-action-active-color: #fff;
@@ -782,9 +818,9 @@
   --utrecht-button-primary-action-font-weight: 700;
   --utrecht-button-primary-action-focus-color: #fff;
   --utrecht-button-primary-action-focus-border-color: transparent;
-  --utrecht-button-primary-action-focus-background-color: #a90061;
+  --utrecht-button-primary-action-focus-background-color: #741344;
   --utrecht-button-primary-action-disabled-color: #BE4088;
-  --utrecht-button-primary-action-disabled-border-color: #D88CB7;
+  --utrecht-button-primary-action-disabled-border-color: transparent;
   --utrecht-button-primary-action-disabled-background-color: #e5b3d0;
   --utrecht-button-primary-action-color: #fff;
   --utrecht-button-primary-action-border-color: transparent;
@@ -795,18 +831,18 @@
   --utrecht-button-column-gap: 0.5rem;
   --utrecht-button-min-inline-size: 48px;
   --utrecht-button-min-block-size: 48px;
-  --utrecht-button-active-color: #0F172A;
-  --utrecht-button-active-border-color: #0F172A;
-  --utrecht-button-active-background-color: #CBD5E1;
-  --utrecht-button-hover-color: #1E293B;
-  --utrecht-button-hover-border-color: #1E293B;
-  --utrecht-button-hover-background-color: #F8FAFC;
-  --utrecht-button-focus-color: #1E293B;
+  --utrecht-button-active-color: #fff;
+  --utrecht-button-active-border-color: transparent;
+  --utrecht-button-active-background-color: #1E293B;
+  --utrecht-button-hover-color: #fff;
+  --utrecht-button-hover-border-color: transparent;
+  --utrecht-button-hover-background-color: #475569;
+  --utrecht-button-focus-color: #fff;
   --utrecht-button-focus-border-color: transparent;
-  --utrecht-button-focus-background-color: #FDDE94;
-  --utrecht-button-disabled-color: #64748B;
+  --utrecht-button-focus-background-color: #475569;
+  --utrecht-button-disabled-color: #94A3B8;
   --utrecht-button-disabled-border-color: transparent;
-  --utrecht-button-disabled-background-color: #F8FAFC;
+  --utrecht-button-disabled-background-color: #E2E8F0;
   --utrecht-button-padding-inline-start: 1rem;
   --utrecht-button-padding-inline-end: 1rem;
   --utrecht-button-padding-block-start: 0.5rem;
@@ -819,9 +855,9 @@
   --utrecht-button-icon-gap: 0.5rem;
   --utrecht-button-border-width: 1px;
   --utrecht-button-border-radius: 5px;
-  --utrecht-button-color: #334155;
-  --utrecht-button-border-color: #334155;
-  --utrecht-button-background-color: transparent;
+  --utrecht-button-color: #fff;
+  --utrecht-button-border-color: transparent;
+  --utrecht-button-background-color: #0F172A;
   --utrecht-button-group-row-gap: 0.5rem;
   --utrecht-button-group-padding-block-start: 0px;
   --utrecht-button-group-padding-block-end: 0px;
@@ -887,6 +923,19 @@
   --utrecht-checkbox-icon-size: 24px;
   --utrecht-checkbox-size: 24px;
   --utrecht-checkbox-border-radius: 2.5px;
+  --utrecht-number-badge-padding-block: 0.5rem;
+  --utrecht-number-badge-padding-inline: 0.5rem;
+  --utrecht-number-badge-color: #fff;
+  --utrecht-number-badge-border-color: transparent;
+  --utrecht-number-badge-background-color: #154273;
+  --utrecht-number-badge-font-family: Fira Sans, Arial, Verdana, sans-serif;
+  --utrecht-number-badge-border-radius: 999px;
+  --utrecht-number-badge-border-width: 0px;
+  --utrecht-number-badge-font-weight: 700;
+  --utrecht-number-badge-min-inline-size: 24px;
+  --utrecht-number-badge-min-block-size: 24px;
+  --utrecht-number-badge-line-height: 150%;
+  --utrecht-number-badge-font-size: 1.25rem;
   --utrecht-form-fieldset-invalid-border-inline-start-width: 0px;
   --utrecht-form-fieldset-invalid-padding-inline-start: 0;
   --utrecht-form-fieldset-invalid-border-inline-start-color: #d52b1e;
@@ -946,6 +995,41 @@
   --utrecht-form-label-font-weight: 700;
   --utrecht-form-label-font-size: 1.25rem;
   --utrecht-form-label-color: #0F172A;
+  --utrecht-heading-5-margin-block-start: 0;
+  --utrecht-heading-5-margin-block-end: 0;
+  --utrecht-heading-5-font-size: 1.25rem;
+  --utrecht-heading-5-line-height: 125%;
+  --utrecht-heading-5-font-weight: 700;
+  --utrecht-heading-5-font-family: Fira Sans, Arial, Verdana, sans-serif;
+  --utrecht-heading-5-color: #154273;
+  --utrecht-heading-4-margin-block-start: 0;
+  --utrecht-heading-4-margin-block-end: 0;
+  --utrecht-heading-4-font-size: 1.5rem;
+  --utrecht-heading-4-line-height: 125%;
+  --utrecht-heading-4-font-weight: 700;
+  --utrecht-heading-4-font-family: Fira Sans, Arial, Verdana, sans-serif;
+  --utrecht-heading-4-color: #154273;
+  --utrecht-heading-3-margin-block-start: 0;
+  --utrecht-heading-3-margin-block-end: 0;
+  --utrecht-heading-3-font-size: 1.875rem;
+  --utrecht-heading-3-line-height: 125%;
+  --utrecht-heading-3-font-weight: 700;
+  --utrecht-heading-3-font-family: Fira Sans, Arial, Verdana, sans-serif;
+  --utrecht-heading-3-color: #154273;
+  --utrecht-heading-2-margin-block-start: 0;
+  --utrecht-heading-2-margin-block-end: 0;
+  --utrecht-heading-2-font-size: 2.5rem;
+  --utrecht-heading-2-line-height: 125%;
+  --utrecht-heading-2-font-weight: 700;
+  --utrecht-heading-2-font-family: Fira Sans, Arial, Verdana, sans-serif;
+  --utrecht-heading-2-color: #154273;
+  --utrecht-heading-1-margin-block-start: 0;
+  --utrecht-heading-1-margin-block-end: 0;
+  --utrecht-heading-1-font-size: 3.125rem;
+  --utrecht-heading-1-line-height: 125%;
+  --utrecht-heading-1-font-weight: 700;
+  --utrecht-heading-1-font-family: Fira Sans, Arial, Verdana, sans-serif;
+  --utrecht-heading-1-color: #154273;
   --utrecht-link-line-height: 150%;
   --utrecht-link-font-size: 1.25rem;
   --utrecht-link-font-weight: 400;
@@ -987,6 +1071,17 @@
   --utrecht-ordered-list-margin-block-start: 0.25rem;
   --utrecht-ordered-list-margin-block-end: 0.25rem;
   --utrecht-ordered-list-padding-inline-start: 1.5rem;
+  --utrecht-paragraph-lead-line-height: 150%;
+  --utrecht-paragraph-lead-font-weight: 400;
+  --utrecht-paragraph-lead-font-size: 1.5rem;
+  --utrecht-paragraph-lead-color: #0F172A;
+  --utrecht-paragraph-margin-block-start: 0;
+  --utrecht-paragraph-margin-block-end: 0;
+  --utrecht-paragraph-line-height: 150%;
+  --utrecht-paragraph-font-weight: 400;
+  --utrecht-paragraph-font-size: 1.25rem;
+  --utrecht-paragraph-font-family: Fira Sans, Arial, Verdana, sans-serif;
+  --utrecht-paragraph-color: #0F172A;
   --utrecht-radio-button-border-width: 1px;
   --utrecht-radio-button-border-radius: 999px;
   --utrecht-radio-button-hover-border-width: 1px;
@@ -1063,6 +1158,34 @@
   --utrecht-separator-margin-block-end: 0.75rem;
   --utrecht-separator-block-size: 2px;
   --utrecht-separator-color: #CBD5E1;
+  --utrecht-skip-link-text-underline-offset: 0.125rem;
+  --utrecht-skip-link-text-decoration: underline;
+  --utrecht-skip-link-box-block-end-shadow-color: #0000001a;
+  --utrecht-skip-link-box-block-end-shadow-spread-radius: 0;
+  --utrecht-skip-link-box-block-end-shadow-blur-radius: 48px;
+  --utrecht-skip-link-box-block-end-shadow-offset-y: 16px;
+  --utrecht-skip-link-box-block-end-shadow-offset-x: 0;
+  --utrecht-skip-link-border-width: 2px;
+  --utrecht-skip-link-color: #fff;
+  --utrecht-skip-link-border-color: transparent;
+  --utrecht-skip-link-background-color: #154273;
+  --utrecht-skip-link-focus-visible-outline-color: #000;
+  --utrecht-skip-link-focus-text-decoration: None;
+  --utrecht-skip-link-focus-color: #0F172A;
+  --utrecht-skip-link-focus-border-width: 2px;
+  --utrecht-skip-link-focus-border-style: solid;
+  --utrecht-skip-link-focus-border-color: #154273;
+  --utrecht-skip-link-focus-background-color: #fff;
+  --utrecht-skip-link-padding-inline-start: 1rem;
+  --utrecht-skip-link-padding-inline-end: 1rem;
+  --utrecht-skip-link-padding-block-start: 0.75rem;
+  --utrecht-skip-link-padding-block-end: 0.75rem;
+  --utrecht-skip-link-min-inline-size: 48px;
+  --utrecht-skip-link-min-block-size: 48px;
+  --utrecht-skip-link-line-height: 150%;
+  --utrecht-skip-link-font-size: 1.25rem;
+  --utrecht-skip-link-font-family: Fira Sans, Arial, Verdana, sans-serif;
+  --utrecht-skip-link-font-weight: 700;
   --utrecht-table-font-size: 1.25rem;
   --utrecht-table-container-box-inline-start-shadow-color: #0000001a;
   --utrecht-table-container-box-inline-start-shadow-spread: 0;

package/dist/uitvoerend-violet/tokens.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Sun, 09 Mar 2025 17:51:30 GMT
+ * Generated on Tue, 29 Apr 2025 12:01:02 GMT
  */
 
 export default tokens;
@@ -220,6 +220,42 @@ declare const tokens: {
       },
       "font-size": DesignToken
     },
+    "skip-link": {
+      "font-weight": DesignToken,
+      "font-family": DesignToken,
+      "font-size": DesignToken,
+      "line-height": DesignToken,
+      "min-block-size": DesignToken,
+      "min-inline-size": DesignToken,
+      "padding-block-end": DesignToken,
+      "padding-block-start": DesignToken,
+      "padding-inline-end": DesignToken,
+      "padding-inline-start": DesignToken,
+      "focus": {
+        "background-color": DesignToken,
+        "border-color": DesignToken,
+        "border-style": DesignToken,
+        "border-width": DesignToken,
+        "color": DesignToken,
+        "text-decoration": DesignToken
+      },
+      "focus-visible": {
+        "outline-color": DesignToken
+      },
+      "background-color": DesignToken,
+      "border-color": DesignToken,
+      "color": DesignToken,
+      "border-width": DesignToken,
+      "box-block-end-shadow": {
+        "offset-x": DesignToken,
+        "offset-y": DesignToken,
+        "blur-radius": DesignToken,
+        "spread-radius": DesignToken,
+        "color": DesignToken
+      },
+      "text-decoration": DesignToken,
+      "text-underline-offset": DesignToken
+    },
     "separator": {
       "color": DesignToken,
       "block-size": DesignToken,
@@ -334,6 +370,21 @@ declare const tokens: {
       "border-radius": DesignToken,
       "border-width": DesignToken
     },
+    "paragraph": {
+      "color": DesignToken,
+      "font-family": DesignToken,
+      "font-size": DesignToken,
+      "font-weight": DesignToken,
+      "line-height": DesignToken,
+      "margin-block-end": DesignToken,
+      "margin-block-start": DesignToken,
+      "lead": {
+        "color": DesignToken,
+        "font-size": DesignToken,
+        "font-weight": DesignToken,
+        "line-height": DesignToken
+      }
+    },
     "ordered-list": {
       "padding-inline-start": DesignToken,
       "margin-block-end": DesignToken,
@@ -397,6 +448,51 @@ declare const tokens: {
       "font-size": DesignToken,
       "line-height": DesignToken
     },
+    "heading-1": {
+      "color": DesignToken,
+      "font-family": DesignToken,
+      "font-weight": DesignToken,
+      "line-height": DesignToken,
+      "font-size": DesignToken,
+      "margin-block-end": DesignToken,
+      "margin-block-start": DesignToken
+    },
+    "heading-2": {
+      "color": DesignToken,
+      "font-family": DesignToken,
+      "font-weight": DesignToken,
+      "line-height": DesignToken,
+      "font-size": DesignToken,
+      "margin-block-end": DesignToken,
+      "margin-block-start": DesignToken
+    },
+    "heading-3": {
+      "color": DesignToken,
+      "font-family": DesignToken,
+      "font-weight": DesignToken,
+      "line-height": DesignToken,
+      "font-size": DesignToken,
+      "margin-block-end": DesignToken,
+      "margin-block-start": DesignToken
+    },
+    "heading-4": {
+      "color": DesignToken,
+      "font-family": DesignToken,
+      "font-weight": DesignToken,
+      "line-height": DesignToken,
+      "font-size": DesignToken,
+      "margin-block-end": DesignToken,
+      "margin-block-start": DesignToken
+    },
+    "heading-5": {
+      "color": DesignToken,
+      "font-family": DesignToken,
+      "font-weight": DesignToken,
+      "line-height": DesignToken,
+      "font-size": DesignToken,
+      "margin-block-end": DesignToken,
+      "margin-block-start": DesignToken
+    },
     "form-label": {
       "color": DesignToken,
       "font-size": DesignToken,
@@ -494,6 +590,21 @@ declare const tokens: {
         "border-inline-start-width": DesignToken
       }
     },
+    "number-badge": {
+      "font-size": DesignToken,
+      "line-height": DesignToken,
+      "min-block-size": DesignToken,
+      "min-inline-size": DesignToken,
+      "font-weight": DesignToken,
+      "border-width": DesignToken,
+      "border-radius": DesignToken,
+      "font-family": DesignToken,
+      "background-color": DesignToken,
+      "border-color": DesignToken,
+      "color": DesignToken,
+      "padding-inline": DesignToken,
+      "padding-block": DesignToken
+    },
     "checkbox": {
       "border-radius": DesignToken,
       "size": DesignToken,
@@ -662,7 +773,12 @@ declare const tokens: {
           "color": DesignToken
         },
         "font-size": DesignToken,
-        "line-height": DesignToken
+        "line-height": DesignToken,
+        "pressed": {
+          "background-color": DesignToken,
+          "border-color": DesignToken,
+          "color": DesignToken
+        }
       },
       "secondary-action": {
         "hover": {
@@ -690,7 +806,12 @@ declare const tokens: {
           "color": DesignToken
         },
         "font-size": DesignToken,
-        "line-height": DesignToken
+        "line-height": DesignToken,
+        "pressed": {
+          "background-color": DesignToken,
+          "border-color": DesignToken,
+          "color": DesignToken
+        }
       },
       "subtle": {
         "font-size": DesignToken,
@@ -718,7 +839,17 @@ declare const tokens: {
           "border-color": DesignToken,
           "color": DesignToken
         },
-        "line-height": DesignToken
+        "line-height": DesignToken,
+        "pressed": {
+          "background-color": DesignToken,
+          "border-color": DesignToken,
+          "color": DesignToken
+        }
+      },
+      "pressed": {
+        "background-color": DesignToken,
+        "border-color": DesignToken,
+        "color": DesignToken
       }
     },
     "breadcrumb-nav": {
@@ -979,8 +1110,8 @@ declare const tokens: {
       "foreground": {
         "default": DesignToken,
         "subdued": DesignToken,
-        "onEmphasis": DesignToken,
-        "link": DesignToken
+        "link": DesignToken,
+        "onEmphasis": DesignToken
       },
       "border": {
         "default": DesignToken,
@@ -1009,6 +1140,9 @@ declare const tokens: {
       "accent": {
         "500": DesignToken
       },
+      "accent-2": {
+        "500": DesignToken
+      },
       "cool-grey": {
         "50": DesignToken,
         "100": DesignToken,
@@ -1587,6 +1721,7 @@ declare const tokens: {
         "opacity": DesignToken
       },
       "heading": {
+        "color": DesignToken,
         "padding-block-start": DesignToken,
         "font-size": DesignToken,
         "font-weight": DesignToken
@@ -1811,6 +1946,40 @@ declare const tokens: {
         "line-height": DesignToken
       }
     },
+    "link": {
+      "color": DesignToken,
+      "text-decoration-color": DesignToken,
+      "active": {
+        "color": DesignToken,
+        "text-decoration": DesignToken
+      },
+      "focus": {
+        "background-color": DesignToken,
+        "color": DesignToken,
+        "text-decoration": DesignToken,
+        "text-decoration-thickness": DesignToken
+      },
+      "hover": {
+        "color": DesignToken,
+        "text-decoration": DesignToken,
+        "text-decoration-thickness": DesignToken
+      },
+      "visited": {
+        "color": DesignToken
+      },
+      "text-decoration": DesignToken,
+      "icon": {
+        "inset-block-start": DesignToken,
+        "size": DesignToken
+      },
+      "column-gap": DesignToken,
+      "text-decoration-thickness": DesignToken,
+      "text-underline-offset": DesignToken,
+      "font-family": DesignToken,
+      "font-weight": DesignToken,
+      "font-size": DesignToken,
+      "line-height": DesignToken
+    },
     "heading-level-1": {
       "color": DesignToken,
       "font-family": DesignToken,