@rijkshuisstijl-community/design-tokens 7.0.0 → 8.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 (104) hide show
  1. package/CHANGELOG.md +72 -0
  2. package/dist/_variables.scss +10 -48
  3. package/dist/index.css +10 -48
  4. package/dist/index.d.ts +8 -46
  5. package/dist/index.js +10 -48
  6. package/dist/index.json +9 -47
  7. package/dist/index.tokens.json +14 -64
  8. package/dist/koop/_variables.scss +23 -61
  9. package/dist/koop/index.css +23 -61
  10. package/dist/koop/index.d.ts +21 -59
  11. package/dist/koop/index.js +23 -61
  12. package/dist/koop/index.json +22 -60
  13. package/dist/koop/index.tokens.json +47 -97
  14. package/dist/koop/root.css +23 -61
  15. package/dist/koop/tokens.d.ts +46 -96
  16. package/dist/koop/tokens.js +528 -1396
  17. package/dist/root.css +10 -48
  18. package/dist/tokens.d.ts +13 -63
  19. package/dist/tokens.js +200 -1068
  20. package/dist/uitvoerend-groen/_variables.scss +23 -61
  21. package/dist/uitvoerend-groen/index.css +23 -61
  22. package/dist/uitvoerend-groen/index.d.ts +21 -59
  23. package/dist/uitvoerend-groen/index.js +23 -61
  24. package/dist/uitvoerend-groen/index.json +22 -60
  25. package/dist/uitvoerend-groen/index.tokens.json +47 -97
  26. package/dist/uitvoerend-groen/root.css +23 -61
  27. package/dist/uitvoerend-groen/tokens.d.ts +46 -96
  28. package/dist/uitvoerend-groen/tokens.js +528 -1396
  29. package/dist/uitvoerend-hemelblauw/_variables.scss +23 -61
  30. package/dist/uitvoerend-hemelblauw/index.css +23 -61
  31. package/dist/uitvoerend-hemelblauw/index.d.ts +21 -59
  32. package/dist/uitvoerend-hemelblauw/index.js +23 -61
  33. package/dist/uitvoerend-hemelblauw/index.json +22 -60
  34. package/dist/uitvoerend-hemelblauw/index.tokens.json +47 -97
  35. package/dist/uitvoerend-hemelblauw/root.css +23 -61
  36. package/dist/uitvoerend-hemelblauw/tokens.d.ts +46 -96
  37. package/dist/uitvoerend-hemelblauw/tokens.js +528 -1396
  38. package/dist/uitvoerend-mintgroen/_variables.scss +23 -61
  39. package/dist/uitvoerend-mintgroen/index.css +23 -61
  40. package/dist/uitvoerend-mintgroen/index.d.ts +21 -59
  41. package/dist/uitvoerend-mintgroen/index.js +23 -61
  42. package/dist/uitvoerend-mintgroen/index.json +22 -60
  43. package/dist/uitvoerend-mintgroen/index.tokens.json +47 -97
  44. package/dist/uitvoerend-mintgroen/root.css +23 -61
  45. package/dist/uitvoerend-mintgroen/tokens.d.ts +46 -96
  46. package/dist/uitvoerend-mintgroen/tokens.js +528 -1396
  47. package/dist/uitvoerend-oranje/_variables.scss +23 -61
  48. package/dist/uitvoerend-oranje/index.css +23 -61
  49. package/dist/uitvoerend-oranje/index.d.ts +21 -59
  50. package/dist/uitvoerend-oranje/index.js +23 -61
  51. package/dist/uitvoerend-oranje/index.json +22 -60
  52. package/dist/uitvoerend-oranje/index.tokens.json +47 -97
  53. package/dist/uitvoerend-oranje/root.css +23 -61
  54. package/dist/uitvoerend-oranje/tokens.d.ts +46 -96
  55. package/dist/uitvoerend-oranje/tokens.js +528 -1396
  56. package/dist/uitvoerend-paars/_variables.scss +23 -61
  57. package/dist/uitvoerend-paars/index.css +23 -61
  58. package/dist/uitvoerend-paars/index.d.ts +21 -59
  59. package/dist/uitvoerend-paars/index.js +23 -61
  60. package/dist/uitvoerend-paars/index.json +22 -60
  61. package/dist/uitvoerend-paars/index.tokens.json +47 -97
  62. package/dist/uitvoerend-paars/root.css +23 -61
  63. package/dist/uitvoerend-paars/tokens.d.ts +46 -96
  64. package/dist/uitvoerend-paars/tokens.js +528 -1396
  65. package/dist/uitvoerend-violet/_variables.scss +23 -61
  66. package/dist/uitvoerend-violet/index.css +23 -61
  67. package/dist/uitvoerend-violet/index.d.ts +21 -59
  68. package/dist/uitvoerend-violet/index.js +23 -61
  69. package/dist/uitvoerend-violet/index.json +22 -60
  70. package/dist/uitvoerend-violet/index.tokens.json +47 -97
  71. package/dist/uitvoerend-violet/root.css +23 -61
  72. package/dist/uitvoerend-violet/tokens.d.ts +46 -96
  73. package/dist/uitvoerend-violet/tokens.js +528 -1396
  74. package/dist/uitvoerend-violet-oud/_variables.scss +23 -61
  75. package/dist/uitvoerend-violet-oud/index.css +23 -61
  76. package/dist/uitvoerend-violet-oud/index.d.ts +21 -59
  77. package/dist/uitvoerend-violet-oud/index.js +23 -61
  78. package/dist/uitvoerend-violet-oud/index.json +22 -60
  79. package/dist/uitvoerend-violet-oud/index.tokens.json +47 -97
  80. package/dist/uitvoerend-violet-oud/root.css +23 -61
  81. package/dist/uitvoerend-violet-oud/tokens.d.ts +46 -96
  82. package/dist/uitvoerend-violet-oud/tokens.js +528 -1396
  83. package/dist/wetgevend/_variables.scss +23 -61
  84. package/dist/wetgevend/index.css +23 -61
  85. package/dist/wetgevend/index.d.ts +21 -59
  86. package/dist/wetgevend/index.js +23 -61
  87. package/dist/wetgevend/index.json +22 -60
  88. package/dist/wetgevend/index.tokens.json +47 -97
  89. package/dist/wetgevend/root.css +23 -61
  90. package/dist/wetgevend/tokens.d.ts +46 -96
  91. package/dist/wetgevend/tokens.js +528 -1396
  92. package/figma/figma.tokens.json +51 -270
  93. package/package.json +1 -1
  94. package/src/generated/base.tokens.json +35 -199
  95. package/src/generated/koop/tokens.json +105 -269
  96. package/src/generated/themes.json +945 -2421
  97. package/src/generated/uitvoerend-groen/tokens.json +105 -269
  98. package/src/generated/uitvoerend-hemelblauw/tokens.json +105 -269
  99. package/src/generated/uitvoerend-mintgroen/tokens.json +105 -269
  100. package/src/generated/uitvoerend-oranje/tokens.json +105 -269
  101. package/src/generated/uitvoerend-paars/tokens.json +105 -269
  102. package/src/generated/uitvoerend-violet/tokens.json +105 -269
  103. package/src/generated/uitvoerend-violet-oud/tokens.json +105 -269
  104. package/src/generated/wetgevend/tokens.json +105 -269
