@utrecht/design-tokens 2.1.0 → 2.2.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 (79) hide show
  1. package/.stylelintrc.json +5 -1
  2. package/CHANGELOG.md +14 -0
  3. package/config.json +8 -0
  4. package/dist/_mixin-theme.scss +34 -37
  5. package/dist/_mixin.scss +1009 -0
  6. package/dist/_variables.scss +34 -37
  7. package/dist/background-image-icon.css +0 -1
  8. package/dist/dark/_mixin-theme.scss +34 -37
  9. package/dist/dark/_mixin.scss +1020 -0
  10. package/dist/dark/_variables.scss +1017 -0
  11. package/dist/dark/index.cjs +1020 -0
  12. package/dist/dark/index.css +34 -37
  13. package/dist/dark/index.d.ts +1139 -0
  14. package/dist/dark/index.flat.json +1016 -0
  15. package/dist/dark/index.json +30694 -0
  16. package/dist/dark/index.mjs +1018 -0
  17. package/dist/dark/index.tokens.json +7885 -0
  18. package/dist/dark/list.json +30694 -0
  19. package/dist/dark/property.css +705 -0
  20. package/dist/dark/root.css +538 -541
  21. package/dist/dark/theme-prince-xml.css +1020 -0
  22. package/dist/dark/theme.css +1020 -0
  23. package/dist/dark/tokens.cjs +37567 -0
  24. package/dist/dark/tokens.d.ts +4842 -0
  25. package/dist/dark/tokens.json +37563 -0
  26. package/dist/dark/variables.cjs +1020 -0
  27. package/dist/dark/variables.css +1020 -0
  28. package/dist/dark/variables.d.ts +1139 -0
  29. package/dist/dark/variables.json +1016 -0
  30. package/dist/dark/variables.less +1017 -0
  31. package/dist/dark/variables.mjs +1018 -0
  32. package/dist/index.cjs +29 -32
  33. package/dist/index.css +149 -82
  34. package/dist/index.d.ts +18 -25
  35. package/dist/index.flat.json +591 -593
  36. package/dist/index.json +4577 -7587
  37. package/dist/index.mjs +31 -34
  38. package/dist/index.tokens.json +385 -71
  39. package/dist/list.json +31811 -0
  40. package/dist/property.css +770 -0
  41. package/dist/root.css +529 -532
  42. package/dist/theme-prince-xml.css +34 -37
  43. package/dist/theme.css +529 -532
  44. package/dist/tokens.cjs +6297 -8992
  45. package/dist/tokens.d.ts +208 -60
  46. package/dist/tokens.json +38705 -0
  47. package/dist/variables.cjs +1009 -0
  48. package/dist/variables.css +1009 -0
  49. package/dist/variables.d.ts +1128 -0
  50. package/dist/variables.json +1005 -0
  51. package/dist/variables.less +34 -37
  52. package/dist/variables.mjs +1007 -0
  53. package/package.json +6 -5
  54. package/src/background-image-icon.scss +0 -1
  55. package/src/brand/utrecht/typography.tokens.json +7 -9
  56. package/src/component/of/progress-indicator.tokens.json +1 -1
  57. package/src/component/utrecht/backdrop.tokens.json +1 -1
  58. package/src/component/utrecht/blockquote.tokens.json +3 -3
  59. package/src/component/utrecht/button.tokens.json +1 -3
  60. package/src/component/utrecht/code-block.tokens.json +2 -2
  61. package/src/component/utrecht/figure.tokens.json +2 -2
  62. package/src/component/utrecht/form-fieldset.tokens.json +2 -2
  63. package/src/component/utrecht/form-toggle.tokens.json +1 -1
  64. package/src/component/utrecht/link.tokens.json +3 -1
  65. package/src/component/utrecht/pagination.tokens.json +1 -1
  66. package/src/component/utrecht/skip-link.tokens.json +4 -2
  67. package/src/component/utrecht/table.tokens.json +1 -1
  68. package/src/component/utrecht/toptask-link.tokens.json +1 -1
  69. package/src/css-property-formatter.mjs +46 -0
  70. package/src/dark/component/tokens.json +1 -1
  71. package/src/index.scss +81 -5
  72. package/style-dictionary-build-dark.mjs +64 -0
  73. package/style-dictionary-build.mjs +41 -0
  74. package/style-dictionary-config.mjs +261 -0
  75. package/dist/figma-tokens.json +0 -40396
  76. package/src/css-property-formatter.js +0 -35
  77. package/src/style-dictionary-config-dark.js +0 -56
  78. package/src/style-dictionary-config.js +0 -63
  79. package/style-dictionary.config.json +0 -143
