@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.
Files changed (54) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/_mixin-theme.scss +24 -19
  3. package/dist/_mixin.scss +24 -19
  4. package/dist/_variables.scss +24 -19
  5. package/dist/dark/_mixin-theme.scss +23 -18
  6. package/dist/dark/_mixin.scss +23 -18
  7. package/dist/dark/_variables.scss +23 -18
  8. package/dist/dark/index.cjs +23 -18
  9. package/dist/dark/index.css +23 -18
  10. package/dist/dark/index.d.ts +7 -2
  11. package/dist/dark/index.flat.json +23 -18
  12. package/dist/dark/index.json +242 -86
  13. package/dist/dark/index.mjs +23 -18
  14. package/dist/dark/index.tokens.json +48 -38
  15. package/dist/dark/list.json +242 -86
  16. package/dist/dark/list.mjs +242 -86
  17. package/dist/dark/property.css +7 -3
  18. package/dist/dark/root.css +23 -18
  19. package/dist/dark/theme-prince-xml.css +23 -18
  20. package/dist/dark/theme.css +23 -18
  21. package/dist/dark/tokens.cjs +275 -114
  22. package/dist/dark/tokens.d.ts +22 -12
  23. package/dist/dark/tokens.json +275 -114
  24. package/dist/dark/variables.cjs +23 -18
  25. package/dist/dark/variables.css +23 -18
  26. package/dist/dark/variables.d.ts +7 -2
  27. package/dist/dark/variables.json +23 -18
  28. package/dist/dark/variables.less +23 -18
  29. package/dist/dark/variables.mjs +23 -18
  30. package/dist/index.cjs +24 -19
  31. package/dist/index.css +47 -37
  32. package/dist/index.d.ts +7 -2
  33. package/dist/index.flat.json +24 -19
  34. package/dist/index.json +244 -88
  35. package/dist/index.mjs +24 -19
  36. package/dist/index.tokens.json +49 -39
  37. package/dist/list.json +244 -88
  38. package/dist/list.mjs +244 -88
  39. package/dist/property.css +7 -3
  40. package/dist/root.css +24 -19
  41. package/dist/theme-prince-xml.css +24 -19
  42. package/dist/theme.css +24 -19
  43. package/dist/tokens.cjs +277 -116
  44. package/dist/tokens.d.ts +22 -12
  45. package/dist/tokens.json +277 -116
  46. package/dist/variables.cjs +24 -19
  47. package/dist/variables.css +24 -19
  48. package/dist/variables.d.ts +7 -2
  49. package/dist/variables.json +24 -19
  50. package/dist/variables.less +24 -19
  51. package/dist/variables.mjs +24 -19
  52. package/package.json +1 -1
  53. package/src/component/utrecht/accordion.tokens.json +30 -19
  54. package/src/component/utrecht/backdrop.tokens.json +1 -1
package/dist/tokens.cjs CHANGED
@@ -31,36 +31,9 @@ module.exports = {
31
31
  "syntax": "<length>",
32
32
  "inherits": true
33
33
  },
34
- "nl.nldesignsystem.figma.supports-token": false,
35
- "studio.tokens": {
36
- "originalType": "spacing"
37
- }
38
- },
39
- "type": "dimension",
40
- "value": "8px",
41
- "filePath": "src/component/utrecht/accordion.tokens.json",
42
- "isSource": true,
43
- "original": {
44
- "$extensions": {
45
- "nl.nldesignsystem.css.property": {
46
- "syntax": "<length>",
47
- "inherits": true
48
- },
49
- "nl.nldesignsystem.figma.supports-token": false,
50
- "studio.tokens": {
51
- "originalType": "spacing"
52
- }
53
- },
54
- "type": "dimension",
55
- "value": "{utrecht.space.block.xs}"
34
+ "nl.nldesignsystem.figma.supports-token": false
56
35
  },
57
- "name": "row-gap",
58
- "attributes": {},
59
- "path": [
60
- "utrecht",
61
- "accordion",
62
- "row-gap"
63
- ]
36
+ "type": "spacing"
64
37
  },
