@rijkshuisstijl-community/design-tokens 1.1.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 +34 -0
  2. package/README.md +153 -12
  3. package/dist/_variables.scss +772 -743
  4. package/dist/index.css +772 -743
  5. package/dist/index.d.ts +545 -516
  6. package/dist/index.js +609 -580
  7. package/dist/index.json +608 -579
  8. package/dist/index.tokens.json +1664 -1613
  9. package/dist/root.css +772 -743
  10. package/dist/tokens.d.ts +1569 -1518
  11. package/dist/tokens.js +22875 -22078
  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 +442 -418
  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 +646 -628
  20. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-groen}/tokens.js +14276 -13624
  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 +533 -509
  31. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.css +534 -510
  32. package/dist/uitvoerend-mintgroen/index.d.ts +1338 -0
  33. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.js +507 -483
  34. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.json +506 -482
  35. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.tokens.json +734 -716
  36. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/root.css +533 -509
  37. package/dist/uitvoerend-mintgroen/tokens.d.ts +2072 -0
  38. package/dist/uitvoerend-mintgroen/tokens.js +31258 -0
  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 +231 -202
  58. package/dist/uitvoerend-violet/index.css +231 -202
  59. package/dist/uitvoerend-violet/index.d.ts +102 -73
  60. package/dist/uitvoerend-violet/index.js +231 -202
  61. package/dist/uitvoerend-violet/index.json +230 -201
  62. package/dist/uitvoerend-violet/index.tokens.json +281 -230
  63. package/dist/uitvoerend-violet/root.css +231 -202
  64. package/dist/uitvoerend-violet/tokens.d.ts +151 -100
  65. package/dist/uitvoerend-violet/tokens.js +16369 -15572
  66. package/dist/uitvoerend-violet-oud/_variables.scss +231 -201
  67. package/dist/uitvoerend-violet-oud/index.css +231 -201
  68. package/dist/uitvoerend-violet-oud/index.d.ts +102 -72
  69. package/dist/uitvoerend-violet-oud/index.js +231 -201
  70. package/dist/uitvoerend-violet-oud/index.json +230 -200
  71. package/dist/uitvoerend-violet-oud/index.tokens.json +281 -229
  72. package/dist/uitvoerend-violet-oud/root.css +231 -201
  73. package/dist/uitvoerend-violet-oud/tokens.d.ts +151 -99
  74. package/dist/uitvoerend-violet-oud/tokens.js +12621 -11803
  75. package/dist/wetgevend/_variables.scss +171 -142
  76. package/dist/wetgevend/index.css +171 -142
  77. package/dist/wetgevend/index.d.ts +102 -73
  78. package/dist/wetgevend/index.js +171 -142
  79. package/dist/wetgevend/index.json +170 -141
  80. package/dist/wetgevend/index.tokens.json +221 -170
  81. package/dist/wetgevend/root.css +171 -142
  82. package/dist/wetgevend/tokens.d.ts +151 -100
  83. package/dist/wetgevend/tokens.js +12217 -11420
  84. package/figma/figma.tokens.json +2428 -556
  85. package/package.json +1 -1
  86. package/src/generated/base.tokens.json +4520 -4338
  87. package/src/generated/themes.json +28993 -3285
  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 +2374 -2240
  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 +640 -458
  94. package/src/generated/uitvoerend-violet-oud/tokens.json +643 -457
  95. package/src/generated/wetgevend/tokens.json +602 -420