@@ -217,8 +217,15 @@
217
217
  "utrechtTextareaDisabledBackgroundColor": "#CBD5E1",
218
218
  "utrechtTextareaDisabledBorderColor": "#94A3B8",
219
219
  "utrechtTextareaDisabledColor": "#475569",
220
- "utrechtFormFieldErrorMessageIconMarginInlineEnd": "0.5rem",
221
- "utrechtFormFieldErrorMessageIconSize": "24px",
220
+ "utrechtFormLabelColor": "#0F172A",
221
+ "utrechtFormLabelFontSize": "1.25rem",
222
+ "utrechtFormLabelFontWeight": 700,
223
+ "utrechtFormLabelCheckboxColor": "#0F172A",
224
+ "utrechtFormLabelCheckboxFontWeight": 400,
225
+ "utrechtFormLabelRadioColor": "#0F172A",
226
+ "utrechtFormLabelRadioFontWeight": 400,
227
+ "utrechtFormLabelCheckedFontWeight": 400,
228
+ "utrechtFormLabelDisabledColor": "#94A3B8",
222
229
  "utrechtFormFieldErrorMessageBackgroundColor": "transparent",
223
230
  "utrechtFormFieldErrorMessageColor": "#d52b1e",
224
231
  "utrechtFormFieldErrorMessageFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
@@ -231,22 +238,12 @@
231
238
  "utrechtFormFieldErrorMessagePaddingBlockStart": "0rem",
232
239
  "utrechtFormFieldErrorMessagePaddingInlineEnd": "0rem",
233
240
  "utrechtFormFieldErrorMessagePaddingInlineStart": "0rem",
234
- "utrechtFormFieldDescriptionPaddingBlockEnd": "0.5rem",
235
241
  "utrechtFormFieldDescriptionColor": "#334155",
236
242
  "utrechtFormFieldDescriptionFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
237
243
  "utrechtFormFieldDescriptionFontSize": "1.25rem",
238
244
  "utrechtFormFieldDescriptionLineHeight": "150%",
