@rijkshuisstijl-community/design-tokens 4.1.0 → 5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (105) hide show
  1. package/CHANGELOG.md +45 -5
  2. package/README.md +2 -2
  3. package/dist/_variables.scss +72 -126
  4. package/dist/index.css +72 -126
  5. package/dist/index.d.ts +71 -125
  6. package/dist/index.js +72 -126
  7. package/dist/index.json +71 -125
  8. package/dist/index.tokens.json +137 -175
  9. package/dist/koop/_variables.scss +50 -145
  10. package/dist/koop/index.css +50 -145
  11. package/dist/koop/index.d.ts +48 -143
  12. package/dist/koop/index.js +50 -145
  13. package/dist/koop/index.json +50 -145
  14. package/dist/koop/index.tokens.json +99 -202
  15. package/dist/koop/root.css +50 -145
  16. package/dist/koop/tokens.d.ts +94 -197
  17. package/dist/koop/tokens.js +1543 -3636
  18. package/dist/root.css +72 -126
  19. package/dist/tokens.d.ts +135 -173
  20. package/dist/tokens.js +7067 -8209
  21. package/dist/uitvoerend-groen/_variables.scss +56 -153
  22. package/dist/uitvoerend-groen/index.css +56 -153
  23. package/dist/uitvoerend-groen/index.d.ts +55 -152
  24. package/dist/uitvoerend-groen/index.js +56 -153
  25. package/dist/uitvoerend-groen/index.json +56 -153
  26. package/dist/uitvoerend-groen/index.tokens.json +103 -212
  27. package/dist/uitvoerend-groen/root.css +56 -153
  28. package/dist/uitvoerend-groen/tokens.d.ts +99 -208
  29. package/dist/uitvoerend-groen/tokens.js +1507 -3650
  30. package/dist/uitvoerend-hemelblauw/_variables.scss +56 -153
  31. package/dist/uitvoerend-hemelblauw/index.css +56 -153
  32. package/dist/uitvoerend-hemelblauw/index.d.ts +55 -152
  33. package/dist/uitvoerend-hemelblauw/index.js +56 -153
  34. package/dist/uitvoerend-hemelblauw/index.json +56 -153
  35. package/dist/uitvoerend-hemelblauw/index.tokens.json +103 -212
  36. package/dist/uitvoerend-hemelblauw/root.css +56 -153
  37. package/dist/uitvoerend-hemelblauw/tokens.d.ts +99 -208
  38. package/dist/uitvoerend-hemelblauw/tokens.js +1507 -3650
  39. package/dist/uitvoerend-mintgroen/_variables.scss +56 -153
  40. package/dist/uitvoerend-mintgroen/index.css +56 -153
  41. package/dist/uitvoerend-mintgroen/index.d.ts +55 -152
  42. package/dist/uitvoerend-mintgroen/index.js +56 -153
  43. package/dist/uitvoerend-mintgroen/index.json +56 -153
  44. package/dist/uitvoerend-mintgroen/index.tokens.json +103 -212
  45. package/dist/uitvoerend-mintgroen/root.css +56 -153
  46. package/dist/uitvoerend-mintgroen/tokens.d.ts +99 -208
  47. package/dist/uitvoerend-mintgroen/tokens.js +1507 -3650
  48. package/dist/uitvoerend-oranje/_variables.scss +56 -153
  49. package/dist/uitvoerend-oranje/index.css +56 -153
  50. package/dist/uitvoerend-oranje/index.d.ts +55 -152
  51. package/dist/uitvoerend-oranje/index.js +56 -153
  52. package/dist/uitvoerend-oranje/index.json +56 -153
  53. package/dist/uitvoerend-oranje/index.tokens.json +103 -212
  54. package/dist/uitvoerend-oranje/root.css +56 -153
  55. package/dist/uitvoerend-oranje/tokens.d.ts +99 -208
  56. package/dist/uitvoerend-oranje/tokens.js +1507 -3650
  57. package/dist/uitvoerend-paars/_variables.scss +56 -153
  58. package/dist/uitvoerend-paars/index.css +56 -153
  59. package/dist/uitvoerend-paars/index.d.ts +55 -152
  60. package/dist/uitvoerend-paars/index.js +56 -153
  61. package/dist/uitvoerend-paars/index.json +56 -153
  62. package/dist/uitvoerend-paars/index.tokens.json +103 -212
  63. package/dist/uitvoerend-paars/root.css +56 -153
  64. package/dist/uitvoerend-paars/tokens.d.ts +99 -208
  65. package/dist/uitvoerend-paars/tokens.js +1507 -3650
  66. package/dist/uitvoerend-violet/_variables.scss +56 -153
  67. package/dist/uitvoerend-violet/index.css +56 -153
  68. package/dist/uitvoerend-violet/index.d.ts +55 -152
  69. package/dist/uitvoerend-violet/index.js +56 -153
  70. package/dist/uitvoerend-violet/index.json +56 -153
  71. package/dist/uitvoerend-violet/index.tokens.json +103 -212
  72. package/dist/uitvoerend-violet/root.css +56 -153
  73. package/dist/uitvoerend-violet/tokens.d.ts +99 -208
  74. package/dist/uitvoerend-violet/tokens.js +1507 -3650
  75. package/dist/uitvoerend-violet-oud/_variables.scss +56 -153
  76. package/dist/uitvoerend-violet-oud/index.css +56 -153
  77. package/dist/uitvoerend-violet-oud/index.d.ts +55 -152
  78. package/dist/uitvoerend-violet-oud/index.js +56 -153
  79. package/dist/uitvoerend-violet-oud/index.json +56 -153
  80. package/dist/uitvoerend-violet-oud/index.tokens.json +103 -212
  81. package/dist/uitvoerend-violet-oud/root.css +56 -153
  82. package/dist/uitvoerend-violet-oud/tokens.d.ts +99 -208
  83. package/dist/uitvoerend-violet-oud/tokens.js +1507 -3650
  84. package/dist/wetgevend/_variables.scss +56 -153
  85. package/dist/wetgevend/index.css +56 -153
  86. package/dist/wetgevend/index.d.ts +55 -152
  87. package/dist/wetgevend/index.js +56 -153
  88. package/dist/wetgevend/index.json +56 -153
  89. package/dist/wetgevend/index.tokens.json +103 -212
  90. package/dist/wetgevend/root.css +56 -153
  91. package/dist/wetgevend/tokens.d.ts +99 -208
  92. package/dist/wetgevend/tokens.js +1507 -3650
  93. package/figma/figma.tokens.json +291 -640
  94. package/package.json +2 -2
  95. package/src/generated/base.tokens.json +447 -661
  96. package/src/generated/koop/tokens.json +235 -637
  97. package/src/generated/themes.json +2161 -5875
  98. package/src/generated/uitvoerend-groen/tokens.json +246 -660
  99. package/src/generated/uitvoerend-hemelblauw/tokens.json +246 -660
  100. package/src/generated/uitvoerend-mintgroen/tokens.json +246 -660
  101. package/src/generated/uitvoerend-oranje/tokens.json +246 -660
  102. package/src/generated/uitvoerend-paars/tokens.json +246 -660
  103. package/src/generated/uitvoerend-violet/tokens.json +246 -660
  104. package/src/generated/uitvoerend-violet-oud/tokens.json +246 -660
  105. package/src/generated/wetgevend/tokens.json +246 -660
