@rijkshuisstijl-community/design-tokens 7.0.0 → 9.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 +84 -0
  2. package/dist/_variables.scss +14 -56
  3. package/dist/index.css +14 -56
  4. package/dist/index.d.ts +8 -50
  5. package/dist/index.js +14 -56
  6. package/dist/index.json +13 -55
  7. package/dist/index.tokens.json +18 -72
  8. package/dist/koop/_variables.scss +39 -79
  9. package/dist/koop/index.css +39 -79
  10. package/dist/koop/index.d.ts +33 -73
  11. package/dist/koop/index.js +39 -79
  12. package/dist/koop/index.json +38 -78
  13. package/dist/koop/index.tokens.json +73 -129
  14. package/dist/koop/root.css +39 -79
  15. package/dist/koop/tokens.d.ts +68 -124
  16. package/dist/koop/tokens.js +1187 -2057
  17. package/dist/root.css +14 -56
  18. package/dist/tokens.d.ts +13 -67
  19. package/dist/tokens.js +280 -1232
  20. package/dist/uitvoerend-groen/_variables.scss +27 -65
  21. package/dist/uitvoerend-groen/index.css +27 -65
  22. package/dist/uitvoerend-groen/index.d.ts +21 -59
  23. package/dist/uitvoerend-groen/index.js +27 -65
  24. package/dist/uitvoerend-groen/index.json +26 -64
  25. package/dist/uitvoerend-groen/index.tokens.json +51 -101
  26. package/dist/uitvoerend-groen/root.css +27 -65
  27. package/dist/uitvoerend-groen/tokens.d.ts +46 -96
  28. package/dist/uitvoerend-groen/tokens.js +526 -1394
  29. package/dist/uitvoerend-hemelblauw/_variables.scss +27 -65
  30. package/dist/uitvoerend-hemelblauw/index.css +27 -65
  31. package/dist/uitvoerend-hemelblauw/index.d.ts +21 -59
  32. package/dist/uitvoerend-hemelblauw/index.js +27 -65
  33. package/dist/uitvoerend-hemelblauw/index.json +26 -64
  34. package/dist/uitvoerend-hemelblauw/index.tokens.json +51 -101
  35. package/dist/uitvoerend-hemelblauw/root.css +27 -65
  36. package/dist/uitvoerend-hemelblauw/tokens.d.ts +46 -96
  37. package/dist/uitvoerend-hemelblauw/tokens.js +526 -1394
  38. package/dist/uitvoerend-mintgroen/_variables.scss +27 -65
  39. package/dist/uitvoerend-mintgroen/index.css +27 -65
  40. package/dist/uitvoerend-mintgroen/index.d.ts +21 -59
  41. package/dist/uitvoerend-mintgroen/index.js +27 -65
  42. package/dist/uitvoerend-mintgroen/index.json +26 -64
  43. package/dist/uitvoerend-mintgroen/index.tokens.json +51 -101
  44. package/dist/uitvoerend-mintgroen/root.css +27 -65
  45. package/dist/uitvoerend-mintgroen/tokens.d.ts +46 -96
  46. package/dist/uitvoerend-mintgroen/tokens.js +526 -1394
  47. package/dist/uitvoerend-oranje/_variables.scss +27 -65
  48. package/dist/uitvoerend-oranje/index.css +27 -65
  49. package/dist/uitvoerend-oranje/index.d.ts +21 -59
  50. package/dist/uitvoerend-oranje/index.js +27 -65
  51. package/dist/uitvoerend-oranje/index.json +26 -64
  52. package/dist/uitvoerend-oranje/index.tokens.json +51 -101
  53. package/dist/uitvoerend-oranje/root.css +27 -65
  54. package/dist/uitvoerend-oranje/tokens.d.ts +46 -96
  55. package/dist/uitvoerend-oranje/tokens.js +526 -1394
  56. package/dist/uitvoerend-paars/_variables.scss +27 -65
  57. package/dist/uitvoerend-paars/index.css +27 -65
  58. package/dist/uitvoerend-paars/index.d.ts +21 -59
  59. package/dist/uitvoerend-paars/index.js +27 -65
  60. package/dist/uitvoerend-paars/index.json +26 -64
  61. package/dist/uitvoerend-paars/index.tokens.json +51 -101
  62. package/dist/uitvoerend-paars/root.css +27 -65
  63. package/dist/uitvoerend-paars/tokens.d.ts +46 -96
  64. package/dist/uitvoerend-paars/tokens.js +526 -1394
  65. package/dist/uitvoerend-violet/_variables.scss +27 -65
  66. package/dist/uitvoerend-violet/index.css +27 -65
  67. package/dist/uitvoerend-violet/index.d.ts +21 -59
  68. package/dist/uitvoerend-violet/index.js +27 -65
  69. package/dist/uitvoerend-violet/index.json +26 -64
  70. package/dist/uitvoerend-violet/index.tokens.json +51 -101
  71. package/dist/uitvoerend-violet/root.css +27 -65
  72. package/dist/uitvoerend-violet/tokens.d.ts +46 -96
  73. package/dist/uitvoerend-violet/tokens.js +526 -1394
  74. package/dist/uitvoerend-violet-oud/_variables.scss +27 -65
  75. package/dist/uitvoerend-violet-oud/index.css +27 -65
  76. package/dist/uitvoerend-violet-oud/index.d.ts +21 -59
  77. package/dist/uitvoerend-violet-oud/index.js +27 -65
  78. package/dist/uitvoerend-violet-oud/index.json +26 -64
  79. package/dist/uitvoerend-violet-oud/index.tokens.json +51 -101
  80. package/dist/uitvoerend-violet-oud/root.css +27 -65
  81. package/dist/uitvoerend-violet-oud/tokens.d.ts +46 -96
  82. package/dist/uitvoerend-violet-oud/tokens.js +526 -1394
  83. package/dist/wetgevend/_variables.scss +27 -65
  84. package/dist/wetgevend/index.css +27 -65
  85. package/dist/wetgevend/index.d.ts +21 -59
  86. package/dist/wetgevend/index.js +27 -65
  87. package/dist/wetgevend/index.json +26 -64
  88. package/dist/wetgevend/index.tokens.json +51 -101
  89. package/dist/wetgevend/root.css +27 -65
  90. package/dist/wetgevend/tokens.d.ts +46 -96
  91. package/dist/wetgevend/tokens.js +526 -1394
  92. package/figma/figma.tokens.json +100 -390
  93. package/package.json +1 -1
  94. package/src/generated/base.tokens.json +39 -219
  95. package/src/generated/koop/tokens.json +190 -346
  96. package/src/generated/themes.json +1062 -2530
  97. package/src/generated/uitvoerend-groen/tokens.json +109 -273
  98. package/src/generated/uitvoerend-hemelblauw/tokens.json +109 -273
  99. package/src/generated/uitvoerend-mintgroen/tokens.json +109 -273
  100. package/src/generated/uitvoerend-oranje/tokens.json +109 -273
  101. package/src/generated/uitvoerend-paars/tokens.json +109 -273
  102. package/src/generated/uitvoerend-violet/tokens.json +109 -273
  103. package/src/generated/uitvoerend-violet-oud/tokens.json +109 -273
  104. package/src/generated/wetgevend/tokens.json +109 -273
