@rijkshuisstijl-community/design-tokens 4.0.1 → 5.0.0

package/dist/index.js

@@ -1,17 +1,12 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:48 GMT
+ * Generated on Fri, 22 Aug 2025 10:20:29 GMT
  */
 
 export const utrechtColumnLayoutColumnRuleColor = "transparent";
 export const utrechtColumnLayoutColumnRuleWidth = "0px";
 export const utrechtColumnLayoutColumnWidth = "400px";
 export const utrechtColumnLayoutGap = "0.75rem";
-export const utrechtUnorderedListColor = "#0F172A";
-export const utrechtUnorderedListMarkerBorderColor = "#0F172A";
-export const utrechtUnorderedListMarkerColor = "#0F172A";
-export const utrechtUnorderedListFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
-export const utrechtUnorderedListFontWeight = 400;
 export const utrechtUnorderedListFontSize = "1.25rem";
 export const utrechtUnorderedListLineHeight = "150%";
 export const utrechtUnorderedListMarginBlockEnd = "0.25rem";
@@ -20,6 +15,7 @@ export const utrechtUnorderedListPaddingInlineStart = "1.5rem";
 export const utrechtUnorderedListItemMarginBlockEnd = "0.25rem";
 export const utrechtUnorderedListItemMarginBlockStart = "0.25rem";
 export const utrechtUnorderedListItemPaddingInlineStart = "0.5rem";
+export const utrechtUnorderedListMarkerColor = "#0F172A";
 export const utrechtTextboxHoverBackgroundColor = "#fff";
 export const utrechtTextboxHoverBorderColor = "#738eab";
 export const utrechtTextboxHoverBorderWidth = "1px";
@@ -258,30 +254,11 @@ export const utrechtPreHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-se
 export const utrechtPreHeadingFontWeight = 700;
 export const utrechtPreHeadingLineHeight = "125%";
 export const utrechtPreHeadingFontSize = "1rem";
-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 utrechtParagraphLeadColor = "#0F172A";
-export const utrechtParagraphLeadFontSize = "1.5rem";
-export const utrechtParagraphLeadFontWeight = 400;
-export const utrechtParagraphLeadLineHeight = "150%";
-export const utrechtParagraphSmallFontSize = "1.5rem";
-export const utrechtParagraphSmallColor = "#0F172A";
-export const utrechtParagraphSmallFontWeight = 400;
-export const utrechtParagraphSmallLineHeight = "150%";
-export const utrechtParagraphMarginBlockEnd = "0rem";
-export const utrechtParagraphMarginBlockStart = "0rem";
-export const utrechtOrderedListColor = "#0F172A";
-export const utrechtOrderedListFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
-export const utrechtOrderedListFontWeight = 400;
-export const utrechtOrderedListMarginInlineStart = "0.625rem";
 export const utrechtOrderedListFontSize = "1.25rem";
 export const utrechtOrderedListLineHeight = "150%";
 export const utrechtOrderedListMarginBlockEnd = "0.25rem";
 export const utrechtOrderedListMarginBlockStart = "0.25rem";
-export const utrechtOrderedListPaddingInlineStart = "1.5rem";
+export const utrechtOrderedListPaddingInlineStart = "2rem";
 export const utrechtOrderedListItemMarginBlockEnd = "0.25rem";
 export const utrechtOrderedListItemMarginBlockStart = "0.25rem";
 export const utrechtOrderedListItemPaddingInlineStart = "0.5rem";
@@ -298,8 +275,6 @@ export const utrechtNumberBadgeMinBlockSize = "24px";
 export const utrechtNumberBadgeMinInlineSize = "24px";
 export const utrechtNumberBadgePaddingBlock = "0.125rem";
 export const utrechtNumberBadgePaddingInline = "0.5rem";
-export const utrechtLinkListItemTextDecoration = "None";
-export const utrechtLinkListItemColumnGap = "0.5rem";
 export const utrechtLinkListMarginBlockEnd = "0rem";
 export const utrechtLinkListMarginBlockStart = "0rem";
 export const utrechtLinkListRowGap = "0.5rem";
@@ -308,75 +283,25 @@ export const utrechtLinkListIconSize = "24px";
 export const utrechtLinkListLinkColumnGap = "0.5rem";
 export const utrechtLinkListLinkTextDecoration = "None";
 export const utrechtLinkListFontWeight = 400;