package/dist/index.js CHANGED
@@ -1,17 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 01 Aug 2025 12:51:45 GMT
3
+ * Generated on Fri, 22 Aug 2025 10:20:29 GMT
4
4
  */
5
5
 
6
6
  export const utrechtColumnLayoutColumnRuleColor = "transparent";
7
7
  export const utrechtColumnLayoutColumnRuleWidth = "0px";
8
8
  export const utrechtColumnLayoutColumnWidth = "400px";
9
9
  export const utrechtColumnLayoutGap = "0.75rem";
10
- export const utrechtUnorderedListColor = "#0F172A";
11
- export const utrechtUnorderedListMarkerBorderColor = "#0F172A";
12
- export const utrechtUnorderedListMarkerColor = "#0F172A";
13
- export const utrechtUnorderedListFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
14
- export const utrechtUnorderedListFontWeight = 400;
15
10
  export const utrechtUnorderedListFontSize = "1.25rem";
16
11
  export const utrechtUnorderedListLineHeight = "150%";
17
12
  export const utrechtUnorderedListMarginBlockEnd = "0.25rem";
@@ -20,6 +15,7 @@ export const utrechtUnorderedListPaddingInlineStart = "1.5rem";
20
15
  export const utrechtUnorderedListItemMarginBlockEnd = "0.25rem";
21
16
  export const utrechtUnorderedListItemMarginBlockStart = "0.25rem";
22
17
  export const utrechtUnorderedListItemPaddingInlineStart = "0.5rem";
18
+ export const utrechtUnorderedListMarkerColor = "#0F172A";
23
19
  export const utrechtTextboxHoverBackgroundColor = "#fff";
24
20
  export const utrechtTextboxHoverBorderColor = "#738eab";
25
21
  export const utrechtTextboxHoverBorderWidth = "1px";
@@ -258,30 +254,11 @@ export const utrechtPreHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-se
258
254
  export const utrechtPreHeadingFontWeight = 700;
259
255
  export const utrechtPreHeadingLineHeight = "125%";
260
256
  export const utrechtPreHeadingFontSize = "1rem";
261
- export const utrechtParagraphColor = "#0F172A";
262
- export const utrechtParagraphFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
263
- export const utrechtParagraphFontSize = "1.25rem";
264
- export const utrechtParagraphFontWeight = 400;
265
- export const utrechtParagraphLineHeight = "150%";
266
- export const utrechtParagraphLeadColor = "#0F172A";
267
- export const utrechtParagraphLeadFontSize = "1.5rem";
268
- export const utrechtParagraphLeadFontWeight = 400;
269
- export const utrechtParagraphLeadLineHeight = "150%";
270
- export const utrechtParagraphSmallFontSize = "1.5rem";
271
- export const utrechtParagraphSmallColor = "#0F172A";
272
- export const utrechtParagraphSmallFontWeight = 400;
273
- export const utrechtParagraphSmallLineHeight = "150%";
274
- export const utrechtParagraphMarginBlockEnd = "0rem";
275
- export const utrechtParagraphMarginBlockStart = "0rem";
276
- export const utrechtOrderedListColor = "#0F172A";
277
- export const utrechtOrderedListFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
278
- export const utrechtOrderedListFontWeight = 400;
279
- export const utrechtOrderedListMarginInlineStart = "0.625rem";
280
257
  export const utrechtOrderedListFontSize = "1.25rem";
281
258
  export const utrechtOrderedListLineHeight = "150%";
282
259
  export const utrechtOrderedListMarginBlockEnd = "0.25rem";
283
260
  export const utrechtOrderedListMarginBlockStart = "0.25rem";
284
- export const utrechtOrderedListPaddingInlineStart = "1.5rem";
261
+ export const utrechtOrderedListPaddingInlineStart = "2rem";
285
262
  export const utrechtOrderedListItemMarginBlockEnd = "0.25rem";
286
263
  export const utrechtOrderedListItemMarginBlockStart = "0.25rem";
287
264
  export const utrechtOrderedListItemPaddingInlineStart = "0.5rem";
@@ -298,8 +275,6 @@ export const utrechtNumberBadgeMinBlockSize = "24px";
298
275
  export const utrechtNumberBadgeMinInlineSize = "24px";
299
276
  export const utrechtNumberBadgePaddingBlock = "0.125rem";
300
277
  export const utrechtNumberBadgePaddingInline = "0.5rem";
301
- export const utrechtLinkListItemTextDecoration = "None";
302
- export const utrechtLinkListItemColumnGap = "0.5rem";
303
278
  export const utrechtLinkListMarginBlockEnd = "0rem";
304
279
  export const utrechtLinkListMarginBlockStart = "0rem";
305
280
  export const utrechtLinkListRowGap = "0.5rem";
@@ -308,75 +283,25 @@ export const utrechtLinkListIconSize = "24px";
308
283
  export const utrechtLinkListLinkColumnGap = "0.5rem";
309
284
  export const utrechtLinkListLinkTextDecoration = "None";
310
285
  export const utrechtLinkListFontWeight = 400;
311
- export const utrechtLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
312
- export const utrechtLinkFontWeight = 400;
313
- export const utrechtLinkLineHeight = "150%";
314
- export const utrechtLinkFontSize = "1.25rem";
315
- export const utrechtLinkActiveTextDecoration = "None";
316
- export const utrechtLinkActiveColor = "#163f5b";
317
- export const utrechtLinkFocusTextDecoration = "None";
318
- export const utrechtLinkFocusTextDecorationThickness = "auto";
319
- export const utrechtLinkFocusBackgroundColor = "transparent";
320
- export const utrechtLinkFocusColor = "#01689b";
321
- export const utrechtLinkIconInsetBlockStart = "0.25rem";
322
- export const utrechtLinkIconSize = "24px";
323
286
  export const utrechtLinkColor = "#01689b";
324
287
  export const utrechtLinkTextDecorationColor = "inherit";
325
288
  export const utrechtLinkColumnGap = "0.25rem";
326
289
  export const utrechtLinkTextDecoration = "underline";
327
290
  export const utrechtLinkTextDecorationThickness = "0.0625em";
328
291
  export const utrechtLinkTextUnderlineOffset = "0.125rem";