65
38
  "button": {
66
39
  "padding-inline-end": {
@@ -75,7 +48,7 @@ module.exports = {
75
48
  }
76
49
  },
77
50
  "type": "dimension",
78
- "value": "16px",
51
+ "value": "8px",
79
52
  "filePath": "src/component/utrecht/accordion.tokens.json",
80
53
  "isSource": true,
81
54
  "original": {
@@ -90,7 +63,7 @@ module.exports = {
90
63
  }
91
64
  },
92
65
  "type": "dimension",
93
- "value": "{utrecht.space.block.md}"
66
+ "value": "{utrecht.space.block.xs}"
94
67
  },
95
68
  "name": "padding-inline-end",
96
69
  "attributes": {},
@@ -113,7 +86,7 @@ module.exports = {
113
86
  }
114
87
  },
115
88
  "type": "dimension",
116
- "value": "16px",
89
+ "value": "8px",
117
90
  "filePath": "src/component/utrecht/accordion.tokens.json",
118
91
  "isSource": true,
119
92
  "original": {
@@ -128,7 +101,7 @@ module.exports = {
128
101
  }
129
102
  },
130
103
  "type": "dimension",
131
- "value": "{utrecht.space.block.md}"
104
+ "value": "{utrecht.space.block.xs}"
132
105
  },
133
106
  "name": "padding-inline-start",
134
107
  "attributes": {},
@@ -151,7 +124,7 @@ module.exports = {
151
124
  }
152
125
  },
153
126
  "type": "dimension",
154
- "value": "8px",
127
+ "value": "16px",
155
128
  "filePath": "src/component/utrecht/accordion.tokens.json",
156
129
  "isSource": true,
157
130
  "original": {
@@ -166,7 +139,7 @@ module.exports = {
166
139
  }
167
140
  },
168
141
  "type": "dimension",
169
- "value": "{utrecht.space.block.xs}"
142
+ "value": "{utrecht.space.block.md}"
170
143
  },
171
144
  "name": "padding-block-end",
172
145
  "attributes": {},
@@ -189,7 +162,7 @@ module.exports = {
189
162
  }
190
163
  },
191
164
  "type": "dimension",
192
- "value": "8px",
165
+ "value": "16px",
193
166
  "filePath": "src/component/utrecht/accordion.tokens.json",
194
167
  "isSource": true,
195
168
  "original": {
@@ -204,7 +177,7 @@ module.exports = {
204
177
  }
205
178
  },
206
179
  "type": "dimension",
207
- "value": "{utrecht.space.block.xs}"
180
+ "value": "{utrecht.space.block.md}"
208
181
  },
209
182
  "name": "padding-block-start",
210
183
  "attributes": {},
@@ -223,29 +196,7 @@ module.exports = {
223
196
  },
224
197
  "nl.nldesignsystem.figma.supports-token": true
225
198
  },
226
- "type": "color",
227
- "value": "hsl(0 0% 95%)",
228
- "filePath": "src/component/utrecht/accordion.tokens.json",
229
- "isSource": true,
230
- "original": {
231
- "$extensions": {
232
- "nl.nldesignsystem.css.property": {
233
- "syntax": "<color>",
234
- "inherits": true
235
- },
236
- "nl.nldesignsystem.figma.supports-token": true
237
- },
238
- "type": "color",
239
- "value": "{utrecht.color.grey.95}"
240
- },
241
- "name": "background-color",
242
- "attributes": {},
243
- "path": [
244
- "utrecht",
245
- "accordion",
246
- "button",
247
- "background-color"
248
- ]
199
+ "type": "color"
249
200
  },
