@rijkshuisstijl-community/design-tokens 1.0.1 → 1.1.0

package/dist/uitvoerend-mintgroen-focus/_variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Sun, 09 Mar 2025 17:51:31 GMT
+// Generated on Wed, 19 Mar 2025 14:52:03 GMT
 
 $nl-number-badge-padding-block: 0.5rem;
 $nl-number-badge-padding-inline: 0.5rem;
@@ -50,6 +50,28 @@ $nl-heading-level-1-line-height: 125%;
 $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;
@@ -202,6 +224,7 @@ $rhc-card-as-link-horizontal-background-color: #154273;
 $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;
@@ -217,14 +240,14 @@ $rhc-card-as-link-padding-inline-start: 1rem;
 $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;
@@ -725,6 +748,19 @@ $utrecht-button-group-margin-block-start: 0px;
 $utrecht-button-group-margin-block-end: 0px;
 $utrecht-button-group-column-gap: 0.5rem;
 $utrecht-button-group-background-color: transparent;
+$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;
@@ -784,6 +820,41 @@ $utrecht-form-field-label-color: #0F172A;
 $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-list-icon-inset-block-start: 0.188rem;
 $utrecht-link-list-icon-size: 24px;
 $utrecht-link-list-item-text-decoration: None;
@@ -803,6 +874,17 @@ $utrecht-ordered-list-margin-inline-start: 0.625rem;
 $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-separator-margin-block-start: 0.75rem;
 $utrecht-separator-margin-block-end: 0.75rem;
 $utrecht-separator-block-size: 2px;
@@ -869,6 +951,33 @@ $utrecht-unordered-list-padding-inline-start: 1.5rem;
 $utrecht-icon-inset-block-start: 0;
 $utrecht-icon-size: 24px;
 $utrecht-icon-color: inherit;
+$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-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-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: #FDD370;
 $utrecht-counter-badge-background-color: #FDD370;
 $utrecht-textbox-hover-color: #0F172A;