292
+ export const utrechtLinkIconSize = "24px";
293
+ export const utrechtLinkActiveColor = "#163f5b";
329
294
  export const utrechtLinkHoverColor = "#15496a";
330
295
  export const utrechtLinkHoverTextDecoration = "underline";
331
296
  export const utrechtLinkHoverTextDecorationThickness = "0.1875em";
297
+ export const utrechtLinkFocusBackgroundColor = "transparent";
298
+ export const utrechtLinkFocusColor = "#01689b";
332
299
  export const utrechtLinkFocusVisibleTextDecoration = "None";
333
300
  export const utrechtLinkFocusVisibleTextDecorationThickness = "0.0625em";
334
301
  export const utrechtLinkVisitedColor = "#01689b";
335
302
  export const utrechtIconColor = "inherit";
336
303
  export const utrechtIconSize = "24px";
337
304
  export const utrechtIconInsetBlockStart = "0rem";
338
- export const utrechtHeading1Color = "#154273";
339
- export const utrechtHeading1FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
340
- export const utrechtHeading1FontSize = "3.125rem";
341
- export const utrechtHeading1FontWeight = 700;
342
- export const utrechtHeading1LineHeight = "125%";
343
- export const utrechtHeading1MarginBlockEnd = "0rem";
344
- export const utrechtHeading1MarginBlockStart = "0rem";
345
- export const utrechtHeading2Color = "#154273";
346
- export const utrechtHeading2FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
347
- export const utrechtHeading2FontSize = "2.5rem";
348
- export const utrechtHeading2FontWeight = 700;
349
- export const utrechtHeading2LineHeight = "125%";
350
- export const utrechtHeading2MarginBlockEnd = "0rem";
351
- export const utrechtHeading2MarginBlockStart = "0rem";
352
- export const utrechtHeading3Color = "#154273";
353
- export const utrechtHeading3FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
354
- export const utrechtHeading3FontSize = "1.875rem";
355
- export const utrechtHeading3FontWeight = 700;
356
- export const utrechtHeading3LineHeight = "125%";
357
- export const utrechtHeading3MarginBlockEnd = "0rem";
358
- export const utrechtHeading3MarginBlockStart = "0rem";
359
- export const utrechtHeading4Color = "#154273";
360
- export const utrechtHeading4FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
361
- export const utrechtHeading4FontSize = "1.5rem";
362
- export const utrechtHeading4FontWeight = 700;
363
- export const utrechtHeading4LineHeight = "150%";
364
- export const utrechtHeading4MarginBlockEnd = "0rem";
365
- export const utrechtHeading4MarginBlockStart = "0rem";
366
- export const utrechtHeading5Color = "#154273";
367
- export const utrechtHeading5FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
368
- export const utrechtHeading5FontSize = "1.25rem";
369
- export const utrechtHeading5FontWeight = 700;
370
- export const utrechtHeading5LineHeight = "150%";
371
- export const utrechtHeading5MarginBlockEnd = "0rem";
372
- export const utrechtHeading5MarginBlockStart = "0rem";
373
- export const utrechtHeading6Color = "#154273";
374
- export const utrechtHeading6FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
375
- export const utrechtHeading6FontSize = "1.25rem";
376
- export const utrechtHeading6FontWeight = 700;
377
- export const utrechtHeading6LineHeight = "150%";
378
- export const utrechtHeading6MarginBlockEnd = "0rem";
379
- export const utrechtHeading6MarginBlockStart = "0rem";
380
305
  export const utrechtFormLabelColor = "#0F172A";
381
306
  export const utrechtFormLabelFontSize = "1.25rem";
382
307
  export const utrechtFormLabelFontWeight = 700;
@@ -607,28 +532,6 @@ export const utrechtButtonGroupColumnGap = "0.5rem";
607
532
  export const utrechtButtonGroupPaddingBlockEnd = "0px";
608
533
  export const utrechtButtonGroupPaddingBlockStart = "0px";
609
534
  export const utrechtButtonGroupRowGap = "0.5rem";
610
- export const utrechtBreadcrumbNavDividerColor = "#334155";
611
- export const utrechtBreadcrumbNavDividerInsetBlockStart = 0;
612
- export const utrechtBreadcrumbNavDividerSize = "24px";
613
- export const utrechtBreadcrumbNavLinkPaddingBlockEnd = "0.75rem";
614
- export const utrechtBreadcrumbNavLinkPaddingBlockStart = "0.75rem";
615
- export const utrechtBreadcrumbNavLinkPaddingInlineEnd = "0rem";
616
- export const utrechtBreadcrumbNavLinkPaddingInlineStart = "0rem";
617
- export const utrechtBreadcrumbNavLinkCurrentColor = "#334155";
618
- export const utrechtBreadcrumbNavLinkCurrentFontWeight = 400;
619
- export const utrechtBreadcrumbNavLinkIconInsetBlockStart = 0;
620
- export const utrechtBreadcrumbNavLinkIconMarginInline = "0.25rem";
621
- export const utrechtBreadcrumbNavLinkIconSize = "24px";
622
- export const utrechtBreadcrumbNavLinkColor = "#01689b";
623
- export const utrechtBreadcrumbNavLinkTextDecoration = "underline";
624
- export const utrechtBreadcrumbNavLinkActiveColor = "#163f5b";
625
- export const utrechtBreadcrumbNavLinkActiveTextDecoration = "underline";
626
- export const utrechtBreadcrumbNavLinkDisabledColor = "#334155";
627
- export const utrechtBreadcrumbNavLinkFocusBackgroundColor = "transparent";
628
- export const utrechtBreadcrumbNavLinkFocusColor = "#01689b";
629
- export const utrechtBreadcrumbNavLinkFocusTextDecoration = "None";
630
- export const utrechtBreadcrumbNavLinkHoverTextDecoration = "underline";
631
- export const utrechtBreadcrumbNavLinkHoverColor = "#01496c";
632
535
  export const utrechtBreadcrumbNavFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
633
536
  export const utrechtBreadcrumbNavFontSize = "1.25rem";
634
537
  export const utrechtBreadcrumbNavLineHeight = "150%";
@@ -640,6 +543,18 @@ export const utrechtBreadcrumbNavItemPaddingInlineStart = "0.5rem";
640
543
  export const utrechtBreadcrumbNavItemFirstPaddingInlineStart = "0rem";
641
544
  export const utrechtBreadcrumbNavSeparatorColor = "#334155";
642
545
  export const utrechtBreadcrumbNavSeparatorIconSize = "24px";
