@rijkshuisstijl-community/design-tokens 1.0.1 → 1.1.0

package/dist/uitvoerend-violet-oud/_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;
@@ -193,6 +215,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;
@@ -208,14 +231,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;
@@ -885,6 +908,19 @@ $utrecht-checkbox-background-color: #fff;
 $utrecht-checkbox-icon-size: 24px;
 $utrecht-checkbox-size: 24px;
 $utrecht-checkbox-border-radius: 0;
+$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;
@@ -944,6 +980,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-line-height: 150%;
 $utrecht-link-font-size: 1.25rem;
 $utrecht-link-font-weight: 400;
@@ -985,6 +1056,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-radio-button-border-width: 1px;
 $utrecht-radio-button-border-radius: 999px;
 $utrecht-radio-button-hover-border-width: 1px;
@@ -1061,6 +1143,34 @@ $utrecht-separator-margin-block-start: 0.75rem;
 $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-oud/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-violet-oud {
@@ -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;
@@ -195,6 +217,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;
@@ -210,14 +233,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;
@@ -887,6 +910,19 @@
   --utrecht-checkbox-icon-size: 24px;
   --utrecht-checkbox-size: 24px;
   --utrecht-checkbox-border-radius: 0;
+  --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 +982,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 +1058,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 +1145,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-oud/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;
@@ -138,6 +138,34 @@ export const utrechtTableContainerBoxInlineStartShadowBlur : string;
 export const utrechtTableContainerBoxInlineStartShadowSpread : number;
 export const utrechtTableContainerBoxInlineStartShadowColor : string;
 export const utrechtTableFontSize : 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 utrechtSkipLinkFocusBackgroundColor : string;
+export const utrechtSkipLinkFocusBorderColor : string;
+export const utrechtSkipLinkFocusBorderStyle : string;
+export const utrechtSkipLinkFocusBorderWidth : string;
+export const utrechtSkipLinkFocusColor : string;
+export const utrechtSkipLinkFocusTextDecoration : 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 utrechtSeparatorColor : string;
 export const utrechtSeparatorBlockSize : string;
 export const utrechtSeparatorMarginBlockEnd : string;
@@ -214,6 +242,17 @@ export const utrechtRadioButtonHoverBorderColor : string;
 export const utrechtRadioButtonHoverBorderWidth : string;
 export const utrechtRadioButtonBorderRadius : string;
 export const utrechtRadioButtonBorderWidth : 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;
@@ -255,6 +294,41 @@ export const utrechtLinkFontFamily : string;
 export const utrechtLinkFontWeight : number;
 export const utrechtLinkFontSize : string;
 export const utrechtLinkLineHeight : 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;
@@ -314,6 +388,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 utrechtCheckboxBorderRadius : number;
 export const utrechtCheckboxSize : string;
 export const utrechtCheckboxIconSize : string;
@@ -1006,6 +1093,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;
@@ -1149,6 +1237,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-violet-oud/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";
@@ -138,6 +138,34 @@ export const utrechtTableContainerBoxInlineStartShadowBlur = "48px";
 export const utrechtTableContainerBoxInlineStartShadowSpread = 0;
 export const utrechtTableContainerBoxInlineStartShadowColor = "#0000001a";
 export const utrechtTableFontSize = "1.25rem";
+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 utrechtSkipLinkFocusBackgroundColor = "#fff";
+export const utrechtSkipLinkFocusBorderColor = "#154273";
+export const utrechtSkipLinkFocusBorderStyle = "solid";
+export const utrechtSkipLinkFocusBorderWidth = "2px";
+export const utrechtSkipLinkFocusColor = "#0F172A";
+export const utrechtSkipLinkFocusTextDecoration = "None";
+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 utrechtSeparatorColor = "#CBD5E1";
 export const utrechtSeparatorBlockSize = "2px";
 export const utrechtSeparatorMarginBlockEnd = "0.75rem";
@@ -214,6 +242,17 @@ export const utrechtRadioButtonHoverBorderColor = "#738eab";
 export const utrechtRadioButtonHoverBorderWidth = "1px";
 export const utrechtRadioButtonBorderRadius = "999px";
 export const utrechtRadioButtonBorderWidth = "1px";
+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";
@@ -255,6 +294,41 @@ export const utrechtLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
 export const utrechtLinkFontWeight = 400;
 export const utrechtLinkFontSize = "1.25rem";
 export const utrechtLinkLineHeight = "150%";
+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;
@@ -314,6 +388,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 utrechtCheckboxBorderRadius = 0;
 export const utrechtCheckboxSize = "24px";
 export const utrechtCheckboxIconSize = "24px";
@@ -983,14 +1070,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";
@@ -1006,6 +1093,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;
@@ -1149,6 +1237,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;