@rijkshuisstijl-community/design-tokens 5.0.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 (105) hide show
  1. package/CHANGELOG.md +34 -0
  2. package/dist/_variables.scss +603 -668
  3. package/dist/index.css +603 -668
  4. package/dist/index.d.ts +690 -755
  5. package/dist/index.js +692 -757
  6. package/dist/index.json +691 -756
  7. package/dist/index.tokens.json +1715 -1802
  8. package/dist/koop/_variables.scss +38 -118
  9. package/dist/koop/index.css +38 -118
  10. package/dist/koop/index.d.ts +36 -116
  11. package/dist/koop/index.js +38 -118
  12. package/dist/koop/index.json +37 -117
  13. package/dist/koop/index.tokens.json +47 -159
  14. package/dist/koop/root.css +38 -118
  15. package/dist/koop/tokens.d.ts +46 -158
  16. package/dist/koop/tokens.js +2345 -4171
  17. package/dist/root.css +603 -668
  18. package/dist/tokens.d.ts +1614 -1701
  19. package/dist/tokens.js +24567 -26048
  20. package/dist/uitvoerend-groen/_variables.scss +28 -108
  21. package/dist/uitvoerend-groen/index.css +28 -108
  22. package/dist/uitvoerend-groen/index.d.ts +26 -106
  23. package/dist/uitvoerend-groen/index.js +28 -108
  24. package/dist/uitvoerend-groen/index.json +27 -107
  25. package/dist/uitvoerend-groen/index.tokens.json +35 -147
  26. package/dist/uitvoerend-groen/root.css +28 -108
  27. package/dist/uitvoerend-groen/tokens.d.ts +34 -146
  28. package/dist/uitvoerend-groen/tokens.js +1240 -3066
  29. package/dist/uitvoerend-hemelblauw/_variables.scss +28 -108
  30. package/dist/uitvoerend-hemelblauw/index.css +28 -108
  31. package/dist/uitvoerend-hemelblauw/index.d.ts +26 -106
  32. package/dist/uitvoerend-hemelblauw/index.js +28 -108
  33. package/dist/uitvoerend-hemelblauw/index.json +27 -107
  34. package/dist/uitvoerend-hemelblauw/index.tokens.json +35 -147
  35. package/dist/uitvoerend-hemelblauw/root.css +28 -108
  36. package/dist/uitvoerend-hemelblauw/tokens.d.ts +34 -146
  37. package/dist/uitvoerend-hemelblauw/tokens.js +1240 -3066
  38. package/dist/uitvoerend-mintgroen/_variables.scss +28 -108
  39. package/dist/uitvoerend-mintgroen/index.css +28 -108
  40. package/dist/uitvoerend-mintgroen/index.d.ts +26 -106
  41. package/dist/uitvoerend-mintgroen/index.js +28 -108
  42. package/dist/uitvoerend-mintgroen/index.json +27 -107
  43. package/dist/uitvoerend-mintgroen/index.tokens.json +35 -147
  44. package/dist/uitvoerend-mintgroen/root.css +28 -108
  45. package/dist/uitvoerend-mintgroen/tokens.d.ts +34 -146
  46. package/dist/uitvoerend-mintgroen/tokens.js +1240 -3066
  47. package/dist/uitvoerend-oranje/_variables.scss +51 -131
  48. package/dist/uitvoerend-oranje/index.css +51 -131
  49. package/dist/uitvoerend-oranje/index.d.ts +49 -129
  50. package/dist/uitvoerend-oranje/index.js +51 -131
  51. package/dist/uitvoerend-oranje/index.json +50 -130
  52. package/dist/uitvoerend-oranje/index.tokens.json +69 -181
  53. package/dist/uitvoerend-oranje/root.css +51 -131
  54. package/dist/uitvoerend-oranje/tokens.d.ts +65 -177
  55. package/dist/uitvoerend-oranje/tokens.js +1856 -3682
  56. package/dist/uitvoerend-paars/_variables.scss +28 -108
  57. package/dist/uitvoerend-paars/index.css +28 -108
  58. package/dist/uitvoerend-paars/index.d.ts +26 -106
  59. package/dist/uitvoerend-paars/index.js +28 -108
  60. package/dist/uitvoerend-paars/index.json +27 -107
  61. package/dist/uitvoerend-paars/index.tokens.json +35 -147
  62. package/dist/uitvoerend-paars/root.css +28 -108
  63. package/dist/uitvoerend-paars/tokens.d.ts +34 -146
  64. package/dist/uitvoerend-paars/tokens.js +1240 -3066
  65. package/dist/uitvoerend-violet/_variables.scss +28 -108
  66. package/dist/uitvoerend-violet/index.css +28 -108
  67. package/dist/uitvoerend-violet/index.d.ts +26 -106
  68. package/dist/uitvoerend-violet/index.js +28 -108
  69. package/dist/uitvoerend-violet/index.json +27 -107
  70. package/dist/uitvoerend-violet/index.tokens.json +35 -147
  71. package/dist/uitvoerend-violet/root.css +28 -108
  72. package/dist/uitvoerend-violet/tokens.d.ts +34 -146
  73. package/dist/uitvoerend-violet/tokens.js +1240 -3066
  74. package/dist/uitvoerend-violet-oud/_variables.scss +83 -163
  75. package/dist/uitvoerend-violet-oud/index.css +83 -163
  76. package/dist/uitvoerend-violet-oud/index.d.ts +81 -161
  77. package/dist/uitvoerend-violet-oud/index.js +83 -163
  78. package/dist/uitvoerend-violet-oud/index.json +82 -162
  79. package/dist/uitvoerend-violet-oud/index.tokens.json +102 -214
  80. package/dist/uitvoerend-violet-oud/root.css +83 -163
  81. package/dist/uitvoerend-violet-oud/tokens.d.ts +100 -212
  82. package/dist/uitvoerend-violet-oud/tokens.js +3009 -4835
  83. package/dist/wetgevend/_variables.scss +28 -108
  84. package/dist/wetgevend/index.css +28 -108
  85. package/dist/wetgevend/index.d.ts +26 -106
  86. package/dist/wetgevend/index.js +28 -108
  87. package/dist/wetgevend/index.json +27 -107
  88. package/dist/wetgevend/index.tokens.json +35 -147
  89. package/dist/wetgevend/root.css +28 -108
  90. package/dist/wetgevend/tokens.d.ts +34 -146
  91. package/dist/wetgevend/tokens.js +1240 -3066
  92. package/figma/figma.tokens.json +872 -934
  93. package/package.json +1 -1
  94. package/src/generated/base.tokens.json +4916 -5198
  95. package/src/generated/koop/tokens.json +167 -519
  96. package/src/generated/themes.json +1379 -4547
  97. package/src/generated/uitvoerend-groen/tokens.json +124 -476
  98. package/src/generated/uitvoerend-hemelblauw/tokens.json +124 -476
  99. package/src/generated/uitvoerend-mintgroen/tokens.json +124 -476
  100. package/src/generated/uitvoerend-oranje/tokens.json +196 -548
  101. package/src/generated/uitvoerend-paars/tokens.json +124 -476
  102. package/src/generated/uitvoerend-violet/tokens.json +124 -476
  103. package/src/generated/uitvoerend-violet-oud/tokens.json +434 -786
  104. package/src/generated/wetgevend/tokens.json +124 -476
  105. package/token-transformer.mjs +1 -1
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 22 Aug 2025 10:20:30 GMT
3
+ * Generated on Fri, 05 Sep 2025 09:25:14 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 = "#76d2b6";
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 = "#76d2b6";
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 = "#eaf8f4";
378
- export const utrechtAccordionButtonFocusBorderColor = "#76d2b6";
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,49 +393,11 @@ export const utrechtAccordionButtonFocusVisibleBackgroundColor = "#eaf8f4";
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 = "#76d2b6";
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
401
  export const utrechtDataBadgeBackgroundColor = "#eaf8f4";