-export const utrechtLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
-export const utrechtLinkFontWeight = 400;
-export const utrechtLinkLineHeight = "150%";
-export const utrechtLinkFontSize = "1.25rem";
-export const utrechtLinkActiveTextDecoration = "None";
-export const utrechtLinkActiveColor = "#163f5b";
-export const utrechtLinkFocusTextDecoration = "None";
-export const utrechtLinkFocusTextDecorationThickness = "auto";
-export const utrechtLinkFocusBackgroundColor = "transparent";
-export const utrechtLinkFocusColor = "#01689b";
-export const utrechtLinkIconInsetBlockStart = "0.25rem";
-export const utrechtLinkIconSize = "24px";
 export const utrechtLinkColor = "#01689b";
 export const utrechtLinkTextDecorationColor = "inherit";
 export const utrechtLinkColumnGap = "0.25rem";
 export const utrechtLinkTextDecoration = "underline";
 export const utrechtLinkTextDecorationThickness = "0.0625em";
 export const utrechtLinkTextUnderlineOffset = "0.125rem";
+export const utrechtLinkIconSize = "24px";
+export const utrechtLinkActiveColor = "#163f5b";
 export const utrechtLinkHoverColor = "#15496a";
 export const utrechtLinkHoverTextDecoration = "underline";
 export const utrechtLinkHoverTextDecorationThickness = "0.1875em";
+export const utrechtLinkFocusBackgroundColor = "transparent";
+export const utrechtLinkFocusColor = "#01689b";
 export const utrechtLinkFocusVisibleTextDecoration = "None";
 export const utrechtLinkFocusVisibleTextDecorationThickness = "0.0625em";
 export const utrechtLinkVisitedColor = "#01689b";
 export const utrechtIconColor = "inherit";
 export const utrechtIconSize = "24px";
 export const utrechtIconInsetBlockStart = "0rem";
-export const utrechtHeading1Color = "#154273";
-export const utrechtHeading1FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
-export const utrechtHeading1FontSize = "3.125rem";
-export const utrechtHeading1FontWeight = 700;
-export const utrechtHeading1LineHeight = "125%";
-export const utrechtHeading1MarginBlockEnd = "0rem";
-export const utrechtHeading1MarginBlockStart = "0rem";
-export const utrechtHeading2Color = "#154273";
-export const utrechtHeading2FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
-export const utrechtHeading2FontSize = "2.5rem";
-export const utrechtHeading2FontWeight = 700;
-export const utrechtHeading2LineHeight = "125%";
-export const utrechtHeading2MarginBlockEnd = "0rem";
-export const utrechtHeading2MarginBlockStart = "0rem";
-export const utrechtHeading3Color = "#154273";
-export const utrechtHeading3FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
-export const utrechtHeading3FontSize = "1.875rem";
-export const utrechtHeading3FontWeight = 700;
-export const utrechtHeading3LineHeight = "125%";
-export const utrechtHeading3MarginBlockEnd = "0rem";
-export const utrechtHeading3MarginBlockStart = "0rem";
-export const utrechtHeading4Color = "#154273";
-export const utrechtHeading4FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
-export const utrechtHeading4FontSize = "1.5rem";
-export const utrechtHeading4FontWeight = 700;
-export const utrechtHeading4LineHeight = "150%";
-export const utrechtHeading4MarginBlockEnd = "0rem";
-export const utrechtHeading4MarginBlockStart = "0rem";
-export const utrechtHeading5Color = "#154273";
-export const utrechtHeading5FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
-export const utrechtHeading5FontSize = "1.25rem";
-export const utrechtHeading5FontWeight = 700;
-export const utrechtHeading5LineHeight = "150%";
-export const utrechtHeading5MarginBlockEnd = "0rem";
-export const utrechtHeading5MarginBlockStart = "0rem";
-export const utrechtHeading6Color = "#154273";
-export const utrechtHeading6FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
-export const utrechtHeading6FontSize = "1.25rem";
-export const utrechtHeading6FontWeight = 700;
-export const utrechtHeading6LineHeight = "150%";
-export const utrechtHeading6MarginBlockEnd = "0rem";
-export const utrechtHeading6MarginBlockStart = "0rem";
 export const utrechtFormLabelColor = "#0F172A";
 export const utrechtFormLabelFontSize = "1.25rem";
 export const utrechtFormLabelFontWeight = 700;
@@ -607,28 +532,6 @@ export const utrechtButtonGroupColumnGap = "0.5rem";
 export const utrechtButtonGroupPaddingBlockEnd = "0px";
 export const utrechtButtonGroupPaddingBlockStart = "0px";
 export const utrechtButtonGroupRowGap = "0.5rem";