250
201
  "color": {
251
202
  "$extensions": {
@@ -256,7 +207,7 @@ module.exports = {
256
207
  "nl.nldesignsystem.figma.supports-token": true
257
208
  },
258
209
  "type": "color",
259
- "value": "hsl(0 0% 10%)",
210
+ "value": "hsl(211 60% 40%)",
260
211
  "filePath": "src/component/utrecht/accordion.tokens.json",
261
212
  "isSource": true,
262
213
  "original": {
@@ -268,7 +219,7 @@ module.exports = {
268
219
  "nl.nldesignsystem.figma.supports-token": true
269
220
  },
270
221
  "type": "color",
271
- "value": "{utrecht.color.grey.10}"
222
+ "value": "{utrecht.color.blue.40}"
272
223
  },
273
224
  "name": "color",
274
225
  "attributes": {},
@@ -288,7 +239,7 @@ module.exports = {
288
239
  "nl.nldesignsystem.figma.supports-token": true
289
240
  },
290
241
  "type": "color",
291
- "value": "hsl(0 0% 95%)",
242
+ "value": "transparent",
292
243
  "filePath": "src/component/utrecht/accordion.tokens.json",
293
244
  "isSource": true,
294
245
  "original": {
@@ -300,7 +251,7 @@ module.exports = {
300
251
  "nl.nldesignsystem.figma.supports-token": true
301
252
  },
302
253
  "type": "color",
303
- "value": "{utrecht.color.grey.95}"
254
+ "value": "transparent"
304
255
  },
305
256
  "name": "border-color",
306
257
  "attributes": {},
@@ -379,7 +330,7 @@ module.exports = {
379
330
  "nl.nldesignsystem.figma.supports-token": true
380
331
  },
381
332
  "type": "color",
382
- "value": "inherit",
333
+ "value": "hsl(0 0% 95%)",
383
334
  "filePath": "src/component/utrecht/accordion.tokens.json",
384
335
  "isSource": true,
385
336
  "original": {
@@ -391,7 +342,7 @@ module.exports = {
391
342
  "nl.nldesignsystem.figma.supports-token": true
392
343
  },
393
344
  "type": "color",
394
- "value": "inherit"
345
+ "value": "{utrecht.color.grey.95}"
395
346
  },
396
347
  "name": "background-color",
397
348
  "attributes": {},
@@ -412,7 +363,7 @@ module.exports = {
412
363
  "nl.nldesignsystem.figma.supports-token": true
413
364
  },
414
365
  "type": "color",
415
- "value": "hsl(0 0% 95%)",
366
+ "value": "transparent",
416
367
  "filePath": "src/component/utrecht/accordion.tokens.json",
417
368
  "isSource": true,
418
369
  "original": {
@@ -424,7 +375,7 @@ module.exports = {
424
375
  "nl.nldesignsystem.figma.supports-token": true
425
376
  },
426
377
  "type": "color",
427
- "value": "{utrecht.color.grey.95}"
378
+ "value": "transparent"
428
379
  },
429
380
  "name": "border-color",
430
381
  "attributes": {},
@@ -445,7 +396,7 @@ module.exports = {
445
396
  "nl.nldesignsystem.figma.supports-token": true
446
397
  },
447
398
  "type": "color",
448
- "value": "hsl(0 0% 10%)",
399
+ "value": "hsl(211 60% 40%)",
449
400
  "filePath": "src/component/utrecht/accordion.tokens.json",
450
401
  "isSource": true,
451
402
  "original": {
@@ -457,7 +408,7 @@ module.exports = {
457
408
  "nl.nldesignsystem.figma.supports-token": true
458
409
  },
459
410
  "type": "color",
460
- "value": "{utrecht.color.grey.10}"
411
+ "value": "{utrecht.color.blue.40}"
461
412
  },
462
413
  "name": "color",
463
414
  "attributes": {},
@@ -480,7 +431,7 @@ module.exports = {
480
431
  "nl.nldesignsystem.figma.supports-token": true
481
432
  },
482
433
  "type": "color",
483
- "value": "hsl(0 0% 80%)",
434
+ "value": "hsl(0 0% 100%)",
484
435
  "filePath": "src/component/utrecht/accordion.tokens.json",
485
436
  "isSource": true,
486
437
  "original": {
@@ -492,7 +443,7 @@ module.exports = {
492
443
  "nl.nldesignsystem.figma.supports-token": true
493
444
  },
494
445
  "type": "color",
495
- "value": "{utrecht.color.grey.80}"
446
+ "value": "{utrecht.color.white}"
496
447
  },
497
448
  "name": "background-color",
498
449
  "attributes": {},
@@ -513,7 +464,7 @@ module.exports = {
513
464
  "nl.nldesignsystem.figma.supports-token": true
514
465
  },
515
466
  "type": "color",
516
- "value": "hsl(0 0% 95%)",
467
+ "value": "transparent",
517
468
  "filePath": "src/component/utrecht/accordion.tokens.json",
518
469
  "isSource": true,
519
470
  "original": {
@@ -525,7 +476,7 @@ module.exports = {
525
476
  "nl.nldesignsystem.figma.supports-token": true
526
477
  },
527
478
  "type": "color",
528
- "value": "{utrecht.color.grey.95}"
479
+ "value": "transparent"
529
480
  },
530
481
  "name": "border-color",
531
482
  "attributes": {},
@@ -581,7 +532,7 @@ module.exports = {
581
532
  "nl.nldesignsystem.figma.supports-token": true
582
533
  },
583
534
  "type": "color",
584
- "value": "hsl(0 0% 80%)",
535
+ "value": "hsl(0 0% 100%)",
585
536
  "filePath": "src/component/utrecht/accordion.tokens.json",
586
537
  "isSource": true,
587
538
  "original": {
@@ -593,7 +544,7 @@ module.exports = {
593
544
  "nl.nldesignsystem.figma.supports-token": true
594
545
  },
595
546
  "type": "color",
596
- "value": "{utrecht.color.grey.80}"
547
+ "value": "{utrecht.color.white}"
597
548
  },
598
549
  "name": "background-color",
599
550
  "attributes": {},
@@ -614,7 +565,7 @@ module.exports = {
614
565
  "nl.nldesignsystem.figma.supports-token": true
615
566
  },
616
567
  "type": "color",
617
- "value": "hsl(0 0% 95%)",
568
+ "value": "transparent",
618
569
  "filePath": "src/component/utrecht/accordion.tokens.json",
619
570
  "isSource": true,
620
571
  "original": {
@@ -626,7 +577,7 @@ module.exports = {
626
577
  "nl.nldesignsystem.figma.supports-token": true
627
578
  },
628
579
  "type": "color",
629
- "value": "{utrecht.color.grey.95}"
580
+ "value": "transparent"
630
581
  },
631
582
  "name": "border-color",
632
583
  "attributes": {},
@@ -672,20 +623,53 @@ module.exports = {
672
623
  ]
673
624
  }
674
625
  },