442
402
  export const utrechtDataBadgeBorderRadius = "10px";
443
403
  export const utrechtDataBadgeColor = "#76d2b6";
@@ -762,11 +722,9 @@ export const todoFormFieldErrorMessageIconSize = "24px";
762
722
  export const todoFigureRowGap = "0.5rem";
763
723
  export const todoAccordionButtonFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
764
724
  export const todoAccordionButtonFontSize = "1.25rem";
765
- export const todoAccordionButtonFontWeight = 400;
766
- export const todoAccordionButtonLineHeight = "150%";
725
+ export const todoAccordionButtonFontWeight = 700;
726
+ export const todoAccordionButtonLineHeight = "1.875rem";
767
727
  export const todoLinkListLinkHoverTextDecoration = "underline";
768
- export const todoSkipLinkFontWeight = 700;
769
- export const nlNumberBadgeLineHeight = "125%";
770
728
  export const nlNumberBadgeBackgroundColor = "#76d2b6";
771
729
  export const nlNumberBadgeBorderColor = "transparent";
772
730
  export const nlNumberBadgeBorderRadius = "999px";
@@ -779,27 +737,6 @@ export const nlNumberBadgeMinBlockSize = "24px";
779
737
  export const nlNumberBadgeMinInlineSize = "24px";