-export const utrechtBreadcrumbNavDividerColor = "#334155";
-export const utrechtBreadcrumbNavDividerInsetBlockStart = 0;
-export const utrechtBreadcrumbNavDividerSize = "24px";
-export const utrechtBreadcrumbNavLinkPaddingBlockEnd = "0.75rem";
-export const utrechtBreadcrumbNavLinkPaddingBlockStart = "0.75rem";
-export const utrechtBreadcrumbNavLinkPaddingInlineEnd = "0rem";
-export const utrechtBreadcrumbNavLinkPaddingInlineStart = "0rem";
-export const utrechtBreadcrumbNavLinkCurrentColor = "#334155";
-export const utrechtBreadcrumbNavLinkCurrentFontWeight = 400;
-export const utrechtBreadcrumbNavLinkIconInsetBlockStart = 0;
-export const utrechtBreadcrumbNavLinkIconMarginInline = "0.25rem";
-export const utrechtBreadcrumbNavLinkIconSize = "24px";
-export const utrechtBreadcrumbNavLinkColor = "#01689b";
-export const utrechtBreadcrumbNavLinkTextDecoration = "underline";
-export const utrechtBreadcrumbNavLinkActiveColor = "#163f5b";
-export const utrechtBreadcrumbNavLinkActiveTextDecoration = "underline";
-export const utrechtBreadcrumbNavLinkDisabledColor = "#334155";
-export const utrechtBreadcrumbNavLinkFocusBackgroundColor = "transparent";
-export const utrechtBreadcrumbNavLinkFocusColor = "#01689b";
-export const utrechtBreadcrumbNavLinkFocusTextDecoration = "None";
-export const utrechtBreadcrumbNavLinkHoverTextDecoration = "underline";
-export const utrechtBreadcrumbNavLinkHoverColor = "#01496c";
 export const utrechtBreadcrumbNavFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtBreadcrumbNavFontSize = "1.25rem";
 export const utrechtBreadcrumbNavLineHeight = "150%";
@@ -640,6 +543,18 @@ export const utrechtBreadcrumbNavItemPaddingInlineStart = "0.5rem";
 export const utrechtBreadcrumbNavItemFirstPaddingInlineStart = "0rem";
 export const utrechtBreadcrumbNavSeparatorColor = "#334155";
 export const utrechtBreadcrumbNavSeparatorIconSize = "24px";
+export const utrechtBreadcrumbNavLinkColor = "#01689b";
+export const utrechtBreadcrumbNavLinkTextDecoration = "underline";
+export const utrechtBreadcrumbNavLinkCurrentFontWeight = 400;
+export const utrechtBreadcrumbNavLinkActiveColor = "#163f5b";
+export const utrechtBreadcrumbNavLinkActiveTextDecoration = "underline";
+export const utrechtBreadcrumbNavLinkDisabledColor = "#334155";
+export const utrechtBreadcrumbNavLinkFocusBackgroundColor = "transparent";
+export const utrechtBreadcrumbNavLinkFocusColor = "#01689b";
+export const utrechtBreadcrumbNavLinkFocusTextDecoration = "None";
+export const utrechtBreadcrumbNavLinkHoverTextDecoration = "underline";
+export const utrechtBreadcrumbNavLinkHoverColor = "#01496c";
+export const utrechtBreadcrumbNavLinkIconSize = "24px";
 export const utrechtBlockquoteBorderBlockEndWidth = 0;
 export const utrechtBlockquoteBorderBlockStartWidth = 0;
 export const utrechtBlockquoteBorderEndEndRadius = 0;
@@ -797,6 +712,7 @@ export const utrechtActionDisabledCursor = "not-allowed";
 export const utrechtActionInertCursor = "default";
 export const utrechtActionNavigateCursor = "pointer";
 export const utrechtActionSubmitCursor = "pointer";
+export const rhcUnorderedListNestedMarginInlineStart = "0rem";
 export const rhcToggletipColor = "#fff";
 export const rhcToggletipBackgroundColor = "#007bc7";
 export const rhcToggletipBorderColor = "transparent";
@@ -937,7 +853,7 @@ export const rhcLinkListCardPaddingBlockEnd = "1.5rem";
 export const rhcLinkListCardRowGap = "1rem";
 export const rhcLinkListCardPaddingInlineStart = "1.5rem";
 export const rhcLinkListCardPaddingInlineEnd = "1.5rem";