@@ -1,25 +1,257 @@
1
1
  {
2
2
  "utrecht": {
3
- "pre-heading": {
3
+ "column-layout": {
4
+ "column-rule-color": {
5
+ "value": "transparent",
6
+ "type": "color"
7
+ },
8
+ "column-rule-width": {
9
+ "value": "0px",
10
+ "type": "borderWidth"
11
+ },
12
+ "column-width": {
13
+ "value": "400px",
14
+ "type": "sizing"
15
+ },
16
+ "gap": {
17
+ "value": "0.75rem",
18
+ "type": "spacing"
19
+ }
20
+ },
21
+ "blockquote": {
22
+ "background-color": {
23
+ "value": "transparent",
24
+ "type": "color"
25
+ },
26
+ "border-inline-start-width": {
27
+ "value": 0,
28
+ "type": "dimension"
29
+ },
30
+ "border-color": {
31
+ "value": "transparent",
32
+ "type": "color"
33
+ },
34
+ "border-radius": {
35
+ "value": 0,
36
+ "type": "dimension"
37
+ },
38
+ "border-width": {
39
+ "value": 0,
40
+ "type": "dimension"
41
+ },
4
42
  "color": {
5
- "value": "#0F172A",
43
+ "value": "#154273",
6
44
  "type": "color"
7
45
  },
46
+ "font-size": {
47
+ "value": "1.25rem",
48
+ "type": "fontSizes"
49
+ },
8
50
  "font-family": {
9
- "value": "Fira Sans, Arial, Verdana, sans-serif",
51
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
10
52
  "type": "fontFamilies"
11
53
  },
12
- "font-weight": {
13
- "value": 700,
14
- "type": "fontWeights"
54
+ "padding-block-end": {
55
+ "value": "2rem",
56
+ "type": "dimension"
15
57
  },
16
- "line-height": {
17
- "value": "125%",
18
- "type": "lineHeights"
58
+ "padding-block-start": {
59
+ "value": "2rem",
60
+ "type": "dimension"
19
61
  },
20
- "font-size": {
21
- "value": "1rem",
22
- "type": "fontSizes"
62
+ "padding-inline-end": {
63
+ "value": "2rem",
64
+ "type": "dimension"
65
+ },
66
+ "padding-inline-start": {
67
+ "value": "2rem",
68
+ "type": "dimension"
69
+ },
70
+ "row-gap": {
71
+ "value": "0.75rem",
72
+ "type": "dimension"
73
+ },
74
+ "attribution": {
75
+ "color": {
76
+ "value": "#154273",
77
+ "type": "color"
78
+ },
79
+ "font-size": {
80
+ "value": "1.25rem",
81
+ "type": "fontSizes"
82
+ }
83
+ },
84
+ "content": {
85
+ "color": {
86
+ "value": "#154273",
87
+ "type": "color"
88
+ },
89
+ "font-size": {
90
+ "value": "1.25rem",
91
+ "type": "fontSizes"
92
+ },
93
+ "font-family": {
94
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
95
+ "type": "fontFamilies"
96
+ },
97
+ "line-height": {
98
+ "value": "150%",
99
+ "type": "lineHeights"
100
+ },
101
+ "font-weight": {
102
+ "value": 400,
103
+ "type": "fontWeights"
104
+ }
105
+ },
106
+ "caption": {
107
+ "font-size": {
108
+ "value": "1.25rem",
109
+ "type": "fontSizes"
110
+ },
111
+ "font-family": {
112
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
113
+ "type": "fontFamilies"
114
+ },
115
+ "line-height": {
116
+ "value": "150%",
117
+ "type": "lineHeights"
118
+ },
119
+ "font-weight": {
120
+ "value": 400,
121
+ "type": "fontWeights"
122
+ },
123
+ "padding-block-start": {
124
+ "value": "0.75rem",
125
+ "type": "spacing"
126
+ },
127
+ "color": {
128
+ "value": "#154273",
129
+ "type": "color"
130
+ }
131
+ },
132
+ "margin-block-end": {
133
+ "value": 0,
134
+ "type": "spacing"
135
+ },
136
+ "margin-block-start": {
137
+ "value": 0,
138
+ "type": "spacing"
139
+ },
140
+ "margin-inline-end": {
141
+ "value": 0,
142
+ "type": "spacing"
143
+ },
144
+ "margin-inline-start": {
145
+ "value": 0,
146
+ "type": "spacing"
147
+ },
148
+ "border-block-start-width": {
149
+ "value": 0,
150
+ "type": "borderWidth"
151
+ },
152
+ "border-block-end-width": {
153
+ "value": 0,
154
+ "type": "borderWidth"
155
+ },
156
+ "border-inline-end-width": {
157
+ "value": 0,
158
+ "type": "borderWidth"
159
+ },
160
+ "border-start-start-radius": {
161
+ "value": 0,
162
+ "type": "borderRadius"
163
+ },
164
+ "border-start-end-radius": {
165
+ "value": 0,
166
+ "type": "borderRadius"
167
+ },
168
+ "border-end-start-radius": {
169
+ "value": 0,
170
+ "type": "borderRadius"
171
+ },
172
+ "border-end-end-radius": {
173
+ "value": 0,
174
+ "type": "borderRadius"
175
+ },
176
+ "blue-corner-border-variation": {
177
+ "border-color": {
178
+ "value": "#154273",
179
+ "type": "color"
180
+ },
181
+ "border-block-end-width": {
182
+ "value": "2px",
183
+ "type": "borderWidth"
184
+ },
185
+ "border-inline-end-width": {
186
+ "value": "2px",
187
+ "type": "borderWidth"
188
+ },
189
+ "border-end-end-radius": {
190
+ "value": "3rem",
191
+ "type": "borderRadius"
192
+ }
193
+ },
194
+ "pink-background-variation": {
195
+ "background-color": {
196
+ "value": "#F6BDE1",
197
+ "type": "color"
198
+ },
199
+ "border-end-start-radius": {
200
+ "value": "3rem",
201
+ "type": "borderRadius"
202
+ },
203
+ "padding": {
204
+ "value": "2.5rem",
205
+ "type": "spacing"
206
+ }
207
+ },
208
+ "pink-left-border-variation": {
209
+ "border-color": {
210
+ "value": "#F6BDE1",
211
+ "type": "color"
212
+ },
213
+ "border-inline-start-width": {
214
+ "value": "0.75rem",
215
+ "type": "borderWidth"
216
+ },
217
+ "padding-inline-start": {
218
+ "value": "2.5rem",
219
+ "type": "spacing"
220
+ },
221
+ "padding-inline-end": {
222
+ "value": "2.5rem",
223
+ "type": "spacing"
224
+ },
225
+ "padding-block-start": {
226
+ "value": "1.5rem",
227
+ "type": "spacing"
228
+ },
229
+ "padding-block-end": {
230
+ "value": "1.5rem",
231
+ "type": "spacing"
232
+ }
233
+ },
234
+ "pink-corner-border-variation": {
235
+ "border-color": {
236
+ "value": "#F6BDE1",
237
+ "type": "color"
238
+ },
239
+ "border-block-start-width": {
240
+ "value": "0.25rem",
241
+ "type": "borderWidth"
242
+ },
243
+ "border-inline-start-width": {
244
+ "value": "0.25rem",
245
+ "type": "borderWidth"
246
+ },
247
+ "border-start-start-radius": {
248
+ "value": "3rem",
249
+ "type": "borderRadius"
250
+ },
251
+ "padding": {
252
+ "value": "2.5rem",
253
+ "type": "spacing"
254
+ }
23
255
  }
24
256
  },
25
257
  "icon": {
@@ -54,7 +286,7 @@
54
286
  "type": "color"
55
287
  },
56
288
  "font-family": {
57
- "value": "Fira Sans, Arial, Verdana, sans-serif",
289
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
58
290
  "type": "fontFamilies"
59
291
  },
60
292
  "font-weight": {
@@ -100,7 +332,7 @@
100
332
  "type": "borderRadius"
101
333
  },
102
334
  "font-family": {
103
- "value": "Fira Sans, Arial, Verdana, sans-serif",
335
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
104
336
  "type": "fontFamilies"
105
337
  },
106
338
  "font-size": {
@@ -378,7 +610,7 @@
378
610
  "type": "borderWidth"
379
611
  },
380
612
  "font-family": {
381
- "value": "Fira Sans, Arial, Verdana, sans-serif",
613
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
382
614
  "type": "fontFamilies"
383
615
  },
384
616
  "font-weight": {
@@ -405,7 +637,7 @@
405
637
  "type": "color"
406
638
  },
407
639
  "font-family": {
408
- "value": "Fira Sans, Arial, Verdana, sans-serif",
640
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
409
641
  "type": "fontFamilies"
410
642
  },
411
643
  "font-weight": {
@@ -431,7 +663,7 @@
431
663
  "type": "color"
432
664
  },
433
665
  "font-family": {
434
- "value": "Fira Sans, Arial, Verdana, sans-serif",
666
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
435
667
  "type": "fontFamilies"
436
668
  },
437
669
  "font-weight": {
@@ -471,7 +703,7 @@
471
703
  "type": "color"
472
704
  },
473
705
  "font-family": {
474
- "value": "Fira Sans, Arial, Verdana, sans-serif",
706
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
475
707
  "type": "fontFamilies"
476
708
  },
477
709
  "font-weight": {
@@ -543,7 +775,7 @@
543
775
  "type": "color"
544
776
  },
545
777
  "font-family": {
546
- "value": "Fira Sans, Arial, Verdana, sans-serif",
778
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
547
779
  "type": "fontFamilies"
548
780
  },
549
781
  "line-height": {
@@ -608,7 +840,7 @@
608
840
  "type": "fontWeights"
609
841
  },
610
842
  "font-family": {
611
- "value": "Fira Sans, Arial, Verdana, sans-serif",
843
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
612
844
  "type": "fontFamilies"
613
845
  },
614
846
  "font-size": {
@@ -860,7 +1092,7 @@
860
1092
  "type": "borderWidth"
861
1093
  },
862
1094
  "font-family": {
863
- "value": "Fira Sans, Arial, Verdana, sans-serif",
1095
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
864
1096
  "type": "fontFamilies"
865
1097
  },
866
1098
  "font-weight": {
@@ -1064,25 +1296,47 @@
1064
1296
  "type": "borderWidth"
1065
1297
  }
1066
1298
  },
1067
- "paragraph": {
1299
+ "pre-heading": {
1068
1300
  "color": {
1069
1301
  "value": "#0F172A",
1070
1302
  "type": "color"
1071
1303
  },
1072
1304
  "font-family": {
1073
- "value": "Fira Sans, Arial, Verdana, sans-serif",
1305
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1074
1306
  "type": "fontFamilies"
1075
1307
  },
1076
- "font-size": {
1077
- "value": "1.25rem",
1078
- "type": "fontSizes"
1079
- },
1080
1308
  "font-weight": {
1081
- "value": 400,
1309
+ "value": 700,
1082
1310
  "type": "fontWeights"
1083
1311
  },
1084
1312
  "line-height": {
1085
- "value": "150%",
1313
+ "value": "125%",
1314
+ "type": "lineHeights"
1315
+ },
1316
+ "font-size": {
1317
+ "value": "1rem",
1318
+ "type": "fontSizes"
1319
+ }
1320
+ },
1321
+ "paragraph": {
1322
+ "color": {
1323
+ "value": "#0F172A",
1324
+ "type": "color"
1325
+ },
1326
+ "font-family": {
1327
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1328
+ "type": "fontFamilies"
1329
+ },
1330
+ "font-size": {
1331
+ "value": "1.25rem",
1332
+ "type": "fontSizes"
1333
+ },
1334
+ "font-weight": {
1335
+ "value": 400,
1336
+ "type": "fontWeights"
1337
+ },
1338
+ "line-height": {
1339
+ "value": "150%",
1086
1340
  "type": "lineHeights"
1087
1341
  },
1088
1342
  "margin-block-end": {
@@ -1148,7 +1402,7 @@
1148
1402
  "type": "color"
1149
1403
  },
1150
1404
  "font-family": {
1151
- "value": "Fira Sans, Arial, Verdana, sans-serif",
1405
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1152
1406
  "type": "fontFamilies"
1153
1407
  },
1154
1408
  "font-weight": {
@@ -1282,7 +1536,7 @@
1282
1536
  "type": "other"
1283
1537
  },
1284
1538
  "font-family": {
1285
- "value": "Fira Sans, Arial, Verdana, sans-serif",
1539
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1286
1540
  "type": "fontFamilies"
1287
1541
  },
1288
1542
  "font-weight": {
@@ -1304,7 +1558,7 @@
1304
1558
  "type": "color"
1305
1559
  },
1306
1560
  "font-family": {
1307
- "value": "Fira Sans, Arial, Verdana, sans-serif",
1561
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1308
1562
  "type": "fontFamilies"
1309
1563
  },
1310
1564
  "font-weight": {
@@ -1334,7 +1588,7 @@
1334
1588
  "type": "color"
1335
1589
  },
1336
1590
  "font-family": {
1337
- "value": "Fira Sans, Arial, Verdana, sans-serif",
1591
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1338
1592
  "type": "fontFamilies"
1339
1593
  },
1340
1594
  "font-weight": {
@@ -1364,7 +1618,7 @@
1364
1618
  "type": "color"
1365
1619
  },
1366
1620
  "font-family": {
1367
- "value": "Fira Sans, Arial, Verdana, sans-serif",
1621
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1368
1622
  "type": "fontFamilies"
1369
1623
  },
1370
1624
  "font-weight": {
@@ -1394,7 +1648,7 @@
1394
1648
  "type": "color"
1395
1649
  },
1396
1650
  "font-family": {
1397
- "value": "Fira Sans, Arial, Verdana, sans-serif",
1651
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1398
1652
  "type": "fontFamilies"
1399
1653
  },
1400
1654
  "font-weight": {
@@ -1424,7 +1678,7 @@
1424
1678
  "type": "color"
1425
1679
  },
1426
1680
  "font-family": {
1427
- "value": "Fira Sans, Arial, Verdana, sans-serif",
1681
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1428
1682
  "type": "fontFamilies"
1429
1683
  },
1430
1684
  "font-weight": {
@@ -1468,7 +1722,7 @@
1468
1722
  "type": "color"
1469
1723
  },
1470
1724
  "font-family": {
1471
- "value": "Fira Sans, Arial, Verdana, sans-serif",
1725
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1472
1726
  "type": "fontFamilies"
1473
1727
  },
1474
1728
  "font-size": {
@@ -1500,7 +1754,7 @@
1500
1754
  "type": "color"
1501
1755
  },
1502
1756
  "font-family": {
1503
- "value": "Fira Sans, Arial, Verdana, sans-serif",
1757
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1504
1758
  "type": "fontFamilies"
1505
1759
  },
1506
1760
  "font-size": {
@@ -1526,7 +1780,7 @@
1526
1780
  "type": "color"
1527
1781
  },
1528
1782
  "font-family": {
1529
- "value": "Fira Sans, Arial, Verdana, sans-serif",
1783
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1530
1784
  "type": "fontFamilies"
1531
1785
  },
1532
1786
  "font-size": {
@@ -1673,7 +1927,7 @@
1673
1927
  "type": "color"
1674
1928
  },
1675
1929
  "font-family": {
1676
- "value": "Fira Sans, Arial, Verdana, sans-serif",
1930
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1677
1931
  "type": "fontFamilies"
1678
1932
  },
1679
1933
  "font-size": {
@@ -1753,7 +2007,7 @@
1753
2007
  "type": "borderRadius"
1754
2008
  },
1755
2009
  "font-family": {
1756
- "value": "Fira Sans, Arial, Verdana, sans-serif",
2010
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1757
2011
  "type": "fontFamilies"
1758
2012
  },
1759
2013
  "background-color": {
@@ -2075,15 +2329,15 @@
2075
2329
  },
2076
2330
  "button": {
2077
2331
  "background-color": {
2078
- "value": "transparent",
2332
+ "value": "#0F172A",
2079
2333
  "type": "color"
2080
2334
  },
2081
2335
  "border-color": {
2082
- "value": "#334155",
2336
+ "value": "transparent",
2083
2337
  "type": "color"
2084
2338
  },
2085
2339
  "color": {
2086
- "value": "#334155",
2340
+ "value": "#fff",
2087
2341
  "type": "color"
2088
2342
  },
2089
2343
  "border-radius": {
@@ -2105,7 +2359,7 @@
2105
2359
  }
2106
2360
  },
2107
2361
  "font-family": {
2108
- "value": "Fira Sans, Arial, Verdana, sans-serif",
2362
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
2109
2363
  "type": "fontFamilies"
2110
2364
  },
2111
2365
  "font-size": {
@@ -2138,7 +2392,7 @@
2138
2392
  },
2139
2393
  "disabled": {
2140
2394
  "background-color": {
2141
- "value": "#F8FAFC",
2395
+ "value": "#E2E8F0",
2142
2396
  "type": "color"
2143
2397
  },
2144
2398
  "border-color": {
@@ -2146,13 +2400,13 @@
2146
2400
  "type": "color"
2147
2401
  },
2148
2402
  "color": {
2149
- "value": "#64748B",
2403
+ "value": "#94A3B8",
2150
2404
  "type": "color"
2151
2405
  }
2152
2406
  },
2153
2407
  "focus": {
2154
2408
  "background-color": {
2155
- "value": "#FDDE94",
2409
+ "value": "#475569",
2156
2410
  "type": "color"
2157
2411
  },
2158
2412
  "border-color": {
@@ -2160,35 +2414,35 @@
2160
2414
  "type": "color"
2161
2415
  },
2162
2416
  "color": {
2163
- "value": "#1E293B",
2417
+ "value": "#fff",
2164
2418
  "type": "color"
2165
2419
  }
2166
2420
  },
2167
2421
  "hover": {
2168
2422
  "background-color": {
2169
- "value": "#F8FAFC",
2423
+ "value": "#475569",
2170
2424
  "type": "color"
2171
2425
  },
2172
2426
  "border-color": {
2173
- "value": "#1E293B",
2427
+ "value": "transparent",
2174
2428
  "type": "color"
2175
2429
  },
2176
2430
  "color": {
2177
- "value": "#1E293B",
2431
+ "value": "#fff",
2178
2432
  "type": "color"
2179
2433
  }
2180
2434
  },
2181
2435
  "active": {
2182
2436
  "background-color": {
2183
- "value": "#CBD5E1",
2437
+ "value": "#1E293B",
2184
2438
  "type": "color"
2185
2439
  },
2186
2440
  "border-color": {
2187
- "value": "#0F172A",
2441
+ "value": "transparent",
2188
2442
  "type": "color"
2189
2443
  },
2190
2444
  "color": {
2191
- "value": "#0F172A",
2445
+ "value": "#fff",
2192
2446
  "type": "color"
2193
2447
  }
2194
2448
  },
@@ -2237,7 +2491,7 @@
2237
2491
  "type": "color"
2238
2492
  },
2239
2493
  "border-color": {
2240
- "value": "#95a9c0",
2494
+ "value": "transparent",
2241
2495
  "type": "color"
2242
2496
  },
2243
2497
  "color": {
@@ -2247,7 +2501,7 @@
2247
2501
  },
2248
2502
  "focus": {
2249
2503
  "background-color": {
2250
- "value": "#154273",
2504
+ "value": "#162f50",
2251
2505
  "type": "color"
2252
2506
  },
2253
2507
  "border-color": {
@@ -2293,20 +2547,43 @@
2293
2547
  "line-height": {
2294
2548
  "value": "1.875rem",
2295
2549
  "type": "lineHeights"
2550
+ },
2551
+ "pressed": {
2552
+ "background-color": {
2553
+ "value": "#162945",
2554
+ "type": "color",
2555
+ "$extensions": {
2556
+ "studio.tokens": {
2557
+ "modify": {
2558
+ "type": "darken",
2559
+ "value": "0.4",
2560
+ "space": "lch"
2561
+ }
2562
+ }
2563
+ }
2564
+ },
2565
+ "border-color": {
2566
+ "value": "transparent",
2567
+ "type": "color"
2568
+ },
2569
+ "color": {
2570
+ "value": "#fff",
2571
+ "type": "color"
2572
+ }
2296
2573
  }
2297
2574
  },
2298
2575
  "secondary-action": {
2299
2576
  "hover": {
2300
2577
  "background-color": {
2301
- "value": "#b8c6d5",
2578
+ "value": "#dce3ea",
2302
2579
  "type": "color"
2303
2580
  },
2304
2581
  "border-color": {
2305
- "value": "transparent",
2582
+ "value": "#162f50",
2306
2583
  "type": "color"
2307
2584
  },
2308
2585
  "color": {
2309
- "value": "#154273",
2586
+ "value": "#162f50",
2310
2587
  "type": "color"
2311
2588
  }
2312
2589
  },
@@ -2328,7 +2605,7 @@
2328
2605
  "type": "color"
2329
2606
  },
2330
2607
  "border-color": {
2331
- "value": "#738eab",
2608
+ "value": "#95a9c0",
2332
2609
  "type": "color"
2333
2610
  },
2334
2611
  "color": {
@@ -2338,7 +2615,7 @@
2338
2615
  },
2339
2616
  "focus": {
2340
2617
  "background-color": {
2341
- "value": "#b8c6d5",
2618
+ "value": "#dce3ea",
2342
2619
  "type": "color"
2343
2620
  },
2344
2621
  "border-color": {
@@ -2346,7 +2623,7 @@
2346
2623
  "type": "color"
2347
2624
  },
2348
2625
  "color": {
2349
- "value": "#154273",
2626
+ "value": "#162f50",
2350
2627
  "type": "color"
2351
2628
  }
2352
2629
  },
@@ -2360,11 +2637,20 @@
2360
2637
  "type": "color"
2361
2638
  },
2362
2639
  "border-color": {
2363
- "value": "#154273",
2364
- "type": "color"
2640
+ "value": "#162945",
2641
+ "type": "color",
2642
+ "$extensions": {
2643
+ "studio.tokens": {
2644
+ "modify": {
2645
+ "type": "darken",
2646
+ "value": "0.4",
2647
+ "space": "lch"
2648
+ }
2649
+ }
2650
+ }
2365
2651
  },
2366
2652
  "color": {
2367
- "value": "#154273",
2653
+ "value": "#162f50",
2368
2654
  "type": "color"
2369
2655
  }
2370
2656
  },
@@ -2375,6 +2661,38 @@
2375
2661
  "line-height": {
2376
2662
  "value": "1.875rem",
2377
2663
  "type": "lineHeights"
2664
+ },
2665
+ "pressed": {
2666
+ "background-color": {
2667
+ "value": "#b8c6d5",
2668
+ "type": "color"
2669
+ },
2670
+ "border-color": {
2671
+ "value": "#162945",
2672
+ "type": "color",
2673
+ "$extensions": {
2674
+ "studio.tokens": {
2675
+ "modify": {
2676
+ "type": "darken",
2677
+ "value": "0.4",
2678
+ "space": "lch"
2679
+ }
2680
+ }
2681
+ }
2682
+ },
2683
+ "color": {
2684
+ "value": "#162945",
2685
+ "type": "color",
2686
+ "$extensions": {
2687
+ "studio.tokens": {
2688
+ "modify": {
2689
+ "type": "darken",
2690
+ "value": "0.4",
2691
+ "space": "lch"
2692
+ }
2693
+ }
2694
+ }
2695
+ }
2378
2696
  }
2379
2697
  },
2380
2698
  "subtle": {
@@ -2388,7 +2706,7 @@
2388
2706
  },
2389
2707
  "hover": {
2390
2708
  "background-color": {
2391
- "value": "transparent",
2709
+ "value": "#dce3ea",
2392
2710
  "type": "color"
2393
2711
  },
2394
2712
  "border-color": {
@@ -2436,13 +2754,13 @@
2436
2754
  "type": "color"
2437
2755
  },
2438
2756
  "color": {
2439
- "value": "#154273",
2757
+ "value": "#162f50",
2440
2758
  "type": "color"
2441
2759
  }
2442
2760
  },
2443
2761
  "active": {
2444
2762
  "background-color": {
2445
- "value": "transparent",
2763
+ "value": "#95a9c0",
2446
2764
  "type": "color"
2447
2765
  },
2448
2766
  "border-color": {
@@ -2466,6 +2784,43 @@
2466
2784
  "line-height": {
2467
2785
  "value": "1.875rem",
2468
2786
  "type": "lineHeights"
2787
+ },
2788
+ "pressed": {
2789
+ "background-color": {
2790
+ "value": "#b8c6d5",
2791
+ "type": "color"
2792
+ },
2793
+ "border-color": {
2794
+ "value": "transparent",
2795
+ "type": "color"
2796
+ },
2797
+ "color": {
2798
+ "value": "#162945",
2799
+ "type": "color",
2800
+ "$extensions": {
2801
+ "studio.tokens": {
2802
+ "modify": {
2803
+ "type": "darken",
2804
+ "value": "0.4",
2805
+ "space": "lch"
2806
+ }
2807
+ }
2808
+ }
2809
+ }
2810
+ }
2811
+ },
2812
+ "pressed": {
2813
+ "background-color": {
2814
+ "value": "#1E293B",
2815
+ "type": "color"
2816
+ },
2817
+ "border-color": {
2818
+ "value": "transparent",
2819
+ "type": "color"
2820
+ },
2821
+ "color": {
2822
+ "value": "#fff",
2823
+ "type": "color"
2469
2824
  }
2470
2825
  }
2471
2826
  },
@@ -2546,262 +2901,52 @@
2546
2901
  "modify": {
2547
2902
  "type": "darken",
2548
2903
  "value": "0.3",
2549
- "space": "srgb"
2550
- }
2551
- }
2552
- }
2553
- },
2554
- "text-decoration": {
2555
- "value": "None",
2556
- "type": "textDecoration"
2557
- }
2558
- },
2559
- "current": {
2560
- "color": {
2561
- "value": "#334155",
2562
- "type": "color"
2563
- }
2564
- },
2565
- "text-decoration": {
2566
- "value": "underline",
2567
- "type": "textDecoration"
2568
- }
2569
- },
2570
- "divider": {
2571
- "size": {
2572
- "value": "24px",
2573
- "type": "sizing"
2574
- },
2575
- "color": {
2576
- "value": "#334155",
2577
- "type": "color"
2578
- },
2579
- "inset-block-start": {
2580
- "value": 0,
2581
- "type": "spacing"
2582
- }
2583
- },
2584
- "margin-inline": {
2585
- "value": "0.5rem",
2586
- "type": "spacing"
2587
- },
2588
- "font-family": {
2589
- "value": "Fira Sans, Arial, Verdana, sans-serif",
2590
- "type": "fontFamilies"
2591
- },
2592
- "font-weight": {
2593
- "value": 400,
2594
- "type": "fontWeights"
2595
- }
2596
- },
2597
- "blockquote": {
2598
- "caption": {
2599
- "font-size": {
2600
- "value": "1.25rem",
2601
- "type": "fontSizes"
2602
- },
2603
- "font-family": {
2604
- "value": "Fira Sans, Arial, Verdana, sans-serif",
2605
- "type": "fontFamilies"
2606
- },
2607
- "line-height": {
2608
- "value": "150%",
2609
- "type": "lineHeights"
2610
- },
2611
- "font-weight": {
2612
- "value": 400,
2613
- "type": "fontWeights"
2614
- },
2615
- "padding-block-start": {
2616
- "value": "0.75rem",
2617
- "type": "spacing"
2618
- },
2619
- "color": {
2620
- "value": "#334155",
2621
- "type": "color"
2622
- }
2623
- },
2624
- "content": {
2625
- "font-family": {
2626
- "value": "RijksoverheidSerifWeb, 'Times New Roman', serif",
2627
- "type": "fontFamilies"
2628
- },
2629
- "line-height": {
2630
- "value": "150%",
2631
- "type": "lineHeights"
2632
- },
2633
- "font-weight": {
2634
- "value": 400,
2635
- "type": "fontWeights"
2636
- },
2637
- "font-size": {
2638
- "value": "1.5rem",
2639
- "type": "fontSizes"
2640
- },
2641
- "color": {
2642
- "value": "#0F172A",
2643
- "type": "color"
2644
- }
2645
- },
2646
- "margin-block-end": {
2647
- "value": 0,
2648
- "type": "spacing"
2649
- },
2650
- "margin-block-start": {
2651
- "value": 0,
2652
- "type": "spacing"
2653
- },
2654
- "margin-inline-end": {
2655
- "value": 0,
2656
- "type": "spacing"
2657
- },
2658
- "margin-inline-start": {
2659
- "value": 0,
2660
- "type": "spacing"
2661
- },
2662
- "padding-block-end": {
2663
- "value": "2rem",
2664
- "type": "spacing"
2665
- },
2666
- "padding-block-start": {
2667
- "value": "2rem",
2668
- "type": "spacing"
2669
- },
2670
- "padding-inline-end": {
2671
- "value": "2rem",
2672
- "type": "spacing"
2673
- },
2674
- "padding-inline-start": {
2675
- "value": "2rem",
2676
- "type": "spacing"
2677
- },
2678
- "row-gap": {
2679
- "value": "0.75rem",
2680
- "type": "spacing"
2681
- },
2682
- "background-color": {
2683
- "value": "transparent",
2684
- "type": "color"
2685
- },
2686
- "border-color": {
2687
- "value": "#154273",
2688
- "type": "color"
2689
- },
2690
- "border-block-start-width": {
2691
- "value": 0,
2692
- "type": "borderWidth"
2693
- },
2694
- "border-block-end-width": {
2695
- "value": 0,
2696
- "type": "borderWidth"
2697
- },
2698
- "border-inline-start-width": {
2699
- "value": 0,
2700
- "type": "borderWidth"
2701
- },
2702
- "border-inline-end-width": {
2703
- "value": 0,
2704
- "type": "borderWidth"
2705
- },
2706
- "border-start-start-radius": {
2707
- "value": 0,
2708
- "type": "borderRadius"
2709
- },
2710
- "border-start-end-radius": {
2711
- "value": 0,
2712
- "type": "borderRadius"
2713
- },
2714
- "border-end-start-radius": {
2715
- "value": 0,
2716
- "type": "borderRadius"
2717
- },
2718
- "border-end-end-radius": {
2719
- "value": 0,
2720
- "type": "borderRadius"
2721
- },
2722
- "border-width": {
2723
- "value": "2px",
2724
- "type": "borderWidth"
2725
- },
2726
- "blue-corner-border-variation": {
2727
- "border-color": {
2728
- "value": "#154273",
2729
- "type": "color"
2730
- },
2731
- "border-block-end-width": {
2732
- "value": "2px",
2733
- "type": "borderWidth"
2734
- },
2735
- "border-inline-end-width": {
2736
- "value": "2px",
2737
- "type": "borderWidth"
2738
- },
2739
- "border-end-end-radius": {
2740
- "value": "3rem",
2741
- "type": "borderRadius"
2742
- }
2743
- },
2744
- "pink-background-variation": {
2745
- "background-color": {
2746
- "value": "#F6BDE1",
2747
- "type": "color"
2748
- },
2749
- "border-end-start-radius": {
2750
- "value": "3rem",
2751
- "type": "borderRadius"
2752
- },
2753
- "padding": {
2754
- "value": "2.5rem",
2755
- "type": "spacing"
2756
- }
2757
- },
2758
- "pink-left-border-variation": {
2759
- "border-color": {
2760
- "value": "#F6BDE1",
2761
- "type": "color"
2762
- },
2763
- "border-inline-start-width": {
2764
- "value": "0.75rem",
2765
- "type": "borderWidth"
2766
- },
2767
- "padding-inline-start": {
2768
- "value": "2.5rem",
2769
- "type": "spacing"
2770
- },
2771
- "padding-inline-end": {
2772
- "value": "2.5rem",
2773
- "type": "spacing"
2904
+ "space": "srgb"
2905
+ }
2906
+ }
2907
+ }
2908
+ },
2909
+ "text-decoration": {
2910
+ "value": "None",
2911
+ "type": "textDecoration"
2912
+ }
2774
2913
  },
