@rijkshuisstijl-community/design-tokens 4.1.0 → 6.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 (106) hide show
  1. package/CHANGELOG.md +79 -5
  2. package/README.md +2 -2
  3. package/dist/_variables.scss +624 -743
  4. package/dist/index.css +624 -743
  5. package/dist/index.d.ts +743 -862
  6. package/dist/index.js +745 -864
  7. package/dist/index.json +744 -863
  8. package/dist/index.tokens.json +1779 -1904
  9. package/dist/koop/_variables.scss +87 -262
  10. package/dist/koop/index.css +87 -262
  11. package/dist/koop/index.d.ts +83 -258
  12. package/dist/koop/index.js +87 -262
  13. package/dist/koop/index.json +87 -262
  14. package/dist/koop/index.tokens.json +146 -361
  15. package/dist/koop/root.css +87 -262
  16. package/dist/koop/tokens.d.ts +139 -354
  17. package/dist/koop/tokens.js +4689 -8608
  18. package/dist/root.css +624 -743
  19. package/dist/tokens.d.ts +1698 -1823
  20. package/dist/tokens.js +22986 -25609
  21. package/dist/uitvoerend-groen/_variables.scss +83 -260
  22. package/dist/uitvoerend-groen/index.css +83 -260
  23. package/dist/uitvoerend-groen/index.d.ts +80 -257
  24. package/dist/uitvoerend-groen/index.js +83 -260
  25. package/dist/uitvoerend-groen/index.json +83 -260
  26. package/dist/uitvoerend-groen/index.tokens.json +138 -359
  27. package/dist/uitvoerend-groen/root.css +83 -260
  28. package/dist/uitvoerend-groen/tokens.d.ts +132 -353
  29. package/dist/uitvoerend-groen/tokens.js +4673 -8642
  30. package/dist/uitvoerend-hemelblauw/_variables.scss +83 -260
  31. package/dist/uitvoerend-hemelblauw/index.css +83 -260
  32. package/dist/uitvoerend-hemelblauw/index.d.ts +80 -257
  33. package/dist/uitvoerend-hemelblauw/index.js +83 -260
  34. package/dist/uitvoerend-hemelblauw/index.json +83 -260
  35. package/dist/uitvoerend-hemelblauw/index.tokens.json +138 -359
  36. package/dist/uitvoerend-hemelblauw/root.css +83 -260
  37. package/dist/uitvoerend-hemelblauw/tokens.d.ts +132 -353
  38. package/dist/uitvoerend-hemelblauw/tokens.js +4673 -8642
  39. package/dist/uitvoerend-mintgroen/_variables.scss +83 -260
  40. package/dist/uitvoerend-mintgroen/index.css +83 -260
  41. package/dist/uitvoerend-mintgroen/index.d.ts +80 -257
  42. package/dist/uitvoerend-mintgroen/index.js +83 -260
  43. package/dist/uitvoerend-mintgroen/index.json +83 -260
  44. package/dist/uitvoerend-mintgroen/index.tokens.json +138 -359
  45. package/dist/uitvoerend-mintgroen/root.css +83 -260
  46. package/dist/uitvoerend-mintgroen/tokens.d.ts +132 -353
  47. package/dist/uitvoerend-mintgroen/tokens.js +4673 -8642
  48. package/dist/uitvoerend-oranje/_variables.scss +106 -283
  49. package/dist/uitvoerend-oranje/index.css +106 -283
  50. package/dist/uitvoerend-oranje/index.d.ts +103 -280
  51. package/dist/uitvoerend-oranje/index.js +106 -283
  52. package/dist/uitvoerend-oranje/index.json +106 -283
  53. package/dist/uitvoerend-oranje/index.tokens.json +169 -390
  54. package/dist/uitvoerend-oranje/root.css +106 -283
  55. package/dist/uitvoerend-oranje/tokens.d.ts +160 -381
  56. package/dist/uitvoerend-oranje/tokens.js +5821 -9790
  57. package/dist/uitvoerend-paars/_variables.scss +83 -260
  58. package/dist/uitvoerend-paars/index.css +83 -260
  59. package/dist/uitvoerend-paars/index.d.ts +80 -257
  60. package/dist/uitvoerend-paars/index.js +83 -260
  61. package/dist/uitvoerend-paars/index.json +83 -260
  62. package/dist/uitvoerend-paars/index.tokens.json +138 -359
  63. package/dist/uitvoerend-paars/root.css +83 -260
  64. package/dist/uitvoerend-paars/tokens.d.ts +132 -353
  65. package/dist/uitvoerend-paars/tokens.js +4673 -8642
  66. package/dist/uitvoerend-violet/_variables.scss +83 -260
  67. package/dist/uitvoerend-violet/index.css +83 -260
  68. package/dist/uitvoerend-violet/index.d.ts +80 -257
  69. package/dist/uitvoerend-violet/index.js +83 -260
  70. package/dist/uitvoerend-violet/index.json +83 -260
  71. package/dist/uitvoerend-violet/index.tokens.json +138 -359
  72. package/dist/uitvoerend-violet/root.css +83 -260
  73. package/dist/uitvoerend-violet/tokens.d.ts +132 -353
  74. package/dist/uitvoerend-violet/tokens.js +4673 -8642
  75. package/dist/uitvoerend-violet-oud/_variables.scss +138 -315
  76. package/dist/uitvoerend-violet-oud/index.css +138 -315
  77. package/dist/uitvoerend-violet-oud/index.d.ts +135 -312
  78. package/dist/uitvoerend-violet-oud/index.js +138 -315
  79. package/dist/uitvoerend-violet-oud/index.json +138 -315
  80. package/dist/uitvoerend-violet-oud/index.tokens.json +205 -426
  81. package/dist/uitvoerend-violet-oud/root.css +138 -315
  82. package/dist/uitvoerend-violet-oud/tokens.d.ts +203 -424
  83. package/dist/uitvoerend-violet-oud/tokens.js +6433 -10402
  84. package/dist/wetgevend/_variables.scss +83 -260
  85. package/dist/wetgevend/index.css +83 -260
  86. package/dist/wetgevend/index.d.ts +80 -257
  87. package/dist/wetgevend/index.js +83 -260
  88. package/dist/wetgevend/index.json +83 -260
  89. package/dist/wetgevend/index.tokens.json +138 -359
  90. package/dist/wetgevend/root.css +83 -260
  91. package/dist/wetgevend/tokens.d.ts +132 -353
  92. package/dist/wetgevend/tokens.js +4673 -8642
  93. package/figma/figma.tokens.json +808 -1219
  94. package/package.json +2 -2
  95. package/src/generated/base.tokens.json +4954 -5450
  96. package/src/generated/koop/tokens.json +416 -1170
  97. package/src/generated/themes.json +4081 -10963
  98. package/src/generated/uitvoerend-groen/tokens.json +410 -1176
  99. package/src/generated/uitvoerend-hemelblauw/tokens.json +410 -1176
  100. package/src/generated/uitvoerend-mintgroen/tokens.json +410 -1176
  101. package/src/generated/uitvoerend-oranje/tokens.json +549 -1315
  102. package/src/generated/uitvoerend-paars/tokens.json +410 -1176
  103. package/src/generated/uitvoerend-violet/tokens.json +410 -1176
  104. package/src/generated/uitvoerend-violet-oud/tokens.json +721 -1487
  105. package/src/generated/wetgevend/tokens.json +410 -1176
  106. package/token-transformer.mjs +1 -1
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 01 Aug 2025 12:51:45 GMT
3
+ * Generated on Fri, 05 Sep 2025 09:25:13 GMT
4
4
  */