239
245
  "utrechtFormFieldDescriptionMarginBlockEnd": "0.5rem",
240
246
  "utrechtFormFieldDescriptionMarginBlockStart": "-0.5rem",
241
- "utrechtFormLabelColor": "#0F172A",
242
- "utrechtFormLabelFontSize": "1.25rem",
243
- "utrechtFormLabelFontWeight": 700,
244
- "utrechtFormLabelCheckboxColor": "#0F172A",
245
- "utrechtFormLabelCheckboxFontWeight": 400,
246
- "utrechtFormLabelRadioColor": "#0F172A",
247
- "utrechtFormLabelRadioFontWeight": 400,
248
- "utrechtFormLabelCheckedFontWeight": 400,
249
- "utrechtFormLabelDisabledColor": "#94A3B8",
250
247
  "utrechtFigureCaptionBorderColor": "#CBD5E1",
251
248
  "utrechtFigureCaptionBorderWidth": "4px",
252
249
  "utrechtFigureCaptionPaddingBlockEnd": "0.5rem",
@@ -271,46 +268,6 @@
271
268
  "utrechtNumberBadgeMinInlineSize": "24px",
272
269
  "utrechtNumberBadgePaddingBlock": "0.125rem",
273
270
  "utrechtNumberBadgePaddingInline": "0.5rem",
274
- "utrechtBlockquoteBorderBlockEndWidth": 0,
275
- "utrechtBlockquoteBorderBlockStartWidth": 0,
276
- "utrechtBlockquoteBorderEndEndRadius": 0,
277
- "utrechtBlockquoteBorderEndStartRadius": 0,
278
- "utrechtBlockquoteBorderInlineEndWidth": 0,
279
- "utrechtBlockquoteBorderStartEndRadius": 0,
280
- "utrechtBlockquoteBorderStartStartRadius": 0,
281
- "utrechtBlockquoteMarginBlockEnd": 0,
282
- "utrechtBlockquoteMarginBlockStart": 0,
283
- "utrechtBlockquoteMarginInlineEnd": 0,
284
- "utrechtBlockquoteMarginInlineStart": 0,
285
- "utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth": "2px",
286
- "utrechtBlockquoteBlueCornerBorderVariationBorderColor": "#154273",
287
- "utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius": "3rem",
288
- "utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth": "2px",
289
- "utrechtBlockquoteCaptionColor": "#154273",
290
- "utrechtBlockquoteCaptionFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
291
- "utrechtBlockquoteCaptionFontSize": "1.25rem",
292
- "utrechtBlockquoteCaptionFontWeight": 400,
293
- "utrechtBlockquoteCaptionLineHeight": "150%",
294
- "utrechtBlockquoteCaptionPaddingBlockStart": "0.75rem",
295
- "utrechtBlockquoteContentFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
296
- "utrechtBlockquoteContentFontWeight": 400,
297
- "utrechtBlockquoteContentLineHeight": "150%",
298
- "utrechtBlockquoteContentColor": "#154273",
299
- "utrechtBlockquoteContentFontSize": "1.25rem",
300
- "utrechtBlockquotePinkBackgroundVariationBackgroundColor": "#F6BDE1",
301
- "utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius": "3rem",
302
- "utrechtBlockquotePinkBackgroundVariationPadding": "2.5rem",
303
- "utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth": "0.25rem",
304
- "utrechtBlockquotePinkCornerBorderVariationBorderColor": "#F6BDE1",
305
- "utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth": "0.25rem",
306
- "utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius": "3rem",
307
- "utrechtBlockquotePinkCornerBorderVariationPadding": "2.5rem",
308
- "utrechtBlockquotePinkLeftBorderVariationBorderColor": "#F6BDE1",
309
- "utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth": "0.75rem",
310
- "utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd": "1.5rem",
311
- "utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart": "1.5rem",
312
- "utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd": "2.5rem",
313
- "utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart": "2.5rem",
314
271
  "utrechtBlockquoteBackgroundColor": "transparent",
315
272
  "utrechtBlockquoteBorderInlineStartWidth": "0px",
316
273
  "utrechtBlockquoteBorderColor": "transparent",
@@ -326,6 +283,8 @@
326
283
  "utrechtBlockquoteRowGap": "0.75rem",
327
284
  "utrechtBlockquoteAttributionColor": "#154273",
328
285
  "utrechtBlockquoteAttributionFontSize": "1.25rem",
286
+ "utrechtBlockquoteContentColor": "#154273",
287
+ "utrechtBlockquoteContentFontSize": "1.25rem",
329
288
  "utrechtAlertBackgroundColor": "#d9ebf7",
330
289
  "utrechtAlertBorderColor": "transparent",
