@rijkshuisstijl-community/design-tokens 1.2.0 → 2.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 (95) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/README.md +153 -12
  3. package/dist/_variables.scss +94 -78
  4. package/dist/index.css +94 -78
  5. package/dist/index.d.ts +48 -32
  6. package/dist/index.js +94 -78
  7. package/dist/index.json +93 -77
  8. package/dist/index.tokens.json +113 -85
  9. package/dist/root.css +94 -78
  10. package/dist/tokens.d.ts +67 -39
  11. package/dist/tokens.js +1285 -921
  12. package/dist/uitvoerend-groen/_variables.scss +1337 -0
  13. package/dist/uitvoerend-groen/index.css +1340 -0
  14. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-groen}/index.d.ts +922 -911
  15. package/dist/uitvoerend-groen/index.js +1338 -0
  16. package/dist/uitvoerend-groen/index.json +1335 -0
  17. package/dist/uitvoerend-groen/index.tokens.json +2049 -0
  18. package/dist/uitvoerend-groen/root.css +1340 -0
  19. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-groen}/tokens.d.ts +1508 -1513
  20. package/dist/uitvoerend-groen/tokens.js +31258 -0
  21. package/dist/uitvoerend-hemelblauw/_variables.scss +1337 -0
  22. package/dist/uitvoerend-hemelblauw/index.css +1340 -0
  23. package/dist/uitvoerend-hemelblauw/index.d.ts +1338 -0
  24. package/dist/uitvoerend-hemelblauw/index.js +1338 -0
  25. package/dist/uitvoerend-hemelblauw/index.json +1335 -0
  26. package/dist/uitvoerend-hemelblauw/index.tokens.json +2049 -0
  27. package/dist/uitvoerend-hemelblauw/root.css +1340 -0
  28. package/dist/uitvoerend-hemelblauw/tokens.d.ts +2072 -0
  29. package/dist/uitvoerend-hemelblauw/tokens.js +31258 -0
  30. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/_variables.scss +778 -767
  31. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.css +779 -768
  32. package/dist/uitvoerend-mintgroen/index.d.ts +1338 -0
  33. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.js +981 -970
  34. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.json +980 -969
  35. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.tokens.json +1611 -1616
  36. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/root.css +778 -767
  37. package/dist/uitvoerend-mintgroen/tokens.d.ts +2072 -0
  38. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/tokens.js +22466 -22247
  39. package/dist/uitvoerend-oranje/_variables.scss +1337 -0
  40. package/dist/uitvoerend-oranje/index.css +1340 -0
  41. package/dist/uitvoerend-oranje/index.d.ts +1338 -0
  42. package/dist/uitvoerend-oranje/index.js +1338 -0
  43. package/dist/uitvoerend-oranje/index.json +1335 -0
  44. package/dist/uitvoerend-oranje/index.tokens.json +2049 -0
  45. package/dist/uitvoerend-oranje/root.css +1340 -0
  46. package/dist/uitvoerend-oranje/tokens.d.ts +2072 -0
  47. package/dist/uitvoerend-oranje/tokens.js +31258 -0
  48. package/dist/uitvoerend-paars/_variables.scss +1337 -0
  49. package/dist/uitvoerend-paars/index.css +1340 -0
  50. package/dist/uitvoerend-paars/index.d.ts +1338 -0
  51. package/dist/uitvoerend-paars/index.js +1338 -0
  52. package/dist/uitvoerend-paars/index.json +1335 -0
  53. package/dist/uitvoerend-paars/index.tokens.json +2049 -0
  54. package/dist/uitvoerend-paars/root.css +1340 -0
  55. package/dist/uitvoerend-paars/tokens.d.ts +2072 -0
  56. package/dist/uitvoerend-paars/tokens.js +31258 -0
  57. package/dist/uitvoerend-violet/_variables.scss +191 -175
  58. package/dist/uitvoerend-violet/index.css +191 -175
  59. package/dist/uitvoerend-violet/index.d.ts +88 -72
  60. package/dist/uitvoerend-violet/index.js +191 -175
  61. package/dist/uitvoerend-violet/index.json +190 -174
  62. package/dist/uitvoerend-violet/index.tokens.json +227 -199
  63. package/dist/uitvoerend-violet/root.css +191 -175
  64. package/dist/uitvoerend-violet/tokens.d.ts +123 -95
  65. package/dist/uitvoerend-violet/tokens.js +16557 -16193
  66. package/dist/uitvoerend-violet-oud/_variables.scss +191 -174
  67. package/dist/uitvoerend-violet-oud/index.css +191 -174
  68. package/dist/uitvoerend-violet-oud/index.d.ts +88 -71
  69. package/dist/uitvoerend-violet-oud/index.js +191 -174
  70. package/dist/uitvoerend-violet-oud/index.json +190 -173
  71. package/dist/uitvoerend-violet-oud/index.tokens.json +227 -198
  72. package/dist/uitvoerend-violet-oud/root.css +191 -174
  73. package/dist/uitvoerend-violet-oud/tokens.d.ts +123 -94
  74. package/dist/uitvoerend-violet-oud/tokens.js +12703 -12318
  75. package/dist/wetgevend/_variables.scss +131 -115
  76. package/dist/wetgevend/index.css +131 -115
  77. package/dist/wetgevend/index.d.ts +88 -72
  78. package/dist/wetgevend/index.js +131 -115
  79. package/dist/wetgevend/index.json +130 -114
  80. package/dist/wetgevend/index.tokens.json +167 -139
  81. package/dist/wetgevend/root.css +131 -115
  82. package/dist/wetgevend/tokens.d.ts +123 -95
  83. package/dist/wetgevend/tokens.js +12053 -11689
  84. package/figma/figma.tokens.json +840 -294
  85. package/package.json +1 -1
  86. package/src/generated/base.tokens.json +240 -163
  87. package/src/generated/themes.json +30580 -5292
  88. package/src/generated/uitvoerend-groen/tokens.json +6252 -0
  89. package/src/generated/uitvoerend-hemelblauw/tokens.json +6252 -0
  90. package/src/generated/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/tokens.json +4384 -4355
  91. package/src/generated/uitvoerend-oranje/tokens.json +6252 -0
  92. package/src/generated/uitvoerend-paars/tokens.json +6252 -0
  93. package/src/generated/uitvoerend-violet/tokens.json +506 -429
  94. package/src/generated/uitvoerend-violet-oud/tokens.json +512 -431
  95. package/src/generated/wetgevend/tokens.json +467 -390