5
5
 
6
6
  export const utrechtTextboxHoverBackgroundColor = "#fff";
@@ -251,19 +251,6 @@ export const utrechtFormLabelRadioColor = "#0F172A";
251
251
  export const utrechtFormLabelRadioFontWeight = 400;
252
252
  export const utrechtFormLabelCheckedFontWeight = 400;
253
253
  export const utrechtFormLabelDisabledColor = "#94A3B8";
254
- export const utrechtNumberBadgeLineHeight = "125%";
255
- export const utrechtNumberBadgeBackgroundColor = "#154273";
256
- export const utrechtNumberBadgeBorderColor = "transparent";
257
- export const utrechtNumberBadgeBorderRadius = "999px";
258
- export const utrechtNumberBadgeBorderWidth = "0px";
259
- export const utrechtNumberBadgeColor = "#fff";
260
- export const utrechtNumberBadgeFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
261
- export const utrechtNumberBadgeFontSize = "1.25rem";
262
- export const utrechtNumberBadgeFontWeight = 700;
263
- export const utrechtNumberBadgeMinBlockSize = "24px";
264
- export const utrechtNumberBadgeMinInlineSize = "24px";
265
- export const utrechtNumberBadgePaddingBlock = "0.125rem";
266
- export const utrechtNumberBadgePaddingInline = "0.5rem";
267
254
  export const utrechtFigureCaptionBorderColor = "#CBD5E1";
268
255
  export const utrechtFigureCaptionBorderWidth = "4px";
269
256
  export const utrechtFigureCaptionPaddingBlockEnd = "0.5rem";
@@ -276,6 +263,18 @@ export const utrechtFigureImgBorderEndEndRadius = 0;
276
263
  export const utrechtFigureImgBorderEndStartRadius = 0;
277
264
  export const utrechtFigureImgBorderStartEndRadius = 0;
278
265
  export const utrechtFigureImgBorderStartStartRadius = 0;
266
+ export const utrechtNumberBadgeBackgroundColor = "#154273";
267
+ export const utrechtNumberBadgeBorderColor = "transparent";
268
+ export const utrechtNumberBadgeBorderRadius = "999px";
269
+ export const utrechtNumberBadgeBorderWidth = "0px";
270
+ export const utrechtNumberBadgeColor = "#fff";
271
+ export const utrechtNumberBadgeFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
272
+ export const utrechtNumberBadgeFontSize = "1.25rem";
273
+ export const utrechtNumberBadgeFontWeight = 700;
274
+ export const utrechtNumberBadgeMinBlockSize = "24px";
275
+ export const utrechtNumberBadgeMinInlineSize = "24px";
276
+ export const utrechtNumberBadgePaddingBlock = "0.125rem";
277
+ export const utrechtNumberBadgePaddingInline = "0.5rem";
279
278
  export const utrechtBlockquoteBorderBlockEndWidth = 0;
280
279
  export const utrechtBlockquoteBorderBlockStartWidth = 0;
281
280
  export const utrechtBlockquoteBorderEndEndRadius = 0;
@@ -331,13 +330,6 @@ export const utrechtBlockquotePaddingInlineStart = "2rem";
331
330
  export const utrechtBlockquoteRowGap = "0.75rem";
332
331
  export const utrechtBlockquoteAttributionColor = "#154273";
333
332
  export const utrechtBlockquoteAttributionFontSize = "1.25rem";