@@ -0,0 +1,4842 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ export default tokens;
6
+
7
+ declare interface DesignToken {
8
+ value?: any;
9
+ type?: string;
10
+ comment?: string;
11
+ name?: string;
12
+ themeable?: boolean;
13
+ attributes?: Record<string, unknown>;
14
+ [key: string]: any;
15
+ }
16
+
17
+ declare const tokens: {
18
+ "utrecht": {
19
+ "accordion": {
20
+ "margin-block-start": {
21
+ "$extensions": {
22
+ "nl.nldesignsystem.css.property": {}
23
+ }
24
+ },
25
+ "margin-block-end": {
26
+ "$extensions": {
27
+ "nl.nldesignsystem.css.property": {}
28
+ }
29
+ },
30
+ "row-gap": DesignToken,
31
+ "button": {
32
+ "padding-inline-end": DesignToken,
33
+ "padding-inline-start": DesignToken,
34
+ "padding-block-end": DesignToken,
35
+ "padding-block-start": DesignToken,
36
+ "background-color": DesignToken,
37
+ "color": DesignToken,
38
+ "border-color": DesignToken,
39
+ "border-radius": {
40
+ "$extensions": {
41
+ "nl.nldesignsystem.css.property": {}
42
+ }
43
+ },
44
+ "border-width": DesignToken,
45
+ "gap": {
46
+ "$extensions": {
47
+ "nl.nldesignsystem.css.property": {}
48
+ }
49
+ },
50
+ "hover": {
51
+ "background-color": DesignToken,
52
+ "border-color": DesignToken,
53
+ "color": DesignToken
54
+ },
55
+ "active": {
56
+ "background-color": DesignToken,
57
+ "border-color": DesignToken,
58
+ "color": DesignToken
59
+ },
60
+ "focus": {
61
+ "background-color": DesignToken,
62
+ "border-color": DesignToken,
63
+ "color": DesignToken
64
+ },
65
+ "icon": {
66
+ "size": DesignToken,
67
+ "utrecht": {
68
+ "arrow-down": {
69
+ "$extensions": {
70
+ "nl.nldesignsystem.css.property": {}
71
+ }
72
+ },
73
+ "arrow-up": {
74
+ "$extensions": {
75
+ "nl.nldesignsystem.css.property": {}
76
+ }
77
+ },
78
+ "background-color": DesignToken
79
+ }
80
+ }
81
+ },
82
+ "panel": {
83
+ "border-color": DesignToken,
84
+ "border-width": DesignToken,
85
+ "padding-block-start": DesignToken,
86
+ "padding-block-end": DesignToken,
87
+ "padding-inline-start": DesignToken,
88
+ "padding-inline-end": DesignToken
89
+ },
90
+ "section": {
91
+ "margin-block-start": DesignToken,
92
+ "margin-block-end": {
93
+ "$extensions": {
94
+ "nl.nldesignsystem.css.property": {}
95
+ }
96
+ }
97
+ }
98
+ },
99
+ "alert-dialog": {
100
+ "margin-block-start": {
101
+ "$extensions": {
102
+ "nl.nldesignsystem.css.property": {}
103
+ }
104
+ },
105
+ "margin-block-end": {
106
+ "$extensions": {
107
+ "nl.nldesignsystem.css.property": {}
108
+ }
109
+ },
110
+ "border-color": {
111
+ "$extensions": {
112
+ "nl.nldesignsystem.css.property": {}
113
+ }
114
+ },
115
+ "border-radius": {
116
+ "$extensions": {
117
+ "nl.nldesignsystem.css.property": {}
118
+ }
119
+ },
120
+ "border-width": {
121
+ "$extensions": {
122
+ "nl.nldesignsystem.css.property": {}
123
+ }
124
+ },
125
+ "box-shadow": {
126
+ "$extensions": {
127
+ "nl.nldesignsystem.css.property": {}
128
+ }
129
+ },
130
+ "max-block-size": DesignToken,
131
+ "max-inline-size": DesignToken,
132
+ "min-block-size": DesignToken,
133
+ "min-inline-size": DesignToken
134
+ },
135
+ "alert": {
136
+ "background-color": DesignToken,
137
+ "border-color": {
138
+ "$extensions": {
139
+ "nl.nldesignsystem.css.property": {}
140
+ }
141
+ },
142
+ "border-radius": {
143
+ "$extensions": {
144
+ "nl.nldesignsystem.css.property": {}
145
+ }
146
+ },
147
+ "border-width": {
148
+ "$extensions": {
149
+ "nl.nldesignsystem.css.property": {}
150
+ }
151
+ },
152
+ "color": DesignToken,
153
+ "column-gap": DesignToken,
154
+ "padding-block-start": DesignToken,
155
+ "padding-block-end": DesignToken,
156
+ "padding-inline-start": DesignToken,
157
+ "padding-inline-end": DesignToken,
158
+ "margin-block-start": {
159
+ "$extensions": {
160
+ "nl.nldesignsystem.css.property": {}
161
+ }
162
+ },
163
+ "margin-block-end": {
164
+ "$extensions": {
165
+ "nl.nldesignsystem.css.property": {}
166
+ }
167
+ },
168
+ "message": {
169
+ "row-gap": {
170
+ "$extensions": {
171
+ "nl.nldesignsystem.css.property": {}
172
+ }
173
+ }
174
+ },
175
+ "content": {
176
+ "row-gap": {
177
+ "$extensions": {
178
+ "nl.nldesignsystem.css.property": {}
179
+ }
180
+ }
181
+ },
182
+ "info": {
183
+ "background-color": DesignToken,
184
+ "color": DesignToken,
185
+ "border-color": {
186
+ "$extensions": {
187
+ "nl.nldesignsystem.css.property": {},
188
+ "nl.nldesignsystem.fallback": {}
189
+ }
190
+ },
191
+ "border-width": {
192
+ "$extensions": {
193
+ "nl.nldesignsystem.css.property": {},
194
+ "nl.nldesignsystem.fallback": {}
195
+ }
196
+ }
197
+ },
198
+ "warning": {
199
+ "background-color": DesignToken,
200
+ "color": DesignToken,
201
+ "border-color": {
202
+ "$extensions": {
203
+ "nl.nldesignsystem.css.property": {},
204
+ "nl.nldesignsystem.fallback": {}
205
+ }
206
+ },
207
+ "border-width": {
208
+ "$extensions": {
209
+ "nl.nldesignsystem.css.property": {},
210
+ "nl.nldesignsystem.fallback": {}
211
+ }
212
+ }
213
+ },
214
+ "error": {
215
+ "background-color": DesignToken,
216
+ "color": DesignToken,
217
+ "border-color": {
218
+ "$extensions": {
219
+ "nl.nldesignsystem.css.property": {},
220
+ "nl.nldesignsystem.fallback": {}
221
+ }
222
+ },
223
+ "border-width": {
224
+ "$extensions": {
225
+ "nl.nldesignsystem.css.property": {},
226
+ "nl.nldesignsystem.fallback": {}
227
+ }
228
+ }
229
+ },
230
+ "ok": {
231
+ "background-color": DesignToken,
232
+ "color": DesignToken,
233
+ "border-color": {
234
+ "$extensions": {
235
+ "nl.nldesignsystem.css.property": {},
236
+ "nl.nldesignsystem.fallback": {}
237
+ }
238
+ },
239
+ "border-width": {
240
+ "$extensions": {
241
+ "nl.nldesignsystem.css.property": {},
242
+ "nl.nldesignsystem.fallback": {}
243
+ }
244
+ }
245
+ },
246
+ "icon": {
247
+ "color": DesignToken,
248
+ "size": DesignToken,
249
+ "inset-block-start": DesignToken,
250
+ "info": {
251
+ "color": DesignToken
252
+ },
253
+ "error": {
254
+ "color": DesignToken
255
+ },
256
+ "warning": {
257
+ "color": DesignToken
258
+ },
259
+ "ok": {
260
+ "color": DesignToken
261
+ }
262
+ },
263
+ "invalid": {
264
+ "background-color": DesignToken,
265
+ "color": DesignToken
266
+ }
267
+ },
268
+ "article": {
269
+ "max-inline-size": DesignToken
270
+ },
271
+ "backdrop": {
272
+ "background-color": DesignToken,
273
+ "color": DesignToken,
274
+ "opacity": DesignToken,
275
+ "z-index": {
276
+ "$extensions": {
277
+ "nl.nldesignsystem.css.property": {}
278
+ }
279
+ },
280
+ "fade-in": {
281
+ "animation-duration": DesignToken
282
+ },
283
+ "reduced-transparency": {
284
+ "opacity": DesignToken
285
+ }
286
+ },
287
+ "badge-counter": {
288
+ "background-color": DesignToken,
289
+ "border-radius": DesignToken,
290
+ "color": DesignToken,
291
+ "font-family": {
292
+ "$extensions": {
293
+ "nl.nldesignsystem.css.property": {},
294
+ "nl.nldesignsystem.fallback": {}
295
+ }
296
+ },
297
+ "font-size": DesignToken,
298
+ "font-weight": {
299
+ "$extensions": {
300
+ "nl.nldesignsystem.css.property": {},
301
+ "nl.nldesignsystem.fallback": {}
302
+ }
303
+ },
304
+ "min-size": {
305
+ "$extensions": {
306
+ "nl.nldesignsystem.css.property": {}
307
+ }
308
+ },
309
+ "min-block-size": {
310
+ "$extensions": {
311
+ "nl.nldesignsystem.css.property": {},
312
+ "nl.nldesignsystem.fallback": {}
313
+ }
314
+ },
315
+ "min-inline-size": {
316
+ "$extensions": {
317
+ "nl.nldesignsystem.css.property": {}
318
+ }
319
+ },
320
+ "padding-block": DesignToken,
321
+ "padding-inline": DesignToken
322
+ },
323
+ "badge-data": {
324
+ "letter-spacing": {
325
+ "$extensions": {
326
+ "nl.nldesignsystem.css.property": {}
327
+ }
328
+ },
329
+ "text-transform": {
330
+ "$extensions": {
331
+ "nl.nldesignsystem.css.property": {
332
+ "syntax": {}
333
+ }
334
+ }
335
+ }
336
+ },
337
+ "badge-list": {
338
+ "row-gap": {
339
+ "$extensions": {
340
+ "nl.nldesignsystem.css.property": {}
341
+ }
342
+ },
343
+ "column-gap": {
344
+ "$extensions": {
345
+ "nl.nldesignsystem.css.property": {}
346
+ }
347
+ },
348
+ "item": {
349
+ "margin-block": DesignToken,
350
+ "margin-inline": DesignToken
351
+ }
352
+ },
353
+ "badge-status": {
354
+ "letter-spacing": {
355
+ "$extensions": {
356
+ "nl.nldesignsystem.css.property": {}
357
+ }
358
+ },
359
+ "text-transform": {
360
+ "$extensions": {
361
+ "nl.nldesignsystem.css.property": {
362
+ "syntax": {}
363
+ }
364
+ }
365
+ }
366
+ },
367
+ "badge": {
368
+ "background-color": DesignToken,
369
+ "border-radius": DesignToken,
370
+ "color": DesignToken,
371
+ "font-size": {
372
+ "$extensions": {
373
+ "nl.nldesignsystem.css.property": {}
374
+ }
375
+ },
376
+ "font-weight": {
377
+ "$extensions": {
378
+ "nl.nldesignsystem.css.property": {}
379
+ }
380
+ },
381
+ "line-height": {
382
+ "$extensions": {
383
+ "nl.nldesignsystem.css.property": {
384
+ "syntax": {}
385
+ }
386
+ }
387
+ },
388
+ "padding-block": DesignToken,
389
+ "padding-inline": DesignToken,
390
+ "text-transform": {
391
+ "$extensions": {
392
+ "nl.nldesignsystem.css.property": {
393
+ "syntax": {}
394
+ }
395
+ }
396
+ },
397
+ "font-style": DesignToken
398
+ },
399
+ "blockquote": {
400
+ "background-color": {
401
+ "$extensions": {
402
+ "nl.nldesignsystem.css.property": {}
403
+ }
404
+ },
405
+ "border-inline-start-width": {
406
+ "$extensions": {
407
+ "nl.nldesignsystem.css.property": {}
408
+ }
409
+ },
410
+ "border-color": {
411
+ "$extensions": {
412
+ "nl.nldesignsystem.css.property": {}
413
+ }
414
+ },
415
+ "border-radius": {
416
+ "$extensions": {
417
+ "nl.nldesignsystem.css.property": {}
418
+ }
419
+ },
420
+ "border-width": {
421
+ "$extensions": {
422
+ "nl.nldesignsystem.css.property": {}
423
+ }
424
+ },
425
+ "color": {
426
+ "$extensions": {
427
+ "nl.nldesignsystem.css.property": {}
428
+ }
429
+ },
430
+ "margin-inline-start": DesignToken,
431
+ "margin-inline-end": DesignToken,
432
+ "margin-inline-block-start": {
433
+ "$extensions": {
434
+ "nl.nldesignsystem.css.property": {}
435
+ }
436
+ },
437
+ "margin-inline-block-end": {
438
+ "$extensions": {
439
+ "nl.nldesignsystem.css.property": {}
440
+ }
441
+ },
442
+ "font-size": {
443
+ "$extensions": {
444
+ "nl.nldesignsystem.css.property": {}
445
+ }
446
+ },
447
+ "font-style": {
448
+ "$extensions": {
449
+ "nl.nldesignsystem.css.property": {
450
+ "syntax": {}
451
+ }
452
+ }
453
+ },
454
+ "font-family": {
455
+ "$extensions": {
456
+ "nl.nldesignsystem.css.property": {}
457
+ }
458
+ },
459
+ "padding-inline-start": {
460
+ "$extensions": {
461
+ "nl.nldesignsystem.css.property": {}
462
+ }
463
+ },
464
+ "padding-inline-end": {
465
+ "$extensions": {
466
+ "nl.nldesignsystem.css.property": {}
467
+ }
468
+ },
469
+ "padding-block-start": {
470
+ "$extensions": {
471
+ "nl.nldesignsystem.css.property": {}
472
+ }
473
+ },
474
+ "padding-block-end": {
475
+ "$extensions": {
476
+ "nl.nldesignsystem.css.property": {}
477
+ }
478
+ },
479
+ "row-gap": {
480
+ "$extensions": {
481
+ "nl.nldesignsystem.css.property": {}
482
+ }
483
+ },
484
+ "attribution": {
485
+ "color": {
486
+ "$extensions": {
487
+ "nl.nldesignsystem.css.property": {}
488
+ }
489
+ },
490
+ "font-size": {
491
+ "$extensions": {
492
+ "nl.nldesignsystem.css.property": {}
493
+ }
494
+ }
495
+ },
496
+ "content": {
497
+ "color": DesignToken,
498
+ "font-size": DesignToken
499
+ },
500
+ "caption": {
501
+ "color": {
502
+ "$extensions": {
503
+ "nl.nldesignsystem.css.property": {}
504
+ }
505
+ },
506
+ "font-size": DesignToken
507
+ },
508
+ "quote": {
509
+ "color": {
510
+ "$extensions": {
511
+ "nl.nldesignsystem.css.property": {}
512
+ }
513
+ },
514
+ "font-size": {
515
+ "$extensions": {
516
+ "nl.nldesignsystem.css.property": {}
517
+ }
518
+ }
519
+ },
520
+ "margin-block-start": DesignToken,
521
+ "margin-block-end": DesignToken
522
+ },
523
+ "breadcrumb-nav": {
524
+ "min-block-size": DesignToken,
525
+ "font-family": {
526
+ "$extensions": {
527
+ "nl.nldesignsystem.css.property": {}
528
+ }
529
+ },
530
+ "font-size": DesignToken,
531
+ "line-height": {
532
+ "$extensions": {
533
+ "nl.nldesignsystem.css.property": {
534
+ "syntax": {}
535
+ }
536
+ }
537
+ },
538
+ "text-decoration": {
539
+ "$extensions": {
540
+ "nl.nldesignsystem.css.property": {
541
+ "syntax": {}
542
+ },
543
+ "nl.nldesignsystem.fallback": {}
544
+ }
545
+ },
546
+ "text-transform": {
547
+ "$extensions": {
548
+ "nl.nldesignsystem.css.property": {
549
+ "syntax": {}
550
+ }
551
+ }
552
+ },
553
+ "item": {
554
+ "padding-block-start": DesignToken,
555
+ "padding-block-end": DesignToken,
556
+ "padding-inline-end": DesignToken,
557
+ "padding-inline-start": DesignToken
558
+ },
559
+ "link": {
560
+ "color": DesignToken,
561
+ "focus": {
562
+ "background-color": DesignToken,
563
+ "color": DesignToken,
564
+ "text-decoration": DesignToken
565
+ },
566
+ "hover": {
567
+ "color": DesignToken,
568
+ "text-decoration": DesignToken
569
+ },
570
+ "current": {
571
+ "font-weight": {
572
+ "$extensions": {
573
+ "nl.nldesignsystem.css.property": {}
574
+ }
575
+ }
576
+ },
577
+ "disabled": {
578
+ "color": DesignToken
579
+ },
580
+ "background-color": {},
581
+ "text-decoration": DesignToken,
582
+ "icon": {
583
+ "size": DesignToken
584
+ }
585
+ },
586
+ "separator": {
587
+ "color": DesignToken,
588
+ "icon": {
589
+ "size": DesignToken
590
+ }
591
+ },
592
+ "arrows": {
593
+ "link": {
594
+ "background-color": DesignToken,
595
+ "focus": {
596
+ "background-color": DesignToken,
597
+ "color": DesignToken
598
+ },
599
+ "color": DesignToken
600
+ }
601
+ },
602
+ "divider": {
603
+ "inline-size": DesignToken
604
+ }
605
+ },
606
+ "button-group": {
607
+ "background-color": {
608
+ "$extensions": {
609
+ "nl.nldesignsystem.css.property": {}
610
+ }
611
+ },
612
+ "column-gap": {
613
+ "$extensions": {
614
+ "nl.nldesignsystem.css.property": {}
615
+ }
616
+ },
617
+ "margin-block-end": {
618
+ "$extensions": {
619
+ "nl.nldesignsystem.css.property": {}
620
+ }
621
+ },
622
+ "margin-block-start": {
623
+ "$extensions": {
624
+ "nl.nldesignsystem.css.property": {}
625
+ }
626
+ },
627
+ "padding-block-end": {
628
+ "$extensions": {
629
+ "nl.nldesignsystem.css.property": {}
630
+ }
631
+ },
632
+ "padding-block-start": {
633
+ "$extensions": {
634
+ "nl.nldesignsystem.css.property": {}
635
+ }
636
+ },
637
+ "row-gap": {
638
+ "$extensions": {
639
+ "nl.nldesignsystem.css.property": {}
640
+ }
641
+ }
642
+ },
643
+ "button-link": {},
644
+ "button": {
645
+ "background-color": DesignToken,
646
+ "border-color": DesignToken,
647
+ "border-radius": DesignToken,
648
+ "border-width": DesignToken,
649
+ "color": DesignToken,
650
+ "column-gap": DesignToken,
651
+ "font-family": DesignToken,
652
+ "font-size": DesignToken,
653
+ "font-weight": {
654
+ "$extensions": {
655
+ "nl.nldesignsystem.css.property": {}
656
+ }
657
+ },
658
+ "inline-size": {
659
+ "$extensions": {
660
+ "nl.nldesignsystem.css.property": {}
661
+ }
662
+ },
663
+ "line-height": {
664
+ "$extensions": {
665
+ "nl.nldesignsystem.css.property": {
666
+ "syntax": {}
667
+ }
668
+ }
669
+ },
670
+ "margin-block-start": DesignToken,
671
+ "margin-block-end": DesignToken,
672
+ "margin-inline-start": DesignToken,
673
+ "margin-inline-end": DesignToken,
674
+ "min-block-size": {
675
+ "$extensions": {
676
+ "nl.nldesignsystem.css.property": {}
677
+ }
678
+ },
679
+ "min-inline-size": {
680
+ "$extensions": {
681
+ "nl.nldesignsystem.css.property": {}
682
+ }
683
+ },
684
+ "padding-block-start": DesignToken,
685
+ "padding-block-end": DesignToken,
686
+ "padding-inline-start": DesignToken,
687
+ "padding-inline-end": DesignToken,
688
+ "text-transform": {
689
+ "$extensions": {
690
+ "nl.nldesignsystem.css.property": {
691
+ "syntax": {}
692
+ }
693
+ }
694
+ },
695
+ "active": {
696
+ "background-color": DesignToken,
697
+ "border-color": {
698
+ "$extensions": {
699
+ "nl.nldesignsystem.css.property": {},
700
+ "nl.nldesignsystem.fallback": {}
701
+ }
702
+ },
703
+ "color": DesignToken
704
+ },
705
+ "icon": {
706
+ "size": {
707
+ "$extensions": {
708
+ "nl.nldesignsystem.css.property": {}
709
+ }
710
+ }
711
+ },
712
+ "disabled": {
713
+ "background-color": DesignToken,
714
+ "border-color": DesignToken,
715
+ "color": DesignToken
716
+ },
717
+ "focus": {
718
+ "background-color": {
719
+ "$extensions": {
720
+ "nl.nldesignsystem.css.property": {},
721
+ "nl.nldesignsystem.fallback": {}
722
+ }
723
+ },
724
+ "border-color": {
725
+ "$extensions": {
726
+ "nl.nldesignsystem.css.property": {},
727
+ "nl.nldesignsystem.fallback": {}
728
+ }
729
+ },
730
+ "color": {
731
+ "$extensions": {
732
+ "nl.nldesignsystem.css.property": {},
733
+ "nl.nldesignsystem.fallback": {}
734
+ }
735
+ },
736
+ "scale": DesignToken
737
+ },
738
+ "hover": {
739
+ "background-color": {
740
+ "$extensions": {
741
+ "nl.nldesignsystem.css.property": {},
742
+ "nl.nldesignsystem.fallback": {}
743
+ }
744
+ },
745
+ "border-color": {
746
+ "$extensions": {
747
+ "nl.nldesignsystem.css.property": {},
748
+ "nl.nldesignsystem.fallback": {}
749
+ }
750
+ },
751
+ "color": {
752
+ "$extensions": {
753
+ "nl.nldesignsystem.css.property": {},
754
+ "nl.nldesignsystem.fallback": {}
755
+ }
756
+ },
757
+ "scale": DesignToken
758
+ },
759
+ "pressed": {
760
+ "background-color": DesignToken,
761
+ "border-color": {
762
+ "$extensions": {
763
+ "nl.nldesignsystem.css.property": {},
764
+ "nl.nldesignsystem.fallback": {}
765
+ }
766
+ },
767
+ "color": DesignToken
768
+ },
769
+ "primary-action": {
770
+ "background-color": DesignToken,
771
+ "border-color": DesignToken,
772
+ "border-width": DesignToken,
773
+ "color": DesignToken,
774
+ "font-size": {
775
+ "$extensions": {
776
+ "nl.nldesignsystem.css.property": {},
777
+ "nl.nldesignsystem.fallback": {}
778
+ }
779
+ },
780
+ "font-weight": {
781
+ "$extensions": {
782
+ "nl.nldesignsystem.css.property": {},
783
+ "nl.nldesignsystem.fallback": {}
784
+ }
785
+ },
786
+ "line-height": {
787
+ "$extensions": {
788
+ "nl.nldesignsystem.css.property": {
789
+ "syntax": {}
790
+ },
791
+ "nl.nldesignsystem.fallback": {}
792
+ }
793
+ },
794
+ "active": {
795
+ "background-color": DesignToken,
796
+ "border-color": DesignToken,
797
+ "color": DesignToken
798
+ },
799
+ "disabled": {
800
+ "background-color": DesignToken,
801
+ "border-color": DesignToken,
802
+ "color": DesignToken
803
+ },
804
+ "hover": {
805
+ "background-color": DesignToken,
806
+ "border-color": DesignToken,
807
+ "color": DesignToken,
808
+ "scale": {
809
+ "$extensions": {
810
+ "nl.nldesignsystem.css.property": {}
811
+ }
812
+ }
813
+ },
814
+ "focus": {
815
+ "background-color": DesignToken,
816
+ "border-color": DesignToken,
817
+ "color": {
818
+ "$extensions": {
819
+ "nl.nldesignsystem.css.property": {},
820
+ "nl.nldesignsystem.fallback": {}
821
+ }
822
+ },
823
+ "border-width": DesignToken
824
+ },
825
+ "pressed": {
826
+ "background-color": DesignToken,
827
+ "border-color": DesignToken,
828
+ "color": DesignToken
829
+ },
830
+ "ready": {
831
+ "background-color": DesignToken,
832
+ "border-color": DesignToken,
833
+ "color": DesignToken,
834
+ "disabled": {
835
+ "border-color": DesignToken
836
+ },
837
+ "hover": {
838
+ "background-color": DesignToken,
839
+ "border-color": DesignToken,
840
+ "color": DesignToken
841
+ },
842
+ "focus": {
843
+ "background-color": DesignToken,
844
+ "border-color": DesignToken
845
+ }
846
+ },
847
+ "warning": {
848
+ "background-color": DesignToken,
849
+ "border-color": DesignToken,
850
+ "color": DesignToken,
851
+ "disabled": {
852
+ "border-color": DesignToken
853
+ },
854
+ "hover": {
855
+ "background-color": DesignToken,
856
+ "border-color": DesignToken,
857
+ "color": DesignToken
858
+ },
859
+ "focus": {
860
+ "background-color": DesignToken,
861
+ "border-color": DesignToken
862
+ }
863
+ },
864
+ "danger": {
865
+ "background-color": DesignToken,
866
+ "border-color": DesignToken,
867
+ "color": DesignToken,
868
+ "disabled": {
869
+ "border-color": DesignToken
870
+ },
871
+ "hover": {
872
+ "background-color": DesignToken,
873
+ "border-color": DesignToken,
874
+ "color": DesignToken
875
+ },
876
+ "focus": {
877
+ "background-color": DesignToken,
878
+ "border-color": DesignToken
879
+ }
880
+ }
881
+ },
882
+ "secondary-action": {
883
+ "background-color": DesignToken,
884
+ "border-color": DesignToken,
885
+ "border-width": DesignToken,
886
+ "color": DesignToken,
887
+ "font-size": {
888
+ "$extensions": {
889
+ "nl.nldesignsystem.css.property": {},
890
+ "nl.nldesignsystem.fallback": {}
891
+ }
892
+ },
893
+ "font-weight": {
894
+ "$extensions": {
895
+ "nl.nldesignsystem.css.property": {},
896
+ "nl.nldesignsystem.fallback": {}
897
+ }
898
+ },
899
+ "line-height": {
900
+ "$extensions": {
901
+ "nl.nldesignsystem.css.property": {
902
+ "syntax": {}
903
+ },
904
+ "nl.nldesignsystem.fallback": {}
905
+ }
906
+ },
907
+ "active": {
908
+ "background-color": DesignToken,
909
+ "border-color": DesignToken,
910
+ "color": DesignToken
911
+ },
912
+ "disabled": {
913
+ "background-color": DesignToken,
914
+ "border-color": DesignToken,
915
+ "color": DesignToken
916
+ },
917
+ "hover": {
918
+ "background-color": DesignToken,
919
+ "border-color": DesignToken,
920
+ "color": DesignToken
921
+ },
922
+ "focus": {
923
+ "background-color": {
924
+ "$extensions": {
925
+ "nl.nldesignsystem.css.property": {},
926
+ "nl.nldesignsystem.fallback": {}
927
+ }
928
+ },
929
+ "border-color": {
930
+ "$extensions": {
931
+ "nl.nldesignsystem.css.property": {},
932
+ "nl.nldesignsystem.fallback": {}
933
+ }
934
+ },
935
+ "color": {
936
+ "$extensions": {
937
+ "nl.nldesignsystem.css.property": {},
938
+ "nl.nldesignsystem.fallback": {}
939
+ }
940
+ }
941
+ },
942
+ "pressed": {
943
+ "background-color": DesignToken,
944
+ "border-color": {
945
+ "$extensions": {
946
+ "nl.nldesignsystem.css.property": {},
947
+ "nl.nldesignsystem.fallback": {}
948
+ }
949
+ },
950
+ "color": DesignToken
951
+ },
952
+ "danger": {
953
+ "background-color": DesignToken,
954
+ "border-color": DesignToken,
955
+ "color": DesignToken,
956
+ "disabled": {
957
+ "border-color": {}
958
+ },
959
+ "hover": {
960
+ "background-color": DesignToken,
961
+ "border-color": DesignToken,
962
+ "color": DesignToken
963
+ },
964
+ "focus": {
965
+ "background-color": DesignToken,
966
+ "border-color": DesignToken
967
+ }
968
+ },
969
+ "warning": {
970
+ "background-color": DesignToken,
971
+ "border-color": DesignToken,
972
+ "color": DesignToken,
973
+ "disabled": {
974
+ "border-color": {}
975
+ },
976
+ "hover": {
977
+ "background-color": DesignToken,
978
+ "border-color": DesignToken,
979
+ "color": DesignToken
980
+ },
981
+ "focus": {
982
+ "background-color": DesignToken,
983
+ "border-color": DesignToken
984
+ }
985
+ },
986
+ "ready": {
987
+ "background-color": DesignToken,
988
+ "border-color": DesignToken,
989
+ "color": DesignToken,
990
+ "disabled": {
991
+ "border-color": {}
992
+ },
993
+ "hover": {
994
+ "background-color": {},
995
+ "border-color": DesignToken,
996
+ "color": DesignToken
997
+ },
998
+ "focus": {
999
+ "background-color": {},
1000
+ "border-color": DesignToken
1001
+ }
1002
+ }
1003
+ },
1004
+ "subtle": {
1005
+ "background-color": DesignToken,
1006
+ "border-color": DesignToken,
1007
+ "border-width": DesignToken,
1008
+ "color": DesignToken,
1009
+ "font-size": {
1010
+ "$extensions": {
1011
+ "nl.nldesignsystem.css.property": {},
1012
+ "nl.nldesignsystem.fallback": {}
1013
+ }
1014
+ },
1015
+ "font-weight": DesignToken,
1016
+ "line-height": {
1017
+ "$extensions": {
1018
+ "nl.nldesignsystem.css.property": {
1019
+ "syntax": {}
1020
+ },
1021
+ "nl.nldesignsystem.fallback": {}
1022
+ }
1023
+ },
1024
+ "active": {
1025
+ "background-color": DesignToken,
1026
+ "border-color": {
1027
+ "$extensions": {
1028
+ "nl.nldesignsystem.css.property": {},
1029
+ "nl.nldesignsystem.fallback": {}
1030
+ }
1031
+ },
1032
+ "color": DesignToken
1033
+ },
1034
+ "disabled": {
1035
+ "background-color": DesignToken,
1036
+ "border-color": {
1037
+ "$extensions": {
1038
+ "nl.nldesignsystem.css.property": {},
1039
+ "nl.nldesignsystem.fallback": {}
1040
+ }
1041
+ },
1042
+ "color": DesignToken
1043
+ },
1044
+ "hover": {
1045
+ "background-color": DesignToken,
1046
+ "border-color": DesignToken,
1047
+ "color": DesignToken
1048
+ },
1049
+ "focus": {
1050
+ "background-color": DesignToken,
1051
+ "border-color": DesignToken,
1052
+ "color": DesignToken
1053
+ },
1054
+ "pressed": {
1055
+ "background-color": DesignToken,
1056
+ "border-color": {
1057
+ "$extensions": {
1058
+ "nl.nldesignsystem.css.property": {},
1059
+ "nl.nldesignsystem.fallback": {}
1060
+ }
1061
+ },
1062
+ "color": DesignToken
1063
+ },
1064
+ "danger": {
1065
+ "color": DesignToken,
1066
+ "hover": {
1067
+ "color": DesignToken
1068
+ },
1069
+ "focus": {
1070
+ "color": DesignToken
1071
+ }
1072
+ },
1073
+ "ready": {
1074
+ "color": DesignToken,
1075
+ "hover": {
1076
+ "color": DesignToken
1077
+ },
1078
+ "focus": {
1079
+ "color": DesignToken
1080
+ }
1081
+ }
1082
+ }
1083
+ },
1084
+ "calendar": {
1085
+ "width": {
1086
+ "$extensions": {
1087
+ "nl.nldesignsystem.css.property": {}
1088
+ }
1089
+ },
1090
+ "background-color": {
1091
+ "$extensions": {
1092
+ "nl.nldesignsystem.css.property": {}
1093
+ }
1094
+ },
1095
+ "table": {
1096
+ "padding-block-start": {
1097
+ "$extensions": {
1098
+ "nl.nldesignsystem.css.property": {}
1099
+ }
1100
+ },
1101
+ "padding-block-end": {
1102
+ "$extensions": {
1103
+ "nl.nldesignsystem.css.property": {}
1104
+ }
1105
+ },
1106
+ "weeks-item": {
1107
+ "width": DesignToken,
1108
+ "padding-block-start": DesignToken,
1109
+ "padding-block-end": DesignToken,
1110
+ "line-height": DesignToken
1111
+ },
1112
+ "days-item-day": {
1113
+ "size": DesignToken,
1114
+ "color": DesignToken,
1115
+ "border-width": DesignToken,
1116
+ "border-color": DesignToken,
1117
+ "hover": {
1118
+ "background-color": {
1119
+ "$extensions": {
1120
+ "nl.nldesignsystem.css.property": {}
1121
+ }
1122
+ },
1123
+ "color": DesignToken,
1124
+ "border-color": DesignToken
1125
+ },
1126
+ "focus": {
1127
+ "background-color": {
1128
+ "$extensions": {
1129
+ "nl.nldesignsystem.css.property": {}
1130
+ }
1131
+ },
1132
+ "color": {
1133
+ "$extensions": {
1134
+ "nl.nldesignsystem.css.property": {}
1135
+ }
1136
+ },
1137
+ "border-color": DesignToken
1138
+ },
1139
+ "active": {
1140
+ "background-color": {
1141
+ "$extensions": {
1142
+ "nl.nldesignsystem.css.property": {}
1143
+ }
1144
+ },
1145
+ "color": {
1146
+ "$extensions": {
1147
+ "nl.nldesignsystem.css.property": {}
1148
+ }
1149
+ },
1150
+ "border-color": DesignToken
1151
+ },
1152
+ "out-of-the-month": {
1153
+ "background-color": {
1154
+ "$extensions": {
1155
+ "nl.nldesignsystem.css.property": {}
1156
+ }
1157
+ },
1158
+ "color": DesignToken,
1159
+ "border-color": DesignToken
1160
+ },
1161
+ "is-today": {
1162
+ "background-color": DesignToken,
1163
+ "color": DesignToken,
1164
+ "border-color": DesignToken,
1165
+ "font-weight": DesignToken
1166
+ },
1167
+ "emphasis": {
1168
+ "background-color": {
1169
+ "$extensions": {
1170
+ "nl.nldesignsystem.css.property": {}
1171
+ }
1172
+ },
1173
+ "color": {
1174
+ "$extensions": {
1175
+ "nl.nldesignsystem.css.property": {}
1176
+ }
1177
+ },
1178
+ "border-color": DesignToken,
1179
+ "font-weight": {
1180
+ "$extensions": {
1181
+ "nl.nldesignsystem.css.property": {}
1182
+ }
1183
+ }
1184
+ },
1185
+ "selected": {
1186
+ "background-color": DesignToken,
1187
+ "color": DesignToken,
1188
+ "border-color": DesignToken,
1189
+ "font-weight": {
1190
+ "$extensions": {
1191
+ "nl.nldesignsystem.css.property": {}
1192
+ }
1193
+ }
1194
+ },
1195
+ "disabled": {
1196
+ "background-color": {
1197
+ "$extensions": {
1198
+ "nl.nldesignsystem.css.property": {}
1199
+ }
1200
+ },
1201
+ "color": DesignToken,
1202
+ "border-color": DesignToken
1203
+ }
1204
+ }
1205
+ },
1206
+ "navigation": {
1207
+ "background-color": {
1208
+ "$extensions": {
1209
+ "nl.nldesignsystem.css.property": {}
1210
+ }
1211
+ },
1212
+ "color": DesignToken,
1213
+ "padding-block-start": DesignToken,
1214
+ "padding-block-end": DesignToken,
1215
+ "label": {
1216
+ "min-inline-size": DesignToken,
1217
+ "color": DesignToken,
1218
+ "font-size": DesignToken
1219
+ }
1220
+ },
1221
+ "icon": {
1222
+ "size": DesignToken
1223
+ }
1224
+ },
1225
+ "checkbox": {
1226
+ "background-color": DesignToken,
1227
+ "border-color": DesignToken,
1228
+ "border-radius": DesignToken,
1229
+ "border-width": DesignToken,
1230
+ "color": DesignToken,
1231
+ "size": DesignToken,
1232
+ "icon": {
1233
+ "size": {
1234
+ "$extensions": {
1235
+ "nl.nldesignsystem.css.property": {}
1236
+ }
1237
+ }
1238
+ },
1239
+ "active": {
1240
+ "border-color": {
1241
+ "$extensions": {
1242
+ "nl.nldesignsystem.css.property": {},
1243
+ "nl.nldesignsystem.fallback": {}
1244
+ }
1245
+ },
1246
+ "border-width": {
1247
+ "$extensions": {
1248
+ "nl.nldesignsystem.css.property": {},
1249
+ "nl.nldesignsystem.fallback": {}
1250
+ }
1251
+ },
1252
+ "background-color": {
1253
+ "$extensions": {
1254
+ "nl.nldesignsystem.css.property": {},
1255
+ "nl.nldesignsystem.fallback": {}
1256
+ }
1257
+ },
1258
+ "color": {
1259
+ "$extensions": {
1260
+ "nl.nldesignsystem.css.property": {},
1261
+ "nl.nldesignsystem.fallback": {}
1262
+ }
1263
+ }
1264
+ },
1265
+ "hover": {
1266
+ "border-color": {
1267
+ "$extensions": {
1268
+ "nl.nldesignsystem.css.property": {},
1269
+ "nl.nldesignsystem.fallback": {}
1270
+ }
1271
+ },
1272
+ "border-width": {
1273
+ "$extensions": {
1274
+ "nl.nldesignsystem.css.property": {},
1275
+ "nl.nldesignsystem.fallback": {}
1276
+ }
1277
+ },
1278
+ "background-color": {
1279
+ "$extensions": {
1280
+ "nl.nldesignsystem.css.property": {},
1281
+ "nl.nldesignsystem.fallback": {}
1282
+ }
1283
+ },
1284
+ "color": {
1285
+ "$extensions": {
1286
+ "nl.nldesignsystem.css.property": {},
1287
+ "nl.nldesignsystem.fallback": {}
1288
+ }
1289
+ }
1290
+ },
1291
+ "focus": {
1292
+ "border-color": {
1293
+ "$extensions": {
1294
+ "nl.nldesignsystem.css.property": {},
1295
+ "nl.nldesignsystem.fallback": {}
1296
+ }
1297
+ },
1298
+ "border-width": DesignToken,
1299
+ "background-color": {
1300
+ "$extensions": {
1301
+ "nl.nldesignsystem.css.property": {},
1302
+ "nl.nldesignsystem.fallback": {}
1303
+ }
1304
+ },
1305
+ "color": {
1306
+ "$extensions": {
1307
+ "nl.nldesignsystem.css.property": {},
1308
+ "nl.nldesignsystem.fallback": {}
1309
+ }
1310
+ }
1311
+ },
1312
+ "disabled": {
1313
+ "border-color": DesignToken,
1314
+ "border-width": {
1315
+ "$extensions": {
1316
+ "nl.nldesignsystem.css.property": {},
1317
+ "nl.nldesignsystem.fallback": {}
1318
+ }
1319
+ },
1320
+ "background-color": DesignToken,
1321
+ "color": {
1322
+ "$extensions": {
1323
+ "nl.nldesignsystem.css.property": {}
1324
+ }
1325
+ }
1326
+ },
1327
+ "checked": {
1328
+ "border-color": DesignToken,
1329
+ "border-width": {
1330
+ "$extensions": {
1331
+ "nl.nldesignsystem.css.property": {},
1332
+ "nl.nldesignsystem.fallback": {}
1333
+ }
1334
+ },
1335
+ "background-color": DesignToken,
1336
+ "color": {
1337
+ "$extensions": {
1338
+ "nl.nldesignsystem.css.property": {}
1339
+ }
1340
+ }
1341
+ },
1342
+ "indeterminate": {
1343
+ "border-color": {
1344
+ "$extensions": {
1345
+ "nl.nldesignsystem.css.property": {},
1346
+ "nl.nldesignsystem.fallback": {}
1347
+ }
1348
+ },
1349
+ "border-width": {
1350
+ "$extensions": {
1351
+ "nl.nldesignsystem.css.property": {},
1352
+ "nl.nldesignsystem.fallback": {}
1353
+ }
1354
+ },
1355
+ "background-color": DesignToken,
1356
+ "color": {
1357
+ "$extensions": {
1358
+ "nl.nldesignsystem.css.property": {}
1359
+ }
1360
+ }
1361
+ },
1362
+ "invalid": {
1363
+ "border-color": DesignToken,
1364
+ "border-width": {
1365
+ "$extensions": {
1366
+ "nl.nldesignsystem.css.property": {},
1367
+ "nl.nldesignsystem.fallback": {}
1368
+ }
1369
+ },
1370
+ "background-color": {
1371
+ "$extensions": {
1372
+ "nl.nldesignsystem.css.property": {}
1373
+ }
1374
+ },
1375
+ "color": {
1376
+ "$extensions": {
1377
+ "nl.nldesignsystem.css.property": {}
1378
+ }
1379
+ }
1380
+ },
1381
+ "margin-block-start": DesignToken
1382
+ },
1383
+ "code-block": {
1384
+ "background-color": DesignToken,
1385
+ "color": DesignToken,
1386
+ "font-family": {
1387
+ "$extensions": {
1388
+ "nl.nldesignsystem.css.property": {}
1389
+ }
1390
+ },
1391
+ "font-size": DesignToken,
1392
+ "line-height": DesignToken,
1393
+ "margin-block-start": DesignToken,
1394
+ "margin-block-end": DesignToken,
1395
+ "margin-inline-start": {
1396
+ "$extensions": {
1397
+ "nl.nldesignsystem.css.property": {}
1398
+ }
1399
+ },
1400
+ "margin-inline-end": {
1401
+ "$extensions": {
1402
+ "nl.nldesignsystem.css.property": {}
1403
+ }
1404
+ },
1405
+ "padding-block-start": DesignToken,
1406
+ "padding-block-end": DesignToken,
1407
+ "padding-inline-start": DesignToken,
1408
+ "padding-inline-end": DesignToken
1409
+ },
1410
+ "code": {
1411
+ "background-color": {
1412
+ "$extensions": {
1413
+ "nl.nldesignsystem.css.property": {}
1414
+ }
1415
+ },
1416
+ "color": {
1417
+ "$extensions": {
1418
+ "nl.nldesignsystem.css.property": {}
1419
+ }
1420
+ },
1421
+ "font-family": {
1422
+ "$extensions": {
1423
+ "nl.nldesignsystem.css.property": {}
1424
+ }
1425
+ },
1426
+ "font-size": {
1427
+ "$extensions": {
1428
+ "nl.nldesignsystem.css.property": {}
1429
+ }
1430
+ },
1431
+ "line-height": {
1432
+ "$extensions": {
1433
+ "nl.nldesignsystem.css.property": {
1434
+ "syntax": {}
1435
+ }
1436
+ }
1437
+ }
1438
+ },
1439
+ "color-sample": {
1440
+ "background-color": {
1441
+ "$extensions": {
1442
+ "nl.nldesignsystem.css.property": {}
1443
+ }
1444
+ },
1445
+ "border-width": {
1446
+ "$extensions": {
1447
+ "nl.nldesignsystem.css.property": {}
1448
+ }
1449
+ },
1450
+ "border-color": {
1451
+ "$extensions": {
1452
+ "nl.nldesignsystem.css.property": {}
1453
+ }
1454
+ },
1455
+ "border-radius": {
1456
+ "$extensions": {
1457
+ "nl.nldesignsystem.css.property": {}
1458
+ }
1459
+ },
1460
+ "block-size": {
1461
+ "$extensions": {
1462
+ "nl.nldesignsystem.css.property": {}
1463
+ }
1464
+ },
1465
+ "inline-size": {
1466
+ "$extensions": {
1467
+ "nl.nldesignsystem.css.property": {}
1468
+ }
1469
+ },
1470
+ "dark": {
1471
+ "border-color": {
1472
+ "$extensions": {
1473
+ "nl.nldesignsystem.css.property": {}
1474
+ }
1475
+ }
1476
+ },
1477
+ "light": {
1478
+ "border-color": {
1479
+ "$extensions": {
1480
+ "nl.nldesignsystem.css.property": {}
1481
+ }
1482
+ }
1483
+ }
1484
+ },
1485
+ "column-layout": {
1486
+ "column-rule-color": DesignToken,
1487
+ "column-rule-width": DesignToken,
1488
+ "column-width": DesignToken,
1489
+ "gap": DesignToken,
1490
+ "print": {
1491
+ "column-count": {
1492
+ "$extensions": {
1493
+ "nl.nldesignsystem.css.property": {}
1494
+ }
1495
+ },
1496
+ "column-width": {
1497
+ "$extensions": {
1498
+ "nl.nldesignsystem.css.property": {}
1499
+ }
1500
+ }
1501
+ }
1502
+ },
1503
+ "action": {
1504
+ "activate": {
1505
+ "cursor": DesignToken
1506
+ },
1507
+ "busy": {
1508
+ "cursor": DesignToken
1509
+ },
1510
+ "disabled": {
1511
+ "cursor": DesignToken
1512
+ },
1513
+ "inert": {
1514
+ "cursor": DesignToken
1515
+ },
1516
+ "navigate": {
1517
+ "cursor": DesignToken
1518
+ },
1519
+ "submit": {
1520
+ "cursor": DesignToken
1521
+ }
1522
+ },
1523
+ "feedback": {
1524
+ "danger": {
1525
+ "background-color": DesignToken,
1526
+ "border-color": DesignToken,
1527
+ "color": DesignToken,
1528
+ "fill": {
1529
+ "background-color": DesignToken,
1530
+ "color": DesignToken
1531
+ }
1532
+ },
1533
+ "warning": {
1534
+ "background-color": DesignToken,
1535
+ "border-color": DesignToken,
1536
+ "color": DesignToken,
1537
+ "fill": {
1538
+ "background-color": DesignToken,
1539
+ "color": DesignToken
1540
+ }
1541
+ },
1542
+ "safe": {
1543
+ "background-color": DesignToken,
1544
+ "border-color": DesignToken,
1545
+ "color": DesignToken,
1546
+ "fill": {
1547
+ "background-color": DesignToken,
1548
+ "color": DesignToken
1549
+ }
1550
+ },
1551
+ "invalid": {
1552
+ "background-color": DesignToken,
1553
+ "border-color": DesignToken,
1554
+ "color": DesignToken,
1555
+ "fill": {
1556
+ "background-color": DesignToken,
1557
+ "color": DesignToken
1558
+ }
1559
+ },
1560
+ "valid": {
1561
+ "background-color": DesignToken,
1562
+ "border-color": DesignToken,
1563
+ "color": DesignToken,
1564
+ "fill": {
1565
+ "background-color": DesignToken,
1566
+ "color": DesignToken
1567
+ }
1568
+ },
1569
+ "error": {
1570
+ "background-color": DesignToken,
1571
+ "border-color": DesignToken,
1572
+ "color": DesignToken,
1573
+ "fill": {
1574
+ "background-color": DesignToken,
1575
+ "color": DesignToken
1576
+ }
1577
+ },
1578
+ "success": {
1579
+ "background-color": DesignToken,
1580
+ "border-color": DesignToken,
1581
+ "color": DesignToken,
1582
+ "fill": {
1583
+ "background-color": DesignToken,
1584
+ "color": DesignToken
1585
+ }
1586
+ },
1587
+ "inactive": {
1588
+ "background-color": DesignToken,
1589
+ "border-color": DesignToken,
1590
+ "color": DesignToken,
1591
+ "fill": {
1592
+ "background-color": DesignToken,
1593
+ "color": DesignToken
1594
+ }
1595
+ },
1596
+ "active": {
1597
+ "background-color": DesignToken,
1598
+ "border-color": DesignToken,
1599
+ "color": DesignToken,
1600
+ "fill": {
1601
+ "background-color": DesignToken,
1602
+ "color": DesignToken
1603
+ }
1604
+ }
1605
+ },
1606
+ "motion": {
1607
+ "max-animation-duration": {
1608
+ "$extensions": {
1609
+ "nl.nldesignsystem.css.property": {}
1610
+ }
1611
+ }
1612
+ },
1613
+ "pointer-target": {
1614
+ "min-size": DesignToken
1615
+ },
1616
+ "space": {
1617
+ "block": {
1618
+ "3xs": DesignToken,
1619
+ "2xs": DesignToken,
1620
+ "xs": DesignToken,
1621
+ "sm": DesignToken,
1622
+ "md": DesignToken,
1623
+ "lg": DesignToken,
1624
+ "xl": DesignToken,
1625
+ "2xl": DesignToken,
1626
+ "3xl": DesignToken,
1627
+ "4xl": DesignToken,
1628
+ "4xs": DesignToken
1629
+ },
1630
+ "inline": {
1631
+ "3xs": DesignToken,
1632
+ "2xs": DesignToken,
1633
+ "xs": DesignToken,
1634
+ "sm": DesignToken,
1635
+ "md": DesignToken,
1636
+ "lg": DesignToken,
1637
+ "xl": DesignToken,
1638
+ "2xl": DesignToken,
1639
+ "3xl": DesignToken,
1640
+ "4xl": DesignToken
1641
+ },
1642
+ "text": {
1643
+ "3xs": DesignToken,
1644
+ "2xs": DesignToken,
1645
+ "xs": DesignToken,
1646
+ "sm": DesignToken,
1647
+ "md": DesignToken,
1648
+ "lg": DesignToken,
1649
+ "xl": DesignToken,
1650
+ "2xl": DesignToken,
1651
+ "3xl": DesignToken
1652
+ },
1653
+ "row": {
1654
+ "4xs": DesignToken,
1655
+ "3xs": DesignToken,
1656
+ "2xs": DesignToken,
1657
+ "xs": DesignToken,
1658
+ "sm": DesignToken,
1659
+ "md": DesignToken,
1660
+ "lg": DesignToken,
1661
+ "xl": DesignToken,
1662
+ "2xl": DesignToken,
1663
+ "3xl": DesignToken,
1664
+ "4xl": DesignToken,
1665
+ "5xl": DesignToken
1666
+ },
1667
+ "column": {
1668
+ "4xs": DesignToken,
1669
+ "3xs": DesignToken,
1670
+ "2xs": DesignToken,
1671
+ "xs": DesignToken,
1672
+ "sm": DesignToken,
1673
+ "md": DesignToken,
1674
+ "lg": DesignToken,
1675
+ "xl": DesignToken,
1676
+ "2xl": DesignToken,
1677
+ "3xl": DesignToken,
1678
+ "4xl": DesignToken,
1679
+ "5xl": DesignToken
1680
+ }
1681
+ },
1682
+ "currency-data": {},
1683
+ "data-list": {
1684
+ "margin-block-end": DesignToken,
1685
+ "margin-block-start": DesignToken,
1686
+ "item-key": {
1687
+ "color": {
1688
+ "$extensions": {
1689
+ "nl.nldesignsystem.css.property": {}
1690
+ }
1691
+ },
1692
+ "font-size": {
1693
+ "$extensions": {
1694
+ "nl.nldesignsystem.css.property": {}
1695
+ }
1696
+ },
1697
+ "font-weight": DesignToken,
1698
+ "line-height": {
1699
+ "$extensions": {
1700
+ "nl.nldesignsystem.css.property": {
1701
+ "syntax": {}
1702
+ }
1703
+ }
1704
+ }
1705
+ },
1706
+ "item-value": {
1707
+ "color": {
1708
+ "$extensions": {
1709
+ "nl.nldesignsystem.css.property": {}
1710
+ }
1711
+ },
1712
+ "font-size": {
1713
+ "$extensions": {
1714
+ "nl.nldesignsystem.css.property": {}
1715
+ }
1716
+ },
1717
+ "font-weight": {
1718
+ "$extensions": {
1719
+ "nl.nldesignsystem.css.property": {}
1720
+ }
1721
+ },
1722
+ "line-height": {
1723
+ "$extensions": {
1724
+ "nl.nldesignsystem.css.property": {
1725
+ "syntax": {}
1726
+ }
1727
+ }
1728
+ }
1729
+ },
1730
+ "rows": {
1731
+ "border-bottom-color": {
1732
+ "$extensions": {
1733
+ "nl.nldesignsystem.css.property": {}
1734
+ }
1735
+ },
1736
+ "border-bottom-width": {
1737
+ "$extensions": {
1738
+ "nl.nldesignsystem.css.property": {}
1739
+ }
1740
+ },
1741
+ "gap": {
1742
+ "$extensions": {
1743
+ "nl.nldesignsystem.css.property": {}
1744
+ }
1745
+ },
1746
+ "column": {
1747
+ "min-inline-size": DesignToken,
1748
+ "inline-size": DesignToken
1749
+ },
1750
+ "item": {
1751
+ "margin-block-start": DesignToken,
1752
+ "padding-block-end": {
1753
+ "$extensions": {
1754
+ "nl.nldesignsystem.css.property": {}
1755
+ }
1756
+ },
1757
+ "padding-block-start": {
1758
+ "$extensions": {
1759
+ "nl.nldesignsystem.css.property": {}
1760
+ }
1761
+ },
1762
+ "padding-inline-start": {}
1763
+ },
1764
+ "item-value": {
1765
+ "margin-block-start": DesignToken
1766
+ }
1767
+ }
1768
+ },
1769
+ "data-placeholder": {
1770
+ "background-color": DesignToken,
1771
+ "max-inline-size": {
1772
+ "$extensions": {
1773
+ "nl.nldesignsystem.css.property": {}
1774
+ }
1775
+ },
1776
+ "min-inline-size": {
1777
+ "$extensions": {
1778
+ "nl.nldesignsystem.css.property": {}
1779
+ }
1780
+ },
1781
+ "high-contrast": {
1782
+ "background-color": {
1783
+ "$extensions": {
1784
+ "nl.nldesignsystem.css.property": {}
1785
+ }
1786
+ }
1787
+ }
1788
+ },
1789
+ "digid-button": {
1790
+ "block-size": {
1791
+ "$extensions": {
1792
+ "nl.nldesignsystem.css.property": {}
1793
+ }
1794
+ }
1795
+ },
1796
+ "document": {
1797
+ "background-color": DesignToken,
1798
+ "color": DesignToken,
1799
+ "font-family": DesignToken,
1800
+ "font-size": DesignToken,
1801
+ "font-weight": {
1802
+ "$extensions": {
1803
+ "nl.nldesignsystem.css.property": {}
1804
+ }
1805
+ },
1806
+ "line-height": DesignToken
1807
+ },
1808
+ "drawer": {
1809
+ "background-color": DesignToken,
1810
+ "border-color": DesignToken,
1811
+ "border-radius": {
1812
+ "$extensions": {
1813
+ "nl.nldesignsystem.css.property": {}
1814
+ }
1815
+ },
1816
+ "border-width": DesignToken,
1817
+ "color": DesignToken,
1818
+ "max-block-size": DesignToken,
1819
+ "min-block-size": {
1820
+ "$extensions": {
1821
+ "nl.nldesignsystem.css.property": {}
1822
+ }
1823
+ },
1824
+ "max-inline-size": DesignToken,
1825
+ "min-inline-size": {
1826
+ "$extensions": {
1827
+ "nl.nldesignsystem.css.property": {}
1828
+ }
1829
+ },
1830
+ "padding-block-end": DesignToken,
1831
+ "padding-block-start": DesignToken,
1832
+ "padding-inline-start": DesignToken,
1833
+ "padding-inline-end": DesignToken,
1834
+ "z-index": {
1835
+ "$extensions": {
1836
+ "nl.nldesignsystem.css.property": {}
1837
+ }
1838
+ },
1839
+ "backdrop": {
1840
+ "min-size": {
1841
+ "$extensions": {
1842
+ "nl.nldesignsystem.css.property": {}
1843
+ }
1844
+ }
1845
+ }
1846
+ },
1847
+ "emphasis": {
1848
+ "stressed": {
1849
+ "font-style": {
1850
+ "$extensions": {
1851
+ "nl.nldesignsystem.css.property": {
1852
+ "syntax": {}
1853
+ }
1854
+ }
1855
+ }
1856
+ },
1857
+ "strong": {
1858
+ "font-weight": DesignToken
1859
+ }
1860
+ },
1861
+ "figure": {
1862
+ "margin-block-end": {
1863
+ "$extensions": {
1864
+ "nl.nldesignsystem.css.property": {}
1865
+ }
1866
+ },
1867
+ "margin-block-start": {
1868
+ "$extensions": {
1869
+ "nl.nldesignsystem.css.property": {}
1870
+ }
1871
+ },
1872
+ "caption": {
1873
+ "color": DesignToken,
1874
+ "font-size": DesignToken,
1875
+ "line-height": DesignToken
1876
+ }
1877
+ },
1878
+ "flex-wrap-fallback": {},
1879
+ "focus": {
1880
+ "background-color": DesignToken,
1881
+ "color": {
1882
+ "$extensions": {
1883
+ "nl.nldesignsystem.css.property": {}
1884
+ }
1885
+ },
1886
+ "outline-color": DesignToken,
1887
+ "outline-offset": {
1888
+ "$extensions": {
1889
+ "nl.nldesignsystem.css.property": {}
1890
+ }
1891
+ },
1892
+ "outline-style": DesignToken,
1893
+ "outline-width": DesignToken,
1894
+ "inverse": {
1895
+ "outline-color": DesignToken
1896
+ }
1897
+ },
1898
+ "form-control": {
1899
+ "background-color": DesignToken,
1900
+ "border-color": DesignToken,
1901
+ "border-radius": DesignToken,
1902
+ "border-width": DesignToken,
1903
+ "color": DesignToken,
1904
+ "font-family": DesignToken,
1905
+ "font-size": DesignToken,
1906
+ "font-style": {
1907
+ "$extensions": {
1908
+ "nl.nldesignsystem.css.property": {
1909
+ "syntax": {}
1910
+ }
1911
+ }
1912
+ },
1913
+ "font-weight": {
1914
+ "$extensions": {
1915
+ "nl.nldesignsystem.css.property": {}
1916
+ }
1917
+ },
1918
+ "line-height": {
1919
+ "$extensions": {
1920
+ "nl.nldesignsystem.css.property": {}
1921
+ }
1922
+ },
1923
+ "max-inline-size": DesignToken,
1924
+ "padding-block-end": DesignToken,
1925
+ "padding-block-start": DesignToken,
1926
+ "padding-inline-end": DesignToken,
1927
+ "padding-inline-start": DesignToken,
1928
+ "placeholder": {
1929
+ "color": DesignToken,
1930
+ "font-style": DesignToken
1931
+ },
1932
+ "disabled": {
1933
+ "background-color": {
1934
+ "$extensions": {
1935
+ "nl.nldesignsystem.css.property": {}
1936
+ }
1937
+ },
1938
+ "border-color": {
1939
+ "$extensions": {
1940
+ "nl.nldesignsystem.css.property": {}
1941
+ }
1942
+ },
1943
+ "color": {
1944
+ "$extensions": {
1945
+ "nl.nldesignsystem.css.property": {}
1946
+ }
1947
+ }
1948
+ },
1949
+ "focus": {
1950
+ "background-color": {
1951
+ "$extensions": {
1952
+ "nl.nldesignsystem.css.property": {}
1953
+ }
1954
+ },
1955
+ "border-color": DesignToken,
1956
+ "border-width": {
1957
+ "$extensions": {
1958
+ "nl.nldesignsystem.css.property": {}
1959
+ }
1960
+ },
1961
+ "color": {
1962
+ "$extensions": {
1963
+ "nl.nldesignsystem.css.property": {}
1964
+ }
1965
+ }
1966
+ },
1967
+ "invalid": {
1968
+ "background-color": {
1969
+ "$extensions": {
1970
+ "nl.nldesignsystem.css.property": {}
1971
+ }
1972
+ },
1973
+ "border-color": DesignToken,
1974
+ "border-width": {
1975
+ "$extensions": {
1976
+ "nl.nldesignsystem.css.property": {}
1977
+ }
1978
+ },
1979
+ "color": {
1980
+ "$extensions": {
1981
+ "nl.nldesignsystem.css.property": {}
1982
+ }
1983
+ }
1984
+ },
1985
+ "read-only": {
1986
+ "background-color": DesignToken,
1987
+ "border-color": DesignToken,
1988
+ "color": DesignToken
1989
+ },
1990
+ "block-size": DesignToken
1991
+ },
1992
+ "form-field-description": {
1993
+ "color": {
1994
+ "$extensions": {
1995
+ "nl.nldesignsystem.css.property": {}
1996
+ }
1997
+ },
1998
+ "font-family": {
1999
+ "$extensions": {
2000
+ "nl.nldesignsystem.css.property": {}
2001
+ }
2002
+ },
2003
+ "font-size": {
2004
+ "$extensions": {
2005
+ "nl.nldesignsystem.css.property": {}
2006
+ }
2007
+ },
2008
+ "font-style": {
2009
+ "$extensions": {
2010
+ "nl.nldesignsystem.css.property": {
2011
+ "syntax": {}
2012
+ }
2013
+ }
2014
+ },
2015
+ "line-height": {
2016
+ "$extensions": {
2017
+ "nl.nldesignsystem.css.property": {}
2018
+ }
2019
+ },
2020
+ "margin-block-start": {
2021
+ "$extensions": {
2022
+ "nl.nldesignsystem.css.property": {}
2023
+ }
2024
+ },
2025
+ "margin-block-end": {
2026
+ "$extensions": {
2027
+ "nl.nldesignsystem.css.property": {}
2028
+ }
2029
+ },
2030
+ "invalid": {
2031
+ "font-weight": {
2032
+ "$extensions": {
2033
+ "nl.nldesignsystem.css.property": {}
2034
+ }
2035
+ },
2036
+ "color": DesignToken
2037
+ },
2038
+ "valid": {
2039
+ "color": DesignToken
2040
+ },
2041
+ "warning": {
2042
+ "color": DesignToken
2043
+ }
2044
+ },
2045
+ "form-field-error-message": {
2046
+ "background-color": {
2047
+ "$extensions": {
2048
+ "nl.nldesignsystem.css.property": {}
2049
+ }
2050
+ },
2051
+ "color": DesignToken,
2052
+ "font-family": {
2053
+ "$extensions": {
2054
+ "nl.nldesignsystem.css.property": {}
2055
+ }
2056
+ },
2057
+ "font-size": {
2058
+ "$extensions": {
2059
+ "nl.nldesignsystem.css.property": {}
2060
+ }
2061
+ },
2062
+ "font-style": {
2063
+ "$extensions": {
2064
+ "nl.nldesignsystem.css.property": {
2065
+ "syntax": {}
2066
+ }
2067
+ }
2068
+ },
2069
+ "font-weight": {
2070
+ "$extensions": {
2071
+ "nl.nldesignsystem.css.property": {}
2072
+ }
2073
+ },
2074
+ "line-height": {
2075
+ "$extensions": {
2076
+ "nl.nldesignsystem.css.property": {}
2077
+ }
2078
+ },
2079
+ "margin-block-start": {
2080
+ "$extensions": {
2081
+ "nl.nldesignsystem.css.property": {}
2082
+ }
2083
+ },
2084
+ "margin-block-end": {
2085
+ "$extensions": {
2086
+ "nl.nldesignsystem.css.property": {}
2087
+ }
2088
+ },
2089
+ "padding-block-start": {
2090
+ "$extensions": {
2091
+ "nl.nldesignsystem.css.property": {}
2092
+ }
2093
+ },
2094
+ "padding-block-end": {
2095
+ "$extensions": {
2096
+ "nl.nldesignsystem.css.property": {}
2097
+ }
2098
+ },
2099
+ "padding-inline-start": {
2100
+ "$extensions": {
2101
+ "nl.nldesignsystem.css.property": {}
2102
+ }
2103
+ },
2104
+ "padding-inline-end": {
2105
+ "$extensions": {
2106
+ "nl.nldesignsystem.css.property": {}
2107
+ }
2108
+ }
2109
+ },
2110
+ "form-field": {
2111
+ "margin-block-start": DesignToken,
2112
+ "margin-block-end": DesignToken,
2113
+ "invalid": {
2114
+ "border-inline-start-color": DesignToken,
2115
+ "border-inline-start-width": DesignToken,
2116
+ "padding-inline-start": DesignToken
2117
+ },
2118
+ "label": {
2119
+ "margin-block-end": DesignToken
2120
+ },
2121
+ "description": {
2122
+ "margin-block-start": DesignToken,
2123
+ "margin-block-end": DesignToken
2124
+ }
2125
+ },
2126
+ "form-fieldset": {
2127
+ "margin-block-end": DesignToken,
2128
+ "margin-block-start": DesignToken,
2129
+ "invalid": {
2130
+ "border-inline-start-color": {
2131
+ "color": {
2132
+ "$extensions": {
2133
+ "nl.nldesignsystem.css.property": {}
2134
+ }
2135
+ }
2136
+ },
2137
+ "border-inline-start-width": {
2138
+ "$extensions": {
2139
+ "nl.nldesignsystem.css.property": {}
2140
+ }
2141
+ },
2142
+ "padding-inline-start": {
2143
+ "$extensions": {
2144
+ "nl.nldesignsystem.css.property": {}
2145
+ }
2146
+ }
2147
+ },
2148
+ "section": {
2149
+ "background-color": DesignToken,
2150
+ "color": DesignToken
2151
+ },
2152
+ "legend": {
2153
+ "color": {
2154
+ "$extensions": {
2155
+ "nl.nldesignsystem.css.property": {}
2156
+ }
2157
+ },
2158
+ "font-family": {
2159
+ "$extensions": {
2160
+ "nl.nldesignsystem.css.property": {}
2161
+ }
2162
+ },
2163
+ "font-size": DesignToken,
2164
+ "font-weight": DesignToken,
2165
+ "line-height": DesignToken,
2166
+ "margin-block-end": DesignToken,
2167
+ "margin-block-start": DesignToken,
2168
+ "disabled": {
2169
+ "color": DesignToken
2170
+ }
2171
+ }
2172
+ },
2173
+ "form-label": {
2174
+ "color": {
2175
+ "$extensions": {
2176
+ "nl.nldesignsystem.css.property": {}
2177
+ }
2178
+ },
2179
+ "font-weight": DesignToken,
2180
+ "font-size": DesignToken,
2181
+ "checkbox": {
2182
+ "color": {
2183
+ "$extensions": {
2184
+ "nl.nldesignsystem.css.property": {}
2185
+ }
2186
+ },
2187
+ "font-weight": DesignToken
2188
+ },
2189
+ "checked": {
2190
+ "font-weight": {
2191
+ "$extensions": {
2192
+ "nl.nldesignsystem.css.property": {},
2193
+ "nl.nldesignsystem.fallback": {}
2194
+ }
2195
+ }
2196
+ },
2197
+ "disabled": {
2198
+ "color": {
2199
+ "$extensions": {
2200
+ "nl.nldesignsystem.css.property": {},
2201
+ "nl.nldesignsystem.fallback": {}
2202
+ }
2203
+ }
2204
+ },
2205
+ "radio": {
2206
+ "color": {
2207
+ "$extensions": {
2208
+ "nl.nldesignsystem.css.property": {},
2209
+ "nl.nldesignsystem.fallback": {}
2210
+ }
2211
+ },
2212
+ "font-weight": DesignToken
2213
+ }
2214
+ },
2215
+ "form-toggle": {
2216
+ "accent-color": DesignToken,
2217
+ "background-color": DesignToken,
2218
+ "border-color": DesignToken,
2219
+ "border-style": DesignToken,
2220
+ "border-radius": DesignToken,
2221
+ "border-width": DesignToken,
2222
+ "color": DesignToken,
2223
+ "height": DesignToken,
2224
+ "padding-inline-end": DesignToken,
2225
+ "padding-inline-start": DesignToken,
2226
+ "padding-block-end": DesignToken,
2227
+ "padding-block-start": DesignToken,
2228
+ "width": DesignToken,
2229
+ "track": {
2230
+ "border-color": {
2231
+ "$extensions": {
2232
+ "nl.nldesignsystem.css.property": {}
2233
+ }
2234
+ },
2235
+ "border-radius": DesignToken,
2236
+ "disabled": {
2237
+ "background-color": DesignToken,
2238
+ "border-color": {
2239
+ "$extensions": {
2240
+ "nl.nldesignsystem.css.property": {}
2241
+ }
2242
+ }
2243
+ }
2244
+ },
2245
+ "thumb": {
2246
+ "background-color": DesignToken,
2247
+ "border-radius": {
2248
+ "$extensions": {
2249
+ "nl.nldesignsystem.css.property": {}
2250
+ }
2251
+ },
2252
+ "box-shadow": {
2253
+ "$extensions": {
2254
+ "nl.nldesignsystem.css.property": {}
2255
+ }
2256
+ },
2257
+ "margin-inline-start": DesignToken,
2258
+ "margin-inline-end": DesignToken,
2259
+ "min-inline-size": DesignToken,
2260
+ "disabled": {
2261
+ "box-shadow": DesignToken,
2262
+ "background-color": DesignToken
2263
+ }
2264
+ },
2265
+ "checked": {
2266
+ "accent-color": DesignToken
2267
+ },
2268
+ "disabled": {
2269
+ "border-color": {
2270
+ "$extensions": {
2271
+ "nl.nldesignsystem.css.property": {}
2272
+ }
2273
+ },
2274
+ "border-style": {
2275
+ "$extensions": {
2276
+ "nl.nldesignsystem.css.property": {}
2277
+ }
2278
+ },
2279
+ "border-width": {
2280
+ "$extensions": {
2281
+ "nl.nldesignsystem.css.property": {}
2282
+ }
2283
+ },
2284
+ "color": {
2285
+ "$extensions": {
2286
+ "nl.nldesignsystem.css.property": {}
2287
+ }
2288
+ }
2289
+ },
2290
+ "focus": {
2291
+ "border-color": DesignToken,
2292
+ "border-style": DesignToken,
2293
+ "border-width": DesignToken
2294
+ },
2295
+ "hover": {
2296
+ "background-color": {
2297
+ "$extensions": {
2298
+ "nl.nldesignsystem.css.property": {}
2299
+ }
2300
+ },
2301
+ "color": {
2302
+ "$extensions": {
2303
+ "nl.nldesignsystem.css.property": {}
2304
+ }
2305
+ }
2306
+ }
2307
+ },
2308
+ "form": {
2309
+ "max-inline-size": {
2310
+ "$extensions": {
2311
+ "nl.nldesignsystem.css.property": {}
2312
+ }
2313
+ }
2314
+ },
2315
+ "heading-1": {
2316
+ "color": {
2317
+ "$extensions": {
2318
+ "nl.nldesignsystem.css.property": {},
2319
+ "nl.nldesignsystem.fallback": {}
2320
+ }
2321
+ },
2322
+ "font-family": DesignToken,
2323
+ "font-size": DesignToken,
2324
+ "font-weight": DesignToken,
2325
+ "line-height": DesignToken,
2326
+ "margin-block-end": DesignToken,
2327
+ "margin-block-start": DesignToken,
2328
+ "text-transform": {}
2329
+ },
2330
+ "heading-2": {
2331
+ "color": {
2332
+ "$extensions": {
2333
+ "nl.nldesignsystem.css.property": {},
2334
+ "nl.nldesignsystem.fallback": {}
2335
+ }
2336
+ },
2337
+ "font-family": DesignToken,
2338
+ "font-size": DesignToken,
2339
+ "font-weight": DesignToken,
2340
+ "line-height": DesignToken,
2341
+ "margin-block-end": DesignToken,
2342
+ "margin-block-start": DesignToken,
2343
+ "text-transform": {}
2344
+ },
2345
+ "heading-3": {
2346
+ "color": {
2347
+ "$extensions": {
2348
+ "nl.nldesignsystem.css.property": {},
2349
+ "nl.nldesignsystem.fallback": {}
2350
+ }
2351
+ },
2352
+ "font-family": DesignToken,
2353
+ "font-size": DesignToken,
2354
+ "font-weight": DesignToken,
2355
+ "line-height": DesignToken,
2356
+ "margin-block-end": DesignToken,
2357
+ "margin-block-start": DesignToken,
2358
+ "text-transform": {}
2359
+ },
2360
+ "heading-4": {
2361
+ "color": {
2362
+ "$extensions": {
2363
+ "nl.nldesignsystem.css.property": {},
2364
+ "nl.nldesignsystem.fallback": {}
2365
+ }
2366
+ },
2367
+ "font-family": DesignToken,
2368
+ "font-size": DesignToken,
2369
+ "font-weight": DesignToken,
2370
+ "line-height": DesignToken,
2371
+ "margin-block-end": DesignToken,
2372
+ "margin-block-start": DesignToken,
2373
+ "text-transform": {}
2374
+ },
2375
+ "heading-5": {
2376
+ "color": {
2377
+ "$extensions": {
2378
+ "nl.nldesignsystem.css.property": {},
2379
+ "nl.nldesignsystem.fallback": {}
2380
+ }
2381
+ },
2382
+ "font-family": DesignToken,
2383
+ "font-size": DesignToken,
2384
+ "font-weight": DesignToken,
2385
+ "line-height": DesignToken,
2386
+ "margin-block-end": DesignToken,
2387
+ "margin-block-start": DesignToken
2388
+ },
2389
+ "heading-6": {
2390
+ "color": {
2391
+ "$extensions": {
2392
+ "nl.nldesignsystem.css.property": {},
2393
+ "nl.nldesignsystem.fallback": {}
2394
+ }
2395
+ },
2396
+ "font-family": DesignToken,
2397
+ "font-size": DesignToken,
2398
+ "font-weight": DesignToken,
2399
+ "line-height": DesignToken,
2400
+ "margin-block-end": {
2401
+ "$extensions": {
2402
+ "nl.nldesignsystem.css.property": {}
2403
+ }
2404
+ },
2405
+ "margin-block-start": {
2406
+ "$extensions": {
2407
+ "nl.nldesignsystem.css.property": {}
2408
+ }
2409
+ }
2410
+ },
2411
+ "heading-group": {
2412
+ "margin-block-end": {
2413
+ "$extensions": {
2414
+ "nl.nldesignsystem.css.property": {}
2415
+ }
2416
+ },
2417
+ "margin-block-start": {
2418
+ "$extensions": {
2419
+ "nl.nldesignsystem.css.property": {}
2420
+ }
2421
+ }
2422
+ },
2423
+ "heading": {
2424
+ "color": {
2425
+ "$extensions": {
2426
+ "nl.nldesignsystem.css.property": {}
2427
+ }
2428
+ },
2429
+ "font-family": {
2430
+ "$extensions": {
2431
+ "nl.nldesignsystem.css.property": {}
2432
+ }
2433
+ },
2434
+ "font-weight": DesignToken
2435
+ },
2436
+ "iban-data": {},
2437
+ "icon": {
2438
+ "color": {
2439
+ "$extensions": {
2440
+ "nl.nldesignsystem.css.property": {}
2441
+ }
2442
+ },
2443
+ "size": DesignToken,
2444
+ "inset-block-start": {
2445
+ "$extensions": {
2446
+ "nl.nldesignsystem.css.property": {}
2447
+ }
2448
+ },
2449
+ "baseline": {
2450
+ "inset-block-start": DesignToken
2451
+ }
2452
+ },
2453
+ "image": {},
2454
+ "index-char-nav": {
2455
+ "margin-block-start": DesignToken,
2456
+ "margin-block-end": DesignToken,
2457
+ "gap": DesignToken,
2458
+ "link": {
2459
+ "current": {
2460
+ "font-weight": DesignToken
2461
+ }
2462
+ }
2463
+ },
2464
+ "link-button": {},
2465
+ "link-list": {
2466
+ "margin-block-start": {
2467
+ "$extensions": {
2468
+ "nl.nldesignsystem.css.property": {}
2469
+ }
2470
+ },
2471
+ "margin-block-end": {
2472
+ "$extensions": {
2473
+ "nl.nldesignsystem.css.property": {}
2474
+ }
2475
+ },
2476
+ "row-gap": DesignToken,
2477
+ "link": {
2478
+ "column-gap": DesignToken,
2479
+ "font-weight": DesignToken,
2480
+ "text-decoration": DesignToken
2481
+ },
2482
+ "icon": {
2483
+ "size": DesignToken,
2484
+ "inset-block-start": {
2485
+ "$extensions": {
2486
+ "nl.nldesignsystem.css.property": {}
2487
+ }
2488
+ }
2489
+ }
2490
+ },
2491
+ "link-social": {
2492
+ "background-color": DesignToken,
2493
+ "border-color": DesignToken,
2494
+ "border-width": DesignToken,
2495
+ "color": DesignToken,
2496
+ "margin-inline-start": DesignToken,
2497
+ "size": DesignToken,
2498
+ "icon": {
2499
+ "size": DesignToken
2500
+ },
2501
+ "hover": {
2502
+ "background-color": {
2503
+ "$extensions": {
2504
+ "nl.nldesignsystem.css.property": {}
2505
+ }
2506
+ },
2507
+ "color": {
2508
+ "$extensions": {
2509
+ "nl.nldesignsystem.css.property": {}
2510
+ }
2511
+ },
2512
+ "scale": {
2513
+ "$extensions": {
2514
+ "nl.nldesignsystem.css.property": {}
2515
+ }
2516
+ },
2517
+ "transform-scale": DesignToken
2518
+ }
2519
+ },
2520
+ "link": {
2521
+ "color": DesignToken,
2522
+ "text-decoration": DesignToken,
2523
+ "text-decoration-color": {
2524
+ "$extensions": {
2525
+ "nl.nldesignsystem.css.property": {}
2526
+ }
2527
+ },
2528
+ "text-decoration-thickness": {
2529
+ "$extensions": {
2530
+ "nl.nldesignsystem.css.property": {}
2531
+ }
2532
+ },
2533
+ "text-underline-offset": DesignToken,
2534
+ "active": {
2535
+ "color": DesignToken
2536
+ },
2537
+ "focus": {
2538
+ "color": DesignToken,
2539
+ "background-color": {
2540
+ "$extensions": {
2541
+ "nl.nldesignsystem.css.property": {}
2542
+ }
2543
+ },
2544
+ "text-decoration": {
2545
+ "$extensions": {
2546
+ "nl.nldesignsystem.css.property": {
2547
+ "syntax": {}
2548
+ },
2549
+ "nl.nldesignsystem.fallback": {}
2550
+ }
2551
+ },
2552
+ "text-decoration-thickness": {
2553
+ "$extensions": {
2554
+ "nl.nldesignsystem.css.property": {},
2555
+ "nl.nldesignsystem.fallback": {}
2556
+ }
2557
+ }
2558
+ },
2559
+ "focus-visible": {
2560
+ "text-decoration": DesignToken,
2561
+ "text-decoration-thickness": {
2562
+ "$extensions": {
2563
+ "nl.nldesignsystem.css.property": {},
2564
+ "nl.nldesignsystem.fallback": {}
2565
+ }
2566
+ }
2567
+ },
2568
+ "hover": {
2569
+ "color": DesignToken,
2570
+ "text-decoration": DesignToken,
2571
+ "text-decoration-thickness": DesignToken
2572
+ },
2573
+ "placeholder": {
2574
+ "color": DesignToken,
2575
+ "font-weight": {
2576
+ "$extensions": {
2577
+ "nl.nldesignsystem.css.property": {}
2578
+ }
2579
+ }
2580
+ },
2581
+ "visited": {
2582
+ "color": DesignToken
2583
+ },
2584
+ "icon": {
2585
+ "size": DesignToken
2586
+ },
2587
+ "current": {
2588
+ "font-weight": {}
2589
+ }
2590
+ },
2591
+ "list-social": {
2592
+ "margin-block-start": {
2593
+ "$extensions": {
2594
+ "nl.nldesignsystem.css.property": {}
2595
+ }
2596
+ },
2597
+ "margin-block-end": {
2598
+ "$extensions": {
2599
+ "nl.nldesignsystem.css.property": {}
2600
+ }
2601
+ },
2602
+ "padding-inline-start": {
2603
+ "$extensions": {
2604
+ "nl.nldesignsystem.css.property": {}
2605
+ }
2606
+ },
2607
+ "padding-inline-end": {
2608
+ "$extensions": {
2609
+ "nl.nldesignsystem.css.property": {}
2610
+ }
2611
+ },
2612
+ "item": {
2613
+ "margin-inline-end": DesignToken
2614
+ }
2615
+ },
2616
+ "listbox": {
2617
+ "background-color": DesignToken,
2618
+ "border-color": DesignToken,
2619
+ "border-radius": {
2620
+ "$extensions": {
2621
+ "nl.nldesignsystem.css.property": {}
2622
+ }
2623
+ },
2624
+ "border-width": DesignToken,
2625
+ "color": {
2626
+ "$extensions": {
2627
+ "nl.nldesignsystem.css.property": {}
2628
+ }
2629
+ },
2630
+ "font-weight": {
2631
+ "$extensions": {
2632
+ "nl.nldesignsystem.css.property": {}
2633
+ }
2634
+ },
2635
+ "inline-size": DesignToken,
2636
+ "max-block-size": DesignToken,
2637
+ "padding-block-end": {
2638
+ "$extensions": {
2639
+ "nl.nldesignsystem.css.property": {}
2640
+ }
2641
+ },
2642
+ "padding-block-start": {
2643
+ "$extensions": {
2644
+ "nl.nldesignsystem.css.property": {}
2645
+ }
2646
+ },
2647
+ "padding-inline-end": {
2648
+ "$extensions": {
2649
+ "nl.nldesignsystem.css.property": {}
2650
+ }
2651
+ },
2652
+ "padding-inline-start": {
2653
+ "$extensions": {
2654
+ "nl.nldesignsystem.css.property": {}
2655
+ }
2656
+ },
2657
+ "group": {
2658
+ "margin-block-end": {
2659
+ "$extensions": {
2660
+ "nl.nldesignsystem.css.property": {}
2661
+ }
2662
+ }
2663
+ },
2664
+ "group-label": {
2665
+ "color": {
2666
+ "$extensions": {
2667
+ "nl.nldesignsystem.css.property": {}
2668
+ }
2669
+ },
2670
+ "font-size": {
2671
+ "$extensions": {
2672
+ "nl.nldesignsystem.css.property": {}
2673
+ }
2674
+ },
2675
+ "font-weight": {
2676
+ "$extensions": {
2677
+ "nl.nldesignsystem.css.property": {}
2678
+ }
2679
+ },
2680
+ "line-height": {
2681
+ "$extensions": {
2682
+ "nl.nldesignsystem.css.property": {}
2683
+ }
2684
+ },
2685
+ "margin-inline-start": {
2686
+ "$extensions": {
2687
+ "nl.nldesignsystem.css.property": {}
2688
+ }
2689
+ }
2690
+ },
2691
+ "option": {
2692
+ "background-color": {
2693
+ "$extensions": {
2694
+ "nl.nldesignsystem.css.property": {}
2695
+ }
2696
+ },
2697
+ "color": {
2698
+ "$extensions": {
2699
+ "nl.nldesignsystem.css.property": {}
2700
+ }
2701
+ },
2702
+ "min-block-size": DesignToken,
2703
+ "padding-block-end": DesignToken,
2704
+ "padding-block-start": DesignToken,
2705
+ "padding-inline-end": DesignToken,
2706
+ "padding-inline-start": DesignToken,
2707
+ "active": {
2708
+ "background-color": DesignToken,
2709
+ "color": DesignToken,
2710
+ "font-weight": DesignToken
2711
+ },
2712
+ "disabled": {
2713
+ "background-color": {
2714
+ "$extensions": {
2715
+ "nl.nldesignsystem.css.property": {}
2716
+ }
2717
+ },
2718
+ "color": {
2719
+ "$extensions": {
2720
+ "nl.nldesignsystem.css.property": {}
2721
+ }
2722
+ }
2723
+ },
2724
+ "hover": {
2725
+ "background-color": DesignToken,
2726
+ "color": DesignToken
2727
+ },
2728
+ "selected": {
2729
+ "background-color": DesignToken,
2730
+ "color": DesignToken,
2731
+ "disabled": {
2732
+ "background-color": {
2733
+ "$extensions": {
2734
+ "nl.nldesignsystem.css.property": {}
2735
+ }
2736
+ },
2737
+ "color": {
2738
+ "$extensions": {
2739
+ "nl.nldesignsystem.css.property": {}
2740
+ }
2741
+ }
2742
+ },
2743
+ "hover": {
2744
+ "background-color": {
2745
+ "$extensions": {
2746
+ "nl.nldesignsystem.css.property": {}
2747
+ }
2748
+ },
2749
+ "color": {
2750
+ "$extensions": {
2751
+ "nl.nldesignsystem.css.property": {}
2752
+ }
2753
+ }
2754
+ }
2755
+ },
2756
+ "icon": {
2757
+ "size": {
2758
+ "$extensions": {
2759
+ "nl.nldesignsystem.css.property": {}
2760
+ }
2761
+ }
2762
+ }
2763
+ },
2764
+ "z-index": {},
2765
+ "option-group": {
2766
+ "margin-block-end": DesignToken,
2767
+ "title": {
2768
+ "font-size": DesignToken,
2769
+ "font-weight": DesignToken,
2770
+ "line-height": {},
2771
+ "color": DesignToken,
2772
+ "margin-inline-start": DesignToken
2773
+ }
2774
+ }
2775
+ },
2776
+ "logo-button": {
2777
+ "block-size": {
2778
+ "$extensions": {
2779
+ "nl.nldesignsystem.css.property": {}
2780
+ }
2781
+ }
2782
+ },
2783
+ "logo-image": {
2784
+ "decoration-1": {
2785
+ "color": {
2786
+ "$extensions": {
2787
+ "nl.nldesignsystem.css.property": {}
2788
+ }
2789
+ }
2790
+ },
2791
+ "decoration-2": {
2792
+ "color": {
2793
+ "$extensions": {
2794
+ "nl.nldesignsystem.css.property": {}
2795
+ }
2796
+ }
2797
+ },
2798
+ "decoration-3": {
2799
+ "color": {
2800
+ "$extensions": {
2801
+ "nl.nldesignsystem.css.property": {}
2802
+ }
2803
+ }
2804
+ }
2805
+ },
2806
+ "logo": {
2807
+ "max-block-size": DesignToken,
2808
+ "max-inline-size": DesignToken,
2809
+ "min-block-size": DesignToken,
2810
+ "min-inline-size": DesignToken
2811
+ },
2812
+ "map-marker": {
2813
+ "background-color": DesignToken,
2814
+ "color": DesignToken,
2815
+ "size": DesignToken,
2816
+ "border-width": DesignToken,
2817
+ "border-color": DesignToken,
2818
+ "box-shadow-color": DesignToken,
2819
+ "icon": {
2820
+ "size": DesignToken
2821
+ }
2822
+ },
2823
+ "mapcontrolbutton": {
2824
+ "background-color": DesignToken,
2825
+ "border-color": DesignToken,
2826
+ "border-radius": DesignToken,
2827
+ "border-style": DesignToken,
2828
+ "border-width": DesignToken,
2829
+ "color": DesignToken,
2830
+ "focus-transform-scale": {
2831
+ "$extensions": {
2832
+ "nl.nldesignsystem.css.property": {}
2833
+ }
2834
+ },
2835
+ "font-size": {
2836
+ "$extensions": {
2837
+ "nl.nldesignsystem.css.property": {}
2838
+ }
2839
+ },
2840
+ "min-block-size": DesignToken,
2841
+ "min-inline-size": DesignToken,
2842
+ "disabled": {
2843
+ "background-color": DesignToken,
2844
+ "border-color": DesignToken,
2845
+ "color": DesignToken
2846
+ },
2847
+ "focus": {
2848
+ "color": DesignToken,
2849
+ "text-decoration": DesignToken,
2850
+ "background-color": {}
2851
+ },
2852
+ "hover": {
2853
+ "background-color": DesignToken,
2854
+ "color": DesignToken
2855
+ },
2856
+ "label": {
2857
+ "margin-inline-start": DesignToken,
2858
+ "margin-inline-end": DesignToken
2859
+ },
2860
+ "margin-block-end": DesignToken,
2861
+ "margin-block-start": DesignToken,
2862
+ "margin-inline-end": DesignToken,
2863
+ "margin-inline-start": DesignToken,
2864
+ "padding-block-end": DesignToken,
2865
+ "padding-block-start": DesignToken,
2866
+ "padding-inline-end": DesignToken,
2867
+ "padding-inline-start": DesignToken
2868
+ },
2869
+ "mark": {
2870
+ "background-color": DesignToken,
2871
+ "color": DesignToken
2872
+ },
2873
+ "multiline-data": {},
2874
+ "nav-bar": {
2875
+ "background-color": DesignToken,
2876
+ "color": DesignToken,
2877
+ "content": {
2878
+ "max-inline-size": DesignToken
2879
+ },
2880
+ "link": {
2881
+ "padding-block-end": DesignToken,
2882
+ "padding-block-start": DesignToken,
2883
+ "padding-inline-end": DesignToken,
2884
+ "padding-inline-start": DesignToken
2885
+ }
2886
+ },
2887
+ "nav-list": {},
2888
+ "sidenav": {
2889
+ "item": {
2890
+ "margin-block-start": DesignToken,
2891
+ "margin-block-end": DesignToken,
2892
+ "margin-inline-start": DesignToken,
2893
+ "margin-inline-end": DesignToken,
2894
+ "hover": {
2895
+ "color": DesignToken
2896
+ }
2897
+ },
2898
+ "item-marker": {
2899
+ "color": DesignToken,
2900
+ "hover": {
2901
+ "color": DesignToken
2902
+ }
2903
+ },
2904
+ "link": {
2905
+ "color": DesignToken,
2906
+ "hover": {
2907
+ "color": DesignToken
2908
+ }
2909
+ }
2910
+ },
2911
+ "topnav": {
2912
+ "list": {
2913
+ "background-color": DesignToken,
2914
+ "border-color": DesignToken
2915
+ },
2916
+ "link": {
2917
+ "color": DesignToken,
2918
+ "background-color": DesignToken,
2919
+ "focus": {
2920
+ "color": DesignToken,
2921
+ "box-shadow-color": DesignToken,
2922
+ "border-type": DesignToken,
2923
+ "text-decoration": DesignToken,
2924
+ "background-color": DesignToken,
2925
+ "outline-color": DesignToken
2926
+ },
2927
+ "hover": {
2928
+ "background-color": DesignToken
2929
+ }
2930
+ }
2931
+ },
2932
+ "number-badge": {
2933
+ "background-color": DesignToken,
2934
+ "border-color": {
2935
+ "$extensions": {
2936
+ "nl.nldesignsystem.css.property": {},
2937
+ "nl.nldesignsystem.fallback": {}
2938
+ }
2939
+ },
2940
+ "border-radius": DesignToken,
2941
+ "border-width": {
2942
+ "$extensions": {
2943
+ "nl.nldesignsystem.css.property": {},
2944
+ "nl.nldesignsystem.fallback": {}
2945
+ }
2946
+ },
2947
+ "color": DesignToken,
2948
+ "font-family": {
2949
+ "$extensions": {
2950
+ "nl.nldesignsystem.css.property": {},
2951
+ "nl.nldesignsystem.fallback": {}
2952
+ }
2953
+ },
2954
+ "font-size": DesignToken,
2955
+ "font-weight": {
2956
+ "$extensions": {
2957
+ "nl.nldesignsystem.css.property": {},
2958
+ "nl.nldesignsystem.fallback": {}
2959
+ }
2960
+ },
2961
+ "min-size": {
2962
+ "$extensions": {
2963
+ "nl.nldesignsystem.css.property": {}
2964
+ }
2965
+ },
2966
+ "min-block-size": {
2967
+ "$extensions": {
2968
+ "nl.nldesignsystem.css.property": {},
2969
+ "nl.nldesignsystem.fallback": {}
2970
+ }
2971
+ },
2972
+ "min-inline-size": {
2973
+ "$extensions": {
2974
+ "nl.nldesignsystem.css.property": {}
2975
+ }
2976
+ },
2977
+ "padding-block": DesignToken,
2978
+ "padding-inline": DesignToken
2979
+ },
2980
+ "number-data": {
2981
+ "positive": {
2982
+ "color": DesignToken
2983
+ },
2984
+ "negative": {
2985
+ "color": DesignToken
2986
+ }
2987
+ },
2988
+ "ordered-list": {
2989
+ "font-size": {
2990
+ "$extensions": {
2991
+ "nl.nldesignsystem.css.property": {},
2992
+ "nl.nldesignsystem.fallback": {}
2993
+ }
2994
+ },
2995
+ "line-height": {
2996
+ "$extensions": {
2997
+ "nl.nldesignsystem.css.property": {
2998
+ "syntax": {}
2999
+ },
3000
+ "nl.nldesignsystem.fallback": {}
3001
+ }
3002
+ },
3003
+ "margin-block-start": DesignToken,
3004
+ "margin-block-end": DesignToken,
3005
+ "padding-inline-start": DesignToken,
3006
+ "item": {
3007
+ "margin-block-start": DesignToken,
3008
+ "margin-block-end": DesignToken,
3009
+ "padding-inline-start": DesignToken
3010
+ }
3011
+ },
3012
+ "page-content": {
3013
+ "padding-block-start": DesignToken,
3014
+ "padding-block-end": DesignToken,
3015
+ "padding-inline-start": {
3016
+ "$extensions": {
3017
+ "nl.nldesignsystem.css.property": {}
3018
+ }
3019
+ },
3020
+ "padding-inine-end": {
3021
+ "$extensions": {
3022
+ "nl.nldesignsystem.css.property": {}
3023
+ }
3024
+ }
3025
+ },
3026
+ "page-footer": {
3027
+ "color": DesignToken,
3028
+ "background-color": DesignToken,
3029
+ "background-image": DesignToken,
3030
+ "padding-inline-end": DesignToken,
3031
+ "padding-inline-start": DesignToken,
3032
+ "padding-block-end": DesignToken,
3033
+ "padding-block-start": DesignToken
3034
+ },
3035
+ "page-header": {
3036
+ "background-color": {
3037
+ "$extensions": {
3038
+ "nl.nldesignsystem.css.property": {}
3039
+ }
3040
+ },
3041
+ "color": {
3042
+ "$extensions": {
3043
+ "nl.nldesignsystem.css.property": {}
3044
+ }
3045
+ },
3046
+ "padding-block-start": DesignToken,
3047
+ "padding-block-end": DesignToken,
3048
+ "padding-inline-start": DesignToken,
3049
+ "padding-inline-end": DesignToken
3050
+ },
3051
+ "page": {
3052
+ "background-color": DesignToken,
3053
+ "color": DesignToken,
3054
+ "margin-inline-start": DesignToken,
3055
+ "margin-inline-end": DesignToken,
3056
+ "max-inline-size": DesignToken,
3057
+ "padding-block-start": DesignToken,
3058
+ "padding-inline-end": DesignToken,
3059
+ "padding-block-end": DesignToken,
3060
+ "padding-inline-start": DesignToken
3061
+ },
3062
+ "pagination": {
3063
+ "font-size": DesignToken,
3064
+ "font-family": {
3065
+ "$extensions": {
3066
+ "nl.nldesignsystem.css.property": {},
3067
+ "nl.nldesignsystem.fallback": {}
3068
+ }
3069
+ },
3070
+ "margin-block-start": DesignToken,
3071
+ "margin-block-end": DesignToken,
3072
+ "page-link": {
3073
+ "background-color": DesignToken,
3074
+ "border-color": DesignToken,
3075
+ "border-radius": {
3076
+ "$extensions": {
3077
+ "nl.nldesignsystem.css.property": {}
3078
+ }
3079
+ },
3080
+ "border-width": DesignToken,
3081
+ "color": DesignToken,
3082
+ "font-weight": DesignToken,
3083
+ "padding-inline-end": DesignToken,
3084
+ "padding-inline-start": DesignToken,
3085
+ "padding-block-end": DesignToken,
3086
+ "padding-block-start": DesignToken,
3087
+ "text-decoration": DesignToken,
3088
+ "current": {
3089
+ "background-color": DesignToken,
3090
+ "border-color": DesignToken,
3091
+ "color": DesignToken
3092
+ },
3093
+ "distanced": {
3094
+ "margin-inline-start": DesignToken
3095
+ },
3096
+ "hover": {
3097
+ "background-color": DesignToken,
3098
+ "border-color": DesignToken,
3099
+ "color": DesignToken
3100
+ }
3101
+ },
3102
+ "relative-link": {
3103
+ "background-color": DesignToken,
3104
+ "border-color": DesignToken,
3105
+ "border-radius": {
3106
+ "$extensions": {
3107
+ "nl.nldesignsystem.css.property": {}
3108
+ }
3109
+ },
3110
+ "border-width": DesignToken,
3111
+ "color": DesignToken,
3112
+ "font-weight": DesignToken,
3113
+ "padding-inline-end": DesignToken,
3114
+ "padding-inline-start": DesignToken,
3115
+ "padding-block-end": DesignToken,
3116
+ "padding-block-start": DesignToken,
3117
+ "text-decoration": DesignToken,
3118
+ "text-transform": DesignToken,
3119
+ "distanced": {
3120
+ "margin-inline-end": DesignToken,
3121
+ "margin-inline-start": DesignToken
3122
+ },
3123
+ "hover": {
3124
+ "background-color": DesignToken,
3125
+ "border-color": DesignToken,
3126
+ "color": DesignToken
3127
+ },
3128
+ "disabled": {
3129
+ "background-color": {
3130
+ "$extensions": {
3131
+ "nl.nldesignsystem.css.property": {},
3132
+ "nl.nldesignsystem.fallback": {}
3133
+ }
3134
+ },
3135
+ "color": {
3136
+ "$extensions": {
3137
+ "nl.nldesignsystem.css.property": {},
3138
+ "nl.nldesignsystem.fallback": {}
3139
+ }
3140
+ }
3141
+ }
3142
+ }
3143
+ },
3144
+ "paragraph": {
3145
+ "color": {
3146
+ "$extensions": {
3147
+ "nl.nldesignsystem.css.property": {},
3148
+ "nl.nldesignsystem.fallback": {}
3149
+ }
3150
+ },
3151
+ "font-family": DesignToken,
3152
+ "font-size": DesignToken,
3153
+ "font-weight": DesignToken,
3154
+ "line-height": DesignToken,
3155
+ "margin-block-start": DesignToken,
3156
+ "margin-block-end": DesignToken,
3157
+ "lead": {
3158
+ "color": DesignToken,
3159
+ "font-size": DesignToken,
3160
+ "font-weight": DesignToken,
3161
+ "line-height": DesignToken
3162
+ },
3163
+ "small": {
3164
+ "color": {
3165
+ "$extensions": {
3166
+ "nl.nldesignsystem.css.property": {},
3167
+ "nl.nldesignsystem.fallback": {}
3168
+ }
3169
+ },
3170
+ "font-size": DesignToken,
3171
+ "font-weight": {
3172
+ "$extensions": {
3173
+ "nl.nldesignsystem.css.property": {},
3174
+ "nl.nldesignsystem.fallback": {}
3175
+ }
3176
+ },
3177
+ "line-height": {
3178
+ "$extensions": {
3179
+ "nl.nldesignsystem.css.property": {
3180
+ "syntax": {}
3181
+ },
3182
+ "nl.nldesignsystem.fallback": {}
3183
+ }
3184
+ }
3185
+ }
3186
+ },
3187
+ "pre-heading": {
3188
+ "color": {
3189
+ "$extensions": {
3190
+ "nl.nldesignsystem.css.property": {},
3191
+ "nl.nldesignsystem.fallback": {}
3192
+ }
3193
+ },
3194
+ "font-family": {
3195
+ "$extensions": {
3196
+ "nl.nldesignsystem.css.property": {},
3197
+ "nl.nldesignsystem.fallback": {}
3198
+ }
3199
+ },
3200
+ "font-size": DesignToken,
3201
+ "font-weight": {
3202
+ "$extensions": {
3203
+ "nl.nldesignsystem.css.property": {}
3204
+ }
3205
+ },
3206
+ "line-height": {
3207
+ "$extensions": {
3208
+ "nl.nldesignsystem.css.property": {}
3209
+ }
3210
+ },
3211
+ "margin-block-end": {
3212
+ "$extensions": {
3213
+ "nl.nldesignsystem.css.property": {}
3214
+ }
3215
+ },
3216
+ "margin-block-start": DesignToken
3217
+ },
3218
+ "preserve-data": {},
3219
+ "radio-button": {
3220
+ "background-color": DesignToken,
3221
+ "border-color": DesignToken,
3222
+ "border-width": DesignToken,
3223
+ "size": DesignToken,
3224
+ "margin-block-start": {
3225
+ "$extensions": {
3226
+ "nl.nldesignsystem.css.property": {}
3227
+ }
3228
+ },
3229
+ "margin-inline-end": DesignToken,
3230
+ "icon": {
3231
+ "size": DesignToken
3232
+ },
3233
+ "active": {
3234
+ "background-color": DesignToken,
3235
+ "border-color": {
3236
+ "$extensions": {
3237
+ "nl.nldesignsystem.css.property": {},
3238
+ "nl.nldesignsystem.fallback": {}
3239
+ }
3240
+ },
3241
+ "border-width": {
3242
+ "$extensions": {
3243
+ "nl.nldesignsystem.css.property": {},
3244
+ "nl.nldesignsystem.fallback": {}
3245
+ }
3246
+ },
3247
+ "color": {
3248
+ "$extensions": {
3249
+ "nl.nldesignsystem.css.property": {},
3250
+ "nl.nldesignsystem.fallback": {}
3251
+ }
3252
+ }
3253
+ },
3254
+ "checked": {
3255
+ "background-color": DesignToken,
3256
+ "border-color": DesignToken,
3257
+ "border-width": {
3258
+ "$extensions": {
3259
+ "nl.nldesignsystem.css.property": {}
3260
+ }
3261
+ },
3262
+ "color": {
3263
+ "$extensions": {
3264
+ "nl.nldesignsystem.css.property": {}
3265
+ }
3266
+ },
3267
+ "active": {
3268
+ "background-color": DesignToken,
3269
+ "border-color": {
3270
+ "$extensions": {
3271
+ "nl.nldesignsystem.css.property": {}
3272
+ }
3273
+ },
3274
+ "border-width": {
3275
+ "$extensions": {
3276
+ "nl.nldesignsystem.css.property": {}
3277
+ }
3278
+ },
3279
+ "color": DesignToken
3280
+ },
3281
+ "hover": {
3282
+ "background-color": DesignToken,
3283
+ "border-color": {
3284
+ "$extensions": {
3285
+ "nl.nldesignsystem.css.property": {},
3286
+ "nl.nldesignsystem.fallback": {}
3287
+ }
3288
+ },
3289
+ "border-width": {
3290
+ "$extensions": {
3291
+ "nl.nldesignsystem.css.property": {},
3292
+ "nl.nldesignsystem.fallback": {}
3293
+ }
3294
+ },
3295
+ "color": DesignToken
3296
+ },
3297
+ "focus": {
3298
+ "background-color": {
3299
+ "$extensions": {
3300
+ "nl.nldesignsystem.css.property": {},
3301
+ "nl.nldesignsystem.fallback": {}
3302
+ }
3303
+ },
3304
+ "border-color": DesignToken,
3305
+ "border-width": {
3306
+ "$extensions": {
3307
+ "nl.nldesignsystem.css.property": {},
3308
+ "nl.nldesignsystem.fallback": {}
3309
+ }
3310
+ },
3311
+ "color": {
3312
+ "$extensions": {
3313
+ "nl.nldesignsystem.css.property": {},
3314
+ "nl.nldesignsystem.fallback": {}
3315
+ }
3316
+ }
3317
+ }
3318
+ },
3319
+ "hover": {
3320
+ "background-color": DesignToken,
3321
+ "border-color": {
3322
+ "$extensions": {
3323
+ "nl.nldesignsystem.css.property": {},
3324
+ "nl.nldesignsystem.fallback": {}
3325
+ }
3326
+ },
3327
+ "border-width": {
3328
+ "$extensions": {
3329
+ "nl.nldesignsystem.css.property": {},
3330
+ "nl.nldesignsystem.fallback": {}
3331
+ }
3332
+ },
3333
+ "color": {
3334
+ "$extensions": {
3335
+ "nl.nldesignsystem.css.property": {},
3336
+ "nl.nldesignsystem.fallback": {}
3337
+ }
3338
+ }
3339
+ },
3340
+ "focus": {
3341
+ "background-color": {
3342
+ "$extensions": {
3343
+ "nl.nldesignsystem.css.property": {},
3344
+ "nl.nldesignsystem.fallback": {}
3345
+ }
3346
+ },
3347
+ "border-color": DesignToken,
3348
+ "border-width": {
3349
+ "$extensions": {
3350
+ "nl.nldesignsystem.css.property": {},
3351
+ "nl.nldesignsystem.fallback": {}
3352
+ }
3353
+ },
3354
+ "color": {
3355
+ "$extensions": {
3356
+ "nl.nldesignsystem.css.property": {},
3357
+ "nl.nldesignsystem.fallback": {}
3358
+ }
3359
+ }
3360
+ },
3361
+ "disabled": {
3362
+ "background-color": DesignToken,
3363
+ "border-color": DesignToken,
3364
+ "border-width": {
3365
+ "$extensions": {
3366
+ "nl.nldesignsystem.css.property": {},
3367
+ "nl.nldesignsystem.fallback": {}
3368
+ }
3369
+ },
3370
+ "color": DesignToken
3371
+ },
3372
+ "invalid": {
3373
+ "background-color": {
3374
+ "$extensions": {
3375
+ "nl.nldesignsystem.css.property": {}
3376
+ }
3377
+ },
3378
+ "border-color": DesignToken,
3379
+ "border-width": DesignToken,
3380
+ "color": {
3381
+ "$extensions": {
3382
+ "nl.nldesignsystem.css.property": {},
3383
+ "nl.nldesignsystem.fallback": {}
3384
+ }
3385
+ }
3386
+ },
3387
+ "color": DesignToken,
3388
+ "border-radius": DesignToken
3389
+ },
3390
+ "rich-text": {
3391
+ "stranger": {
3392
+ "margin-block-end": DesignToken
3393
+ },
3394
+ "acquaintance": {
3395
+ "margin-block-end": DesignToken
3396
+ },
3397
+ "friend": {
3398
+ "margin-block-end": DesignToken
3399
+ },
3400
+ "best-friend": {
3401
+ "margin-block-end": DesignToken
3402
+ },
3403
+ "confidant": {
3404
+ "margin-block-end": DesignToken
3405
+ }
3406
+ },
3407
+ "search-bar": {
3408
+ "button": {
3409
+ "background-color": DesignToken,
3410
+ "border-color": DesignToken,
3411
+ "color": DesignToken,
3412
+ "font-size": DesignToken,
3413
+ "font-weight": DesignToken,
3414
+ "hover": {
3415
+ "background-color": DesignToken,
3416
+ "scale": DesignToken
3417
+ }
3418
+ },
3419
+ "input": {
3420
+ "border-bottom-width": {
3421
+ "$extensions": {
3422
+ "nl.nldesignsystem.css.property": {}
3423
+ }
3424
+ },
3425
+ "border-color": DesignToken,
3426
+ "padding-inline-start": DesignToken,
3427
+ "max-inline-size": {
3428
+ "$extensions": {
3429
+ "nl.nldesignsystem.css.property": {}
3430
+ }
3431
+ },
3432
+ "background-image": {
3433
+ "$extensions": {
3434
+ "nl.nldesignsystem.css.property": {}
3435
+ }
3436
+ },
3437
+ "background-position-x": DesignToken,
3438
+ "background-position-y": DesignToken,
3439
+ "background-size": DesignToken
3440
+ },
3441
+ "dropdown": {
3442
+ "inline-size": {
3443
+ "$extensions": {
3444
+ "nl.nldesignsystem.css.property": {}
3445
+ }
3446
+ },
3447
+ "z-index": {
3448
+ "$extensions": {
3449
+ "nl.nldesignsystem.css.property": {}
3450
+ }
3451
+ },
3452
+ "border-width": DesignToken,
3453
+ "border-color": DesignToken,
3454
+ "padding-block-start": DesignToken,
3455
+ "padding-block-end": DesignToken,
3456
+ "padding-inline-start": {
3457
+ "$extensions": {
3458
+ "nl.nldesignsystem.css.property": {}
3459
+ }
3460
+ },
3461
+ "padding-inline-end": {
3462
+ "$extensions": {
3463
+ "nl.nldesignsystem.css.property": {}
3464
+ }
3465
+ },
3466
+ "max-block-size": DesignToken
3467
+ },
3468
+ "section": {
3469
+ "margin-block-end": DesignToken,
3470
+ "title": {
3471
+ "font-size": DesignToken,
3472
+ "font-weight": DesignToken,
3473
+ "line-height": {
3474
+ "$extensions": {
3475
+ "nl.nldesignsystem.css.property": {
3476
+ "syntax": {}
3477
+ }
3478
+ }
3479
+ },
3480
+ "color": DesignToken,
3481
+ "margin-inline-start": DesignToken
3482
+ }
3483
+ },
3484
+ "list-item": {
3485
+ "padding-inline-start": {
3486
+ "$extensions": {
3487
+ "nl.nldesignsystem.css.property": {}
3488
+ }
3489
+ },
3490
+ "padding-inline-end": {
3491
+ "$extensions": {
3492
+ "nl.nldesignsystem.css.property": {}
3493
+ }
3494
+ },
3495
+ "padding-block-start": {
3496
+ "$extensions": {
3497
+ "nl.nldesignsystem.css.property": {}
3498
+ }
3499
+ },
3500
+ "padding-block-end": {
3501
+ "$extensions": {
3502
+ "nl.nldesignsystem.css.property": {}
3503
+ }
3504
+ },
3505
+ "is-active": {
3506
+ "color": DesignToken,
3507
+ "background-color": DesignToken,
3508
+ "font-weight": DesignToken
3509
+ },
3510
+ "is-selected": {
3511
+ "color": DesignToken,
3512
+ "background-color": DesignToken
3513
+ }
3514
+ }
3515
+ },
3516
+ "select": {
3517
+ "background-color": {
3518
+ "$extensions": {
3519
+ "nl.nldesignsystem.css.property": {},
3520
+ "nl.nldesignsystem.fallback": {}
3521
+ }
3522
+ },
3523
+ "background-image": {
3524
+ "$extensions": {
3525
+ "nl.nldesignsystem.css.property": {}
3526
+ }
3527
+ },
3528
+ "border-block-end-width": DesignToken,
3529
+ "border-bottom-width": {
3530
+ "$extensions": {
3531
+ "nl.nldesignsystem.css.property": {}
3532
+ }
3533
+ },
3534
+ "border-color": {
3535
+ "$extensions": {
3536
+ "nl.nldesignsystem.css.property": {},
3537
+ "nl.nldesignsystem.fallback": {}
3538
+ }
3539
+ },
3540
+ "border-radius": {
3541
+ "$extensions": {
3542
+ "nl.nldesignsystem.css.property": {},
3543
+ "nl.nldesignsystem.fallback": {}
3544
+ }
3545
+ },
3546
+ "border-width": {
3547
+ "$extensions": {
3548
+ "nl.nldesignsystem.css.property": {},
3549
+ "nl.nldesignsystem.fallback": {}
3550
+ }
3551
+ },
3552
+ "color": {
3553
+ "$extensions": {
3554
+ "nl.nldesignsystem.css.property": {},
3555
+ "nl.nldesignsystem.fallback": {}
3556
+ }
3557
+ },
3558
+ "font-family": {
3559
+ "$extensions": {
3560
+ "nl.nldesignsystem.css.property": {},
3561
+ "nl.nldesignsystem.fallback": {}
3562
+ }
3563
+ },
3564
+ "font-size": {
3565
+ "$extensions": {
3566
+ "nl.nldesignsystem.css.property": {},
3567
+ "nl.nldesignsystem.fallback": {}
3568
+ }
3569
+ },
3570
+ "font-weight": {
3571
+ "$extensions": {
3572
+ "nl.nldesignsystem.css.property": {},
3573
+ "nl.nldesignsystem.fallback": {}
3574
+ }
3575
+ },
3576
+ "line-height": {
3577
+ "$extensions": {
3578
+ "nl.nldesignsystem.css.property": {},
3579
+ "nl.nldesignsystem.fallback": {}
3580
+ }
3581
+ },
3582
+ "min-block-size": {
3583
+ "$extensions": {
3584
+ "nl.nldesignsystem.css.property": {},
3585
+ "nl.nldesignsystem.fallback": {}
3586
+ }
3587
+ },
3588
+ "max-inline-size": {
3589
+ "$extensions": {
3590
+ "nl.nldesignsystem.css.property": {},
3591
+ "nl.nldesignsystem.fallback": {}
3592
+ }
3593
+ },
3594
+ "padding-block-end": {
3595
+ "$extensions": {
3596
+ "nl.nldesignsystem.css.property": {},
3597
+ "nl.nldesignsystem.fallback": {}
3598
+ }
3599
+ },
3600
+ "padding-block-start": {
3601
+ "$extensions": {
3602
+ "nl.nldesignsystem.css.property": {},
3603
+ "nl.nldesignsystem.fallback": {}
3604
+ }
3605
+ },
3606
+ "padding-inline-end": {
3607
+ "$extensions": {
3608
+ "nl.nldesignsystem.css.property": {},
3609
+ "nl.nldesignsystem.fallback": {}
3610
+ }
3611
+ },
3612
+ "padding-inline-start": {
3613
+ "$extensions": {
3614
+ "nl.nldesignsystem.css.property": {},
3615
+ "nl.nldesignsystem.fallback": {}
3616
+ }
3617
+ },
3618
+ "disabled": {
3619
+ "background-color": {
3620
+ "$extensions": {
3621
+ "nl.nldesignsystem.css.property": {},
3622
+ "nl.nldesignsystem.fallback": {}
3623
+ }
3624
+ },
3625
+ "border-color": {
3626
+ "$extensions": {
3627
+ "nl.nldesignsystem.css.property": {},
3628
+ "nl.nldesignsystem.fallback": {}
3629
+ }
3630
+ },
3631
+ "color": {
3632
+ "$extensions": {
3633
+ "nl.nldesignsystem.css.property": {},
3634
+ "nl.nldesignsystem.fallback": {}
3635
+ }
3636
+ }
3637
+ },
3638
+ "hover": {
3639
+ "background-color": {
3640
+ "$extensions": {
3641
+ "nl.nldesignsystem.css.property": {},
3642
+ "nl.nldesignsystem.fallback": {}
3643
+ }
3644
+ },
3645
+ "border-color": {
3646
+ "$extensions": {
3647
+ "nl.nldesignsystem.css.property": {},
3648
+ "nl.nldesignsystem.fallback": {}
3649
+ }
3650
+ },
3651
+ "color": {
3652
+ "$extensions": {
3653
+ "nl.nldesignsystem.css.property": {},
3654
+ "nl.nldesignsystem.fallback": {}
3655
+ }
3656
+ }
3657
+ },
3658
+ "focus": {
3659
+ "background-color": {
3660
+ "$extensions": {
3661
+ "nl.nldesignsystem.css.property": {},
3662
+ "nl.nldesignsystem.fallback": {}
3663
+ }
3664
+ },
3665
+ "border-color": {
3666
+ "$extensions": {
3667
+ "nl.nldesignsystem.css.property": {},
3668
+ "nl.nldesignsystem.fallback": {}
3669
+ }
3670
+ },
3671
+ "color": {
3672
+ "$extensions": {
3673
+ "nl.nldesignsystem.css.property": {},
3674
+ "nl.nldesignsystem.fallback": {}
3675
+ }
3676
+ }
3677
+ },
3678
+ "invalid": {
3679
+ "background-color": {
3680
+ "$extensions": {
3681
+ "nl.nldesignsystem.css.property": {},
3682
+ "nl.nldesignsystem.fallback": {}
3683
+ }
3684
+ },
3685
+ "border-block-end-width": {
3686
+ "$extensions": {
3687
+ "nl.nldesignsystem.css.property": {},
3688
+ "nl.nldesignsystem.fallback": {}
3689
+ }
3690
+ },
3691
+ "border-color": {
3692
+ "$extensions": {
3693
+ "nl.nldesignsystem.css.property": {},
3694
+ "nl.nldesignsystem.fallback": {}
3695
+ }
3696
+ },
3697
+ "border-width": {
3698
+ "$extensions": {
3699
+ "nl.nldesignsystem.css.property": {},
3700
+ "nl.nldesignsystem.fallback": {}
3701
+ }
3702
+ }
3703
+ },
3704
+ "read-only": {
3705
+ "border-color": {},
3706
+ "color": {}
3707
+ }
3708
+ },
3709
+ "separator": {
3710
+ "color": DesignToken,
3711
+ "block-size": DesignToken,
3712
+ "margin-block-end": DesignToken,
3713
+ "margin-block-start": DesignToken
3714
+ },
3715
+ "skip-link": {
3716
+ "background-color": DesignToken,
3717
+ "color": DesignToken,
3718
+ "min-block-size": {
3719
+ "$extensions": {
3720
+ "nl.nldesignsystem.css.property": {}
3721
+ }
3722
+ },
3723
+ "min-inline-size": {
3724
+ "$extensions": {
3725
+ "nl.nldesignsystem.css.property": {}
3726
+ }
3727
+ },
3728
+ "padding-block-start": DesignToken,
3729
+ "padding-block-end": DesignToken,
3730
+ "padding-inline-start": DesignToken,
3731
+ "padding-inline-end": DesignToken,
3732
+ "text-decoration": DesignToken,
3733
+ "z-index": {
3734
+ "$extensions": {
3735
+ "nl.nldesignsystem.css.property": {},
3736
+ "nl.nldesignsystem.fallback": {}
3737
+ }
3738
+ },
3739
+ "focus": {
3740
+ "background-color": DesignToken,
3741
+ "color": DesignToken,
3742
+ "text-decoration": {
3743
+ "$extensions": {
3744
+ "nl.nldesignsystem.css.property": {
3745
+ "syntax": {}
3746
+ }
3747
+ }
3748
+ }
3749
+ },
3750
+ "focus-visible": {
3751
+ "background-color": {
3752
+ "$extensions": {
3753
+ "nl.nldesignsystem.css.property": {}
3754
+ }
3755
+ },
3756
+ "color": {
3757
+ "$extensions": {
3758
+ "nl.nldesignsystem.css.property": {}
3759
+ }
3760
+ },
3761
+ "text-decoration": DesignToken
3762
+ }
3763
+ },
3764
+ "spotlight-section": {
3765
+ "background-color": DesignToken,
3766
+ "border-color": {
3767
+ "$extensions": {
3768
+ "nl.nldesignsystem.css.property": {}
3769
+ }
3770
+ },
3771
+ "border-width": {
3772
+ "$extensions": {
3773
+ "nl.nldesignsystem.css.property": {}
3774
+ }
3775
+ },
3776
+ "color": DesignToken,
3777
+ "padding-block-start": DesignToken,
3778
+ "padding-block-end": DesignToken,
3779
+ "padding-inline-start": DesignToken,
3780
+ "padding-inline-end": DesignToken,
3781
+ "margin-block-start": {
3782
+ "$extensions": {
3783
+ "nl.nldesignsystem.css.property": {}
3784
+ }
3785
+ },
3786
+ "margin-block-end": {
3787
+ "$extensions": {
3788
+ "nl.nldesignsystem.css.property": {}
3789
+ }
3790
+ },
3791
+ "info": {
3792
+ "background-color": DesignToken,
3793
+ "border-color": {
3794
+ "$extensions": {
3795
+ "nl.nldesignsystem.css.property": {}
3796
+ }
3797
+ },
3798
+ "border-width": {
3799
+ "$extensions": {
3800
+ "nl.nldesignsystem.css.property": {}
3801
+ }
3802
+ },
3803
+ "color": DesignToken,
3804
+ "icon": {
3805
+ "color": {
3806
+ "$extensions": {
3807
+ "nl.nldesignsystem.css.property": {}
3808
+ }
3809
+ }
3810
+ }
3811
+ },
3812
+ "warning": {
3813
+ "background-color": DesignToken,
3814
+ "border-color": {
3815
+ "$extensions": {
3816
+ "nl.nldesignsystem.css.property": {}
3817
+ }
3818
+ },
3819
+ "border-width": {
3820
+ "$extensions": {
3821
+ "nl.nldesignsystem.css.property": {}
3822
+ }
3823
+ },
3824
+ "color": DesignToken,
3825
+ "icon": {
3826
+ "color": {
3827
+ "$extensions": {
3828
+ "nl.nldesignsystem.css.property": {}
3829
+ }
3830
+ }
3831
+ }
3832
+ },
3833
+ "error": {
3834
+ "background-color": DesignToken,
3835
+ "border-color": {
3836
+ "$extensions": {
3837
+ "nl.nldesignsystem.css.property": {}
3838
+ }
3839
+ },
3840
+ "border-width": {
3841
+ "$extensions": {
3842
+ "nl.nldesignsystem.css.property": {}
3843
+ }
3844
+ },
3845
+ "color": {
3846
+ "$extensions": {
3847
+ "nl.nldesignsystem.css.property": {}
3848
+ }
3849
+ },
3850
+ "icon": {
3851
+ "color": {
3852
+ "$extensions": {
3853
+ "nl.nldesignsystem.css.property": {}
3854
+ }
3855
+ }
3856
+ }
3857
+ },
3858
+ "ok": {
3859
+ "background-color": DesignToken,
3860
+ "border-color": {
3861
+ "$extensions": {
3862
+ "nl.nldesignsystem.css.property": {}
3863
+ }
3864
+ },
3865
+ "border-width": {
3866
+ "$extensions": {
3867
+ "nl.nldesignsystem.css.property": {}
3868
+ }
3869
+ },
3870
+ "color": {
3871
+ "$extensions": {
3872
+ "nl.nldesignsystem.css.property": {}
3873
+ }
3874
+ },
3875
+ "icon": {
3876
+ "color": {
3877
+ "$extensions": {
3878
+ "nl.nldesignsystem.css.property": {}
3879
+ }
3880
+ }
3881
+ }
3882
+ }
3883
+ },
3884
+ "subscript": {},
3885
+ "superscript": {},
3886
+ "surface": {
3887
+ "background-color": DesignToken,
3888
+ "color": DesignToken
3889
+ },
3890
+ "table-of-contents": {},
3891
+ "table": {
3892
+ "border-color": {
3893
+ "$extensions": {
3894
+ "nl.nldesignsystem.css.property": {}
3895
+ }
3896
+ },
3897
+ "border-width": {
3898
+ "$extensions": {
3899
+ "nl.nldesignsystem.css.property": {}
3900
+ }
3901
+ },
3902
+ "font-family": {
3903
+ "$extensions": {
3904
+ "nl.nldesignsystem.css.property": {},
3905
+ "nl.nldesignsystem.fallback": {}
3906
+ }
3907
+ },
3908
+ "font-size": {
3909
+ "$extensions": {
3910
+ "nl.nldesignsystem.css.property": {}
3911
+ }
3912
+ },
3913
+ "line-height": {
3914
+ "$extensions": {
3915
+ "nl.nldesignsystem.css.property": {
3916
+ "syntax": {}
3917
+ }
3918
+ }
3919
+ },
3920
+ "margin-block-end": DesignToken,
3921
+ "margin-block-start": DesignToken,
3922
+ "caption": {
3923
+ "font-weight": DesignToken,
3924
+ "font-family": {
3925
+ "$extensions": {
3926
+ "nl.nldesignsystem.css.property": {}
3927
+ }
3928
+ },
3929
+ "font-size": DesignToken,
3930
+ "color": {
3931
+ "$extensions": {
3932
+ "nl.nldesignsystem.css.property": {}
3933
+ }
3934
+ },
3935
+ "line-height": {
3936
+ "$extensions": {
3937
+ "nl.nldesignsystem.css.property": {
3938
+ "syntax": {}
3939
+ }
3940
+ }
3941
+ },
3942
+ "text-align": DesignToken,
3943
+ "margin-block-end": DesignToken
3944
+ },
3945
+ "header": {
3946
+ "font-weight": DesignToken,
3947
+ "background-color": {
3948
+ "$extensions": {
3949
+ "nl.nldesignsystem.css.property": {}
3950
+ }
3951
+ },
3952
+ "color": {
3953
+ "$extensions": {
3954
+ "nl.nldesignsystem.css.property": {}
3955
+ }
3956
+ },
3957
+ "text-transform": {
3958
+ "$extensions": {
3959
+ "nl.nldesignsystem.css.property": {
3960
+ "syntax": {}
3961
+ }
3962
+ }
3963
+ },
3964
+ "border-block-end-color": DesignToken,
3965
+ "border-block-end-width": DesignToken,
3966
+ "sticky": {
3967
+ "background-color": DesignToken,
3968
+ "color": DesignToken,
3969
+ "border-block-end-color": DesignToken,
3970
+ "border-block-end-width": DesignToken
3971
+ }
3972
+ },
3973
+ "footer": {
3974
+ "background-color": {
3975
+ "$extensions": {
3976
+ "nl.nldesignsystem.css.property": {}
3977
+ }
3978
+ },
3979
+ "color": {
3980
+ "$extensions": {
3981
+ "nl.nldesignsystem.css.property": {}
3982
+ }
3983
+ },
3984
+ "sticky": {
3985
+ "background-color": DesignToken,
3986
+ "color": DesignToken,
3987
+ "border-block-start-color": DesignToken,
3988
+ "border-block-start-width": DesignToken
3989
+ },
3990
+ "font-weight": {},
3991
+ "text-transform": {},
3992
+ "border-block-end-color": {},
3993
+ "border-block-end-width": {}
3994
+ },
3995
+ "header-cell": {
3996
+ "font-size": {
3997
+ "$extensions": {
3998
+ "nl.nldesignsystem.css.property": {}
3999
+ }
4000
+ },
4001
+ "font-weight": {
4002
+ "$extensions": {
4003
+ "nl.nldesignsystem.css.property": {}
4004
+ }
4005
+ },
4006
+ "color": {
4007
+ "$extensions": {
4008
+ "nl.nldesignsystem.css.property": {}
4009
+ }
4010
+ },
4011
+ "text-transform": {
4012
+ "$extensions": {
4013
+ "nl.nldesignsystem.css.property": {
4014
+ "syntax": {}
4015
+ }
4016
+ }
4017
+ }
4018
+ },
4019
+ "cell": {
4020
+ "line-height": DesignToken,
4021
+ "padding-block-end": DesignToken,
4022
+ "padding-block-start": DesignToken,
4023
+ "padding-inline-end": DesignToken,
4024
+ "padding-inline-start": DesignToken,
4025
+ "selected": {
4026
+ "background-color": DesignToken,
4027
+ "color": DesignToken
4028
+ },
4029
+ "icon": {
4030
+ "size": DesignToken
4031
+ }
4032
+ },
4033
+ "row": {
4034
+ "border-block-end-color": DesignToken,
4035
+ "border-block-end-width": DesignToken,
4036
+ "padding-inline-end": {
4037
+ "$extensions": {
4038
+ "nl.nldesignsystem.css.property": {},
4039
+ "nl.nldesignsystem.fallback": {}
4040
+ }
4041
+ },
4042
+ "padding-inline-start": {
4043
+ "$extensions": {
4044
+ "nl.nldesignsystem.css.property": {},
4045
+ "nl.nldesignsystem.fallback": {}
4046
+ }
4047
+ },
4048
+ "alternate-odd": {
4049
+ "background-color": DesignToken,
4050
+ "color": DesignToken
4051
+ },
4052
+ "alternate-even": {
4053
+ "background-color": DesignToken,
4054
+ "color": DesignToken
4055
+ }
4056
+ }
4057
+ },
4058
+ "textarea": {
4059
+ "background-color": {
4060
+ "$extensions": {
4061
+ "nl.nldesignsystem.css.property": {},
4062
+ "nl.nldesignsystem.fallback": {}
4063
+ }
4064
+ },
4065
+ "border-block-end-width": DesignToken,
4066
+ "border-bottom-width": DesignToken,
4067
+ "border-color": {
4068
+ "$extensions": {
4069
+ "nl.nldesignsystem.css.property": {},
4070
+ "nl.nldesignsystem.fallback": {}
4071
+ }
4072
+ },
4073
+ "border-radius": {
4074
+ "$extensions": {
4075
+ "nl.nldesignsystem.css.property": {},
4076
+ "nl.nldesignsystem.fallback": {}
4077
+ }
4078
+ },
4079
+ "border-width": {
4080
+ "$extensions": {
4081
+ "nl.nldesignsystem.css.property": {},
4082
+ "nl.nldesignsystem.fallback": {}
4083
+ }
4084
+ },
4085
+ "color": {
4086
+ "$extensions": {
4087
+ "nl.nldesignsystem.css.property": {},
4088
+ "nl.nldesignsystem.fallback": {}
4089
+ }
4090
+ },
4091
+ "font-family": {
4092
+ "$extensions": {
4093
+ "nl.nldesignsystem.css.property": {},
4094
+ "nl.nldesignsystem.fallback": {}
4095
+ }
4096
+ },
4097
+ "font-size": {
4098
+ "$extensions": {
4099
+ "nl.nldesignsystem.css.property": {},
4100
+ "nl.nldesignsystem.fallback": {}
4101
+ }
4102
+ },
4103
+ "font-weight": {
4104
+ "$extensions": {
4105
+ "nl.nldesignsystem.css.property": {},
4106
+ "nl.nldesignsystem.fallback": {}
4107
+ }
4108
+ },
4109
+ "line-height": DesignToken,
4110
+ "max-inline-size": {
4111
+ "$extensions": {
4112
+ "nl.nldesignsystem.css.property": {},
4113
+ "nl.nldesignsystem.fallback": {}
4114
+ }
4115
+ },
4116
+ "min-block-size": {
4117
+ "$extensions": {
4118
+ "nl.nldesignsystem.css.property": {},
4119
+ "nl.nldesignsystem.fallback": {}
4120
+ }
4121
+ },
4122
+ "padding-block-end": {
4123
+ "$extensions": {
4124
+ "nl.nldesignsystem.css.property": {},
4125
+ "nl.nldesignsystem.fallback": {}
4126
+ }
4127
+ },
4128
+ "padding-block-start": {
4129
+ "$extensions": {
4130
+ "nl.nldesignsystem.css.property": {},
4131
+ "nl.nldesignsystem.fallback": {}
4132
+ }
4133
+ },
4134
+ "padding-inline-end": {
4135
+ "$extensions": {
4136
+ "nl.nldesignsystem.css.property": {},
4137
+ "nl.nldesignsystem.fallback": {}
4138
+ }
4139
+ },
4140
+ "padding-inline-start": {
4141
+ "$extensions": {
4142
+ "nl.nldesignsystem.css.property": {},
4143
+ "nl.nldesignsystem.fallback": {}
4144
+ }
4145
+ },
4146
+ "placeholder": {
4147
+ "color": {
4148
+ "$extensions": {
4149
+ "nl.nldesignsystem.css.property": {},
4150
+ "nl.nldesignsystem.fallback": {}
4151
+ }
4152
+ },
4153
+ "font-style": {
4154
+ "$extensions": {
4155
+ "nl.nldesignsystem.css.property": {
4156
+ "syntax": {}
4157
+ },
4158
+ "nl.nldesignsystem.fallback": {}
4159
+ }
4160
+ }
4161
+ },
4162
+ "disabled": {
4163
+ "background-color": {
4164
+ "$extensions": {
4165
+ "nl.nldesignsystem.css.property": {},
4166
+ "nl.nldesignsystem.fallback": {}
4167
+ }
4168
+ },
4169
+ "border-color": {
4170
+ "$extensions": {
4171
+ "nl.nldesignsystem.css.property": {},
4172
+ "nl.nldesignsystem.fallback": {}
4173
+ }
4174
+ },
4175
+ "color": {
4176
+ "$extensions": {
4177
+ "nl.nldesignsystem.css.property": {},
4178
+ "nl.nldesignsystem.fallback": {}
4179
+ }
4180
+ }
4181
+ },
4182
+ "focus": {
4183
+ "background-color": {
4184
+ "$extensions": {
4185
+ "nl.nldesignsystem.css.property": {},
4186
+ "nl.nldesignsystem.fallback": {}
4187
+ }
4188
+ },
4189
+ "border-color": {
4190
+ "$extensions": {
4191
+ "nl.nldesignsystem.css.property": {},
4192
+ "nl.nldesignsystem.fallback": {}
4193
+ }
4194
+ },
4195
+ "color": {
4196
+ "$extensions": {
4197
+ "nl.nldesignsystem.css.property": {},
4198
+ "nl.nldesignsystem.fallback": {}
4199
+ }
4200
+ }
4201
+ },
4202
+ "invalid": {
4203
+ "background-color": {
4204
+ "$extensions": {
4205
+ "nl.nldesignsystem.css.property": {},
4206
+ "nl.nldesignsystem.fallback": {}
4207
+ }
4208
+ },
4209
+ "border-color": {
4210
+ "$extensions": {
4211
+ "nl.nldesignsystem.css.property": {},
4212
+ "nl.nldesignsystem.fallback": {}
4213
+ }
4214
+ },
4215
+ "border-width": {
4216
+ "$extensions": {
4217
+ "nl.nldesignsystem.css.property": {},
4218
+ "nl.nldesignsystem.fallback": {}
4219
+ }
4220
+ },
4221
+ "border-block-end-width": {
4222
+ "$extensions": {
4223
+ "nl.nldesignsystem.css.property": {},
4224
+ "nl.nldesignsystem.fallback": {}
4225
+ }
4226
+ },
4227
+ "color": {
4228
+ "$extensions": {
4229
+ "nl.nldesignsystem.css.property": {},
4230
+ "nl.nldesignsystem.fallback": {}
4231
+ }
4232
+ }
4233
+ },
4234
+ "read-only": {
4235
+ "background-color": {
4236
+ "$extensions": {
4237
+ "nl.nldesignsystem.css.property": {},
4238
+ "nl.nldesignsystem.fallback": {}
4239
+ }
4240
+ },
4241
+ "border-color": {
4242
+ "$extensions": {
4243
+ "nl.nldesignsystem.css.property": {},
4244
+ "nl.nldesignsystem.fallback": {}
4245
+ }
4246
+ },
4247
+ "color": {
4248
+ "$extensions": {
4249
+ "nl.nldesignsystem.css.property": {},
4250
+ "nl.nldesignsystem.fallback": {}
4251
+ }
4252
+ }
4253
+ }
4254
+ },
4255
+ "textbox": {
4256
+ "background-color": {
4257
+ "$extensions": {
4258
+ "nl.nldesignsystem.css.property": {},
4259
+ "nl.nldesignsystem.fallback": {}
4260
+ }
4261
+ },
4262
+ "border-block-end-width": {
4263
+ "$extensions": {
4264
+ "nl.nldesignsystem.css.property": {},
4265
+ "nl.nldesignsystem.fallback": {}
4266
+ }
4267
+ },
4268
+ "border-bottom-width": DesignToken,
4269
+ "border-color": {
4270
+ "$extensions": {
4271
+ "nl.nldesignsystem.css.property": {},
4272
+ "nl.nldesignsystem.fallback": {}
4273
+ }
4274
+ },
4275
+ "border-radius": {
4276
+ "$extensions": {
4277
+ "nl.nldesignsystem.css.property": {},
4278
+ "nl.nldesignsystem.fallback": {}
4279
+ }
4280
+ },
4281
+ "border-width": {
4282
+ "$extensions": {
4283
+ "nl.nldesignsystem.css.property": {},
4284
+ "nl.nldesignsystem.fallback": {}
4285
+ }
4286
+ },
4287
+ "color": {
4288
+ "$extensions": {
4289
+ "nl.nldesignsystem.css.property": {},
4290
+ "nl.nldesignsystem.fallback": {}
4291
+ }
4292
+ },
4293
+ "font-family": {
4294
+ "$extensions": {
4295
+ "nl.nldesignsystem.css.property": {},
4296
+ "nl.nldesignsystem.fallback": {}
4297
+ }
4298
+ },
4299
+ "font-size": {
4300
+ "$extensions": {
4301
+ "nl.nldesignsystem.css.property": {},
4302
+ "nl.nldesignsystem.fallback": {}
4303
+ }
4304
+ },
4305
+ "font-weight": {
4306
+ "$extensions": {
4307
+ "nl.nldesignsystem.css.property": {},
4308
+ "nl.nldesignsystem.fallback": {}
4309
+ }
4310
+ },
4311
+ "line-height": {
4312
+ "$extensions": {
4313
+ "nl.nldesignsystem.css.property": {},
4314
+ "nl.nldesignsystem.fallback": {}
4315
+ }
4316
+ },
4317
+ "max-inline-size": {
4318
+ "$extensions": {
4319
+ "nl.nldesignsystem.css.property": {},
4320
+ "nl.nldesignsystem.fallback": {}
4321
+ }
4322
+ },
4323
+ "padding-block-end": {
4324
+ "$extensions": {
4325
+ "nl.nldesignsystem.css.property": {},
4326
+ "nl.nldesignsystem.fallback": {}
4327
+ }
4328
+ },
4329
+ "padding-block-start": {
4330
+ "$extensions": {
4331
+ "nl.nldesignsystem.css.property": {},
4332
+ "nl.nldesignsystem.fallback": {}
4333
+ }
4334
+ },
4335
+ "padding-inline-end": {
4336
+ "$extensions": {
4337
+ "nl.nldesignsystem.css.property": {},
4338
+ "nl.nldesignsystem.fallback": {}
4339
+ }
4340
+ },
4341
+ "padding-inline-start": {
4342
+ "$extensions": {
4343
+ "nl.nldesignsystem.css.property": {},
4344
+ "nl.nldesignsystem.fallback": {}
4345
+ }
4346
+ },
4347
+ "placeholder": {
4348
+ "color": {
4349
+ "$extensions": {
4350
+ "nl.nldesignsystem.css.property": {},
4351
+ "nl.nldesignsystem.fallback": {}
4352
+ }
4353
+ }
4354
+ },
4355
+ "disabled": {
4356
+ "background-color": {
4357
+ "$extensions": {
4358
+ "nl.nldesignsystem.css.property": {},
4359
+ "nl.nldesignsystem.fallback": {}
4360
+ }
4361
+ },
4362
+ "border-color": {
4363
+ "$extensions": {
4364
+ "nl.nldesignsystem.css.property": {},
4365
+ "nl.nldesignsystem.fallback": {}
4366
+ }
4367
+ },
4368
+ "color": {
4369
+ "$extensions": {
4370
+ "nl.nldesignsystem.css.property": {},
4371
+ "nl.nldesignsystem.fallback": {}
4372
+ }
4373
+ }
4374
+ },
4375
+ "focus": {
4376
+ "background-color": {
4377
+ "$extensions": {
4378
+ "nl.nldesignsystem.css.property": {},
4379
+ "nl.nldesignsystem.fallback": {}
4380
+ }
4381
+ },
4382
+ "border-color": {
4383
+ "$extensions": {
4384
+ "nl.nldesignsystem.css.property": {},
4385
+ "nl.nldesignsystem.fallback": {}
4386
+ }
4387
+ },
4388
+ "color": {
4389
+ "$extensions": {
4390
+ "nl.nldesignsystem.css.property": {},
4391
+ "nl.nldesignsystem.fallback": {}
4392
+ }
4393
+ }
4394
+ },
4395
+ "invalid": {
4396
+ "background-color": {
4397
+ "$extensions": {
4398
+ "nl.nldesignsystem.css.property": {},
4399
+ "nl.nldesignsystem.fallback": {}
4400
+ }
4401
+ },
4402
+ "border-color": {
4403
+ "$extensions": {
4404
+ "nl.nldesignsystem.css.property": {},
4405
+ "nl.nldesignsystem.fallback": {}
4406
+ }
4407
+ },
4408
+ "border-width": {
4409
+ "$extensions": {
4410
+ "nl.nldesignsystem.css.property": {},
4411
+ "nl.nldesignsystem.fallback": {}
4412
+ }
4413
+ },
4414
+ "color": {
4415
+ "$extensions": {
4416
+ "nl.nldesignsystem.css.property": {},
4417
+ "nl.nldesignsystem.fallback": {}
4418
+ }
4419
+ }
4420
+ },
4421
+ "read-only": {
4422
+ "background-color": {
4423
+ "$extensions": {
4424
+ "nl.nldesignsystem.css.property": {},
4425
+ "nl.nldesignsystem.fallback": {}
4426
+ }
4427
+ },
4428
+ "border-color": {
4429
+ "$extensions": {
4430
+ "nl.nldesignsystem.css.property": {},
4431
+ "nl.nldesignsystem.fallback": {}
4432
+ }
4433
+ },
4434
+ "color": {
4435
+ "$extensions": {
4436
+ "nl.nldesignsystem.css.property": {},
4437
+ "nl.nldesignsystem.fallback": {}
4438
+ }
4439
+ }
4440
+ }
4441
+ },
4442
+ "toptask-link": {
4443
+ "background-color": DesignToken,
4444
+ "color": DesignToken,
4445
+ "font-size": DesignToken,
4446
+ "line-height": DesignToken,
4447
+ "max-inline-size": {
4448
+ "$extensions": {
4449
+ "nl.nldesignsystem.css.property": {}
4450
+ }
4451
+ },
4452
+ "min-block-size": DesignToken,
4453
+ "min-inline-size": DesignToken,
4454
+ "padding-block-end": DesignToken,
4455
+ "padding-block-start": DesignToken,
4456
+ "padding-inline-end": DesignToken,
4457
+ "padding-inline-start": DesignToken,
4458
+ "hover": {
4459
+ "background-color": DesignToken,
4460
+ "color": DesignToken,
4461
+ "transform-scale": DesignToken
4462
+ },
4463
+ "focus": {
4464
+ "background-color": {
4465
+ "$extensions": {
4466
+ "nl.nldesignsystem.css.property": {},
4467
+ "nl.nldesignsystem.fallback": {}
4468
+ }
4469
+ },
4470
+ "color": {
4471
+ "$extensions": {
4472
+ "nl.nldesignsystem.css.property": {},
4473
+ "nl.nldesignsystem.fallback": {}
4474
+ }
4475
+ }
4476
+ },
4477
+ "icon": {
4478
+ "size": DesignToken
4479
+ }
4480
+ },
4481
+ "toptask-link-nav": {
4482
+ "gap": {
4483
+ "$extensions": {
4484
+ "nl.nldesignsystem.css.property": {}
4485
+ }
4486
+ },
4487
+ "link": {
4488
+ "grid": {
4489
+ "max-inline-width": {}
4490
+ }
4491
+ }
4492
+ },
4493
+ "unordered-list": {
4494
+ "font-size": {
4495
+ "$extensions": {
4496
+ "nl.nldesignsystem.css.property": {},
4497
+ "nl.nldesignsystem.fallback": {}
4498
+ }
4499
+ },
4500
+ "line-height": {
4501
+ "$extensions": {
4502
+ "nl.nldesignsystem.css.property": {
4503
+ "syntax": {}
4504
+ },
4505
+ "nl.nldesignsystem.fallback": {}
4506
+ }
4507
+ },
4508
+ "margin-block-start": DesignToken,
4509
+ "margin-block-end": DesignToken,
4510
+ "padding-inline-start": {
4511
+ "$extensions": {
4512
+ "nl.nldesignsystem.css.property": {}
4513
+ }
4514
+ },
4515
+ "item": {
4516
+ "margin-block-start": DesignToken,
4517
+ "margin-block-end": DesignToken,
4518
+ "padding-inline-start": {
4519
+ "$extensions": {
4520
+ "nl.nldesignsystem.css.property": {}
4521
+ }
4522
+ }
4523
+ },
4524
+ "marker": {
4525
+ "color": DesignToken
4526
+ }
4527
+ },
4528
+ "url-data": {},
4529
+ "vega-visualization": {
4530
+ "font-family": {
4531
+ "$extensions": {
4532
+ "nl.nldesignsystem.css.property": {}
4533
+ }
4534
+ },
4535
+ "axis": {
4536
+ "domain": {
4537
+ "color": {
4538
+ "$extensions": {
4539
+ "nl.nldesignsystem.css.property": {}
4540
+ }
4541
+ }
4542
+ }
4543
+ }
4544
+ },
4545
+ "color": {
4546
+ "red": {
4547
+ "20": DesignToken,
4548
+ "30": DesignToken,
4549
+ "40": DesignToken,
4550
+ "95": DesignToken
4551
+ },
4552
+ "blue": {
4553
+ "20": DesignToken,
4554
+ "30": DesignToken,
4555
+ "35": DesignToken,
4556
+ "40": DesignToken,
4557
+ "50": DesignToken,
4558
+ "60": DesignToken,
4559
+ "80": DesignToken,
4560
+ "90": DesignToken
4561
+ },
4562
+ "grey": {
4563
+ "10": DesignToken,
4564
+ "15": DesignToken,
4565
+ "20": DesignToken,
4566
+ "30": DesignToken,
4567
+ "40": DesignToken,
4568
+ "80": DesignToken,
4569
+ "90": DesignToken,
4570
+ "95": DesignToken
4571
+ },
4572
+ "yellow": {
4573
+ "20": DesignToken,
4574
+ "40": DesignToken,
4575
+ "50": DesignToken,
4576
+ "60": DesignToken,
4577
+ "80": DesignToken
4578
+ },
4579
+ "green": {
4580
+ "30": DesignToken,
4581
+ "40": DesignToken,
4582
+ "50": DesignToken,
4583
+ "80": DesignToken,
4584
+ "90": DesignToken
4585
+ },
4586
+ "secondary": {
4587
+ "purple": DesignToken,
4588
+ "magenta": DesignToken,
4589
+ "red": DesignToken,
4590
+ "orange": DesignToken,
4591
+ "yellow": DesignToken,
4592
+ "lime": DesignToken,
4593
+ "green": DesignToken,
4594
+ "cyan": DesignToken,
4595
+ "blue": DesignToken,
4596
+ "navy": DesignToken,
4597
+ "brown": DesignToken,
4598
+ "grey": DesignToken
4599
+ },
4600
+ "invalid": DesignToken,
4601
+ "white": DesignToken,
4602
+ "black": DesignToken
4603
+ },
4604
+ "icon-scale": {
4605
+ "3xs": DesignToken,
4606
+ "2xs": DesignToken,
4607
+ "xs": DesignToken,
4608
+ "sm": DesignToken,
4609
+ "md": DesignToken,
4610
+ "lg": DesignToken,
4611
+ "xl": DesignToken,
4612
+ "2xl": DesignToken,
4613
+ "3xl": DesignToken,
4614
+ "4xl": DesignToken
4615
+ },
4616
+ "typography": {
4617
+ "sans-serif": {
4618
+ "font-family": DesignToken
4619
+ },
4620
+ "scale": {
4621
+ "sm": {
4622
+ "font-size": DesignToken
4623
+ },
4624
+ "md": {
4625
+ "font-size": DesignToken
4626
+ },
4627
+ "lg": {
4628
+ "font-size": DesignToken
4629
+ },
4630
+ "xl": {
4631
+ "font-size": DesignToken
4632
+ },
4633
+ "2xl": {
4634
+ "font-size": DesignToken
4635
+ },
4636
+ "3xl": {
4637
+ "font-size": DesignToken
4638
+ },
4639
+ "4xl": {
4640
+ "font-size": DesignToken
4641
+ }
4642
+ },
4643
+ "weight-scale": {
4644
+ "bold": {
4645
+ "font-weight": DesignToken
4646
+ },
4647
+ "normal": {
4648
+ "font-weight": DesignToken
4649
+ }
4650
+ },
4651
+ "font-style": {
4652
+ "normal": DesignToken,
4653
+ "inherit": DesignToken
4654
+ },
4655
+ "line-height": {
4656
+ "xs": DesignToken,
4657
+ "sm": DesignToken,
4658
+ "md": DesignToken,
4659
+ "lg": DesignToken
4660
+ }
4661
+ },
4662
+ "border-width": {
4663
+ "sm": DesignToken,
4664
+ "md": DesignToken
4665
+ },
4666
+ "border-radius": {
4667
+ "sm": DesignToken,
4668
+ "md": DesignToken,
4669
+ "lg": DesignToken,
4670
+ "round": DesignToken,
4671
+ "none": DesignToken
4672
+ },
4673
+ "border-style": {
4674
+ "solid": DesignToken,
4675
+ "dotted": DesignToken
4676
+ },
4677
+ "stack": {
4678
+ "focus": {
4679
+ "z-index": DesignToken
4680
+ }
4681
+ },
4682
+ "menulijst": {
4683
+ "item": {
4684
+ "color": DesignToken,
4685
+ "hover": {
4686
+ "color": DesignToken
4687
+ }
4688
+ }
4689
+ },
4690
+ "toptask-nav": {
4691
+ "gap": DesignToken,
4692
+ "link": {
4693
+ "grid": {
4694
+ "max-inline-size": DesignToken
4695
+ }
4696
+ }
4697
+ }
4698
+ },
4699
+ "denhaag": {
4700
+ "process-steps": {
4701
+ "font-family": DesignToken,
4702
+ "font-size": {
4703
+ "$extensions": {
4704
+ "nl.nldesignsystem.css.property": {}
4705
+ }
4706
+ },
4707
+ "line-height": {
4708
+ "$extensions": {
4709
+ "nl.nldesignsystem.css.property": {
4710
+ "syntax": {}
4711
+ }
4712
+ }
4713
+ },
4714
+ "step-heading": {
4715
+ "color": DesignToken,
4716
+ "font-family": DesignToken,
4717
+ "font-size": DesignToken,
4718
+ "font-weight": DesignToken,
4719
+ "current": {
4720
+ "color": DesignToken
4721
+ },
4722
+ "checked": {
4723
+ "color": DesignToken,
4724
+ "background-color": DesignToken
4725
+ },
4726
+ "not-checked": {
4727
+ "color": DesignToken
4728
+ },
4729
+ "warning": {
4730
+ "color": DesignToken
4731
+ }
4732
+ },
4733
+ "step-marker": {
4734
+ "border-color": DesignToken,
4735
+ "background-color": DesignToken,
4736
+ "border-width": DesignToken,
4737
+ "color": DesignToken,
4738
+ "font-size": DesignToken,
4739
+ "font-weight": DesignToken,
4740
+ "current": {
4741
+ "border-color": DesignToken,
4742
+ "background-color": DesignToken,
4743
+ "border-width": DesignToken,
4744
+ "color": DesignToken
4745
+ },
4746
+ "checked": {
4747
+ "border-color": DesignToken,
4748
+ "background-color": DesignToken,
4749
+ "border-width": DesignToken,
4750
+ "color": DesignToken
4751
+ },
4752
+ "warning": {
4753
+ "border-color": DesignToken,
4754
+ "background-color": DesignToken,
4755
+ "color": DesignToken
4756
+ },
4757
+ "size": DesignToken
4758
+ },
4759
+ "sub-step-marker": {
4760
+ "border-color": DesignToken,
4761
+ "current": {
4762
+ "border-color": {
4763
+ "$extensions": {
4764
+ "nl.nldesignsystem.css.property": {}
4765
+ }
4766
+ }
4767
+ },
4768
+ "checked": {
4769
+ "border-color": {
4770
+ "$extensions": {
4771
+ "nl.nldesignsystem.css.property": {}
4772
+ }
4773
+ }
4774
+ },
4775
+ "not-checked": {
4776
+ "border-color": {
4777
+ "$extensions": {
4778
+ "nl.nldesignsystem.css.property": {}
4779
+ }
4780
+ }
4781
+ },
4782
+ "warning": {
4783
+ "border-color": {
4784
+ "$extensions": {
4785
+ "nl.nldesignsystem.css.property": {}
4786
+ }
4787
+ }
4788
+ },
4789
+ "background-color": DesignToken,
4790
+ "size": DesignToken
4791
+ },
4792
+ "step-line": {
4793
+ "stroke-width": DesignToken,
4794
+ "color": DesignToken,
4795
+ "checked": {
4796
+ "color": DesignToken
4797
+ },
4798
+ "warning": {
4799
+ "color": DesignToken
4800
+ }
4801
+ },
4802
+ "step-metadata": {
4803
+ "color": DesignToken,
4804
+ "font-size": DesignToken
4805
+ },
4806
+ "step-description": {
4807
+ "color": DesignToken,
4808
+ "font-size": DesignToken
4809
+ },
4810
+ "sub-step": {},
4811
+ "sub-step-heading": {
4812
+ "color": DesignToken,
4813
+ "font-family": {
4814
+ "$extensions": {
4815
+ "nl.nldesignsystem.css.property": {}
4816
+ }
4817
+ },
4818
+ "font-size": DesignToken,
4819
+ "font-weight": DesignToken
4820
+ },
4821
+ "sub-step-line": {
4822
+ "color": DesignToken
4823
+ }
4824
+ }
4825
+ },
4826
+ "of": {
4827
+ "layout": {
4828
+ "background": DesignToken,
4829
+ "bg": DesignToken
4830
+ },
4831
+ "page-footer": {
4832
+ "bg": DesignToken,
4833
+ "fg": DesignToken
4834
+ },
4835
+ "progress-indicator": {
4836
+ "background-color": DesignToken,
4837
+ "mobile": {
4838
+ "box-shadow": DesignToken
4839
+ }
4840
+ }
4841
+ }
4842
+ }