546
+ export const utrechtBreadcrumbNavLinkColor = "#01689b";
547
+ export const utrechtBreadcrumbNavLinkTextDecoration = "underline";
548
+ export const utrechtBreadcrumbNavLinkCurrentFontWeight = 400;
549
+ export const utrechtBreadcrumbNavLinkActiveColor = "#163f5b";
550
+ export const utrechtBreadcrumbNavLinkActiveTextDecoration = "underline";
551
+ export const utrechtBreadcrumbNavLinkDisabledColor = "#334155";
552
+ export const utrechtBreadcrumbNavLinkFocusBackgroundColor = "transparent";
553
+ export const utrechtBreadcrumbNavLinkFocusColor = "#01689b";
554
+ export const utrechtBreadcrumbNavLinkFocusTextDecoration = "None";
555
+ export const utrechtBreadcrumbNavLinkHoverTextDecoration = "underline";
556
+ export const utrechtBreadcrumbNavLinkHoverColor = "#01496c";
557
+ export const utrechtBreadcrumbNavLinkIconSize = "24px";
643
558
  export const utrechtBlockquoteBorderBlockEndWidth = 0;
644
559
  export const utrechtBlockquoteBorderBlockStartWidth = 0;
645
560
  export const utrechtBlockquoteBorderEndEndRadius = 0;
@@ -797,6 +712,7 @@ export const utrechtActionDisabledCursor = "not-allowed";
797
712
  export const utrechtActionInertCursor = "default";
798
713
  export const utrechtActionNavigateCursor = "pointer";
799
714
  export const utrechtActionSubmitCursor = "pointer";
715
+ export const rhcUnorderedListNestedMarginInlineStart = "0rem";
800
716
  export const rhcToggletipColor = "#fff";
801
717
  export const rhcToggletipBackgroundColor = "#007bc7";
802
718
  export const rhcToggletipBorderColor = "transparent";
@@ -937,7 +853,7 @@ export const rhcLinkListCardPaddingBlockEnd = "1.5rem";
937
853
  export const rhcLinkListCardRowGap = "1rem";
938
854
  export const rhcLinkListCardPaddingInlineStart = "1.5rem";
939
855
  export const rhcLinkListCardPaddingInlineEnd = "1.5rem";
940
- export const rhcLinkListTextDecoration = "None";
856
+ export const rhcLinkColumnGap = "0.25rem";
941
857
  export const rhcIconOnlyButtonPaddingBlockEnd = "0.75rem";
942
858
  export const rhcIconOnlyButtonPaddingBlockStart = "0.75rem";
943
859
  export const rhcIconOnlyButtonPaddingInlineEnd = "0.75rem";
@@ -1050,13 +966,55 @@ export const rhcCodeInputGroupColumnGap = "0.5rem";
1050
966
  export const rhcCheckboxGroupPaddingBlockEnd = "0.5rem";
1051
967
  export const rhcCheckboxGroupPaddingBlockStart = "0.5rem";
1052
968
  export const rhcCheckboxGroupRowGap = "1rem";
969
+ export const rhcCardBackgroundColor = "#fff";
970
+ export const rhcCardBorderColor = "#CBD5E1";
971
+ export const rhcCardBorderRadius = "5px";
972
+ export const rhcCardBorderWidth = "1px";
973
+ export const rhcCardColor = "#0F172A";
974
+ export const rhcCardColumnGap = "1rem";
975
+ export const rhcCardInlineSize = "328px";
976
+ export const rhcCardIconColor = "#154273";
977
+ export const rhcCardIconSize = "24px";
978
+ export const rhcCardLinkColor = "#01689b";
979
+ export const rhcCardLinkTextDecoration = "underline";
980
+ export const rhcCardLinkActiveTextDecoration = "none";
981
+ export const rhcCardLinkHoverTextDecoration = "none";
982
+ export const rhcCardLinkFocusTextDecoration = "none";
983
+ export const rhcCardMetadataColor = "#334155";
984
+ export const rhcCardPaddingBlockEnd = "1rem";
985
+ export const rhcCardPaddingBlockStart = "1rem";
986
+ export const rhcCardPaddingInlineEnd = "1rem";
987
+ export const rhcCardPaddingInlineStart = "1rem";
988
+ export const rhcCardRowGap = "0.75rem";
989
+ export const rhcCardActiveBackgroundColor = "#F1F5F9";
990
+ export const rhcCardActiveTextDecoration = "underline";
991
+ export const rhcCardHoverBackgroundColor = "#F8FAFC";
992
+ export const rhcCardHoverTextDecoration = "underline";
993
+ export const rhcCardFocusBackgroundColor = "#dce3ea";
994
+ export const rhcCardFocusTextDecoration = "underline";
995
+ export const rhcCardFullBleedBackgroundColor = "#000";
996
+ export const rhcCardFullBleedBorderColor = "transparent";
997
+ export const rhcCardFullBleedColor = "#fff";
998
+ export const rhcCardFullBleedOpacity = 0.5;
999
+ export const rhcCardHeadingColor = "#154273";
1000
+ export const rhcCardHeadingPaddingBlockStart = "0.5rem";
1001
+ export const rhcCardHeadingFontSize = "1.5rem";
1002
+ export const rhcCardHeadingFontWeight = 700;
1003
+ export const rhcCardHorizontalBackgroundColor = "#154273";
1004
+ export const rhcCardHorizontalBorderColor = "transparent";
1005
+ export const rhcCardHorizontalColor = "#fff";
1006
+ export const rhcCardHorizontalMaxBlockSize = "96px";
1007
+ export const rhcCardHorizontalPaddingBlockEnd = 0;
1008
+ export const rhcCardHorizontalPaddingBlockStart = 0;
1009
+ export const rhcCardHorizontalPaddingInlineEnd = "1rem";
1010
+ export const rhcCardHorizontalPaddingInlineStart = "1rem";
1011
+ export const rhcCardHorizontalHeadingInlineSize = "200px";
1053
1012
  export const rhcCardAsLinkBackgroundColor = "#fff";
1054
1013
  export const rhcCardAsLinkBorderColor = "#CBD5E1";
1055
1014
  export const rhcCardAsLinkBorderRadius = "5px";
1056
1015
  export const rhcCardAsLinkBorderWidth = "1px";
1057
1016
  export const rhcCardAsLinkColor = "#0F172A";
1058
1017
  export const rhcCardAsLinkColumnGap = "1rem";
1059
- export const rhcCardAsLinkInlineSize = "328px";
1060
1018
  export const rhcCardAsLinkIconColor = "#154273";
1061
1019
  export const rhcCardAsLinkIconSize = "24px";
1062
1020
  export const rhcCardAsLinkLinkColor = "#01689b";
@@ -1093,6 +1051,7 @@ export const rhcCardAsLinkHorizontalPaddingBlockStart = 0;
1093
1051
  export const rhcCardAsLinkHorizontalPaddingInlineEnd = "1rem";
1094
1052
  export const rhcCardAsLinkHorizontalPaddingInlineStart = "1rem";
1095
1053
  export const rhcCardAsLinkHorizontalHeadingInlineSize = "200px";
