@rijkshuisstijl-community/design-tokens 1.0.0-alpha.154 → 1.0.0-alpha.156

package/dist/uitvoerend-violet/_variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 12 Feb 2025 15:07:28 GMT
+// Generated on Fri, 14 Feb 2025 08:43:17 GMT
 
 $nl-number-badge-padding-block: 0.5rem;
 $nl-number-badge-padding-inline: 0.5rem;
@@ -50,6 +50,21 @@ $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-paragraph-small-line-height: 150%;
+$nl-paragraph-small-font-weight: 400;
+$nl-paragraph-small-font-size: 1.125rem;
+$nl-paragraph-small-color: #154273;
+$nl-paragraph-lead-line-height: 150%;
+$nl-paragraph-lead-font-weight: 400;
+$nl-paragraph-lead-font-size: 1.5rem;
+$nl-paragraph-lead-color: #154273;
+$nl-paragraph-margin-block-start: 0;
+$nl-paragraph-margin-block-end: 0;
+$nl-paragraph-line-height: 150%;
+$nl-paragraph-font-weight: 400;
+$nl-paragraph-font-size: 1.25rem;
+$nl-paragraph-font-family: Fira Sans, Arial, Verdana, sans-serif;
+$nl-paragraph-color: #154273;
 $utrecht-focus-inverse-outline-color: transparant;
 $utrecht-focus-outline-width: 2px;
 $utrecht-focus-outline-style: solid;
@@ -449,21 +464,6 @@ $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-small-line-height: 150%;
-$utrecht-paragraph-small-font-weight: 400;
-$utrecht-paragraph-small-font-size: 1.125rem;
-$utrecht-paragraph-small-color: #154273;
-$utrecht-paragraph-lead-line-height: 150%;
-$utrecht-paragraph-lead-font-weight: 400;
-$utrecht-paragraph-lead-font-size: 1.5rem;
-$utrecht-paragraph-lead-color: #154273;
-$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: #154273;
 $utrecht-radio-button-border-width: 1px;
 $utrecht-radio-button-border-radius: 999px;
 $utrecht-radio-button-hover-border-width: 1px;
@@ -860,7 +860,8 @@ $rhc-file-input-feedback-font-size: 1rem;
 $rhc-file-input-feedback-color: #475569;
 $rhc-file-input-row-gap: 0.75rem;
 $rhc-file-input-column-gap: 0.75rem;
-$rhc-page-footer-flex-direction: row;
+$rhc-page-footer-flex-direction: column;
+$rhc-page-footer-padding-inline-end: 2.5rem;
 $rhc-page-footer-padding-inline-start: 2.5rem;
 $rhc-page-footer-padding-block-end: 2.5rem;
 $rhc-page-footer-padding-block-start: 2.5rem;
@@ -931,6 +932,7 @@ $rhc-message-list-item-label-font-size: 1.25rem;
 $rhc-message-list-item-label-font-family: Fira Sans, Arial, Verdana, sans-serif;
 $rhc-message-list-item-content-row-gap: 0.5rem;
 $rhc-message-list-item-content-column-gap: 0.5rem;
+$rhc-message-list-item-content-font-size: 1.125rem;
 $rhc-message-list-item-padding-inline: 1rem;
 $rhc-message-list-item-padding-block: 0.75rem;
 $rhc-message-list-item-min-height: 48px;
@@ -984,6 +986,7 @@ $rhc-navigation-list-item-label-font-size: 1.875rem;
 $rhc-navigation-list-item-label-font-family: Fira Sans, Arial, Verdana, sans-serif;
 $rhc-navigation-list-item-content-row-gap: 0.25rem;
 $rhc-navigation-list-item-content-column-gap: 0.5rem;
+$rhc-navigation-list-item-content-font-size: 1.125rem;
 $rhc-navigation-list-item-icon-size: 24px;
 $rhc-navigation-list-item-icon-padding-block: 0.5rem;
 $rhc-navigation-list-item-icon-padding-inline: 0.5rem;