334
- export const utrechtAlertHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
335
- export const utrechtAlertHeadingFontSize = "1.25rem";
336
- export const utrechtAlertHeadingFontWeight = 700;
337
- export const utrechtAlertHeadingLineHeight = "150%";
338
- export const utrechtAlertMessageColumnGap = "0.5rem";
339
- export const utrechtAlertMessageLineHeight = "150%";
340
- export const utrechtAlertMessageRowGap = "0rem";
341
333
  export const utrechtAlertBackgroundColor = "#d9ebf7";
342
334
  export const utrechtAlertBorderColor = "transparent";
343
335
  export const utrechtAlertBorderRadius = "5px";
@@ -357,6 +349,7 @@ export const utrechtAlertErrorColor = "#000";
357
349
  export const utrechtAlertInfoBackgroundColor = "#d9ebf7";
358
350
  export const utrechtAlertInfoBorderColor = "transparent";
359
351
  export const utrechtAlertInfoColor = "#000";
352
+ export const utrechtAlertMessageRowGap = "0rem";
360
353
  export const utrechtAlertOkBackgroundColor = "#e1eddb";
361
354
  export const utrechtAlertOkBorderColor = "transparent";
362
355
  export const utrechtAlertOkColor = "#000";
@@ -370,13 +363,15 @@ export const utrechtAlertIconErrorColor = "#d52b1e";
370
363
  export const utrechtAlertIconInfoColor = "#007bc7";
371
364
  export const utrechtAlertIconOkColor = "#39870c";
372
365
  export const utrechtAlertIconWarningColor = "#ffb612";
373
- export const utrechtAccordionButtonActiveRowGap = 0;
374
- export const utrechtAccordionButtonActiveBackgroundColor = "#F1F5F9";
375
- export const utrechtAccordionButtonActiveBorderColor = "transparent";
376
- export const utrechtAccordionButtonActiveColor = "#0F172A";
377
- export const utrechtAccordionButtonFocusBackgroundColor = "#dce3ea";
378
- export const utrechtAccordionButtonFocusBorderColor = "#154273";
379
- export const utrechtAccordionButtonFocusColor = "#0F172A";
366
+ export const utrechtAccordionMarginBlockEnd = "0rem";
367
+ export const utrechtAccordionMarginBlockStart = "0rem";
368
+ export const utrechtAccordionRowGap = "0rem";
369
+ export const utrechtAccordionPanelBorderColor = "transparent";
370
+ export const utrechtAccordionPanelBorderWidth = "1px";
371
+ export const utrechtAccordionPanelPaddingBlockEnd = "1.5rem";
372
+ export const utrechtAccordionPanelPaddingBlockStart = "1rem";
373
+ export const utrechtAccordionPanelPaddingInlineEnd = "1rem";
374
+ export const utrechtAccordionPanelPaddingInlineStart = "1rem";
380
375
  export const utrechtAccordionButtonBackgroundColor = "#fff";
381
376
  export const utrechtAccordionButtonBorderColor = "transparent";
382
377
  export const utrechtAccordionButtonBorderRadius = "0px";
@@ -388,6 +383,9 @@ export const utrechtAccordionButtonPaddingBlockStart = "0.75rem";
388
383
  export const utrechtAccordionButtonPaddingInlineEnd = "1rem";
389
384
  export const utrechtAccordionButtonPaddingInlineStart = "1rem";
390
385
  export const utrechtAccordionButtonIconSize = "24px";
386
+ export const utrechtAccordionButtonActiveBackgroundColor = "#F1F5F9";
387
+ export const utrechtAccordionButtonActiveBorderColor = "transparent";
388
+ export const utrechtAccordionButtonActiveColor = "#0F172A";
391
389
  export const utrechtAccordionButtonHoverBackgroundColor = "#F8FAFC";
392
390
  export const utrechtAccordionButtonHoverBorderColor = "transparent";
393
391
  export const utrechtAccordionButtonHoverColor = "#0F172A";
@@ -395,83 +393,11 @@ export const utrechtAccordionButtonFocusVisibleBackgroundColor = "#dce3ea";
395
393
  export const utrechtAccordionButtonFocusVisibleBorderColor = "transparent";
396
394
  export const utrechtAccordionButtonFocusVisibleBorderWidth = "1px";
397
395
  export const utrechtAccordionButtonFocusVisibleColor = "#0F172A";
398
- export const utrechtAccordionMarginBlockEnd = "0rem";
399
- export const utrechtAccordionMarginBlockStart = "0rem";
400
- export const utrechtAccordionRowGap = "0rem";
401
- export const utrechtAccordionPanelBorderColor = "transparent";
402
- export const utrechtAccordionPanelBorderWidth = "1px";
403
- export const utrechtAccordionPanelPaddingBlockEnd = "1.5rem";
404
- export const utrechtAccordionPanelPaddingBlockStart = "1rem";
405
- export const utrechtAccordionPanelPaddingInlineEnd = "1rem";
406
- export const utrechtAccordionPanelPaddingInlineStart = "1rem";
407
396
  export const utrechtAccordionSectionBorderColor = "#94A3B8";
408
397
  export const utrechtAccordionSectionHoverBorderColor = "#94A3B8";
409
398
  export const utrechtAccordionSectionBorderWidth = "1px";
410
399
  export const utrechtAccordionSectionMarginBlockEnd = "0rem";
411
400
  export const utrechtAccordionSectionMarginBlockStart = "0rem";