1054
+ export const rhcBreadcrumbNavLinkCurrentColor = "#334155";
1096
1055
  export const rhcKeepComment = "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.";
1097
1056
  export const rhcKeepTopLeftBorderRadiusTopLeft = "48px";
1098
1057
  export const rhcKeepTopLeftBorderRadiusTopRight = 0;
@@ -1427,12 +1386,6 @@ export const nlSkipLinkTextDecorationThickness = "0.0625em";
1427
1386
  export const nlSkipLinkTextUnderlineOffset = "0.125rem";
1428
1387
  export const nlSkipLinkLineHeight = "150%";
1429
1388
  export const nlSkipLinkFontSize = "1.25rem";
1430
- export const nlParagraphLeadColor = "#0F172A";
1431
- export const nlParagraphLeadFontSize = "1.5rem";
1432
- export const nlParagraphLeadFontWeight = 400;
1433
- export const nlParagraphLeadLineHeight = "150%";
1434
- export const nlParagraphLeadMarginBlockEnd = "0rem";
1435
- export const nlParagraphLeadMarginBlockStart = "0rem";
1436
1389
  export const nlParagraphColor = "#0F172A";
1437
1390
  export const nlParagraphFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1438
1391
  export const nlParagraphFontSize = "1.25rem";
@@ -1440,6 +1393,11 @@ export const nlParagraphFontWeight = 400;
1440
1393
  export const nlParagraphLineHeight = "150%";
1441
1394
  export const nlParagraphMarginBlockEnd = "0rem";
1442
1395
  export const nlParagraphMarginBlockStart = "0rem";
1396
+ export const nlParagraphLeadFontSize = "1.5rem";
1397
+ export const nlParagraphLeadFontWeight = 400;
1398
+ export const nlParagraphLeadLineHeight = "150%";
1399
+ export const nlParagraphLeadMarginBlockEnd = "0rem";
1400
+ export const nlParagraphLeadMarginBlockStart = "0rem";
1443
1401
  export const nlNumberBadgeLineHeight = "125%";
1444
1402
  export const nlNumberBadgeBackgroundColor = "#154273";
1445
1403
  export const nlNumberBadgeBorderColor = "transparent";
@@ -1453,26 +1411,13 @@ export const nlNumberBadgeMinBlockSize = "24px";
1453
1411
  export const nlNumberBadgeMinInlineSize = "24px";
1454
1412
  export const nlNumberBadgePaddingBlock = "0.125rem";
1455
1413
  export const nlNumberBadgePaddingInline = "0.5rem";
1456
- export const nlLinkColumnGap = "0.25rem";
1457
- export const nlLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1458
- export const nlLinkFontSize = "1.25rem";
1459
- export const nlLinkFontWeight = 400;
1460
- export const nlLinkLineHeight = "150%";
1461
- export const nlLinkIconInsetBlockStart = "0.25rem";
1462
- export const nlLinkIconSize = "24px";
1463
- export const nlLinkActiveTextDecoration = "None";
1464
- export const nlLinkActiveColor = "#1a4972";
1465
- export const nlLinkFocusBackgroundColor = "transparent";
1466
- export const nlLinkFocusColor = "#01689b";
1467
- export const nlLinkFocusTextDecoration = "None";
1468
- export const nlLinkFocusTextDecorationThickness = "auto";
1469
- export const nlLinkVisitedColor = "#01689b";
1470
1414
  export const nlLinkColor = "#01689b";
1471
1415
  export const nlLinkTextDecorationColor = "inherit";
1472
1416
  export const nlLinkTextDecorationLine = "underline";
1473
1417
  export const nlLinkTextDecorationThickness = "0.0625em";
1474
1418
  export const nlLinkTextUnderlineOffset = "0.125rem";
1475
1419
  export const nlLinkCurrentCursor = "default";
1420
+ export const nlLinkActiveColor = "#1a4972";
1476
1421
  export const nlLinkDisabledColor = "#334155";
1477
1422
  export const nlLinkDisabledCursor = "disabled";
1478
1423
  export const nlLinkHoverTextDecorationLine = "underline";
@@ -1520,6 +1465,7 @@ export const nlHeadingLevel6FontWeight = 700;
1520
1465
  export const nlHeadingLevel6LineHeight = "150%";
1521
1466
  export const nlHeadingLevel6MarginBlockEnd = "0rem";
1522
1467
  export const nlHeadingLevel6MarginBlockStart = "0rem";
1468
+ export const figmaLinkIconSize = "1.25rem";
1523
1469
  export const basisColorDefaultBgDocument = "#fff";
1524
1470
  export const basisColorDefaultColorDocument = "#0F172A";
1525
1471
  export const basisColorDefaultColorSubtle = "#334155";
package/dist/index.json CHANGED
@@ -3,11 +3,6 @@
3
3
  "utrechtColumnLayoutColumnRuleWidth": "0px",
4
4
  "utrechtColumnLayoutColumnWidth": "400px",
5
5
  "utrechtColumnLayoutGap": "0.75rem",
6
- "utrechtUnorderedListColor": "#0F172A",
7
- "utrechtUnorderedListMarkerBorderColor": "#0F172A",
8
- "utrechtUnorderedListMarkerColor": "#0F172A",
9
- "utrechtUnorderedListFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
10
- "utrechtUnorderedListFontWeight": 400,
11
6
  "utrechtUnorderedListFontSize": "1.25rem",
12
7
  "utrechtUnorderedListLineHeight": "150%",
13
8
  "utrechtUnorderedListMarginBlockEnd": "0.25rem",
@@ -16,6 +11,7 @@
16
11
  "utrechtUnorderedListItemMarginBlockEnd": "0.25rem",
17
12
  "utrechtUnorderedListItemMarginBlockStart": "0.25rem",
18
13
  "utrechtUnorderedListItemPaddingInlineStart": "0.5rem",
14
+ "utrechtUnorderedListMarkerColor": "#0F172A",
19
15
  "utrechtTextboxHoverBackgroundColor": "#fff",
20
16
  "utrechtTextboxHoverBorderColor": "#738eab",
21
17
  "utrechtTextboxHoverBorderWidth": "1px",
@@ -254,30 +250,11 @@
254
250
  "utrechtPreHeadingFontWeight": 700,
255
251
  "utrechtPreHeadingLineHeight": "125%",
256
252
  "utrechtPreHeadingFontSize": "1rem",