331
290
  "utrechtAlertBorderRadius": "5px",
@@ -825,7 +784,15 @@
825
784
  "nlHeadingLevel6LineHeight": "150%",
826
785
  "nlHeadingLevel6MarginBlockEnd": "0rem",
827
786
  "nlHeadingLevel6MarginBlockStart": "0rem",
828
- "rhcKeepComment": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.",
787
+ "rhcBlockquoteMarginBlockEnd": "0rem",
788
+ "rhcBlockquoteMarginBlockStart": "0rem",
789
+ "rhcBlockquoteMarginInlineEnd": "0rem",
790
+ "rhcBlockquoteMarginInlineStart": "0rem",
791
+ "rhcDataBadgeButtonColumnGap": "0.125rem",
792
+ "rhcDataBadgeButtonHoverBackgroundColor": "#154273",
793
+ "rhcDataBadgeButtonHoverColor": "#fff",
794
+ "rhcBreadcrumbNavLinkCurrentColor": "#334155",
795
+ "rhcKeepComment": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset common/rounded-corner.",
829
796
  "rhcKeepTopLeftBorderRadiusTopLeft": "48px",
830
797
  "rhcKeepTopLeftBorderRadiusTopRight": 0,
831
798
  "rhcKeepTopLeftBorderRadiusBottomRight": 0,
@@ -842,10 +809,6 @@
842
809
  "rhcKeepBottomLeftBorderRadiusTopRight": 0,
843
810
  "rhcKeepBottomLeftBorderRadiusBottomRight": 0,
844
811
  "rhcKeepBottomLeftBorderRadiusBottomLeft": "48px",
845
- "rhcDataBadgeButtonColumnGap": "0.125rem",
846
- "rhcDataBadgeButtonHoverBackgroundColor": "#154273",
847
- "rhcDataBadgeButtonHoverColor": "#fff",
848
- "rhcBreadcrumbNavLinkCurrentColor": "#334155",
849
812
  "rhcRoundedCornerXsBorderRadius": "24px",
850
813
  "rhcRoundedCornerMdBorderRadius": "48px",
851
814
  "rhcRoundedCornerXlBorderRadius": "96px",
@@ -982,6 +945,7 @@
982
945
  "rhcNavBarLinkPaddingInlineEnd": "0.75rem",
983
946
  "rhcNavBarLinkPaddingInlineStart": "0.75rem",
984
947
  "rhcNavBarLinkColumnGap": "0.5rem",
948
+ "rhcNavBarLinkFontSize": "1.25rem",
985
949
  "rhcNavBarHeadingFontWeight": 700,
986
950
  "rhcNavBarBackgroundColor": "#fff",
987
951
  "rhcNavBarColor": "#154273",
@@ -1148,7 +1112,6 @@
1148
1112
  "rhcColorForegroundLink": "#01689b",
1149
1113
  "rhcColorForegroundOnDarkColor": "#fff",
1150
1114
  "rhcColorForegroundOnLightColor": "#000",
1151
- "rhcColorBackdrop": "#0000004d",
1152
1115
  "rhcColorBorderDefault": "#64748B",
1153
1116
  "rhcColorBorderSubdued": "#94A3B8",
1154
1117
  "rhcColorBorderStrong": "#0F172A",
@@ -1290,7 +1253,6 @@
1290
1253
  "rhcColorLintblauw500": "#154273",
1291
1254
  "rhcColorWit": "#fff",
1292
1255
  "rhcColorZwart": "#000",
1293
- "rhcColorTransparent30": "#0000004d",
1294
1256
  "rhcColorNone": "transparent",
1295
1257
  "rhcFocusOutlineOffset": "0.125rem",
1296
1258
  "rhcFocusOutlineStyle": "solid",
@@ -1334,7 +1296,7 @@
1334
1296
  "rhcSizeHalfLint": "24px",
1335
1297
  "rhcSizeLint": "48px",
1336
1298
  "rhcSize2Lint": "96px",
1337
- "rhcSize3Lint": "1440px",
1299
+ "rhcSize3Lint": "144px",
1338
1300
  "rhcFontFamilyPrimary": "'Fira Sans', Arial, Verdana, sans-serif",
1339
1301
  "rhcFontFamilySecondary": "RijksoverheidSerifWeb, 'Times New Roman', serif",
1340
1302
  "rhcBorderWidthDefault": "1px",
@@ -324,11 +324,26 @@
324
324
  "color": "#475569"
325
325
  }
326
326
  },