package/dist/uitvoerend-violet/index.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 12 Feb 2025 15:07:28 GMT
+ * Generated on Fri, 14 Feb 2025 08:43:17 GMT
  */
 
 .uitvoerend-violet {
@@ -52,6 +52,21 @@
   --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-paragraph-small-line-height: 150%;
+  --nl-paragraph-small-font-weight: 400;
+  --nl-paragraph-small-font-size: 1.125rem;
+  --nl-paragraph-small-color: #154273;
+  --nl-paragraph-lead-line-height: 150%;
+  --nl-paragraph-lead-font-weight: 400;
+  --nl-paragraph-lead-font-size: 1.5rem;
+  --nl-paragraph-lead-color: #154273;
+  --nl-paragraph-margin-block-start: 0;
+  --nl-paragraph-margin-block-end: 0;
+  --nl-paragraph-line-height: 150%;
+  --nl-paragraph-font-weight: 400;
+  --nl-paragraph-font-size: 1.25rem;
+  --nl-paragraph-font-family: Fira Sans, Arial, Verdana, sans-serif;
+  --nl-paragraph-color: #154273;
   --utrecht-focus-inverse-outline-color: transparant;
   --utrecht-focus-outline-width: 2px;
   --utrecht-focus-outline-style: solid;
@@ -451,21 +466,6 @@
   --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-small-line-height: 150%;
-  --utrecht-paragraph-small-font-weight: 400;
-  --utrecht-paragraph-small-font-size: 1.125rem;
-  --utrecht-paragraph-small-color: #154273;
-  --utrecht-paragraph-lead-line-height: 150%;
-  --utrecht-paragraph-lead-font-weight: 400;
-  --utrecht-paragraph-lead-font-size: 1.5rem;
-  --utrecht-paragraph-lead-color: #154273;
-  --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: #154273;
   --utrecht-radio-button-border-width: 1px;
   --utrecht-radio-button-border-radius: 999px;
   --utrecht-radio-button-hover-border-width: 1px;
@@ -862,7 +862,8 @@
   --rhc-file-input-feedback-color: #475569;
   --rhc-file-input-row-gap: 0.75rem;
   --rhc-file-input-column-gap: 0.75rem;
-  --rhc-page-footer-flex-direction: row;
+  --rhc-page-footer-flex-direction: column;
+  --rhc-page-footer-padding-inline-end: 2.5rem;
   --rhc-page-footer-padding-inline-start: 2.5rem;
   --rhc-page-footer-padding-block-end: 2.5rem;
   --rhc-page-footer-padding-block-start: 2.5rem;
@@ -933,6 +934,7 @@
   --rhc-message-list-item-label-font-family: Fira Sans, Arial, Verdana, sans-serif;
   --rhc-message-list-item-content-row-gap: 0.5rem;
   --rhc-message-list-item-content-column-gap: 0.5rem;
+  --rhc-message-list-item-content-font-size: 1.125rem;
   --rhc-message-list-item-padding-inline: 1rem;
   --rhc-message-list-item-padding-block: 0.75rem;
   --rhc-message-list-item-min-height: 48px;
@@ -986,6 +988,7 @@
   --rhc-navigation-list-item-label-font-family: Fira Sans, Arial, Verdana, sans-serif;
   --rhc-navigation-list-item-content-row-gap: 0.25rem;
   --rhc-navigation-list-item-content-column-gap: 0.5rem;
+  --rhc-navigation-list-item-content-font-size: 1.125rem;
   --rhc-navigation-list-item-icon-size: 24px;
   --rhc-navigation-list-item-icon-padding-block: 0.5rem;
   --rhc-navigation-list-item-icon-padding-inline: 0.5rem;

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 12 Feb 2025 15:07:28 GMT
+ * Generated on Fri, 14 Feb 2025 08:43:17 GMT
  */
 
 export const rhcColorPrimary50 : string;
@@ -208,6 +208,7 @@ export const rhcNavigationListIconColor : string;
 export const rhcNavigationListItemIconPaddingInline : string;
 export const rhcNavigationListItemIconPaddingBlock : string;
 export const rhcNavigationListItemIconSize : string;
+export const rhcNavigationListItemContentFontSize : string;
 export const rhcNavigationListItemContentColumnGap : string;
 export const rhcNavigationListItemContentRowGap : string;
 export const rhcNavigationListItemLabelFontFamily : string;
@@ -261,6 +262,7 @@ export const rhcMessageListItemIconColor : string;
 export const rhcMessageListItemMinHeight : string;
 export const rhcMessageListItemPaddingBlock : string;
 export const rhcMessageListItemPaddingInline : string;
+export const rhcMessageListItemContentFontSize : string;
 export const rhcMessageListItemContentColumnGap : string;
 export const rhcMessageListItemContentRowGap : string;
 export const rhcMessageListItemLabelFontFamily : string;
@@ -331,6 +333,7 @@ export const rhcPageFooterBorderBlockStartStyle : string;
 export const rhcPageFooterPaddingBlockStart : string;
 export const rhcPageFooterPaddingBlockEnd : string;
 export const rhcPageFooterPaddingInlineStart : string;
+export const rhcPageFooterPaddingInlineEnd : string;
 export const rhcPageFooterFlexDirection : string;
 export const rhcFileInputColumnGap : string;
 export const rhcFileInputRowGap : string;
@@ -728,21 +731,6 @@ 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 utrechtParagraphSmallColor : string;
-export const utrechtParagraphSmallFontSize : string;
-export const utrechtParagraphSmallFontWeight : number;
-export const utrechtParagraphSmallLineHeight : string;
 export const utrechtOrderedListPaddingInlineStart : string;
 export const utrechtOrderedListMarginBlockEnd : string;
 export const utrechtOrderedListMarginBlockStart : string;
@@ -1142,6 +1130,21 @@ export const utrechtFocusOutlineOffset : string;
 export const utrechtFocusOutlineStyle : string;
 export const utrechtFocusOutlineWidth : string;
 export const utrechtFocusInverseOutlineColor : string;
+export const nlParagraphColor : string;
+export const nlParagraphFontFamily : string;
+export const nlParagraphFontSize : string;
+export const nlParagraphFontWeight : number;
+export const nlParagraphLineHeight : string;
+export const nlParagraphMarginBlockEnd : number;
+export const nlParagraphMarginBlockStart : number;
+export const nlParagraphLeadColor : string;
+export const nlParagraphLeadFontSize : string;
+export const nlParagraphLeadFontWeight : number;
+export const nlParagraphLeadLineHeight : string;
+export const nlParagraphSmallColor : string;
+export const nlParagraphSmallFontSize : string;
+export const nlParagraphSmallFontWeight : number;
+export const nlParagraphSmallLineHeight : string;
 export const nlHeadingLevel1Color : string;
 export const nlHeadingLevel1FontFamily : string;
 export const nlHeadingLevel1FontWeight : number;

package/dist/uitvoerend-violet/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 12 Feb 2025 15:07:28 GMT
+ * Generated on Fri, 14 Feb 2025 08:43:17 GMT
  */
 
 export const rhcColorPrimary50 = "#f2d9e7";
@@ -208,6 +208,7 @@ export const rhcNavigationListIconColor = "#fff";
 export const rhcNavigationListItemIconPaddingInline = "0.5rem";
 export const rhcNavigationListItemIconPaddingBlock = "0.5rem";
 export const rhcNavigationListItemIconSize = "24px";
+export const rhcNavigationListItemContentFontSize = "1.125rem";
 export const rhcNavigationListItemContentColumnGap = "0.5rem";
 export const rhcNavigationListItemContentRowGap = "0.25rem";
 export const rhcNavigationListItemLabelFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
@@ -261,6 +262,7 @@ export const rhcMessageListItemIconColor = "#154273";
 export const rhcMessageListItemMinHeight = "48px";
 export const rhcMessageListItemPaddingBlock = "0.75rem";
 export const rhcMessageListItemPaddingInline = "1rem";
+export const rhcMessageListItemContentFontSize = "1.125rem";
 export const rhcMessageListItemContentColumnGap = "0.5rem";
 export const rhcMessageListItemContentRowGap = "0.5rem";
 export const rhcMessageListItemLabelFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
@@ -331,7 +333,8 @@ export const rhcPageFooterBorderBlockStartStyle = "solid";
 export const rhcPageFooterPaddingBlockStart = "2.5rem";
 export const rhcPageFooterPaddingBlockEnd = "2.5rem";
 export const rhcPageFooterPaddingInlineStart = "2.5rem";
-export const rhcPageFooterFlexDirection = "row";
+export const rhcPageFooterPaddingInlineEnd = "2.5rem";
+export const rhcPageFooterFlexDirection = "column";
 export const rhcFileInputColumnGap = "0.75rem";
 export const rhcFileInputRowGap = "0.75rem";
 export const rhcFileInputFeedbackColor = "#475569";
@@ -728,21 +731,6 @@ export const utrechtRadioButtonHoverBorderColor = "#738eab";
 export const utrechtRadioButtonHoverBorderWidth = "1px";
 export const utrechtRadioButtonBorderRadius = "999px";
 export const utrechtRadioButtonBorderWidth = "1px";
-export const utrechtParagraphColor = "#154273";
-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 = "#154273";
-export const utrechtParagraphLeadFontSize = "1.5rem";
-export const utrechtParagraphLeadFontWeight = 400;
-export const utrechtParagraphLeadLineHeight = "150%";
-export const utrechtParagraphSmallColor = "#154273";
-export const utrechtParagraphSmallFontSize = "1.125rem";
-export const utrechtParagraphSmallFontWeight = 400;
-export const utrechtParagraphSmallLineHeight = "150%";
 export const utrechtOrderedListPaddingInlineStart = "1.5rem";
 export const utrechtOrderedListMarginBlockEnd = "0.25rem";
 export const utrechtOrderedListMarginBlockStart = "0.25rem";
@@ -1142,6 +1130,21 @@ export const utrechtFocusOutlineOffset = "0.125rem";
 export const utrechtFocusOutlineStyle = "solid";
 export const utrechtFocusOutlineWidth = "2px";
 export const utrechtFocusInverseOutlineColor = "transparant";
+export const nlParagraphColor = "#154273";
+export const nlParagraphFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const nlParagraphFontSize = "1.25rem";
+export const nlParagraphFontWeight = 400;
+export const nlParagraphLineHeight = "150%";
+export const nlParagraphMarginBlockEnd = 0;
+export const nlParagraphMarginBlockStart = 0;
+export const nlParagraphLeadColor = "#154273";
+export const nlParagraphLeadFontSize = "1.5rem";
+export const nlParagraphLeadFontWeight = 400;
+export const nlParagraphLeadLineHeight = "150%";
+export const nlParagraphSmallColor = "#154273";
+export const nlParagraphSmallFontSize = "1.125rem";
+export const nlParagraphSmallFontWeight = 400;
+export const nlParagraphSmallLineHeight = "150%";
 export const nlHeadingLevel1Color = "#154273";
 export const nlHeadingLevel1FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
 export const nlHeadingLevel1FontWeight = 700;

package/dist/uitvoerend-violet/index.json

@@ -204,6 +204,7 @@
   "rhcNavigationListItemIconPaddingInline": "0.5rem",
   "rhcNavigationListItemIconPaddingBlock": "0.5rem",
   "rhcNavigationListItemIconSize": "24px",
+  "rhcNavigationListItemContentFontSize": "1.125rem",
   "rhcNavigationListItemContentColumnGap": "0.5rem",
   "rhcNavigationListItemContentRowGap": "0.25rem",
   "rhcNavigationListItemLabelFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
@@ -257,6 +258,7 @@
   "rhcMessageListItemMinHeight": "48px",
   "rhcMessageListItemPaddingBlock": "0.75rem",
   "rhcMessageListItemPaddingInline": "1rem",
+  "rhcMessageListItemContentFontSize": "1.125rem",
   "rhcMessageListItemContentColumnGap": "0.5rem",
   "rhcMessageListItemContentRowGap": "0.5rem",
   "rhcMessageListItemLabelFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
@@ -327,7 +329,8 @@
   "rhcPageFooterPaddingBlockStart": "2.5rem",
   "rhcPageFooterPaddingBlockEnd": "2.5rem",
   "rhcPageFooterPaddingInlineStart": "2.5rem",
-  "rhcPageFooterFlexDirection": "row",
+  "rhcPageFooterPaddingInlineEnd": "2.5rem",
+  "rhcPageFooterFlexDirection": "column",
   "rhcFileInputColumnGap": "0.75rem",
   "rhcFileInputRowGap": "0.75rem",
   "rhcFileInputFeedbackColor": "#475569",
@@ -724,21 +727,6 @@
   "utrechtRadioButtonHoverBorderWidth": "1px",
   "utrechtRadioButtonBorderRadius": "999px",
   "utrechtRadioButtonBorderWidth": "1px",
-  "utrechtParagraphColor": "#154273",
-  "utrechtParagraphFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
-  "utrechtParagraphFontSize": "1.25rem",
-  "utrechtParagraphFontWeight": 400,
-  "utrechtParagraphLineHeight": "150%",
-  "utrechtParagraphMarginBlockEnd": 0,
-  "utrechtParagraphMarginBlockStart": 0,
-  "utrechtParagraphLeadColor": "#154273",
-  "utrechtParagraphLeadFontSize": "1.5rem",
-  "utrechtParagraphLeadFontWeight": 400,
-  "utrechtParagraphLeadLineHeight": "150%",
-  "utrechtParagraphSmallColor": "#154273",
-  "utrechtParagraphSmallFontSize": "1.125rem",
-  "utrechtParagraphSmallFontWeight": 400,
-  "utrechtParagraphSmallLineHeight": "150%",
   "utrechtOrderedListPaddingInlineStart": "1.5rem",
   "utrechtOrderedListMarginBlockEnd": "0.25rem",
   "utrechtOrderedListMarginBlockStart": "0.25rem",
@@ -1138,6 +1126,21 @@
   "utrechtFocusOutlineStyle": "solid",
   "utrechtFocusOutlineWidth": "2px",
   "utrechtFocusInverseOutlineColor": "transparant",
+  "nlParagraphColor": "#154273",
+  "nlParagraphFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "nlParagraphFontSize": "1.25rem",
+  "nlParagraphFontWeight": 400,
+  "nlParagraphLineHeight": "150%",
+  "nlParagraphMarginBlockEnd": 0,
+  "nlParagraphMarginBlockStart": 0,
+  "nlParagraphLeadColor": "#154273",
+  "nlParagraphLeadFontSize": "1.5rem",
+  "nlParagraphLeadFontWeight": 400,
+  "nlParagraphLeadLineHeight": "150%",
+  "nlParagraphSmallColor": "#154273",
+  "nlParagraphSmallFontSize": "1.125rem",
+  "nlParagraphSmallFontWeight": 400,
+  "nlParagraphSmallLineHeight": "150%",
   "nlHeadingLevel1Color": "#154273",
   "nlHeadingLevel1FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
   "nlHeadingLevel1FontWeight": 700,

package/dist/uitvoerend-violet/index.tokens.json

@@ -304,6 +304,7 @@
           "size": "24px"
         },
         "content": {
+          "font-size": "1.125rem",
           "column-gap": "0.5rem",
           "row-gap": "0.25rem"
         },