780
738
  export const nlNumberBadgePaddingBlock = "0.125rem";
781
739
  export const nlNumberBadgePaddingInline = "0.5rem";
782
- export const nlSkipLinkBorderColor = "transparent";
783
- export const nlSkipLinkBorderWidth = "2px";
784
- export const nlSkipLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
785
- export const nlSkipLinkFontWeight = 700;
786
- export const nlSkipLinkPaddingBlockEnd = "0.75rem";
787
- export const nlSkipLinkPaddingBlockStart = "0.75rem";
788
- export const nlSkipLinkPaddingInlineEnd = "1rem";
789
- export const nlSkipLinkPaddingInlineStart = "1rem";
790
- export const nlSkipLinkBoxBlockEndShadowBlurRadius = "48px";
791
- export const nlSkipLinkBoxBlockEndShadowColor = "#0000001a";
792
- export const nlSkipLinkBoxBlockEndShadowOffsetX = 0;
793
- export const nlSkipLinkBoxBlockEndShadowOffsetY = "16px";
794
- export const nlSkipLinkBoxBlockEndShadowSpreadRadius = 0;
795
- export const nlSkipLinkFocusBackgroundColor = "#fff";
796
- export const nlSkipLinkFocusBorderColor = "#76d2b6";
797
- export const nlSkipLinkFocusBorderStyle = "solid";
798
- export const nlSkipLinkFocusBorderWidth = "2px";
799
- export const nlSkipLinkFocusColor = "#0F172A";
800
- export const nlSkipLinkFocusTextDecoration = "None";
801
- export const nlSkipLinkFocusVisibleOutlineColor = "#000";
802
- export const nlSkipLinkTextDecoration = "underline";
803
740
  export const nlSkipLinkBackgroundColor = "#fff";
804
741
  export const nlSkipLinkColor = "#01689b";
805
742
  export const nlSkipLinkPaddingBlock = "0.75rem";
@@ -893,23 +830,6 @@ export const rhcKeepBottomLeftBorderRadiusTopLeft = 0;
893
830
  export const rhcKeepBottomLeftBorderRadiusTopRight = 0;
894
831
  export const rhcKeepBottomLeftBorderRadiusBottomRight = 0;
895
832
  export const rhcKeepBottomLeftBorderRadiusBottomLeft = "48px";