412
- export const utrechtSkipLinkFocusTextDecoration = "None";
413
- export const utrechtSkipLinkFocusBorderColor = "#154273";
414
- export const utrechtSkipLinkFocusBorderWidth = "2px";
415
- export const utrechtSkipLinkFocusBorderStyle = "solid";
416
- export const utrechtSkipLinkFocusBackgroundColor = "#fff";
417
- export const utrechtSkipLinkFocusColor = "#01689b";
418
- export const utrechtSkipLinkBorderColor = "transparent";
419
- export const utrechtSkipLinkBoxBlockEndShadowColor = "#0000001a";
420
- export const utrechtSkipLinkBoxBlockEndShadowBlurRadius = "48px";
421
- export const utrechtSkipLinkBoxBlockEndShadowOffsetX = 0;
422
- export const utrechtSkipLinkBoxBlockEndShadowOffsetY = "16px";
423
- export const utrechtSkipLinkBoxBlockEndShadowSpreadRadius = 0;
424
- export const utrechtSkipLinkFocusVisibleOutlineColor = "#000";
425
- export const utrechtSkipLinkFocusVisibleTextDecoration = "underline";
426
- export const utrechtSkipLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
427
- export const utrechtSkipLinkFontWeight = 700;
428
- export const utrechtSkipLinkLineHeight = "150%";
429
- export const utrechtSkipLinkBorderWidth = "2px";
430
- export const utrechtSkipLinkTextUnderlineOffset = "0.125rem";
431
- export const utrechtSkipLinkFontSize = "1.25rem";
432
- export const utrechtSkipLinkBackgroundColor = "#fff";
433
- export const utrechtSkipLinkColor = "#01689b";
434
- export const utrechtSkipLinkMinBlockSize = "48px";
435
- export const utrechtSkipLinkMinInlineSize = "48px";
436
- export const utrechtSkipLinkPaddingBlockEnd = "0.75rem";
437
- export const utrechtSkipLinkPaddingBlockStart = "0.75rem";
438
- export const utrechtSkipLinkPaddingInlineEnd = "1rem";
439
- export const utrechtSkipLinkPaddingInlineStart = "1rem";
440
- export const utrechtSkipLinkTextDecoration = "underline";
441
- export const utrechtLinkListItemTextDecoration = "None";
442
- export const utrechtLinkListItemColumnGap = "0.5rem";
443
- export const utrechtLinkListMarginBlockEnd = "0rem";
444
- export const utrechtLinkListMarginBlockStart = "0rem";
445
- export const utrechtLinkListRowGap = "0.5rem";
446
- export const utrechtLinkListIconInsetBlockStart = "0.188rem";
447
- export const utrechtLinkListIconSize = "24px";
448
- export const utrechtLinkListLinkColumnGap = "0.5rem";
449
- export const utrechtLinkListLinkTextDecoration = "None";
450
- export const utrechtLinkListFontWeight = 400;
451
- export const utrechtLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
452
- export const utrechtLinkFontWeight = 400;
453
- export const utrechtLinkLineHeight = "150%";
454
- export const utrechtLinkFontSize = "1.25rem";
455
- export const utrechtLinkActiveTextDecoration = "None";
456
- export const utrechtLinkActiveColor = "#163f5b";
457
- export const utrechtLinkFocusTextDecoration = "None";
458
- export const utrechtLinkFocusTextDecorationThickness = "auto";
459
- export const utrechtLinkFocusBackgroundColor = "transparent";
460
- export const utrechtLinkFocusColor = "#01689b";
461
- export const utrechtLinkIconInsetBlockStart = "0.25rem";
462
- export const utrechtLinkIconSize = "24px";
463
- export const utrechtLinkColor = "#01689b";
464
- export const utrechtLinkTextDecorationColor = "inherit";
465
- export const utrechtLinkColumnGap = "0.25rem";
466
- export const utrechtLinkTextDecoration = "underline";
467
- export const utrechtLinkTextDecorationThickness = "0.0625em";
468
- export const utrechtLinkTextUnderlineOffset = "0.125rem";
469
- export const utrechtLinkHoverColor = "#15496a";
470
- export const utrechtLinkHoverTextDecoration = "underline";
471
- export const utrechtLinkHoverTextDecorationThickness = "0.1875em";
472
- export const utrechtLinkFocusVisibleTextDecoration = "None";
473
- export const utrechtLinkFocusVisibleTextDecorationThickness = "0.0625em";
474
- export const utrechtLinkVisitedColor = "#01689b";
475
401
  export const utrechtDataBadgeBackgroundColor = "#dce3ea";
476
402
  export const utrechtDataBadgeBorderRadius = "10px";
477
403
  export const utrechtDataBadgeColor = "#154273";
@@ -579,28 +505,6 @@ export const utrechtButtonGroupColumnGap = "0.5rem";
579
505
  export const utrechtButtonGroupPaddingBlockEnd = "0px";
580
506
  export const utrechtButtonGroupPaddingBlockStart = "0px";
581
507
  export const utrechtButtonGroupRowGap = "0.5rem";