257
- "utrechtParagraphColor": "#0F172A",
258
- "utrechtParagraphFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
259
- "utrechtParagraphFontSize": "1.25rem",
260
- "utrechtParagraphFontWeight": 400,
261
- "utrechtParagraphLineHeight": "150%",
262
- "utrechtParagraphLeadColor": "#0F172A",
263
- "utrechtParagraphLeadFontSize": "1.5rem",
264
- "utrechtParagraphLeadFontWeight": 400,
265
- "utrechtParagraphLeadLineHeight": "150%",
266
- "utrechtParagraphSmallFontSize": "1.5rem",
267
- "utrechtParagraphSmallColor": "#0F172A",
268
- "utrechtParagraphSmallFontWeight": 400,
269
- "utrechtParagraphSmallLineHeight": "150%",
270
- "utrechtParagraphMarginBlockEnd": "0rem",
271
- "utrechtParagraphMarginBlockStart": "0rem",
272
- "utrechtOrderedListColor": "#0F172A",
273
- "utrechtOrderedListFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
274
- "utrechtOrderedListFontWeight": 400,
275
- "utrechtOrderedListMarginInlineStart": "0.625rem",
276
253
  "utrechtOrderedListFontSize": "1.25rem",
277
254
  "utrechtOrderedListLineHeight": "150%",
278
255
  "utrechtOrderedListMarginBlockEnd": "0.25rem",
279
256
  "utrechtOrderedListMarginBlockStart": "0.25rem",
280
- "utrechtOrderedListPaddingInlineStart": "1.5rem",
257
+ "utrechtOrderedListPaddingInlineStart": "2rem",
281
258
  "utrechtOrderedListItemMarginBlockEnd": "0.25rem",
282
259
  "utrechtOrderedListItemMarginBlockStart": "0.25rem",
283
260
  "utrechtOrderedListItemPaddingInlineStart": "0.5rem",
@@ -294,8 +271,6 @@
294
271
  "utrechtNumberBadgeMinInlineSize": "24px",
295
272
  "utrechtNumberBadgePaddingBlock": "0.125rem",
296
273
  "utrechtNumberBadgePaddingInline": "0.5rem",
297
- "utrechtLinkListItemTextDecoration": "None",
298
- "utrechtLinkListItemColumnGap": "0.5rem",
299
274
  "utrechtLinkListMarginBlockEnd": "0rem",
300
275
  "utrechtLinkListMarginBlockStart": "0rem",
301
276
  "utrechtLinkListRowGap": "0.5rem",
@@ -304,75 +279,25 @@
304
279
  "utrechtLinkListLinkColumnGap": "0.5rem",
305
280
  "utrechtLinkListLinkTextDecoration": "None",
306
281
  "utrechtLinkListFontWeight": 400,
307
- "utrechtLinkFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
308
- "utrechtLinkFontWeight": 400,
309
- "utrechtLinkLineHeight": "150%",
310
- "utrechtLinkFontSize": "1.25rem",
311
- "utrechtLinkActiveTextDecoration": "None",
312
- "utrechtLinkActiveColor": "#163f5b",
313
- "utrechtLinkFocusTextDecoration": "None",
314
- "utrechtLinkFocusTextDecorationThickness": "auto",
315
- "utrechtLinkFocusBackgroundColor": "transparent",
316
- "utrechtLinkFocusColor": "#01689b",
317
- "utrechtLinkIconInsetBlockStart": "0.25rem",
318
- "utrechtLinkIconSize": "24px",
319
282
  "utrechtLinkColor": "#01689b",
320
283
  "utrechtLinkTextDecorationColor": "inherit",
321
284
  "utrechtLinkColumnGap": "0.25rem",
322
285
  "utrechtLinkTextDecoration": "underline",
323
286
  "utrechtLinkTextDecorationThickness": "0.0625em",
324
287
  "utrechtLinkTextUnderlineOffset": "0.125rem",
288
+ "utrechtLinkIconSize": "24px",
289
+ "utrechtLinkActiveColor": "#163f5b",
325
290
  "utrechtLinkHoverColor": "#15496a",
326
291
  "utrechtLinkHoverTextDecoration": "underline",
327
292
  "utrechtLinkHoverTextDecorationThickness": "0.1875em",
293
+ "utrechtLinkFocusBackgroundColor": "transparent",
294
+ "utrechtLinkFocusColor": "#01689b",
328
295
  "utrechtLinkFocusVisibleTextDecoration": "None",
329
296
  "utrechtLinkFocusVisibleTextDecorationThickness": "0.0625em",
330
297
  "utrechtLinkVisitedColor": "#01689b",
331
298
  "utrechtIconColor": "inherit",
332
299
  "utrechtIconSize": "24px",
333
300
  "utrechtIconInsetBlockStart": "0rem",
334
- "utrechtHeading1Color": "#154273",
335
- "utrechtHeading1FontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
336
- "utrechtHeading1FontSize": "3.125rem",
337
- "utrechtHeading1FontWeight": 700,
338
- "utrechtHeading1LineHeight": "125%",
339
- "utrechtHeading1MarginBlockEnd": "0rem",
340
- "utrechtHeading1MarginBlockStart": "0rem",
341
- "utrechtHeading2Color": "#154273",
342
- "utrechtHeading2FontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
343
- "utrechtHeading2FontSize": "2.5rem",
344
- "utrechtHeading2FontWeight": 700,
345
- "utrechtHeading2LineHeight": "125%",
346
- "utrechtHeading2MarginBlockEnd": "0rem",
347
- "utrechtHeading2MarginBlockStart": "0rem",
348
- "utrechtHeading3Color": "#154273",
349
- "utrechtHeading3FontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
350
- "utrechtHeading3FontSize": "1.875rem",
351
- "utrechtHeading3FontWeight": 700,
352
- "utrechtHeading3LineHeight": "125%",
353
- "utrechtHeading3MarginBlockEnd": "0rem",
354
- "utrechtHeading3MarginBlockStart": "0rem",
355
- "utrechtHeading4Color": "#154273",
356
- "utrechtHeading4FontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
357
- "utrechtHeading4FontSize": "1.5rem",
358
- "utrechtHeading4FontWeight": 700,
359
- "utrechtHeading4LineHeight": "150%",
360
- "utrechtHeading4MarginBlockEnd": "0rem",
361
- "utrechtHeading4MarginBlockStart": "0rem",
362
- "utrechtHeading5Color": "#154273",
363
- "utrechtHeading5FontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
364
- "utrechtHeading5FontSize": "1.25rem",
365
- "utrechtHeading5FontWeight": 700,
366
- "utrechtHeading5LineHeight": "150%",
367
- "utrechtHeading5MarginBlockEnd": "0rem",
368
- "utrechtHeading5MarginBlockStart": "0rem",
369
- "utrechtHeading6Color": "#154273",
370
- "utrechtHeading6FontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
371
- "utrechtHeading6FontSize": "1.25rem",
372
- "utrechtHeading6FontWeight": 700,
373
- "utrechtHeading6LineHeight": "150%",
374
- "utrechtHeading6MarginBlockEnd": "0rem",
375
- "utrechtHeading6MarginBlockStart": "0rem",
376
301
  "utrechtFormLabelColor": "#0F172A",
377
302
  "utrechtFormLabelFontSize": "1.25rem",
