@rijkshuisstijl-community/design-tokens 1.0.0 → 1.0.1

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 (54) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/_variables.scss +2 -2
  3. package/dist/index.css +2 -2
  4. package/dist/index.d.ts +1 -1
  5. package/dist/index.js +2 -2
  6. package/dist/index.json +1 -1
  7. package/dist/index.tokens.json +1 -1
  8. package/dist/root.css +2 -2
  9. package/dist/tokens.d.ts +1 -1
  10. package/dist/tokens.js +3 -3
  11. package/dist/uitvoerend-mintgroen-focus/_variables.scss +613 -608
  12. package/dist/uitvoerend-mintgroen-focus/index.css +613 -608
  13. package/dist/uitvoerend-mintgroen-focus/index.d.ts +503 -498
  14. package/dist/uitvoerend-mintgroen-focus/index.js +504 -499
  15. package/dist/uitvoerend-mintgroen-focus/index.json +503 -498
  16. package/dist/uitvoerend-mintgroen-focus/index.tokens.json +1508 -1501
  17. package/dist/uitvoerend-mintgroen-focus/root.css +613 -608
  18. package/dist/uitvoerend-mintgroen-focus/tokens.d.ts +1433 -1426
  19. package/dist/uitvoerend-mintgroen-focus/tokens.js +19750 -19643
  20. package/dist/uitvoerend-violet/_variables.scss +611 -606
  21. package/dist/uitvoerend-violet/index.css +611 -606
  22. package/dist/uitvoerend-violet/index.d.ts +503 -498
  23. package/dist/uitvoerend-violet/index.js +504 -499
  24. package/dist/uitvoerend-violet/index.json +503 -498
  25. package/dist/uitvoerend-violet/index.tokens.json +1503 -1496
  26. package/dist/uitvoerend-violet/root.css +611 -606
  27. package/dist/uitvoerend-violet/tokens.d.ts +1377 -1370
  28. package/dist/uitvoerend-violet/tokens.js +20280 -20173
  29. package/dist/uitvoerend-violet-oud/_variables.scss +611 -606
  30. package/dist/uitvoerend-violet-oud/index.css +611 -606
  31. package/dist/uitvoerend-violet-oud/index.d.ts +503 -498
  32. package/dist/uitvoerend-violet-oud/index.js +504 -499
  33. package/dist/uitvoerend-violet-oud/index.json +503 -498
  34. package/dist/uitvoerend-violet-oud/index.tokens.json +1499 -1492
  35. package/dist/uitvoerend-violet-oud/root.css +611 -606
  36. package/dist/uitvoerend-violet-oud/tokens.d.ts +1391 -1384
  37. package/dist/uitvoerend-violet-oud/tokens.js +20013 -19906
  38. package/dist/wetgevend/_variables.scss +611 -606
  39. package/dist/wetgevend/index.css +611 -606
  40. package/dist/wetgevend/index.d.ts +503 -498
  41. package/dist/wetgevend/index.js +504 -499
  42. package/dist/wetgevend/index.json +503 -498
  43. package/dist/wetgevend/index.tokens.json +1515 -1508
  44. package/dist/wetgevend/root.css +611 -606
  45. package/dist/wetgevend/tokens.d.ts +1448 -1441
  46. package/dist/wetgevend/tokens.js +19953 -19846
  47. package/figma/figma.tokens.json +17 -13
  48. package/package.json +1 -1
  49. package/src/generated/base.tokens.json +1 -1
  50. package/src/generated/themes.json +16287 -16199
  51. package/src/generated/uitvoerend-mintgroen-focus/tokens.json +4060 -4038
  52. package/src/generated/uitvoerend-violet/tokens.json +4015 -3993
  53. package/src/generated/uitvoerend-violet-oud/tokens.json +3985 -3963
  54. package/src/generated/wetgevend/tokens.json +4018 -3996