582
- export const utrechtBreadcrumbNavDividerColor = "#334155";
583
- export const utrechtBreadcrumbNavDividerInsetBlockStart = 0;
584
- export const utrechtBreadcrumbNavDividerSize = "24px";
585
- export const utrechtBreadcrumbNavLinkPaddingBlockEnd = "0.75rem";
586
- export const utrechtBreadcrumbNavLinkPaddingBlockStart = "0.75rem";
587
- export const utrechtBreadcrumbNavLinkPaddingInlineEnd = "0rem";
588
- export const utrechtBreadcrumbNavLinkPaddingInlineStart = "0rem";
589
- export const utrechtBreadcrumbNavLinkCurrentColor = "#334155";
590
- export const utrechtBreadcrumbNavLinkCurrentFontWeight = 400;
591
- export const utrechtBreadcrumbNavLinkIconInsetBlockStart = 0;
592
- export const utrechtBreadcrumbNavLinkIconMarginInline = "0.25rem";
593
- export const utrechtBreadcrumbNavLinkIconSize = "24px";
594
- export const utrechtBreadcrumbNavLinkColor = "#01689b";
595
- export const utrechtBreadcrumbNavLinkTextDecoration = "underline";
596
- export const utrechtBreadcrumbNavLinkActiveColor = "#163f5b";
597
- export const utrechtBreadcrumbNavLinkActiveTextDecoration = "underline";
598
- export const utrechtBreadcrumbNavLinkDisabledColor = "#334155";
599
- export const utrechtBreadcrumbNavLinkFocusBackgroundColor = "transparent";
600
- export const utrechtBreadcrumbNavLinkFocusColor = "#01689b";
601
- export const utrechtBreadcrumbNavLinkFocusTextDecoration = "None";
602
- export const utrechtBreadcrumbNavLinkHoverTextDecoration = "underline";
603
- export const utrechtBreadcrumbNavLinkHoverColor = "#01496c";
604
508
  export const utrechtBreadcrumbNavFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
605
509
  export const utrechtBreadcrumbNavFontSize = "1.25rem";
606
510
  export const utrechtBreadcrumbNavLineHeight = "150%";
@@ -612,17 +516,32 @@ export const utrechtBreadcrumbNavItemPaddingInlineStart = "0.5rem";
612
516
  export const utrechtBreadcrumbNavItemFirstPaddingInlineStart = "0rem";
613
517
  export const utrechtBreadcrumbNavSeparatorColor = "#334155";
614
518
  export const utrechtBreadcrumbNavSeparatorIconSize = "24px";
519
+ export const utrechtBreadcrumbNavLinkColor = "#01689b";
520
+ export const utrechtBreadcrumbNavLinkTextDecoration = "underline";
521
+ export const utrechtBreadcrumbNavLinkCurrentFontWeight = 400;
522
+ export const utrechtBreadcrumbNavLinkActiveColor = "#163f5b";
523
+ export const utrechtBreadcrumbNavLinkActiveTextDecoration = "underline";
524
+ export const utrechtBreadcrumbNavLinkDisabledColor = "#334155";
525
+ export const utrechtBreadcrumbNavLinkFocusBackgroundColor = "transparent";
526
+ export const utrechtBreadcrumbNavLinkFocusColor = "#01689b";
527
+ export const utrechtBreadcrumbNavLinkFocusTextDecoration = "None";
528
+ export const utrechtBreadcrumbNavLinkHoverTextDecoration = "underline";
529
+ export const utrechtBreadcrumbNavLinkHoverColor = "#01496c";
530
+ export const utrechtBreadcrumbNavLinkIconSize = "24px";
531
+ export const utrechtLinkListMarginBlockEnd = "0rem";
532
+ export const utrechtLinkListMarginBlockStart = "0rem";
533
+ export const utrechtLinkListRowGap = "0.5rem";
534
+ export const utrechtLinkListIconInsetBlockStart = "0.188rem";
535
+ export const utrechtLinkListIconSize = "24px";
536
+ export const utrechtLinkListLinkColumnGap = "0.5rem";
537
+ export const utrechtLinkListLinkTextDecoration = "None";
538
+ export const utrechtLinkListFontWeight = 400;
615
539
  export const utrechtActionActivateCursor = "pointer";
616
540
  export const utrechtActionBusyCursor = "wait";
617
541
  export const utrechtActionDisabledCursor = "not-allowed";
618
542
  export const utrechtActionInertCursor = "default";
619
543
  export const utrechtActionNavigateCursor = "pointer";
620
544
  export const utrechtActionSubmitCursor = "pointer";
621
- export const utrechtUnorderedListColor = "#0F172A";
622
- export const utrechtUnorderedListMarkerBorderColor = "#0F172A";
623
- export const utrechtUnorderedListMarkerColor = "#0F172A";
624
- export const utrechtUnorderedListFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
625
- export const utrechtUnorderedListFontWeight = 400;
626
545
  export const utrechtUnorderedListFontSize = "1.25rem";
627
546
  export const utrechtUnorderedListLineHeight = "150%";
628
547
  export const utrechtUnorderedListMarginBlockEnd = "0.25rem";
@@ -631,15 +550,12 @@ export const utrechtUnorderedListPaddingInlineStart = "1.5rem";
631
550
  export const utrechtUnorderedListItemMarginBlockEnd = "0.25rem";
632
551
  export const utrechtUnorderedListItemMarginBlockStart = "0.25rem";
633
552
  export const utrechtUnorderedListItemPaddingInlineStart = "0.5rem";
634
- export const utrechtOrderedListColor = "#0F172A";
635
- export const utrechtOrderedListFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
636
- export const utrechtOrderedListFontWeight = 400;
637
- export const utrechtOrderedListMarginInlineStart = "0.625rem";
553
+ export const utrechtUnorderedListMarkerColor = "#0F172A";
638
554
  export const utrechtOrderedListFontSize = "1.25rem";
639
555
  export const utrechtOrderedListLineHeight = "150%";
640
556
  export const utrechtOrderedListMarginBlockEnd = "0.25rem";
641
557
  export const utrechtOrderedListMarginBlockStart = "0.25rem";