378
303
  "utrechtFormLabelFontWeight": 700,
@@ -603,28 +528,6 @@
603
528
  "utrechtButtonGroupPaddingBlockEnd": "0px",
604
529
  "utrechtButtonGroupPaddingBlockStart": "0px",
605
530
  "utrechtButtonGroupRowGap": "0.5rem",
606
- "utrechtBreadcrumbNavDividerColor": "#334155",
607
- "utrechtBreadcrumbNavDividerInsetBlockStart": 0,
608
- "utrechtBreadcrumbNavDividerSize": "24px",
609
- "utrechtBreadcrumbNavLinkPaddingBlockEnd": "0.75rem",
610
- "utrechtBreadcrumbNavLinkPaddingBlockStart": "0.75rem",
611
- "utrechtBreadcrumbNavLinkPaddingInlineEnd": "0rem",
612
- "utrechtBreadcrumbNavLinkPaddingInlineStart": "0rem",
613
- "utrechtBreadcrumbNavLinkCurrentColor": "#334155",
614
- "utrechtBreadcrumbNavLinkCurrentFontWeight": 400,
615
- "utrechtBreadcrumbNavLinkIconInsetBlockStart": 0,
616
- "utrechtBreadcrumbNavLinkIconMarginInline": "0.25rem",
617
- "utrechtBreadcrumbNavLinkIconSize": "24px",
618
- "utrechtBreadcrumbNavLinkColor": "#01689b",
619
- "utrechtBreadcrumbNavLinkTextDecoration": "underline",
620
- "utrechtBreadcrumbNavLinkActiveColor": "#163f5b",
621
- "utrechtBreadcrumbNavLinkActiveTextDecoration": "underline",
622
- "utrechtBreadcrumbNavLinkDisabledColor": "#334155",
623
- "utrechtBreadcrumbNavLinkFocusBackgroundColor": "transparent",
624
- "utrechtBreadcrumbNavLinkFocusColor": "#01689b",
625
- "utrechtBreadcrumbNavLinkFocusTextDecoration": "None",
626
- "utrechtBreadcrumbNavLinkHoverTextDecoration": "underline",
627
- "utrechtBreadcrumbNavLinkHoverColor": "#01496c",
628
531
  "utrechtBreadcrumbNavFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
629
532
  "utrechtBreadcrumbNavFontSize": "1.25rem",
630
533
  "utrechtBreadcrumbNavLineHeight": "150%",
@@ -636,6 +539,18 @@
636
539
  "utrechtBreadcrumbNavItemFirstPaddingInlineStart": "0rem",
637
540
  "utrechtBreadcrumbNavSeparatorColor": "#334155",
638
541
  "utrechtBreadcrumbNavSeparatorIconSize": "24px",
542
+ "utrechtBreadcrumbNavLinkColor": "#01689b",
543
+ "utrechtBreadcrumbNavLinkTextDecoration": "underline",
544
+ "utrechtBreadcrumbNavLinkCurrentFontWeight": 400,
545
+ "utrechtBreadcrumbNavLinkActiveColor": "#163f5b",
546
+ "utrechtBreadcrumbNavLinkActiveTextDecoration": "underline",
547
+ "utrechtBreadcrumbNavLinkDisabledColor": "#334155",
548
+ "utrechtBreadcrumbNavLinkFocusBackgroundColor": "transparent",
549
+ "utrechtBreadcrumbNavLinkFocusColor": "#01689b",
550
+ "utrechtBreadcrumbNavLinkFocusTextDecoration": "None",
551
+ "utrechtBreadcrumbNavLinkHoverTextDecoration": "underline",
552
+ "utrechtBreadcrumbNavLinkHoverColor": "#01496c",
553
+ "utrechtBreadcrumbNavLinkIconSize": "24px",
639
554
  "utrechtBlockquoteBorderBlockEndWidth": 0,
640
555
  "utrechtBlockquoteBorderBlockStartWidth": 0,
641
556
  "utrechtBlockquoteBorderEndEndRadius": 0,
@@ -793,6 +708,7 @@
793
708
  "utrechtActionInertCursor": "default",
794
709
  "utrechtActionNavigateCursor": "pointer",
795
710
  "utrechtActionSubmitCursor": "pointer",
711
+ "rhcUnorderedListNestedMarginInlineStart": "0rem",
796
712
  "rhcToggletipColor": "#fff",
797
713
  "rhcToggletipBackgroundColor": "#007bc7",
798
714
  "rhcToggletipBorderColor": "transparent",
@@ -933,7 +849,7 @@
933
849
  "rhcLinkListCardRowGap": "1rem",
934
850
  "rhcLinkListCardPaddingInlineStart": "1.5rem",
935
851
  "rhcLinkListCardPaddingInlineEnd": "1.5rem",
936
- "rhcLinkListTextDecoration": "None",
852
+ "rhcLinkColumnGap": "0.25rem",
937
853
  "rhcIconOnlyButtonPaddingBlockEnd": "0.75rem",
938
854
  "rhcIconOnlyButtonPaddingBlockStart": "0.75rem",
939
855
  "rhcIconOnlyButtonPaddingInlineEnd": "0.75rem",
@@ -1046,13 +962,55 @@
1046
962
  "rhcCheckboxGroupPaddingBlockEnd": "0.5rem",
1047
963
  "rhcCheckboxGroupPaddingBlockStart": "0.5rem",
1048
964
  "rhcCheckboxGroupRowGap": "1rem",