-export const rhcLinkListTextDecoration = "None";
+export const rhcLinkColumnGap = "0.25rem";
 export const rhcIconOnlyButtonPaddingBlockEnd = "0.75rem";
 export const rhcIconOnlyButtonPaddingBlockStart = "0.75rem";
 export const rhcIconOnlyButtonPaddingInlineEnd = "0.75rem";
@@ -1001,6 +917,11 @@ export const rhcFilePaddingBlockEnd = "0.75rem";
 export const rhcFileColumnGap = "0.25rem";
 export const rhcFileErrorBorderColor = "#d52b1e";
 export const rhcFileSubtitleColor = "#64748B";
+export const rhcExpandableCheckboxGroupDetailsMarginBlockStart = "0.5rem";
+export const rhcExpandableCheckboxGroupSummaryColor = "#01689b";
+export const rhcExpandableCheckboxGroupSummaryMarginBlockEnd = "0.5rem";
+export const rhcExpandableCheckboxGroupSummaryMarginBlockStart = "0.5rem";
+export const rhcExpandableCheckboxGroupSummaryTextDecoration = "underline";
 export const rhcDotBadgeBorderRadius = "999px";
 export const rhcDotBadgeColor = "#d52b1e";
 export const rhcDotBadgeSize = "12px";
@@ -1045,13 +966,55 @@ export const rhcCodeInputGroupColumnGap = "0.5rem";
 export const rhcCheckboxGroupPaddingBlockEnd = "0.5rem";
 export const rhcCheckboxGroupPaddingBlockStart = "0.5rem";
 export const rhcCheckboxGroupRowGap = "1rem";
+export const rhcCardBackgroundColor = "#fff";
+export const rhcCardBorderColor = "#CBD5E1";
+export const rhcCardBorderRadius = "5px";
+export const rhcCardBorderWidth = "1px";
+export const rhcCardColor = "#0F172A";
+export const rhcCardColumnGap = "1rem";
+export const rhcCardInlineSize = "328px";
+export const rhcCardIconColor = "#154273";
+export const rhcCardIconSize = "24px";
+export const rhcCardLinkColor = "#01689b";
+export const rhcCardLinkTextDecoration = "underline";
+export const rhcCardLinkActiveTextDecoration = "none";
+export const rhcCardLinkHoverTextDecoration = "none";
+export const rhcCardLinkFocusTextDecoration = "none";
+export const rhcCardMetadataColor = "#334155";
+export const rhcCardPaddingBlockEnd = "1rem";
+export const rhcCardPaddingBlockStart = "1rem";
+export const rhcCardPaddingInlineEnd = "1rem";
+export const rhcCardPaddingInlineStart = "1rem";
+export const rhcCardRowGap = "0.75rem";
+export const rhcCardActiveBackgroundColor = "#F1F5F9";
+export const rhcCardActiveTextDecoration = "underline";
+export const rhcCardHoverBackgroundColor = "#F8FAFC";
+export const rhcCardHoverTextDecoration = "underline";
+export const rhcCardFocusBackgroundColor = "#dce3ea";
+export const rhcCardFocusTextDecoration = "underline";
+export const rhcCardFullBleedBackgroundColor = "#000";
+export const rhcCardFullBleedBorderColor = "transparent";
+export const rhcCardFullBleedColor = "#fff";
+export const rhcCardFullBleedOpacity = 0.5;
+export const rhcCardHeadingColor = "#154273";
+export const rhcCardHeadingPaddingBlockStart = "0.5rem";
+export const rhcCardHeadingFontSize = "1.5rem";
+export const rhcCardHeadingFontWeight = 700;
+export const rhcCardHorizontalBackgroundColor = "#154273";
+export const rhcCardHorizontalBorderColor = "transparent";
+export const rhcCardHorizontalColor = "#fff";
+export const rhcCardHorizontalMaxBlockSize = "96px";
+export const rhcCardHorizontalPaddingBlockEnd = 0;
+export const rhcCardHorizontalPaddingBlockStart = 0;
+export const rhcCardHorizontalPaddingInlineEnd = "1rem";
+export const rhcCardHorizontalPaddingInlineStart = "1rem";
+export const rhcCardHorizontalHeadingInlineSize = "200px";
 export const rhcCardAsLinkBackgroundColor = "#fff";
 export const rhcCardAsLinkBorderColor = "#CBD5E1";
 export const rhcCardAsLinkBorderRadius = "5px";
 export const rhcCardAsLinkBorderWidth = "1px";
 export const rhcCardAsLinkColor = "#0F172A";
 export const rhcCardAsLinkColumnGap = "1rem";