896
- export const rhcAccordionBorderRadius = "0px";
897
- export const rhcAccordionColor = "#0F172A";
898
- export const rhcAccordionHeaderMargin = 0;
899
- export const rhcAccordionSectionBorderBlockEndWidth = "1px";
900
- export const rhcAccordionSectionBorderColor = "#94A3B8";
901
- export const rhcAccordionSectionBorderWidth = "1px";
902
- export const rhcAccordionButtonPaddingBlockEnd = "0.75rem";
903
- export const rhcAccordionButtonPaddingBlockStart = "0.75rem";
904
- export const rhcAccordionButtonPaddingInlineEnd = "1rem";
905
- export const rhcAccordionButtonPaddingInlineStart = "1rem";
906
- export const rhcAccordionButtonExpandedBackgroundColor = "#fff";
907
- export const rhcAccordionButtonExpandedColor = "#0F172A";
908
- export const rhcAccordionButtonIconMarginBlock = "0.25rem";
909
- export const rhcAccordionButtonFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
910
- export const rhcAccordionButtonFontWeight = 400;
911
- export const rhcAccordionButtonFontSize = "1.25rem";
912
- export const rhcAccordionButtonLineHeight = "150%";
913
833
  export const rhcDataBadgeButtonColumnGap = "0.125rem";
914
834
  export const rhcDataBadgeButtonHoverBackgroundColor = "#76d2b6";
915
835
  export const rhcDataBadgeButtonHoverColor = "#fff";
@@ -247,19 +247,6 @@
247
247
  "utrechtFormLabelRadioFontWeight": 400,
248
248
  "utrechtFormLabelCheckedFontWeight": 400,
249
249
  "utrechtFormLabelDisabledColor": "#94A3B8",
250
- "utrechtNumberBadgeLineHeight": "125%",
251
- "utrechtNumberBadgeBackgroundColor": "#76d2b6",
252
- "utrechtNumberBadgeBorderColor": "transparent",
253
- "utrechtNumberBadgeBorderRadius": "999px",
254
- "utrechtNumberBadgeBorderWidth": "0px",
255
- "utrechtNumberBadgeColor": "#fff",
256
- "utrechtNumberBadgeFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
257
- "utrechtNumberBadgeFontSize": "1.25rem",
258
- "utrechtNumberBadgeFontWeight": 700,
259
- "utrechtNumberBadgeMinBlockSize": "24px",
260
- "utrechtNumberBadgeMinInlineSize": "24px",
261
- "utrechtNumberBadgePaddingBlock": "0.125rem",
262
- "utrechtNumberBadgePaddingInline": "0.5rem",
263
250
  "utrechtFigureCaptionBorderColor": "#CBD5E1",
264
251
  "utrechtFigureCaptionBorderWidth": "4px",
265
252
  "utrechtFigureCaptionPaddingBlockEnd": "0.5rem",
@@ -272,6 +259,18 @@
272
259
  "utrechtFigureImgBorderEndStartRadius": 0,
273
260
  "utrechtFigureImgBorderStartEndRadius": 0,
274
261
  "utrechtFigureImgBorderStartStartRadius": 0,
262
+ "utrechtNumberBadgeBackgroundColor": "#76d2b6",
263
+ "utrechtNumberBadgeBorderColor": "transparent",
264
+ "utrechtNumberBadgeBorderRadius": "999px",
265
+ "utrechtNumberBadgeBorderWidth": "0px",
266
+ "utrechtNumberBadgeColor": "#fff",
267
+ "utrechtNumberBadgeFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
268
+ "utrechtNumberBadgeFontSize": "1.25rem",
269
+ "utrechtNumberBadgeFontWeight": 700,
270
+ "utrechtNumberBadgeMinBlockSize": "24px",
271
+ "utrechtNumberBadgeMinInlineSize": "24px",
272
+ "utrechtNumberBadgePaddingBlock": "0.125rem",
273
+ "utrechtNumberBadgePaddingInline": "0.5rem",
275
274
  "utrechtBlockquoteBorderBlockEndWidth": 0,
276
275
  "utrechtBlockquoteBorderBlockStartWidth": 0,
277
276
  "utrechtBlockquoteBorderEndEndRadius": 0,
@@ -327,13 +326,6 @@
327
326
  "utrechtBlockquoteRowGap": "0.75rem",
328
327
  "utrechtBlockquoteAttributionColor": "#154273",