965
+ "rhcCardBackgroundColor": "#fff",
966
+ "rhcCardBorderColor": "#CBD5E1",
967
+ "rhcCardBorderRadius": "5px",
968
+ "rhcCardBorderWidth": "1px",
969
+ "rhcCardColor": "#0F172A",
970
+ "rhcCardColumnGap": "1rem",
971
+ "rhcCardInlineSize": "328px",
972
+ "rhcCardIconColor": "#154273",
973
+ "rhcCardIconSize": "24px",
974
+ "rhcCardLinkColor": "#01689b",
975
+ "rhcCardLinkTextDecoration": "underline",
976
+ "rhcCardLinkActiveTextDecoration": "none",
977
+ "rhcCardLinkHoverTextDecoration": "none",
978
+ "rhcCardLinkFocusTextDecoration": "none",
979
+ "rhcCardMetadataColor": "#334155",
980
+ "rhcCardPaddingBlockEnd": "1rem",
981
+ "rhcCardPaddingBlockStart": "1rem",
982
+ "rhcCardPaddingInlineEnd": "1rem",
983
+ "rhcCardPaddingInlineStart": "1rem",
984
+ "rhcCardRowGap": "0.75rem",
985
+ "rhcCardActiveBackgroundColor": "#F1F5F9",
986
+ "rhcCardActiveTextDecoration": "underline",
987
+ "rhcCardHoverBackgroundColor": "#F8FAFC",
988
+ "rhcCardHoverTextDecoration": "underline",
989
+ "rhcCardFocusBackgroundColor": "#dce3ea",
990
+ "rhcCardFocusTextDecoration": "underline",
991
+ "rhcCardFullBleedBackgroundColor": "#000",
992
+ "rhcCardFullBleedBorderColor": "transparent",
993
+ "rhcCardFullBleedColor": "#fff",
994
+ "rhcCardFullBleedOpacity": 0.5,
995
+ "rhcCardHeadingColor": "#154273",
996
+ "rhcCardHeadingPaddingBlockStart": "0.5rem",
997
+ "rhcCardHeadingFontSize": "1.5rem",
998
+ "rhcCardHeadingFontWeight": 700,
999
+ "rhcCardHorizontalBackgroundColor": "#154273",
1000
+ "rhcCardHorizontalBorderColor": "transparent",
1001
+ "rhcCardHorizontalColor": "#fff",
1002
+ "rhcCardHorizontalMaxBlockSize": "96px",
1003
+ "rhcCardHorizontalPaddingBlockEnd": 0,
1004
+ "rhcCardHorizontalPaddingBlockStart": 0,
1005
+ "rhcCardHorizontalPaddingInlineEnd": "1rem",
1006
+ "rhcCardHorizontalPaddingInlineStart": "1rem",
1007
+ "rhcCardHorizontalHeadingInlineSize": "200px",
1049
1008
  "rhcCardAsLinkBackgroundColor": "#fff",
1050
1009
  "rhcCardAsLinkBorderColor": "#CBD5E1",
1051
1010
  "rhcCardAsLinkBorderRadius": "5px",
1052
1011
  "rhcCardAsLinkBorderWidth": "1px",
1053
1012
  "rhcCardAsLinkColor": "#0F172A",
1054
1013
  "rhcCardAsLinkColumnGap": "1rem",
1055
- "rhcCardAsLinkInlineSize": "328px",
1056
1014
  "rhcCardAsLinkIconColor": "#154273",
1057
1015
  "rhcCardAsLinkIconSize": "24px",
1058
1016
  "rhcCardAsLinkLinkColor": "#01689b",
@@ -1089,6 +1047,7 @@
1089
1047
  "rhcCardAsLinkHorizontalPaddingInlineEnd": "1rem",
1090
1048
  "rhcCardAsLinkHorizontalPaddingInlineStart": "1rem",
1091
1049
  "rhcCardAsLinkHorizontalHeadingInlineSize": "200px",
1050
+ "rhcBreadcrumbNavLinkCurrentColor": "#334155",
1092
1051
  "rhcKeepComment": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.",
1093
1052
  "rhcKeepTopLeftBorderRadiusTopLeft": "48px",
1094
1053
  "rhcKeepTopLeftBorderRadiusTopRight": 0,
@@ -1423,12 +1382,6 @@
1423
1382
  "nlSkipLinkTextUnderlineOffset": "0.125rem",
1424
1383
  "nlSkipLinkLineHeight": "150%",
1425
1384
  "nlSkipLinkFontSize": "1.25rem",
1426
- "nlParagraphLeadColor": "#0F172A",
1427
- "nlParagraphLeadFontSize": "1.5rem",
1428
- "nlParagraphLeadFontWeight": 400,
1429
- "nlParagraphLeadLineHeight": "150%",
1430
- "nlParagraphLeadMarginBlockEnd": "0rem",
1431
- "nlParagraphLeadMarginBlockStart": "0rem",
1432
1385
  "nlParagraphColor": "#0F172A",
1433
1386
  "nlParagraphFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
1434
1387
  "nlParagraphFontSize": "1.25rem",
@@ -1436,6 +1389,11 @@
1436
1389
  "nlParagraphLineHeight": "150%",
1437
1390
  "nlParagraphMarginBlockEnd": "0rem",
1438
1391
  "nlParagraphMarginBlockStart": "0rem",
1392
+ "nlParagraphLeadFontSize": "1.5rem",
1393
+ "nlParagraphLeadFontWeight": 400,
1394
+ "nlParagraphLeadLineHeight": "150%",
1395
+ "nlParagraphLeadMarginBlockEnd": "0rem",
1396
+ "nlParagraphLeadMarginBlockStart": "0rem",
1439
1397
  "nlNumberBadgeLineHeight": "125%",
1440
1398
  "nlNumberBadgeBackgroundColor": "#154273",
1441
1399
  "nlNumberBadgeBorderColor": "transparent",
@@ -1449,26 +1407,13 @@
1449
1407
  "nlNumberBadgeMinInlineSize": "24px",
1450
1408
  "nlNumberBadgePaddingBlock": "0.125rem",
1451
1409
  "nlNumberBadgePaddingInline": "0.5rem",
1452
- "nlLinkColumnGap": "0.25rem",
1453
- "nlLinkFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
1454
- "nlLinkFontSize": "1.25rem",
1455
- "nlLinkFontWeight": 400,
1456
- "nlLinkLineHeight": "150%",
1457
- "nlLinkIconInsetBlockStart": "0.25rem",
1458
- "nlLinkIconSize": "24px",
1459
- "nlLinkActiveTextDecoration": "None",
1460
- "nlLinkActiveColor": "#1a4972",
1461
- "nlLinkFocusBackgroundColor": "transparent",
1462
- "nlLinkFocusColor": "#01689b",
1463
- "nlLinkFocusTextDecoration": "None",
1464
- "nlLinkFocusTextDecorationThickness": "auto",
1465
- "nlLinkVisitedColor": "#01689b",
1466
1410
  "nlLinkColor": "#01689b",
1467
1411
  "nlLinkTextDecorationColor": "inherit",
1468
1412
  "nlLinkTextDecorationLine": "underline",
1469
1413
  "nlLinkTextDecorationThickness": "0.0625em",
1470
1414
  "nlLinkTextUnderlineOffset": "0.125rem",
1471
1415
  "nlLinkCurrentCursor": "default",
1416
+ "nlLinkActiveColor": "#1a4972",
1472
1417
  "nlLinkDisabledColor": "#334155",
1473
1418
  "nlLinkDisabledCursor": "disabled",
1474
1419
  "nlLinkHoverTextDecorationLine": "underline",
@@ -1516,6 +1461,7 @@
1516
1461
  "nlHeadingLevel6LineHeight": "150%",
1517
1462
  "nlHeadingLevel6MarginBlockEnd": "0rem",
1518
1463
  "nlHeadingLevel6MarginBlockStart": "0rem",
1464
+ "figmaLinkIconSize": "1.25rem",
1519
1465
  "basisColorDefaultBgDocument": "#fff",
1520
1466
  "basisColorDefaultColorDocument": "#0F172A",
1521
1467
  "basisColorDefaultColorSubtle": "#334155",