-export const rhcCardAsLinkInlineSize = "328px";
 export const rhcCardAsLinkIconColor = "#154273";
 export const rhcCardAsLinkIconSize = "24px";
 export const rhcCardAsLinkLinkColor = "#01689b";
@@ -1088,6 +1051,7 @@ export const rhcCardAsLinkHorizontalPaddingBlockStart = 0;
 export const rhcCardAsLinkHorizontalPaddingInlineEnd = "1rem";
 export const rhcCardAsLinkHorizontalPaddingInlineStart = "1rem";
 export const rhcCardAsLinkHorizontalHeadingInlineSize = "200px";
+export const rhcBreadcrumbNavLinkCurrentColor = "#334155";
 export const rhcKeepComment = "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.";
 export const rhcKeepTopLeftBorderRadiusTopLeft = "48px";
 export const rhcKeepTopLeftBorderRadiusTopRight = 0;
@@ -1422,12 +1386,6 @@ export const nlSkipLinkTextDecorationThickness = "0.0625em";
 export const nlSkipLinkTextUnderlineOffset = "0.125rem";
 export const nlSkipLinkLineHeight = "150%";
 export const nlSkipLinkFontSize = "1.25rem";
-export const nlParagraphLeadColor = "#0F172A";
-export const nlParagraphLeadFontSize = "1.5rem";
-export const nlParagraphLeadFontWeight = 400;
-export const nlParagraphLeadLineHeight = "150%";
-export const nlParagraphLeadMarginBlockEnd = "0rem";
-export const nlParagraphLeadMarginBlockStart = "0rem";
 export const nlParagraphColor = "#0F172A";
 export const nlParagraphFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const nlParagraphFontSize = "1.25rem";
@@ -1435,6 +1393,11 @@ export const nlParagraphFontWeight = 400;
 export const nlParagraphLineHeight = "150%";
 export const nlParagraphMarginBlockEnd = "0rem";
 export const nlParagraphMarginBlockStart = "0rem";
+export const nlParagraphLeadFontSize = "1.5rem";
+export const nlParagraphLeadFontWeight = 400;
+export const nlParagraphLeadLineHeight = "150%";
+export const nlParagraphLeadMarginBlockEnd = "0rem";
+export const nlParagraphLeadMarginBlockStart = "0rem";
 export const nlNumberBadgeLineHeight = "125%";
 export const nlNumberBadgeBackgroundColor = "#154273";
 export const nlNumberBadgeBorderColor = "transparent";
@@ -1448,26 +1411,13 @@ export const nlNumberBadgeMinBlockSize = "24px";
 export const nlNumberBadgeMinInlineSize = "24px";
 export const nlNumberBadgePaddingBlock = "0.125rem";
 export const nlNumberBadgePaddingInline = "0.5rem";
-export const nlLinkColumnGap = "0.25rem";
-export const nlLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
-export const nlLinkFontSize = "1.25rem";
-export const nlLinkFontWeight = 400;
-export const nlLinkLineHeight = "150%";
-export const nlLinkIconInsetBlockStart = "0.25rem";
-export const nlLinkIconSize = "24px";
-export const nlLinkActiveTextDecoration = "None";
-export const nlLinkActiveColor = "#1a4972";
-export const nlLinkFocusBackgroundColor = "transparent";
-export const nlLinkFocusColor = "#01689b";
-export const nlLinkFocusTextDecoration = "None";
-export const nlLinkFocusTextDecorationThickness = "auto";
-export const nlLinkVisitedColor = "#01689b";
 export const nlLinkColor = "#01689b";
 export const nlLinkTextDecorationColor = "inherit";
 export const nlLinkTextDecorationLine = "underline";
 export const nlLinkTextDecorationThickness = "0.0625em";
 export const nlLinkTextUnderlineOffset = "0.125rem";
 export const nlLinkCurrentCursor = "default";
+export const nlLinkActiveColor = "#1a4972";
 export const nlLinkDisabledColor = "#334155";
 export const nlLinkDisabledCursor = "disabled";
 export const nlLinkHoverTextDecorationLine = "underline";
@@ -1515,6 +1465,7 @@ export const nlHeadingLevel6FontWeight = 700;
 export const nlHeadingLevel6LineHeight = "150%";
 export const nlHeadingLevel6MarginBlockEnd = "0rem";
 export const nlHeadingLevel6MarginBlockStart = "0rem";
+export const figmaLinkIconSize = "1.25rem";
 export const basisColorDefaultBgDocument = "#fff";
 export const basisColorDefaultColorDocument = "#0F172A";
 export const basisColorDefaultColorSubtle = "#334155";