327
- "form-field-error-message": {
328
- "icon": {
329
- "margin-inline-end": "0.5rem",
330
- "size": "24px"
327
+ "form-label": {
328
+ "color": "#0F172A",
329
+ "font-size": "1.25rem",
330
+ "font-weight": 700,
331
+ "checkbox": {
332
+ "color": "#0F172A",
333
+ "font-weight": 400
334
+ },
335
+ "radio": {
336
+ "color": "#0F172A",
337
+ "font-weight": 400
338
+ },
339
+ "checked": {
340
+ "font-weight": 400
331
341
  },
342
+ "disabled": {
343
+ "color": "#94A3B8"
344
+ }
345
+ },
346
+ "form-field-error-message": {
332
347
  "background-color": "transparent",
333
348
  "color": "#d52b1e",
334
349
  "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
@@ -343,7 +358,6 @@
343
358
  "padding-inline-start": "0rem"
344
359
  },
345
360
  "form-field-description": {
346
- "padding-block-end": "0.5rem",
347
361
  "color": "#334155",
348
362
  "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
349
363
  "font-size": "1.25rem",
@@ -351,25 +365,6 @@
351
365
  "margin-block-end": "0.5rem",
352
366
  "margin-block-start": "-0.5rem"
353
367
  },
354
- "form-label": {
355
- "color": "#0F172A",
356
- "font-size": "1.25rem",
357
- "font-weight": 700,
358
- "checkbox": {
359
- "color": "#0F172A",
360
- "font-weight": 400
361
- },
362
- "radio": {
363
- "color": "#0F172A",
364
- "font-weight": 400
365
- },
366
- "checked": {
367
- "font-weight": 400
368
- },
369
- "disabled": {
370
- "color": "#94A3B8"
371
- }
372
- },
373
368
  "figure": {
374
369
  "caption": {
375
370
  "border-color": "#CBD5E1",
@@ -403,58 +398,6 @@
403
398
  "padding-inline": "0.5rem"
404
399
  },
405
400
  "blockquote": {
406
- "border-block-end-width": 0,
407
- "border-block-start-width": 0,
408
- "border-end-end-radius": 0,
409
- "border-end-start-radius": 0,
410
- "border-inline-end-width": 0,
411
- "border-start-end-radius": 0,
412
- "border-start-start-radius": 0,
413
- "margin-block-end": 0,
414
- "margin-block-start": 0,
415
- "margin-inline-end": 0,
416
- "margin-inline-start": 0,
417
- "blue-corner-border-variation": {
418
- "border-block-end-width": "2px",
419
- "border-color": "#154273",
420
- "border-end-end-radius": "3rem",
421
- "border-inline-end-width": "2px"
422
- },
423
- "caption": {
424
- "color": "#154273",
425
- "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
426
- "font-size": "1.25rem",
427
- "font-weight": 400,
428
- "line-height": "150%",
429
- "padding-block-start": "0.75rem"
430
- },
431
- "content": {
432
- "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
433
- "font-weight": 400,
434
- "line-height": "150%",
435
- "color": "#154273",
436
- "font-size": "1.25rem"
437
- },
438
- "pink-background-variation": {
439
- "background-color": "#F6BDE1",
440
- "border-end-start-radius": "3rem",
441
- "padding": "2.5rem"
442
- },
443
- "pink-corner-border-variation": {
444
- "border-block-start-width": "0.25rem",
445
- "border-color": "#F6BDE1",
446
- "border-inline-start-width": "0.25rem",
447
- "border-start-start-radius": "3rem",
448
- "padding": "2.5rem"
449
- },
450
- "pink-left-border-variation": {
451
- "border-color": "#F6BDE1",
452
- "border-inline-start-width": "0.75rem",
453
- "padding-block-end": "1.5rem",
454
- "padding-block-start": "1.5rem",
455
- "padding-inline-end": "2.5rem",
456
- "padding-inline-start": "2.5rem"
457
- },
458
401
  "background-color": "transparent",
459
402
  "border-inline-start-width": "0px",
460
403
  "border-color": "transparent",
@@ -471,6 +414,10 @@
471
414
  "attribution": {
472
415
  "color": "#154273",
473
416
  "font-size": "1.25rem"
417
+ },
418
+ "content": {
419
+ "color": "#154273",
420
+ "font-size": "1.25rem"
474
421
  }
475
422
  },
476
423
  "alert": {
@@ -1306,8 +1253,28 @@
1306
1253
  }
1307
1254
  },
1308
1255
  "rhc": {
1256
+ "blockquote": {
1257
+ "margin-block-end": "0rem",
1258
+ "margin-block-start": "0rem",
1259
+ "margin-inline-end": "0rem",
1260
+ "margin-inline-start": "0rem"
1261
+ },
1262
+ "data-badge-button": {
1263
+ "column-gap": "0.125rem",
1264
+ "hover": {
1265
+ "background-color": "#154273",
1266
+ "color": "#fff"
1267
+ }
1268
+ },
1269
+ "breadcrumb-nav": {
1270
+ "link": {
1271
+ "current": {
1272
+ "color": "#334155"
1273
+ }
1274
+ }
1275
+ },
1309
1276
  "keep": {
1310
- "_comment": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.",
1277
+ "_comment": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset common/rounded-corner.",
1311
1278
  "top-left": {
1312
1279
  "borderRadiusTopLeft": "48px",
1313
1280
  "borderRadiusTopRight": 0,
@@ -1333,20 +1300,6 @@
1333
1300
  "borderRadiusBottomLeft": "48px"
1334
1301
  }
1335
1302
  },
1336
- "data-badge-button": {
1337
- "column-gap": "0.125rem",
1338
- "hover": {
1339
- "background-color": "#154273",
1340
- "color": "#fff"
1341
- }
1342
- },
1343
- "breadcrumb-nav": {
1344
- "link": {
1345
- "current": {
1346
- "color": "#334155"
1347
- }
1348
- }
1349
- },
1350
1303
  "rounded-corner": {
1351
1304
  "xs": {
1352
1305
  "border-radius": "24px"
@@ -1578,7 +1531,8 @@
1578
1531
  "padding-block-start": "1rem",
1579
1532
  "padding-inline-end": "0.75rem",
1580
1533
  "padding-inline-start": "0.75rem",
1581
- "column-gap": "0.5rem"
1534
+ "column-gap": "0.5rem",
1535
+ "font-size": "1.25rem"
1582
1536
  },
1583
1537
  "heading": {
1584
1538
  "font-weight": 700
@@ -1858,7 +1812,6 @@
1858
1812
  "on-dark-color": "#fff",
1859
1813
  "on-light-color": "#000"
1860
1814
  },
1861
- "backdrop": "#0000004d",
1862
1815
  "border": {
1863
1816
  "default": "#64748B",
1864
1817
  "subdued": "#94A3B8",
@@ -2056,9 +2009,6 @@
2056
2009
  },
2057
2010
  "wit": "#fff",
2058
2011
  "zwart": "#000",
2059
- "transparent": {
2060
- "30": "#0000004d"
2061
- },
2062
2012
  "none": "transparent"
2063
2013
  },
2064
2014
  "focus": {
@@ -2128,7 +2078,7 @@
2128
2078
  "half-lint": "24px",
2129
2079
  "lint": "48px",
2130
2080
  "2-lint": "96px",
2131
- "3-lint": "1440px"
2081
+ "3-lint": "144px"
2132
2082
  },
2133
2083
  "font-family": {
2134
2084
  "primary": "'Fira Sans', Arial, Verdana, sans-serif",
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 09 Sep 2025 07:01:23 GMT
3
+ * Generated on Fri, 26 Sep 2025 23:36:52 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -21,7 +21,7 @@
21
21
  --rhc-border-width-default: 1px;
22
22
  --rhc-font-family-secondary: RijksoverheidSerifWeb, 'Times New Roman', serif;
23
23
  --rhc-font-family-primary: 'Fira Sans', Arial, Verdana, sans-serif;
24
- --rhc-size-3-lint: 1440px;
24
+ --rhc-size-3-lint: 144px;
25
25
  --rhc-size-2-lint: 96px;
26
26
  --rhc-size-lint: 48px;
27
27
  --rhc-size-half-lint: 24px;
@@ -65,7 +65,6 @@
65
65
  --rhc-focus-outline-style: solid;
66
66
  --rhc-focus-outline-offset: 0.125rem;
67
67
  --rhc-color-none: transparent;
68
- --rhc-color-transparent-30: #0000004d;
69
68
  --rhc-color-zwart: #000;
70
69
  --rhc-color-wit: #fff;
71
70
  --rhc-color-lintblauw-500: #154273;
@@ -207,7 +206,6 @@
207
206
  --rhc-color-border-strong: #0F172A;
208
207
  --rhc-color-border-subdued: #94A3B8;
209
208
  --rhc-color-border-default: #64748B;
210
- --rhc-color-backdrop: #0000004d;
211
209
  --rhc-color-foreground-on-light-color: #000;
212
210
  --rhc-color-foreground-on-dark-color: #fff;
213
211
  --rhc-color-foreground-link: #01689b;
@@ -374,6 +372,7 @@
374
372
  --rhc-nav-bar-color: #154273;
375
373
  --rhc-nav-bar-background-color: #fff;
376
374
  --rhc-nav-bar-heading-font-weight: 700;
375
+ --rhc-nav-bar-link-font-size: 1.25rem;
377
376
  --rhc-nav-bar-link-column-gap: 0.5rem;
378
377
  --rhc-nav-bar-link-padding-inline-start: 0.75rem;
379
378
  --rhc-nav-bar-link-padding-inline-end: 0.75rem;
@@ -510,10 +509,6 @@
510
509
  --rhc-rounded-corner-xl-border-radius: 96px;
511
510
  --rhc-rounded-corner-md-border-radius: 48px;
512
511
  --rhc-rounded-corner-xs-border-radius: 24px;
513
- --rhc-breadcrumb-nav-link-current-color: #334155;
514
- --rhc-data-badge-button-hover-color: #fff;
515
- --rhc-data-badge-button-hover-background-color: #154273;
516
- --rhc-data-badge-button-column-gap: 0.125rem;
517
512
  --rhc-keep-bottom-left-border-radius-bottom-left: 48px;
518
513
  --rhc-keep-bottom-left-border-radius-bottom-right: 0;
519
514
  --rhc-keep-bottom-left-border-radius-top-right: 0;
@@ -530,7 +525,15 @@
530
525
  --rhc-keep-top-left-border-radius-bottom-right: 0;
531
526
  --rhc-keep-top-left-border-radius-top-right: 0;
532
527
  --rhc-keep-top-left-border-radius-top-left: 48px;
533
- --rhc-keep-comment: ⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.;
528
+ --rhc-keep-comment: ⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset common/rounded-corner.;
529
+ --rhc-breadcrumb-nav-link-current-color: #334155;
530
+ --rhc-data-badge-button-hover-color: #fff;
531
+ --rhc-data-badge-button-hover-background-color: #154273;
532
+ --rhc-data-badge-button-column-gap: 0.125rem;
533
+ --rhc-blockquote-margin-inline-start: 0rem;
534
+ --rhc-blockquote-margin-inline-end: 0rem;
535
+ --rhc-blockquote-margin-block-start: 0rem;
536
+ --rhc-blockquote-margin-block-end: 0rem;
534
537
  --nl-heading-level-6-margin-block-start: 0rem;
535
538
  --nl-heading-level-6-margin-block-end: 0rem;
536
539
  --nl-heading-level-6-line-height: 150%;
@@ -1030,6 +1033,8 @@
1030
1033
  --utrecht-alert-border-radius: 5px;
1031
1034
  --utrecht-alert-border-color: transparent;
1032
1035
  --utrecht-alert-background-color: #d9ebf7;
1036
+ --utrecht-blockquote-content-font-size: 1.25rem;
1037
+ --utrecht-blockquote-content-color: #154273;
1033
1038
  --utrecht-blockquote-attribution-font-size: 1.25rem;
1034
1039
  --utrecht-blockquote-attribution-color: #154273;
1035
1040
  --utrecht-blockquote-row-gap: 0.75rem;
@@ -1045,46 +1050,6 @@
1045
1050
  --utrecht-blockquote-border-color: transparent;
1046
1051
  --utrecht-blockquote-border-inline-start-width: 0px;
1047
1052
  --utrecht-blockquote-background-color: transparent;
1048
- --utrecht-blockquote-pink-left-border-variation-padding-inline-start: 2.5rem;
1049
- --utrecht-blockquote-pink-left-border-variation-padding-inline-end: 2.5rem;
1050
- --utrecht-blockquote-pink-left-border-variation-padding-block-start: 1.5rem;
1051
- --utrecht-blockquote-pink-left-border-variation-padding-block-end: 1.5rem;
1052
- --utrecht-blockquote-pink-left-border-variation-border-inline-start-width: 0.75rem;
1053
- --utrecht-blockquote-pink-left-border-variation-border-color: #F6BDE1;
1054
- --utrecht-blockquote-pink-corner-border-variation-padding: 2.5rem;
1055
- --utrecht-blockquote-pink-corner-border-variation-border-start-start-radius: 3rem;
1056
- --utrecht-blockquote-pink-corner-border-variation-border-inline-start-width: 0.25rem;
1057
- --utrecht-blockquote-pink-corner-border-variation-border-color: #F6BDE1;
1058
- --utrecht-blockquote-pink-corner-border-variation-border-block-start-width: 0.25rem;
1059
- --utrecht-blockquote-pink-background-variation-padding: 2.5rem;
1060
- --utrecht-blockquote-pink-background-variation-border-end-start-radius: 3rem;
1061
- --utrecht-blockquote-pink-background-variation-background-color: #F6BDE1;
1062
- --utrecht-blockquote-content-font-size: 1.25rem;
1063
- --utrecht-blockquote-content-color: #154273;
1064
- --utrecht-blockquote-content-line-height: 150%;
1065
- --utrecht-blockquote-content-font-weight: 400;
1066
- --utrecht-blockquote-content-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
1067
- --utrecht-blockquote-caption-padding-block-start: 0.75rem;
1068
- --utrecht-blockquote-caption-line-height: 150%;
1069
- --utrecht-blockquote-caption-font-weight: 400;
1070
- --utrecht-blockquote-caption-font-size: 1.25rem;
1071
- --utrecht-blockquote-caption-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
1072
- --utrecht-blockquote-caption-color: #154273;
1073
- --utrecht-blockquote-blue-corner-border-variation-border-inline-end-width: 2px;
1074
- --utrecht-blockquote-blue-corner-border-variation-border-end-end-radius: 3rem;
1075
- --utrecht-blockquote-blue-corner-border-variation-border-color: #154273;
1076
- --utrecht-blockquote-blue-corner-border-variation-border-block-end-width: 2px;
1077
- --utrecht-blockquote-margin-inline-start: 0;
1078
- --utrecht-blockquote-margin-inline-end: 0;
1079
- --utrecht-blockquote-margin-block-start: 0;
1080
- --utrecht-blockquote-margin-block-end: 0;
1081
- --utrecht-blockquote-border-start-start-radius: 0;
1082
- --utrecht-blockquote-border-start-end-radius: 0;
1083
- --utrecht-blockquote-border-inline-end-width: 0;
1084
- --utrecht-blockquote-border-end-start-radius: 0;
1085
- --utrecht-blockquote-border-end-end-radius: 0;
1086
- --utrecht-blockquote-border-block-start-width: 0;
1087
- --utrecht-blockquote-border-block-end-width: 0;
1088
1053
  --utrecht-number-badge-padding-inline: 0.5rem;
1089
1054
  --utrecht-number-badge-padding-block: 0.125rem;
1090
1055
  --utrecht-number-badge-min-inline-size: 24px;
@@ -1109,22 +1074,12 @@
1109
1074
  --utrecht-figure-caption-padding-block-end: 0.5rem;
1110
1075
  --utrecht-figure-caption-border-width: 4px;
1111
1076
  --utrecht-figure-caption-border-color: #CBD5E1;
1112
- --utrecht-form-label-disabled-color: #94A3B8;
1113
- --utrecht-form-label-checked-font-weight: 400;
1114
- --utrecht-form-label-radio-font-weight: 400;
1115
- --utrecht-form-label-radio-color: #0F172A;
1116
- --utrecht-form-label-checkbox-font-weight: 400;
1117
- --utrecht-form-label-checkbox-color: #0F172A;
1118
- --utrecht-form-label-font-weight: 700;
1119
- --utrecht-form-label-font-size: 1.25rem;
1120
- --utrecht-form-label-color: #0F172A;
1121
1077
  --utrecht-form-field-description-margin-block-start: -0.5rem;
1122
1078
  --utrecht-form-field-description-margin-block-end: 0.5rem;
1123
1079
  --utrecht-form-field-description-line-height: 150%;
1124
1080
  --utrecht-form-field-description-font-size: 1.25rem;
1125
1081
  --utrecht-form-field-description-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
1126
1082
  --utrecht-form-field-description-color: #334155;
1127
- --utrecht-form-field-description-padding-block-end: 0.5rem;
1128
1083
  --utrecht-form-field-error-message-padding-inline-start: 0rem;
1129
1084
  --utrecht-form-field-error-message-padding-inline-end: 0rem;
1130
1085
  --utrecht-form-field-error-message-padding-block-start: 0rem;
@@ -1137,8 +1092,15 @@
1137
1092
  --utrecht-form-field-error-message-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
1138
1093
  --utrecht-form-field-error-message-color: #d52b1e;
1139
1094
  --utrecht-form-field-error-message-background-color: transparent;
1140
- --utrecht-form-field-error-message-icon-size: 24px;
1141
- --utrecht-form-field-error-message-icon-margin-inline-end: 0.5rem;
1095
+ --utrecht-form-label-disabled-color: #94A3B8;
1096
+ --utrecht-form-label-checked-font-weight: 400;
1097
+ --utrecht-form-label-radio-font-weight: 400;
1098
+ --utrecht-form-label-radio-color: #0F172A;
1099
+ --utrecht-form-label-checkbox-font-weight: 400;
1100
+ --utrecht-form-label-checkbox-color: #0F172A;
1101
+ --utrecht-form-label-font-weight: 700;
1102
+ --utrecht-form-label-font-size: 1.25rem;
1103
+ --utrecht-form-label-color: #0F172A;
1142
1104
  --utrecht-textarea-disabled-color: #475569;
1143
1105
  --utrecht-textarea-disabled-border-color: #94A3B8;
1144
1106
  --utrecht-textarea-disabled-background-color: #CBD5E1;