329
328
  "utrechtBlockquoteAttributionFontSize": "1.25rem",
330
- "utrechtAlertHeadingFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
331
- "utrechtAlertHeadingFontSize": "1.25rem",
332
- "utrechtAlertHeadingFontWeight": 700,
333
- "utrechtAlertHeadingLineHeight": "150%",
334
- "utrechtAlertMessageColumnGap": "0.5rem",
335
- "utrechtAlertMessageLineHeight": "150%",
336
- "utrechtAlertMessageRowGap": "0rem",
337
329
  "utrechtAlertBackgroundColor": "#d9ebf7",
338
330
  "utrechtAlertBorderColor": "transparent",
339
331
  "utrechtAlertBorderRadius": "5px",
@@ -353,6 +345,7 @@
353
345
  "utrechtAlertInfoBackgroundColor": "#d9ebf7",
354
346
  "utrechtAlertInfoBorderColor": "transparent",
355
347
  "utrechtAlertInfoColor": "#000",
348
+ "utrechtAlertMessageRowGap": "0rem",
356
349
  "utrechtAlertOkBackgroundColor": "#e1eddb",
357
350
  "utrechtAlertOkBorderColor": "transparent",
358
351
  "utrechtAlertOkColor": "#000",
@@ -366,13 +359,15 @@
366
359
  "utrechtAlertIconInfoColor": "#007bc7",
367
360
  "utrechtAlertIconOkColor": "#39870c",
368
361
  "utrechtAlertIconWarningColor": "#ffb612",
369
- "utrechtAccordionButtonActiveRowGap": 0,
370
- "utrechtAccordionButtonActiveBackgroundColor": "#F1F5F9",
371
- "utrechtAccordionButtonActiveBorderColor": "transparent",
372
- "utrechtAccordionButtonActiveColor": "#0F172A",
373
- "utrechtAccordionButtonFocusBackgroundColor": "#eaf8f4",
374
- "utrechtAccordionButtonFocusBorderColor": "#76d2b6",
375
- "utrechtAccordionButtonFocusColor": "#0F172A",
362
+ "utrechtAccordionMarginBlockEnd": "0rem",
363
+ "utrechtAccordionMarginBlockStart": "0rem",
364
+ "utrechtAccordionRowGap": "0rem",
365
+ "utrechtAccordionPanelBorderColor": "transparent",
366
+ "utrechtAccordionPanelBorderWidth": "1px",
367
+ "utrechtAccordionPanelPaddingBlockEnd": "1.5rem",
368
+ "utrechtAccordionPanelPaddingBlockStart": "1rem",
369
+ "utrechtAccordionPanelPaddingInlineEnd": "1rem",
370
+ "utrechtAccordionPanelPaddingInlineStart": "1rem",
376
371
  "utrechtAccordionButtonBackgroundColor": "#fff",
377
372
  "utrechtAccordionButtonBorderColor": "transparent",
378
373
  "utrechtAccordionButtonBorderRadius": "0px",
@@ -384,6 +379,9 @@
384
379
  "utrechtAccordionButtonPaddingInlineEnd": "1rem",
385
380
  "utrechtAccordionButtonPaddingInlineStart": "1rem",
386
381
  "utrechtAccordionButtonIconSize": "24px",
382
+ "utrechtAccordionButtonActiveBackgroundColor": "#F1F5F9",
383
+ "utrechtAccordionButtonActiveBorderColor": "transparent",
384
+ "utrechtAccordionButtonActiveColor": "#0F172A",
387
385
  "utrechtAccordionButtonHoverBackgroundColor": "#F8FAFC",
388
386
  "utrechtAccordionButtonHoverBorderColor": "transparent",
389
387
  "utrechtAccordionButtonHoverColor": "#0F172A",
@@ -391,49 +389,11 @@
391
389
  "utrechtAccordionButtonFocusVisibleBorderColor": "transparent",
392
390
  "utrechtAccordionButtonFocusVisibleBorderWidth": "1px",
393
391
  "utrechtAccordionButtonFocusVisibleColor": "#0F172A",