package/dist/wetgevend/index.tokens.json CHANGED
@@ -1,1732 +1,1739 @@
1
1
  {
2
- "rhc": {
3
- "sub-nav-bar": {
4
- "background-color": "#f2f4f6",
5
- "column-gap": "0.5rem",
6
- "column-width": "375px",
7
- "padding-block-end": "2rem",
8
- "padding-block-start": "2rem",
9
- "inline-size": "100%",
10
- "content": {
11
- "padding-inline-end": "1rem",
12
- "padding-inline-start": "1rem",
13
- "max-inline-size": "1280px",
14
- "list": {
15
- "row-gap": "0.5rem"
16
- }
17
- }
2
+ "utrecht": {
3
+ "pre-heading": {
4
+ "color": "#0F172A",
5
+ "font-family": "Fira Sans, Arial, Verdana, sans-serif",
6
+ "font-weight": 700,
7
+ "line-height": "125%",
8
+ "font-size": "1rem"
18
9
  },
19
- "toggletip": {
20
- "color": "#fff",
21
- "background-color": "#007bc7",
22
- "border-color": "transparent",
23
- "border-radius": "5px",
24
- "border-width": "1px",
25
- "icon": {
26
- "size": "24px"
27
- },
10
+ "icon": {
11
+ "color": "inherit",
28
12
  "size": "24px",
29
- "active": {
30
- "color": "#007bc7",
31
- "background-color": "#fff",
32
- "border-color": "#007bc7"
13
+ "inset-block-start": 0
14
+ },
15
+ "unordered-list": {
16
+ "padding-inline-start": "1.5rem",
17
+ "margin-block-end": "0.25rem",
18
+ "margin-block-start": "0.25rem",
19
+ "color": "#0F172A",
20
+ "font-family": "Fira Sans, Arial, Verdana, sans-serif",
21
+ "font-weight": 400,
22
+ "font-size": "1.25rem",
23
+ "line-height": "150%",
24
+ "item": {
25
+ "padding-inline-start": "0.5rem",
26
+ "margin-block-end": "0.25rem",
27
+ "margin-block-start": "0.25rem"
33
28
  },
34
- "hover": {
29
+ "marker": {
35
30
  "color": "#0F172A",
36
- "background-color": "#66AFDD"
37
- },
38
- "focus": {
39
- "color": "#fff",
40
- "background-color": "#007bc7"
41
- }
42
- },
43
- "sidenav": {
44
- "display": "flex",
45
- "link": {
46
- "line-height": "150%",
47
- "icon": {
48
- "size": "24px",
49
- "margin-inline": "0.5rem"
50
- },
51
- "font-size": "1.25rem",
52
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
53
- "font-weight": 400,
54
- "current": {
55
- "font-weight": 700,
56
- "color": "#0F172A"
57
- },
58
- "color": "#01689b",
59
- "active": {
60
- "color": "#42145f",
61
- "text-decoration": "underline"
62
- },
63
- "focus": {
64
- "border-radius": "5px",
65
- "border-width": "2px",
66
- "border-style": "solid",
67
- "border-color": "#154273",
68
- "background-color": "none",
69
- "color": "#01689b",
70
- "text-decoration": "None"
71
- },
72
- "hover": {
73
- "color": "#15496a",
74
- "text-decoration": "underline"
75
- },
76
- "padding-block-start": "0.75rem",
77
- "padding-block-end": "0.75rem",
78
- "text-decoration": "None",
79
- "column-gap": "0.5rem"
31
+ "border-color": "#0F172A"
80
32
  }
81
33
  },
82
- "radio-group": {
34
+ "textbox": {
35
+ "border-radius": "2.5px",
36
+ "font-family": "Fira Sans, Arial, Verdana, sans-serif",
37
+ "font-size": "1.25rem",
38
+ "font-weight": 400,
39
+ "line-height": "150%",
40
+ "max-inline-size": "400px",
83
41
  "padding-block-end": "0.5rem",
84
42
  "padding-block-start": "0.5rem",
85
- "row-gap": "1rem"
86
- },
87
- "navigation-list": {
88
- "icon": {
89
- "background-color": "#0F172A",
90
- "border-radius": "999px",
91
- "color": "#fff"
43
+ "padding-inline-end": "0.75rem",
44
+ "padding-inline-start": "0.75rem",
45
+ "background-color": "#fff",
46
+ "border-color": "#154273",
47
+ "color": "#0F172A",
48
+ "invalid": {
49
+ "background-color": "#f9dfdd",
50
+ "border-color": "#d52b1e",
51
+ "color": "#0F172A",
52
+ "border-width": "1px"
92
53
  },
93
- "item": {
94
- "icon": {
95
- "padding-inline": "0.5rem",
96
- "padding-block": "0.5rem",
97
- "size": "24px"
98
- },
99
- "content": {
100
- "font-size": "1.125rem",
101
- "column-gap": "0.5rem",
102
- "row-gap": "0.25rem"
103
- },
104
- "label": {
105
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
106
- "font-size": "1.875rem",
107
- "font-weight": 700,
108
- "line-height": "150%"
109
- },
110
- "active": {
111
- "background-color": "#F1F5F9"
112
- },
113
- "hover": {
114
- "background-color": "#F8FAFC"
115
- },
116
- "focus": {
117
- "background-color": "#dce3ea"
118
- },
54
+ "placeholder": {
55
+ "color": "#64748B"
56
+ },
57
+ "border-block-end-width": "auto",
58
+ "border-width": "1px",
59
+ "focus": {
60
+ "border-width": "2px",
119
61
  "background-color": "#fff",
120
- "color": "#334155",
62
+ "border-color": "#154273",
63
+ "color": "#0F172A"
64
+ },
65
+ "disabled": {
66
+ "background-color": "#CBD5E1",
67
+ "border-color": "#94A3B8",
68
+ "color": "#475569"
69
+ },
70
+ "read-only": {
71
+ "background-color": "#F1F5F9",
72
+ "border-color": "transparent",
73
+ "color": "#0F172A"
74
+ },
75
+ "hover": {
121
76
  "border-width": "1px",
122
- "border-color": "#CBD5E1",
123
- "heading": {
124
- "color": "#0F172A"
125
- },
126
- "column-gap": "1rem",
127
- "min-height": "48px",
128
- "padding-block": "0.75rem",
129
- "padding-inline": "1rem"
77
+ "background-color": "#fff",
78
+ "border-color": "#738eab",
79
+ "color": "#0F172A"
130
80
  }
131
81
  },
132
- "nav-bar": {
133
- "border-block-end-width": "1px",
134
- "max-inline-size": "1280px",
135
- "padding-inline": "1rem",
136
- "container": {
137
- "inline-size": "100%"
82
+ "textarea": {
83
+ "max-inline-size": "400px",
84
+ "padding-block-end": "0.5rem",
85
+ "padding-block-start": "0.5rem",
86
+ "padding-inline-end": "0.75rem",
87
+ "padding-inline-start": "0.75rem",
88
+ "background-color": "#fff",
89
+ "border-color": "#154273",
90
+ "color": "#0F172A",
91
+ "invalid": {
92
+ "background-color": "#f9dfdd",
93
+ "border-color": "#d52b1e",
94
+ "color": "#0F172A",
95
+ "border-width": "1px"
138
96
  },
139
- "content": {
140
- "column-gap": "1rem"
97
+ "placeholder": {
98
+ "color": "#64748B"
141
99
  },
142
- "icon": {
100
+ "focus": {
101
+ "background-color": "#fff",
102
+ "border-color": "#154273",
143
103
  "color": "#0F172A",
144
- "active": {
145
- "color": "#fff"
146
- },
147
- "size": "24px"
104
+ "border-width": "2px"
148
105
  },
149
- "link": {
150
- "active": {
151
- "background-color": "#154273",
152
- "color": "#fff"
153
- },
154
- "background-color": "#fff",
155
- "color": "#154273",
156
- "focus": {
157
- "background-color": "#dce3ea",
158
- "color": "#154273"
159
- },
160
- "hover": {
161
- "background-color": "#F8FAFC",
162
- "color": "#154273"
163
- },
164
- "padding-block-end": "1rem",
165
- "padding-block-start": "1rem",
166
- "padding-inline-end": "0.75rem",
167
- "padding-inline-start": "0.75rem",
168
- "column-gap": "0.5rem"
106
+ "disabled": {
107
+ "background-color": "#CBD5E1",
108
+ "border-color": "#94A3B8",
109
+ "color": "#475569"
169
110
  },
170
- "heading": {
171
- "font-weight": 700
111
+ "read-only": {
112
+ "background-color": "#F1F5F9",
113
+ "border-color": "transparent",
114
+ "color": "#0F172A"
172
115
  },
173
- "background-color": "#fff",
174
- "color": "#154273",
175
- "border-color": "#4f7196"
176
- },
177
- "message-list": {
178
- "item": {
116
+ "hover": {
179
117
  "background-color": "#fff",
180
- "border-color": "#CBD5E1",
181
- "border-width": "1px",
182
- "color": "#334155",
183
- "column-gap": "1rem",
184
- "icon": {
185
- "size": "24px",
186
- "color": "#0F172A"
187
- },
188
- "min-height": "48px",
189
- "padding-block": "0.75rem",
190
- "padding-inline": "1rem",
191
- "content": {
192
- "font-size": "1.125rem",
193
- "column-gap": "0.5rem",
194
- "row-gap": "0.5rem"
195
- },
196
- "label": {
197
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
198
- "font-size": "1.25rem",
199
- "font-weight": 700,
200
- "line-height": "150%"
201
- },
202
- "heading": {
203
- "color": "#0F172A"
204
- }
205
- }
206
- },
207
- "logo": {
208
- "image": {
209
- "background-color": "#fff",
210
- "inline-size": "48px",
211
- "block-size": "96px",
212
- "color": "#154273"
213
- },
214
- "title": {
215
- "font-weight": 600,
216
- "line-height": "1.063rem",
217
- "font-size": "0.913rem",
218
- "padding-block-start": "3.125rem"
219
- },
220
- "subtitle": {
221
- "font-weight": 400,
222
- "line-height": "1rem",
223
- "font-size": "0.775rem"
118
+ "border-color": "#738eab",
119
+ "color": "#0F172A",
120
+ "border-width": "1px"
224
121
  },
225
- "column-gap": "12px",
122
+ "border-radius": "2.5px",
123
+ "border-bottom-width": "1px",
124
+ "border-width": "1px",
226
125
  "font-family": "Fira Sans, Arial, Verdana, sans-serif",
227
- "color": "#154273"
228
- },
229
- "link-list-card": {
230
- "background-color": "#fff",
231
- "padding-block-start": "1.5rem",
232
- "padding-block-end": "1.5rem",
233
- "row-gap": "1rem",
234
- "padding-inline-start": "1.5rem",
235
- "padding-inline-end": "1.5rem"
236
- },
237
- "link-list": {
238
- "text-decoration": "None"
239
- },
240
- "icon-only-button": {
241
- "padding-block-end": "0.75rem",
242
- "padding-block-start": "0.75rem",
243
- "padding-inline-end": "0.75rem",
244
- "padding-inline-start": "0.75rem"
126
+ "font-weight": 400,
127
+ "line-height": "150%",
128
+ "font-size": "1.25rem"
245
129
  },
246
- "hero": {
247
- "heading": {
130
+ "table": {
131
+ "header-cell": {
132
+ "line-height": "150%",
133
+ "color": "#0F172A",
134
+ "font-family": "Fira Sans, Arial, Verdana, sans-serif",
248
135
  "font-weight": 700,
249
- "line-height": "125%",
250
- "font-size": "1.875rem",
251
- "font-family": "Fira Sans, Arial, Verdana, sans-serif"
136
+ "font-size": "1.25rem"
252
137
  },
253
- "sub-heading": {
254
- "font-weight": 400,
255
- "line-height": "150%",
256
- "font-size": "1.25rem",
257
- "font-family": "Fira Sans, Arial, Verdana, sans-serif"
138
+ "caption": {
139
+ "line-height": "125%",
140
+ "margin-block-end": "1.5rem",
141
+ "color": "#0F172A",
142
+ "font-family": "Fira Sans, Arial, Verdana, sans-serif",
143
+ "font-weight": 700,
144
+ "font-size": "1.875rem"
258
145
  },
259
- "message": {
260
- "background-color": "#154273",
261
- "color": "#fff",
262
- "row-gap": "0.125rem",
263
- "padding-block-end": "1rem",
146
+ "cell": {
147
+ "padding-block-end": "0.75rem",
148
+ "padding-block-start": "0.75rem",
264
149
  "padding-inline-end": "1rem",
265
150
  "padding-inline-start": "1rem",
266
- "padding-block-start": "1rem",
267
- "border-radius": "20px",
268
- "inline-size": "90%"
151
+ "line-height": "150%"
269
152
  },
270
- "border-radius": "40px",
271
- "inline-size": "100%"
272
- },
273
- "form-field-radio-option": {
274
- "column-gap": "0.5rem",
275
- "font-weight": 400,
276
- "row-gap": "0.5rem",
277
- "label": {
278
- "margin-block-end": 0
153
+ "data-cell": {
154
+ "color": "#0F172A",
155
+ "font-family": "Fira Sans, Arial, Verdana, sans-serif",
156
+ "font-weight": 400,
157
+ "line-height": "150%",
158
+ "font-size": "1.25rem"
279
159
  },
280
- "input": {
281
- "margin": {
282
- "block-start": "0.25rem"
283
- }
284
- }
285
- },
286
- "form-field-checkbox-option": {
287
- "column-gap": "0.5rem",
288
- "margin-block-end": 0
289
- },
290
- "page-footer": {
291
- "column-gap": "1.5rem",
292
- "column-width": "200px",
293
- "column": {
294
- "title": {
295
- "margin-block-end": "0.75rem"
296
- }
160
+ "header": {
161
+ "border-block-end-width": "2px",
162
+ "border-block-end-color": "#CBD5E1",
163
+ "background-color": "transparent"
297
164
  },
298
- "content": {
299
- "max-inline-size": "1280px",
300
- "padding-inline-start": "1rem",
301
- "padding-inline-end": "1rem",
302
- "column-gap": "2rem"
165
+ "footer": {
166
+ "border-block-end-width": "1px",
167
+ "border-block-end-color": "#CBD5E1",
168
+ "background-color": "transparent"
303
169
  },
304
- "border": {
305
- "block-start": {
306
- "width": "2px",
307
- "color": "#738eab",
308
- "style": "solid"
309
- }
170
+ "row": {
171
+ "border-block-end-width": "1px",
172
+ "border-block-end-color": "#CBD5E1",
173
+ "background-color": "transparent"
310
174
  },
311
- "outlined": {
312
- "background-color": "#fff",
313
- "color": "#154273",
314
- "border": {
315
- "color": "#154273"
316
- }
175
+ "footer-cell": {
176
+ "font-weight": 700,
177
+ "font-size": "1.25rem",
178
+ "color": "#0F172A",
179
+ "font-family": "Fira Sans, Arial, Verdana, sans-serif",
180
+ "line-height": "150%"
317
181
  },
318
- "padding": {
319
- "block-start": "2.5rem",
320
- "block-end": "2.5rem",
321
- "inline-start": "2.5rem",
322
- "inline-end": "2.5rem"
182
+ "container": {
183
+ "box-inline-end-shadow": {
184
+ "x": 0,
185
+ "y": "16px",
186
+ "blur": "48px",
187
+ "spread": 0,
188
+ "color": "#0000001a"
189
+ },
190
+ "box-inline-start-shadow": {
191
+ "x": 0,
192
+ "y": "16px",
193
+ "blur": "48px",
194
+ "spread": 0,
195
+ "color": "#0000001a"
196
+ }
323
197
  },
324
- "flex": {
325
- "direction": "column"
326
- }
198
+ "font-size": "1.25rem"
327
199
  },
328
- "file-input": {
329
- "column-gap": "0.75rem",
330
- "row-gap": "0.75rem",
331
- "feedback": {
332
- "color": "#475569",
333
- "font-size": "1rem"
334
- }
200
+ "separator": {
201
+ "color": "#CBD5E1",
202
+ "block-size": "2px",
203
+ "margin-block-end": "0.75rem",
204
+ "margin-block-start": "0.75rem"
335
205
  },
336
- "file": {
337
- "border-style": "solid",
338
- "border-color": "#154273",
339
- "border-width": "1px",
340
- "border-radius": "5px",
341
- "padding-inline-start": "1rem",
342
- "padding-inline-end": "1rem",
343
- "padding-block-start": "0.75rem",
344
- "padding-block-end": "0.75rem",
345
- "column-gap": "0.25rem",
346
- "error": {
347
- "border-color": "#d52b1e"
206
+ "select": {
207
+ "image-background-position": "right 0.5rem center",
208
+ "icon": {
209
+ "size": "24px"
348
210
  },
349
- "subtitle": {
350
- "color": "#64748B"
351
- }
352
- },
353
- "dot-badge": {
354
- "border-radius": "999px",
355
- "color": "#d52b1e",
356
- "size": "12px"
357
- },
358
- "code-input": {
359
- "size": "48px"
360
- },
361
- "code-input-group": {
362
- "column-gap": "0.5rem"
363
- },
364
- "checkbox-group": {
365
- "padding-block-end": "0.5rem",
366
- "padding-block-start": "0.5rem",
367
- "row-gap": "1rem"
368
- },
369
- "card-as-link": {
370
211
  "background-color": "#fff",
371
- "border-color": "#CBD5E1",
372
- "border-radius": "5px",
373
- "border-width": "1px",
212
+ "border-color": "#154273",
374
213
  "color": "#0F172A",
375
- "column-gap": "1rem",
376
- "inline-size": "328px",
377
- "icon": {
214
+ "invalid": {
215
+ "background-color": "#f9dfdd",
216
+ "border-color": "#d52b1e",
378
217
  "color": "#0F172A",
379
- "size": "24px"
218
+ "border-width": "1px"
380
219
  },
381
- "link": {
382
- "color": "#01689b",
383
- "text-decoration": "underline",
384
- "active": {
385
- "text-decoration": "none"
386
- },
387
- "hover": {
388
- "text-decoration": "none"
389
- },
390
- "focus": {
391
- "text-decoration": "none"
392
- }
220
+ "focus": {
221
+ "background-color": "#fff",
222
+ "border-color": "#154273",
223
+ "color": "#0F172A",
224
+ "border-width": "2px"
393
225
  },
394
- "metadata": {
395
- "color": "#0F172A"
226
+ "disabled": {
227
+ "background-color": "#CBD5E1",
228
+ "border-color": "#94A3B8",
229
+ "color": "#475569"
396
230
  },
397
- "padding-block-end": "1rem",
398
- "padding-block-start": "1rem",
399
- "padding-inline-end": "1rem",
400
- "padding-inline-start": "1rem",
401
- "row-gap": "0.75rem",
231
+ "hover": {
232
+ "background-color": "#fff",
233
+ "border-color": "#738eab",
234
+ "color": "#0F172A",
235
+ "border-width": "1px"
236
+ },
237
+ "padding-block-end": "0.5rem",
238
+ "padding-block-start": "0.5rem",
239
+ "padding-inline-end": "0.75rem",
240
+ "padding-inline-start": "0.75rem",
241
+ "border-radius": "2.5px",
242
+ "border-bottom-width": "auto",
243
+ "border-width": "1px",
244
+ "font-family": "Fira Sans, Arial, Verdana, sans-serif",
245
+ "font-weight": 400,
246
+ "line-height": "150%",
247
+ "font-size": "1.25rem",
248
+ "max-inline-size": "400px"
249
+ },
250
+ "radio-button": {
402
251
  "active": {
403
- "background-color": "#F1F5F9",
404
- "text-decoration": "underline"
252
+ "border-width": "1px",
253
+ "background-color": "#fff",
254
+ "border-color": "#4f7196"
405
255
  },
406
- "hover": {
407
- "background-color": "#F8FAFC",
408
- "text-decoration": "underline"
256
+ "size": "24px",
257
+ "dot": {
258
+ "size": "12px"
409
259
  },
410
- "focus": {
411
- "background-color": "#dce3ea",
412
- "text-decoration": "underline"
260
+ "background-color": "#fff",
261
+ "border-color": "#154273",
262
+ "invalid": {
263
+ "background-color": "#f9dfdd",
264
+ "border-color": "#d52b1e",
265
+ "border-width": "1px"
413
266
  },
414
- "full-bleed": {
415
- "background-color": "#000",
416
- "border-color": "transparent",
417
- "color": "#fff",
418
- "opacity": 0.5
267
+ "focus": {
268
+ "background-color": "#fff",
269
+ "border-color": "#154273",
270
+ "border-width": "2px"
419
271
  },
420
- "heading": {
421
- "padding-block-start": "0.5rem",
422
- "font-size": "1.5rem",
423
- "font-weight": 700
272
+ "disabled": {
273
+ "background-color": "#CBD5E1",
274
+ "border-color": "#94A3B8",
275
+ "color": "#475569"
424
276
  },
425
- "horizontal": {
277
+ "checked": {
426
278
  "background-color": "#154273",
427
279
  "border-color": "transparent",
428
280
  "color": "#fff",
429
- "max-block-size": "96px",
430
- "padding-block-end": 0,
431
- "padding-block-start": 0,
432
- "padding-inline-end": "1rem",
433
- "padding-inline-start": "1rem",
434
- "heading": {
435
- "inline-size": "200px"
436
- }
437
- }
438
- },
439
- "accordion": {
440
- "button": {
441
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
442
- "font-size": "1.25rem",
443
- "font-weight": 400,
444
- "line-height": "150%",
445
- "icon": {
446
- "margin-block": "0.25rem"
281
+ "hover": {
282
+ "background-color": "#738eab",
283
+ "border-color": "transparent",
284
+ "color": "#fff",
285
+ "border-width": "1px"
447
286
  },
448
- "padding-block-end": "0.75rem",
449
- "padding-block-start": "0.75rem",
450
- "padding-inline-end": "1rem",
451
- "padding-inline-start": "1rem",
452
- "expanded": {
287
+ "active": {
288
+ "background-color": "#4f7196",
289
+ "border-color": "transparent",
290
+ "color": "#fff",
291
+ "border-width": "1px"
292
+ },
293
+ "focus": {
453
294
  "background-color": "#fff",
454
- "color": "#0F172A"
455
- }
456
- },
457
- "section": {
458
- "border-block-end-width": "1px",
459
- "border-width": 0,
460
- "border-color": "#94A3B8"
295
+ "border-color": "#154273",
296
+ "color": "#154273",
297
+ "border-width": "2px"
298
+ },
299
+ "disabled": {
300
+ "background-color": "#CBD5E1",
301
+ "border-color": "#94A3B8",
302
+ "color": "#475569"
303
+ },
304
+ "border-width": "1px"
461
305
  },
462
- "header": {
463
- "margin": 0
306
+ "hover": {
307
+ "background-color": "#fff",
308
+ "border-color": "#738eab",
309
+ "border-width": "1px"
464
310
  },
465
- "border-radius": "0px",
466
- "color": "#0F172A"
311
+ "border-radius": "999px",
312
+ "border-width": "1px"
467
313
  },
468
- "keep": {
469
- "top-left": {
470
- "borderRadiusTopLeft": "48px",
471
- "borderRadiusTopRight": 0,
472
- "borderRadiusBottomRight": 0,
473
- "borderRadiusBottomLeft": 0
474
- },
475
- "top-right": {
476
- "borderRadiusTopRight": "48px",
477
- "borderRadiusTopLeft": 0,
478
- "borderRadiusBottomRight": 0,
479
- "borderRadiusBottomLeft": 0
314
+ "ordered-list": {
315
+ "padding-inline-start": "1.5rem",
316
+ "margin-block-end": "0.25rem",
317
+ "margin-block-start": "0.25rem",
318
+ "margin-inline-start": "0.625rem",
319
+ "item": {
320
+ "padding-inline-start": 0,
321
+ "margin-block-end": "0.25rem",
322
+ "margin-block-start": "0.25rem"
480
323
  },
481
- "bottom-right": {
482
- "borderRadiusTopLeft": 0,
483
- "borderRadiusTopRight": 0,
484
- "borderRadiusBottomRight": "48px",
485
- "borderRadiusBottomLeft": 0
324
+ "color": "#0F172A",
325
+ "font-family": "Fira Sans, Arial, Verdana, sans-serif",
326
+ "font-weight": 400,
327
+ "font-size": "1.25rem",
328
+ "line-height": "150%"
329
+ },
330
+ "link-list": {
331
+ "margin-block-start": 0,
332
+ "row-gap": "0.5rem",
333
+ "margin-block-end": 0,
334
+ "item": {
335
+ "column-gap": "0.5rem",
336
+ "text-decoration": "None"
486
337
  },
487
- "bottom-left": {
488
- "borderRadiusTopLeft": 0,
489
- "borderRadiusTopRight": 0,
490
- "borderRadiusBottomRight": 0,
491
- "borderRadiusBottomLeft": "48px"
338
+ "icon": {
339
+ "size": "24px",
340
+ "inset-block-start": "0.188rem"
492
341
  }
493
342
  },
494
- "border-radius": {
495
- "sm": "2.5px",
496
- "md": "5px",
497
- "keep": "48px",
498
- "circle": "999px",
499
- "none": "0px"
500
- },
501
- "color": {
502
- "focus": {
503
- "outline": "#000"
343
+ "link": {
344
+ "color": "#01689b",
345
+ "text-decoration-color": "#01689b",
346
+ "active": {
347
+ "color": "#42145f",
348
+ "text-decoration": "None"
504
349
  },
505
- "foreground": {
506
- "default": "#0F172A",
507
- "subdued": "#334155",
508
- "onEmphasis": "#fff",
509
- "link": "#01689b"
350
+ "focus": {
351
+ "background-color": "transparent",
352
+ "color": "#01689b",
353
+ "text-decoration": "None",
354
+ "text-decoration-thickness": "auto"
510
355
  },
511
- "border": {
512
- "default": "#64748B",
513
- "subdued": "#94A3B8",
514
- "strong": "#0F172A"
356
+ "hover": {
357
+ "color": "#01496c",
358
+ "text-decoration": "None",
359
+ "text-decoration-thickness": "auto"
515
360
  },
516
- "canvas": "#fff",
517
- "feedback": {
518
- "success": {
519
- "default": "#39870c",
520
- "subdued": "#e1eddb"
521
- },
522
- "info": {
523
- "default": "#007bc7",
524
- "subdued": "#d9ebf7"
525
- },
526
- "error": {
527
- "default": "#d52b1e",
528
- "subdued": "#f9dfdd"
529
- },
530
- "warning": {
531
- "default": "#ffb612",
532
- "subdued": "#fff4db"
533
- }
361
+ "visited": {
362
+ "color": "#42145f"
534
363
  },
535
- "accent": {
536
- "500": "#8fcae7"
364
+ "text-decoration": "underline",
365
+ "icon": {
366
+ "inset-block-start": "0.25rem",
367
+ "size": "24px"
537
368
  },
538
- "primary": {
539
- "50": "#dce3ea",
540
- "100": "#b8c6d5",
541
- "200": "#95a9c0",
542
- "300": "#738eab",
543
- "400": "#4f7196",
544
- "500": "#154273",
545
- "hover": "#162f50"
546
- },
547
- "cool-grey": {
548
- "50": "#F8FAFC",
549
- "100": "#F1F5F9",
550
- "200": "#E2E8F0",
551
- "300": "#CBD5E1",
552
- "400": "#94A3B8",
553
- "500": "#64748B",
554
- "600": "#475569",
555
- "700": "#334155",
556
- "800": "#1E293B",
557
- "900": "#0F172A"
558
- },
559
- "lichtblauw": {
560
- "50": "#eef7fb",
561
- "100": "#ddeff8",
562
- "200": "#CCE7F4",
563
- "300": "#BCDFF0",
564
- "400": "#ABD7ED",
565
- "500": "#8fcae7"
566
- },
567
- "violet": {
568
- "50": "#f2d9e7",
569
- "100": "#e5b3d0",
570
- "200": "#D88CB7",
571
- "300": "#CB66A0",
572
- "400": "#BE4088",
573
- "500": "#a90061"
369
+ "column-gap": "0.25rem",
370
+ "text-decoration-thickness": "auto",
371
+ "text-underline-offset": "0.125rem",
372
+ "font-family": "Fira Sans, Arial, Verdana, sans-serif",
373
+ "font-weight": 400,
374
+ "font-size": "1.25rem",
375
+ "line-height": "150%"
376
+ },
377
+ "form-label": {
378
+ "color": "#0F172A",
379
+ "font-size": "1.25rem",
380
+ "font-weight": 700
381
+ },
382
+ "form-field-label": {
383
+ "color": "#0F172A",
384
+ "font-family": "Fira Sans, Arial, Verdana, sans-serif",
385
+ "font-size": "1.25rem",
386
+ "font-weight": 700,
387
+ "line-height": "150%"
388
+ },
389
+ "form-field-error-message": {
390
+ "icon": {
391
+ "size": "24px",
392
+ "margin-inline-end": "0.5rem"
574
393
  },
575
- "paars": {
576
- "50": "#e3dce7",
577
- "100": "#c6b9cf",
578
- "200": "#A995B7",
579
- "300": "#8D729F",
580
- "400": "#714f87",
581
- "500": "#42145f"
394
+ "color": "#d52b1e",
395
+ "font-family": "Fira Sans, Arial, Verdana, sans-serif",
396
+ "font-size": "1.25rem",
397
+ "font-weight": 400,
398
+ "margin-block-end": "0.5rem",
399
+ "padding-block-end": "0.5rem"
400
+ },
401
+ "form-field-description": {
402
+ "color": "#334155",
403
+ "font-family": "Fira Sans, Arial, Verdana, sans-serif",
404
+ "font-size": "1.25rem",
405
+ "line-height": "150%",
406
+ "margin-block-start": "-0.5rem",
407
+ "margin-block-end": "0.5rem",
408
+ "padding-block-end": "0.5rem"
409
+ },
410
+ "form-field": {
411
+ "margin-block-start": "0.5rem",
412
+ "margin-block-end": "0.5rem",
413
+ "invalid": {
414
+ "border-inline-start-color": "#d52b1e",
415
+ "border-inline-start-width": "0px",
416
+ "padding-inline-start": 0
582
417
  },
583
- "hemelblauw": {
584
- "50": "#d9ebf7",
585
- "100": "#b3d7ee",
586
- "200": "#8CC3E6",
587
- "300": "#66AFDD",
588
- "400": "#409CD5",
589
- "500": "#007bc7"
418
+ "label": {
419
+ "margin-block-end": "0.5rem"
590
420
  },
591
- "donkerblauw": {
592
- "50": "#d9e8f0",
593
- "100": "#b3d2e1",
594
- "200": "#8CBBD2",
595
- "300": "#66A4C3",
596
- "400": "#408EB4",
597
- "500": "#01689b"
421
+ "error-message": {
422
+ "line-height": "normal"
423
+ }
424
+ },
425
+ "page-footer": {
426
+ "background-color": "#154273",
427
+ "color": "#fff",
428
+ "padding-block-start": "3rem",
429
+ "padding-block-end": "3rem",
430
+ "padding-inline-start": "80px",
431
+ "padding-inline-end": "80px"
432
+ },
433
+ "figure": {
434
+ "caption": {
435
+ "border-color": "#CBD5E1",
436
+ "border-width": "4px",
437
+ "color": "#154273",
438
+ "padding-block-end": "0.5rem",
439
+ "padding-block-start": "0.5rem",
440
+ "padding-inline-start": "1rem",
441
+ "line-height": "150%",
442
+ "font-size": "1.25rem"
598
443
  },
599
- "mintgroen": {
600
- "50": "#eaf8f4",
601
- "100": "#d6f2e9",
602
- "200": "#C1EBDE",
603
- "300": "#ACE4D3",
604
- "400": "#98DDC8",
605
- "500": "#76d2b6"
444
+ "img": {
445
+ "border-end-end-radius": 0,
446
+ "border-end-start-radius": 0,
447
+ "border-start-end-radius": 0,
448
+ "border-start-start-radius": 0
449
+ }
450
+ },
451
+ "form-fieldset": {
452
+ "legend": {
453
+ "color": "#0F172A",
454
+ "font-family": "Fira Sans, Arial, Verdana, sans-serif",
455
+ "font-size": "1.25rem",
456
+ "font-weight": 700,
457
+ "line-height": "150%",
458
+ "disabled": {
459
+ "color": "#334155"
460
+ }
606
461
  },
607
- "mosgroen": {
608
- "50": "#ebebd9",
609
- "100": "#d6d7b3",
610
- "200": "#C1C38C",
611
- "300": "#ADAF66",
612
- "400": "#999C40",
613
- "500": "#777b00"
462
+ "section": {
463
+ "background-color": "transparent",
464
+ "color": "#0F172A"
614
465
  },
615
- "groen": {
616
- "50": "#e1eddb",
617
- "100": "#c4dbb6",
618
- "200": "#A5C991",
619
- "300": "#88B76D",
620
- "400": "#6AA549",
621
- "500": "#39870c"
466
+ "invalid": {
467
+ "border-inline-start": {
468
+ "color": "#d52b1e"
469
+ },
470
+ "padding-inline-start": 0,
471
+ "border-inline-start-width": "0px"
472
+ }
473
+ },
474
+ "checkbox": {
475
+ "border-radius": "2.5px",
476
+ "size": "24px",
477
+ "icon": {
478
+ "size": "24px"
622
479
  },
623
- "donkergroen": {
624
- "50": "#dfe6e1",
625
- "100": "#becdc3",
626
- "200": "#9DB4A4",
627
- "300": "#7D9B87",
628
- "400": "#5D8269",
629
- "500": "#275937"
480
+ "background-color": "#fff",
481
+ "border-color": "#154273",
482
+ "invalid": {
483
+ "background-color": "#f9dfdd",
484
+ "border-color": "#d52b1e",
485
+ "border-width": "1px"
630
486
  },
631
- "bruin": {
632
- "50": "#efeada",
633
- "100": "#dfd4b6",
634
- "200": "#CFBF90",
635
- "300": "#BFA96C",
636
- "400": "#AF9447",
637
- "500": "#94710a"
487
+ "focus": {
488
+ "background-color": "#fff",
489
+ "border-color": "#154273",
490
+ "border-width": "2px"
638
491
  },
639
- "donkerbruin": {
640
- "50": "#e8e0df",
641
- "100": "#d1c2be",
642
- "200": "#BAA39D",
643
- "300": "#A3847D",
644
- "400": "#8D665D",
645
- "500": "#673327"
492
+ "disabled": {
493
+ "background-color": "#CBD5E1",
494
+ "border-color": "#94A3B8"
646
495
  },
647
- "geel": {
648
- "50": "#fefbdd",
649
- "100": "#fdf6bc",
650
- "200": "#FCF199",
651
- "300": "#FBED78",
652
- "400": "#FAE856",
653
- "500": "#f9e11e"
496
+ "checked": {
497
+ "background-color": "#154273",
498
+ "border-color": "transparent",
499
+ "color": "#fff",
500
+ "border-width": "1px",
501
+ "disabled": {
502
+ "background-color": "#CBD5E1",
503
+ "border-color": "#94A3B8",
504
+ "color": "#475569"
505
+ },
506
+ "focus": {
507
+ "border-width": "2px",
508
+ "background-color": "#fff",
509
+ "border-color": "#154273",
510
+ "color": "#154273"
511
+ },
512
+ "hover": {
513
+ "border-width": "1px",
514
+ "background-color": "#738eab",
515
+ "border-color": "transparent",
516
+ "color": "#fff"
517
+ },
518
+ "active": {
519
+ "border-width": "1px",
520
+ "background-color": "#4f7196",
521
+ "border-color": "transparent",
522
+ "color": "#fff"
523
+ }
654
524
  },
655
- "donkergeel": {
656
- "50": "#fff4db",
657
- "100": "#ffe9b8",
658
- "200": "#FDDE94",
659
- "300": "#FDD370",
660
- "400": "#FDC84D",
661
- "500": "#ffb612"
662
- },
663
- "oranje": {
664
- "50": "#fbead9",
665
- "100": "#f6d4b3",
666
- "200": "#F1BE8C",
667
- "300": "#EDA966",
668
- "400": "#E89440",
669
- "500": "#e17000"
670
- },
671
- "rood": {
672
- "50": "#f9dfdd",
673
- "100": "#f2bfbc",
674
- "200": "#EC9F99",
675
- "300": "#E67F78",
676
- "400": "#DF6056",
677
- "500": "#d52b1e"
678
- },
679
- "roze": {
680
- "50": "#fdeff8",
681
- "100": "#fbdef0",
682
- "200": "#F8CEE8",
683
- "300": "#F6BDE1",
684
- "400": "#F4ADD9",
685
- "500": "#f092cd"
686
- },
687
- "robijnrood": {
688
- "50": "#f7d9e7",
689
- "100": "#efb3ce",
690
- "200": "#E78CB6",
691
- "300": "#DF669D",
692
- "400": "#D74085",
693
- "500": "#ca005d"
694
- },
695
- "lintblauw": {
696
- "50": "#dce3ea",
697
- "100": "#b8c6d5",
698
- "200": "#95a9c0",
699
- "300": "#738eab",
700
- "400": "#4f7196",
701
- "500": "#154273"
702
- },
703
- "wit": "#fff",
704
- "zwart": "#000",
705
- "none": "transparent"
706
- },
707
- "focus": {
708
- "outline-offset": "0.125rem",
709
- "outline-style": "solid",
710
- "outline-width": "2px"
711
- },
712
- "font-size": {
713
- "heading": {
714
- "level-1": "3.125rem",
715
- "level-2": "2.5rem",
716
- "level-3": "1.875rem",
717
- "level-4": "1.5rem",
718
- "level-5": "1.25rem"
719
- },
720
- "paragraph": {
721
- "intro": "1.5rem",
722
- "default": "1.25rem",
723
- "small": "1.125rem"
724
- },
725
- "xs": {
726
- "desktop": "1.25rem",
727
- "tablet": "1.125rem",
728
- "mobile": "1rem"
729
- },
730
- "sm": {
731
- "desktop": "1.5rem",
732
- "tablet": "1.35rem",
733
- "mobile": "1.2rem"
734
- },
735
- "md": {
736
- "desktop": "1.875rem",
737
- "tablet": "1.688rem",
738
- "mobile": "1.5rem"
525
+ "indeterminate": {
526
+ "background-color": "#154273",
527
+ "border-color": "transparent",
528
+ "color": "#fff",
529
+ "border-width": "1px",
530
+ "disabled": {
531
+ "background-color": "#CBD5E1",
532
+ "border-color": "#94A3B8",
533
+ "color": "#475569"
534
+ },
535
+ "active": {
536
+ "background-color": "#4f7196",
537
+ "border-color": "transparent",
538
+ "color": "#fff",
539
+ "border-width": "1px"
540
+ },
541
+ "hover": {
542
+ "background-color": "#738eab",
543
+ "border-color": "transparent",
544
+ "color": "#fff",
545
+ "border-width": "1px"
546
+ },
547
+ "focus": {
548
+ "background-color": "#fff",
549
+ "border-color": "#154273",
550
+ "color": "#154273",
551
+ "border-width": "2px"
552
+ }
739
553
  },
740
- "lg": {
741
- "desktop": "2.5rem",
742
- "tablet": "2.25rem",
743
- "mobile": "2rem"
554
+ "border-width": "1px",
555
+ "hover": {
556
+ "border-width": "1px",
557
+ "background-color": "#fff",
558
+ "border-color": "#738eab"
744
559
  },
745
- "xl": {
746
- "desktop": "3.125rem",
747
- "tablet": "2.813rem",
748
- "mobile": "2.5rem"
560
+ "active": {
561
+ "border-width": "1px",
562
+ "background-color": "#fff",
563
+ "border-color": "#4f7196"
749
564
  }
750
565
  },
751
- "line-height": {
752
- "paragraph": "150%",
753
- "sm": "125%",
754
- "md": "150%"
566
+ "button-group": {
567
+ "background-color": "transparent",
568
+ "column-gap": "0.5rem",
569
+ "margin-block-end": "0px",
570
+ "margin-block-start": "0px",
571
+ "padding-block-end": "0px",
572
+ "padding-block-start": "0px",
573
+ "row-gap": "0.5rem"
755
574
  },
756
- "size": {
757
- "target": "48px",
575
+ "button": {
576
+ "background-color": "transparent",
577
+ "border-color": "#334155",
578
+ "color": "#334155",
579
+ "border-radius": "5px",
580
+ "border-width": "1px",
758
581
  "icon": {
759
- "functional": "24px"
760
- },
761
- "quarter-lint": "12px",
762
- "half-lint": "24px",
763
- "lint": "48px",
764
- "2-lint": "96px",
765
- "3-lint": "1440px"
766
- },
767
- "font-weight": {
768
- "extra-bold": 800,
769
- "bold": 700,
770
- "semi-bold": 550,
771
- "regular": 400,
772
- "chosen-regular": 400,
773
- "light": 300,
774
- "thin": 200
775
- },
776
- "font-family": {
777
- "primary": "Fira Sans, Arial, Verdana, sans-serif",
778
- "secondary": "RijksoverheidSerifWeb, 'Times New Roman', serif"
779
- },
780
- "border-width": {
781
- "default": "1px",
782
- "m": "2px",
783
- "none": "0px"
784
- },
785
- "space": {
786
- "0": 0,
787
- "25": "0.125rem",
788
- "50": "0.25rem",
789
- "100": "0.5rem",
790
- "150": "0.75rem",
791
- "200": "1rem",
792
- "300": "1.5rem",
793
- "400": "2rem",
794
- "500": "2.5rem",
795
- "600": "3rem",
796
- "700": "3.5rem"
797
- }
798
- },
799
- "utrecht": {
800
- "icon": {
801
- "color": "inherit",
802
- "size": "24px",
803
- "inset-block-start": 0
804
- },
805
- "unordered-list": {
806
- "padding-inline-start": "1.5rem",
807
- "margin-block-end": "0.25rem",
808
- "margin-block-start": "0.25rem",
809
- "color": "#0F172A",
810
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
811
- "font-weight": 400,
812
- "font-size": "1.25rem",
813
- "line-height": "150%",
814
- "item": {
815
- "padding-inline-start": "0.5rem",
816
- "margin-block-end": "0.25rem",
817
- "margin-block-start": "0.25rem"
582
+ "gap": "0.5rem",
583
+ "size": "24px"
818
584
  },
819
- "marker": {
820
- "color": "#0F172A",
821
- "border-color": "#0F172A"
822
- }
823
- },
824
- "textbox": {
825
- "border-radius": "2.5px",
826
585
  "font-family": "Fira Sans, Arial, Verdana, sans-serif",
827
586
  "font-size": "1.25rem",
828
- "font-weight": 400,
587
+ "font-weight": 700,
829
588
  "line-height": "150%",
830
- "max-inline-size": "400px",
831
589
  "padding-block-end": "0.5rem",
832
590
  "padding-block-start": "0.5rem",
833
- "padding-inline-end": "0.75rem",
834
- "padding-inline-start": "0.75rem",
835
- "background-color": "#fff",
836
- "border-color": "#154273",
837
- "color": "#0F172A",
838
- "invalid": {
839
- "background-color": "#f9dfdd",
840
- "border-color": "#d52b1e",
841
- "color": "#0F172A",
842
- "border-width": "1px"
843
- },
844
- "placeholder": {
591
+ "padding-inline-end": "1rem",
592
+ "padding-inline-start": "1rem",
593
+ "disabled": {
594
+ "background-color": "#F8FAFC",
595
+ "border-color": "transparent",
845
596
  "color": "#64748B"
846
597
  },
847
- "border-block-end-width": "auto",
848
- "border-width": "1px",
849
598
  "focus": {
850
- "border-width": "2px",
851
- "background-color": "#fff",
852
- "border-color": "#154273",
853
- "color": "#0F172A"
599
+ "background-color": "#FDDE94",
600
+ "border-color": "transparent",
601
+ "color": "#1E293B"
854
602
  },
855
- "disabled": {
856
- "background-color": "#CBD5E1",
857
- "border-color": "#94A3B8",
858
- "color": "#475569"
603
+ "hover": {
604
+ "background-color": "#F8FAFC",
605
+ "border-color": "#1E293B",
606
+ "color": "#1E293B"
859
607
  },
860
- "read-only": {
861
- "background-color": "#F1F5F9",
862
- "border-color": "transparent",
608
+ "active": {
609
+ "background-color": "#CBD5E1",
610
+ "border-color": "#0F172A",
863
611
  "color": "#0F172A"
864
612
  },
865
- "hover": {
866
- "border-width": "1px",
867
- "background-color": "#fff",
868
- "border-color": "#738eab",
869
- "color": "#0F172A"
870
- }
871
- },
872
- "textarea": {
873
- "max-inline-size": "400px",
874
- "padding-block-end": "0.5rem",
875
- "padding-block-start": "0.5rem",
876
- "padding-inline-end": "0.75rem",
877
- "padding-inline-start": "0.75rem",
878
- "background-color": "#fff",
879
- "border-color": "#154273",
880
- "color": "#0F172A",
881
- "invalid": {
882
- "background-color": "#f9dfdd",
883
- "border-color": "#d52b1e",
884
- "color": "#0F172A",
885
- "border-width": "1px"
886
- },
887
- "placeholder": {
888
- "color": "#64748B"
613
+ "min-block-size": "48px",
614
+ "min-inline-size": "48px",
615
+ "column-gap": "0.5rem",
616
+ "primary-action": {
617
+ "hover": {
618
+ "background-color": "#162f50",
619
+ "border-color": "transparent",
620
+ "color": "#fff"
621
+ },
622
+ "background-color": "#154273",
623
+ "border-color": "transparent",
624
+ "color": "#fff",
625
+ "disabled": {
626
+ "background-color": "#b8c6d5",
627
+ "border-color": "#95a9c0",
628
+ "color": "#4f7196"
629
+ },
630
+ "focus": {
631
+ "background-color": "#154273",
632
+ "border-color": "transparent",
633
+ "color": "#fff"
634
+ },
635
+ "font-weight": 700,
636
+ "active": {
637
+ "background-color": "#0d2845",
638
+ "border-color": "transparent",
639
+ "color": "#fff"
640
+ },
641
+ "font-size": "1.25rem",
642
+ "line-height": "1.875rem"
889
643
  },
890
- "focus": {
891
- "background-color": "#fff",
644
+ "secondary-action": {
645
+ "hover": {
646
+ "background-color": "#b8c6d5",
647
+ "border-color": "transparent",
648
+ "color": "#154273"
649
+ },
650
+ "background-color": "transparent",
892
651
  "border-color": "#154273",
893
- "color": "#0F172A",
894
- "border-width": "2px"
895
- },
896
- "disabled": {
897
- "background-color": "#CBD5E1",
898
- "border-color": "#94A3B8",
899
- "color": "#475569"
652
+ "color": "#154273",
653
+ "disabled": {
654
+ "background-color": "transparent",
655
+ "border-color": "#738eab",
656
+ "color": "#738eab"
657
+ },
658
+ "focus": {
659
+ "background-color": "#b8c6d5",
660
+ "border-color": "transparent",
661
+ "color": "#154273"
662
+ },
663
+ "font-weight": 700,
664
+ "active": {
665
+ "background-color": "#95a9c0",
666
+ "border-color": "#154273",
667
+ "color": "#154273"
668
+ },
669
+ "font-size": "1.25rem",
670
+ "line-height": "1.875rem"
900
671
  },
901
- "read-only": {
902
- "background-color": "#F1F5F9",
672
+ "subtle": {
673
+ "font-size": "1.25rem",
674
+ "font-weight": 700,
675
+ "hover": {
676
+ "background-color": "transparent",
677
+ "border-color": "transparent",
678
+ "color": "#162f50"
679
+ },
680
+ "background-color": "transparent",
903
681
  "border-color": "transparent",
904
- "color": "#0F172A"
682
+ "color": "#154273",
683
+ "disabled": {
684
+ "background-color": "transparent",
685
+ "border-color": "transparent",
686
+ "color": "#b8c6d5"
687
+ },
688
+ "focus": {
689
+ "background-color": "#dce3ea",
690
+ "border-color": "transparent",
691
+ "color": "#154273"
692
+ },
693
+ "active": {
694
+ "background-color": "transparent",
695
+ "border-color": "transparent",
696
+ "color": "#0d2845"
697
+ },
698
+ "line-height": "1.875rem"
699
+ }
700
+ },
701
+ "breadcrumb-nav": {
702
+ "line-height": 1.4,
703
+ "font-size": "1.25rem",
704
+ "link": {
705
+ "icon": {
706
+ "size": "24px",
707
+ "margin-inline": "0.25rem",
708
+ "inset-block-start": 0
709
+ },
710
+ "padding-block-end": "0.75rem",
711
+ "padding-block-start": "0.75rem",
712
+ "padding-inline-end": 0,
713
+ "padding-inline-start": 0,
714
+ "color": "#01689b",
715
+ "active": {
716
+ "color": "#42145f",
717
+ "text-decoration": "None"
718
+ },
719
+ "focus": {
720
+ "background-color": "transparent",
721
+ "color": "#01689b",
722
+ "text-decoration": "None"
723
+ },
724
+ "hover": {
725
+ "color": "#01496c",
726
+ "text-decoration": "None"
727
+ },
728
+ "current": {
729
+ "color": "#334155"
730
+ },
731
+ "text-decoration": "underline"
905
732
  },
906
- "hover": {
907
- "background-color": "#fff",
908
- "border-color": "#738eab",
909
- "color": "#0F172A",
910
- "border-width": "1px"
733
+ "divider": {
734
+ "size": "24px",
735
+ "color": "#334155",
736
+ "inset-block-start": 0
911
737
  },
912
- "border-radius": "2.5px",
913
- "border-bottom-width": "1px",
914
- "border-width": "1px",
738
+ "margin-inline": "0.5rem",
915
739
  "font-family": "Fira Sans, Arial, Verdana, sans-serif",
916
- "font-weight": 400,
917
- "line-height": "150%",
918
- "font-size": "1.25rem"
740
+ "font-weight": 400
919
741
  },
920
- "table": {
921
- "header-cell": {
922
- "line-height": "150%",
923
- "color": "#0F172A",
924
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
925
- "font-weight": 700,
926
- "font-size": "1.25rem"
927
- },
742
+ "blockquote": {
928
743
  "caption": {
929
- "line-height": "125%",
930
- "margin-block-end": "1.5rem",
931
- "color": "#0F172A",
744
+ "font-size": "1.25rem",
932
745
  "font-family": "Fira Sans, Arial, Verdana, sans-serif",
933
- "font-weight": 700,
934
- "font-size": "1.875rem"
935
- },
936
- "cell": {
937
- "padding-block-end": "0.75rem",
746
+ "line-height": "150%",
747
+ "font-weight": 400,
938
748
  "padding-block-start": "0.75rem",
939
- "padding-inline-end": "1rem",
940
- "padding-inline-start": "1rem",
941
- "line-height": "150%"
749
+ "color": "#334155"
942
750
  },
943
- "data-cell": {
944
- "color": "#0F172A",
945
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
946
- "font-weight": 400,
751
+ "content": {
752
+ "font-family": "RijksoverheidSerifWeb, 'Times New Roman', serif",
947
753
  "line-height": "150%",
948
- "font-size": "1.25rem"
754
+ "font-weight": 400,
755
+ "font-size": "1.5rem",
756
+ "color": "#0F172A"
949
757
  },
950
- "header": {
758
+ "margin-block-end": 0,
759
+ "margin-block-start": 0,
760
+ "margin-inline-end": 0,
761
+ "margin-inline-start": 0,
762
+ "padding-block-end": "2rem",
763
+ "padding-block-start": "2rem",
764
+ "padding-inline-end": "2rem",
765
+ "padding-inline-start": "2rem",
766
+ "row-gap": "0.75rem",
767
+ "background-color": "transparent",
768
+ "border-color": "#154273",
769
+ "border-block-start-width": 0,
770
+ "border-block-end-width": 0,
771
+ "border-inline-start-width": 0,
772
+ "border-inline-end-width": 0,
773
+ "border-start-start-radius": 0,
774
+ "border-start-end-radius": 0,
775
+ "border-end-start-radius": 0,
776
+ "border-end-end-radius": 0,
777
+ "border-width": "2px",
778
+ "blue-corner-border-variation": {
779
+ "border-color": "#154273",
951
780
  "border-block-end-width": "2px",
952
- "border-block-end-color": "#CBD5E1",
953
- "background-color": "transparent"
954
- },
955
- "footer": {
956
- "border-block-end-width": "1px",
957
- "border-block-end-color": "#CBD5E1",
958
- "background-color": "transparent"
781
+ "border-inline-end-width": "2px",
782
+ "border-end-end-radius": "3rem"
959
783
  },
960
- "row": {
961
- "border-block-end-width": "1px",
962
- "border-block-end-color": "#CBD5E1",
963
- "background-color": "transparent"
784
+ "pink-background-variation": {
785
+ "background-color": "#F6BDE1",
786
+ "border-end-start-radius": "3rem",
787
+ "padding": "2.5rem"
964
788
  },
965
- "footer-cell": {
966
- "font-weight": 700,
967
- "font-size": "1.25rem",
968
- "color": "#0F172A",
969
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
970
- "line-height": "150%"
789
+ "pink-left-border-variation": {
790
+ "border-color": "#F6BDE1",
791
+ "border-inline-start-width": "0.75rem",
792
+ "padding-inline-start": "2.5rem",
793
+ "padding-inline-end": "2.5rem",
794
+ "padding-block-start": "1.5rem",
795
+ "padding-block-end": "1.5rem"
971
796
  },
972
- "container": {
973
- "box-inline-end-shadow": {
974
- "x": 0,
975
- "y": "16px",
976
- "blur": "48px",
977
- "spread": 0,
978
- "color": "#0000001a"
979
- },
980
- "box-inline-start-shadow": {
981
- "x": 0,
982
- "y": "16px",
983
- "blur": "48px",
984
- "spread": 0,
985
- "color": "#0000001a"
986
- }
987
- },
988
- "font-size": "1.25rem"
797
+ "pink-corner-border-variation": {
798
+ "border-color": "#F6BDE1",
799
+ "border-block-start-width": "0.25rem",
800
+ "border-inline-start-width": "0.25rem",
801
+ "border-start-start-radius": "3rem",
802
+ "padding": "2.5rem"
803
+ }
989
804
  },
990
- "separator": {
991
- "color": "#CBD5E1",
992
- "block-size": "2px",
993
- "margin-block-end": "0.75rem",
994
- "margin-block-start": "0.75rem"
805
+ "article": {
806
+ "max-inline-size": "75ch"
995
807
  },
996
- "select": {
997
- "image-background-position": "right 0.5rem center",
998
- "icon": {
999
- "size": "24px"
808
+ "alert": {
809
+ "heading": {
810
+ "font-family": "Fira Sans, Arial, Verdana, sans-serif",
811
+ "font-weight": 700,
812
+ "line-height": "150%",
813
+ "font-size": "1.25rem"
1000
814
  },
1001
- "background-color": "#fff",
1002
- "border-color": "#154273",
815
+ "column-gap": "0.5rem",
816
+ "border-width": "0px",
817
+ "margin-block-end": "0.75rem",
818
+ "margin-block-start": "0.75rem",
819
+ "padding-block-end": "1rem",
820
+ "padding-block-start": "1rem",
821
+ "padding-inline-end": "1rem",
822
+ "padding-inline-start": "1rem",
823
+ "background-color": "#d9ebf7",
824
+ "border-color": "transparent",
1003
825
  "color": "#0F172A",
1004
- "invalid": {
1005
- "background-color": "#f9dfdd",
1006
- "border-color": "#d52b1e",
1007
- "color": "#0F172A",
1008
- "border-width": "1px"
1009
- },
1010
- "focus": {
1011
- "background-color": "#fff",
1012
- "border-color": "#154273",
1013
- "color": "#0F172A",
1014
- "border-width": "2px"
1015
- },
1016
- "disabled": {
1017
- "background-color": "#CBD5E1",
1018
- "border-color": "#94A3B8",
1019
- "color": "#475569"
826
+ "info": {
827
+ "background-color": "#d9ebf7",
828
+ "border-color": "transparent",
829
+ "color": "#0F172A"
1020
830
  },
1021
- "hover": {
1022
- "background-color": "#fff",
1023
- "border-color": "#738eab",
1024
- "color": "#0F172A",
1025
- "border-width": "1px"
831
+ "error": {
832
+ "background-color": "#f9dfdd",
833
+ "border-color": "transparent",
834
+ "color": "#0F172A"
1026
835
  },
1027
- "padding-block-end": "0.5rem",
1028
- "padding-block-start": "0.5rem",
1029
- "padding-inline-end": "0.75rem",
1030
- "padding-inline-start": "0.75rem",
1031
- "border-radius": "2.5px",
1032
- "border-bottom-width": "auto",
1033
- "border-width": "1px",
1034
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
1035
- "font-weight": 400,
1036
- "line-height": "150%",
1037
- "font-size": "1.25rem",
1038
- "max-inline-size": "400px"
1039
- },
1040
- "radio-button": {
1041
- "active": {
1042
- "border-width": "1px",
1043
- "background-color": "#fff",
1044
- "border-color": "#4f7196"
836
+ "ok": {
837
+ "background-color": "#e1eddb",
838
+ "border-color": "transparent",
839
+ "color": "#0F172A"
1045
840
  },
1046
- "size": "24px",
1047
- "dot": {
1048
- "size": "12px"
841
+ "warning": {
842
+ "background-color": "#fff4db",
843
+ "border-color": "transparent",
844
+ "color": "#0F172A"
1049
845
  },
1050
- "background-color": "#fff",
1051
- "border-color": "#154273",
1052
- "invalid": {
1053
- "background-color": "#f9dfdd",
1054
- "border-color": "#d52b1e",
1055
- "border-width": "1px"
846
+ "icon": {
847
+ "inset-block-start": "3px",
848
+ "info": {
849
+ "color": "#007bc7"
850
+ },
851
+ "error": {
852
+ "color": "#d52b1e"
853
+ },
854
+ "ok": {
855
+ "color": "#39870c"
856
+ },
857
+ "warning": {
858
+ "color": "#ffb612"
859
+ },
860
+ "size": "24px"
1056
861
  },
1057
- "focus": {
1058
- "background-color": "#fff",
1059
- "border-color": "#154273",
1060
- "border-width": "2px"
862
+ "message": {
863
+ "line-height": "150%",
864
+ "column-gap": "0.5rem"
1061
865
  },
1062
- "disabled": {
1063
- "background-color": "#CBD5E1",
866
+ "border-radius": "5px"
867
+ },
868
+ "accordion": {
869
+ "panel": {
1064
870
  "border-color": "#94A3B8",
1065
- "color": "#475569"
871
+ "border-width": 0,
872
+ "padding-block-end": "1.5rem",
873
+ "padding-block-start": "1rem",
874
+ "padding-inline-end": "1rem",
875
+ "padding-inline-start": "1rem"
1066
876
  },
1067
- "checked": {
1068
- "background-color": "#154273",
1069
- "border-color": "transparent",
1070
- "color": "#fff",
1071
- "hover": {
1072
- "background-color": "#738eab",
1073
- "border-color": "transparent",
1074
- "color": "#fff",
1075
- "border-width": "1px"
877
+ "button": {
878
+ "gap": "0.5rem",
879
+ "icon": {
880
+ "size": "24px"
1076
881
  },
1077
- "active": {
1078
- "background-color": "#4f7196",
1079
- "border-color": "transparent",
1080
- "color": "#fff",
1081
- "border-width": "1px"
882
+ "hover": {
883
+ "background-color": "#F8FAFC",
884
+ "border-color": "#94A3B8",
885
+ "color": "#0F172A"
1082
886
  },
887
+ "background-color": "#fff",
888
+ "border-color": "#94A3B8",
889
+ "border-width": 0,
890
+ "color": "#0F172A",
1083
891
  "focus": {
1084
- "background-color": "#fff",
892
+ "background-color": "#dce3ea",
1085
893
  "border-color": "#154273",
1086
- "color": "#154273",
1087
- "border-width": "2px"
894
+ "color": "#0F172A"
1088
895
  },
1089
- "disabled": {
1090
- "background-color": "#CBD5E1",
896
+ "active": {
897
+ "background-color": "#F1F5F9",
1091
898
  "border-color": "#94A3B8",
1092
- "color": "#475569"
1093
- },
1094
- "border-width": "1px"
1095
- },
1096
- "hover": {
1097
- "background-color": "#fff",
1098
- "border-color": "#738eab",
1099
- "border-width": "1px"
1100
- },
1101
- "border-radius": "999px",
1102
- "border-width": "1px"
899
+ "color": "#0F172A",
900
+ "row-gap": 0
901
+ }
902
+ }
1103
903
  },
1104
- "ordered-list": {
1105
- "padding-inline-start": "1.5rem",
1106
- "margin-block-end": "0.25rem",
1107
- "margin-block-start": "0.25rem",
1108
- "margin-inline-start": "0.625rem",
1109
- "item": {
1110
- "padding-inline-start": 0,
1111
- "margin-block-end": "0.25rem",
1112
- "margin-block-start": "0.25rem"
1113
- },
904
+ "document": {
905
+ "background-color": "#fff",
1114
906
  "color": "#0F172A",
1115
907
  "font-family": "Fira Sans, Arial, Verdana, sans-serif",
1116
- "font-weight": 400,
1117
908
  "font-size": "1.25rem",
1118
- "line-height": "150%"
1119
- },
1120
- "link-list": {
1121
- "margin-block-start": 0,
1122
- "row-gap": "0.5rem",
1123
- "margin-block-end": 0,
1124
- "item": {
1125
- "column-gap": "0.5rem",
1126
- "text-decoration": "None"
1127
- },
1128
- "icon": {
1129
- "size": "24px",
1130
- "inset-block-start": "0.188rem"
1131
- }
909
+ "line-height": "150%",
910
+ "font-weight": 400
1132
911
  },
1133
- "link": {
1134
- "color": "#01689b",
1135
- "text-decoration-color": "#01689b",
1136
- "active": {
1137
- "color": "#42145f",
1138
- "text-decoration": "None"
912
+ "rich-text": {
913
+ "stranger": {
914
+ "margin-block-end": "2rem"
1139
915
  },
1140
- "focus": {
1141
- "background-color": "transparent",
1142
- "color": "#01689b",
1143
- "text-decoration": "None",
1144
- "text-decoration-thickness": "auto"
916
+ "acquaintance": {
917
+ "margin-block-end": "1rem"
1145
918
  },
1146
- "hover": {
1147
- "color": "#01496c",
1148
- "text-decoration": "None",
1149
- "text-decoration-thickness": "auto"
919
+ "friend": {
920
+ "margin-block-end": "0.5rem"
1150
921
  },
1151
- "visited": {
1152
- "color": "#42145f"
922
+ "best-friend": {
923
+ "margin-block-end": "0.25rem"
1153
924
  },
1154
- "text-decoration": "underline",
1155
- "icon": {
1156
- "inset-block-start": "0.25rem",
1157
- "size": "24px"
1158
- },
1159
- "column-gap": "0.25rem",
1160
- "text-decoration-thickness": "auto",
1161
- "text-underline-offset": "0.125rem",
1162
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
1163
- "font-weight": 400,
1164
- "font-size": "1.25rem",
1165
- "line-height": "150%"
1166
- },
1167
- "form-label": {
1168
- "color": "#0F172A",
1169
- "font-size": "1.25rem",
1170
- "font-weight": 700
1171
- },
1172
- "form-field-label": {
1173
- "color": "#0F172A",
1174
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
1175
- "font-size": "1.25rem",
1176
- "font-weight": 700,
1177
- "line-height": "150%"
1178
- },
1179
- "form-field-error-message": {
1180
- "icon": {
1181
- "size": "24px",
1182
- "margin-inline-end": "0.5rem"
1183
- },
1184
- "color": "#d52b1e",
1185
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
1186
- "font-size": "1.25rem",
1187
- "font-weight": 400,
1188
- "margin-block-end": "0.5rem",
1189
- "padding-block-end": "0.5rem"
1190
- },
1191
- "form-field-description": {
1192
- "color": "#334155",
1193
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
1194
- "font-size": "1.25rem",
1195
- "line-height": "150%",
1196
- "margin-block-start": "-0.5rem",
1197
- "margin-block-end": "0.5rem",
1198
- "padding-block-end": "0.5rem"
1199
- },
1200
- "form-field": {
1201
- "margin-block-start": "0.5rem",
1202
- "margin-block-end": "0.5rem",
1203
- "invalid": {
1204
- "border-inline-start-color": "#d52b1e",
1205
- "border-inline-start-width": "0px",
1206
- "padding-inline-start": 0
1207
- },
1208
- "label": {
1209
- "margin-block-end": "0.5rem"
1210
- },
1211
- "error-message": {
1212
- "line-height": "normal"
925
+ "confidant": {
926
+ "margin-block-end": 0
1213
927
  }
1214
928
  },
1215
- "page-footer": {
1216
- "background-color": "#154273",
1217
- "color": "#fff",
1218
- "padding-block-start": "3rem",
1219
- "padding-block-end": "3rem",
1220
- "padding-inline-start": "80px",
1221
- "padding-inline-end": "80px"
929
+ "pointer-target": {
930
+ "min-size": "48px"
1222
931
  },
1223
- "figure": {
1224
- "caption": {
1225
- "border-color": "#CBD5E1",
1226
- "border-width": "4px",
1227
- "color": "#154273",
1228
- "padding-block-end": "0.5rem",
1229
- "padding-block-start": "0.5rem",
1230
- "padding-inline-start": "1rem",
1231
- "line-height": "150%",
1232
- "font-size": "1.25rem"
1233
- },
1234
- "img": {
1235
- "border-end-end-radius": 0,
1236
- "border-end-start-radius": 0,
1237
- "border-start-end-radius": 0,
1238
- "border-start-start-radius": 0
932
+ "focus": {
933
+ "outline-color": "#000",
934
+ "outline-offset": "0.125rem",
935
+ "outline-style": "solid",
936
+ "outline-width": "2px",
937
+ "inverse": {
938
+ "outline-color": "#fff"
1239
939
  }
1240
- },
1241
- "form-fieldset": {
1242
- "legend": {
1243
- "color": "#0F172A",
1244
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
1245
- "font-size": "1.25rem",
1246
- "font-weight": 700,
1247
- "line-height": "150%",
1248
- "disabled": {
1249
- "color": "#334155"
940
+ }
941
+ },
942
+ "rhc": {
943
+ "sub-nav-bar": {
944
+ "background-color": "#f2f4f6",
945
+ "column-gap": "0.5rem",
946
+ "column-width": "375px",
947
+ "padding-block-end": "2rem",
948
+ "padding-block-start": "2rem",
949
+ "inline-size": "100%",
950
+ "content": {
951
+ "padding-inline-end": "1rem",
952
+ "padding-inline-start": "1rem",
953
+ "max-inline-size": "1280px",
954
+ "list": {
955
+ "row-gap": "0.5rem"
1250
956
  }
1251
- },
1252
- "section": {
1253
- "background-color": "transparent",
1254
- "color": "#0F172A"
1255
- },
1256
- "invalid": {
1257
- "border-inline-start": {
1258
- "color": "#d52b1e"
1259
- },
1260
- "padding-inline-start": 0,
1261
- "border-inline-start-width": "0px"
1262
957
  }
1263
958
  },
1264
- "checkbox": {
1265
- "border-radius": "2.5px",
1266
- "size": "24px",
959
+ "toggletip": {
960
+ "color": "#fff",
961
+ "background-color": "#007bc7",
962
+ "border-color": "transparent",
963
+ "border-radius": "5px",
964
+ "border-width": "1px",
1267
965
  "icon": {
1268
966
  "size": "24px"
1269
967
  },
1270
- "background-color": "#fff",
1271
- "border-color": "#154273",
1272
- "invalid": {
1273
- "background-color": "#f9dfdd",
1274
- "border-color": "#d52b1e",
1275
- "border-width": "1px"
1276
- },
1277
- "focus": {
968
+ "size": "24px",
969
+ "active": {
970
+ "color": "#007bc7",
1278
971
  "background-color": "#fff",
1279
- "border-color": "#154273",
1280
- "border-width": "2px"
972
+ "border-color": "#007bc7"
1281
973
  },
1282
- "disabled": {
1283
- "background-color": "#CBD5E1",
1284
- "border-color": "#94A3B8"
974
+ "hover": {
975
+ "color": "#0F172A",
976
+ "background-color": "#66AFDD"
1285
977
  },
1286
- "checked": {
1287
- "background-color": "#154273",
1288
- "border-color": "transparent",
978
+ "focus": {
1289
979
  "color": "#fff",
1290
- "border-width": "1px",
1291
- "disabled": {
1292
- "background-color": "#CBD5E1",
1293
- "border-color": "#94A3B8",
1294
- "color": "#475569"
980
+ "background-color": "#007bc7"
981
+ }
982
+ },
983
+ "sidenav": {
984
+ "display": "flex",
985
+ "link": {
986
+ "line-height": "150%",
987
+ "icon": {
988
+ "size": "24px",
989
+ "margin-inline": "0.5rem"
990
+ },
991
+ "font-size": "1.25rem",
992
+ "font-family": "Fira Sans, Arial, Verdana, sans-serif",
993
+ "font-weight": 400,
994
+ "current": {
995
+ "font-weight": 700,
996
+ "color": "#0F172A"
997
+ },
998
+ "color": "#01689b",
999
+ "active": {
1000
+ "color": "#42145f",
1001
+ "text-decoration": "underline"
1295
1002
  },
1296
1003
  "focus": {
1004
+ "border-radius": "5px",
1297
1005
  "border-width": "2px",
1298
- "background-color": "#fff",
1006
+ "border-style": "solid",
1299
1007
  "border-color": "#154273",
1300
- "color": "#154273"
1008
+ "background-color": "none",
1009
+ "color": "#01689b",
1010
+ "text-decoration": "None"
1301
1011
  },
1302
1012
  "hover": {
1303
- "border-width": "1px",
1304
- "background-color": "#738eab",
1305
- "border-color": "transparent",
1306
- "color": "#fff"
1013
+ "color": "#15496a",
1014
+ "text-decoration": "underline"
1307
1015
  },
1308
- "active": {
1309
- "border-width": "1px",
1310
- "background-color": "#4f7196",
1311
- "border-color": "transparent",
1312
- "color": "#fff"
1313
- }
1016
+ "padding-block-start": "0.75rem",
1017
+ "padding-block-end": "0.75rem",
1018
+ "text-decoration": "None",
1019
+ "column-gap": "0.5rem"
1020
+ }
1021
+ },
1022
+ "radio-group": {
1023
+ "padding-block-end": "0.5rem",
1024
+ "padding-block-start": "0.5rem",
1025
+ "row-gap": "1rem"
1026
+ },
1027
+ "navigation-list": {
1028
+ "icon": {
1029
+ "background-color": "#0F172A",
1030
+ "border-radius": "999px",
1031
+ "color": "#fff"
1314
1032
  },
1315
- "indeterminate": {
1316
- "background-color": "#154273",
1317
- "border-color": "transparent",
1318
- "color": "#fff",
1319
- "border-width": "1px",
1320
- "disabled": {
1321
- "background-color": "#CBD5E1",
1322
- "border-color": "#94A3B8",
1323
- "color": "#475569"
1033
+ "item": {
1034
+ "icon": {
1035
+ "padding-inline": "0.5rem",
1036
+ "padding-block": "0.5rem",
1037
+ "size": "24px"
1038
+ },
1039
+ "content": {
1040
+ "font-size": "1.125rem",
1041
+ "column-gap": "0.5rem",
1042
+ "row-gap": "0.25rem"
1043
+ },
1044
+ "label": {
1045
+ "font-family": "Fira Sans, Arial, Verdana, sans-serif",
1046
+ "font-size": "1.875rem",
1047
+ "font-weight": 700,
1048
+ "line-height": "150%"
1324
1049
  },
1325
1050
  "active": {
1326
- "background-color": "#4f7196",
1327
- "border-color": "transparent",
1328
- "color": "#fff",
1329
- "border-width": "1px"
1051
+ "background-color": "#F1F5F9"
1330
1052
  },
1331
1053
  "hover": {
1332
- "background-color": "#738eab",
1333
- "border-color": "transparent",
1334
- "color": "#fff",
1335
- "border-width": "1px"
1054
+ "background-color": "#F8FAFC"
1336
1055
  },
1337
1056
  "focus": {
1338
- "background-color": "#fff",
1339
- "border-color": "#154273",
1340
- "color": "#154273",
1341
- "border-width": "2px"
1342
- }
1343
- },
1344
- "border-width": "1px",
1345
- "hover": {
1346
- "border-width": "1px",
1057
+ "background-color": "#dce3ea"
1058
+ },
1347
1059
  "background-color": "#fff",
1348
- "border-color": "#738eab"
1349
- },
1350
- "active": {
1060
+ "color": "#334155",
1351
1061
  "border-width": "1px",
1352
- "background-color": "#fff",
1353
- "border-color": "#4f7196"
1062
+ "border-color": "#CBD5E1",
1063
+ "heading": {
1064
+ "color": "#0F172A"
1065
+ },
1066
+ "column-gap": "1rem",
1067
+ "min-height": "48px",
1068
+ "padding-block": "0.75rem",
1069
+ "padding-inline": "1rem"
1354
1070
  }
1355
1071
  },
1356
- "button-group": {
1357
- "background-color": "transparent",
1358
- "column-gap": "0.5rem",
1359
- "margin-block-end": "0px",
1360
- "margin-block-start": "0px",
1361
- "padding-block-end": "0px",
1362
- "padding-block-start": "0px",
1363
- "row-gap": "0.5rem"
1364
- },
1365
- "button": {
1366
- "background-color": "transparent",
1367
- "border-color": "#334155",
1368
- "color": "#334155",
1369
- "border-radius": "5px",
1370
- "border-width": "1px",
1371
- "icon": {
1372
- "gap": "0.5rem",
1373
- "size": "24px"
1374
- },
1375
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
1376
- "font-size": "1.25rem",
1377
- "font-weight": 700,
1378
- "line-height": "150%",
1379
- "padding-block-end": "0.5rem",
1380
- "padding-block-start": "0.5rem",
1381
- "padding-inline-end": "1rem",
1382
- "padding-inline-start": "1rem",
1383
- "disabled": {
1384
- "background-color": "#F8FAFC",
1385
- "border-color": "transparent",
1386
- "color": "#64748B"
1387
- },
1388
- "focus": {
1389
- "background-color": "#FDDE94",
1390
- "border-color": "transparent",
1391
- "color": "#1E293B"
1392
- },
1393
- "hover": {
1394
- "background-color": "#F8FAFC",
1395
- "border-color": "#1E293B",
1396
- "color": "#1E293B"
1072
+ "nav-bar": {
1073
+ "border-block-end-width": "1px",
1074
+ "max-inline-size": "1280px",
1075
+ "padding-inline": "1rem",
1076
+ "container": {
1077
+ "inline-size": "100%"
1397
1078
  },
1398
- "active": {
1399
- "background-color": "#CBD5E1",
1400
- "border-color": "#0F172A",
1401
- "color": "#0F172A"
1079
+ "content": {
1080
+ "column-gap": "1rem"
1402
1081
  },
1403
- "min-block-size": "48px",
1404
- "min-inline-size": "48px",
1405
- "column-gap": "0.5rem",
1406
- "primary-action": {
1407
- "hover": {
1408
- "background-color": "#162f50",
1409
- "border-color": "transparent",
1410
- "color": "#fff"
1411
- },
1412
- "background-color": "#154273",
1413
- "border-color": "transparent",
1414
- "color": "#fff",
1415
- "disabled": {
1416
- "background-color": "#b8c6d5",
1417
- "border-color": "#95a9c0",
1418
- "color": "#4f7196"
1419
- },
1420
- "focus": {
1421
- "background-color": "#154273",
1422
- "border-color": "transparent",
1423
- "color": "#fff"
1424
- },
1425
- "font-weight": 700,
1082
+ "icon": {
1083
+ "color": "#0F172A",
1426
1084
  "active": {
1427
- "background-color": "#0d2845",
1428
- "border-color": "transparent",
1429
1085
  "color": "#fff"
1430
1086
  },
1431
- "font-size": "1.25rem",
1432
- "line-height": "1.875rem"
1087
+ "size": "24px"
1433
1088
  },
1434
- "secondary-action": {
1435
- "hover": {
1436
- "background-color": "#b8c6d5",
1437
- "border-color": "transparent",
1438
- "color": "#154273"
1439
- },
1440
- "background-color": "transparent",
1441
- "border-color": "#154273",
1442
- "color": "#154273",
1443
- "disabled": {
1444
- "background-color": "transparent",
1445
- "border-color": "#738eab",
1446
- "color": "#738eab"
1447
- },
1448
- "focus": {
1449
- "background-color": "#b8c6d5",
1450
- "border-color": "transparent",
1451
- "color": "#154273"
1452
- },
1453
- "font-weight": 700,
1089
+ "link": {
1454
1090
  "active": {
1455
- "background-color": "#95a9c0",
1456
- "border-color": "#154273",
1457
- "color": "#154273"
1458
- },
1459
- "font-size": "1.25rem",
1460
- "line-height": "1.875rem"
1461
- },
1462
- "subtle": {
1463
- "font-size": "1.25rem",
1464
- "font-weight": 700,
1465
- "hover": {
1466
- "background-color": "transparent",
1467
- "border-color": "transparent",
1468
- "color": "#162f50"
1091
+ "background-color": "#154273",
1092
+ "color": "#fff"
1469
1093
  },
1470
- "background-color": "transparent",
1471
- "border-color": "transparent",
1094
+ "background-color": "#fff",
1472
1095
  "color": "#154273",
1473
- "disabled": {
1474
- "background-color": "transparent",
1475
- "border-color": "transparent",
1476
- "color": "#b8c6d5"
1477
- },
1478
1096
  "focus": {
1479
1097
  "background-color": "#dce3ea",
1480
- "border-color": "transparent",
1481
1098
  "color": "#154273"
1482
1099
  },
1483
- "active": {
1484
- "background-color": "transparent",
1485
- "border-color": "transparent",
1486
- "color": "#0d2845"
1100
+ "hover": {
1101
+ "background-color": "#F8FAFC",
1102
+ "color": "#154273"
1487
1103
  },
1488
- "line-height": "1.875rem"
1489
- }
1104
+ "padding-block-end": "1rem",
1105
+ "padding-block-start": "1rem",
1106
+ "padding-inline-end": "0.75rem",
1107
+ "padding-inline-start": "0.75rem",
1108
+ "column-gap": "0.5rem"
1109
+ },
1110
+ "heading": {
1111
+ "font-weight": 700
1112
+ },
1113
+ "background-color": "#fff",
1114
+ "color": "#154273",
1115
+ "border-color": "#4f7196"
1490
1116
  },
1491
- "breadcrumb-nav": {
1492
- "line-height": 1.4,
1493
- "font-size": "1.25rem",
1494
- "link": {
1117
+ "message-list": {
1118
+ "item": {
1119
+ "background-color": "#fff",
1120
+ "border-color": "#CBD5E1",
1121
+ "border-width": "1px",
1122
+ "color": "#334155",
1123
+ "column-gap": "1rem",
1495
1124
  "icon": {
1496
1125
  "size": "24px",
1497
- "margin-inline": "0.25rem",
1498
- "inset-block-start": 0
1499
- },
1500
- "padding-block-end": "0.75rem",
1501
- "padding-block-start": "0.75rem",
1502
- "padding-inline-end": 0,
1503
- "padding-inline-start": 0,
1504
- "color": "#01689b",
1505
- "active": {
1506
- "color": "#42145f",
1507
- "text-decoration": "None"
1508
- },
1509
- "focus": {
1510
- "background-color": "transparent",
1511
- "color": "#01689b",
1512
- "text-decoration": "None"
1126
+ "color": "#0F172A"
1513
1127
  },
1514
- "hover": {
1515
- "color": "#01496c",
1516
- "text-decoration": "None"
1128
+ "min-height": "48px",
1129
+ "padding-block": "0.75rem",
1130
+ "padding-inline": "1rem",
1131
+ "content": {
1132
+ "font-size": "1.125rem",
1133
+ "column-gap": "0.5rem",
1134
+ "row-gap": "0.5rem"
1517
1135
  },
1518
- "current": {
1519
- "color": "#334155"
1136
+ "label": {
1137
+ "font-family": "Fira Sans, Arial, Verdana, sans-serif",
1138
+ "font-size": "1.25rem",
1139
+ "font-weight": 700,
1140
+ "line-height": "150%"
1520
1141
  },
1521
- "text-decoration": "underline"
1142
+ "heading": {
1143
+ "color": "#0F172A"
1144
+ }
1145
+ }
1146
+ },
1147
+ "logo": {
1148
+ "image": {
1149
+ "background-color": "#fff",
1150
+ "inline-size": "48px",
1151
+ "block-size": "96px",
1152
+ "color": "#154273"
1522
1153
  },
1523
- "divider": {
1524
- "size": "24px",
1525
- "color": "#334155",
1526
- "inset-block-start": 0
1154
+ "title": {
1155
+ "font-weight": 600,
1156
+ "line-height": "1.063rem",
1157
+ "font-size": "0.913rem",
1158
+ "padding-block-start": "3.125rem"
1527
1159
  },
1528
- "margin-inline": "0.5rem",
1529
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
1530
- "font-weight": 400
1531
- },
1532
- "blockquote": {
1533
- "caption": {
1534
- "font-size": "1.25rem",
1535
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
1536
- "line-height": "150%",
1160
+ "subtitle": {
1537
1161
  "font-weight": 400,
1538
- "padding-block-start": "0.75rem",
1539
- "color": "#334155"
1162
+ "line-height": "1rem",
1163
+ "font-size": "0.775rem"
1540
1164
  },
1541
- "content": {
1542
- "font-family": "RijksoverheidSerifWeb, 'Times New Roman', serif",
1543
- "line-height": "150%",
1165
+ "column-gap": "12px",
1166
+ "font-family": "Fira Sans, Arial, Verdana, sans-serif",
1167
+ "color": "#154273"
1168
+ },
1169
+ "link-list-card": {
1170
+ "background-color": "#fff",
1171
+ "padding-block-start": "1.5rem",
1172
+ "padding-block-end": "1.5rem",
1173
+ "row-gap": "1rem",
1174
+ "padding-inline-start": "1.5rem",
1175
+ "padding-inline-end": "1.5rem"
1176
+ },
1177
+ "link-list": {
1178
+ "text-decoration": "None"
1179
+ },
1180
+ "icon-only-button": {
1181
+ "padding-block-end": "0.75rem",
1182
+ "padding-block-start": "0.75rem",
1183
+ "padding-inline-end": "0.75rem",
1184
+ "padding-inline-start": "0.75rem"
1185
+ },
1186
+ "hero": {
1187
+ "heading": {
1188
+ "font-weight": 700,
1189
+ "line-height": "125%",
1190
+ "font-size": "1.875rem",
1191
+ "font-family": "Fira Sans, Arial, Verdana, sans-serif"
1192
+ },
1193
+ "sub-heading": {
1544
1194
  "font-weight": 400,
1545
- "font-size": "1.5rem",
1546
- "color": "#0F172A"
1195
+ "line-height": "150%",
1196
+ "font-size": "1.25rem",
1197
+ "font-family": "Fira Sans, Arial, Verdana, sans-serif"
1547
1198
  },
1548
- "margin-block-end": 0,
1549
- "margin-block-start": 0,
1550
- "margin-inline-end": 0,
1551
- "margin-inline-start": 0,
1552
- "padding-block-end": "2rem",
1553
- "padding-block-start": "2rem",
1554
- "padding-inline-end": "2rem",
1555
- "padding-inline-start": "2rem",
1199
+ "message": {
1200
+ "background-color": "#154273",
1201
+ "color": "#fff",
1202
+ "row-gap": "0.125rem",
1203
+ "padding-block-end": "1rem",
1204
+ "padding-inline-end": "1rem",
1205
+ "padding-inline-start": "1rem",
1206
+ "padding-block-start": "1rem",
1207
+ "border-radius": "20px",
1208
+ "inline-size": "90%"
1209
+ },
1210
+ "border-radius": "40px",
1211
+ "inline-size": "100%"
1212
+ },
1213
+ "form-field-radio-option": {
1214
+ "column-gap": "0.5rem",
1215
+ "font-weight": 400,
1216
+ "row-gap": "0.5rem",
1217
+ "label": {
1218
+ "margin-block-end": 0
1219
+ },
1220
+ "input": {
1221
+ "margin": {
1222
+ "block-start": "0.25rem"
1223
+ }
1224
+ }
1225
+ },
1226
+ "form-field-checkbox-option": {
1227
+ "column-gap": "0.5rem",
1228
+ "margin-block-end": 0
1229
+ },
1230
+ "page-footer": {
1231
+ "column-gap": "1.5rem",
1232
+ "column-width": "200px",
1233
+ "column": {
1234
+ "title": {
1235
+ "margin-block-end": "0.75rem"
1236
+ }
1237
+ },
1238
+ "content": {
1239
+ "max-inline-size": "1280px",
1240
+ "padding-inline-start": "1rem",
1241
+ "padding-inline-end": "1rem",
1242
+ "column-gap": "2rem"
1243
+ },
1244
+ "border": {
1245
+ "block-start": {
1246
+ "width": "2px",
1247
+ "color": "#738eab",
1248
+ "style": "solid"
1249
+ }
1250
+ },
1251
+ "outlined": {
1252
+ "background-color": "#fff",
1253
+ "color": "#154273",
1254
+ "border": {
1255
+ "color": "#154273"
1256
+ }
1257
+ },
1258
+ "padding": {
1259
+ "block-start": "2.5rem",
1260
+ "block-end": "2.5rem",
1261
+ "inline-start": "2.5rem",
1262
+ "inline-end": "2.5rem"
1263
+ },
1264
+ "flex": {
1265
+ "direction": "column"
1266
+ }
1267
+ },
1268
+ "file-input": {
1269
+ "column-gap": "0.75rem",
1556
1270
  "row-gap": "0.75rem",
1557
- "background-color": "transparent",
1271
+ "feedback": {
1272
+ "color": "#475569",
1273
+ "font-size": "1rem"
1274
+ }
1275
+ },
1276
+ "file": {
1277
+ "border-style": "solid",
1558
1278
  "border-color": "#154273",
1559
- "border-block-start-width": 0,
1560
- "border-block-end-width": 0,
1561
- "border-inline-start-width": 0,
1562
- "border-inline-end-width": 0,
1563
- "border-start-start-radius": 0,
1564
- "border-start-end-radius": 0,
1565
- "border-end-start-radius": 0,
1566
- "border-end-end-radius": 0,
1567
- "border-width": "2px",
1568
- "blue-corner-border-variation": {
1569
- "border-color": "#154273",
1570
- "border-block-end-width": "2px",
1571
- "border-inline-end-width": "2px",
1572
- "border-end-end-radius": "3rem"
1279
+ "border-width": "1px",
1280
+ "border-radius": "5px",
1281
+ "padding-inline-start": "1rem",
1282
+ "padding-inline-end": "1rem",
1283
+ "padding-block-start": "0.75rem",
1284
+ "padding-block-end": "0.75rem",
1285
+ "column-gap": "0.25rem",
1286
+ "error": {
1287
+ "border-color": "#d52b1e"
1288
+ },
1289
+ "subtitle": {
1290
+ "color": "#64748B"
1291
+ }
1292
+ },
1293
+ "dot-badge": {
1294
+ "border-radius": "999px",
1295
+ "color": "#d52b1e",
1296
+ "size": "12px"
1297
+ },
1298
+ "code-input": {
1299
+ "size": "48px"
1300
+ },
1301
+ "code-input-group": {
1302
+ "column-gap": "0.5rem"
1303
+ },
1304
+ "checkbox-group": {
1305
+ "padding-block-end": "0.5rem",
1306
+ "padding-block-start": "0.5rem",
1307
+ "row-gap": "1rem"
1308
+ },
1309
+ "card-as-link": {
1310
+ "background-color": "#fff",
1311
+ "border-color": "#CBD5E1",
1312
+ "border-radius": "5px",
1313
+ "border-width": "1px",
1314
+ "color": "#0F172A",
1315
+ "column-gap": "1rem",
1316
+ "inline-size": "328px",
1317
+ "icon": {
1318
+ "color": "#0F172A",
1319
+ "size": "24px"
1320
+ },
1321
+ "link": {
1322
+ "color": "#01689b",
1323
+ "text-decoration": "underline",
1324
+ "active": {
1325
+ "text-decoration": "none"
1326
+ },
1327
+ "hover": {
1328
+ "text-decoration": "none"
1329
+ },
1330
+ "focus": {
1331
+ "text-decoration": "none"
1332
+ }
1333
+ },
1334
+ "metadata": {
1335
+ "color": "#0F172A"
1336
+ },
1337
+ "padding-block-end": "1rem",
1338
+ "padding-block-start": "1rem",
1339
+ "padding-inline-end": "1rem",
1340
+ "padding-inline-start": "1rem",
1341
+ "row-gap": "0.75rem",
1342
+ "active": {
1343
+ "background-color": "#F1F5F9",
1344
+ "text-decoration": "underline"
1345
+ },
1346
+ "hover": {
1347
+ "background-color": "#F8FAFC",
1348
+ "text-decoration": "underline"
1349
+ },
1350
+ "focus": {
1351
+ "background-color": "#dce3ea",
1352
+ "text-decoration": "underline"
1353
+ },
1354
+ "full-bleed": {
1355
+ "background-color": "#000",
1356
+ "border-color": "transparent",
1357
+ "color": "#fff",
1358
+ "opacity": 0.5
1359
+ },
1360
+ "heading": {
1361
+ "padding-block-start": "0.5rem",
1362
+ "font-size": "1.5rem",
1363
+ "font-weight": 700
1364
+ },
1365
+ "horizontal": {
1366
+ "background-color": "#154273",
1367
+ "border-color": "transparent",
1368
+ "color": "#fff",
1369
+ "max-block-size": "96px",
1370
+ "padding-block-end": 0,
1371
+ "padding-block-start": 0,
1372
+ "padding-inline-end": "1rem",
1373
+ "padding-inline-start": "1rem",
1374
+ "heading": {
1375
+ "inline-size": "200px"
1376
+ }
1377
+ }
1378
+ },
1379
+ "accordion": {
1380
+ "button": {
1381
+ "font-family": "Fira Sans, Arial, Verdana, sans-serif",
1382
+ "font-size": "1.25rem",
1383
+ "font-weight": 400,
1384
+ "line-height": "150%",
1385
+ "icon": {
1386
+ "margin-block": "0.25rem"
1387
+ },
1388
+ "padding-block-end": "0.75rem",
1389
+ "padding-block-start": "0.75rem",
1390
+ "padding-inline-end": "1rem",
1391
+ "padding-inline-start": "1rem",
1392
+ "expanded": {
1393
+ "background-color": "#fff",
1394
+ "color": "#0F172A"
1395
+ }
1396
+ },
1397
+ "section": {
1398
+ "border-block-end-width": "1px",
1399
+ "border-width": 0,
1400
+ "border-color": "#94A3B8"
1401
+ },
1402
+ "header": {
1403
+ "margin": 0
1404
+ },
1405
+ "border-radius": "0px",
1406
+ "color": "#0F172A"
1407
+ },
1408
+ "keep": {
1409
+ "top-left": {
1410
+ "borderRadiusTopLeft": "48px",
1411
+ "borderRadiusTopRight": 0,
1412
+ "borderRadiusBottomRight": 0,
1413
+ "borderRadiusBottomLeft": 0
1414
+ },
1415
+ "top-right": {
1416
+ "borderRadiusTopRight": "48px",
1417
+ "borderRadiusTopLeft": 0,
1418
+ "borderRadiusBottomRight": 0,
1419
+ "borderRadiusBottomLeft": 0
1420
+ },
1421
+ "bottom-right": {
1422
+ "borderRadiusTopLeft": 0,
1423
+ "borderRadiusTopRight": 0,
1424
+ "borderRadiusBottomRight": "48px",
1425
+ "borderRadiusBottomLeft": 0
1426
+ },
1427
+ "bottom-left": {
1428
+ "borderRadiusTopLeft": 0,
1429
+ "borderRadiusTopRight": 0,
1430
+ "borderRadiusBottomRight": 0,
1431
+ "borderRadiusBottomLeft": "48px"
1432
+ }
1433
+ },
1434
+ "border-radius": {
1435
+ "sm": "2.5px",
1436
+ "md": "5px",
1437
+ "keep": "48px",
1438
+ "circle": "999px",
1439
+ "none": "0px"
1440
+ },
1441
+ "color": {
1442
+ "focus": {
1443
+ "outline": "#000"
1444
+ },
1445
+ "foreground": {
1446
+ "default": "#0F172A",
1447
+ "subdued": "#334155",
1448
+ "onEmphasis": "#fff",
1449
+ "link": "#01689b"
1450
+ },
1451
+ "border": {
1452
+ "default": "#64748B",
1453
+ "subdued": "#94A3B8",
1454
+ "strong": "#0F172A"
1455
+ },
1456
+ "canvas": "#fff",
1457
+ "feedback": {
1458
+ "success": {
1459
+ "default": "#39870c",
1460
+ "subdued": "#e1eddb"
1461
+ },
1462
+ "info": {
1463
+ "default": "#007bc7",
1464
+ "subdued": "#d9ebf7"
1465
+ },
1466
+ "error": {
1467
+ "default": "#d52b1e",
1468
+ "subdued": "#f9dfdd"
1469
+ },
1470
+ "warning": {
1471
+ "default": "#ffb612",
1472
+ "subdued": "#fff4db"
1473
+ }
1474
+ },
1475
+ "accent": {
1476
+ "500": "#8fcae7"
1477
+ },
1478
+ "primary": {
1479
+ "50": "#dce3ea",
1480
+ "100": "#b8c6d5",
1481
+ "200": "#95a9c0",
1482
+ "300": "#738eab",
1483
+ "400": "#4f7196",
1484
+ "500": "#154273",
1485
+ "hover": "#162f50"
1486
+ },
1487
+ "cool-grey": {
1488
+ "50": "#F8FAFC",
1489
+ "100": "#F1F5F9",
1490
+ "200": "#E2E8F0",
1491
+ "300": "#CBD5E1",
1492
+ "400": "#94A3B8",
1493
+ "500": "#64748B",
1494
+ "600": "#475569",
1495
+ "700": "#334155",
1496
+ "800": "#1E293B",
1497
+ "900": "#0F172A"
1498
+ },
1499
+ "lichtblauw": {
1500
+ "50": "#eef7fb",
1501
+ "100": "#ddeff8",
1502
+ "200": "#CCE7F4",
1503
+ "300": "#BCDFF0",
1504
+ "400": "#ABD7ED",
1505
+ "500": "#8fcae7"
1506
+ },
1507
+ "violet": {
1508
+ "50": "#f2d9e7",
1509
+ "100": "#e5b3d0",
1510
+ "200": "#D88CB7",
1511
+ "300": "#CB66A0",
1512
+ "400": "#BE4088",
1513
+ "500": "#a90061"
1514
+ },
1515
+ "paars": {
1516
+ "50": "#e3dce7",
1517
+ "100": "#c6b9cf",
1518
+ "200": "#A995B7",
1519
+ "300": "#8D729F",
1520
+ "400": "#714f87",
1521
+ "500": "#42145f"
1522
+ },
1523
+ "hemelblauw": {
1524
+ "50": "#d9ebf7",
1525
+ "100": "#b3d7ee",
1526
+ "200": "#8CC3E6",
1527
+ "300": "#66AFDD",
1528
+ "400": "#409CD5",
1529
+ "500": "#007bc7"
1530
+ },
1531
+ "donkerblauw": {
1532
+ "50": "#d9e8f0",
1533
+ "100": "#b3d2e1",
1534
+ "200": "#8CBBD2",
1535
+ "300": "#66A4C3",
1536
+ "400": "#408EB4",
1537
+ "500": "#01689b"
1538
+ },
1539
+ "mintgroen": {
1540
+ "50": "#eaf8f4",
1541
+ "100": "#d6f2e9",
1542
+ "200": "#C1EBDE",
1543
+ "300": "#ACE4D3",
1544
+ "400": "#98DDC8",
1545
+ "500": "#76d2b6"
1546
+ },
1547
+ "mosgroen": {
1548
+ "50": "#ebebd9",
1549
+ "100": "#d6d7b3",
1550
+ "200": "#C1C38C",
1551
+ "300": "#ADAF66",
1552
+ "400": "#999C40",
1553
+ "500": "#777b00"
1554
+ },
1555
+ "groen": {
1556
+ "50": "#e1eddb",
1557
+ "100": "#c4dbb6",
1558
+ "200": "#A5C991",
1559
+ "300": "#88B76D",
1560
+ "400": "#6AA549",
1561
+ "500": "#39870c"
1562
+ },
1563
+ "donkergroen": {
1564
+ "50": "#dfe6e1",
1565
+ "100": "#becdc3",
1566
+ "200": "#9DB4A4",
1567
+ "300": "#7D9B87",
1568
+ "400": "#5D8269",
1569
+ "500": "#275937"
1570
+ },
1571
+ "bruin": {
1572
+ "50": "#efeada",
1573
+ "100": "#dfd4b6",
1574
+ "200": "#CFBF90",
1575
+ "300": "#BFA96C",
1576
+ "400": "#AF9447",
1577
+ "500": "#94710a"
1578
+ },
1579
+ "donkerbruin": {
1580
+ "50": "#e8e0df",
1581
+ "100": "#d1c2be",
1582
+ "200": "#BAA39D",
1583
+ "300": "#A3847D",
1584
+ "400": "#8D665D",
1585
+ "500": "#673327"
1586
+ },
1587
+ "geel": {
1588
+ "50": "#fefbdd",
1589
+ "100": "#fdf6bc",
1590
+ "200": "#FCF199",
1591
+ "300": "#FBED78",
1592
+ "400": "#FAE856",
1593
+ "500": "#f9e11e"
1594
+ },
1595
+ "donkergeel": {
1596
+ "50": "#fff4db",
1597
+ "100": "#ffe9b8",
1598
+ "200": "#FDDE94",
1599
+ "300": "#FDD370",
1600
+ "400": "#FDC84D",
1601
+ "500": "#ffb612"
1573
1602
  },
1574
- "pink-background-variation": {
1575
- "background-color": "#F6BDE1",
1576
- "border-end-start-radius": "3rem",
1577
- "padding": "2.5rem"
1603
+ "oranje": {
1604
+ "50": "#fbead9",
1605
+ "100": "#f6d4b3",
1606
+ "200": "#F1BE8C",
1607
+ "300": "#EDA966",
1608
+ "400": "#E89440",
1609
+ "500": "#e17000"
1578
1610
  },
1579
- "pink-left-border-variation": {
1580
- "border-color": "#F6BDE1",
1581
- "border-inline-start-width": "0.75rem",
1582
- "padding-inline-start": "2.5rem",
1583
- "padding-inline-end": "2.5rem",
1584
- "padding-block-start": "1.5rem",
1585
- "padding-block-end": "1.5rem"
1611
+ "rood": {
1612
+ "50": "#f9dfdd",
1613
+ "100": "#f2bfbc",
1614
+ "200": "#EC9F99",
1615
+ "300": "#E67F78",
1616
+ "400": "#DF6056",
1617
+ "500": "#d52b1e"
1586
1618
  },
1587
- "pink-corner-border-variation": {
1588
- "border-color": "#F6BDE1",
1589
- "border-block-start-width": "0.25rem",
1590
- "border-inline-start-width": "0.25rem",
1591
- "border-start-start-radius": "3rem",
1592
- "padding": "2.5rem"
1593
- }
1619
+ "roze": {
1620
+ "50": "#fdeff8",
1621
+ "100": "#fbdef0",
1622
+ "200": "#F8CEE8",
1623
+ "300": "#F6BDE1",
1624
+ "400": "#F4ADD9",
1625
+ "500": "#f092cd"
1626
+ },
1627
+ "robijnrood": {
1628
+ "50": "#f7d9e7",
1629
+ "100": "#efb3ce",
1630
+ "200": "#E78CB6",
1631
+ "300": "#DF669D",
1632
+ "400": "#D74085",
1633
+ "500": "#ca005d"
1634
+ },
1635
+ "lintblauw": {
1636
+ "50": "#dce3ea",
1637
+ "100": "#b8c6d5",
1638
+ "200": "#95a9c0",
1639
+ "300": "#738eab",
1640
+ "400": "#4f7196",
1641
+ "500": "#154273"
1642
+ },
1643
+ "wit": "#fff",
1644
+ "zwart": "#000",
1645
+ "none": "transparent"
1594
1646
  },
1595
- "article": {
1596
- "max-inline-size": "75ch"
1647
+ "focus": {
1648
+ "outline-offset": "0.125rem",
1649
+ "outline-style": "solid",
1650
+ "outline-width": "2px"
1597
1651
  },
1598
- "alert": {
1652
+ "font-size": {
1599
1653
  "heading": {
1600
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
1601
- "font-weight": 700,
1602
- "line-height": "150%",
1603
- "font-size": "1.25rem"
1604
- },
1605
- "column-gap": "0.5rem",
1606
- "border-width": "0px",
1607
- "margin-block-end": "0.75rem",
1608
- "margin-block-start": "0.75rem",
1609
- "padding-block-end": "1rem",
1610
- "padding-block-start": "1rem",
1611
- "padding-inline-end": "1rem",
1612
- "padding-inline-start": "1rem",
1613
- "background-color": "#d9ebf7",
1614
- "border-color": "transparent",
1615
- "color": "#0F172A",
1616
- "info": {
1617
- "background-color": "#d9ebf7",
1618
- "border-color": "transparent",
1619
- "color": "#0F172A"
1620
- },
1621
- "error": {
1622
- "background-color": "#f9dfdd",
1623
- "border-color": "transparent",
1624
- "color": "#0F172A"
1654
+ "level-1": "3.125rem",
1655
+ "level-2": "2.5rem",
1656
+ "level-3": "1.875rem",
1657
+ "level-4": "1.5rem",
1658
+ "level-5": "1.25rem"
1625
1659
  },
1626
- "ok": {
1627
- "background-color": "#e1eddb",
1628
- "border-color": "transparent",
1629
- "color": "#0F172A"
1660
+ "paragraph": {
1661
+ "intro": "1.5rem",
1662
+ "default": "1.25rem",
1663
+ "small": "1.125rem"
1630
1664
  },
1631
- "warning": {
1632
- "background-color": "#fff4db",
1633
- "border-color": "transparent",
1634
- "color": "#0F172A"
1665
+ "xs": {
1666
+ "desktop": "1.25rem",
1667
+ "tablet": "1.125rem",
1668
+ "mobile": "1rem"
1635
1669
  },
1636
- "icon": {
1637
- "inset-block-start": "3px",
1638
- "info": {
1639
- "color": "#007bc7"
1640
- },
1641
- "error": {
1642
- "color": "#d52b1e"
1643
- },
1644
- "ok": {
1645
- "color": "#39870c"
1646
- },
1647
- "warning": {
1648
- "color": "#ffb612"
1649
- },
1650
- "size": "24px"
1670
+ "sm": {
1671
+ "desktop": "1.5rem",
1672
+ "tablet": "1.35rem",
1673
+ "mobile": "1.2rem"
1651
1674
  },
1652
- "message": {
1653
- "line-height": "150%",
1654
- "column-gap": "0.5rem"
1675
+ "md": {
1676
+ "desktop": "1.875rem",
1677
+ "tablet": "1.688rem",
1678
+ "mobile": "1.5rem"
1655
1679
  },
1656
- "border-radius": "5px"
1657
- },
1658
- "accordion": {
1659
- "panel": {
1660
- "border-color": "#94A3B8",
1661
- "border-width": 0,
1662
- "padding-block-end": "1.5rem",
1663
- "padding-block-start": "1rem",
1664
- "padding-inline-end": "1rem",
1665
- "padding-inline-start": "1rem"
1680
+ "lg": {
1681
+ "desktop": "2.5rem",
1682
+ "tablet": "2.25rem",
1683
+ "mobile": "2rem"
1666
1684
  },
1667
- "button": {
1668
- "gap": "0.5rem",
1669
- "icon": {
1670
- "size": "24px"
1671
- },
1672
- "hover": {
1673
- "background-color": "#F8FAFC",
1674
- "border-color": "#94A3B8",
1675
- "color": "#0F172A"
1676
- },
1677
- "background-color": "#fff",
1678
- "border-color": "#94A3B8",
1679
- "border-width": 0,
1680
- "color": "#0F172A",
1681
- "focus": {
1682
- "background-color": "#dce3ea",
1683
- "border-color": "#154273",
1684
- "color": "#0F172A"
1685
- },
1686
- "active": {
1687
- "background-color": "#F1F5F9",
1688
- "border-color": "#94A3B8",
1689
- "color": "#0F172A",
1690
- "row-gap": 0
1691
- }
1685
+ "xl": {
1686
+ "desktop": "3.125rem",
1687
+ "tablet": "2.813rem",
1688
+ "mobile": "2.5rem"
1692
1689
  }
1693
1690
  },
1694
- "document": {
1695
- "background-color": "#fff",
1696
- "color": "#0F172A",
1697
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
1698
- "font-size": "1.25rem",
1699
- "line-height": "150%",
1700
- "font-weight": 400
1691
+ "line-height": {
1692
+ "paragraph": "150%",
1693
+ "sm": "125%",
1694
+ "md": "150%"
1701
1695
  },
1702
- "rich-text": {
1703
- "stranger": {
1704
- "margin-block-end": "2rem"
1705
- },
1706
- "acquaintance": {
1707
- "margin-block-end": "1rem"
1708
- },
1709
- "friend": {
1710
- "margin-block-end": "0.5rem"
1711
- },
1712
- "best-friend": {
1713
- "margin-block-end": "0.25rem"
1696
+ "size": {
1697
+ "target": "48px",
1698
+ "icon": {
1699
+ "functional": "24px"
1714
1700
  },
1715
- "confidant": {
1716
- "margin-block-end": 0
1717
- }
1701
+ "quarter-lint": "12px",
1702
+ "half-lint": "24px",
1703
+ "lint": "48px",
1704
+ "2-lint": "96px",
1705
+ "3-lint": "1440px"
1718
1706
  },
1719
- "pointer-target": {
1720
- "min-size": "48px"
1707
+ "font-weight": {
1708
+ "extra-bold": 800,
1709
+ "bold": 700,
1710
+ "semi-bold": 550,
1711
+ "regular": 400,
1712
+ "chosen-regular": 400,
1713
+ "light": 300,
1714
+ "thin": 200
1721
1715
  },
1722
- "focus": {
1723
- "outline-color": "#000",
1724
- "outline-offset": "0.125rem",
1725
- "outline-style": "solid",
1726
- "outline-width": "2px",
1727
- "inverse": {
1728
- "outline-color": "transparant"
1729
- }
1716
+ "font-family": {
1717
+ "primary": "Fira Sans, Arial, Verdana, sans-serif",
1718
+ "secondary": "RijksoverheidSerifWeb, 'Times New Roman', serif"
1719
+ },
1720
+ "border-width": {
1721
+ "default": "1px",
1722
+ "m": "2px",
1723
+ "none": "0px"
1724
+ },
1725
+ "space": {
1726
+ "0": 0,
1727
+ "25": "0.125rem",
1728
+ "50": "0.25rem",
1729
+ "100": "0.5rem",
1730
+ "150": "0.75rem",
1731
+ "200": "1rem",
1732
+ "300": "1.5rem",
1733
+ "400": "2rem",
1734
+ "500": "2.5rem",
1735
+ "600": "3rem",
1736
+ "700": "3.5rem"
1730
1737
  }
1731
1738
  },
1732
1739
  "nl": {