@rijkshuisstijl-community/design-tokens 2.0.0 → 3.0.0

package/dist/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 27 May 2025 13:07:13 GMT
+ * Generated on Mon, 16 Jun 2025 09:33:53 GMT
  */
 
 export const utrechtColumnLayoutColumnRuleColor = "transparent";
@@ -11,7 +11,7 @@ export const utrechtUnorderedListPaddingInlineStart = "1.5rem";
 export const utrechtUnorderedListMarginBlockEnd = "0.25rem";
 export const utrechtUnorderedListMarginBlockStart = "0.25rem";
 export const utrechtUnorderedListColor = "#0F172A";
-export const utrechtUnorderedListFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtUnorderedListFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtUnorderedListFontWeight = 400;
 export const utrechtUnorderedListFontSize = "1.25rem";
 export const utrechtUnorderedListLineHeight = "150%";
@@ -21,7 +21,7 @@ export const utrechtUnorderedListItemMarginBlockStart = "0.25rem";
 export const utrechtUnorderedListMarkerColor = "#0F172A";
 export const utrechtUnorderedListMarkerBorderColor = "#0F172A";
 export const utrechtTextboxBorderRadius = "2.5px";
-export const utrechtTextboxFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtTextboxFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtTextboxFontSize = "1.25rem";
 export const utrechtTextboxFontWeight = 400;
 export const utrechtTextboxLineHeight = "150%";
@@ -84,19 +84,19 @@ export const utrechtTextareaHoverBorderWidth = "1px";
 export const utrechtTextareaBorderRadius = "2.5px";
 export const utrechtTextareaBorderBottomWidth = "1px";
 export const utrechtTextareaBorderWidth = "1px";
-export const utrechtTextareaFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtTextareaFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtTextareaFontWeight = 400;
 export const utrechtTextareaLineHeight = "150%";
 export const utrechtTextareaFontSize = "1.25rem";
 export const utrechtTableHeaderCellLineHeight = "150%";
 export const utrechtTableHeaderCellColor = "#0F172A";
-export const utrechtTableHeaderCellFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtTableHeaderCellFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtTableHeaderCellFontWeight = 700;
 export const utrechtTableHeaderCellFontSize = "1.25rem";
 export const utrechtTableCaptionLineHeight = "125%";
 export const utrechtTableCaptionMarginBlockEnd = "1.5rem";
 export const utrechtTableCaptionColor = "#0F172A";
-export const utrechtTableCaptionFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtTableCaptionFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtTableCaptionFontWeight = 700;
 export const utrechtTableCaptionFontSize = "1.875rem";
 export const utrechtTableCellPaddingBlockEnd = "0.75rem";
@@ -105,7 +105,7 @@ export const utrechtTableCellPaddingInlineEnd = "1rem";
 export const utrechtTableCellPaddingInlineStart = "1rem";
 export const utrechtTableCellLineHeight = "150%";
 export const utrechtTableDataCellColor = "#0F172A";
-export const utrechtTableDataCellFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtTableDataCellFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtTableDataCellFontWeight = 400;
 export const utrechtTableDataCellLineHeight = "150%";
 export const utrechtTableDataCellFontSize = "1.25rem";
@@ -121,7 +121,7 @@ export const utrechtTableRowBackgroundColor = "transparent";
 export const utrechtTableFooterCellFontWeight = 700;
 export const utrechtTableFooterCellFontSize = "1.25rem";
 export const utrechtTableFooterCellColor = "#0F172A";
-export const utrechtTableFooterCellFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtTableFooterCellFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtTableFooterCellLineHeight = "150%";
 export const utrechtTableContainerBoxInlineEndShadowX = 0;
 export const utrechtTableContainerBoxInlineEndShadowY = "16px";
@@ -135,7 +135,7 @@ export const utrechtTableContainerBoxInlineStartShadowSpread = 0;
 export const utrechtTableContainerBoxInlineStartShadowColor = "#0000001a";
 export const utrechtTableFontSize = "1.25rem";
 export const utrechtSkipLinkFontWeight = 700;
-export const utrechtSkipLinkFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtSkipLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtSkipLinkFontSize = "1.25rem";
 export const utrechtSkipLinkLineHeight = "150%";
 export const utrechtSkipLinkMinBlockSize = "48px";