package/CHANGELOG.md CHANGED
@@ -1,5 +1,89 @@
1
1
  # @rijkshuisstijl-community/design-tokens
2
2
 
3
+ ## 9.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - 91a9ca7: Invalid FormFields now have a red border to the left of the FormField
8
+ - e486b7a: Koop specifieke link overwrite verwijderd zodat het gelijk loopt met het generieke thema.
9
+
10
+ ### Patch Changes
11
+
12
+ - 10ec55a: Release package with npm provenance.
13
+ - 9c88f77: Cleaned up token naming convention
14
+
15
+ ## 8.0.0
16
+
17
+ ### Major Changes
18
+
19
+ - b012c3e: Cleaned up the blockquote component and separated out the rounded corner from the component.
20
+ The following tokens have been removed:
21
+ - --utrecht-blockquote-border-block-end-width
22
+ - --utrecht-blockquote-border-block-start-width
23
+ - --utrecht-blockquote-border-end-end-radius
24
+ - --utrecht-blockquote-border-end-start-radius
25
+ - --utrecht-blockquote-border-inline-end-width
26
+ - --utrecht-blockquote-border-start-end-radius
27
+ - --utrecht-blockquote-border-start-start-radius
28
+ - --utrecht-blockquote-caption-color
29
+ - --utrecht-blockquote-caption-font-family
30
+ - --utrecht-blockquote-caption-font-size
31
+ - --utrecht-blockquote-caption-font-weight
32
+ - --utrecht-blockquote-caption-line-height
33
+ - --utrecht-blockquote-caption-padding-block-start
34
+ - --utrecht-blockquote-content-font-family
35
+ - --utrecht-blockquote-content-font-weight
36
+ - --utrecht-blockquote-content-line-height
37
+
38
+ Blue border variation:
39
+ - --utrecht-blockquote-blue-corner-border-variation-border-block-end-width
40
+ - --utrecht-blockquote-blue-corner-border-variation-border-color
41
+ - --utrecht-blockquote-blue-corner-border-variation-border-end-end-radius
42
+ - --utrecht-blockquote-blue-corner-border-variation-border-inline-end-width
43
+
44
+ Pink background variation:
45
+ - --utrecht-blockquote-pink-background-variation-background-color
46
+ - --utrecht-blockquote-pink-background-variation-border-end-start-radius
47
+ - --utrecht-blockquote-pink-background-variation-padding
48
+
49
+ Pink corner border variation:
50
+ - --utrecht-blockquote-pink-corner-border-variation-border-block-start-width
51
+ - --utrecht-blockquote-pink-corner-border-variation-border-color
52
+ - --utrecht-blockquote-pink-corner-border-variation-border-inline-start-width
53
+ - --utrecht-blockquote-pink-corner-border-variation-border-start-start-radius
54
+ - --utrecht-blockquote-pink-corner-border-variation-padding
55
+
56
+ Pink left border variation:
57
+ - --utrecht-blockquote-pink-left-border-variation-border-color
58
+ - --utrecht-blockquote-pink-left-border-variation-border-inline-start-width
59
+ - --utrecht-blockquote-pink-left-border-variation-padding-block-end
60
+ - --utrecht-blockquote-pink-left-border-variation-padding-block-start
61
+ - --utrecht-blockquote-pink-left-border-variation-padding-inline-end
62
+ - --utrecht-blockquote-pink-left-border-variation-padding-inline-start
63
+
64
+ The following tokens have been renamed:
65
+ - --utrecht-blockquote-margin-block-end
66
+ - --utrecht-blockquote-margin-block-start
67
+ - --utrecht-blockquote-margin-inline-end
68
+ - --utrecht-blockquote-margin-inline-start
69
+
70
+ to:
71
+ - --rhc-blockquote-margin-block-end
72
+ - --rhc-blockquote-margin-block-start
73
+ - --rhc-blockquote-margin-inline-end
74
+ - --rhc-blockquote-margin-inline-start
75
+
76
+ - aadf35e: Removed the icon from form field error message
77
+
78
+ ### Minor Changes
79
+
80
+ - e8dc080: Added a token to control the navbar fontsize and set the default to 20px
81
+
82
+ ### Patch Changes
83
+
84
+ - 1512988: Removed deprecated tokens for Form Field Description
85
+ - 063f846: Backdrop verwijderd als common token (incl. brandtoken ‘transparant 30’). Een backdrop is een component en daarom geen geldig common token.
86
+
3
87
  ## 7.0.0
