@rijkshuisstijl-community/design-tokens 4.1.0 → 5.0.0

package/dist/index.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 01 Aug 2025 12:51:45 GMT
+ * Generated on Fri, 22 Aug 2025 10:20:29 GMT
  */
 
 .rhc-theme {
@@ -24,6 +24,7 @@
   --basis-color-default-color-subtle: #334155;
   --basis-color-default-color-document: #0F172A;
   --basis-color-default-bg-document: #fff;
+  --figma-link-icon-size: 1.25rem;
   --nl-heading-level-6-margin-block-start: 0rem;
   --nl-heading-level-6-margin-block-end: 0rem;
   --nl-heading-level-6-line-height: 150%;
@@ -71,26 +72,13 @@
   --nl-link-hover-text-decoration-line: underline;
   --nl-link-disabled-cursor: disabled;
   --nl-link-disabled-color: #334155;
+  --nl-link-active-color: #1a4972;
   --nl-link-current-cursor: default;
   --nl-link-text-underline-offset: 0.125rem;
   --nl-link-text-decoration-thickness: 0.0625em;
   --nl-link-text-decoration-line: underline;
   --nl-link-text-decoration-color: inherit;
   --nl-link-color: #01689b;
-  --nl-link-visited-color: #01689b;
-  --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-color: #1a4972;
-  --nl-link-active-text-decoration: None;
-  --nl-link-icon-size: 24px;
-  --nl-link-icon-inset-block-start: 0.25rem;
-  --nl-link-line-height: 150%;
-  --nl-link-font-weight: 400;
-  --nl-link-font-size: 1.25rem;
-  --nl-link-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
-  --nl-link-column-gap: 0.25rem;
   --nl-number-badge-padding-inline: 0.5rem;
   --nl-number-badge-padding-block: 0.125rem;
   --nl-number-badge-min-inline-size: 24px;
@@ -104,6 +92,11 @@
   --nl-number-badge-border-color: transparent;
   --nl-number-badge-background-color: #154273;
   --nl-number-badge-line-height: 125%;
+  --nl-paragraph-lead-margin-block-start: 0rem;
+  --nl-paragraph-lead-margin-block-end: 0rem;
+  --nl-paragraph-lead-line-height: 150%;
+  --nl-paragraph-lead-font-weight: 400;
+  --nl-paragraph-lead-font-size: 1.5rem;
   --nl-paragraph-margin-block-start: 0rem;
   --nl-paragraph-margin-block-end: 0rem;
   --nl-paragraph-line-height: 150%;
@@ -111,12 +104,6 @@
   --nl-paragraph-font-size: 1.25rem;
   --nl-paragraph-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
   --nl-paragraph-color: #0F172A;
-  --nl-paragraph-lead-margin-block-start: 0rem;
-  --nl-paragraph-lead-margin-block-end: 0rem;
-  --nl-paragraph-lead-line-height: 150%;
-  --nl-paragraph-lead-font-weight: 400;
-  --nl-paragraph-lead-font-size: 1.5rem;
-  --nl-paragraph-lead-color: #0F172A;
   --nl-skip-link-font-size: 1.25rem;
   --nl-skip-link-line-height: 150%;
   --nl-skip-link-text-underline-offset: 0.125rem;
@@ -451,6 +438,7 @@
   --rhc-keep-top-left-border-radius-top-right: 0;
   --rhc-keep-top-left-border-radius-top-left: 48px;
   --rhc-keep-comment: ⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.;
+  --rhc-breadcrumb-nav-link-current-color: #334155;
   --rhc-card-as-link-horizontal-heading-inline-size: 200px;
   --rhc-card-as-link-horizontal-padding-inline-start: 1rem;
   --rhc-card-as-link-horizontal-padding-inline-end: 1rem;
@@ -487,13 +475,55 @@
   --rhc-card-as-link-link-color: #01689b;
   --rhc-card-as-link-icon-size: 24px;
   --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;
   --rhc-card-as-link-border-width: 1px;
   --rhc-card-as-link-border-radius: 5px;
   --rhc-card-as-link-border-color: #CBD5E1;
   --rhc-card-as-link-background-color: #fff;
+  --rhc-card-horizontal-heading-inline-size: 200px;
+  --rhc-card-horizontal-padding-inline-start: 1rem;
+  --rhc-card-horizontal-padding-inline-end: 1rem;
+  --rhc-card-horizontal-padding-block-start: 0;
+  --rhc-card-horizontal-padding-block-end: 0;
+  --rhc-card-horizontal-max-block-size: 96px;
+  --rhc-card-horizontal-color: #fff;
+  --rhc-card-horizontal-border-color: transparent;
+  --rhc-card-horizontal-background-color: #154273;
+  --rhc-card-heading-font-weight: 700;
+  --rhc-card-heading-font-size: 1.5rem;
+  --rhc-card-heading-padding-block-start: 0.5rem;
+  --rhc-card-heading-color: #154273;
+  --rhc-card-full-bleed-opacity: 0.5;
+  --rhc-card-full-bleed-color: #fff;
+  --rhc-card-full-bleed-border-color: transparent;
+  --rhc-card-full-bleed-background-color: #000;
+  --rhc-card-focus-text-decoration: underline;
+  --rhc-card-focus-background-color: #dce3ea;
+  --rhc-card-hover-text-decoration: underline;
+  --rhc-card-hover-background-color: #F8FAFC;
+  --rhc-card-active-text-decoration: underline;
+  --rhc-card-active-background-color: #F1F5F9;
+  --rhc-card-row-gap: 0.75rem;
+  --rhc-card-padding-inline-start: 1rem;
+  --rhc-card-padding-inline-end: 1rem;
+  --rhc-card-padding-block-start: 1rem;
+  --rhc-card-padding-block-end: 1rem;
+  --rhc-card-metadata-color: #334155;
+  --rhc-card-link-focus-text-decoration: none;
+  --rhc-card-link-hover-text-decoration: none;
+  --rhc-card-link-active-text-decoration: none;
+  --rhc-card-link-text-decoration: underline;
+  --rhc-card-link-color: #01689b;
+  --rhc-card-icon-size: 24px;
+  --rhc-card-icon-color: #154273;
+  --rhc-card-inline-size: 328px;
+  --rhc-card-column-gap: 1rem;
+  --rhc-card-color: #0F172A;
+  --rhc-card-border-width: 1px;
+  --rhc-card-border-radius: 5px;
+  --rhc-card-border-color: #CBD5E1;
+  --rhc-card-background-color: #fff;
   --rhc-checkbox-group-row-gap: 1rem;
   --rhc-checkbox-group-padding-block-start: 0.5rem;
   --rhc-checkbox-group-padding-block-end: 0.5rem;
@@ -606,7 +636,7 @@
   --rhc-icon-only-button-padding-inline-end: 0.75rem;
   --rhc-icon-only-button-padding-block-start: 0.75rem;
   --rhc-icon-only-button-padding-block-end: 0.75rem;
-  --rhc-link-list-text-decoration: None;
+  --rhc-link-column-gap: 0.25rem;
   --rhc-link-list-card-padding-inline-end: 1.5rem;
   --rhc-link-list-card-padding-inline-start: 1.5rem;
   --rhc-link-list-card-row-gap: 1rem;
@@ -747,6 +777,7 @@
   --rhc-toggletip-border-color: transparent;
   --rhc-toggletip-background-color: #007bc7;
   --rhc-toggletip-color: #fff;
+  --rhc-unordered-list-nested-margin-inline-start: 0rem;
   --utrecht-action-submit-cursor: pointer;
   --utrecht-action-navigate-cursor: pointer;
   --utrecht-action-inert-cursor: default;
@@ -904,6 +935,18 @@
   --utrecht-blockquote-border-end-end-radius: 0;
   --utrecht-blockquote-border-block-start-width: 0;
   --utrecht-blockquote-border-block-end-width: 0;
+  --utrecht-breadcrumb-nav-link-icon-size: 24px;
+  --utrecht-breadcrumb-nav-link-hover-color: #01496c;
+  --utrecht-breadcrumb-nav-link-hover-text-decoration: underline;
+  --utrecht-breadcrumb-nav-link-focus-text-decoration: None;
+  --utrecht-breadcrumb-nav-link-focus-color: #01689b;
+  --utrecht-breadcrumb-nav-link-focus-background-color: transparent;
+  --utrecht-breadcrumb-nav-link-disabled-color: #334155;
+  --utrecht-breadcrumb-nav-link-active-text-decoration: underline;
+  --utrecht-breadcrumb-nav-link-active-color: #163f5b;
+  --utrecht-breadcrumb-nav-link-current-font-weight: 400;
+  --utrecht-breadcrumb-nav-link-text-decoration: underline;
+  --utrecht-breadcrumb-nav-link-color: #01689b;
   --utrecht-breadcrumb-nav-separator-icon-size: 24px;
   --utrecht-breadcrumb-nav-separator-color: #334155;
   --utrecht-breadcrumb-nav-item-first-padding-inline-start: 0rem;
@@ -915,28 +958,6 @@
   --utrecht-breadcrumb-nav-line-height: 150%;
   --utrecht-breadcrumb-nav-font-size: 1.25rem;
   --utrecht-breadcrumb-nav-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
-  --utrecht-breadcrumb-nav-link-hover-color: #01496c;
-  --utrecht-breadcrumb-nav-link-hover-text-decoration: underline;
-  --utrecht-breadcrumb-nav-link-focus-text-decoration: None;
-  --utrecht-breadcrumb-nav-link-focus-color: #01689b;
-  --utrecht-breadcrumb-nav-link-focus-background-color: transparent;
-  --utrecht-breadcrumb-nav-link-disabled-color: #334155;
-  --utrecht-breadcrumb-nav-link-active-text-decoration: underline;
-  --utrecht-breadcrumb-nav-link-active-color: #163f5b;
-  --utrecht-breadcrumb-nav-link-text-decoration: underline;
-  --utrecht-breadcrumb-nav-link-color: #01689b;
-  --utrecht-breadcrumb-nav-link-icon-size: 24px;
-  --utrecht-breadcrumb-nav-link-icon-margin-inline: 0.25rem;
-  --utrecht-breadcrumb-nav-link-icon-inset-block-start: 0;
-  --utrecht-breadcrumb-nav-link-current-font-weight: 400;
-  --utrecht-breadcrumb-nav-link-current-color: #334155;
-  --utrecht-breadcrumb-nav-link-padding-inline-start: 0rem;
-  --utrecht-breadcrumb-nav-link-padding-inline-end: 0rem;
-  --utrecht-breadcrumb-nav-link-padding-block-start: 0.75rem;
-  --utrecht-breadcrumb-nav-link-padding-block-end: 0.75rem;
-  --utrecht-breadcrumb-nav-divider-size: 24px;
-  --utrecht-breadcrumb-nav-divider-inset-block-start: 0;
-  --utrecht-breadcrumb-nav-divider-color: #334155;
   --utrecht-button-group-row-gap: 0.5rem;
   --utrecht-button-group-padding-block-start: 0px;
   --utrecht-button-group-padding-block-end: 0px;
@@ -1167,75 +1188,25 @@
   --utrecht-form-label-font-weight: 700;
   --utrecht-form-label-font-size: 1.25rem;
   --utrecht-form-label-color: #0F172A;
-  --utrecht-heading-6-margin-block-start: 0rem;
-  --utrecht-heading-6-margin-block-end: 0rem;
-  --utrecht-heading-6-line-height: 150%;
-  --utrecht-heading-6-font-weight: 700;
-  --utrecht-heading-6-font-size: 1.25rem;
-  --utrecht-heading-6-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
-  --utrecht-heading-6-color: #154273;
-  --utrecht-heading-5-margin-block-start: 0rem;
-  --utrecht-heading-5-margin-block-end: 0rem;
-  --utrecht-heading-5-line-height: 150%;
-  --utrecht-heading-5-font-weight: 700;
-  --utrecht-heading-5-font-size: 1.25rem;
-  --utrecht-heading-5-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
-  --utrecht-heading-5-color: #154273;
-  --utrecht-heading-4-margin-block-start: 0rem;
-  --utrecht-heading-4-margin-block-end: 0rem;
-  --utrecht-heading-4-line-height: 150%;
-  --utrecht-heading-4-font-weight: 700;
-  --utrecht-heading-4-font-size: 1.5rem;
-  --utrecht-heading-4-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
-  --utrecht-heading-4-color: #154273;
-  --utrecht-heading-3-margin-block-start: 0rem;
-  --utrecht-heading-3-margin-block-end: 0rem;
-  --utrecht-heading-3-line-height: 125%;
-  --utrecht-heading-3-font-weight: 700;
-  --utrecht-heading-3-font-size: 1.875rem;
-  --utrecht-heading-3-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
-  --utrecht-heading-3-color: #154273;
-  --utrecht-heading-2-margin-block-start: 0rem;
-  --utrecht-heading-2-margin-block-end: 0rem;
-  --utrecht-heading-2-line-height: 125%;
-  --utrecht-heading-2-font-weight: 700;
-  --utrecht-heading-2-font-size: 2.5rem;
-  --utrecht-heading-2-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
-  --utrecht-heading-2-color: #154273;
-  --utrecht-heading-1-margin-block-start: 0rem;
-  --utrecht-heading-1-margin-block-end: 0rem;
-  --utrecht-heading-1-line-height: 125%;
-  --utrecht-heading-1-font-weight: 700;
-  --utrecht-heading-1-font-size: 3.125rem;
-  --utrecht-heading-1-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
-  --utrecht-heading-1-color: #154273;
   --utrecht-icon-inset-block-start: 0rem;
   --utrecht-icon-size: 24px;
   --utrecht-icon-color: inherit;
   --utrecht-link-visited-color: #01689b;
   --utrecht-link-focus-visible-text-decoration-thickness: 0.0625em;
   --utrecht-link-focus-visible-text-decoration: None;
+  --utrecht-link-focus-color: #01689b;
+  --utrecht-link-focus-background-color: transparent;
   --utrecht-link-hover-text-decoration-thickness: 0.1875em;
   --utrecht-link-hover-text-decoration: underline;
   --utrecht-link-hover-color: #15496a;
+  --utrecht-link-active-color: #163f5b;
+  --utrecht-link-icon-size: 24px;
   --utrecht-link-text-underline-offset: 0.125rem;
   --utrecht-link-text-decoration-thickness: 0.0625em;
   --utrecht-link-text-decoration: underline;
   --utrecht-link-column-gap: 0.25rem;
   --utrecht-link-text-decoration-color: inherit;
   --utrecht-link-color: #01689b;
-  --utrecht-link-icon-size: 24px;
-  --utrecht-link-icon-inset-block-start: 0.25rem;
-  --utrecht-link-focus-color: #01689b;
-  --utrecht-link-focus-background-color: transparent;
-  --utrecht-link-focus-text-decoration-thickness: auto;
-  --utrecht-link-focus-text-decoration: None;
-  --utrecht-link-active-color: #163f5b;
-  --utrecht-link-active-text-decoration: None;
-  --utrecht-link-font-size: 1.25rem;
-  --utrecht-link-line-height: 150%;
-  --utrecht-link-font-weight: 400;
-  --utrecht-link-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
   --utrecht-link-list-font-weight: 400;
   --utrecht-link-list-link-text-decoration: None;
   --utrecht-link-list-link-column-gap: 0.5rem;
@@ -1244,8 +1215,6 @@
   --utrecht-link-list-row-gap: 0.5rem;
   --utrecht-link-list-margin-block-start: 0rem;
   --utrecht-link-list-margin-block-end: 0rem;
-  --utrecht-link-list-item-column-gap: 0.5rem;
-  --utrecht-link-list-item-text-decoration: None;
   --utrecht-number-badge-padding-inline: 0.5rem;
   --utrecht-number-badge-padding-block: 0.125rem;
   --utrecht-number-badge-min-inline-size: 24px;
@@ -1262,30 +1231,11 @@
   --utrecht-ordered-list-item-padding-inline-start: 0.5rem;
   --utrecht-ordered-list-item-margin-block-start: 0.25rem;
   --utrecht-ordered-list-item-margin-block-end: 0.25rem;
-  --utrecht-ordered-list-padding-inline-start: 1.5rem;
+  --utrecht-ordered-list-padding-inline-start: 2rem;
   --utrecht-ordered-list-margin-block-start: 0.25rem;
   --utrecht-ordered-list-margin-block-end: 0.25rem;
   --utrecht-ordered-list-line-height: 150%;
   --utrecht-ordered-list-font-size: 1.25rem;
-  --utrecht-ordered-list-margin-inline-start: 0.625rem;
-  --utrecht-ordered-list-font-weight: 400;
-  --utrecht-ordered-list-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
-  --utrecht-ordered-list-color: #0F172A;
-  --utrecht-paragraph-margin-block-start: 0rem;
-  --utrecht-paragraph-margin-block-end: 0rem;
-  --utrecht-paragraph-small-line-height: 150%;
-  --utrecht-paragraph-small-font-weight: 400;
-  --utrecht-paragraph-small-color: #0F172A;
-  --utrecht-paragraph-small-font-size: 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-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-pre-heading-font-size: 1rem;
   --utrecht-pre-heading-line-height: 125%;
   --utrecht-pre-heading-font-weight: 700;
@@ -1524,6 +1474,7 @@
   --utrecht-textbox-hover-border-width: 1px;
   --utrecht-textbox-hover-border-color: #738eab;
   --utrecht-textbox-hover-background-color: #fff;
+  --utrecht-unordered-list-marker-color: #0F172A;
   --utrecht-unordered-list-item-padding-inline-start: 0.5rem;
   --utrecht-unordered-list-item-margin-block-start: 0.25rem;
   --utrecht-unordered-list-item-margin-block-end: 0.25rem;
@@ -1532,11 +1483,6 @@
   --utrecht-unordered-list-margin-block-end: 0.25rem;
   --utrecht-unordered-list-line-height: 150%;
   --utrecht-unordered-list-font-size: 1.25rem;
-  --utrecht-unordered-list-font-weight: 400;
-  --utrecht-unordered-list-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
-  --utrecht-unordered-list-marker-color: #0F172A;
-  --utrecht-unordered-list-marker-border-color: #0F172A;
-  --utrecht-unordered-list-color: #0F172A;
   --utrecht-column-layout-gap: 0.75rem;
   --utrecht-column-layout-column-width: 400px;
   --utrecht-column-layout-column-rule-width: 0px;

package/dist/index.d.ts

@@ -1,17 +1,12 @@
 /**
  * Do not edit directly
- * Generated on Fri, 01 Aug 2025 12:51:45 GMT
+ * Generated on Fri, 22 Aug 2025 10:20:29 GMT
  */
 
 export const utrechtColumnLayoutColumnRuleColor : string;
 export const utrechtColumnLayoutColumnRuleWidth : string;
 export const utrechtColumnLayoutColumnWidth : string;
 export const utrechtColumnLayoutGap : string;
-export const utrechtUnorderedListColor : string;
-export const utrechtUnorderedListMarkerBorderColor : string;
-export const utrechtUnorderedListMarkerColor : string;
-export const utrechtUnorderedListFontFamily : string;
-export const utrechtUnorderedListFontWeight : number;
 export const utrechtUnorderedListFontSize : string;
 export const utrechtUnorderedListLineHeight : string;
 export const utrechtUnorderedListMarginBlockEnd : string;
@@ -20,6 +15,7 @@ export const utrechtUnorderedListPaddingInlineStart : string;
 export const utrechtUnorderedListItemMarginBlockEnd : string;
 export const utrechtUnorderedListItemMarginBlockStart : string;
 export const utrechtUnorderedListItemPaddingInlineStart : string;
+export const utrechtUnorderedListMarkerColor : string;
 export const utrechtTextboxHoverBackgroundColor : string;
 export const utrechtTextboxHoverBorderColor : string;
 export const utrechtTextboxHoverBorderWidth : string;
@@ -258,25 +254,6 @@ export const utrechtPreHeadingFontFamily : string;
 export const utrechtPreHeadingFontWeight : number;
 export const utrechtPreHeadingLineHeight : string;
 export const utrechtPreHeadingFontSize : string;
-export const utrechtParagraphColor : string;
-export const utrechtParagraphFontFamily : string;
-export const utrechtParagraphFontSize : string;
-export const utrechtParagraphFontWeight : number;
-export const utrechtParagraphLineHeight : string;
-export const utrechtParagraphLeadColor : string;
-export const utrechtParagraphLeadFontSize : string;
-export const utrechtParagraphLeadFontWeight : number;
-export const utrechtParagraphLeadLineHeight : string;
-export const utrechtParagraphSmallFontSize : string;
-export const utrechtParagraphSmallColor : string;
-export const utrechtParagraphSmallFontWeight : number;
-export const utrechtParagraphSmallLineHeight : string;
-export const utrechtParagraphMarginBlockEnd : string;
-export const utrechtParagraphMarginBlockStart : string;
-export const utrechtOrderedListColor : string;
-export const utrechtOrderedListFontFamily : string;
-export const utrechtOrderedListFontWeight : number;
-export const utrechtOrderedListMarginInlineStart : string;
 export const utrechtOrderedListFontSize : string;
 export const utrechtOrderedListLineHeight : string;
 export const utrechtOrderedListMarginBlockEnd : string;
@@ -298,8 +275,6 @@ export const utrechtNumberBadgeMinBlockSize : string;
 export const utrechtNumberBadgeMinInlineSize : string;
 export const utrechtNumberBadgePaddingBlock : string;
 export const utrechtNumberBadgePaddingInline : string;
-export const utrechtLinkListItemTextDecoration : string;
-export const utrechtLinkListItemColumnGap : string;
 export const utrechtLinkListMarginBlockEnd : string;
 export const utrechtLinkListMarginBlockStart : string;
 export const utrechtLinkListRowGap : string;
@@ -308,75 +283,25 @@ export const utrechtLinkListIconSize : string;
 export const utrechtLinkListLinkColumnGap : string;
 export const utrechtLinkListLinkTextDecoration : string;
 export const utrechtLinkListFontWeight : number;
-export const utrechtLinkFontFamily : string;
-export const utrechtLinkFontWeight : number;
-export const utrechtLinkLineHeight : string;
-export const utrechtLinkFontSize : string;
-export const utrechtLinkActiveTextDecoration : string;
-export const utrechtLinkActiveColor : string;
-export const utrechtLinkFocusTextDecoration : string;
-export const utrechtLinkFocusTextDecorationThickness : string;
-export const utrechtLinkFocusBackgroundColor : string;
-export const utrechtLinkFocusColor : string;
-export const utrechtLinkIconInsetBlockStart : string;
-export const utrechtLinkIconSize : string;
 export const utrechtLinkColor : string;
 export const utrechtLinkTextDecorationColor : string;
 export const utrechtLinkColumnGap : string;
 export const utrechtLinkTextDecoration : string;
 export const utrechtLinkTextDecorationThickness : string;
 export const utrechtLinkTextUnderlineOffset : string;
+export const utrechtLinkIconSize : string;
+export const utrechtLinkActiveColor : string;
 export const utrechtLinkHoverColor : string;
 export const utrechtLinkHoverTextDecoration : string;
 export const utrechtLinkHoverTextDecorationThickness : string;
+export const utrechtLinkFocusBackgroundColor : string;
+export const utrechtLinkFocusColor : string;
 export const utrechtLinkFocusVisibleTextDecoration : string;
 export const utrechtLinkFocusVisibleTextDecorationThickness : string;
 export const utrechtLinkVisitedColor : string;
 export const utrechtIconColor : string;
 export const utrechtIconSize : string;
 export const utrechtIconInsetBlockStart : string;
-export const utrechtHeading1Color : string;
-export const utrechtHeading1FontFamily : string;
-export const utrechtHeading1FontSize : string;
-export const utrechtHeading1FontWeight : number;
-export const utrechtHeading1LineHeight : string;
-export const utrechtHeading1MarginBlockEnd : string;
-export const utrechtHeading1MarginBlockStart : string;
-export const utrechtHeading2Color : string;
-export const utrechtHeading2FontFamily : string;
-export const utrechtHeading2FontSize : string;
-export const utrechtHeading2FontWeight : number;
-export const utrechtHeading2LineHeight : string;
-export const utrechtHeading2MarginBlockEnd : string;
-export const utrechtHeading2MarginBlockStart : string;
-export const utrechtHeading3Color : string;
-export const utrechtHeading3FontFamily : string;
-export const utrechtHeading3FontSize : string;
-export const utrechtHeading3FontWeight : number;
-export const utrechtHeading3LineHeight : string;
-export const utrechtHeading3MarginBlockEnd : string;
-export const utrechtHeading3MarginBlockStart : string;
-export const utrechtHeading4Color : string;
-export const utrechtHeading4FontFamily : string;
-export const utrechtHeading4FontSize : string;
-export const utrechtHeading4FontWeight : number;
-export const utrechtHeading4LineHeight : string;
-export const utrechtHeading4MarginBlockEnd : string;
-export const utrechtHeading4MarginBlockStart : string;
-export const utrechtHeading5Color : string;
-export const utrechtHeading5FontFamily : string;
-export const utrechtHeading5FontSize : string;
-export const utrechtHeading5FontWeight : number;
-export const utrechtHeading5LineHeight : string;
-export const utrechtHeading5MarginBlockEnd : string;
-export const utrechtHeading5MarginBlockStart : string;
-export const utrechtHeading6Color : string;
-export const utrechtHeading6FontFamily : string;
-export const utrechtHeading6FontSize : string;
-export const utrechtHeading6FontWeight : number;
-export const utrechtHeading6LineHeight : string;
-export const utrechtHeading6MarginBlockEnd : string;
-export const utrechtHeading6MarginBlockStart : string;
 export const utrechtFormLabelColor : string;
 export const utrechtFormLabelFontSize : string;
 export const utrechtFormLabelFontWeight : number;
@@ -607,28 +532,6 @@ export const utrechtButtonGroupColumnGap : string;
 export const utrechtButtonGroupPaddingBlockEnd : string;
 export const utrechtButtonGroupPaddingBlockStart : string;
 export const utrechtButtonGroupRowGap : string;
-export const utrechtBreadcrumbNavDividerColor : string;
-export const utrechtBreadcrumbNavDividerInsetBlockStart : number;
-export const utrechtBreadcrumbNavDividerSize : string;
-export const utrechtBreadcrumbNavLinkPaddingBlockEnd : string;
-export const utrechtBreadcrumbNavLinkPaddingBlockStart : string;
-export const utrechtBreadcrumbNavLinkPaddingInlineEnd : string;
-export const utrechtBreadcrumbNavLinkPaddingInlineStart : string;
-export const utrechtBreadcrumbNavLinkCurrentColor : string;
-export const utrechtBreadcrumbNavLinkCurrentFontWeight : number;
-export const utrechtBreadcrumbNavLinkIconInsetBlockStart : number;
-export const utrechtBreadcrumbNavLinkIconMarginInline : string;
-export const utrechtBreadcrumbNavLinkIconSize : string;
-export const utrechtBreadcrumbNavLinkColor : string;
-export const utrechtBreadcrumbNavLinkTextDecoration : string;
-export const utrechtBreadcrumbNavLinkActiveColor : string;
-export const utrechtBreadcrumbNavLinkActiveTextDecoration : string;
-export const utrechtBreadcrumbNavLinkDisabledColor : string;
-export const utrechtBreadcrumbNavLinkFocusBackgroundColor : string;
-export const utrechtBreadcrumbNavLinkFocusColor : string;
-export const utrechtBreadcrumbNavLinkFocusTextDecoration : string;
-export const utrechtBreadcrumbNavLinkHoverTextDecoration : string;
-export const utrechtBreadcrumbNavLinkHoverColor : string;
 export const utrechtBreadcrumbNavFontFamily : string;
 export const utrechtBreadcrumbNavFontSize : string;
 export const utrechtBreadcrumbNavLineHeight : string;
@@ -640,6 +543,18 @@ export const utrechtBreadcrumbNavItemPaddingInlineStart : string;
 export const utrechtBreadcrumbNavItemFirstPaddingInlineStart : string;
 export const utrechtBreadcrumbNavSeparatorColor : string;
 export const utrechtBreadcrumbNavSeparatorIconSize : string;
+export const utrechtBreadcrumbNavLinkColor : string;
+export const utrechtBreadcrumbNavLinkTextDecoration : string;
+export const utrechtBreadcrumbNavLinkCurrentFontWeight : number;
+export const utrechtBreadcrumbNavLinkActiveColor : string;
+export const utrechtBreadcrumbNavLinkActiveTextDecoration : string;
+export const utrechtBreadcrumbNavLinkDisabledColor : string;
+export const utrechtBreadcrumbNavLinkFocusBackgroundColor : string;
+export const utrechtBreadcrumbNavLinkFocusColor : string;
+export const utrechtBreadcrumbNavLinkFocusTextDecoration : string;
+export const utrechtBreadcrumbNavLinkHoverTextDecoration : string;
+export const utrechtBreadcrumbNavLinkHoverColor : string;
+export const utrechtBreadcrumbNavLinkIconSize : string;
 export const utrechtBlockquoteBorderBlockEndWidth : number;
 export const utrechtBlockquoteBorderBlockStartWidth : number;
 export const utrechtBlockquoteBorderEndEndRadius : number;
@@ -797,6 +712,7 @@ export const utrechtActionDisabledCursor : string;
 export const utrechtActionInertCursor : string;
 export const utrechtActionNavigateCursor : string;
 export const utrechtActionSubmitCursor : string;
+export const rhcUnorderedListNestedMarginInlineStart : string;
 export const rhcToggletipColor : string;
 export const rhcToggletipBackgroundColor : string;
 export const rhcToggletipBorderColor : string;
@@ -937,7 +853,7 @@ export const rhcLinkListCardPaddingBlockEnd : string;
 export const rhcLinkListCardRowGap : string;
 export const rhcLinkListCardPaddingInlineStart : string;
 export const rhcLinkListCardPaddingInlineEnd : string;
-export const rhcLinkListTextDecoration : string;
+export const rhcLinkColumnGap : string;
 export const rhcIconOnlyButtonPaddingBlockEnd : string;
 export const rhcIconOnlyButtonPaddingBlockStart : string;
 export const rhcIconOnlyButtonPaddingInlineEnd : string;
@@ -1050,13 +966,55 @@ export const rhcCodeInputGroupColumnGap : string;
 export const rhcCheckboxGroupPaddingBlockEnd : string;
 export const rhcCheckboxGroupPaddingBlockStart : string;
 export const rhcCheckboxGroupRowGap : string;
+export const rhcCardBackgroundColor : string;
+export const rhcCardBorderColor : string;
+export const rhcCardBorderRadius : string;
+export const rhcCardBorderWidth : string;
+export const rhcCardColor : string;
+export const rhcCardColumnGap : string;
+export const rhcCardInlineSize : string;
+export const rhcCardIconColor : string;
+export const rhcCardIconSize : string;
+export const rhcCardLinkColor : string;
+export const rhcCardLinkTextDecoration : string;
+export const rhcCardLinkActiveTextDecoration : string;
+export const rhcCardLinkHoverTextDecoration : string;
+export const rhcCardLinkFocusTextDecoration : string;
+export const rhcCardMetadataColor : string;
+export const rhcCardPaddingBlockEnd : string;
+export const rhcCardPaddingBlockStart : string;
+export const rhcCardPaddingInlineEnd : string;
+export const rhcCardPaddingInlineStart : string;
+export const rhcCardRowGap : string;
+export const rhcCardActiveBackgroundColor : string;
+export const rhcCardActiveTextDecoration : string;
+export const rhcCardHoverBackgroundColor : string;
+export const rhcCardHoverTextDecoration : string;
+export const rhcCardFocusBackgroundColor : string;
+export const rhcCardFocusTextDecoration : string;
+export const rhcCardFullBleedBackgroundColor : string;
+export const rhcCardFullBleedBorderColor : string;
+export const rhcCardFullBleedColor : string;
+export const rhcCardFullBleedOpacity : number;
+export const rhcCardHeadingColor : string;
+export const rhcCardHeadingPaddingBlockStart : string;
+export const rhcCardHeadingFontSize : string;
+export const rhcCardHeadingFontWeight : number;
+export const rhcCardHorizontalBackgroundColor : string;
+export const rhcCardHorizontalBorderColor : string;
+export const rhcCardHorizontalColor : string;
+export const rhcCardHorizontalMaxBlockSize : string;
+export const rhcCardHorizontalPaddingBlockEnd : number;
+export const rhcCardHorizontalPaddingBlockStart : number;
+export const rhcCardHorizontalPaddingInlineEnd : string;
+export const rhcCardHorizontalPaddingInlineStart : string;
+export const rhcCardHorizontalHeadingInlineSize : string;
 export const rhcCardAsLinkBackgroundColor : string;
 export const rhcCardAsLinkBorderColor : string;
 export const rhcCardAsLinkBorderRadius : string;
 export const rhcCardAsLinkBorderWidth : string;
 export const rhcCardAsLinkColor : string;
 export const rhcCardAsLinkColumnGap : string;
-export const rhcCardAsLinkInlineSize : string;
 export const rhcCardAsLinkIconColor : string;
 export const rhcCardAsLinkIconSize : string;
 export const rhcCardAsLinkLinkColor : string;
@@ -1093,6 +1051,7 @@ export const rhcCardAsLinkHorizontalPaddingBlockStart : number;
 export const rhcCardAsLinkHorizontalPaddingInlineEnd : string;
 export const rhcCardAsLinkHorizontalPaddingInlineStart : string;
 export const rhcCardAsLinkHorizontalHeadingInlineSize : string;
+export const rhcBreadcrumbNavLinkCurrentColor : string;
 export const rhcKeepComment : string;
 export const rhcKeepTopLeftBorderRadiusTopLeft : string;
 export const rhcKeepTopLeftBorderRadiusTopRight : number;
@@ -1427,12 +1386,6 @@ export const nlSkipLinkTextDecorationThickness : string;
 export const nlSkipLinkTextUnderlineOffset : string;
 export const nlSkipLinkLineHeight : string;
 export const nlSkipLinkFontSize : string;
-export const nlParagraphLeadColor : string;
-export const nlParagraphLeadFontSize : string;
-export const nlParagraphLeadFontWeight : number;
-export const nlParagraphLeadLineHeight : string;
-export const nlParagraphLeadMarginBlockEnd : string;
-export const nlParagraphLeadMarginBlockStart : string;
 export const nlParagraphColor : string;
 export const nlParagraphFontFamily : string;
 export const nlParagraphFontSize : string;
@@ -1440,6 +1393,11 @@ export const nlParagraphFontWeight : number;
 export const nlParagraphLineHeight : string;
 export const nlParagraphMarginBlockEnd : string;
 export const nlParagraphMarginBlockStart : string;
+export const nlParagraphLeadFontSize : string;
+export const nlParagraphLeadFontWeight : number;
+export const nlParagraphLeadLineHeight : string;
+export const nlParagraphLeadMarginBlockEnd : string;
+export const nlParagraphLeadMarginBlockStart : string;
 export const nlNumberBadgeLineHeight : string;
 export const nlNumberBadgeBackgroundColor : string;
 export const nlNumberBadgeBorderColor : string;
@@ -1453,26 +1411,13 @@ export const nlNumberBadgeMinBlockSize : string;
 export const nlNumberBadgeMinInlineSize : string;
 export const nlNumberBadgePaddingBlock : string;
 export const nlNumberBadgePaddingInline : string;
-export const nlLinkColumnGap : string;
-export const nlLinkFontFamily : string;
-export const nlLinkFontSize : string;
-export const nlLinkFontWeight : number;
-export const nlLinkLineHeight : string;
-export const nlLinkIconInsetBlockStart : string;
-export const nlLinkIconSize : string;
-export const nlLinkActiveTextDecoration : string;
-export const nlLinkActiveColor : string;
-export const nlLinkFocusBackgroundColor : string;
-export const nlLinkFocusColor : string;
-export const nlLinkFocusTextDecoration : string;
-export const nlLinkFocusTextDecorationThickness : string;
-export const nlLinkVisitedColor : string;
 export const nlLinkColor : string;
 export const nlLinkTextDecorationColor : string;
 export const nlLinkTextDecorationLine : string;
 export const nlLinkTextDecorationThickness : string;
 export const nlLinkTextUnderlineOffset : string;
 export const nlLinkCurrentCursor : string;
+export const nlLinkActiveColor : string;
 export const nlLinkDisabledColor : string;
 export const nlLinkDisabledCursor : string;
 export const nlLinkHoverTextDecorationLine : string;
@@ -1520,6 +1465,7 @@ export const nlHeadingLevel6FontWeight : number;
 export const nlHeadingLevel6LineHeight : string;
 export const nlHeadingLevel6MarginBlockEnd : string;
 export const nlHeadingLevel6MarginBlockStart : string;
+export const figmaLinkIconSize : string;
 export const basisColorDefaultBgDocument : string;
 export const basisColorDefaultColorDocument : string;
 export const basisColorDefaultColorSubtle : string;