@@ -193,7 +193,7 @@ export const utrechtSelectPaddingInlineStart = "0.75rem";
 export const utrechtSelectBorderRadius = "2.5px";
 export const utrechtSelectBorderBottomWidth = "auto";
 export const utrechtSelectBorderWidth = "1px";
-export const utrechtSelectFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtSelectFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtSelectFontWeight = 400;
 export const utrechtSelectLineHeight = "150%";
 export const utrechtSelectFontSize = "1.25rem";
@@ -239,12 +239,12 @@ export const utrechtRadioButtonHoverBorderWidth = "1px";
 export const utrechtRadioButtonBorderRadius = "999px";
 export const utrechtRadioButtonBorderWidth = "1px";
 export const utrechtPreHeadingColor = "#0F172A";
-export const utrechtPreHeadingFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtPreHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtPreHeadingFontWeight = 700;
 export const utrechtPreHeadingLineHeight = "125%";
 export const utrechtPreHeadingFontSize = "1rem";
 export const utrechtParagraphColor = "#0F172A";
-export const utrechtParagraphFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtParagraphFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtParagraphFontSize = "1.25rem";
 export const utrechtParagraphFontWeight = 400;
 export const utrechtParagraphLineHeight = "150%";
@@ -262,7 +262,7 @@ export const utrechtOrderedListItemPaddingInlineStart = 0;
 export const utrechtOrderedListItemMarginBlockEnd = "0.25rem";
 export const utrechtOrderedListItemMarginBlockStart = "0.25rem";
 export const utrechtOrderedListColor = "#0F172A";
-export const utrechtOrderedListFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtOrderedListFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtOrderedListFontWeight = 400;
 export const utrechtOrderedListFontSize = "1.25rem";
 export const utrechtOrderedListLineHeight = "150%";
@@ -291,7 +291,7 @@ export const utrechtLinkIconSize = "24px";
 export const utrechtLinkColumnGap = "0.25rem";
 export const utrechtLinkTextDecorationThickness = "auto";
 export const utrechtLinkTextUnderlineOffset = "0.125rem";
-export const utrechtLinkFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtLinkFontWeight = 400;
 export const utrechtLinkFontSize = "1.25rem";
 export const utrechtLinkLineHeight = "150%";
@@ -299,35 +299,35 @@ export const utrechtIconColor = "inherit";
 export const utrechtIconSize = "24px";
 export const utrechtIconInsetBlockStart = 0;
 export const utrechtHeading1Color = "#154273";
-export const utrechtHeading1FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+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 = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+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 = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+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 = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+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 = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtHeading5FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtHeading5FontWeight = 700;
 export const utrechtHeading5LineHeight = "125%";
 export const utrechtHeading5FontSize = "1.25rem";
@@ -337,20 +337,20 @@ export const utrechtFormLabelColor = "#0F172A";
 export const utrechtFormLabelFontSize = "1.25rem";
 export const utrechtFormLabelFontWeight = 700;
 export const utrechtFormFieldLabelColor = "#0F172A";
-export const utrechtFormFieldLabelFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtFormFieldLabelFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtFormFieldLabelFontSize = "1.25rem";
 export const utrechtFormFieldLabelFontWeight = 700;
 export const utrechtFormFieldLabelLineHeight = "150%";
 export const utrechtFormFieldErrorMessageIconSize = "24px";
 export const utrechtFormFieldErrorMessageIconMarginInlineEnd = "0.5rem";
 export const utrechtFormFieldErrorMessageColor = "#d52b1e";
-export const utrechtFormFieldErrorMessageFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtFormFieldErrorMessageFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtFormFieldErrorMessageFontSize = "1.25rem";
 export const utrechtFormFieldErrorMessageFontWeight = 400;
 export const utrechtFormFieldErrorMessageMarginBlockEnd = "0.5rem";
 export const utrechtFormFieldErrorMessagePaddingBlockEnd = "0.5rem";
 export const utrechtFormFieldDescriptionColor = "#334155";
-export const utrechtFormFieldDescriptionFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtFormFieldDescriptionFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtFormFieldDescriptionFontSize = "1.25rem";
 export const utrechtFormFieldDescriptionLineHeight = "150%";
 export const utrechtFormFieldDescriptionMarginBlockStart = "-0.5rem";