394
- "utrechtAccordionMarginBlockEnd": "0rem",
395
- "utrechtAccordionMarginBlockStart": "0rem",
396
- "utrechtAccordionRowGap": "0rem",
397
- "utrechtAccordionPanelBorderColor": "transparent",
398
- "utrechtAccordionPanelBorderWidth": "1px",
399
- "utrechtAccordionPanelPaddingBlockEnd": "1.5rem",
400
- "utrechtAccordionPanelPaddingBlockStart": "1rem",
401
- "utrechtAccordionPanelPaddingInlineEnd": "1rem",
402
- "utrechtAccordionPanelPaddingInlineStart": "1rem",
403
392
  "utrechtAccordionSectionBorderColor": "#94A3B8",
404
393
  "utrechtAccordionSectionHoverBorderColor": "#94A3B8",
405
394
  "utrechtAccordionSectionBorderWidth": "1px",
406
395
  "utrechtAccordionSectionMarginBlockEnd": "0rem",
407
396
  "utrechtAccordionSectionMarginBlockStart": "0rem",
408
- "utrechtSkipLinkFocusTextDecoration": "None",
409
- "utrechtSkipLinkFocusBorderColor": "#76d2b6",
410
- "utrechtSkipLinkFocusBorderWidth": "2px",
411
- "utrechtSkipLinkFocusBorderStyle": "solid",
412
- "utrechtSkipLinkFocusBackgroundColor": "#fff",
413
- "utrechtSkipLinkFocusColor": "#01689b",
414
- "utrechtSkipLinkBorderColor": "transparent",
415
- "utrechtSkipLinkBoxBlockEndShadowColor": "#0000001a",
416
- "utrechtSkipLinkBoxBlockEndShadowBlurRadius": "48px",
417
- "utrechtSkipLinkBoxBlockEndShadowOffsetX": 0,
418
- "utrechtSkipLinkBoxBlockEndShadowOffsetY": "16px",
419
- "utrechtSkipLinkBoxBlockEndShadowSpreadRadius": 0,
420
- "utrechtSkipLinkFocusVisibleOutlineColor": "#000",
421
- "utrechtSkipLinkFocusVisibleTextDecoration": "underline",
422
- "utrechtSkipLinkFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
423
- "utrechtSkipLinkFontWeight": 700,
424
- "utrechtSkipLinkLineHeight": "150%",
425
- "utrechtSkipLinkBorderWidth": "2px",
426
- "utrechtSkipLinkTextUnderlineOffset": "0.125rem",
427
- "utrechtSkipLinkFontSize": "1.25rem",
428
- "utrechtSkipLinkBackgroundColor": "#fff",
429
- "utrechtSkipLinkColor": "#01689b",
430
- "utrechtSkipLinkMinBlockSize": "48px",
431
- "utrechtSkipLinkMinInlineSize": "48px",
432
- "utrechtSkipLinkPaddingBlockEnd": "0.75rem",
433
- "utrechtSkipLinkPaddingBlockStart": "0.75rem",
434
- "utrechtSkipLinkPaddingInlineEnd": "1rem",
435
- "utrechtSkipLinkPaddingInlineStart": "1rem",
436
- "utrechtSkipLinkTextDecoration": "underline",
437
397
  "utrechtDataBadgeBackgroundColor": "#eaf8f4",
438
398
  "utrechtDataBadgeBorderRadius": "10px",
439
399
  "utrechtDataBadgeColor": "#76d2b6",
@@ -758,11 +718,9 @@
758
718
  "todoFigureRowGap": "0.5rem",
759
719
  "todoAccordionButtonFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
760
720
  "todoAccordionButtonFontSize": "1.25rem",
761
- "todoAccordionButtonFontWeight": 400,
762
- "todoAccordionButtonLineHeight": "150%",
721
+ "todoAccordionButtonFontWeight": 700,
722
+ "todoAccordionButtonLineHeight": "1.875rem",
763
723
  "todoLinkListLinkHoverTextDecoration": "underline",