4
88
 
5
89
  ### Major Changes
@@ -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 Mon, 27 Oct 2025 09:20:39 GMT
4
4
 
5
5
  $basis-focus-outline-width: 2px;
6
6
  $basis-focus-inverse-outline-color: #fff;
@@ -266,6 +266,8 @@ $utrecht-backdrop-fade-in-animation-duration: 400ms;
266
266
  $utrecht-backdrop-opacity: 0.8;
267
267
  $utrecht-backdrop-color: #0F172A;
268
268
  $utrecht-backdrop-background-color: #0000004d;
269
+ $utrecht-blockquote-content-font-size: 1.25rem;
270
+ $utrecht-blockquote-content-color: #154273;
269
271
  $utrecht-blockquote-attribution-font-size: 1.25rem;
270
272
  $utrecht-blockquote-attribution-color: #154273;
271
273
  $utrecht-blockquote-row-gap: 0.75rem;
@@ -281,46 +283,6 @@ $utrecht-blockquote-border-radius: 0px;
281
283
  $utrecht-blockquote-border-color: transparent;
282
284
  $utrecht-blockquote-border-inline-start-width: 0px;
283
285
  $utrecht-blockquote-background-color: transparent;
284
- $utrecht-blockquote-pink-left-border-variation-padding-inline-start: 2.5rem;
285
- $utrecht-blockquote-pink-left-border-variation-padding-inline-end: 2.5rem;
286
- $utrecht-blockquote-pink-left-border-variation-padding-block-start: 1.5rem;
287
- $utrecht-blockquote-pink-left-border-variation-padding-block-end: 1.5rem;
288
- $utrecht-blockquote-pink-left-border-variation-border-inline-start-width: 0.75rem;
289
- $utrecht-blockquote-pink-left-border-variation-border-color: #F6BDE1;
290
- $utrecht-blockquote-pink-corner-border-variation-padding: 2.5rem;
291
- $utrecht-blockquote-pink-corner-border-variation-border-start-start-radius: 3rem;
292
- $utrecht-blockquote-pink-corner-border-variation-border-inline-start-width: 0.25rem;
293
- $utrecht-blockquote-pink-corner-border-variation-border-color: #F6BDE1;
294
- $utrecht-blockquote-pink-corner-border-variation-border-block-start-width: 0.25rem;
295
- $utrecht-blockquote-pink-background-variation-padding: 2.5rem;
296
- $utrecht-blockquote-pink-background-variation-border-end-start-radius: 3rem;
297
- $utrecht-blockquote-pink-background-variation-background-color: #F6BDE1;
298
- $utrecht-blockquote-content-font-size: 1.25rem;
299
- $utrecht-blockquote-content-color: #154273;
300
- $utrecht-blockquote-content-line-height: 150%;
301
- $utrecht-blockquote-content-font-weight: 400;
302
- $utrecht-blockquote-content-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
303
- $utrecht-blockquote-caption-padding-block-start: 0.75rem;
304
- $utrecht-blockquote-caption-line-height: 150%;
305
- $utrecht-blockquote-caption-font-weight: 400;
306
- $utrecht-blockquote-caption-font-size: 1.25rem;
307
- $utrecht-blockquote-caption-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
308
- $utrecht-blockquote-caption-color: #154273;
309
- $utrecht-blockquote-blue-corner-border-variation-border-inline-end-width: 2px;
310
- $utrecht-blockquote-blue-corner-border-variation-border-end-end-radius: 3rem;
311
- $utrecht-blockquote-blue-corner-border-variation-border-color: #154273;
312
- $utrecht-blockquote-blue-corner-border-variation-border-block-end-width: 2px;
313
- $utrecht-blockquote-margin-inline-start: 0;
314
- $utrecht-blockquote-margin-inline-end: 0;
315
- $utrecht-blockquote-margin-block-start: 0;
316
- $utrecht-blockquote-margin-block-end: 0;
317
- $utrecht-blockquote-border-start-start-radius: 0;
318
- $utrecht-blockquote-border-start-end-radius: 0;
319
- $utrecht-blockquote-border-inline-end-width: 0;
320
- $utrecht-blockquote-border-end-start-radius: 0;
321
- $utrecht-blockquote-border-end-end-radius: 0;
322
- $utrecht-blockquote-border-block-start-width: 0;
323
- $utrecht-blockquote-border-block-end-width: 0;
324
286
  $utrecht-breadcrumb-nav-link-icon-size: 24px;