@@ -382,7 +382,7 @@ export const utrechtFigureImgBorderEndStartRadius = 0;
 export const utrechtFigureImgBorderStartEndRadius = 0;
 export const utrechtFigureImgBorderStartStartRadius = 0;
 export const utrechtFormFieldsetLegendColor = "#0F172A";
-export const utrechtFormFieldsetLegendFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtFormFieldsetLegendFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtFormFieldsetLegendFontSize = "1.25rem";
 export const utrechtFormFieldsetLegendFontWeight = 700;
 export const utrechtFormFieldsetLegendLineHeight = "150%";
@@ -393,18 +393,18 @@ export const utrechtFormFieldsetInvalidBorderInlineStartColor = "#d52b1e";
 export const utrechtFormFieldsetInvalidPaddingInlineStart = 0;
 export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "0px";
 export const utrechtNumberBadgeFontSize = "1.25rem";
-export const utrechtNumberBadgeLineHeight = "150%";
+export const utrechtNumberBadgeLineHeight = "125%";
 export const utrechtNumberBadgeMinBlockSize = "24px";
 export const utrechtNumberBadgeMinInlineSize = "24px";
 export const utrechtNumberBadgeFontWeight = 700;
 export const utrechtNumberBadgeBorderWidth = "0px";
 export const utrechtNumberBadgeBorderRadius = "999px";
-export const utrechtNumberBadgeFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+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 utrechtNumberBadgePaddingBlock = "0.125rem";
 export const utrechtCheckboxBorderRadius = "2.5px";
 export const utrechtCheckboxSize = "24px";
 export const utrechtCheckboxIconSize = "24px";
@@ -477,7 +477,7 @@ export const utrechtButtonBorderRadius = "5px";
 export const utrechtButtonBorderWidth = "1px";
 export const utrechtButtonIconGap = "0.5rem";
 export const utrechtButtonIconSize = "24px";
-export const utrechtButtonFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtButtonFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtButtonFontSize = "1.25rem";
 export const utrechtButtonFontWeight = 700;
 export const utrechtButtonLineHeight = "150%";
@@ -589,7 +589,7 @@ export const utrechtBreadcrumbNavDividerSize = "24px";
 export const utrechtBreadcrumbNavDividerColor = "#334155";
 export const utrechtBreadcrumbNavDividerInsetBlockStart = 0;
 export const utrechtBreadcrumbNavMarginInline = "0.5rem";
-export const utrechtBreadcrumbNavFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtBreadcrumbNavFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtBreadcrumbNavFontWeight = 400;
 export const utrechtBlockquoteBackgroundColor = "transparent";
 export const utrechtBlockquoteBorderInlineStartWidth = 0;
@@ -598,7 +598,7 @@ export const utrechtBlockquoteBorderRadius = 0;
 export const utrechtBlockquoteBorderWidth = 0;
 export const utrechtBlockquoteColor = "#154273";
 export const utrechtBlockquoteFontSize = "1.25rem";
-export const utrechtBlockquoteFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtBlockquoteFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtBlockquotePaddingBlockEnd = "2rem";
 export const utrechtBlockquotePaddingBlockStart = "2rem";
 export const utrechtBlockquotePaddingInlineEnd = "2rem";
@@ -608,11 +608,11 @@ export const utrechtBlockquoteAttributionColor = "#154273";
 export const utrechtBlockquoteAttributionFontSize = "1.25rem";
 export const utrechtBlockquoteContentColor = "#154273";
 export const utrechtBlockquoteContentFontSize = "1.25rem";
-export const utrechtBlockquoteContentFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtBlockquoteContentFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtBlockquoteContentLineHeight = "150%";
 export const utrechtBlockquoteContentFontWeight = 400;
 export const utrechtBlockquoteCaptionFontSize = "1.25rem";
-export const utrechtBlockquoteCaptionFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtBlockquoteCaptionFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtBlockquoteCaptionLineHeight = "150%";
 export const utrechtBlockquoteCaptionFontWeight = 400;
 export const utrechtBlockquoteCaptionPaddingBlockStart = "0.75rem";