2775
- "padding-block-start": {
2776
- "value": "1.5rem",
2777
- "type": "spacing"
2914
+ "current": {
2915
+ "color": {
2916
+ "value": "#334155",
2917
+ "type": "color"
2918
+ }
2778
2919
  },
2779
- "padding-block-end": {
2780
- "value": "1.5rem",
2781
- "type": "spacing"
2920
+ "text-decoration": {
2921
+ "value": "underline",
2922
+ "type": "textDecoration"
2782
2923
  }
2783
2924
  },
2784
- "pink-corner-border-variation": {
2785
- "border-color": {
2786
- "value": "#F6BDE1",
2787
- "type": "color"
2788
- },
2789
- "border-block-start-width": {
2790
- "value": "0.25rem",
2791
- "type": "borderWidth"
2792
- },
2793
- "border-inline-start-width": {
2794
- "value": "0.25rem",
2795
- "type": "borderWidth"
2925
+ "divider": {
2926
+ "size": {
2927
+ "value": "24px",
2928
+ "type": "sizing"
2796
2929
  },
2797
- "border-start-start-radius": {
2798
- "value": "3rem",
2799
- "type": "borderRadius"
2930
+ "color": {
2931
+ "value": "#334155",
2932
+ "type": "color"
2800
2933
  },
2801
- "padding": {
2802
- "value": "2.5rem",
2934
+ "inset-block-start": {
2935
+ "value": 0,
2803
2936
  "type": "spacing"
2804
2937
  }
2938
+ },
2939
+ "margin-inline": {
2940
+ "value": "0.5rem",
2941
+ "type": "spacing"
2942
+ },
2943
+ "font-family": {
2944
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
2945
+ "type": "fontFamilies"
2946
+ },
2947
+ "font-weight": {
2948
+ "value": 400,
2949
+ "type": "fontWeights"
2805
2950
  }
2806
2951
  },
2807
2952
  "article": {
@@ -2813,7 +2958,7 @@
2813
2958
  "alert": {
2814
2959
  "heading": {
2815
2960
  "font-family": {
2816
- "value": "Fira Sans, Arial, Verdana, sans-serif",
2961
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
2817
2962
  "type": "fontFamilies"
2818
2963
  },
2819
2964
  "font-weight": {
@@ -3090,7 +3235,7 @@
3090
3235
  "type": "color"
3091
3236
  },
3092
3237
  "font-family": {
3093
- "value": "Fira Sans, Arial, Verdana, sans-serif",
3238
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
3094
3239
  "type": "fontFamilies"
3095
3240
  },
3096
3241
  "font-size": {
@@ -3170,6 +3315,108 @@
3170
3315
  }
3171
3316
  },
3172
3317
  "rhc": {
3318
+ "keep": {
3319
+ "_comment": {
3320
+ "value": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.",
3321
+ "type": "other"
3322
+ },
3323
+ "top-left": {
3324
+ "borderRadiusTopLeft": {
3325
+ "value": "48px",
3326
+ "type": "borderRadius"
3327
+ },
3328
+ "borderRadiusTopRight": {
3329
+ "value": 0,
3330
+ "type": "borderRadius"
3331
+ },
3332
+ "borderRadiusBottomRight": {
3333
+ "value": 0,
3334
+ "type": "borderRadius"
3335
+ },
3336
+ "borderRadiusBottomLeft": {
3337
+ "value": 0,
3338
+ "type": "borderRadius"
3339
+ }
3340
+ },
3341
+ "top-right": {
3342
+ "borderRadiusTopRight": {
3343
+ "value": "48px",
3344
+ "type": "borderRadius"
3345
+ },
3346
+ "borderRadiusTopLeft": {
3347
+ "value": 0,
3348
+ "type": "borderRadius"
3349
+ },
3350
+ "borderRadiusBottomRight": {
3351
+ "value": 0,
3352
+ "type": "borderRadius"
3353
+ },
3354
+ "borderRadiusBottomLeft": {
3355
+ "value": 0,
3356
+ "type": "borderRadius"
3357
+ }
3358
+ },
3359
+ "bottom-right": {
3360
+ "borderRadiusTopLeft": {
3361
+ "value": 0,
3362
+ "type": "borderRadius"
3363
+ },
3364
+ "borderRadiusTopRight": {
3365
+ "value": 0,
3366
+ "type": "borderRadius"
3367
+ },
3368
+ "borderRadiusBottomRight": {
3369
+ "value": "48px",
3370
+ "type": "borderRadius"
3371
+ },
3372
+ "borderRadiusBottomLeft": {
3373
+ "value": 0,
3374
+ "type": "borderRadius"
3375
+ }
3376
+ },
3377
+ "bottom-left": {
3378
+ "borderRadiusTopLeft": {
3379
+ "value": 0,
3380
+ "type": "borderRadius"
3381
+ },
3382
+ "borderRadiusTopRight": {
3383
+ "value": 0,
3384
+ "type": "borderRadius"
3385
+ },
3386
+ "borderRadiusBottomRight": {
3387
+ "value": 0,
3388
+ "type": "borderRadius"
3389
+ },
3390
+ "borderRadiusBottomLeft": {
3391
+ "value": "48px",
3392
+ "type": "borderRadius"
3393
+ }
3394
+ }
3395
+ },
3396
+ "rounded-corner": {
3397
+ "xs": {
3398
+ "border-radius": {
3399
+ "value": "24px",
3400
+ "type": "borderRadius"
3401
+ }
3402
+ },
3403
+ "md": {
3404
+ "border-radius": {
3405
+ "value": "48px",
3406
+ "type": "borderRadius"
3407
+ }
3408
+ },
3409
+ "xl": {
3410
+ "border-radius": {
3411
+ "value": "96px",
3412
+ "type": "borderRadius"
3413
+ }
3414
+ },
3415
+ "border-width": {
3416
+ "value": "2px",
3417
+ "type": "borderWidth"
3418
+ }
3419
+ },
3173
3420
  "sub-nav-bar": {
3174
3421
  "background-color": {
3175
3422
  "value": "#f2f4f6",
@@ -3307,7 +3554,7 @@
3307
3554
  "type": "fontSizes"
3308
3555
  },
3309
3556
  "font-family": {
3310
- "value": "Fira Sans, Arial, Verdana, sans-serif",
3557
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
3311
3558
  "type": "fontFamilies"
3312
3559
  },
3313
3560
  "font-weight": {
@@ -3465,7 +3712,7 @@
3465
3712
  },
3466
3713
  "label": {
3467
3714
  "font-family": {
3468
- "value": "Fira Sans, Arial, Verdana, sans-serif",
3715
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
3469
3716
  "type": "font-family"
3470
3717
  },
3471
3718
  "font-size": {
@@ -3719,7 +3966,7 @@
3719
3966
  },
3720
3967
  "label": {
3721
3968
  "font-family": {
3722
- "value": "Fira Sans, Arial, Verdana, sans-serif",
3969
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
3723
3970
  "type": "font-family"
3724
3971
  },
3725
3972
  "font-size": {
@@ -3799,7 +4046,7 @@
3799
4046
  "type": "spacing"
3800
4047
  },
3801
4048
  "font-family": {
3802
- "value": "Fira Sans, Arial, Verdana, sans-serif",
4049
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
3803
4050
  "type": "fontFamilies"
3804
4051
  },
3805
4052
  "color": {
@@ -3872,7 +4119,7 @@
3872
4119
  "type": "fontSizes"
3873
4120
  },
3874
4121
  "font-family": {
3875
- "value": "Fira Sans, Arial, Verdana, sans-serif",
4122
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
3876
4123
  "type": "fontFamilies"
3877
4124
  }
3878
4125
  },
@@ -3890,7 +4137,7 @@
3890
4137
  "type": "fontSizes"
3891
4138
  },
3892
4139
  "font-family": {
3893
- "value": "Fira Sans, Arial, Verdana, sans-serif",
4140
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
3894
4141
  "type": "fontFamilies"
3895
4142
  }
3896
4143
  },
@@ -4384,7 +4631,7 @@
4384
4631
  "accordion": {
4385
4632
  "button": {
4386
4633
  "font-family": {
4387
- "value": "Fira Sans, Arial, Verdana, sans-serif",
4634
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
4388
4635
  "type": "fontFamilies"
4389
4636
  },
4390
4637
  "font-size": {
@@ -4461,80 +4708,6 @@
4461
4708
  "type": "color"
4462
4709
  }
4463
4710
  },
4464
- "keep": {
4465
- "top-left": {
4466
- "borderRadiusTopLeft": {
4467
- "value": "48px",
4468
- "type": "borderRadius"
4469
- },
4470
- "borderRadiusTopRight": {
4471
- "value": 0,
4472
- "type": "borderRadius"
4473
- },
4474
- "borderRadiusBottomRight": {
4475
- "value": 0,
4476
- "type": "borderRadius"
4477
- },
4478
- "borderRadiusBottomLeft": {
4479
- "value": 0,
4480
- "type": "borderRadius"
4481
- }
4482
- },
4483
- "top-right": {
4484
- "borderRadiusTopRight": {
4485
- "value": "48px",
4486
- "type": "borderRadius"
4487
- },
4488
- "borderRadiusTopLeft": {
4489
- "value": 0,
4490
- "type": "borderRadius"
4491
- },
4492
- "borderRadiusBottomRight": {
4493
- "value": 0,
4494
- "type": "borderRadius"
4495
- },
4496
- "borderRadiusBottomLeft": {
4497
- "value": 0,
4498
- "type": "borderRadius"
4499
- }
4500
- },
4501
- "bottom-right": {
4502
- "borderRadiusTopLeft": {
4503
- "value": 0,
4504
- "type": "borderRadius"
4505
- },
4506
- "borderRadiusTopRight": {
4507
- "value": 0,
4508
- "type": "borderRadius"
4509
- },
4510
- "borderRadiusBottomRight": {
4511
- "value": "48px",
4512
- "type": "borderRadius"
4513
- },
4514
- "borderRadiusBottomLeft": {
4515
- "value": 0,
4516
- "type": "borderRadius"
4517
- }
4518
- },
4519
- "bottom-left": {
4520
- "borderRadiusTopLeft": {
4521
- "value": 0,
4522
- "type": "borderRadius"
4523
- },
4524
- "borderRadiusTopRight": {
4525
- "value": 0,
4526
- "type": "borderRadius"
4527
- },
4528
- "borderRadiusBottomRight": {
4529
- "value": 0,
4530
- "type": "borderRadius"
4531
- },
4532
- "borderRadiusBottomLeft": {
4533
- "value": "48px",
4534
- "type": "borderRadius"
4535
- }
4536
- }
4537
- },
4538
4711
  "border-radius": {
4539
4712
  "sm": {
4540
4713
  "value": "2.5px",
@@ -4544,10 +4717,6 @@
4544
4717
  "value": "5px",
4545
4718
  "type": "borderRadius"
4546
4719
  },
4547
- "keep": {
4548
- "value": "48px",
4549
- "type": "borderRadius"
4550
- },
4551
4720
  "circle": {
4552
4721
  "parent": "core/default",
4553
4722
  "value": "999px",
@@ -4577,15 +4746,22 @@
4577
4746
  "type": "color",
4578
4747
  "description": "Gebruik voor content die extra context biedt, maar niet essentieel is om de interface te begrijpen."
4579
4748
  },
4580
- "onEmphasis": {
4581
- "parent": "mode/light",
4582
- "value": "#fff",
4583
- "type": "color",
4584
- "description": "Tekst en iconen die op een sterke achtergrond staan. Zoals het label in de primaire button of links in de footer."
4585
- },
4586
4749
  "link": {
4587
4750
  "value": "#01689b",
4588
4751
  "type": "color"
4752
+ },
4753
+ "on-dark-color": {
4754
+ "value": "#fff",
4755
+ "type": "color"
4756
+ },
4757
+ "on-light-color": {
4758
+ "value": "#000",
4759
+ "type": "color"
4760
+ },
4761
+ "onEmphasis": {
4762
+ "value": "#fff",
4763
+ "type": "color",
4764
+ "description": "Legacy token – wordt vervangen door rhc.color.foreground.on-dark-color"
4589
4765
  }
4590
4766
  },
4591
4767
  "border": {
@@ -4677,6 +4853,12 @@
4677
4853
  "type": "color"
4678
4854
  }
4679
4855
  },
4856
+ "accent-2": {
4857
+ "500": {
4858
+ "value": "#f092cd",
4859
+ "type": "color"
4860
+ }
4861
+ },
4680
4862
  "primary": {
4681
4863
  "50": {
4682
4864
  "value": "#dce3ea",
@@ -5501,7 +5683,7 @@
5501
5683
  },
5502
5684
  "font-family": {
5503
5685
  "primary": {
5504
- "value": "Fira Sans, Arial, Verdana, sans-serif",
5686
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
5505
5687
  "type": "fontFamilies"
5506
5688
  },
5507
5689
  "secondary": {
@@ -5591,7 +5773,7 @@
5591
5773
  "type": "fontWeights"
5592
5774
  },
5593
5775
  "font-family": {
5594
- "value": "Fira Sans, Arial, Verdana, sans-serif",
5776
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
5595
5777
  "type": "fontFamilies"
5596
5778
  },
5597
5779
  "font-size": {
@@ -5711,7 +5893,7 @@
5711
5893
  "type": "color"
5712
5894
  },
5713
5895
  "font-family": {
5714
- "value": "Fira Sans, Arial, Verdana, sans-serif",
5896
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
5715
5897
  "type": "fontFamilies"
5716
5898
  },
5717
5899
  "font-size": {
@@ -5846,7 +6028,7 @@
5846
6028
  "type": "other"
5847
6029
  },
5848
6030
  "font-family": {
5849
- "value": "Fira Sans, Arial, Verdana, sans-serif",
6031
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
5850
6032
  "type": "fontFamilies"
5851
6033
  },
5852
6034
  "font-weight": {
@@ -5868,7 +6050,7 @@
5868
6050
  "type": "color"
5869
6051
  },
5870
6052
  "font-family": {
5871
- "value": "Fira Sans, Arial, Verdana, sans-serif",
6053
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
5872
6054
  "type": "fontFamilies"
5873
6055
  },
5874
6056
  "font-weight": {
@@ -5898,7 +6080,7 @@
5898
6080
  "type": "color"
5899
6081
  },
5900
6082
  "font-family": {
5901
- "value": "Fira Sans, Arial, Verdana, sans-serif",
6083
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
5902
6084
  "type": "fontFamilies"
5903
6085
  },
5904
6086
  "font-weight": {
@@ -5928,7 +6110,7 @@
5928
6110
  "type": "color"
5929
6111
  },
5930
6112
  "font-family": {
5931
- "value": "Fira Sans, Arial, Verdana, sans-serif",
6113
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
5932
6114
  "type": "fontFamilies"
5933
6115
  },
5934
6116
  "font-weight": {
@@ -5958,7 +6140,7 @@
5958
6140
  "type": "color"
5959
6141
  },
5960
6142
  "font-family": {
5961
- "value": "Fira Sans, Arial, Verdana, sans-serif",
6143
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
5962
6144
  "type": "fontFamilies"
5963
6145
  },
5964
6146
  "font-weight": {
@@ -5988,7 +6170,7 @@
5988
6170
  "type": "color"
5989
6171
  },
5990
6172
  "font-family": {
5991
- "value": "Fira Sans, Arial, Verdana, sans-serif",
6173
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
5992
6174
  "type": "fontFamilies"
5993
6175
  },
5994
6176
  "font-weight": {
@@ -6042,7 +6224,7 @@
6042
6224
  "type": "borderRadius"
6043
6225
  },
6044
6226
  "font-family": {
6045
- "value": "Fira Sans, Arial, Verdana, sans-serif",
6227
+ "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
6046
6228
  "type": "fontFamilies"
6047
6229
  },
6048
6230
  "background-color": {