642
- export const utrechtOrderedListPaddingInlineStart = "1.5rem";
558
+ export const utrechtOrderedListPaddingInlineStart = "2rem";
643
559
  export const utrechtOrderedListItemMarginBlockEnd = "0.25rem";
644
560
  export const utrechtOrderedListItemMarginBlockStart = "0.25rem";
645
561
  export const utrechtOrderedListItemPaddingInlineStart = "0.5rem";
@@ -705,63 +621,22 @@ export const utrechtPreHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-se
705
621
  export const utrechtPreHeadingFontWeight = 700;
706
622
  export const utrechtPreHeadingLineHeight = "125%";
707
623
  export const utrechtPreHeadingFontSize = "1rem";
708
- export const utrechtParagraphColor = "#0F172A";
709
- export const utrechtParagraphFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
710
- export const utrechtParagraphFontSize = "1.25rem";
711
- export const utrechtParagraphFontWeight = 400;
712
- export const utrechtParagraphLineHeight = "150%";
713
- export const utrechtParagraphLeadColor = "#0F172A";
714
- export const utrechtParagraphLeadFontSize = "1.5rem";
715
- export const utrechtParagraphLeadFontWeight = 400;
716
- export const utrechtParagraphLeadLineHeight = "150%";
717
- export const utrechtParagraphSmallFontSize = "1.5rem";
718
- export const utrechtParagraphSmallColor = "#0F172A";
719
- export const utrechtParagraphSmallFontWeight = 400;
720
- export const utrechtParagraphSmallLineHeight = "150%";
721
- export const utrechtParagraphMarginBlockEnd = "0rem";
722
- export const utrechtParagraphMarginBlockStart = "0rem";
723
- export const utrechtHeading1Color = "#154273";
724
- export const utrechtHeading1FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
725
- export const utrechtHeading1FontSize = "3.125rem";
726
- export const utrechtHeading1FontWeight = 700;
727
- export const utrechtHeading1LineHeight = "125%";
728
- export const utrechtHeading1MarginBlockEnd = "0rem";
729
- export const utrechtHeading1MarginBlockStart = "0rem";
730
- export const utrechtHeading2Color = "#154273";
731
- export const utrechtHeading2FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
732
- export const utrechtHeading2FontSize = "2.5rem";
733
- export const utrechtHeading2FontWeight = 700;
734
- export const utrechtHeading2LineHeight = "125%";
735
- export const utrechtHeading2MarginBlockEnd = "0rem";
736
- export const utrechtHeading2MarginBlockStart = "0rem";
737
- export const utrechtHeading3Color = "#154273";
738
- export const utrechtHeading3FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
739
- export const utrechtHeading3FontSize = "1.875rem";
740
- export const utrechtHeading3FontWeight = 700;
741
- export const utrechtHeading3LineHeight = "125%";
742
- export const utrechtHeading3MarginBlockEnd = "0rem";
743
- export const utrechtHeading3MarginBlockStart = "0rem";
744
- export const utrechtHeading4Color = "#154273";
745
- export const utrechtHeading4FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
746
- export const utrechtHeading4FontSize = "1.5rem";
747
- export const utrechtHeading4FontWeight = 700;
748
- export const utrechtHeading4LineHeight = "150%";
749
- export const utrechtHeading4MarginBlockEnd = "0rem";
750
- export const utrechtHeading4MarginBlockStart = "0rem";
751
- export const utrechtHeading5Color = "#154273";
752
- export const utrechtHeading5FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
753
- export const utrechtHeading5FontSize = "1.25rem";
754
- export const utrechtHeading5FontWeight = 700;
755
- export const utrechtHeading5LineHeight = "150%";
756
- export const utrechtHeading5MarginBlockEnd = "0rem";
757
- export const utrechtHeading5MarginBlockStart = "0rem";
758
- export const utrechtHeading6Color = "#154273";
759
- export const utrechtHeading6FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
760
- export const utrechtHeading6FontSize = "1.25rem";
761
- export const utrechtHeading6FontWeight = 700;
762
- export const utrechtHeading6LineHeight = "150%";
763
- export const utrechtHeading6MarginBlockEnd = "0rem";
764
- export const utrechtHeading6MarginBlockStart = "0rem";
624
+ export const utrechtLinkColor = "#01689b";
625
+ export const utrechtLinkTextDecorationColor = "inherit";
626
+ export const utrechtLinkColumnGap = "0.25rem";
627
+ export const utrechtLinkTextDecoration = "underline";
628
+ export const utrechtLinkTextDecorationThickness = "0.0625em";
629
+ export const utrechtLinkTextUnderlineOffset = "0.125rem";
630
+ export const utrechtLinkIconSize = "24px";
631
+ export const utrechtLinkActiveColor = "#163f5b";
632
+ export const utrechtLinkHoverColor = "#15496a";
633
+ export const utrechtLinkHoverTextDecoration = "underline";
634
+ export const utrechtLinkHoverTextDecorationThickness = "0.1875em";
635
+ export const utrechtLinkFocusBackgroundColor = "transparent";
636
+ export const utrechtLinkFocusColor = "#01689b";
637
+ export const utrechtLinkFocusVisibleTextDecoration = "None";
638
+ export const utrechtLinkFocusVisibleTextDecorationThickness = "0.0625em";
639
+ export const utrechtLinkVisitedColor = "#01689b";
765
640
  export const utrechtPageFooterBackgroundColor = "#154273";
766
641
  export const utrechtPageFooterColor = "#fff";
767
642
  export const utrechtPageFooterPaddingBlockStart = "3rem";