@@ -647,7 +647,7 @@ export const utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth =
 export const utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius = "3rem";
 export const utrechtBlockquotePinkCornerBorderVariationPadding = "2.5rem";
 export const utrechtArticleMaxInlineSize = "75ch";
-export const utrechtAlertHeadingFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtAlertHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtAlertHeadingFontWeight = 700;
 export const utrechtAlertHeadingLineHeight = "150%";
 export const utrechtAlertHeadingFontSize = "1.25rem";
@@ -661,19 +661,19 @@ export const utrechtAlertPaddingInlineEnd = "1rem";
 export const utrechtAlertPaddingInlineStart = "1rem";
 export const utrechtAlertBackgroundColor = "#d9ebf7";
 export const utrechtAlertBorderColor = "transparent";
-export const utrechtAlertColor = "#0F172A";
+export const utrechtAlertColor = "#000";
 export const utrechtAlertInfoBackgroundColor = "#d9ebf7";
 export const utrechtAlertInfoBorderColor = "transparent";
-export const utrechtAlertInfoColor = "#0F172A";
+export const utrechtAlertInfoColor = "#000";
 export const utrechtAlertErrorBackgroundColor = "#f9dfdd";
 export const utrechtAlertErrorBorderColor = "transparent";
-export const utrechtAlertErrorColor = "#0F172A";
+export const utrechtAlertErrorColor = "#000";
 export const utrechtAlertOkBackgroundColor = "#e1eddb";
 export const utrechtAlertOkBorderColor = "transparent";
-export const utrechtAlertOkColor = "#0F172A";
+export const utrechtAlertOkColor = "#000";
 export const utrechtAlertWarningBackgroundColor = "#fff4db";
 export const utrechtAlertWarningBorderColor = "transparent";
-export const utrechtAlertWarningColor = "#0F172A";
+export const utrechtAlertWarningColor = "#000";
 export const utrechtAlertIconInsetBlockStart = "3px";
 export const utrechtAlertIconInfoColor = "#007bc7";
 export const utrechtAlertIconErrorColor = "#d52b1e";
@@ -705,9 +705,15 @@ export const utrechtAccordionButtonActiveBackgroundColor = "#F1F5F9";
 export const utrechtAccordionButtonActiveBorderColor = "#94A3B8";
 export const utrechtAccordionButtonActiveColor = "#0F172A";
 export const utrechtAccordionButtonActiveRowGap = 0;
+export const utrechtActionActivateCursor = "pointer";
+export const utrechtActionBusyCursor = "wait";
+export const utrechtActionDisabledCursor = "not-allowed";
+export const utrechtActionInertCursor = "default";
+export const utrechtActionNavigateCursor = "pointer";
+export const utrechtActionSubmitCursor = "pointer";
 export const utrechtDocumentBackgroundColor = "#fff";
 export const utrechtDocumentColor = "#0F172A";
-export const utrechtDocumentFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtDocumentFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtDocumentFontSize = "1.25rem";
 export const utrechtDocumentLineHeight = "150%";
 export const utrechtDocumentFontWeight = 400;
@@ -751,7 +757,7 @@ export const rhcSidenavLinkLineHeight = "150%";
 export const rhcSidenavLinkIconSize = "24px";
 export const rhcSidenavLinkIconMarginInline = "0.5rem";
 export const rhcSidenavLinkFontSize = "1.25rem";
-export const rhcSidenavLinkFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const rhcSidenavLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const rhcSidenavLinkFontWeight = 400;
 export const rhcSidenavLinkCurrentFontWeight = 700;
 export const rhcSidenavLinkCurrentColor = "#0F172A";
@@ -780,10 +786,10 @@ 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 rhcNavigationListItemContentFontSize = "1.25rem";
 export const rhcNavigationListItemContentColumnGap = "0.5rem";
 export const rhcNavigationListItemContentRowGap = "0.25rem";
-export const rhcNavigationListItemLabelFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const rhcNavigationListItemLabelFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const rhcNavigationListItemLabelFontSize = "1.875rem";
 export const rhcNavigationListItemLabelFontWeight = 700;
 export const rhcNavigationListItemLabelLineHeight = "150%";
@@ -834,10 +840,10 @@ export const rhcMessageListItemIconColor = "#0F172A";
 export const rhcMessageListItemMinHeight = "48px";
 export const rhcMessageListItemPaddingBlock = "0.75rem";
 export const rhcMessageListItemPaddingInline = "1rem";