675
- "icon": {
676
- "size": {
626
+ "focus-visible": {
627
+ "border-color": {
628
+ "$extensions": {
629
+ "nl.nldesignsystem.css.property": {
630
+ "syntax": "<color>",
631
+ "inherits": true
632
+ },
633
+ "nl.nldesignsystem.figma.supports-token": false
634
+ },
635
+ "type": "color",
636
+ "value": "hsl(0 0% 90%)",
637
+ "filePath": "src/component/utrecht/accordion.tokens.json",
638
+ "isSource": true,
639
+ "original": {
640
+ "$extensions": {
641
+ "nl.nldesignsystem.css.property": {
642
+ "syntax": "<color>",
643
+ "inherits": true
644
+ },
645
+ "nl.nldesignsystem.figma.supports-token": false
646
+ },
647
+ "type": "color",
648
+ "value": "{utrecht.color.grey.90}"
649
+ },
650
+ "name": "border-color",
651
+ "attributes": {},
652
+ "path": [
653
+ "utrecht",
654
+ "accordion",
655
+ "button",
656
+ "focus-visible",
657
+ "border-color"
658
+ ]
659
+ },
660
+ "border-width": {
677
661
  "$extensions": {
678
662
  "nl.nldesignsystem.css.property": {
679
663
  "syntax": "<length>",
680
664
  "inherits": true
681
665
  },
682
- "nl.nldesignsystem.figma.supports-token": true,
666
+ "nl.nldesignsystem.figma.supports-token": false,
683
667
  "studio.tokens": {
684
- "originalType": "sizing"
668
+ "originalType": "borderWidth"
685
669
  }
686
670
  },
687
671
  "type": "dimension",
688
- "value": "24px",
672
+ "value": "2px",
689
673
  "filePath": "src/component/utrecht/accordion.tokens.json",
690
674
  "isSource": true,
691
675
  "original": {
@@ -694,66 +678,137 @@ module.exports = {
694
678
  "syntax": "<length>",
695
679
  "inherits": true
696
680
  },
697
- "nl.nldesignsystem.figma.supports-token": true,
681
+ "nl.nldesignsystem.figma.supports-token": false,
698
682
  "studio.tokens": {
699
- "originalType": "sizing"
683
+ "originalType": "borderWidth"
700
684
  }
701
685
  },
702
686
  "type": "dimension",
703
- "value": "24px"
687
+ "value": "2px"
704
688
  },
705
- "name": "size",
689
+ "name": "border-width",
706
690
  "attributes": {},
707
691
  "path": [
708
692
  "utrecht",
709
693
  "accordion",
710
694
  "button",
711
- "icon",
712
- "size"
695
+ "focus-visible",
696
+ "border-width"
713
697
  ]
714
698
  },
715
- "utrecht": {
716
- "arrow-down": {
699
+ "background-color": {
700
+ "$extensions": {
701
+ "nl.nldesignsystem.css.property": {
702
+ "syntax": "<color>",
703
+ "inherits": true
704
+ },
705
+ "nl.nldesignsystem.figma.supports-token": false
706
+ },
707
+ "type": "color",
708
+ "value": "hsl(48 100% 80%)",
709
+ "filePath": "src/component/utrecht/accordion.tokens.json",
710
+ "isSource": true,
711
+ "original": {
717
712
  "$extensions": {
718
713
  "nl.nldesignsystem.css.property": {
719
- "syntax": "<url>",
714
+ "syntax": "<color>",
720
715
  "inherits": true
721
716
  },
722
717
  "nl.nldesignsystem.figma.supports-token": false
723
718
  },
724
- "type": "other"
719
+ "type": "color",
720
+ "value": "{utrecht.color.yellow.80}"
721
+ },
722
+ "name": "background-color",
723
+ "attributes": {},
724
+ "path": [
725
+ "utrecht",
726
+ "accordion",
727
+ "button",
728
+ "focus-visible",
729
+ "background-color"
730
+ ]
731
+ },
732
+ "color": {
733
+ "$extensions": {
734
+ "nl.nldesignsystem.css.property": {
735
+ "syntax": "<color>",
736
+ "inherits": true
737
+ },
738
+ "nl.nldesignsystem.figma.supports-token": false
725
739
  },
726
- "arrow-up": {
740
+ "type": "color",
741
+ "value": "hsl(211 60% 40%)",
742
+ "filePath": "src/component/utrecht/accordion.tokens.json",
743
+ "isSource": true,
744
+ "original": {
727
745
  "$extensions": {
728
746
  "nl.nldesignsystem.css.property": {
729
- "syntax": "<url>",
747
+ "syntax": "<color>",
730
748
  "inherits": true
731
749
  },
732
750
  "nl.nldesignsystem.figma.supports-token": false
733
751
  },
734
- "type": "other"
752
+ "type": "color",
753
+ "value": "{utrecht.color.blue.40}"
735
754
  },
736
- "background-color": {
755
+ "name": "color",
756
+ "attributes": {},
757
+ "path": [
758
+ "utrecht",
759
+ "accordion",
760
+ "button",
761
+ "focus-visible",
762
+ "color"
763
+ ]
764
+ }
765
+ },
766
+ "icon": {
767
+ "size": {
768
+ "$extensions": {
769
+ "nl.nldesignsystem.css.property": {
770
+ "syntax": "<length>",
771
+ "inherits": true
772
+ },
773
+ "nl.nldesignsystem.figma.supports-token": true,
774
+ "studio.tokens": {
775
+ "originalType": "sizing"
776
+ }
777
+ },
778
+ "type": "dimension",
779
+ "value": "24px",
780
+ "filePath": "src/component/utrecht/accordion.tokens.json",
781
+ "isSource": true,
782
+ "original": {
737
783
  "$extensions": {
738
784
  "nl.nldesignsystem.css.property": {
739
- "syntax": "<color>",
785
+ "syntax": "<length>",
740
786
  "inherits": true
741
787
  },
742
- "nl.nldesignsystem.figma.supports-token": false
788
+ "nl.nldesignsystem.figma.supports-token": true,
789
+ "studio.tokens": {
790
+ "originalType": "sizing"
791
+ }
743
792
  },
744
- "type": "color",
793
+ "type": "dimension",
794
+ "value": "24px"
795
+ },
796
+ "name": "size",
797
+ "attributes": {},
798
+ "path": [
799
+ "utrecht",
800
+ "accordion",
801
+ "button",
802
+ "icon",
803
+ "size"
804
+ ]
805
+ },
806
+ "utrecht": {
807
+ "background-color": {
745
808
  "value": "hsl(48 100% 50%)",
746
809
  "filePath": "src/component/utrecht/accordion.tokens.json",
747
810
  "isSource": true,
748
811
  "original": {
749
- "$extensions": {
750
- "nl.nldesignsystem.css.property": {
751
- "syntax": "<color>",
752
- "inherits": true
753
- },
754
- "nl.nldesignsystem.figma.supports-token": false
755
- },
756
- "type": "color",
757
812
  "value": "{utrecht.color.yellow.50}"
758
813
  },
759
814
  "name": "background-color",
@@ -780,7 +835,7 @@ module.exports = {
780
835
  "nl.nldesignsystem.figma.supports-token": true
781
836
  },
782
837
  "type": "color",
783
- "value": "hsl(0 0% 95%)",
838
+ "value": "transparent",
784
839
  "filePath": "src/component/utrecht/accordion.tokens.json",
785
840
  "isSource": true,
786
841
  "original": {
@@ -792,7 +847,7 @@ module.exports = {
792
847
  "nl.nldesignsystem.figma.supports-token": true
793
848
  },
794
849
  "type": "color",
795
- "value": "{utrecht.color.grey.95}"
850
+ "value": "transparent"
796
851
  },
797
852
  "name": "border-color",
798
853
  "attributes": {},
@@ -815,7 +870,7 @@ module.exports = {
815
870
  }
816
871
  },
817
872
  "type": "dimension",
818
- "value": "2px",
873
+ "value": "0",
819
874
  "filePath": "src/component/utrecht/accordion.tokens.json",
820
875
  "isSource": true,
821
876
  "original": {
@@ -830,7 +885,7 @@ module.exports = {
830
885
  }
831
886
  },
832
887
  "type": "dimension",
833
- "value": "2px"
888
+ "value": "0"
834
889
  },
835
890
  "name": "border-width",
836
891
  "attributes": {},
@@ -929,7 +984,7 @@ module.exports = {
929
984
  }
930
985
  },
931
986
  "type": "dimension",
932
- "value": "16px",
987
+ "value": "32px",
933
988
  "filePath": "src/component/utrecht/accordion.tokens.json",
934
989
  "isSource": true,
935
990
  "original": {
@@ -944,7 +999,7 @@ module.exports = {
944
999
  }
945
1000
  },
946
1001
  "type": "dimension",
947
- "value": "{utrecht.space.block.md}"
1002
+ "value": "{utrecht.space.block.2xl}"
948
1003
  },
949
1004
  "name": "padding-inline-start",
950
1005
  "attributes": {},
@@ -1042,6 +1097,111 @@ module.exports = {
1042
1097
  "nl.nldesignsystem.figma.supports-token": false
1043
1098
  },
1044
1099
  "type": "spacing"
1100
+ },
1101
+ "border-color": {
1102
+ "$extensions": {
1103
+ "nl.nldesignsystem.css.property": {
1104
+ "syntax": "<color>",
1105
+ "inherits": true
1106
+ },
1107
+ "nl.nldesignsystem.figma.supports-token": false
1108
+ },
1109
+ "type": "color",
1110
+ "value": "hsl(0 0% 90%)",
1111
+ "filePath": "src/component/utrecht/accordion.tokens.json",
1112
+ "isSource": true,
1113
+ "original": {
1114
+ "$extensions": {
1115
+ "nl.nldesignsystem.css.property": {
1116
+ "syntax": "<color>",
1117
+ "inherits": true
1118
+ },
1119
+ "nl.nldesignsystem.figma.supports-token": false
1120
+ },
1121
+ "type": "color",
1122
+ "value": "{utrecht.color.grey.90}"
1123
+ },
1124
+ "name": "border-color",
1125
+ "attributes": {},
1126
+ "path": [
1127
+ "utrecht",
1128
+ "accordion",
1129
+ "section",
1130
+ "border-color"
1131
+ ]
1132
+ },
1133
+ "border-width": {
1134
+ "$extensions": {
1135
+ "nl.nldesignsystem.css.property": {
1136
+ "syntax": "<length>",
1137
+ "inherits": true
1138
+ },
1139
+ "nl.nldesignsystem.figma.supports-token": false,
1140
+ "studio.tokens": {
1141
+ "originalType": "borderWidth"
1142
+ }
1143
+ },
1144
+ "type": "dimension",
1145
+ "value": "2px",
1146
+ "filePath": "src/component/utrecht/accordion.tokens.json",
1147
+ "isSource": true,
1148
+ "original": {
1149
+ "$extensions": {
1150
+ "nl.nldesignsystem.css.property": {
1151
+ "syntax": "<length>",
1152
+ "inherits": true
1153
+ },
1154
+ "nl.nldesignsystem.figma.supports-token": false,
1155
+ "studio.tokens": {
1156
+ "originalType": "borderWidth"
1157
+ }
1158
+ },
1159
+ "type": "dimension",
1160
+ "value": "2px"
1161
+ },
1162
+ "name": "border-width",
1163
+ "attributes": {},
1164
+ "path": [
1165
+ "utrecht",
1166
+ "accordion",
1167
+ "section",
1168
+ "border-width"
1169
+ ]
1170
+ },
1171
+ "hover": {
1172
+ "border-color": {
1173
+ "$extensions": {
1174
+ "nl.nldesignsystem.css.property": {
1175
+ "syntax": "<color>",
1176
+ "inherits": true
1177
+ },
1178
+ "nl.nldesignsystem.figma.supports-token": false
1179
+ },
1180
+ "type": "color",
1181
+ "value": "hsl(0 0% 95%)",
1182
+ "filePath": "src/component/utrecht/accordion.tokens.json",
1183
+ "isSource": true,
1184
+ "original": {
1185
+ "$extensions": {
1186
+ "nl.nldesignsystem.css.property": {
1187
+ "syntax": "<color>",
1188
+ "inherits": true
1189
+ },
1190
+ "nl.nldesignsystem.figma.supports-token": false
1191
+ },
1192
+ "type": "color",
1193
+ "value": "{utrecht.color.grey.95}"
1194
+ },
1195
+ "name": "border-color",
1196
+ "attributes": {},
1197
+ "path": [
1198
+ "utrecht",
1199
+ "accordion",
1200
+ "section",
1201
+ "hover",
1202
+ "border-color"
1203
+ ]
1204
+ }
1045
1205
  }
1046
1206
  }
1047
1207
  },
@@ -2314,7 +2474,7 @@ module.exports = {
2314
2474
  "nl.nldesignsystem.figma.supports-token": true
2315
2475
  },
2316
2476
  "type": "color",
2317
- "value": "hsl(0 0% 100%)",
2477
+ "value": "rgb(0 0 0 / 30%)",
2318
2478
  "filePath": "src/component/utrecht/backdrop.tokens.json",
2319
2479
  "isSource": true,
2320
2480
  "original": {
@@ -2326,7 +2486,7 @@ module.exports = {
2326
2486
  "nl.nldesignsystem.figma.supports-token": true
2327
2487
  },
2328
2488
  "type": "color",
2329
- "value": "{utrecht.color.white}"
2489
+ "value": "rgb(0 0 0 / 30%)"
2330
2490
  },
2331
2491
  "name": "background-color",
2332
2492
  "attributes": {},
@@ -25565,6 +25725,7 @@ module.exports = {
25565
25725
  }
25566
25726
  }
25567
25727
  },
25728
+ "open-forms-container": {},
25568
25729
  "ordered-list": {
25569
25730
  "font-size": {
25570
25731
  "$extensions": {