package/dist/index.json CHANGED
@@ -1,9 +1,13 @@
1
1
  {
2
+ "utrechtColumnLayoutColumnRuleColor": "transparent",
3
+ "utrechtColumnLayoutColumnRuleWidth": "0px",
4
+ "utrechtColumnLayoutColumnWidth": "400px",
5
+ "utrechtColumnLayoutGap": "0.75rem",
2
6
  "utrechtUnorderedListPaddingInlineStart": "1.5rem",
3
7
  "utrechtUnorderedListMarginBlockEnd": "0.25rem",
4
8
  "utrechtUnorderedListMarginBlockStart": "0.25rem",
5
9
  "utrechtUnorderedListColor": "#0F172A",
6
- "utrechtUnorderedListFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
10
+ "utrechtUnorderedListFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
7
11
  "utrechtUnorderedListFontWeight": 400,
8
12
  "utrechtUnorderedListFontSize": "1.25rem",
9
13
  "utrechtUnorderedListLineHeight": "150%",
@@ -13,7 +17,7 @@
13
17
  "utrechtUnorderedListMarkerColor": "#0F172A",
14
18
  "utrechtUnorderedListMarkerBorderColor": "#0F172A",
15
19
  "utrechtTextboxBorderRadius": "2.5px",
16
- "utrechtTextboxFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
20
+ "utrechtTextboxFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
17
21
  "utrechtTextboxFontSize": "1.25rem",
18
22
  "utrechtTextboxFontWeight": 400,
19
23
  "utrechtTextboxLineHeight": "150%",
@@ -76,19 +80,19 @@
76
80
  "utrechtTextareaBorderRadius": "2.5px",
77
81
  "utrechtTextareaBorderBottomWidth": "1px",
78
82
  "utrechtTextareaBorderWidth": "1px",
79
- "utrechtTextareaFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
83
+ "utrechtTextareaFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
80
84
  "utrechtTextareaFontWeight": 400,
81
85
  "utrechtTextareaLineHeight": "150%",
82
86
  "utrechtTextareaFontSize": "1.25rem",
83
87
  "utrechtTableHeaderCellLineHeight": "150%",
84
88
  "utrechtTableHeaderCellColor": "#0F172A",
85
- "utrechtTableHeaderCellFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
89
+ "utrechtTableHeaderCellFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
86
90
  "utrechtTableHeaderCellFontWeight": 700,
87
91
  "utrechtTableHeaderCellFontSize": "1.25rem",
88
92
  "utrechtTableCaptionLineHeight": "125%",
89
93
  "utrechtTableCaptionMarginBlockEnd": "1.5rem",
90
94
  "utrechtTableCaptionColor": "#0F172A",
91
- "utrechtTableCaptionFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
95
+ "utrechtTableCaptionFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
92
96
  "utrechtTableCaptionFontWeight": 700,
93
97
  "utrechtTableCaptionFontSize": "1.875rem",
94
98
  "utrechtTableCellPaddingBlockEnd": "0.75rem",
@@ -97,7 +101,7 @@
97
101
  "utrechtTableCellPaddingInlineStart": "1rem",
98
102
  "utrechtTableCellLineHeight": "150%",
99
103
  "utrechtTableDataCellColor": "#0F172A",
100
- "utrechtTableDataCellFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
104
+ "utrechtTableDataCellFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
101
105
  "utrechtTableDataCellFontWeight": 400,
102
106
  "utrechtTableDataCellLineHeight": "150%",
103
107
  "utrechtTableDataCellFontSize": "1.25rem",
@@ -113,7 +117,7 @@
113
117
  "utrechtTableFooterCellFontWeight": 700,
114
118
  "utrechtTableFooterCellFontSize": "1.25rem",
115
119
  "utrechtTableFooterCellColor": "#0F172A",
116
- "utrechtTableFooterCellFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
120
+ "utrechtTableFooterCellFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
117
121
  "utrechtTableFooterCellLineHeight": "150%",
118
122
  "utrechtTableContainerBoxInlineEndShadowX": 0,
119
123
  "utrechtTableContainerBoxInlineEndShadowY": "16px",
@@ -127,7 +131,7 @@
127
131
  "utrechtTableContainerBoxInlineStartShadowColor": "#0000001a",
128
132
  "utrechtTableFontSize": "1.25rem",
129
133
  "utrechtSkipLinkFontWeight": 700,
130
- "utrechtSkipLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
134
+ "utrechtSkipLinkFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
131
135
  "utrechtSkipLinkFontSize": "1.25rem",
132
136
  "utrechtSkipLinkLineHeight": "150%",
133
137
  "utrechtSkipLinkMinBlockSize": "48px",
@@ -185,7 +189,7 @@
185
189
  "utrechtSelectBorderRadius": "2.5px",
186
190
  "utrechtSelectBorderBottomWidth": "auto",
187
191
  "utrechtSelectBorderWidth": "1px",
188
- "utrechtSelectFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
192
+ "utrechtSelectFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
189
193
  "utrechtSelectFontWeight": 400,
190
194
  "utrechtSelectLineHeight": "150%",
191
195
  "utrechtSelectFontSize": "1.25rem",
@@ -231,12 +235,12 @@
231
235
  "utrechtRadioButtonBorderRadius": "999px",
232
236
  "utrechtRadioButtonBorderWidth": "1px",
233
237
  "utrechtPreHeadingColor": "#0F172A",
234
- "utrechtPreHeadingFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
238
+ "utrechtPreHeadingFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
235
239
  "utrechtPreHeadingFontWeight": 700,
236
240
  "utrechtPreHeadingLineHeight": "125%",
237
241
  "utrechtPreHeadingFontSize": "1rem",
238
242
  "utrechtParagraphColor": "#0F172A",
239
- "utrechtParagraphFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
243
+ "utrechtParagraphFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
240
244
  "utrechtParagraphFontSize": "1.25rem",
241
245
  "utrechtParagraphFontWeight": 400,
242
246
  "utrechtParagraphLineHeight": "150%",
@@ -254,7 +258,7 @@
254
258
  "utrechtOrderedListItemMarginBlockEnd": "0.25rem",
255
259
  "utrechtOrderedListItemMarginBlockStart": "0.25rem",
256
260
  "utrechtOrderedListColor": "#0F172A",
257
- "utrechtOrderedListFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
261
+ "utrechtOrderedListFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
258
262
  "utrechtOrderedListFontWeight": 400,
259
263
  "utrechtOrderedListFontSize": "1.25rem",
260
264
  "utrechtOrderedListLineHeight": "150%",
@@ -283,7 +287,7 @@
283
287
  "utrechtLinkColumnGap": "0.25rem",
284
288
  "utrechtLinkTextDecorationThickness": "auto",
285
289
  "utrechtLinkTextUnderlineOffset": "0.125rem",
286
- "utrechtLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
290
+ "utrechtLinkFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
287
291
  "utrechtLinkFontWeight": 400,
288
292
  "utrechtLinkFontSize": "1.25rem",
289
293
  "utrechtLinkLineHeight": "150%",
@@ -291,35 +295,35 @@
291
295
  "utrechtIconSize": "24px",
292
296
  "utrechtIconInsetBlockStart": 0,
293
297
  "utrechtHeading1Color": "#154273",
294
- "utrechtHeading1FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
298
+ "utrechtHeading1FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
295
299
  "utrechtHeading1FontWeight": 700,
296
300
  "utrechtHeading1LineHeight": "125%",
297
301
  "utrechtHeading1FontSize": "3.125rem",
298
302
  "utrechtHeading1MarginBlockEnd": 0,
299
303
  "utrechtHeading1MarginBlockStart": 0,
300
304
  "utrechtHeading2Color": "#154273",
301
- "utrechtHeading2FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
305
+ "utrechtHeading2FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
302
306
  "utrechtHeading2FontWeight": 700,
303
307
  "utrechtHeading2LineHeight": "125%",
304
308
  "utrechtHeading2FontSize": "2.5rem",
305
309
  "utrechtHeading2MarginBlockEnd": 0,
306
310
  "utrechtHeading2MarginBlockStart": 0,
307
311
  "utrechtHeading3Color": "#154273",
308
- "utrechtHeading3FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
312
+ "utrechtHeading3FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
309
313
  "utrechtHeading3FontWeight": 700,
310
314
  "utrechtHeading3LineHeight": "125%",
311
315
  "utrechtHeading3FontSize": "1.875rem",
312
316
  "utrechtHeading3MarginBlockEnd": 0,
313
317
  "utrechtHeading3MarginBlockStart": 0,
314
318
  "utrechtHeading4Color": "#154273",
315
- "utrechtHeading4FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
319
+ "utrechtHeading4FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
316
320
  "utrechtHeading4FontWeight": 700,
317
321
  "utrechtHeading4LineHeight": "125%",
318
322
  "utrechtHeading4FontSize": "1.5rem",
319
323
  "utrechtHeading4MarginBlockEnd": 0,
320
324
  "utrechtHeading4MarginBlockStart": 0,
321
325
  "utrechtHeading5Color": "#154273",
322
- "utrechtHeading5FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
326
+ "utrechtHeading5FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
323
327
  "utrechtHeading5FontWeight": 700,
324
328
  "utrechtHeading5LineHeight": "125%",
325
329
  "utrechtHeading5FontSize": "1.25rem",
@@ -329,20 +333,20 @@
329
333
  "utrechtFormLabelFontSize": "1.25rem",
330
334
  "utrechtFormLabelFontWeight": 700,
331
335
  "utrechtFormFieldLabelColor": "#0F172A",
332
- "utrechtFormFieldLabelFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
336
+ "utrechtFormFieldLabelFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
333
337
  "utrechtFormFieldLabelFontSize": "1.25rem",
334
338
  "utrechtFormFieldLabelFontWeight": 700,
335
339
  "utrechtFormFieldLabelLineHeight": "150%",
336
340
  "utrechtFormFieldErrorMessageIconSize": "24px",
337
341
  "utrechtFormFieldErrorMessageIconMarginInlineEnd": "0.5rem",
338
342
  "utrechtFormFieldErrorMessageColor": "#d52b1e",
339
- "utrechtFormFieldErrorMessageFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
343
+ "utrechtFormFieldErrorMessageFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
340
344
  "utrechtFormFieldErrorMessageFontSize": "1.25rem",
341
345
  "utrechtFormFieldErrorMessageFontWeight": 400,
342
346
  "utrechtFormFieldErrorMessageMarginBlockEnd": "0.5rem",
343
347
  "utrechtFormFieldErrorMessagePaddingBlockEnd": "0.5rem",
344
348
  "utrechtFormFieldDescriptionColor": "#334155",
345
- "utrechtFormFieldDescriptionFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
349
+ "utrechtFormFieldDescriptionFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
346
350
  "utrechtFormFieldDescriptionFontSize": "1.25rem",
347
351
  "utrechtFormFieldDescriptionLineHeight": "150%",
348
352
  "utrechtFormFieldDescriptionMarginBlockStart": "-0.5rem",
@@ -374,7 +378,7 @@
374
378
  "utrechtFigureImgBorderStartEndRadius": 0,
375
379
  "utrechtFigureImgBorderStartStartRadius": 0,
376
380
  "utrechtFormFieldsetLegendColor": "#0F172A",
377
- "utrechtFormFieldsetLegendFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
381
+ "utrechtFormFieldsetLegendFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
378
382
  "utrechtFormFieldsetLegendFontSize": "1.25rem",
379
383
  "utrechtFormFieldsetLegendFontWeight": 700,
380
384
  "utrechtFormFieldsetLegendLineHeight": "150%",
@@ -391,7 +395,7 @@
391
395
  "utrechtNumberBadgeFontWeight": 700,
392
396
  "utrechtNumberBadgeBorderWidth": "0px",
393
397
  "utrechtNumberBadgeBorderRadius": "999px",
394
- "utrechtNumberBadgeFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
398
+ "utrechtNumberBadgeFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
395
399
  "utrechtNumberBadgeBackgroundColor": "#154273",
396
400
  "utrechtNumberBadgeBorderColor": "transparent",
397
401
  "utrechtNumberBadgeColor": "#fff",
@@ -469,7 +473,7 @@
469
473
  "utrechtButtonBorderWidth": "1px",
470
474
  "utrechtButtonIconGap": "0.5rem",
471
475
  "utrechtButtonIconSize": "24px",
472
- "utrechtButtonFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
476
+ "utrechtButtonFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
473
477
  "utrechtButtonFontSize": "1.25rem",
474
478
  "utrechtButtonFontWeight": 700,
475
479
  "utrechtButtonLineHeight": "150%",
@@ -581,39 +585,45 @@
581
585
  "utrechtBreadcrumbNavDividerColor": "#334155",
582
586
  "utrechtBreadcrumbNavDividerInsetBlockStart": 0,
583
587
  "utrechtBreadcrumbNavMarginInline": "0.5rem",
584
- "utrechtBreadcrumbNavFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
588
+ "utrechtBreadcrumbNavFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
585
589
  "utrechtBreadcrumbNavFontWeight": 400,
590
+ "utrechtBlockquoteBackgroundColor": "transparent",
591
+ "utrechtBlockquoteBorderInlineStartWidth": 0,
592
+ "utrechtBlockquoteBorderColor": "transparent",
593
+ "utrechtBlockquoteBorderRadius": 0,
594
+ "utrechtBlockquoteBorderWidth": 0,
595
+ "utrechtBlockquoteColor": "#154273",
596
+ "utrechtBlockquoteFontSize": "1.25rem",
597
+ "utrechtBlockquoteFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
598
+ "utrechtBlockquotePaddingBlockEnd": "2rem",
599
+ "utrechtBlockquotePaddingBlockStart": "2rem",
600
+ "utrechtBlockquotePaddingInlineEnd": "2rem",
601
+ "utrechtBlockquotePaddingInlineStart": "2rem",
602
+ "utrechtBlockquoteRowGap": "0.75rem",
603
+ "utrechtBlockquoteAttributionColor": "#154273",
604
+ "utrechtBlockquoteAttributionFontSize": "1.25rem",
605
+ "utrechtBlockquoteContentColor": "#154273",
606
+ "utrechtBlockquoteContentFontSize": "1.25rem",
607
+ "utrechtBlockquoteContentFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
608
+ "utrechtBlockquoteContentLineHeight": "150%",
609
+ "utrechtBlockquoteContentFontWeight": 400,
586
610
  "utrechtBlockquoteCaptionFontSize": "1.25rem",
587
- "utrechtBlockquoteCaptionFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
611
+ "utrechtBlockquoteCaptionFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
588
612
  "utrechtBlockquoteCaptionLineHeight": "150%",
589
613
  "utrechtBlockquoteCaptionFontWeight": 400,
590
614
  "utrechtBlockquoteCaptionPaddingBlockStart": "0.75rem",
591
- "utrechtBlockquoteCaptionColor": "#334155",
592
- "utrechtBlockquoteContentFontFamily": "RijksoverheidSerifWeb, 'Times New Roman', serif",
593
- "utrechtBlockquoteContentLineHeight": "150%",
594
- "utrechtBlockquoteContentFontWeight": 400,
595
- "utrechtBlockquoteContentFontSize": "1.5rem",
596
- "utrechtBlockquoteContentColor": "#0F172A",
615
+ "utrechtBlockquoteCaptionColor": "#154273",
597
616
  "utrechtBlockquoteMarginBlockEnd": 0,
598
617
  "utrechtBlockquoteMarginBlockStart": 0,
599
618
  "utrechtBlockquoteMarginInlineEnd": 0,
600
619
  "utrechtBlockquoteMarginInlineStart": 0,
601
- "utrechtBlockquotePaddingBlockEnd": "2rem",
602
- "utrechtBlockquotePaddingBlockStart": "2rem",
603
- "utrechtBlockquotePaddingInlineEnd": "2rem",
604
- "utrechtBlockquotePaddingInlineStart": "2rem",
605
- "utrechtBlockquoteRowGap": "0.75rem",
606
- "utrechtBlockquoteBackgroundColor": "transparent",
607
- "utrechtBlockquoteBorderColor": "#154273",
608
620
  "utrechtBlockquoteBorderBlockStartWidth": 0,
609
621
  "utrechtBlockquoteBorderBlockEndWidth": 0,
610
- "utrechtBlockquoteBorderInlineStartWidth": 0,
611
622
  "utrechtBlockquoteBorderInlineEndWidth": 0,
612
623
  "utrechtBlockquoteBorderStartStartRadius": 0,
613
624
  "utrechtBlockquoteBorderStartEndRadius": 0,
614
625
  "utrechtBlockquoteBorderEndStartRadius": 0,
615
626
  "utrechtBlockquoteBorderEndEndRadius": 0,
616
- "utrechtBlockquoteBorderWidth": "2px",
617
627
  "utrechtBlockquoteBlueCornerBorderVariationBorderColor": "#154273",
618
628
  "utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth": "2px",
619
629
  "utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth": "2px",
@@ -633,7 +643,7 @@
633
643
  "utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius": "3rem",
634
644
  "utrechtBlockquotePinkCornerBorderVariationPadding": "2.5rem",
635
645
  "utrechtArticleMaxInlineSize": "75ch",
636
- "utrechtAlertHeadingFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
646
+ "utrechtAlertHeadingFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
637
647
  "utrechtAlertHeadingFontWeight": 700,
638
648
  "utrechtAlertHeadingLineHeight": "150%",
639
649
  "utrechtAlertHeadingFontSize": "1.25rem",
@@ -693,7 +703,7 @@
693
703
  "utrechtAccordionButtonActiveRowGap": 0,
694
704
  "utrechtDocumentBackgroundColor": "#fff",
695
705
  "utrechtDocumentColor": "#0F172A",
696
- "utrechtDocumentFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
706
+ "utrechtDocumentFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
697
707
  "utrechtDocumentFontSize": "1.25rem",
698
708
  "utrechtDocumentLineHeight": "150%",
699
709
  "utrechtDocumentFontWeight": 400,
@@ -737,7 +747,7 @@
737
747
  "rhcSidenavLinkIconSize": "24px",
738
748
  "rhcSidenavLinkIconMarginInline": "0.5rem",
739
749
  "rhcSidenavLinkFontSize": "1.25rem",
740
- "rhcSidenavLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
750
+ "rhcSidenavLinkFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
741
751
  "rhcSidenavLinkFontWeight": 400,
742
752
  "rhcSidenavLinkCurrentFontWeight": 700,
743
753
  "rhcSidenavLinkCurrentColor": "#0F172A",
@@ -769,7 +779,7 @@
769
779
  "rhcNavigationListItemContentFontSize": "1.125rem",
770
780
  "rhcNavigationListItemContentColumnGap": "0.5rem",
771
781
  "rhcNavigationListItemContentRowGap": "0.25rem",
772
- "rhcNavigationListItemLabelFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
782
+ "rhcNavigationListItemLabelFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
773
783
  "rhcNavigationListItemLabelFontSize": "1.875rem",
774
784
  "rhcNavigationListItemLabelFontWeight": 700,
775
785
  "rhcNavigationListItemLabelLineHeight": "150%",
@@ -823,7 +833,7 @@
823
833
  "rhcMessageListItemContentFontSize": "1.125rem",
824
834
  "rhcMessageListItemContentColumnGap": "0.5rem",
825
835
  "rhcMessageListItemContentRowGap": "0.5rem",
826
- "rhcMessageListItemLabelFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
836
+ "rhcMessageListItemLabelFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
827
837
  "rhcMessageListItemLabelFontSize": "1.25rem",
828
838
  "rhcMessageListItemLabelFontWeight": 700,
829
839
  "rhcMessageListItemLabelLineHeight": "150%",
@@ -840,7 +850,7 @@
840
850
  "rhcLogoSubtitleLineHeight": "1rem",
841
851
  "rhcLogoSubtitleFontSize": "0.775rem",
842
852
  "rhcLogoColumnGap": "12px",
843
- "rhcLogoFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
853
+ "rhcLogoFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
844
854
  "rhcLogoColor": "#154273",
845
855
  "rhcLinkListCardBackgroundColor": "#fff",
846
856
  "rhcLinkListCardPaddingBlockStart": "1.5rem",
@@ -856,11 +866,11 @@
856
866
  "rhcHeroHeadingFontWeight": 700,
857
867
  "rhcHeroHeadingLineHeight": "125%",
858
868
  "rhcHeroHeadingFontSize": "1.875rem",
859
- "rhcHeroHeadingFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
869
+ "rhcHeroHeadingFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
860
870
  "rhcHeroSubHeadingFontWeight": 400,
861
871
  "rhcHeroSubHeadingLineHeight": "150%",
862
872
  "rhcHeroSubHeadingFontSize": "1.25rem",
863
- "rhcHeroSubHeadingFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
873
+ "rhcHeroSubHeadingFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
864
874
  "rhcHeroMessageBackgroundColor": "#154273",
865
875
  "rhcHeroMessageColor": "#fff",
866
876
  "rhcHeroMessageRowGap": "0.125rem",
@@ -963,23 +973,7 @@
963
973
  "rhcCardAsLinkHorizontalPaddingInlineEnd": "1rem",
964
974
  "rhcCardAsLinkHorizontalPaddingInlineStart": "1rem",
965
975
  "rhcCardAsLinkHorizontalHeadingInlineSize": "200px",
966
- "rhcAccordionButtonFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
967
- "rhcAccordionButtonFontSize": "1.25rem",
968
- "rhcAccordionButtonFontWeight": 400,
969
- "rhcAccordionButtonLineHeight": "150%",
970
- "rhcAccordionButtonIconMarginBlock": "0.25rem",
971
- "rhcAccordionButtonPaddingBlockEnd": "0.75rem",
972
- "rhcAccordionButtonPaddingBlockStart": "0.75rem",
973
- "rhcAccordionButtonPaddingInlineEnd": "1rem",
974
- "rhcAccordionButtonPaddingInlineStart": "1rem",
975
- "rhcAccordionButtonExpandedBackgroundColor": "#fff",
976
- "rhcAccordionButtonExpandedColor": "#0F172A",
977
- "rhcAccordionSectionBorderBlockEndWidth": "1px",
978
- "rhcAccordionSectionBorderWidth": 0,
979
- "rhcAccordionSectionBorderColor": "#94A3B8",
980
- "rhcAccordionHeaderMargin": 0,
981
- "rhcAccordionBorderRadius": "0px",
982
- "rhcAccordionColor": "#0F172A",
976
+ "rhcKeepComment": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.",
983
977
  "rhcKeepTopLeftBorderRadiusTopLeft": "48px",
984
978
  "rhcKeepTopLeftBorderRadiusTopRight": 0,
985
979
  "rhcKeepTopLeftBorderRadiusBottomRight": 0,
@@ -996,15 +990,37 @@
996
990
  "rhcKeepBottomLeftBorderRadiusTopRight": 0,
997
991
  "rhcKeepBottomLeftBorderRadiusBottomRight": 0,
998
992
  "rhcKeepBottomLeftBorderRadiusBottomLeft": "48px",
993
+ "rhcAccordionButtonFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
994
+ "rhcAccordionButtonFontSize": "1.25rem",
995
+ "rhcAccordionButtonFontWeight": 400,
996
+ "rhcAccordionButtonLineHeight": "150%",
997
+ "rhcAccordionButtonIconMarginBlock": "0.25rem",
998
+ "rhcAccordionButtonPaddingBlockEnd": "0.75rem",
999
+ "rhcAccordionButtonPaddingBlockStart": "0.75rem",
1000
+ "rhcAccordionButtonPaddingInlineEnd": "1rem",
1001
+ "rhcAccordionButtonPaddingInlineStart": "1rem",
1002
+ "rhcAccordionButtonExpandedBackgroundColor": "#fff",
1003
+ "rhcAccordionButtonExpandedColor": "#0F172A",
1004
+ "rhcAccordionSectionBorderBlockEndWidth": "1px",
1005
+ "rhcAccordionSectionBorderWidth": 0,
1006
+ "rhcAccordionSectionBorderColor": "#94A3B8",
1007
+ "rhcAccordionHeaderMargin": 0,
1008
+ "rhcAccordionBorderRadius": "0px",
1009
+ "rhcAccordionColor": "#0F172A",
1010
+ "rhcRoundedCornerXsBorderRadius": "24px",
1011
+ "rhcRoundedCornerMdBorderRadius": "48px",
1012
+ "rhcRoundedCornerXlBorderRadius": "96px",
1013
+ "rhcRoundedCornerBorderWidth": "2px",
999
1014
  "rhcBorderRadiusSm": "2.5px",
1000
1015
  "rhcBorderRadiusMd": "5px",
1001
- "rhcBorderRadiusKeep": "48px",
1002
1016
  "rhcBorderRadiusCircle": "999px",
1003
1017
  "rhcBorderRadiusNone": "0px",
1004
1018
  "rhcColorFocusOutline": "#000",
1005
1019
  "rhcColorForegroundDefault": "#0F172A",
1006
1020
  "rhcColorForegroundSubdued": "#334155",
1007
1021
  "rhcColorForegroundLink": "#01689b",
1022
+ "rhcColorForegroundOnDarkColor": "#fff",
1023
+ "rhcColorForegroundOnLightColor": "#000",
1008
1024
  "rhcColorForegroundOnEmphasis": "#fff",
1009
1025
  "rhcColorBorderDefault": "#64748B",
1010
1026
  "rhcColorBorderSubdued": "#94A3B8",
@@ -1191,7 +1207,7 @@
1191
1207
  "rhcFontWeightChosenRegular": 400,
1192
1208
  "rhcFontWeightLight": 300,
1193
1209
  "rhcFontWeightThin": 200,
1194
- "rhcFontFamilyPrimary": "Fira Sans, Arial, Verdana, sans-serif",
1210
+ "rhcFontFamilyPrimary": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1195
1211
  "rhcFontFamilySecondary": "RijksoverheidSerifWeb, 'Times New Roman', serif",
1196
1212
  "rhcBorderWidthDefault": "1px",
1197
1213
  "rhcBorderWidthM": "2px",
@@ -1208,7 +1224,7 @@
1208
1224
  "rhcSpace600": "3rem",
1209
1225
  "rhcSpace700": "3.5rem",
1210
1226
  "nlSkipLinkFontWeight": 700,
1211
- "nlSkipLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1227
+ "nlSkipLinkFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1212
1228
  "nlSkipLinkFontSize": "1.25rem",
1213
1229
  "nlSkipLinkLineHeight": "150%",
1214
1230
  "nlSkipLinkMinBlockSize": "48px",
@@ -1236,7 +1252,7 @@
1236
1252
  "nlSkipLinkTextDecoration": "underline",
1237
1253
  "nlSkipLinkTextUnderlineOffset": "0.125rem",
1238
1254
  "nlParagraphColor": "#0F172A",
1239
- "nlParagraphFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1255
+ "nlParagraphFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1240
1256
  "nlParagraphFontSize": "1.25rem",
1241
1257
  "nlParagraphFontWeight": 400,
1242
1258
  "nlParagraphLineHeight": "150%",
@@ -1264,40 +1280,40 @@
1264
1280
  "nlLinkColumnGap": "0.25rem",
1265
1281
  "nlLinkTextDecorationThickness": "auto",
1266
1282
  "nlLinkTextUnderlineOffset": "0.125rem",
1267
- "nlLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1283
+ "nlLinkFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1268
1284
  "nlLinkFontWeight": 400,
1269
1285
  "nlLinkFontSize": "1.25rem",
1270
1286
  "nlLinkLineHeight": "150%",
1271
1287
  "nlHeadingLevel1Color": "#154273",
1272
- "nlHeadingLevel1FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1288
+ "nlHeadingLevel1FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1273
1289
  "nlHeadingLevel1FontWeight": 700,
1274
1290
  "nlHeadingLevel1LineHeight": "125%",
1275
1291
  "nlHeadingLevel1FontSize": "3.125rem",
1276
1292
  "nlHeadingLevel1MarginBlockEnd": 0,
1277
1293
  "nlHeadingLevel1MarginBlockStart": 0,
1278
1294
  "nlHeadingLevel2Color": "#154273",
1279
- "nlHeadingLevel2FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1295
+ "nlHeadingLevel2FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1280
1296
  "nlHeadingLevel2FontWeight": 700,
1281
1297
  "nlHeadingLevel2LineHeight": "125%",
1282
1298
  "nlHeadingLevel2FontSize": "2.5rem",
1283
1299
  "nlHeadingLevel2MarginBlockEnd": 0,
1284
1300
  "nlHeadingLevel2MarginBlockStart": 0,
1285
1301
  "nlHeadingLevel3Color": "#154273",
1286
- "nlHeadingLevel3FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1302
+ "nlHeadingLevel3FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1287
1303
  "nlHeadingLevel3FontWeight": 700,
1288
1304
  "nlHeadingLevel3LineHeight": "125%",
1289
1305
  "nlHeadingLevel3FontSize": "1.875rem",
1290
1306
  "nlHeadingLevel3MarginBlockEnd": 0,
1291
1307
  "nlHeadingLevel3MarginBlockStart": 0,
1292
1308
  "nlHeadingLevel4Color": "#154273",
1293
- "nlHeadingLevel4FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1309
+ "nlHeadingLevel4FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1294
1310
  "nlHeadingLevel4FontWeight": 700,
1295
1311
  "nlHeadingLevel4LineHeight": "125%",
1296
1312
  "nlHeadingLevel4FontSize": "1.5rem",
1297
1313
  "nlHeadingLevel4MarginBlockEnd": 0,
1298
1314
  "nlHeadingLevel4MarginBlockStart": 0,
1299
1315
  "nlHeadingLevel5Color": "#154273",
1300
- "nlHeadingLevel5FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1316
+ "nlHeadingLevel5FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1301
1317
  "nlHeadingLevel5FontWeight": 700,
1302
1318
  "nlHeadingLevel5LineHeight": "125%",
1303
1319
  "nlHeadingLevel5FontSize": "1.25rem",
@@ -1310,7 +1326,7 @@
1310
1326
  "nlNumberBadgeFontWeight": 700,
1311
1327
  "nlNumberBadgeBorderWidth": "0px",
1312
1328
  "nlNumberBadgeBorderRadius": "999px",
1313
- "nlNumberBadgeFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1329
+ "nlNumberBadgeFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1314
1330
  "nlNumberBadgeBackgroundColor": "#154273",
1315
1331
  "nlNumberBadgeBorderColor": "transparent",
1316
1332
  "nlNumberBadgeColor": "#fff",