325
287
  $utrecht-breadcrumb-nav-link-hover-color: #01496c;
326
288
  $utrecht-breadcrumb-nav-link-hover-text-decoration: underline;
@@ -515,8 +477,8 @@ $utrecht-drawer-border-color: #64748B;
515
477
  $utrecht-drawer-background-color: #fff;
516
478
  $utrecht-drawer-z-index: 1;
517
479
  $utrecht-drawer-max-inline-size: 256px;
518
- $utrecht-form-fieldset-invalid-border-inline-start-width: 0px;
519
- $utrecht-form-fieldset-invalid-padding-inline-start: 0rem;
480
+ $utrecht-form-fieldset-invalid-border-inline-start-width: 2px;
481
+ $utrecht-form-fieldset-invalid-padding-inline-start: 1rem;
520
482
  $utrecht-form-fieldset-invalid-border-inline-start-color: #d52b1e;
521
483
  $utrecht-form-fieldset-section-color: #0F172A;
522
484
  $utrecht-form-fieldset-section-background-color: transparent;
@@ -544,8 +506,8 @@ $utrecht-page-footer-padding-block-end: 3rem;
544
506
  $utrecht-page-footer-padding-block-start: 3rem;
545
507
  $utrecht-page-footer-color: #fff;
546
508
  $utrecht-page-footer-background-color: #154273;
547
- $utrecht-form-field-invalid-padding-inline-start: 0rem;
548
- $utrecht-form-field-invalid-border-inline-start-width: 0px;
509
+ $utrecht-form-field-invalid-padding-inline-start: 1rem;
510
+ $utrecht-form-field-invalid-border-inline-start-width: 2px;
549
511
  $utrecht-form-field-invalid-border-inline-start-color: #d52b1e;
550
512
  $utrecht-form-field-margin-block-start: 0.5rem;
551
513
  $utrecht-form-field-margin-block-end: 0.5rem;
@@ -556,7 +518,6 @@ $utrecht-form-field-description-line-height: 150%;
556
518
  $utrecht-form-field-description-font-size: 1.25rem;
557
519
  $utrecht-form-field-description-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
558
520
  $utrecht-form-field-description-color: #334155;
559
- $utrecht-form-field-description-padding-block-end: 0.5rem;
560
521
  $utrecht-form-field-error-message-padding-inline-start: 0rem;
561
522
  $utrecht-form-field-error-message-padding-inline-end: 0rem;
562
523
  $utrecht-form-field-error-message-padding-block-start: 0rem;
@@ -569,8 +530,6 @@ $utrecht-form-field-error-message-font-size: 1.25rem;
569
530
  $utrecht-form-field-error-message-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
570
531
  $utrecht-form-field-error-message-color: #d52b1e;
571
532
  $utrecht-form-field-error-message-background-color: transparent;
572
- $utrecht-form-field-error-message-icon-size: 24px;
573
- $utrecht-form-field-error-message-icon-margin-inline-end: 0.5rem;
574
533
  $utrecht-form-label-disabled-color: #94A3B8;
575
534
  $utrecht-form-label-checked-font-weight: 400;
576
535
  $utrecht-form-label-radio-font-weight: 400;
@@ -627,10 +586,6 @@ $utrecht-ordered-list-margin-block-start: 0.25rem;
627
586
  $utrecht-ordered-list-margin-block-end: 0.25rem;
628
587
  $utrecht-ordered-list-line-height: 150%;
629
588
  $utrecht-ordered-list-font-size: 1.25rem;
630
- $utrecht-ordered-list-margin-inline-start: 0.625rem;
631
- $utrecht-ordered-list-font-weight: 400;
632
- $utrecht-ordered-list-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
633
- $utrecht-ordered-list-color: #0F172A;
634
589
  $utrecht-pre-heading-font-size: 1rem;
635
590
  $utrecht-pre-heading-line-height: 125%;
636
591
  $utrecht-pre-heading-font-weight: 700;
@@ -869,7 +824,7 @@ $rhc-border-width-m: 2px;
869
824
  $rhc-border-width-default: 1px;
870
825
  $rhc-font-family-secondary: RijksoverheidSerifWeb, 'Times New Roman', serif;
871
826
  $rhc-font-family-primary: 'Fira Sans', Arial, Verdana, sans-serif;
872
- $rhc-size-3-lint: 1440px;
827
+ $rhc-size-3-lint: 144px;
873
828
  $rhc-size-2-lint: 96px;
874
829
  $rhc-size-lint: 48px;
875
830
  $rhc-size-half-lint: 24px;
@@ -913,7 +868,6 @@ $rhc-focus-outline-width: 2px;
913
868
  $rhc-focus-outline-style: solid;
914
869
  $rhc-focus-outline-offset: 0.125rem;
915
870
  $rhc-color-none: transparent;
916
- $rhc-color-transparent-30: #0000004d;
917
871
  $rhc-color-zwart: #000;
918
872
  $rhc-color-wit: #fff;
919
873
  $rhc-color-lintblauw-500: #154273;
@@ -1055,7 +1009,6 @@ $rhc-color-canvas: #fff;
1055
1009
  $rhc-color-border-strong: #0F172A;
1056
1010
  $rhc-color-border-subdued: #94A3B8;