@@ -847,11 +722,9 @@ export const todoFormFieldErrorMessageIconSize = "24px";
847
722
  export const todoFigureRowGap = "0.5rem";
848
723
  export const todoAccordionButtonFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
849
724
  export const todoAccordionButtonFontSize = "1.25rem";
850
- export const todoAccordionButtonFontWeight = 400;
851
- export const todoAccordionButtonLineHeight = "150%";
725
+ export const todoAccordionButtonFontWeight = 700;
726
+ export const todoAccordionButtonLineHeight = "1.875rem";
852
727
  export const todoLinkListLinkHoverTextDecoration = "underline";
853
- export const todoSkipLinkFontWeight = 700;
854
- export const nlNumberBadgeLineHeight = "125%";
855
728
  export const nlNumberBadgeBackgroundColor = "#154273";
856
729
  export const nlNumberBadgeBorderColor = "transparent";
857
730
  export const nlNumberBadgeBorderRadius = "999px";
@@ -864,27 +737,6 @@ export const nlNumberBadgeMinBlockSize = "24px";
864
737
  export const nlNumberBadgeMinInlineSize = "24px";
865
738
  export const nlNumberBadgePaddingBlock = "0.125rem";
866
739
  export const nlNumberBadgePaddingInline = "0.5rem";
867
- export const nlSkipLinkBorderColor = "transparent";
868
- export const nlSkipLinkBorderWidth = "2px";
869
- export const nlSkipLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
870
- export const nlSkipLinkFontWeight = 700;
871
- export const nlSkipLinkPaddingBlockEnd = "0.75rem";
872
- export const nlSkipLinkPaddingBlockStart = "0.75rem";
873
- export const nlSkipLinkPaddingInlineEnd = "1rem";
874
- export const nlSkipLinkPaddingInlineStart = "1rem";
875
- export const nlSkipLinkBoxBlockEndShadowBlurRadius = "48px";
876
- export const nlSkipLinkBoxBlockEndShadowColor = "#0000001a";
877
- export const nlSkipLinkBoxBlockEndShadowOffsetX = 0;
878
- export const nlSkipLinkBoxBlockEndShadowOffsetY = "16px";
879
- export const nlSkipLinkBoxBlockEndShadowSpreadRadius = 0;
880
- export const nlSkipLinkFocusBackgroundColor = "#fff";
881
- export const nlSkipLinkFocusBorderColor = "#154273";
882
- export const nlSkipLinkFocusBorderStyle = "solid";
883
- export const nlSkipLinkFocusBorderWidth = "2px";
884
- export const nlSkipLinkFocusColor = "#0F172A";
885
- export const nlSkipLinkFocusTextDecoration = "None";
886
- export const nlSkipLinkFocusVisibleOutlineColor = "#000";
887
- export const nlSkipLinkTextDecoration = "underline";
888
740
  export const nlSkipLinkBackgroundColor = "#fff";
889
741
  export const nlSkipLinkColor = "#01689b";
890
742
  export const nlSkipLinkPaddingBlock = "0.75rem";
@@ -895,44 +747,30 @@ export const nlSkipLinkTextDecorationThickness = "0.0625em";
895
747
  export const nlSkipLinkTextUnderlineOffset = "0.125rem";
896
748
  export const nlSkipLinkLineHeight = "150%";
897
749
  export const nlSkipLinkFontSize = "1.25rem";
898
- export const nlLinkColumnGap = "0.25rem";
899
- export const nlLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
900
- export const nlLinkFontSize = "1.25rem";
901
- export const nlLinkFontWeight = 400;
902
- export const nlLinkLineHeight = "150%";
903
- export const nlLinkIconInsetBlockStart = "0.25rem";
904
- export const nlLinkIconSize = "24px";
905
- export const nlLinkActiveTextDecoration = "None";
906
- export const nlLinkActiveColor = "#1a4972";
907
- export const nlLinkFocusBackgroundColor = "transparent";
908
- export const nlLinkFocusColor = "#01689b";
909
- export const nlLinkFocusTextDecoration = "None";
910
- export const nlLinkFocusTextDecorationThickness = "auto";
911
- export const nlLinkVisitedColor = "#01689b";
750
+ export const nlParagraphColor = "#0F172A";
751
+ export const nlParagraphFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
752
+ export const nlParagraphFontSize = "1.25rem";
753
+ export const nlParagraphFontWeight = 400;
754
+ export const nlParagraphLineHeight = "150%";
755
+ export const nlParagraphMarginBlockEnd = "0rem";
756
+ export const nlParagraphMarginBlockStart = "0rem";
757
+ export const nlParagraphLeadFontSize = "1.5rem";
758
+ export const nlParagraphLeadFontWeight = 400;
759
+ export const nlParagraphLeadLineHeight = "150%";
760
+ export const nlParagraphLeadMarginBlockEnd = "0rem";
761
+ export const nlParagraphLeadMarginBlockStart = "0rem";
912
762
  export const nlLinkColor = "#01689b";
913
763
  export const nlLinkTextDecorationColor = "inherit";
914
764
  export const nlLinkTextDecorationLine = "underline";
915
765
  export const nlLinkTextDecorationThickness = "0.0625em";
916
766
  export const nlLinkTextUnderlineOffset = "0.125rem";
917
767
  export const nlLinkCurrentCursor = "default";
768
+ export const nlLinkActiveColor = "#1a4972";
918
769
  export const nlLinkDisabledColor = "#334155";
919
770
  export const nlLinkDisabledCursor = "disabled";