-export const rhcMessageListItemContentFontSize = "1.125rem";
+export const rhcMessageListItemContentFontSize = "1.25rem";
 export const rhcMessageListItemContentColumnGap = "0.5rem";
 export const rhcMessageListItemContentRowGap = "0.5rem";
-export const rhcMessageListItemLabelFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const rhcMessageListItemLabelFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const rhcMessageListItemLabelFontSize = "1.25rem";
 export const rhcMessageListItemLabelFontWeight = 700;
 export const rhcMessageListItemLabelLineHeight = "150%";
@@ -854,7 +860,7 @@ export const rhcLogoSubtitleFontWeight = 400;
 export const rhcLogoSubtitleLineHeight = "1rem";
 export const rhcLogoSubtitleFontSize = "0.775rem";
 export const rhcLogoColumnGap = "12px";
-export const rhcLogoFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const rhcLogoFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const rhcLogoColor = "#154273";
 export const rhcLinkListCardBackgroundColor = "#fff";
 export const rhcLinkListCardPaddingBlockStart = "1.5rem";
@@ -870,11 +876,11 @@ export const rhcIconOnlyButtonPaddingInlineStart = "0.75rem";
 export const rhcHeroHeadingFontWeight = 700;
 export const rhcHeroHeadingLineHeight = "125%";
 export const rhcHeroHeadingFontSize = "1.875rem";
-export const rhcHeroHeadingFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const rhcHeroHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const rhcHeroSubHeadingFontWeight = 400;
 export const rhcHeroSubHeadingLineHeight = "150%";
 export const rhcHeroSubHeadingFontSize = "1.25rem";
-export const rhcHeroSubHeadingFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const rhcHeroSubHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const rhcHeroMessageBackgroundColor = "#154273";
 export const rhcHeroMessageColor = "#fff";
 export const rhcHeroMessageRowGap = "0.125rem";
@@ -929,6 +935,39 @@ export const rhcFileSubtitleColor = "#64748B";
 export const rhcDotBadgeBorderRadius = "999px";
 export const rhcDotBadgeColor = "#d52b1e";
 export const rhcDotBadgeSize = "12px";
+export const rhcDataSummaryFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
+export const rhcDataSummaryItemValueFontWeight = 400;
+export const rhcDataSummaryItemValueRowPaddingBlockEnd = "0.75rem";
+export const rhcDataSummaryItemValueRowPaddingBlockStart = "0.75rem";
+export const rhcDataSummaryItemValueRowPaddingInlineEnd = 0;
+export const rhcDataSummaryItemValueRowPaddingInlineStart = "0px";
+export const rhcDataSummaryItemValuePaddingBlockEnd = "0.75rem";
+export const rhcDataSummaryItemValuePaddingBlockStart = 0;
+export const rhcDataSummaryItemValuePaddingInlineEnd = 0;
+export const rhcDataSummaryItemValuePaddingInlineStart = 0;
+export const rhcDataSummaryItemKeyFontWeight = 700;
+export const rhcDataSummaryItemKeyRowPaddingBlockEnd = "0.75rem";
+export const rhcDataSummaryItemKeyRowPaddingBlockStart = "0.75rem";
+export const rhcDataSummaryItemKeyRowPaddingInlineEnd = "1rem";
+export const rhcDataSummaryItemKeyRowPaddingInlineStart = 0;
+export const rhcDataSummaryItemKeyPaddingBlockEnd = "0.25rem";
+export const rhcDataSummaryItemKeyPaddingBlockStart = "0.75rem";
+export const rhcDataSummaryItemKeyPaddingInlineEnd = 0;
+export const rhcDataSummaryItemKeyPaddingInlineStart = 0;
+export const rhcDataSummaryItemBorderWidth = "1px";
+export const rhcDataSummaryItemBorderColor = "#CBD5E1";
+export const rhcDataSummaryItemBorderBlockEndStyle = "solid";
+export const rhcDataSummaryItemColor = "#0F172A";
+export const rhcDataSummaryFontSize = "1.25rem";
+export const rhcDataSummaryLineHeight = "150%";
+export const rhcDataSummaryItemActionRowPaddingBlockEnd = "0.75rem";
+export const rhcDataSummaryItemActionRowPaddingBlockStart = "0.75rem";
+export const rhcDataSummaryItemActionRowPaddingInlineEnd = 0;
+export const rhcDataSummaryItemActionRowPaddingInlineStart = "1rem";
+export const rhcDataSummaryItemActionPaddingBlockEnd = "0.75rem";
+export const rhcDataSummaryItemActionPaddingBlockStart = "0.75rem";
+export const rhcDataSummaryItemActionPaddingInlineEnd = "1rem";
+export const rhcDataSummaryItemActionPaddingInlineStart = 0;
 export const rhcCodeInputSize = "48px";
 export const rhcCodeInputGroupColumnGap = "0.5rem";
 export const rhcCheckboxGroupPaddingBlockEnd = "0.5rem";