1057
1011
  $rhc-color-border-default: #64748B;
1058
- $rhc-color-backdrop: #0000004d;
1059
1012
  $rhc-color-foreground-on-light-color: #000;
1060
1013
  $rhc-color-foreground-on-dark-color: #fff;
1061
1014
  $rhc-color-foreground-link: #01689b;
@@ -1086,7 +1039,11 @@ $rhc-keep-top-left-border-radius-bottom-left: 0;
1086
1039
  $rhc-keep-top-left-border-radius-bottom-right: 0;
1087
1040
  $rhc-keep-top-left-border-radius-top-right: 0;
1088
1041
  $rhc-keep-top-left-border-radius-top-left: 48px;
1089
- $rhc-keep-comment: ⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.;
1042
+ $rhc-keep-comment: ⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset common/rounded-corner.;
1043
+ $rhc-blockquote-margin-inline-start: 0rem;
1044
+ $rhc-blockquote-margin-inline-end: 0rem;
1045
+ $rhc-blockquote-margin-block-start: 0rem;
1046
+ $rhc-blockquote-margin-block-end: 0rem;
1090
1047
  $rhc-breadcrumb-nav-link-current-color: #334155;
1091
1048
  $rhc-card-as-link-horizontal-heading-inline-size: 200px;
1092
1049
  $rhc-card-as-link-horizontal-padding-inline-start: 1rem;
@@ -1323,6 +1280,7 @@ $rhc-nav-bar-border-color: #4f7196;
1323
1280
  $rhc-nav-bar-color: #154273;
1324
1281
  $rhc-nav-bar-background-color: #fff;
1325
1282
  $rhc-nav-bar-heading-font-weight: 700;
1283
+ $rhc-nav-bar-link-font-size: 1.25rem;
1326
1284
  $rhc-nav-bar-link-column-gap: 0.5rem;
1327
1285
  $rhc-nav-bar-link-padding-inline-start: 0.75rem;
1328
1286
  $rhc-nav-bar-link-padding-inline-end: 0.75rem;
package/dist/index.css CHANGED
@@ -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 Mon, 27 Oct 2025 09:20:39 GMT
4
4
  */
5
5
 