764
- "todoSkipLinkFontWeight": 700,
765
- "nlNumberBadgeLineHeight": "125%",
766
724
  "nlNumberBadgeBackgroundColor": "#76d2b6",
767
725
  "nlNumberBadgeBorderColor": "transparent",
768
726
  "nlNumberBadgeBorderRadius": "999px",
@@ -775,27 +733,6 @@
775
733
  "nlNumberBadgeMinInlineSize": "24px",
776
734
  "nlNumberBadgePaddingBlock": "0.125rem",
777
735
  "nlNumberBadgePaddingInline": "0.5rem",
778
- "nlSkipLinkBorderColor": "transparent",
779
- "nlSkipLinkBorderWidth": "2px",
780
- "nlSkipLinkFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
781
- "nlSkipLinkFontWeight": 700,
782
- "nlSkipLinkPaddingBlockEnd": "0.75rem",
783
- "nlSkipLinkPaddingBlockStart": "0.75rem",
784
- "nlSkipLinkPaddingInlineEnd": "1rem",
785
- "nlSkipLinkPaddingInlineStart": "1rem",
786
- "nlSkipLinkBoxBlockEndShadowBlurRadius": "48px",
787
- "nlSkipLinkBoxBlockEndShadowColor": "#0000001a",
788
- "nlSkipLinkBoxBlockEndShadowOffsetX": 0,
789
- "nlSkipLinkBoxBlockEndShadowOffsetY": "16px",
790
- "nlSkipLinkBoxBlockEndShadowSpreadRadius": 0,
791
- "nlSkipLinkFocusBackgroundColor": "#fff",
792
- "nlSkipLinkFocusBorderColor": "#76d2b6",
793
- "nlSkipLinkFocusBorderStyle": "solid",
794
- "nlSkipLinkFocusBorderWidth": "2px",
795
- "nlSkipLinkFocusColor": "#0F172A",
796
- "nlSkipLinkFocusTextDecoration": "None",
797
- "nlSkipLinkFocusVisibleOutlineColor": "#000",
798
- "nlSkipLinkTextDecoration": "underline",
799
736
  "nlSkipLinkBackgroundColor": "#fff",
800
737
  "nlSkipLinkColor": "#01689b",
801
738
  "nlSkipLinkPaddingBlock": "0.75rem",
@@ -889,23 +826,6 @@
889
826
  "rhcKeepBottomLeftBorderRadiusTopRight": 0,
890
827
  "rhcKeepBottomLeftBorderRadiusBottomRight": 0,
891
828
  "rhcKeepBottomLeftBorderRadiusBottomLeft": "48px",
892
- "rhcAccordionBorderRadius": "0px",
893
- "rhcAccordionColor": "#0F172A",
894
- "rhcAccordionHeaderMargin": 0,
895
- "rhcAccordionSectionBorderBlockEndWidth": "1px",
896
- "rhcAccordionSectionBorderColor": "#94A3B8",
897
- "rhcAccordionSectionBorderWidth": "1px",
898
- "rhcAccordionButtonPaddingBlockEnd": "0.75rem",
899
- "rhcAccordionButtonPaddingBlockStart": "0.75rem",
900
- "rhcAccordionButtonPaddingInlineEnd": "1rem",
901
- "rhcAccordionButtonPaddingInlineStart": "1rem",
902
- "rhcAccordionButtonExpandedBackgroundColor": "#fff",
903
- "rhcAccordionButtonExpandedColor": "#0F172A",
904
- "rhcAccordionButtonIconMarginBlock": "0.25rem",
905
- "rhcAccordionButtonFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
906
- "rhcAccordionButtonFontWeight": 400,
907
- "rhcAccordionButtonFontSize": "1.25rem",
908
- "rhcAccordionButtonLineHeight": "150%",
909
829
  "rhcDataBadgeButtonColumnGap": "0.125rem",
910
830
  "rhcDataBadgeButtonHoverBackgroundColor": "#76d2b6",
911
831
  "rhcDataBadgeButtonHoverColor": "#fff",