@utrecht/design-tokens 2.5.0 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -0
- package/dist/_mixin-theme.scss +24 -19
- package/dist/_mixin.scss +24 -19
- package/dist/_variables.scss +24 -19
- package/dist/dark/_mixin-theme.scss +23 -18
- package/dist/dark/_mixin.scss +23 -18
- package/dist/dark/_variables.scss +23 -18
- package/dist/dark/index.cjs +23 -18
- package/dist/dark/index.css +23 -18
- package/dist/dark/index.d.ts +7 -2
- package/dist/dark/index.flat.json +23 -18
- package/dist/dark/index.json +242 -86
- package/dist/dark/index.mjs +23 -18
- package/dist/dark/index.tokens.json +48 -38
- package/dist/dark/list.json +242 -86
- package/dist/dark/list.mjs +242 -86
- package/dist/dark/property.css +7 -3
- package/dist/dark/root.css +23 -18
- package/dist/dark/theme-prince-xml.css +23 -18
- package/dist/dark/theme.css +23 -18
- package/dist/dark/tokens.cjs +275 -114
- package/dist/dark/tokens.d.ts +22 -12
- package/dist/dark/tokens.json +275 -114
- package/dist/dark/variables.cjs +23 -18
- package/dist/dark/variables.css +23 -18
- package/dist/dark/variables.d.ts +7 -2
- package/dist/dark/variables.json +23 -18
- package/dist/dark/variables.less +23 -18
- package/dist/dark/variables.mjs +23 -18
- package/dist/index.cjs +24 -19
- package/dist/index.css +47 -37
- package/dist/index.d.ts +7 -2
- package/dist/index.flat.json +24 -19
- package/dist/index.json +244 -88
- package/dist/index.mjs +24 -19
- package/dist/index.tokens.json +49 -39
- package/dist/list.json +244 -88
- package/dist/list.mjs +244 -88
- package/dist/property.css +7 -3
- package/dist/root.css +24 -19
- package/dist/theme-prince-xml.css +24 -19
- package/dist/theme.css +24 -19
- package/dist/tokens.cjs +277 -116
- package/dist/tokens.d.ts +22 -12
- package/dist/tokens.json +277 -116
- package/dist/variables.cjs +24 -19
- package/dist/variables.css +24 -19
- package/dist/variables.d.ts +7 -2
- package/dist/variables.json +24 -19
- package/dist/variables.less +24 -19
- package/dist/variables.mjs +24 -19
- package/package.json +1 -1
- package/src/component/utrecht/accordion.tokens.json +30 -19
- package/src/component/utrecht/backdrop.tokens.json +1 -1
package/dist/dark/tokens.json
CHANGED
|
@@ -27,36 +27,9 @@
|
|
|
27
27
|
"syntax": "<length>",
|
|
28
28
|
"inherits": true
|
|
29
29
|
},
|
|
30
|
-
"nl.nldesignsystem.figma.supports-token": false
|
|
31
|
-
"studio.tokens": {
|
|
32
|
-
"originalType": "spacing"
|
|
33
|
-
}
|
|
34
|
-
},
|
|
35
|
-
"type": "dimension",
|
|
36
|
-
"value": "8px",
|
|
37
|
-
"filePath": "src/component/utrecht/accordion.tokens.json",
|
|
38
|
-
"isSource": true,
|
|
39
|
-
"original": {
|
|
40
|
-
"$extensions": {
|
|
41
|
-
"nl.nldesignsystem.css.property": {
|
|
42
|
-
"syntax": "<length>",
|
|
43
|
-
"inherits": true
|
|
44
|
-
},
|
|
45
|
-
"nl.nldesignsystem.figma.supports-token": false,
|
|
46
|
-
"studio.tokens": {
|
|
47
|
-
"originalType": "spacing"
|
|
48
|
-
}
|
|
49
|
-
},
|
|
50
|
-
"type": "dimension",
|
|
51
|
-
"value": "{utrecht.space.block.xs}"
|
|
30
|
+
"nl.nldesignsystem.figma.supports-token": false
|
|
52
31
|
},
|
|
53
|
-
"
|
|
54
|
-
"attributes": {},
|
|
55
|
-
"path": [
|
|
56
|
-
"utrecht",
|
|
57
|
-
"accordion",
|
|
58
|
-
"row-gap"
|
|
59
|
-
]
|
|
32
|
+
"type": "spacing"
|
|
60
33
|
},
|
|
61
34
|
"button": {
|
|
62
35
|
"padding-inline-end": {
|
|
@@ -71,7 +44,7 @@
|
|
|
71
44
|
}
|
|
72
45
|
},
|
|
73
46
|
"type": "dimension",
|
|
74
|
-
"value": "
|
|
47
|
+
"value": "8px",
|
|
75
48
|
"filePath": "src/component/utrecht/accordion.tokens.json",
|
|
76
49
|
"isSource": true,
|
|
77
50
|
"original": {
|
|
@@ -86,7 +59,7 @@
|
|
|
86
59
|
}
|
|
87
60
|
},
|
|
88
61
|
"type": "dimension",
|
|
89
|
-
"value": "{utrecht.space.block.
|
|
62
|
+
"value": "{utrecht.space.block.xs}"
|
|
90
63
|
},
|
|
91
64
|
"name": "utrechtAccordionButtonPaddingInlineEnd",
|
|
92
65
|
"attributes": {},
|
|
@@ -109,7 +82,7 @@
|
|
|
109
82
|
}
|
|
110
83
|
},
|
|
111
84
|
"type": "dimension",
|
|
112
|
-
"value": "
|
|
85
|
+
"value": "8px",
|
|
113
86
|
"filePath": "src/component/utrecht/accordion.tokens.json",
|
|
114
87
|
"isSource": true,
|
|
115
88
|
"original": {
|
|
@@ -124,7 +97,7 @@
|
|
|
124
97
|
}
|
|
125
98
|
},
|
|
126
99
|
"type": "dimension",
|
|
127
|
-
"value": "{utrecht.space.block.
|
|
100
|
+
"value": "{utrecht.space.block.xs}"
|
|
128
101
|
},
|
|
129
102
|
"name": "utrechtAccordionButtonPaddingInlineStart",
|
|
130
103
|
"attributes": {},
|
|
@@ -147,7 +120,7 @@
|
|
|
147
120
|
}
|
|
148
121
|
},
|
|
149
122
|
"type": "dimension",
|
|
150
|
-
"value": "
|
|
123
|
+
"value": "16px",
|
|
151
124
|
"filePath": "src/component/utrecht/accordion.tokens.json",
|
|
152
125
|
"isSource": true,
|
|
153
126
|
"original": {
|
|
@@ -162,7 +135,7 @@
|
|
|
162
135
|
}
|
|
163
136
|
},
|
|
164
137
|
"type": "dimension",
|
|
165
|
-
"value": "{utrecht.space.block.
|
|
138
|
+
"value": "{utrecht.space.block.md}"
|
|
166
139
|
},
|
|
167
140
|
"name": "utrechtAccordionButtonPaddingBlockEnd",
|
|
168
141
|
"attributes": {},
|
|
@@ -185,7 +158,7 @@
|
|
|
185
158
|
}
|
|
186
159
|
},
|
|
187
160
|
"type": "dimension",
|
|
188
|
-
"value": "
|
|
161
|
+
"value": "16px",
|
|
189
162
|
"filePath": "src/component/utrecht/accordion.tokens.json",
|
|
190
163
|
"isSource": true,
|
|
191
164
|
"original": {
|
|
@@ -200,7 +173,7 @@
|
|
|
200
173
|
}
|
|
201
174
|
},
|
|
202
175
|
"type": "dimension",
|
|
203
|
-
"value": "{utrecht.space.block.
|
|
176
|
+
"value": "{utrecht.space.block.md}"
|
|
204
177
|
},
|
|
205
178
|
"name": "utrechtAccordionButtonPaddingBlockStart",
|
|
206
179
|
"attributes": {},
|
|
@@ -219,29 +192,7 @@
|
|
|
219
192
|
},
|
|
220
193
|
"nl.nldesignsystem.figma.supports-token": true
|
|
221
194
|
},
|
|
222
|
-
"type": "color"
|
|
223
|
-
"value": "hsl(0 0% 95%)",
|
|
224
|
-
"filePath": "src/component/utrecht/accordion.tokens.json",
|
|
225
|
-
"isSource": true,
|
|
226
|
-
"original": {
|
|
227
|
-
"$extensions": {
|
|
228
|
-
"nl.nldesignsystem.css.property": {
|
|
229
|
-
"syntax": "<color>",
|
|
230
|
-
"inherits": true
|
|
231
|
-
},
|
|
232
|
-
"nl.nldesignsystem.figma.supports-token": true
|
|
233
|
-
},
|
|
234
|
-
"type": "color",
|
|
235
|
-
"value": "{utrecht.color.grey.95}"
|
|
236
|
-
},
|
|
237
|
-
"name": "utrechtAccordionButtonBackgroundColor",
|
|
238
|
-
"attributes": {},
|
|
239
|
-
"path": [
|
|
240
|
-
"utrecht",
|
|
241
|
-
"accordion",
|
|
242
|
-
"button",
|
|
243
|
-
"background-color"
|
|
244
|
-
]
|
|
195
|
+
"type": "color"
|
|
245
196
|
},
|
|
246
197
|
"color": {
|
|
247
198
|
"$extensions": {
|
|
@@ -252,7 +203,7 @@
|
|
|
252
203
|
"nl.nldesignsystem.figma.supports-token": true
|
|
253
204
|
},
|
|
254
205
|
"type": "color",
|
|
255
|
-
"value": "hsl(
|
|
206
|
+
"value": "hsl(211 60% 40%)",
|
|
256
207
|
"filePath": "src/component/utrecht/accordion.tokens.json",
|
|
257
208
|
"isSource": true,
|
|
258
209
|
"original": {
|
|
@@ -264,7 +215,7 @@
|
|
|
264
215
|
"nl.nldesignsystem.figma.supports-token": true
|
|
265
216
|
},
|
|
266
217
|
"type": "color",
|
|
267
|
-
"value": "{utrecht.color.
|
|
218
|
+
"value": "{utrecht.color.blue.40}"
|
|
268
219
|
},
|
|
269
220
|
"name": "utrechtAccordionButtonColor",
|
|
270
221
|
"attributes": {},
|
|
@@ -284,7 +235,7 @@
|
|
|
284
235
|
"nl.nldesignsystem.figma.supports-token": true
|
|
285
236
|
},
|
|
286
237
|
"type": "color",
|
|
287
|
-
"value": "
|
|
238
|
+
"value": "transparent",
|
|
288
239
|
"filePath": "src/component/utrecht/accordion.tokens.json",
|
|
289
240
|
"isSource": true,
|
|
290
241
|
"original": {
|
|
@@ -296,7 +247,7 @@
|
|
|
296
247
|
"nl.nldesignsystem.figma.supports-token": true
|
|
297
248
|
},
|
|
298
249
|
"type": "color",
|
|
299
|
-
"value": "
|
|
250
|
+
"value": "transparent"
|
|
300
251
|
},
|
|
301
252
|
"name": "utrechtAccordionButtonBorderColor",
|
|
302
253
|
"attributes": {},
|
|
@@ -375,7 +326,7 @@
|
|
|
375
326
|
"nl.nldesignsystem.figma.supports-token": true
|
|
376
327
|
},
|
|
377
328
|
"type": "color",
|
|
378
|
-
"value": "
|
|
329
|
+
"value": "hsl(0 0% 95%)",
|
|
379
330
|
"filePath": "src/component/utrecht/accordion.tokens.json",
|
|
380
331
|
"isSource": true,
|
|
381
332
|
"original": {
|
|
@@ -387,7 +338,7 @@
|
|
|
387
338
|
"nl.nldesignsystem.figma.supports-token": true
|
|
388
339
|
},
|
|
389
340
|
"type": "color",
|
|
390
|
-
"value": "
|
|
341
|
+
"value": "{utrecht.color.grey.95}"
|
|
391
342
|
},
|
|
392
343
|
"name": "utrechtAccordionButtonHoverBackgroundColor",
|
|
393
344
|
"attributes": {},
|
|
@@ -408,7 +359,7 @@
|
|
|
408
359
|
"nl.nldesignsystem.figma.supports-token": true
|
|
409
360
|
},
|
|
410
361
|
"type": "color",
|
|
411
|
-
"value": "
|
|
362
|
+
"value": "transparent",
|
|
412
363
|
"filePath": "src/component/utrecht/accordion.tokens.json",
|
|
413
364
|
"isSource": true,
|
|
414
365
|
"original": {
|
|
@@ -420,7 +371,7 @@
|
|
|
420
371
|
"nl.nldesignsystem.figma.supports-token": true
|
|
421
372
|
},
|
|
422
373
|
"type": "color",
|
|
423
|
-
"value": "
|
|
374
|
+
"value": "transparent"
|
|
424
375
|
},
|
|
425
376
|
"name": "utrechtAccordionButtonHoverBorderColor",
|
|
426
377
|
"attributes": {},
|
|
@@ -441,7 +392,7 @@
|
|
|
441
392
|
"nl.nldesignsystem.figma.supports-token": true
|
|
442
393
|
},
|
|
443
394
|
"type": "color",
|
|
444
|
-
"value": "hsl(
|
|
395
|
+
"value": "hsl(211 60% 40%)",
|
|
445
396
|
"filePath": "src/component/utrecht/accordion.tokens.json",
|
|
446
397
|
"isSource": true,
|
|
447
398
|
"original": {
|
|
@@ -453,7 +404,7 @@
|
|
|
453
404
|
"nl.nldesignsystem.figma.supports-token": true
|
|
454
405
|
},
|
|
455
406
|
"type": "color",
|
|
456
|
-
"value": "{utrecht.color.
|
|
407
|
+
"value": "{utrecht.color.blue.40}"
|
|
457
408
|
},
|
|
458
409
|
"name": "utrechtAccordionButtonHoverColor",
|
|
459
410
|
"attributes": {},
|
|
@@ -476,7 +427,7 @@
|
|
|
476
427
|
"nl.nldesignsystem.figma.supports-token": true
|
|
477
428
|
},
|
|
478
429
|
"type": "color",
|
|
479
|
-
"value": "hsl(0 0%
|
|
430
|
+
"value": "hsl(0 0% 100%)",
|
|
480
431
|
"filePath": "src/component/utrecht/accordion.tokens.json",
|
|
481
432
|
"isSource": true,
|
|
482
433
|
"original": {
|
|
@@ -488,7 +439,7 @@
|
|
|
488
439
|
"nl.nldesignsystem.figma.supports-token": true
|
|
489
440
|
},
|
|
490
441
|
"type": "color",
|
|
491
|
-
"value": "{utrecht.color.
|
|
442
|
+
"value": "{utrecht.color.white}"
|
|
492
443
|
},
|
|
493
444
|
"name": "utrechtAccordionButtonActiveBackgroundColor",
|
|
494
445
|
"attributes": {},
|
|
@@ -509,7 +460,7 @@
|
|
|
509
460
|
"nl.nldesignsystem.figma.supports-token": true
|
|
510
461
|
},
|
|
511
462
|
"type": "color",
|
|
512
|
-
"value": "
|
|
463
|
+
"value": "transparent",
|
|
513
464
|
"filePath": "src/component/utrecht/accordion.tokens.json",
|
|
514
465
|
"isSource": true,
|
|
515
466
|
"original": {
|
|
@@ -521,7 +472,7 @@
|
|
|
521
472
|
"nl.nldesignsystem.figma.supports-token": true
|
|
522
473
|
},
|
|
523
474
|
"type": "color",
|
|
524
|
-
"value": "
|
|
475
|
+
"value": "transparent"
|
|
525
476
|
},
|
|
526
477
|
"name": "utrechtAccordionButtonActiveBorderColor",
|
|
527
478
|
"attributes": {},
|
|
@@ -577,7 +528,7 @@
|
|
|
577
528
|
"nl.nldesignsystem.figma.supports-token": true
|
|
578
529
|
},
|
|
579
530
|
"type": "color",
|
|
580
|
-
"value": "hsl(0 0%
|
|
531
|
+
"value": "hsl(0 0% 100%)",
|
|
581
532
|
"filePath": "src/component/utrecht/accordion.tokens.json",
|
|
582
533
|
"isSource": true,
|
|
583
534
|
"original": {
|
|
@@ -589,7 +540,7 @@
|
|
|
589
540
|
"nl.nldesignsystem.figma.supports-token": true
|
|
590
541
|
},
|
|
591
542
|
"type": "color",
|
|
592
|
-
"value": "{utrecht.color.
|
|
543
|
+
"value": "{utrecht.color.white}"
|
|
593
544
|
},
|
|
594
545
|
"name": "utrechtAccordionButtonFocusBackgroundColor",
|
|
595
546
|
"attributes": {},
|
|
@@ -610,7 +561,7 @@
|
|
|
610
561
|
"nl.nldesignsystem.figma.supports-token": true
|
|
611
562
|
},
|
|
612
563
|
"type": "color",
|
|
613
|
-
"value": "
|
|
564
|
+
"value": "transparent",
|
|
614
565
|
"filePath": "src/component/utrecht/accordion.tokens.json",
|
|
615
566
|
"isSource": true,
|
|
616
567
|
"original": {
|
|
@@ -622,7 +573,7 @@
|
|
|
622
573
|
"nl.nldesignsystem.figma.supports-token": true
|
|
623
574
|
},
|
|
624
575
|
"type": "color",
|
|
625
|
-
"value": "
|
|
576
|
+
"value": "transparent"
|
|
626
577
|
},
|
|
627
578
|
"name": "utrechtAccordionButtonFocusBorderColor",
|
|
628
579
|
"attributes": {},
|
|
@@ -668,20 +619,53 @@
|
|
|
668
619
|
]
|
|
669
620
|
}
|
|
670
621
|
},
|
|
671
|
-
"
|
|
672
|
-
"
|
|
622
|
+
"focus-visible": {
|
|
623
|
+
"border-color": {
|
|
624
|
+
"$extensions": {
|
|
625
|
+
"nl.nldesignsystem.css.property": {
|
|
626
|
+
"syntax": "<color>",
|
|
627
|
+
"inherits": true
|
|
628
|
+
},
|
|
629
|
+
"nl.nldesignsystem.figma.supports-token": false
|
|
630
|
+
},
|
|
631
|
+
"type": "color",
|
|
632
|
+
"value": "hsl(0 0% 90%)",
|
|
633
|
+
"filePath": "src/component/utrecht/accordion.tokens.json",
|
|
634
|
+
"isSource": true,
|
|
635
|
+
"original": {
|
|
636
|
+
"$extensions": {
|
|
637
|
+
"nl.nldesignsystem.css.property": {
|
|
638
|
+
"syntax": "<color>",
|
|
639
|
+
"inherits": true
|
|
640
|
+
},
|
|
641
|
+
"nl.nldesignsystem.figma.supports-token": false
|
|
642
|
+
},
|
|
643
|
+
"type": "color",
|
|
644
|
+
"value": "{utrecht.color.grey.90}"
|
|
645
|
+
},
|
|
646
|
+
"name": "utrechtAccordionButtonFocusVisibleBorderColor",
|
|
647
|
+
"attributes": {},
|
|
648
|
+
"path": [
|
|
649
|
+
"utrecht",
|
|
650
|
+
"accordion",
|
|
651
|
+
"button",
|
|
652
|
+
"focus-visible",
|
|
653
|
+
"border-color"
|
|
654
|
+
]
|
|
655
|
+
},
|
|
656
|
+
"border-width": {
|
|
673
657
|
"$extensions": {
|
|
674
658
|
"nl.nldesignsystem.css.property": {
|
|
675
659
|
"syntax": "<length>",
|
|
676
660
|
"inherits": true
|
|
677
661
|
},
|
|
678
|
-
"nl.nldesignsystem.figma.supports-token":
|
|
662
|
+
"nl.nldesignsystem.figma.supports-token": false,
|
|
679
663
|
"studio.tokens": {
|
|
680
|
-
"originalType": "
|
|
664
|
+
"originalType": "borderWidth"
|
|
681
665
|
}
|
|
682
666
|
},
|
|
683
667
|
"type": "dimension",
|
|
684
|
-
"value": "
|
|
668
|
+
"value": "2px",
|
|
685
669
|
"filePath": "src/component/utrecht/accordion.tokens.json",
|
|
686
670
|
"isSource": true,
|
|
687
671
|
"original": {
|
|
@@ -690,66 +674,137 @@
|
|
|
690
674
|
"syntax": "<length>",
|
|
691
675
|
"inherits": true
|
|
692
676
|
},
|
|
693
|
-
"nl.nldesignsystem.figma.supports-token":
|
|
677
|
+
"nl.nldesignsystem.figma.supports-token": false,
|
|
694
678
|
"studio.tokens": {
|
|
695
|
-
"originalType": "
|
|
679
|
+
"originalType": "borderWidth"
|
|
696
680
|
}
|
|
697
681
|
},
|
|
698
682
|
"type": "dimension",
|
|
699
|
-
"value": "
|
|
683
|
+
"value": "2px"
|
|
700
684
|
},
|
|
701
|
-
"name": "
|
|
685
|
+
"name": "utrechtAccordionButtonFocusVisibleBorderWidth",
|
|
702
686
|
"attributes": {},
|
|
703
687
|
"path": [
|
|
704
688
|
"utrecht",
|
|
705
689
|
"accordion",
|
|
706
690
|
"button",
|
|
707
|
-
"
|
|
708
|
-
"
|
|
691
|
+
"focus-visible",
|
|
692
|
+
"border-width"
|
|
709
693
|
]
|
|
710
694
|
},
|
|
711
|
-
"
|
|
712
|
-
"
|
|
695
|
+
"background-color": {
|
|
696
|
+
"$extensions": {
|
|
697
|
+
"nl.nldesignsystem.css.property": {
|
|
698
|
+
"syntax": "<color>",
|
|
699
|
+
"inherits": true
|
|
700
|
+
},
|
|
701
|
+
"nl.nldesignsystem.figma.supports-token": false
|
|
702
|
+
},
|
|
703
|
+
"type": "color",
|
|
704
|
+
"value": "hsl(48 100% 80%)",
|
|
705
|
+
"filePath": "src/component/utrecht/accordion.tokens.json",
|
|
706
|
+
"isSource": true,
|
|
707
|
+
"original": {
|
|
713
708
|
"$extensions": {
|
|
714
709
|
"nl.nldesignsystem.css.property": {
|
|
715
|
-
"syntax": "<
|
|
710
|
+
"syntax": "<color>",
|
|
716
711
|
"inherits": true
|
|
717
712
|
},
|
|
718
713
|
"nl.nldesignsystem.figma.supports-token": false
|
|
719
714
|
},
|
|
720
|
-
"type": "
|
|
715
|
+
"type": "color",
|
|
716
|
+
"value": "{utrecht.color.yellow.80}"
|
|
717
|
+
},
|
|
718
|
+
"name": "utrechtAccordionButtonFocusVisibleBackgroundColor",
|
|
719
|
+
"attributes": {},
|
|
720
|
+
"path": [
|
|
721
|
+
"utrecht",
|
|
722
|
+
"accordion",
|
|
723
|
+
"button",
|
|
724
|
+
"focus-visible",
|
|
725
|
+
"background-color"
|
|
726
|
+
]
|
|
727
|
+
},
|
|
728
|
+
"color": {
|
|
729
|
+
"$extensions": {
|
|
730
|
+
"nl.nldesignsystem.css.property": {
|
|
731
|
+
"syntax": "<color>",
|
|
732
|
+
"inherits": true
|
|
733
|
+
},
|
|
734
|
+
"nl.nldesignsystem.figma.supports-token": false
|
|
721
735
|
},
|
|
722
|
-
"
|
|
736
|
+
"type": "color",
|
|
737
|
+
"value": "hsl(211 60% 40%)",
|
|
738
|
+
"filePath": "src/component/utrecht/accordion.tokens.json",
|
|
739
|
+
"isSource": true,
|
|
740
|
+
"original": {
|
|
723
741
|
"$extensions": {
|
|
724
742
|
"nl.nldesignsystem.css.property": {
|
|
725
|
-
"syntax": "<
|
|
743
|
+
"syntax": "<color>",
|
|
726
744
|
"inherits": true
|
|
727
745
|
},
|
|
728
746
|
"nl.nldesignsystem.figma.supports-token": false
|
|
729
747
|
},
|
|
730
|
-
"type": "
|
|
748
|
+
"type": "color",
|
|
749
|
+
"value": "{utrecht.color.blue.40}"
|
|
731
750
|
},
|
|
732
|
-
"
|
|
751
|
+
"name": "utrechtAccordionButtonFocusVisibleColor",
|
|
752
|
+
"attributes": {},
|
|
753
|
+
"path": [
|
|
754
|
+
"utrecht",
|
|
755
|
+
"accordion",
|
|
756
|
+
"button",
|
|
757
|
+
"focus-visible",
|
|
758
|
+
"color"
|
|
759
|
+
]
|
|
760
|
+
}
|
|
761
|
+
},
|
|
762
|
+
"icon": {
|
|
763
|
+
"size": {
|
|
764
|
+
"$extensions": {
|
|
765
|
+
"nl.nldesignsystem.css.property": {
|
|
766
|
+
"syntax": "<length>",
|
|
767
|
+
"inherits": true
|
|
768
|
+
},
|
|
769
|
+
"nl.nldesignsystem.figma.supports-token": true,
|
|
770
|
+
"studio.tokens": {
|
|
771
|
+
"originalType": "sizing"
|
|
772
|
+
}
|
|
773
|
+
},
|
|
774
|
+
"type": "dimension",
|
|
775
|
+
"value": "24px",
|
|
776
|
+
"filePath": "src/component/utrecht/accordion.tokens.json",
|
|
777
|
+
"isSource": true,
|
|
778
|
+
"original": {
|
|
733
779
|
"$extensions": {
|
|
734
780
|
"nl.nldesignsystem.css.property": {
|
|
735
|
-
"syntax": "<
|
|
781
|
+
"syntax": "<length>",
|
|
736
782
|
"inherits": true
|
|
737
783
|
},
|
|
738
|
-
"nl.nldesignsystem.figma.supports-token":
|
|
784
|
+
"nl.nldesignsystem.figma.supports-token": true,
|
|
785
|
+
"studio.tokens": {
|
|
786
|
+
"originalType": "sizing"
|
|
787
|
+
}
|
|
739
788
|
},
|
|
740
|
-
"type": "
|
|
789
|
+
"type": "dimension",
|
|
790
|
+
"value": "24px"
|
|
791
|
+
},
|
|
792
|
+
"name": "utrechtAccordionButtonIconSize",
|
|
793
|
+
"attributes": {},
|
|
794
|
+
"path": [
|
|
795
|
+
"utrecht",
|
|
796
|
+
"accordion",
|
|
797
|
+
"button",
|
|
798
|
+
"icon",
|
|
799
|
+
"size"
|
|
800
|
+
]
|
|
801
|
+
},
|
|
802
|
+
"utrecht": {
|
|
803
|
+
"background-color": {
|
|
741
804
|
"value": "hsl(48 100% 50%)",
|
|
742
805
|
"filePath": "src/component/utrecht/accordion.tokens.json",
|
|
743
806
|
"isSource": true,
|
|
744
807
|
"original": {
|
|
745
|
-
"$extensions": {
|
|
746
|
-
"nl.nldesignsystem.css.property": {
|
|
747
|
-
"syntax": "<color>",
|
|
748
|
-
"inherits": true
|
|
749
|
-
},
|
|
750
|
-
"nl.nldesignsystem.figma.supports-token": false
|
|
751
|
-
},
|
|
752
|
-
"type": "color",
|
|
753
808
|
"value": "{utrecht.color.yellow.50}"
|
|
754
809
|
},
|
|
755
810
|
"name": "utrechtAccordionButtonIconUtrechtBackgroundColor",
|
|
@@ -776,7 +831,7 @@
|
|
|
776
831
|
"nl.nldesignsystem.figma.supports-token": true
|
|
777
832
|
},
|
|
778
833
|
"type": "color",
|
|
779
|
-
"value": "
|
|
834
|
+
"value": "transparent",
|
|
780
835
|
"filePath": "src/component/utrecht/accordion.tokens.json",
|
|
781
836
|
"isSource": true,
|
|
782
837
|
"original": {
|
|
@@ -788,7 +843,7 @@
|
|
|
788
843
|
"nl.nldesignsystem.figma.supports-token": true
|
|
789
844
|
},
|
|
790
845
|
"type": "color",
|
|
791
|
-
"value": "
|
|
846
|
+
"value": "transparent"
|
|
792
847
|
},
|
|
793
848
|
"name": "utrechtAccordionPanelBorderColor",
|
|
794
849
|
"attributes": {},
|
|
@@ -811,7 +866,7 @@
|
|
|
811
866
|
}
|
|
812
867
|
},
|
|
813
868
|
"type": "dimension",
|
|
814
|
-
"value": "
|
|
869
|
+
"value": "0",
|
|
815
870
|
"filePath": "src/component/utrecht/accordion.tokens.json",
|
|
816
871
|
"isSource": true,
|
|
817
872
|
"original": {
|
|
@@ -826,7 +881,7 @@
|
|
|
826
881
|
}
|
|
827
882
|
},
|
|
828
883
|
"type": "dimension",
|
|
829
|
-
"value": "
|
|
884
|
+
"value": "0"
|
|
830
885
|
},
|
|
831
886
|
"name": "utrechtAccordionPanelBorderWidth",
|
|
832
887
|
"attributes": {},
|
|
@@ -925,7 +980,7 @@
|
|
|
925
980
|
}
|
|
926
981
|
},
|
|
927
982
|
"type": "dimension",
|
|
928
|
-
"value": "
|
|
983
|
+
"value": "32px",
|
|
929
984
|
"filePath": "src/component/utrecht/accordion.tokens.json",
|
|
930
985
|
"isSource": true,
|
|
931
986
|
"original": {
|
|
@@ -940,7 +995,7 @@
|
|
|
940
995
|
}
|
|
941
996
|
},
|
|
942
997
|
"type": "dimension",
|
|
943
|
-
"value": "{utrecht.space.block.
|
|
998
|
+
"value": "{utrecht.space.block.2xl}"
|
|
944
999
|
},
|
|
945
1000
|
"name": "utrechtAccordionPanelPaddingInlineStart",
|
|
946
1001
|
"attributes": {},
|
|
@@ -1038,6 +1093,111 @@
|
|
|
1038
1093
|
"nl.nldesignsystem.figma.supports-token": false
|
|
1039
1094
|
},
|
|
1040
1095
|
"type": "spacing"
|
|
1096
|
+
},
|
|
1097
|
+
"border-color": {
|
|
1098
|
+
"$extensions": {
|
|
1099
|
+
"nl.nldesignsystem.css.property": {
|
|
1100
|
+
"syntax": "<color>",
|
|
1101
|
+
"inherits": true
|
|
1102
|
+
},
|
|
1103
|
+
"nl.nldesignsystem.figma.supports-token": false
|
|
1104
|
+
},
|
|
1105
|
+
"type": "color",
|
|
1106
|
+
"value": "hsl(0 0% 90%)",
|
|
1107
|
+
"filePath": "src/component/utrecht/accordion.tokens.json",
|
|
1108
|
+
"isSource": true,
|
|
1109
|
+
"original": {
|
|
1110
|
+
"$extensions": {
|
|
1111
|
+
"nl.nldesignsystem.css.property": {
|
|
1112
|
+
"syntax": "<color>",
|
|
1113
|
+
"inherits": true
|
|
1114
|
+
},
|
|
1115
|
+
"nl.nldesignsystem.figma.supports-token": false
|
|
1116
|
+
},
|
|
1117
|
+
"type": "color",
|
|
1118
|
+
"value": "{utrecht.color.grey.90}"
|
|
1119
|
+
},
|
|
1120
|
+
"name": "utrechtAccordionSectionBorderColor",
|
|
1121
|
+
"attributes": {},
|
|
1122
|
+
"path": [
|
|
1123
|
+
"utrecht",
|
|
1124
|
+
"accordion",
|
|
1125
|
+
"section",
|
|
1126
|
+
"border-color"
|
|
1127
|
+
]
|
|
1128
|
+
},
|
|
1129
|
+
"border-width": {
|
|
1130
|
+
"$extensions": {
|
|
1131
|
+
"nl.nldesignsystem.css.property": {
|
|
1132
|
+
"syntax": "<length>",
|
|
1133
|
+
"inherits": true
|
|
1134
|
+
},
|
|
1135
|
+
"nl.nldesignsystem.figma.supports-token": false,
|
|
1136
|
+
"studio.tokens": {
|
|
1137
|
+
"originalType": "borderWidth"
|
|
1138
|
+
}
|
|
1139
|
+
},
|
|
1140
|
+
"type": "dimension",
|
|
1141
|
+
"value": "2px",
|
|
1142
|
+
"filePath": "src/component/utrecht/accordion.tokens.json",
|
|
1143
|
+
"isSource": true,
|
|
1144
|
+
"original": {
|
|
1145
|
+
"$extensions": {
|
|
1146
|
+
"nl.nldesignsystem.css.property": {
|
|
1147
|
+
"syntax": "<length>",
|
|
1148
|
+
"inherits": true
|
|
1149
|
+
},
|
|
1150
|
+
"nl.nldesignsystem.figma.supports-token": false,
|
|
1151
|
+
"studio.tokens": {
|
|
1152
|
+
"originalType": "borderWidth"
|
|
1153
|
+
}
|
|
1154
|
+
},
|
|
1155
|
+
"type": "dimension",
|
|
1156
|
+
"value": "2px"
|
|
1157
|
+
},
|
|
1158
|
+
"name": "utrechtAccordionSectionBorderWidth",
|
|
1159
|
+
"attributes": {},
|
|
1160
|
+
"path": [
|
|
1161
|
+
"utrecht",
|
|
1162
|
+
"accordion",
|
|
1163
|
+
"section",
|
|
1164
|
+
"border-width"
|
|
1165
|
+
]
|
|
1166
|
+
},
|
|
1167
|
+
"hover": {
|
|
1168
|
+
"border-color": {
|
|
1169
|
+
"$extensions": {
|
|
1170
|
+
"nl.nldesignsystem.css.property": {
|
|
1171
|
+
"syntax": "<color>",
|
|
1172
|
+
"inherits": true
|
|
1173
|
+
},
|
|
1174
|
+
"nl.nldesignsystem.figma.supports-token": false
|
|
1175
|
+
},
|
|
1176
|
+
"type": "color",
|
|
1177
|
+
"value": "hsl(0 0% 95%)",
|
|
1178
|
+
"filePath": "src/component/utrecht/accordion.tokens.json",
|
|
1179
|
+
"isSource": true,
|
|
1180
|
+
"original": {
|
|
1181
|
+
"$extensions": {
|
|
1182
|
+
"nl.nldesignsystem.css.property": {
|
|
1183
|
+
"syntax": "<color>",
|
|
1184
|
+
"inherits": true
|
|
1185
|
+
},
|
|
1186
|
+
"nl.nldesignsystem.figma.supports-token": false
|
|
1187
|
+
},
|
|
1188
|
+
"type": "color",
|
|
1189
|
+
"value": "{utrecht.color.grey.95}"
|
|
1190
|
+
},
|
|
1191
|
+
"name": "utrechtAccordionSectionHoverBorderColor",
|
|
1192
|
+
"attributes": {},
|
|
1193
|
+
"path": [
|
|
1194
|
+
"utrecht",
|
|
1195
|
+
"accordion",
|
|
1196
|
+
"section",
|
|
1197
|
+
"hover",
|
|
1198
|
+
"border-color"
|
|
1199
|
+
]
|
|
1200
|
+
}
|
|
1041
1201
|
}
|
|
1042
1202
|
}
|
|
1043
1203
|
},
|
|
@@ -24503,6 +24663,7 @@
|
|
|
24503
24663
|
}
|
|
24504
24664
|
}
|
|
24505
24665
|
},
|
|
24666
|
+
"open-forms-container": {},
|
|
24506
24667
|
"ordered-list": {
|
|
24507
24668
|
"font-size": {
|
|
24508
24669
|
"$extensions": {
|