6
6
  .rhc-theme {
@@ -268,6 +268,8 @@
268
268
  --utrecht-backdrop-opacity: 0.8;
269
269
  --utrecht-backdrop-color: #0F172A;
270
270
  --utrecht-backdrop-background-color: #0000004d;
271
+ --utrecht-blockquote-content-font-size: 1.25rem;
272
+ --utrecht-blockquote-content-color: #154273;
271
273
  --utrecht-blockquote-attribution-font-size: 1.25rem;
272
274
  --utrecht-blockquote-attribution-color: #154273;
273
275
  --utrecht-blockquote-row-gap: 0.75rem;
@@ -283,46 +285,6 @@
283
285
  --utrecht-blockquote-border-color: transparent;
284
286
  --utrecht-blockquote-border-inline-start-width: 0px;
285
287
  --utrecht-blockquote-background-color: transparent;
286
- --utrecht-blockquote-pink-left-border-variation-padding-inline-start: 2.5rem;
287
- --utrecht-blockquote-pink-left-border-variation-padding-inline-end: 2.5rem;
288
- --utrecht-blockquote-pink-left-border-variation-padding-block-start: 1.5rem;
289
- --utrecht-blockquote-pink-left-border-variation-padding-block-end: 1.5rem;
290
- --utrecht-blockquote-pink-left-border-variation-border-inline-start-width: 0.75rem;
291
- --utrecht-blockquote-pink-left-border-variation-border-color: #F6BDE1;
292
- --utrecht-blockquote-pink-corner-border-variation-padding: 2.5rem;
293
- --utrecht-blockquote-pink-corner-border-variation-border-start-start-radius: 3rem;
294
- --utrecht-blockquote-pink-corner-border-variation-border-inline-start-width: 0.25rem;
295
- --utrecht-blockquote-pink-corner-border-variation-border-color: #F6BDE1;
296
- --utrecht-blockquote-pink-corner-border-variation-border-block-start-width: 0.25rem;
297
- --utrecht-blockquote-pink-background-variation-padding: 2.5rem;
298
- --utrecht-blockquote-pink-background-variation-border-end-start-radius: 3rem;
299
- --utrecht-blockquote-pink-background-variation-background-color: #F6BDE1;
300
- --utrecht-blockquote-content-font-size: 1.25rem;
301
- --utrecht-blockquote-content-color: #154273;
302
- --utrecht-blockquote-content-line-height: 150%;
303
- --utrecht-blockquote-content-font-weight: 400;
304
- --utrecht-blockquote-content-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
305
- --utrecht-blockquote-caption-padding-block-start: 0.75rem;
306
- --utrecht-blockquote-caption-line-height: 150%;
307
- --utrecht-blockquote-caption-font-weight: 400;
308
- --utrecht-blockquote-caption-font-size: 1.25rem;
309
- --utrecht-blockquote-caption-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
310
- --utrecht-blockquote-caption-color: #154273;
311
- --utrecht-blockquote-blue-corner-border-variation-border-inline-end-width: 2px;
312
- --utrecht-blockquote-blue-corner-border-variation-border-end-end-radius: 3rem;
313
- --utrecht-blockquote-blue-corner-border-variation-border-color: #154273;
314
- --utrecht-blockquote-blue-corner-border-variation-border-block-end-width: 2px;
315
- --utrecht-blockquote-margin-inline-start: 0;
316
- --utrecht-blockquote-margin-inline-end: 0;
317
- --utrecht-blockquote-margin-block-start: 0;
318
- --utrecht-blockquote-margin-block-end: 0;
319
- --utrecht-blockquote-border-start-start-radius: 0;
320
- --utrecht-blockquote-border-start-end-radius: 0;
321
- --utrecht-blockquote-border-inline-end-width: 0;
322
- --utrecht-blockquote-border-end-start-radius: 0;
323
- --utrecht-blockquote-border-end-end-radius: 0;
324
- --utrecht-blockquote-border-block-start-width: 0;
325
- --utrecht-blockquote-border-block-end-width: 0;
326
288
  --utrecht-breadcrumb-nav-link-icon-size: 24px;
327
289
  --utrecht-breadcrumb-nav-link-hover-color: #01496c;
328
290
  --utrecht-breadcrumb-nav-link-hover-text-decoration: underline;
@@ -517,8 +479,8 @@
517
479
  --utrecht-drawer-background-color: #fff;
518
480
  --utrecht-drawer-z-index: 1;
519
481
  --utrecht-drawer-max-inline-size: 256px;
520
- --utrecht-form-fieldset-invalid-border-inline-start-width: 0px;
521
- --utrecht-form-fieldset-invalid-padding-inline-start: 0rem;
482
+ --utrecht-form-fieldset-invalid-border-inline-start-width: 2px;
483
+ --utrecht-form-fieldset-invalid-padding-inline-start: 1rem;
522
484
  --utrecht-form-fieldset-invalid-border-inline-start-color: #d52b1e;
523
485
  --utrecht-form-fieldset-section-color: #0F172A;
524
486
  --utrecht-form-fieldset-section-background-color: transparent;
@@ -546,8 +508,8 @@
546
508
  --utrecht-page-footer-padding-block-start: 3rem;
547
509
  --utrecht-page-footer-color: #fff;
548
510
  --utrecht-page-footer-background-color: #154273;
549
- --utrecht-form-field-invalid-padding-inline-start: 0rem;
550
- --utrecht-form-field-invalid-border-inline-start-width: 0px;
511
+ --utrecht-form-field-invalid-padding-inline-start: 1rem;
512
+ --utrecht-form-field-invalid-border-inline-start-width: 2px;
551
513
  --utrecht-form-field-invalid-border-inline-start-color: #d52b1e;
552
514
  --utrecht-form-field-margin-block-start: 0.5rem;
553
515
  --utrecht-form-field-margin-block-end: 0.5rem;
@@ -558,7 +520,6 @@
558
520
  --utrecht-form-field-description-font-size: 1.25rem;
559
521
  --utrecht-form-field-description-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
560
522
  --utrecht-form-field-description-color: #334155;
561
- --utrecht-form-field-description-padding-block-end: 0.5rem;
562
523
  --utrecht-form-field-error-message-padding-inline-start: 0rem;
563
524
  --utrecht-form-field-error-message-padding-inline-end: 0rem;
564
525
  --utrecht-form-field-error-message-padding-block-start: 0rem;
@@ -571,8 +532,6 @@
571
532
  --utrecht-form-field-error-message-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
572
533
  --utrecht-form-field-error-message-color: #d52b1e;
573
534
  --utrecht-form-field-error-message-background-color: transparent;
574
- --utrecht-form-field-error-message-icon-size: 24px;
575
- --utrecht-form-field-error-message-icon-margin-inline-end: 0.5rem;
576
535
  --utrecht-form-label-disabled-color: #94A3B8;
577
536
  --utrecht-form-label-checked-font-weight: 400;
578
537
  --utrecht-form-label-radio-font-weight: 400;
@@ -629,10 +588,6 @@
629
588
  --utrecht-ordered-list-margin-block-end: 0.25rem;
630
589
  --utrecht-ordered-list-line-height: 150%;
631
590
  --utrecht-ordered-list-font-size: 1.25rem;
632
- --utrecht-ordered-list-margin-inline-start: 0.625rem;
633
- --utrecht-ordered-list-font-weight: 400;
634
- --utrecht-ordered-list-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
635
- --utrecht-ordered-list-color: #0F172A;
636
591
  --utrecht-pre-heading-font-size: 1rem;
637
592
  --utrecht-pre-heading-line-height: 125%;
638
593
  --utrecht-pre-heading-font-weight: 700;
@@ -871,7 +826,7 @@
871
826
  --rhc-border-width-default: 1px;
872
827
  --rhc-font-family-secondary: RijksoverheidSerifWeb, 'Times New Roman', serif;
873
828
  --rhc-font-family-primary: 'Fira Sans', Arial, Verdana, sans-serif;
874
- --rhc-size-3-lint: 1440px;
829
+ --rhc-size-3-lint: 144px;
875
830
  --rhc-size-2-lint: 96px;
876
831
  --rhc-size-lint: 48px;
877
832
  --rhc-size-half-lint: 24px;
@@ -915,7 +870,6 @@
915
870
  --rhc-focus-outline-style: solid;
916
871
  --rhc-focus-outline-offset: 0.125rem;
917
872
  --rhc-color-none: transparent;
918
- --rhc-color-transparent-30: #0000004d;
919
873
  --rhc-color-zwart: #000;
920
874
  --rhc-color-wit: #fff;
921
875
  --rhc-color-lintblauw-500: #154273;
@@ -1057,7 +1011,6 @@
1057
1011
  --rhc-color-border-strong: #0F172A;
1058
1012
  --rhc-color-border-subdued: #94A3B8;
1059
1013
  --rhc-color-border-default: #64748B;
1060
- --rhc-color-backdrop: #0000004d;
1061
1014
  --rhc-color-foreground-on-light-color: #000;
1062
1015
  --rhc-color-foreground-on-dark-color: #fff;
1063
1016
  --rhc-color-foreground-link: #01689b;
@@ -1088,7 +1041,11 @@
1088
1041
  --rhc-keep-top-left-border-radius-bottom-right: 0;
1089
1042
  --rhc-keep-top-left-border-radius-top-right: 0;
1090
1043
  --rhc-keep-top-left-border-radius-top-left: 48px;
1091
- --rhc-keep-comment: ⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.;
1044
+ --rhc-keep-comment: ⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset common/rounded-corner.;
1045
+ --rhc-blockquote-margin-inline-start: 0rem;
1046
+ --rhc-blockquote-margin-inline-end: 0rem;
1047
+ --rhc-blockquote-margin-block-start: 0rem;
1048
+ --rhc-blockquote-margin-block-end: 0rem;
1092
1049
  --rhc-breadcrumb-nav-link-current-color: #334155;
1093
1050
  --rhc-card-as-link-horizontal-heading-inline-size: 200px;
1094
1051
  --rhc-card-as-link-horizontal-padding-inline-start: 1rem;
@@ -1325,6 +1282,7 @@
1325
1282
  --rhc-nav-bar-color: #154273;
1326
1283
  --rhc-nav-bar-background-color: #fff;
1327
1284
  --rhc-nav-bar-heading-font-weight: 700;
1285
+ --rhc-nav-bar-link-font-size: 1.25rem;
1328
1286
  --rhc-nav-bar-link-column-gap: 0.5rem;
1329
1287
  --rhc-nav-bar-link-padding-inline-start: 0.75rem;
1330
1288
  --rhc-nav-bar-link-padding-inline-end: 0.75rem;
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 09 Sep 2025 07:01:22 GMT
3
+ * Generated on Mon, 27 Oct 2025 09:20:39 GMT
4
4
  */
5
5
 
6
6
  export const amsPaginationFontFamily : string;
@@ -118,6 +118,7 @@ export const rhcNavBarLinkPaddingBlockStart : string;
118
118
  export const rhcNavBarLinkPaddingInlineEnd : string;
119
119
  export const rhcNavBarLinkPaddingInlineStart : string;
120
120
  export const rhcNavBarLinkColumnGap : string;
121
+ export const rhcNavBarLinkFontSize : string;
121
122
  export const rhcNavBarHeadingFontWeight : number;
122
123
  export const rhcNavBarBackgroundColor : string;
123
124
  export const rhcNavBarColor : string;
@@ -354,6 +355,10 @@ export const rhcCardAsLinkHorizontalPaddingInlineEnd : string;
354
355
  export const rhcCardAsLinkHorizontalPaddingInlineStart : string;
355
356
  export const rhcCardAsLinkHorizontalHeadingInlineSize : string;
356
357
  export const rhcBreadcrumbNavLinkCurrentColor : string;
358
+ export const rhcBlockquoteMarginBlockEnd : string;
359
+ export const rhcBlockquoteMarginBlockStart : string;
360
+ export const rhcBlockquoteMarginInlineEnd : string;
361
+ export const rhcBlockquoteMarginInlineStart : string;
357
362
  export const rhcKeepComment : string;
358
363
  export const rhcKeepTopLeftBorderRadiusTopLeft : string;
359
364
  export const rhcKeepTopLeftBorderRadiusTopRight : number;
@@ -385,7 +390,6 @@ export const rhcColorForegroundSubdued : string;
385
390
  export const rhcColorForegroundLink : string;
386
391
  export const rhcColorForegroundOnDarkColor : string;
387
392
  export const rhcColorForegroundOnLightColor : string;
388
- export const rhcColorBackdrop : string;
389
393
  export const rhcColorBorderDefault : string;
390
394
  export const rhcColorBorderSubdued : string;
391
395
  export const rhcColorBorderStrong : string;
@@ -527,7 +531,6 @@ export const rhcColorLintblauw400 : string;
527
531
  export const rhcColorLintblauw500 : string;
528
532
  export const rhcColorWit : string;
529
533
  export const rhcColorZwart : string;
530
- export const rhcColorTransparent30 : string;
531
534
  export const rhcColorNone : string;
532
535
  export const rhcFocusOutlineOffset : string;
533
536
  export const rhcFocusOutlineStyle : string;
@@ -810,10 +813,6 @@ export const utrechtPreHeadingFontFamily : string;
810
813
  export const utrechtPreHeadingFontWeight : number;
811
814
  export const utrechtPreHeadingLineHeight : string;
812
815
  export const utrechtPreHeadingFontSize : string;
813
- export const utrechtOrderedListColor : string;
814
- export const utrechtOrderedListFontFamily : string;
815
- export const utrechtOrderedListFontWeight : number;
816
- export const utrechtOrderedListMarginInlineStart : string;
817
816
  export const utrechtOrderedListFontSize : string;
818
817
  export const utrechtOrderedListLineHeight : string;
819
818
  export const utrechtOrderedListMarginBlockEnd : string;
@@ -870,8 +869,6 @@ export const utrechtFormLabelRadioColor : string;
870
869
  export const utrechtFormLabelRadioFontWeight : number;
871
870
  export const utrechtFormLabelCheckedFontWeight : number;
872
871
  export const utrechtFormLabelDisabledColor : string;
873
- export const utrechtFormFieldErrorMessageIconMarginInlineEnd : string;
874
- export const utrechtFormFieldErrorMessageIconSize : string;
875
872
  export const utrechtFormFieldErrorMessageBackgroundColor : string;
876
873
  export const utrechtFormFieldErrorMessageColor : string;
877
874
  export const utrechtFormFieldErrorMessageFontFamily : string;
@@ -884,7 +881,6 @@ export const utrechtFormFieldErrorMessagePaddingBlockEnd : string;
884
881
  export const utrechtFormFieldErrorMessagePaddingBlockStart : string;
885
882
  export const utrechtFormFieldErrorMessagePaddingInlineEnd : string;
886
883
  export const utrechtFormFieldErrorMessagePaddingInlineStart : string;
887
- export const utrechtFormFieldDescriptionPaddingBlockEnd : string;
888
884
  export const utrechtFormFieldDescriptionColor : string;
889
885
  export const utrechtFormFieldDescriptionFontFamily : string;
890
886
  export const utrechtFormFieldDescriptionFontSize : string;
@@ -1120,46 +1116,6 @@ export const utrechtBreadcrumbNavLinkFocusTextDecoration : string;
1120
1116
  export const utrechtBreadcrumbNavLinkHoverTextDecoration : string;
1121
1117
  export const utrechtBreadcrumbNavLinkHoverColor : string;
1122
1118
  export const utrechtBreadcrumbNavLinkIconSize : string;
1123
- export const utrechtBlockquoteBorderBlockEndWidth : number;
1124
- export const utrechtBlockquoteBorderBlockStartWidth : number;
1125
- export const utrechtBlockquoteBorderEndEndRadius : number;
1126
- export const utrechtBlockquoteBorderEndStartRadius : number;
1127
- export const utrechtBlockquoteBorderInlineEndWidth : number;
1128
- export const utrechtBlockquoteBorderStartEndRadius : number;
1129
- export const utrechtBlockquoteBorderStartStartRadius : number;
1130
- export const utrechtBlockquoteMarginBlockEnd : number;
1131
- export const utrechtBlockquoteMarginBlockStart : number;
1132
- export const utrechtBlockquoteMarginInlineEnd : number;
1133
- export const utrechtBlockquoteMarginInlineStart : number;
1134
- export const utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth : string;
1135
- export const utrechtBlockquoteBlueCornerBorderVariationBorderColor : string;
1136
- export const utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius : string;
1137
- export const utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth : string;
1138
- export const utrechtBlockquoteCaptionColor : string;
1139
- export const utrechtBlockquoteCaptionFontFamily : string;
1140
- export const utrechtBlockquoteCaptionFontSize : string;
1141
- export const utrechtBlockquoteCaptionFontWeight : number;
1142
- export const utrechtBlockquoteCaptionLineHeight : string;
1143
- export const utrechtBlockquoteCaptionPaddingBlockStart : string;
1144
- export const utrechtBlockquoteContentFontFamily : string;
1145
- export const utrechtBlockquoteContentFontWeight : number;
1146
- export const utrechtBlockquoteContentLineHeight : string;
1147
- export const utrechtBlockquoteContentColor : string;
1148
- export const utrechtBlockquoteContentFontSize : string;
1149
- export const utrechtBlockquotePinkBackgroundVariationBackgroundColor : string;
1150
- export const utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius : string;
1151
- export const utrechtBlockquotePinkBackgroundVariationPadding : string;
1152
- export const utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth : string;
1153
- export const utrechtBlockquotePinkCornerBorderVariationBorderColor : string;
1154
- export const utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth : string;
1155
- export const utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius : string;
1156
- export const utrechtBlockquotePinkCornerBorderVariationPadding : string;
1157
- export const utrechtBlockquotePinkLeftBorderVariationBorderColor : string;
1158
- export const utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth : string;
1159
- export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd : string;
1160
- export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart : string;
1161
- export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd : string;
1162
- export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart : string;
1163
1119
  export const utrechtBlockquoteBackgroundColor : string;
1164
1120
  export const utrechtBlockquoteBorderInlineStartWidth : string;
1165
1121
  export const utrechtBlockquoteBorderColor : string;
@@ -1175,6 +1131,8 @@ export const utrechtBlockquotePaddingInlineStart : string;
1175
1131
  export const utrechtBlockquoteRowGap : string;
1176
1132
  export const utrechtBlockquoteAttributionColor : string;
1177
1133
  export const utrechtBlockquoteAttributionFontSize : string;
1134
+ export const utrechtBlockquoteContentColor : string;
1135
+ export const utrechtBlockquoteContentFontSize : string;
1178
1136
  export const utrechtBackdropBackgroundColor : string;
1179
1137
  export const utrechtBackdropColor : string;
1180
1138
  export const utrechtBackdropOpacity : number;