@@ -395,6 +396,7 @@
         "padding-block": "0.75rem",
         "padding-inline": "1rem",
         "content": {
+          "font-size": "1.125rem",
           "column-gap": "0.5rem",
           "row-gap": "0.5rem"
         },
@@ -515,10 +517,11 @@
       "padding": {
         "block-start": "2.5rem",
         "block-end": "2.5rem",
-        "inline-start": "2.5rem"
+        "inline-start": "2.5rem",
+        "inline-end": "2.5rem"
       },
       "flex": {
-        "direction": "row"
+        "direction": "column"
       }
     },
     "file-input": {
@@ -1127,27 +1130,6 @@
       "border-radius": "999px",
       "border-width": "1px"
     },
-    "paragraph": {
-      "color": "#154273",
-      "font-family": "Fira Sans, Arial, Verdana, sans-serif",
-      "font-size": "1.25rem",
-      "font-weight": 400,
-      "line-height": "150%",
-      "margin-block-end": 0,
-      "margin-block-start": 0,
-      "lead": {
-        "color": "#154273",
-        "font-size": "1.5rem",
-        "font-weight": 400,
-        "line-height": "150%"
-      },
-      "small": {
-        "color": "#154273",
-        "font-size": "1.125rem",
-        "font-weight": 400,
-        "line-height": "150%"
-      }
-    },
     "ordered-list": {
       "padding-inline-start": "1.5rem",
       "margin-block-end": "0.25rem",
@@ -1777,6 +1759,27 @@
     }
   },
   "nl": {
+    "paragraph": {
+      "color": "#154273",
+      "font-family": "Fira Sans, Arial, Verdana, sans-serif",
+      "font-size": "1.25rem",
+      "font-weight": 400,
+      "line-height": "150%",
+      "margin-block-end": 0,
+      "margin-block-start": 0,
+      "lead": {
+        "color": "#154273",
+        "font-size": "1.5rem",
+        "font-weight": 400,
+        "line-height": "150%"
+      },
+      "small": {
+        "color": "#154273",
+        "font-size": "1.125rem",
+        "font-weight": 400,
+        "line-height": "150%"
+      }
+    },
     "heading-level-1": {
       "color": "#154273",
       "font-family": "Fira Sans, Arial, Verdana, sans-serif",

package/dist/uitvoerend-violet/root.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 12 Feb 2025 15:07:28 GMT
+ * Generated on Fri, 14 Feb 2025 08:43:17 GMT
  */
 
 :root {
@@ -52,6 +52,21 @@
   --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-paragraph-small-line-height: 150%;
+  --nl-paragraph-small-font-weight: 400;
+  --nl-paragraph-small-font-size: 1.125rem;
+  --nl-paragraph-small-color: #154273;
+  --nl-paragraph-lead-line-height: 150%;
+  --nl-paragraph-lead-font-weight: 400;
+  --nl-paragraph-lead-font-size: 1.5rem;
+  --nl-paragraph-lead-color: #154273;
+  --nl-paragraph-margin-block-start: 0;
+  --nl-paragraph-margin-block-end: 0;
+  --nl-paragraph-line-height: 150%;
+  --nl-paragraph-font-weight: 400;
+  --nl-paragraph-font-size: 1.25rem;
+  --nl-paragraph-font-family: Fira Sans, Arial, Verdana, sans-serif;
+  --nl-paragraph-color: #154273;
   --utrecht-focus-inverse-outline-color: transparant;
   --utrecht-focus-outline-width: 2px;
   --utrecht-focus-outline-style: solid;
@@ -451,21 +466,6 @@
   --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-small-line-height: 150%;
-  --utrecht-paragraph-small-font-weight: 400;
-  --utrecht-paragraph-small-font-size: 1.125rem;
-  --utrecht-paragraph-small-color: #154273;
-  --utrecht-paragraph-lead-line-height: 150%;
-  --utrecht-paragraph-lead-font-weight: 400;
-  --utrecht-paragraph-lead-font-size: 1.5rem;
-  --utrecht-paragraph-lead-color: #154273;
-  --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: #154273;
   --utrecht-radio-button-border-width: 1px;
   --utrecht-radio-button-border-radius: 999px;
   --utrecht-radio-button-hover-border-width: 1px;
@@ -862,7 +862,8 @@
   --rhc-file-input-feedback-color: #475569;
   --rhc-file-input-row-gap: 0.75rem;
   --rhc-file-input-column-gap: 0.75rem;
-  --rhc-page-footer-flex-direction: row;
+  --rhc-page-footer-flex-direction: column;
+  --rhc-page-footer-padding-inline-end: 2.5rem;
   --rhc-page-footer-padding-inline-start: 2.5rem;
   --rhc-page-footer-padding-block-end: 2.5rem;
   --rhc-page-footer-padding-block-start: 2.5rem;
@@ -933,6 +934,7 @@
   --rhc-message-list-item-label-font-family: Fira Sans, Arial, Verdana, sans-serif;
   --rhc-message-list-item-content-row-gap: 0.5rem;
   --rhc-message-list-item-content-column-gap: 0.5rem;
+  --rhc-message-list-item-content-font-size: 1.125rem;
   --rhc-message-list-item-padding-inline: 1rem;
   --rhc-message-list-item-padding-block: 0.75rem;
   --rhc-message-list-item-min-height: 48px;
@@ -986,6 +988,7 @@
   --rhc-navigation-list-item-label-font-family: Fira Sans, Arial, Verdana, sans-serif;
   --rhc-navigation-list-item-content-row-gap: 0.25rem;
   --rhc-navigation-list-item-content-column-gap: 0.5rem;
+  --rhc-navigation-list-item-content-font-size: 1.125rem;
   --rhc-navigation-list-item-icon-size: 24px;
   --rhc-navigation-list-item-icon-padding-block: 0.5rem;
   --rhc-navigation-list-item-icon-padding-inline: 0.5rem;

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 12 Feb 2025 15:07:28 GMT
+ * Generated on Fri, 14 Feb 2025 08:43:17 GMT
  */
 
 export default tokens;
@@ -327,6 +327,7 @@ declare const tokens: {
           "size": DesignToken
         },
         "content": {
+          "font-size": DesignToken,
           "column-gap": DesignToken,
           "row-gap": DesignToken
         },
@@ -418,6 +419,7 @@ declare const tokens: {
         "padding-block": DesignToken,
         "padding-inline": DesignToken,
         "content": {
+          "font-size": DesignToken,
           "column-gap": DesignToken,
           "row-gap": DesignToken
         },
@@ -538,7 +540,8 @@ declare const tokens: {
       "padding": {
         "block-start": DesignToken,
         "block-end": DesignToken,
-        "inline-start": DesignToken
+        "inline-start": DesignToken,
+        "inline-end": DesignToken
       },
       "flex": {
         "direction": DesignToken
@@ -1150,27 +1153,6 @@ declare const tokens: {
       "border-radius": DesignToken,
       "border-width": DesignToken
     },
-    "paragraph": {
-      "color": DesignToken,
-      "font-family": DesignToken,
-      "font-size": DesignToken,
-      "font-weight": DesignToken,
-      "line-height": DesignToken,
-      "margin-block-end": DesignToken,
-      "margin-block-start": DesignToken,
-      "lead": {
-        "color": DesignToken,
-        "font-size": DesignToken,
-        "font-weight": DesignToken,
-        "line-height": DesignToken
-      },
-      "small": {
-        "color": DesignToken,
-        "font-size": DesignToken,
-        "font-weight": DesignToken,
-        "line-height": DesignToken
-      }
-    },
     "ordered-list": {
       "padding-inline-start": DesignToken,
       "margin-block-end": DesignToken,
@@ -1800,6 +1782,27 @@ declare const tokens: {
     }
   },
   "nl": {
+    "paragraph": {
+      "color": DesignToken,
+      "font-family": DesignToken,
+      "font-size": DesignToken,
+      "font-weight": DesignToken,
+      "line-height": DesignToken,
+      "margin-block-end": DesignToken,
+      "margin-block-start": DesignToken,
+      "lead": {
+        "color": DesignToken,
+        "font-size": DesignToken,
+        "font-weight": DesignToken,
+        "line-height": DesignToken
+      },
+      "small": {
+        "color": DesignToken,
+        "font-size": DesignToken,
+        "font-weight": DesignToken,
+        "line-height": DesignToken
+      }
+    },
     "heading-level-1": {
       "color": DesignToken,
       "font-family": DesignToken,