920
771
  export const nlLinkHoverTextDecorationLine = "underline";
921
772
  export const nlLinkHoverTextDecorationThickness = "auto";
922
773
  export const nlLinkHoverColor = "#01496c";
923
- export const nlParagraphLeadColor = "#0F172A";
924
- export const nlParagraphLeadFontSize = "1.5rem";
925
- export const nlParagraphLeadFontWeight = 400;
926
- export const nlParagraphLeadLineHeight = "150%";
927
- export const nlParagraphLeadMarginBlockEnd = "0rem";
928
- export const nlParagraphLeadMarginBlockStart = "0rem";
929
- export const nlParagraphColor = "#0F172A";
930
- export const nlParagraphFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
931
- export const nlParagraphFontSize = "1.25rem";
932
- export const nlParagraphFontWeight = 400;
933
- export const nlParagraphLineHeight = "150%";
934
- export const nlParagraphMarginBlockEnd = "0rem";
935
- export const nlParagraphMarginBlockStart = "0rem";
936
774
  export const nlHeadingLevel1Color = "#154273";
937
775
  export const nlHeadingLevel1FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
938
776
  export const nlHeadingLevel1FontSize = "3.125rem";
@@ -992,31 +830,15 @@ export const rhcKeepBottomLeftBorderRadiusTopLeft = 0;
992
830
  export const rhcKeepBottomLeftBorderRadiusTopRight = 0;
993
831
  export const rhcKeepBottomLeftBorderRadiusBottomRight = 0;
994
832
  export const rhcKeepBottomLeftBorderRadiusBottomLeft = "48px";
995
- export const rhcAccordionBorderRadius = "0px";
996
- export const rhcAccordionColor = "#0F172A";
997
- export const rhcAccordionHeaderMargin = 0;
998
- export const rhcAccordionSectionBorderBlockEndWidth = "1px";
999
- export const rhcAccordionSectionBorderColor = "#94A3B8";
1000
- export const rhcAccordionSectionBorderWidth = "1px";
1001
- export const rhcAccordionButtonPaddingBlockEnd = "0.75rem";
1002
- export const rhcAccordionButtonPaddingBlockStart = "0.75rem";
1003
- export const rhcAccordionButtonPaddingInlineEnd = "1rem";
1004
- export const rhcAccordionButtonPaddingInlineStart = "1rem";
1005
- export const rhcAccordionButtonExpandedBackgroundColor = "#fff";
1006
- export const rhcAccordionButtonExpandedColor = "#0F172A";
1007
- export const rhcAccordionButtonIconMarginBlock = "0.25rem";
1008
- export const rhcAccordionButtonFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1009
- export const rhcAccordionButtonFontWeight = 400;
1010
- export const rhcAccordionButtonFontSize = "1.25rem";
1011
- export const rhcAccordionButtonLineHeight = "150%";
1012
- export const rhcLinkListTextDecoration = "None";
1013
833
  export const rhcDataBadgeButtonColumnGap = "0.125rem";
1014
834
  export const rhcDataBadgeButtonHoverBackgroundColor = "#154273";
1015
835
  export const rhcDataBadgeButtonHoverColor = "#fff";
836
+ export const rhcBreadcrumbNavLinkCurrentColor = "#334155";
1016
837
  export const rhcRoundedCornerXsBorderRadius = "24px";
1017
838
  export const rhcRoundedCornerMdBorderRadius = "48px";
1018
839
  export const rhcRoundedCornerXlBorderRadius = "96px";
1019
840
  export const rhcRoundedCornerBorderWidth = "2px";
841
+ export const rhcUnorderedListNestedMarginInlineStart = "0rem";
1020
842
  export const rhcDataSummaryFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
1021
843
  export const rhcDataSummaryItemValueFontWeight = 400;
1022
844
  export const rhcDataSummaryItemValueRowPaddingBlockEnd = "0.75rem";
@@ -1190,6 +1012,7 @@ export const rhcLinkListCardPaddingBlockEnd = "1.5rem";
1190
1012
  export const rhcLinkListCardRowGap = "1rem";
1191
1013
  export const rhcLinkListCardPaddingInlineStart = "1.5rem";
1192
1014
  export const rhcLinkListCardPaddingInlineEnd = "1.5rem";
1015
+ export const rhcLinkColumnGap = "0.25rem";
1193
1016
  export const rhcIconOnlyButtonPaddingBlockEnd = "0.75rem";
1194
1017
  export const rhcIconOnlyButtonPaddingBlockStart = "0.75rem";
1195
1018
  export const rhcIconOnlyButtonPaddingInlineEnd = "0.75rem";
@@ -1267,7 +1090,6 @@ export const rhcCardAsLinkBorderRadius = "5px";
1267
1090
  export const rhcCardAsLinkBorderWidth = "1px";
1268
1091
  export const rhcCardAsLinkColor = "#0F172A";
1269
1092
  export const rhcCardAsLinkColumnGap = "1rem";
1270
- export const rhcCardAsLinkInlineSize = "328px";
1271
1093
  export const rhcCardAsLinkIconColor = "#154273";
1272
1094
  export const rhcCardAsLinkIconSize = "24px";
1273
1095
  export const rhcCardAsLinkLinkColor = "#01689b";
@@ -1515,3 +1337,4 @@ export const rhcSpace400 = "2rem";
1515
1337
  export const rhcSpace500 = "2.5rem";
1516
1338
  export const rhcSpace600 = "3rem";
1517
1339
  export const rhcSpace700 = "3.5rem";
1340
+ export const figmaLinkIconSize = "1.25rem";