@@ -994,7 +1033,7 @@ export const rhcKeepBottomLeftBorderRadiusTopLeft = 0;
 export const rhcKeepBottomLeftBorderRadiusTopRight = 0;
 export const rhcKeepBottomLeftBorderRadiusBottomRight = 0;
 export const rhcKeepBottomLeftBorderRadiusBottomLeft = "48px";
-export const rhcAccordionButtonFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const rhcAccordionButtonFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const rhcAccordionButtonFontSize = "1.25rem";
 export const rhcAccordionButtonFontWeight = 400;
 export const rhcAccordionButtonLineHeight = "150%";
@@ -1176,9 +1215,8 @@ export const rhcFontSizeHeadingLevel2 = "2.5rem";
 export const rhcFontSizeHeadingLevel3 = "1.875rem";
 export const rhcFontSizeHeadingLevel4 = "1.5rem";
 export const rhcFontSizeHeadingLevel5 = "1.25rem";
-export const rhcFontSizeParagraphIntro = "1.5rem";
-export const rhcFontSizeParagraphDefault = "1.25rem";
-export const rhcFontSizeParagraphSmall = "1.125rem";
+export const rhcFontSizeBodyIntro = "1.5rem";
+export const rhcFontSizeBodyDefault = "1.25rem";
 export const rhcFontSizeXsDesktop = "1.25rem";
 export const rhcFontSizeXsTablet = "1.125rem";
 export const rhcFontSizeXsMobile = "1rem";
@@ -1194,7 +1232,15 @@ export const rhcFontSizeLgMobile = "2rem";
 export const rhcFontSizeXlDesktop = "3.125rem";
 export const rhcFontSizeXlTablet = "2.813rem";
 export const rhcFontSizeXlMobile = "2.5rem";
-export const rhcLineHeightParagraph = "150%";
+export const rhcFontWeightDefault = 400;
+export const rhcFontWeightStrong = 700;
+export const rhcFontWeightExtraBold = 800;
+export const rhcFontWeightBold = 700;
+export const rhcFontWeightSemiBold = 600;
+export const rhcFontWeightRegular = 400;
+export const rhcFontWeightLight = 300;
+export const rhcFontWeightThin = 200;
+export const rhcLineHeightBody = "150%";
 export const rhcLineHeightSm = "125%";
 export const rhcLineHeightMd = "150%";
 export const rhcSizeTarget = "48px";
@@ -1204,14 +1250,7 @@ export const rhcSizeHalfLint = "24px";
 export const rhcSizeLint = "48px";
 export const rhcSize2Lint = "96px";
 export const rhcSize3Lint = "1440px";
-export const rhcFontWeightExtraBold = 800;
-export const rhcFontWeightBold = 700;
-export const rhcFontWeightSemiBold = 550;
-export const rhcFontWeightRegular = 400;
-export const rhcFontWeightChosenRegular = 400;
-export const rhcFontWeightLight = 300;
-export const rhcFontWeightThin = 200;
-export const rhcFontFamilyPrimary = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const rhcFontFamilyPrimary = "'Fira Sans', Arial, Verdana, sans-serif";
 export const rhcFontFamilySecondary = "RijksoverheidSerifWeb, 'Times New Roman', serif";
 export const rhcBorderWidthDefault = "1px";
 export const rhcBorderWidthM = "2px";