package/dist/uitvoerend-mintgroen-focus/index.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Sun, 09 Mar 2025 17:51:31 GMT
+ * Generated on Wed, 19 Mar 2025 14:52:03 GMT
  */
 
 .uitvoerend-mintgroen-focus {
@@ -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;
@@ -204,6 +226,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;
@@ -219,14 +242,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;
@@ -727,6 +750,19 @@
   --utrecht-button-group-margin-block-end: 0px;
   --utrecht-button-group-column-gap: 0.5rem;
   --utrecht-button-group-background-color: transparent;
+  --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;
@@ -786,6 +822,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-list-icon-inset-block-start: 0.188rem;
   --utrecht-link-list-icon-size: 24px;
   --utrecht-link-list-item-text-decoration: None;
@@ -805,6 +876,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-separator-margin-block-start: 0.75rem;
   --utrecht-separator-margin-block-end: 0.75rem;
   --utrecht-separator-block-size: 2px;
@@ -871,6 +953,33 @@
   --utrecht-icon-inset-block-start: 0;
   --utrecht-icon-size: 24px;
   --utrecht-icon-color: inherit;
+  --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-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-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: #FDD370;
   --utrecht-counter-badge-background-color: #FDD370;
   --utrecht-textbox-hover-color: #0F172A;

package/dist/uitvoerend-mintgroen-focus/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Sun, 09 Mar 2025 17:51:31 GMT
+ * Generated on Wed, 19 Mar 2025 14:52:03 GMT
  */
 
 export const utrechtPreHeadingColor : string;
@@ -336,6 +336,33 @@ export const utrechtTextboxHoverBorderColor : string;
 export const utrechtTextboxHoverColor : string;
 export const utrechtCounterBadgeBackgroundColor : string;
 export const utrechtSkipLinkFocusBackgroundColor : string;
+export const utrechtSkipLinkFocusBorderColor : string;
+export const utrechtSkipLinkFocusBorderStyle : string;
+export const utrechtSkipLinkFocusBorderWidth : string;
+export const utrechtSkipLinkFocusColor : string;
+export const utrechtSkipLinkFocusTextDecoration : string;
+export const utrechtSkipLinkFontWeight : number;
+export const utrechtSkipLinkFontFamily : string;
+export const utrechtSkipLinkFontSize : string;
+export const utrechtSkipLinkLineHeight : string;
+export const utrechtSkipLinkMinBlockSize : string;
+export const utrechtSkipLinkMinInlineSize : string;
+export const utrechtSkipLinkPaddingBlockEnd : string;
+export const utrechtSkipLinkPaddingBlockStart : string;
+export const utrechtSkipLinkPaddingInlineEnd : string;
+export const utrechtSkipLinkPaddingInlineStart : string;
+export const utrechtSkipLinkFocusVisibleOutlineColor : string;
+export const utrechtSkipLinkBackgroundColor : string;
+export const utrechtSkipLinkBorderColor : string;
+export const utrechtSkipLinkColor : string;
+export const utrechtSkipLinkBorderWidth : string;
+export const utrechtSkipLinkBoxBlockEndShadowOffsetX : number;
+export const utrechtSkipLinkBoxBlockEndShadowOffsetY : string;
+export const utrechtSkipLinkBoxBlockEndShadowBlurRadius : string;
+export const utrechtSkipLinkBoxBlockEndShadowSpreadRadius : number;
+export const utrechtSkipLinkBoxBlockEndShadowColor : string;
+export const utrechtSkipLinkTextDecoration : string;
+export const utrechtSkipLinkTextUnderlineOffset : string;
 export const utrechtIconColor : string;
 export const utrechtIconSize : string;
 export const utrechtIconInsetBlockStart : number;
@@ -402,6 +429,17 @@ export const utrechtSeparatorColor : string;
 export const utrechtSeparatorBlockSize : string;
 export const utrechtSeparatorMarginBlockEnd : string;
 export const utrechtSeparatorMarginBlockStart : string;
+export const utrechtParagraphColor : string;
+export const utrechtParagraphFontFamily : string;
+export const utrechtParagraphFontSize : string;
+export const utrechtParagraphFontWeight : number;
+export const utrechtParagraphLineHeight : string;
+export const utrechtParagraphMarginBlockEnd : number;
+export const utrechtParagraphMarginBlockStart : number;
+export const utrechtParagraphLeadColor : string;
+export const utrechtParagraphLeadFontSize : string;
+export const utrechtParagraphLeadFontWeight : number;
+export const utrechtParagraphLeadLineHeight : string;
 export const utrechtOrderedListPaddingInlineStart : string;
 export const utrechtOrderedListMarginBlockEnd : string;
 export const utrechtOrderedListMarginBlockStart : string;
@@ -421,6 +459,41 @@ export const utrechtLinkListItemColumnGap : string;
 export const utrechtLinkListItemTextDecoration : string;
 export const utrechtLinkListIconSize : string;
 export const utrechtLinkListIconInsetBlockStart : string;
+export const utrechtHeading1Color : string;
+export const utrechtHeading1FontFamily : string;
+export const utrechtHeading1FontWeight : number;
+export const utrechtHeading1LineHeight : string;
+export const utrechtHeading1FontSize : string;
+export const utrechtHeading1MarginBlockEnd : number;
+export const utrechtHeading1MarginBlockStart : number;
+export const utrechtHeading2Color : string;
+export const utrechtHeading2FontFamily : string;
+export const utrechtHeading2FontWeight : number;
+export const utrechtHeading2LineHeight : string;
+export const utrechtHeading2FontSize : string;
+export const utrechtHeading2MarginBlockEnd : number;
+export const utrechtHeading2MarginBlockStart : number;
+export const utrechtHeading3Color : string;
+export const utrechtHeading3FontFamily : string;
+export const utrechtHeading3FontWeight : number;
+export const utrechtHeading3LineHeight : string;
+export const utrechtHeading3FontSize : string;
+export const utrechtHeading3MarginBlockEnd : number;
+export const utrechtHeading3MarginBlockStart : number;
+export const utrechtHeading4Color : string;
+export const utrechtHeading4FontFamily : string;
+export const utrechtHeading4FontWeight : number;
+export const utrechtHeading4LineHeight : string;
+export const utrechtHeading4FontSize : string;
+export const utrechtHeading4MarginBlockEnd : number;
+export const utrechtHeading4MarginBlockStart : number;
+export const utrechtHeading5Color : string;
+export const utrechtHeading5FontFamily : string;
+export const utrechtHeading5FontWeight : number;
+export const utrechtHeading5LineHeight : string;
+export const utrechtHeading5FontSize : string;
+export const utrechtHeading5MarginBlockEnd : number;
+export const utrechtHeading5MarginBlockStart : number;
 export const utrechtFormLabelColor : string;
 export const utrechtFormLabelFontSize : string;
 export const utrechtFormLabelFontWeight : number;
@@ -480,6 +553,19 @@ export const utrechtFormFieldsetSectionColor : string;
 export const utrechtFormFieldsetInvalidBorderInlineStartColor : string;
 export const utrechtFormFieldsetInvalidPaddingInlineStart : number;
 export const utrechtFormFieldsetInvalidBorderInlineStartWidth : string;
+export const utrechtNumberBadgeFontSize : string;
+export const utrechtNumberBadgeLineHeight : string;
+export const utrechtNumberBadgeMinBlockSize : string;
+export const utrechtNumberBadgeMinInlineSize : string;
+export const utrechtNumberBadgeFontWeight : number;
+export const utrechtNumberBadgeBorderWidth : string;
+export const utrechtNumberBadgeBorderRadius : string;
+export const utrechtNumberBadgeFontFamily : string;
+export const utrechtNumberBadgeBackgroundColor : string;
+export const utrechtNumberBadgeBorderColor : string;
+export const utrechtNumberBadgeColor : string;
+export const utrechtNumberBadgePaddingInline : string;
+export const utrechtNumberBadgePaddingBlock : string;
 export const utrechtButtonGroupBackgroundColor : string;
 export const utrechtButtonGroupColumnGap : string;
 export const utrechtButtonGroupMarginBlockEnd : string;
@@ -1003,6 +1089,7 @@ export const rhcCardAsLinkFullBleedBackgroundColor : string;
 export const rhcCardAsLinkFullBleedBorderColor : string;
 export const rhcCardAsLinkFullBleedColor : string;
 export const rhcCardAsLinkFullBleedOpacity : number;
+export const rhcCardAsLinkHeadingColor : string;
 export const rhcCardAsLinkHeadingPaddingBlockStart : string;
 export const rhcCardAsLinkHeadingFontSize : string;
 export const rhcCardAsLinkHeadingFontWeight : number;
@@ -1155,6 +1242,28 @@ export const nlParagraphLeadColor : string;
 export const nlParagraphLeadFontSize : string;
 export const nlParagraphLeadFontWeight : number;
 export const nlParagraphLeadLineHeight : string;
+export const nlLinkColor : string;
+export const nlLinkTextDecorationColor : string;
+export const nlLinkActiveColor : string;
+export const nlLinkActiveTextDecoration : string;
+export const nlLinkFocusBackgroundColor : string;
+export const nlLinkFocusColor : string;
+export const nlLinkFocusTextDecoration : string;
+export const nlLinkFocusTextDecorationThickness : string;
+export const nlLinkHoverColor : string;
+export const nlLinkHoverTextDecoration : string;
+export const nlLinkHoverTextDecorationThickness : string;
+export const nlLinkVisitedColor : string;
+export const nlLinkTextDecoration : string;
+export const nlLinkIconInsetBlockStart : string;
+export const nlLinkIconSize : string;
+export const nlLinkColumnGap : string;
+export const nlLinkTextDecorationThickness : string;
+export const nlLinkTextUnderlineOffset : string;
+export const nlLinkFontFamily : string;
+export const nlLinkFontWeight : number;
+export const nlLinkFontSize : string;
+export const nlLinkLineHeight : string;
 export const nlHeadingLevel1Color : string;
 export const nlHeadingLevel1FontFamily : string;
 export const nlHeadingLevel1FontWeight : number;

package/dist/uitvoerend-mintgroen-focus/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Sun, 09 Mar 2025 17:51:31 GMT
+ * Generated on Wed, 19 Mar 2025 14:52:03 GMT
  */
 
 export const utrechtPreHeadingColor = "#0F172A";
@@ -336,6 +336,33 @@ export const utrechtTextboxHoverBorderColor = "#738eab";
 export const utrechtTextboxHoverColor = "#0F172A";
 export const utrechtCounterBadgeBackgroundColor = "#FDD370";
 export const utrechtSkipLinkFocusBackgroundColor = "#FDD370";
+export const utrechtSkipLinkFocusBorderColor = "#154273";
+export const utrechtSkipLinkFocusBorderStyle = "solid";
+export const utrechtSkipLinkFocusBorderWidth = "2px";
+export const utrechtSkipLinkFocusColor = "#0F172A";
+export const utrechtSkipLinkFocusTextDecoration = "None";
+export const utrechtSkipLinkFontWeight = 700;
+export const utrechtSkipLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtSkipLinkFontSize = "1.25rem";
+export const utrechtSkipLinkLineHeight = "150%";
+export const utrechtSkipLinkMinBlockSize = "48px";
+export const utrechtSkipLinkMinInlineSize = "48px";
+export const utrechtSkipLinkPaddingBlockEnd = "0.75rem";
+export const utrechtSkipLinkPaddingBlockStart = "0.75rem";
+export const utrechtSkipLinkPaddingInlineEnd = "1rem";
+export const utrechtSkipLinkPaddingInlineStart = "1rem";
+export const utrechtSkipLinkFocusVisibleOutlineColor = "#000";
+export const utrechtSkipLinkBackgroundColor = "#154273";
+export const utrechtSkipLinkBorderColor = "transparent";
+export const utrechtSkipLinkColor = "#fff";
+export const utrechtSkipLinkBorderWidth = "2px";
+export const utrechtSkipLinkBoxBlockEndShadowOffsetX = 0;
+export const utrechtSkipLinkBoxBlockEndShadowOffsetY = "16px";
+export const utrechtSkipLinkBoxBlockEndShadowBlurRadius = "48px";
+export const utrechtSkipLinkBoxBlockEndShadowSpreadRadius = 0;
+export const utrechtSkipLinkBoxBlockEndShadowColor = "#0000001a";
+export const utrechtSkipLinkTextDecoration = "underline";
+export const utrechtSkipLinkTextUnderlineOffset = "0.125rem";
 export const utrechtIconColor = "inherit";
 export const utrechtIconSize = "24px";
 export const utrechtIconInsetBlockStart = 0;
@@ -402,6 +429,17 @@ export const utrechtSeparatorColor = "#CBD5E1";
 export const utrechtSeparatorBlockSize = "2px";
 export const utrechtSeparatorMarginBlockEnd = "0.75rem";
 export const utrechtSeparatorMarginBlockStart = "0.75rem";
+export const utrechtParagraphColor = "#0F172A";
+export const utrechtParagraphFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtParagraphFontSize = "1.25rem";
+export const utrechtParagraphFontWeight = 400;
+export const utrechtParagraphLineHeight = "150%";
+export const utrechtParagraphMarginBlockEnd = 0;
+export const utrechtParagraphMarginBlockStart = 0;
+export const utrechtParagraphLeadColor = "#0F172A";
+export const utrechtParagraphLeadFontSize = "1.5rem";
+export const utrechtParagraphLeadFontWeight = 400;
+export const utrechtParagraphLeadLineHeight = "150%";
 export const utrechtOrderedListPaddingInlineStart = "1.5rem";
 export const utrechtOrderedListMarginBlockEnd = "0.25rem";
 export const utrechtOrderedListMarginBlockStart = "0.25rem";
@@ -421,6 +459,41 @@ export const utrechtLinkListItemColumnGap = "0.5rem";
 export const utrechtLinkListItemTextDecoration = "None";
 export const utrechtLinkListIconSize = "24px";
 export const utrechtLinkListIconInsetBlockStart = "0.188rem";
+export const utrechtHeading1Color = "#154273";
+export const utrechtHeading1FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtHeading1FontWeight = 700;
+export const utrechtHeading1LineHeight = "125%";
+export const utrechtHeading1FontSize = "3.125rem";
+export const utrechtHeading1MarginBlockEnd = 0;
+export const utrechtHeading1MarginBlockStart = 0;
+export const utrechtHeading2Color = "#154273";
+export const utrechtHeading2FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtHeading2FontWeight = 700;
+export const utrechtHeading2LineHeight = "125%";
+export const utrechtHeading2FontSize = "2.5rem";
+export const utrechtHeading2MarginBlockEnd = 0;
+export const utrechtHeading2MarginBlockStart = 0;
+export const utrechtHeading3Color = "#154273";
+export const utrechtHeading3FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtHeading3FontWeight = 700;
+export const utrechtHeading3LineHeight = "125%";
+export const utrechtHeading3FontSize = "1.875rem";
+export const utrechtHeading3MarginBlockEnd = 0;
+export const utrechtHeading3MarginBlockStart = 0;
+export const utrechtHeading4Color = "#154273";
+export const utrechtHeading4FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtHeading4FontWeight = 700;
+export const utrechtHeading4LineHeight = "125%";
+export const utrechtHeading4FontSize = "1.5rem";
+export const utrechtHeading4MarginBlockEnd = 0;
+export const utrechtHeading4MarginBlockStart = 0;
+export const utrechtHeading5Color = "#154273";
+export const utrechtHeading5FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtHeading5FontWeight = 700;
+export const utrechtHeading5LineHeight = "125%";
+export const utrechtHeading5FontSize = "1.25rem";
+export const utrechtHeading5MarginBlockEnd = 0;
+export const utrechtHeading5MarginBlockStart = 0;
 export const utrechtFormLabelColor = "#0F172A";
 export const utrechtFormLabelFontSize = "1.25rem";
 export const utrechtFormLabelFontWeight = 700;
@@ -480,6 +553,19 @@ export const utrechtFormFieldsetSectionColor = "#0F172A";
 export const utrechtFormFieldsetInvalidBorderInlineStartColor = "#d52b1e";
 export const utrechtFormFieldsetInvalidPaddingInlineStart = 0;
 export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "0px";
+export const utrechtNumberBadgeFontSize = "1.25rem";
+export const utrechtNumberBadgeLineHeight = "150%";
+export const utrechtNumberBadgeMinBlockSize = "24px";
+export const utrechtNumberBadgeMinInlineSize = "24px";
+export const utrechtNumberBadgeFontWeight = 700;
+export const utrechtNumberBadgeBorderWidth = "0px";
+export const utrechtNumberBadgeBorderRadius = "999px";
+export const utrechtNumberBadgeFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtNumberBadgeBackgroundColor = "#154273";
+export const utrechtNumberBadgeBorderColor = "transparent";
+export const utrechtNumberBadgeColor = "#fff";
+export const utrechtNumberBadgePaddingInline = "0.5rem";
+export const utrechtNumberBadgePaddingBlock = "0.5rem";
 export const utrechtButtonGroupBackgroundColor = "transparent";
 export const utrechtButtonGroupColumnGap = "0.5rem";
 export const utrechtButtonGroupMarginBlockEnd = "0px";
@@ -980,14 +1066,14 @@ export const rhcCardAsLinkBorderWidth = "1px";
 export const rhcCardAsLinkColor = "#0F172A";
 export const rhcCardAsLinkColumnGap = "1rem";
 export const rhcCardAsLinkInlineSize = "328px";
-export const rhcCardAsLinkIconColor = "#0F172A";
+export const rhcCardAsLinkIconColor = "#154273";
 export const rhcCardAsLinkIconSize = "24px";
 export const rhcCardAsLinkLinkColor = "#01689b";
 export const rhcCardAsLinkLinkTextDecoration = "underline";
 export const rhcCardAsLinkLinkActiveTextDecoration = "none";
 export const rhcCardAsLinkLinkHoverTextDecoration = "none";
 export const rhcCardAsLinkLinkFocusTextDecoration = "none";
-export const rhcCardAsLinkMetadataColor = "#0F172A";
+export const rhcCardAsLinkMetadataColor = "#334155";
 export const rhcCardAsLinkPaddingBlockEnd = "1rem";
 export const rhcCardAsLinkPaddingBlockStart = "1rem";
 export const rhcCardAsLinkPaddingInlineEnd = "1rem";
@@ -1003,6 +1089,7 @@ export const rhcCardAsLinkFullBleedBackgroundColor = "#000";
 export const rhcCardAsLinkFullBleedBorderColor = "transparent";
 export const rhcCardAsLinkFullBleedColor = "#fff";
 export const rhcCardAsLinkFullBleedOpacity = 0.5;
+export const rhcCardAsLinkHeadingColor = "#154273";
 export const rhcCardAsLinkHeadingPaddingBlockStart = "0.5rem";
 export const rhcCardAsLinkHeadingFontSize = "1.5rem";
 export const rhcCardAsLinkHeadingFontWeight = 700;
@@ -1155,6 +1242,28 @@ export const nlParagraphLeadColor = "#0F172A";
 export const nlParagraphLeadFontSize = "1.5rem";
 export const nlParagraphLeadFontWeight = 400;
 export const nlParagraphLeadLineHeight = "150%";
+export const nlLinkColor = "#01689b";
+export const nlLinkTextDecorationColor = "#01689b";
+export const nlLinkActiveColor = "#42145f";
+export const nlLinkActiveTextDecoration = "None";
+export const nlLinkFocusBackgroundColor = "transparent";
+export const nlLinkFocusColor = "#01689b";
+export const nlLinkFocusTextDecoration = "None";
+export const nlLinkFocusTextDecorationThickness = "auto";
+export const nlLinkHoverColor = "#01496c";
+export const nlLinkHoverTextDecoration = "None";
+export const nlLinkHoverTextDecorationThickness = "auto";
+export const nlLinkVisitedColor = "#42145f";
+export const nlLinkTextDecoration = "underline";
+export const nlLinkIconInsetBlockStart = "0.25rem";
+export const nlLinkIconSize = "24px";
+export const nlLinkColumnGap = "0.25rem";
+export const nlLinkTextDecorationThickness = "auto";
+export const nlLinkTextUnderlineOffset = "0.125rem";
+export const nlLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const nlLinkFontWeight = 400;
+export const nlLinkFontSize = "1.25rem";
+export const nlLinkLineHeight = "150%";
 export const nlHeadingLevel1Color = "#154273";
 export const nlHeadingLevel1FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
 export const nlHeadingLevel1FontWeight = 700;