@@ -1228,7 +1267,7 @@ export const rhcSpace500 = "2.5rem";
 export const rhcSpace600 = "3rem";
 export const rhcSpace700 = "3.5rem";
 export const nlSkipLinkFontWeight = 700;
-export const nlSkipLinkFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const nlSkipLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const nlSkipLinkFontSize = "1.25rem";
 export const nlSkipLinkLineHeight = "150%";
 export const nlSkipLinkMinBlockSize = "48px";
@@ -1256,7 +1295,7 @@ export const nlSkipLinkBoxBlockEndShadowColor = "#0000001a";
 export const nlSkipLinkTextDecoration = "underline";
 export const nlSkipLinkTextUnderlineOffset = "0.125rem";
 export const nlParagraphColor = "#0F172A";
-export const nlParagraphFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const nlParagraphFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const nlParagraphFontSize = "1.25rem";
 export const nlParagraphFontWeight = 400;
 export const nlParagraphLineHeight = "150%";
@@ -1284,55 +1323,55 @@ export const nlLinkIconSize = "24px";
 export const nlLinkColumnGap = "0.25rem";
 export const nlLinkTextDecorationThickness = "auto";
 export const nlLinkTextUnderlineOffset = "0.125rem";
-export const nlLinkFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+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 = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const nlHeadingLevel1FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const nlHeadingLevel1FontWeight = 700;
 export const nlHeadingLevel1LineHeight = "125%";
 export const nlHeadingLevel1FontSize = "3.125rem";
 export const nlHeadingLevel1MarginBlockEnd = 0;
 export const nlHeadingLevel1MarginBlockStart = 0;
 export const nlHeadingLevel2Color = "#154273";
-export const nlHeadingLevel2FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const nlHeadingLevel2FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const nlHeadingLevel2FontWeight = 700;
 export const nlHeadingLevel2LineHeight = "125%";
 export const nlHeadingLevel2FontSize = "2.5rem";
 export const nlHeadingLevel2MarginBlockEnd = 0;
 export const nlHeadingLevel2MarginBlockStart = 0;
 export const nlHeadingLevel3Color = "#154273";
-export const nlHeadingLevel3FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const nlHeadingLevel3FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const nlHeadingLevel3FontWeight = 700;
 export const nlHeadingLevel3LineHeight = "125%";
 export const nlHeadingLevel3FontSize = "1.875rem";
 export const nlHeadingLevel3MarginBlockEnd = 0;
 export const nlHeadingLevel3MarginBlockStart = 0;
 export const nlHeadingLevel4Color = "#154273";
-export const nlHeadingLevel4FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const nlHeadingLevel4FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const nlHeadingLevel4FontWeight = 700;
 export const nlHeadingLevel4LineHeight = "125%";
 export const nlHeadingLevel4FontSize = "1.5rem";
 export const nlHeadingLevel4MarginBlockEnd = 0;
 export const nlHeadingLevel4MarginBlockStart = 0;
 export const nlHeadingLevel5Color = "#154273";
-export const nlHeadingLevel5FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const nlHeadingLevel5FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const nlHeadingLevel5FontWeight = 700;
 export const nlHeadingLevel5LineHeight = "125%";
 export const nlHeadingLevel5FontSize = "1.25rem";
 export const nlHeadingLevel5MarginBlockEnd = 0;
 export const nlHeadingLevel5MarginBlockStart = 0;
 export const nlNumberBadgeFontSize = "1.25rem";
-export const nlNumberBadgeLineHeight = "150%";
+export const nlNumberBadgeLineHeight = "125%";
 export const nlNumberBadgeMinBlockSize = "24px";
 export const nlNumberBadgeMinInlineSize = "24px";
 export const nlNumberBadgeFontWeight = 700;
 export const nlNumberBadgeBorderWidth = "0px";
 export const nlNumberBadgeBorderRadius = "999px";
-export const nlNumberBadgeFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const nlNumberBadgeFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const nlNumberBadgeBackgroundColor = "#154273";
 export const nlNumberBadgeBorderColor = "transparent";
 export const nlNumberBadgeColor = "#fff";
 export const nlNumberBadgePaddingInline = "0.5rem";
-export const nlNumberBadgePaddingBlock = "0.5rem";
+export const nlNumberBadgePaddingBlock = "0.125rem";