@utrecht/component-library-design-tokens 1.0.0 → 1.0.3

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 (2) hide show
  1. package/dist/tokens.json +877 -73
  2. package/package.json +95 -1
package/dist/tokens.json CHANGED
@@ -1796,6 +1796,16 @@
1796
1796
  },
1797
1797
  "type": "color"
1798
1798
  },
1799
+ "border-radius": {
1800
+ "$extensions": {
1801
+ "nl.nldesignsystem.css.property": {
1802
+ "syntax": "<length-percentage>",
1803
+ "inherits": true
1804
+ },
1805
+ "nl.nldesignsystem.figma.supports-token": false
1806
+ },
1807
+ "type": "borderRadius"
1808
+ },
1799
1809
  "border-width": {
1800
1810
  "$extensions": {
1801
1811
  "nl.nldesignsystem.css.property": {
@@ -2202,6 +2212,48 @@
2202
2212
  "type": "other"
2203
2213
  },
2204
2214
  "focus": {
2215
+ "background-color": {
2216
+ "$extensions": {
2217
+ "nl.nldesignsystem.css.property": {
2218
+ "syntax": "<color>",
2219
+ "inherits": true
2220
+ },
2221
+ "nl.nldesignsystem.figma.supports-token": true,
2222
+ "nl.nldesignsystem.deprecated": true,
2223
+ "nl.nldesignsystem.redirect": "utrecht.skip-link.focus-visible.background-color"
2224
+ },
2225
+ "type": "color"
2226
+ },
2227
+ "color": {
2228
+ "$extensions": {
2229
+ "nl.nldesignsystem.css.property": {
2230
+ "syntax": "<color>",
2231
+ "inherits": true
2232
+ },
2233
+ "nl.nldesignsystem.figma.supports-token": true,
2234
+ "nl.nldesignsystem.deprecated": true,
2235
+ "nl.nldesignsystem.redirect": "utrecht.skip-link.focus-visible.color"
2236
+ },
2237
+ "type": "color"
2238
+ },
2239
+ "text-decoration": {
2240
+ "$extensions": {
2241
+ "nl.nldesignsystem.css.property": {
2242
+ "syntax": [
2243
+ "inherit",
2244
+ "none",
2245
+ "underline"
2246
+ ],
2247
+ "inherits": true
2248
+ },
2249
+ "nl.nldesignsystem.figma.supports-token": true,
2250
+ "nl.nldesignsystem.deprecated": true,
2251
+ "nl.nldesignsystem.redirect": "utrecht.skip-link.focus-visible.text-decoration"
2252
+ },
2253
+ "type": "textDecoration"
2254
+ }
2255
+ },
2256
+ "focus-visible": {
2205
2257
  "background-color": {
2206
2258
  "$extensions": {
2207
2259
  "nl.nldesignsystem.css.property": {
@@ -2417,6 +2469,19 @@
2417
2469
  },
2418
2470
  "type": "fontWeights"
2419
2471
  },
2472
+ "line-height": {
2473
+ "$extensions": {
2474
+ "nl.nldesignsystem.css.property": {
2475
+ "syntax": "<length>",
2476
+ "inherits": true
2477
+ },
2478
+ "nl.nldesignsystem.fallback": [
2479
+ "utrecht.form-control.line-height"
2480
+ ],
2481
+ "nl.nldesignsystem.figma.supports-token": true
2482
+ },
2483
+ "type": "lineHeights"
2484
+ },
2420
2485
  "min-block-size": {
2421
2486
  "$extensions": {
2422
2487
  "nl.nldesignsystem.css.property": {
@@ -2542,6 +2607,53 @@
2542
2607
  "type": "color"
2543
2608
  }
2544
2609
  },
2610
+ "hover": {
2611
+ "background-color": {
2612
+ "$extensions": {
2613
+ "nl.nldesignsystem.css.property": {
2614
+ "syntax": "<color>",
2615
+ "inherits": true
2616
+ },
2617
+ "nl.nldesignsystem.fallback": [
2618
+ "utrecht.form-control.hover.background-color",
2619
+ "utrecht.select.background-color",
2620
+ "utrecht.form-control.background-color"
2621
+ ],
2622
+ "nl.nldesignsystem.figma.supports-token": true
2623
+ },
2624
+ "type": "color"
2625
+ },
2626
+ "border-color": {
2627
+ "$extensions": {
2628
+ "nl.nldesignsystem.css.property": {
2629
+ "syntax": "<color>",
2630
+ "inherits": true
2631
+ },
2632
+ "nl.nldesignsystem.fallback": [
2633
+ "utrecht.form-control.hover.border-color",
2634
+ "utrecht.select.border-color",
2635
+ "utrecht.form-control.border-color"
2636
+ ],
2637
+ "nl.nldesignsystem.figma.supports-token": true
2638
+ },
2639
+ "type": "color"
2640
+ },
2641
+ "color": {
2642
+ "$extensions": {
2643
+ "nl.nldesignsystem.css.property": {
2644
+ "syntax": "<color>",
2645
+ "inherits": true
2646
+ },
2647
+ "nl.nldesignsystem.fallback": [
2648
+ "utrecht.form-control.hover.color",
2649
+ "utrecht.select.color",
2650
+ "utrecht.form-control.color"
2651
+ ],
2652
+ "nl.nldesignsystem.figma.supports-token": true
2653
+ },
2654
+ "type": "color"
2655
+ }
2656
+ },
2545
2657
  "focus": {
2546
2658
  "background-color": {
2547
2659
  "$extensions": {
@@ -3063,6 +3175,38 @@
3063
3175
  }
3064
3176
  }
3065
3177
  },
3178
+ "root": {
3179
+ "background-color": {
3180
+ "$extensions": {
3181
+ "nl.nldesignsystem.css.property": {
3182
+ "syntax": "<color>",
3183
+ "inherits": true
3184
+ },
3185
+ "nl.nldesignsystem.figma.supports-token": false
3186
+ },
3187
+ "type": "color"
3188
+ },
3189
+ "color": {
3190
+ "$extensions": {
3191
+ "nl.nldesignsystem.css.property": {
3192
+ "syntax": "<color>",
3193
+ "inherits": true
3194
+ },
3195
+ "nl.nldesignsystem.figma.supports-token": false
3196
+ },
3197
+ "type": "color"
3198
+ },
3199
+ "font-family": {
3200
+ "$extensions": {
3201
+ "nl.nldesignsystem.css.property": {
3202
+ "syntax": "*",
3203
+ "inherits": true
3204
+ },
3205
+ "nl.nldesignsystem.figma.supports-token": false
3206
+ },
3207
+ "type": "fontFamilies"
3208
+ }
3209
+ },
3066
3210
  "rich-text": {
3067
3211
  "stranger": {
3068
3212
  "margin-block-end": {
@@ -3156,6 +3300,16 @@
3156
3300
  },
3157
3301
  "type": "borderWidth"
3158
3302
  },
3303
+ "color": {
3304
+ "$extensions": {
3305
+ "nl.nldesignsystem.css.property": {
3306
+ "syntax": "<color>",
3307
+ "inherits": true
3308
+ },
3309
+ "nl.nldesignsystem.figma.supports-token": true
3310
+ },
3311
+ "type": "color"
3312
+ },
3159
3313
  "size": {
3160
3314
  "$extensions": {
3161
3315
  "nl.nldesignsystem.css.property": {
@@ -3651,11 +3805,11 @@
3651
3805
  },
3652
3806
  "nl.nldesignsystem.fallback": [
3653
3807
  "utrecht.radio-button.color"
3654
- ]
3808
+ ],
3809
+ "nl.nldesignsystem.figma.supports-token": false
3655
3810
  },
3656
- "nl.nldesignsystem.figma.supports-token": false
3657
- },
3658
- "type": "color"
3811
+ "type": "color"
3812
+ }
3659
3813
  }
3660
3814
  },
3661
3815
  "preserve-data": {},
@@ -4406,6 +4560,7 @@
4406
4560
  }
4407
4561
  }
4408
4562
  },
4563
+ "page-layout": {},
4409
4564
  "page-header": {
4410
4565
  "background-color": {
4411
4566
  "$extensions": {
@@ -4417,6 +4572,16 @@
4417
4572
  },
4418
4573
  "type": "color"
4419
4574
  },
4575
+ "border-block-end-color": {
4576
+ "$extensions": {
4577
+ "nl.nldesignsystem.css.property": {
4578
+ "syntax": "<color>",
4579
+ "inherits": true
4580
+ },
4581
+ "nl.nldesignsystem.figma.supports-token": false
4582
+ },
4583
+ "type": "color"
4584
+ },
4420
4585
  "color": {
4421
4586
  "$extensions": {
4422
4587
  "nl.nldesignsystem.css.property": {
@@ -4466,6 +4631,68 @@
4466
4631
  "nl.nldesignsystem.figma.supports-token": false
4467
4632
  },
4468
4633
  "type": "spacing"
4634
+ },
4635
+ "content": {
4636
+ "background-color": {
4637
+ "$extensions": {
4638
+ "nl.nldesignsystem.css.property": {
4639
+ "syntax": "<color>",
4640
+ "inherits": true
4641
+ },
4642
+ "nl.nldesignsystem.figma.supports-token": false
4643
+ },
4644
+ "type": "color"
4645
+ },
4646
+ "color": {
4647
+ "$extensions": {
4648
+ "nl.nldesignsystem.css.property": {
4649
+ "syntax": "<color>",
4650
+ "inherits": true
4651
+ },
4652
+ "nl.nldesignsystem.figma.supports-token": false
4653
+ },
4654
+ "type": "color"
4655
+ },
4656
+ "padding-block-start": {
4657
+ "$extensions": {
4658
+ "nl.nldesignsystem.css.property": {
4659
+ "syntax": "<length>",
4660
+ "inherits": true
4661
+ },
4662
+ "nl.nldesignsystem.figma.supports-token": false
4663
+ },
4664
+ "type": "spacing"
4665
+ },
4666
+ "padding-block-end": {
4667
+ "$extensions": {
4668
+ "nl.nldesignsystem.css.property": {
4669
+ "syntax": "<length>",
4670
+ "inherits": true
4671
+ },
4672
+ "nl.nldesignsystem.figma.supports-token": false
4673
+ },
4674
+ "type": "spacing"
4675
+ },
4676
+ "padding-inline-start": {
4677
+ "$extensions": {
4678
+ "nl.nldesignsystem.css.property": {
4679
+ "syntax": "<length>",
4680
+ "inherits": true
4681
+ },
4682
+ "nl.nldesignsystem.figma.supports-token": false
4683
+ },
4684
+ "type": "spacing"
4685
+ },
4686
+ "padding-inline-end": {
4687
+ "$extensions": {
4688
+ "nl.nldesignsystem.css.property": {
4689
+ "syntax": "<length>",
4690
+ "inherits": true
4691
+ },
4692
+ "nl.nldesignsystem.figma.supports-token": false
4693
+ },
4694
+ "type": "spacing"
4695
+ }
4469
4696
  }
4470
4697
  },
4471
4698
  "page-footer": {
@@ -4538,6 +4765,68 @@
4538
4765
  "nl.nldesignsystem.figma.supports-token": false
4539
4766
  },
4540
4767
  "type": "spacing"
4768
+ },
4769
+ "content": {
4770
+ "color": {
4771
+ "$extensions": {
4772
+ "nl.nldesignsystem.css.property": {
4773
+ "syntax": "<color>",
4774
+ "inherits": true
4775
+ },
4776
+ "nl.nldesignsystem.figma.supports-token": false
4777
+ },
4778
+ "type": "color"
4779
+ },
4780
+ "background-color": {
4781
+ "$extensions": {
4782
+ "nl.nldesignsystem.css.property": {
4783
+ "syntax": "<color>",
4784
+ "inherits": true
4785
+ },
4786
+ "nl.nldesignsystem.figma.supports-token": false
4787
+ },
4788
+ "type": "color"
4789
+ },
4790
+ "padding-inline-end": {
4791
+ "$extensions": {
4792
+ "nl.nldesignsystem.css.property": {
4793
+ "syntax": "<length>",
4794
+ "inherits": true
4795
+ },
4796
+ "nl.nldesignsystem.figma.supports-token": false
4797
+ },
4798
+ "type": "spacing"
4799
+ },
4800
+ "padding-inline-start": {
4801
+ "$extensions": {
4802
+ "nl.nldesignsystem.css.property": {
4803
+ "syntax": "<length>",
4804
+ "inherits": true
4805
+ },
4806
+ "nl.nldesignsystem.figma.supports-token": false
4807
+ },
4808
+ "type": "spacing"
4809
+ },
4810
+ "padding-block-end": {
4811
+ "$extensions": {
4812
+ "nl.nldesignsystem.css.property": {
4813
+ "syntax": "<length>",
4814
+ "inherits": true
4815
+ },
4816
+ "nl.nldesignsystem.figma.supports-token": false
4817
+ },
4818
+ "type": "spacing"
4819
+ },
4820
+ "padding-block-start": {
4821
+ "$extensions": {
4822
+ "nl.nldesignsystem.css.property": {
4823
+ "syntax": "<length>",
4824
+ "inherits": true
4825
+ },
4826
+ "nl.nldesignsystem.figma.supports-token": false
4827
+ },
4828
+ "type": "spacing"
4829
+ }
4541
4830
  }
4542
4831
  },
4543
4832
  "page-content": {
@@ -4582,6 +4871,90 @@
4582
4871
  "type": "spacing"
4583
4872
  }
4584
4873
  },
4874
+ "page-body": {
4875
+ "background-color": {
4876
+ "$extensions": {
4877
+ "nl.nldesignsystem.css.property": {
4878
+ "syntax": "<color>",
4879
+ "inherits": true
4880
+ },
4881
+ "nl.nldesignsystem.figma.supports-token": false
4882
+ },
4883
+ "type": "color"
4884
+ },
4885
+ "color": {
4886
+ "$extensions": {
4887
+ "nl.nldesignsystem.css.property": {
4888
+ "syntax": "<color>",
4889
+ "inherits": true
4890
+ },
4891
+ "nl.nldesignsystem.figma.supports-token": false
4892
+ },
4893
+ "type": "color"
4894
+ },
4895
+ "content": {
4896
+ "background-color": {
4897
+ "$extensions": {
4898
+ "nl.nldesignsystem.css.property": {
4899
+ "syntax": "<color>",
4900
+ "inherits": true
4901
+ },
4902
+ "nl.nldesignsystem.figma.supports-token": false
4903
+ },
4904
+ "type": "color"
4905
+ },
4906
+ "color": {
4907
+ "$extensions": {
4908
+ "nl.nldesignsystem.css.property": {
4909
+ "syntax": "<color>",
4910
+ "inherits": true
4911
+ },
4912
+ "nl.nldesignsystem.figma.supports-token": false
4913
+ },
4914
+ "type": "color"
4915
+ },
4916
+ "padding-block-start": {
4917
+ "$extensions": {
4918
+ "nl.nldesignsystem.css.property": {
4919
+ "syntax": "<length>",
4920
+ "inherits": true
4921
+ },
4922
+ "nl.nldesignsystem.figma.supports-token": false
4923
+ },
4924
+ "type": "spacing"
4925
+ },
4926
+ "padding-block-end": {
4927
+ "$extensions": {
4928
+ "nl.nldesignsystem.css.property": {
4929
+ "syntax": "<length>",
4930
+ "inherits": true
4931
+ },
4932
+ "nl.nldesignsystem.figma.supports-token": false
4933
+ },
4934
+ "type": "spacing"
4935
+ },
4936
+ "padding-inline-start": {
4937
+ "$extensions": {
4938
+ "nl.nldesignsystem.css.property": {
4939
+ "syntax": "<length>",
4940
+ "inherits": true
4941
+ },
4942
+ "nl.nldesignsystem.figma.supports-token": false
4943
+ },
4944
+ "type": "spacing"
4945
+ },
4946
+ "padding-inine-end": {
4947
+ "$extensions": {
4948
+ "nl.nldesignsystem.css.property": {
4949
+ "syntax": "<length>",
4950
+ "inherits": true
4951
+ },
4952
+ "nl.nldesignsystem.figma.supports-token": false
4953
+ },
4954
+ "type": "spacing"
4955
+ }
4956
+ }
4957
+ },
4585
4958
  "page": {
4586
4959
  "background-color": {
4587
4960
  "$extensions": {
@@ -4778,7 +5151,6 @@
4778
5151
  },
4779
5152
  "number-badge": {
4780
5153
  "background-color": {
4781
- "comment": "Default background color for badge components",
4782
5154
  "$extensions": {
4783
5155
  "nl.nldesignsystem.css.property": {
4784
5156
  "syntax": "<color>",
@@ -4791,19 +5163,44 @@
4791
5163
  },
4792
5164
  "type": "color"
4793
5165
  },
5166
+ "border-color": {
5167
+ "$extensions": {
5168
+ "nl.nldesignsystem.css.property": {
5169
+ "syntax": "<color>",
5170
+ "inherits": true
5171
+ },
5172
+ "nl.nldesignsystem.fallback": [
5173
+ "utrecht.badge.border-color"
5174
+ ],
5175
+ "nl.nldesignsystem.figma.supports-token": true
5176
+ },
5177
+ "type": "color"
5178
+ },
4794
5179
  "border-radius": {
4795
- "comment": "Default corner radius for badge components",
4796
5180
  "$extensions": {
4797
5181
  "nl.nldesignsystem.css.property": {
4798
- "syntax": "<length-percentage>",
5182
+ "syntax": "<length-percentage>",
5183
+ "inherits": true
5184
+ },
5185
+ "nl.nldesignsystem.fallback": [
5186
+ "utrecht.badge.border-radius"
5187
+ ],
5188
+ "nl.nldesignsystem.figma.supports-token": true
5189
+ },
5190
+ "type": "borderRadius"
5191
+ },
5192
+ "border-width": {
5193
+ "$extensions": {
5194
+ "nl.nldesignsystem.css.property": {
5195
+ "syntax": "<length>",
4799
5196
  "inherits": true
4800
5197
  },
4801
5198
  "nl.nldesignsystem.fallback": [
4802
- "utrecht.badge.border-radius"
5199
+ "utrecht.badge.border-width"
4803
5200
  ],
4804
5201
  "nl.nldesignsystem.figma.supports-token": true
4805
5202
  },
4806
- "type": "borderRadius"
5203
+ "type": "borderWidth"
4807
5204
  },
4808
5205
  "color": {
4809
5206
  "comment": "Default text color for badge components",
@@ -4948,6 +5345,26 @@
4948
5345
  "type": "color"
4949
5346
  },
4950
5347
  "content": {
5348
+ "background-color": {
5349
+ "$extensions": {
5350
+ "nl.nldesignsystem.css.property": {
5351
+ "syntax": "<color>",
5352
+ "inherits": true
5353
+ },
5354
+ "nl.nldesignsystem.figma.supports-token": false
5355
+ },
5356
+ "type": "color"
5357
+ },
5358
+ "color": {
5359
+ "$extensions": {
5360
+ "nl.nldesignsystem.css.property": {
5361
+ "syntax": "<color>",
5362
+ "inherits": true
5363
+ },
5364
+ "nl.nldesignsystem.figma.supports-token": false
5365
+ },
5366
+ "type": "color"
5367
+ },
4951
5368
  "max-inline-size": {
4952
5369
  "$extensions": {
4953
5370
  "nl.nldesignsystem.css.property": {
@@ -5598,6 +6015,42 @@
5598
6015
  }
5599
6016
  }
5600
6017
  },
6018
+ "disabled": {
6019
+ "background-color": {
6020
+ "$extensions": {
6021
+ "nl.nldesignsystem.css.property": {
6022
+ "syntax": "<color>",
6023
+ "inherits": true
6024
+ }
6025
+ }
6026
+ },
6027
+ "color": {
6028
+ "$extensions": {
6029
+ "nl.nldesignsystem.css.property": {
6030
+ "syntax": "<color>",
6031
+ "inherits": true
6032
+ }
6033
+ }
6034
+ }
6035
+ },
6036
+ "hover": {
6037
+ "background-color": {
6038
+ "$extensions": {
6039
+ "nl.nldesignsystem.css.property": {
6040
+ "syntax": "<color>",
6041
+ "inherits": true
6042
+ }
6043
+ }
6044
+ },
6045
+ "color": {
6046
+ "$extensions": {
6047
+ "nl.nldesignsystem.css.property": {
6048
+ "syntax": "<color>",
6049
+ "inherits": true
6050
+ }
6051
+ }
6052
+ }
6053
+ },
5601
6054
  "selected": {
5602
6055
  "background-color": {
5603
6056
  "$extensions": {
@@ -5614,6 +6067,42 @@
5614
6067
  "inherits": true
5615
6068
  }
5616
6069
  }
6070
+ },
6071
+ "disabled": {
6072
+ "background-color": {
6073
+ "$extensions": {
6074
+ "nl.nldesignsystem.css.property": {
6075
+ "syntax": "<color>",
6076
+ "inherits": true
6077
+ }
6078
+ }
6079
+ },
6080
+ "color": {
6081
+ "$extensions": {
6082
+ "nl.nldesignsystem.css.property": {
6083
+ "syntax": "<color>",
6084
+ "inherits": true
6085
+ }
6086
+ }
6087
+ }
6088
+ },
6089
+ "hover": {
6090
+ "background-color": {
6091
+ "$extensions": {
6092
+ "nl.nldesignsystem.css.property": {
6093
+ "syntax": "<color>",
6094
+ "inherits": true
6095
+ }
6096
+ }
6097
+ },
6098
+ "color": {
6099
+ "$extensions": {
6100
+ "nl.nldesignsystem.css.property": {
6101
+ "syntax": "<color>",
6102
+ "inherits": true
6103
+ }
6104
+ }
6105
+ }
5617
6106
  }
5618
6107
  },
5619
6108
  "icon": {
@@ -5973,6 +6462,42 @@
5973
6462
  },
5974
6463
  "type": "color"
5975
6464
  },
6465
+ "text-decoration": {
6466
+ "$extensions": {
6467
+ "nl.nldesignsystem.css.property": {
6468
+ "syntax": [
6469
+ "inherit",
6470
+ "none",
6471
+ "underline"
6472
+ ],
6473
+ "inherits": true
6474
+ },
6475
+ "nl.nldesignsystem.fallback": [
6476
+ "utrecht.link.text-decoration"
6477
+ ],
6478
+ "nl.nldesignsystem.figma.supports-token": true,
6479
+ "nl.nldesignsystem.deprecated": true,
6480
+ "nl.nldesignsystem.redirect": "utrecht.link.focus-visible.text-decoration"
6481
+ },
6482
+ "type": "textDecoration"
6483
+ },
6484
+ "text-decoration-thickness": {
6485
+ "$extensions": {
6486
+ "nl.nldesignsystem.css.property": {
6487
+ "syntax": "<length>",
6488
+ "inherits": true
6489
+ },
6490
+ "nl.nldesignsystem.fallback": [
6491
+ "utrecht.link.text-decoration-thickness"
6492
+ ],
6493
+ "nl.nldesignsystem.figma.supports-token": false,
6494
+ "nl.nldesignsystem.deprecated": true,
6495
+ "nl.nldesignsystem.redirect": "utrecht.link.focus-visible.text-decoration-thickness"
6496
+ },
6497
+ "type": "other"
6498
+ }
6499
+ },
6500
+ "focus-visible": {
5976
6501
  "text-decoration": {
5977
6502
  "$extensions": {
5978
6503
  "nl.nldesignsystem.css.property": {
@@ -6194,6 +6719,7 @@
6194
6719
  }
6195
6720
  },
6196
6721
  "iban-data": {},
6722
+ "html-content": {},
6197
6723
  "heading-group": {
6198
6724
  "margin-block-end": {
6199
6725
  "$extensions": {
@@ -6851,7 +7377,7 @@
6851
7377
  "syntax": "<length>",
6852
7378
  "inherits": true
6853
7379
  },
6854
- "nl.nldesignsystem.figma.supports-token": true
7380
+ "nl.nldesignsystem.figma.supports-token": false
6855
7381
  },
6856
7382
  "type": "spacing"
6857
7383
  },
@@ -6861,7 +7387,7 @@
6861
7387
  "syntax": "<length>",
6862
7388
  "inherits": true
6863
7389
  },
6864
- "nl.nldesignsystem.figma.supports-token": true
7390
+ "nl.nldesignsystem.figma.supports-token": false
6865
7391
  },
6866
7392
  "type": "spacing"
6867
7393
  },
@@ -6871,7 +7397,7 @@
6871
7397
  "syntax": "<length>",
6872
7398
  "inherits": true
6873
7399
  },
6874
- "nl.nldesignsystem.figma.supports-token": true
7400
+ "nl.nldesignsystem.figma.supports-token": false
6875
7401
  },
6876
7402
  "type": "spacing"
6877
7403
  },
@@ -6881,7 +7407,7 @@
6881
7407
  "syntax": "<length>",
6882
7408
  "inherits": true
6883
7409
  },
6884
- "nl.nldesignsystem.figma.supports-token": true
7410
+ "nl.nldesignsystem.figma.supports-token": false
6885
7411
  },
6886
7412
  "type": "spacing"
6887
7413
  },
@@ -8687,32 +9213,166 @@
8687
9213
  },
8688
9214
  "type": "spacing"
8689
9215
  },
8690
- "padding-block-start": {
8691
- "$extensions": {
8692
- "nl.nldesignsystem.css.property": {
8693
- "syntax": "<length>",
8694
- "inherits": true
8695
- },
8696
- "nl.nldesignsystem.figma.supports-token": false
8697
- },
8698
- "type": "spacing"
8699
- }
9216
+ "padding-block-start": {
9217
+ "$extensions": {
9218
+ "nl.nldesignsystem.css.property": {
9219
+ "syntax": "<length>",
9220
+ "inherits": true
9221
+ },
9222
+ "nl.nldesignsystem.figma.supports-token": false
9223
+ },
9224
+ "type": "spacing"
9225
+ }
9226
+ },
9227
+ "item-value": {
9228
+ "margin-block-start": {
9229
+ "$extensions": {
9230
+ "nl.nldesignsystem.css.property": {
9231
+ "syntax": "<length>",
9232
+ "inherits": true
9233
+ },
9234
+ "nl.nldesignsystem.figma.supports-token": false
9235
+ },
9236
+ "type": "spacing"
9237
+ }
9238
+ }
9239
+ }
9240
+ },
9241
+ "data-badge": {
9242
+ "background-color": {
9243
+ "comment": "Default background color for badge components",
9244
+ "$extensions": {
9245
+ "nl.nldesignsystem.css.property": {
9246
+ "syntax": "<color>",
9247
+ "inherits": true
9248
+ },
9249
+ "nl.nldesignsystem.figma.supports-token": false
9250
+ },
9251
+ "type": "color"
9252
+ },
9253
+ "border-radius": {
9254
+ "comment": "Default corner radius for badge components",
9255
+ "$extensions": {
9256
+ "nl.nldesignsystem.css.property": {
9257
+ "syntax": "<length-percentage>",
9258
+ "inherits": true
9259
+ },
9260
+ "nl.nldesignsystem.figma.supports-token": false
9261
+ },
9262
+ "type": "borderRadius"
9263
+ },
9264
+ "border-width": {
9265
+ "$extensions": {
9266
+ "nl.nldesignsystem.css.property": {
9267
+ "syntax": "<length>",
9268
+ "inherits": true
9269
+ },
9270
+ "nl.nldesignsystem.figma.supports-token": false
9271
+ },
9272
+ "type": "borderWidth"
9273
+ },
9274
+ "color": {
9275
+ "comment": "Default text color for badge components",
9276
+ "$extensions": {
9277
+ "nl.nldesignsystem.css.property": {
9278
+ "syntax": "<color>",
9279
+ "inherits": true
9280
+ },
9281
+ "nl.nldesignsystem.figma.supports-token": false
9282
+ },
9283
+ "type": "color"
9284
+ },
9285
+ "font-size": {
9286
+ "$extensions": {
9287
+ "nl.nldesignsystem.css.property": {
9288
+ "syntax": "<length>",
9289
+ "inherits": true
9290
+ },
9291
+ "nl.nldesignsystem.figma.supports-token": false
9292
+ },
9293
+ "type": "fontSizes"
9294
+ },
9295
+ "font-weight": {
9296
+ "$extensions": {
9297
+ "nl.nldesignsystem.css.property": {
9298
+ "syntax": "<number>",
9299
+ "inherits": true
9300
+ },
9301
+ "nl.nldesignsystem.figma.supports-token": false
9302
+ },
9303
+ "type": "fontWeights"
9304
+ },
9305
+ "line-height": {
9306
+ "$extensions": {
9307
+ "nl.nldesignsystem.css.property": {
9308
+ "syntax": [
9309
+ "<length>",
9310
+ "<number>"
9311
+ ],
9312
+ "inherits": true
9313
+ },
9314
+ "nl.nldesignsystem.figma.supports-token": false
9315
+ },
9316
+ "type": "lineHeights"
9317
+ },
9318
+ "min-block-size": {
9319
+ "$extensions": {
9320
+ "nl.nldesignsystem.css.property": {
9321
+ "syntax": "<length>",
9322
+ "inherits": true
9323
+ },
9324
+ "nl.nldesignsystem.figma.supports-token": false
9325
+ },
9326
+ "type": "sizing"
9327
+ },
9328
+ "min-inline-size": {
9329
+ "$extensions": {
9330
+ "nl.nldesignsystem.css.property": {
9331
+ "syntax": "<length>",
9332
+ "inherits": true
9333
+ },
9334
+ "nl.nldesignsystem.figma.supports-token": false
9335
+ },
9336
+ "type": "sizing"
9337
+ },
9338
+ "padding-block": {
9339
+ "comment": "Default block padding for badge components",
9340
+ "$extensions": {
9341
+ "nl.nldesignsystem.css.property": {
9342
+ "syntax": "<length>",
9343
+ "inherits": true
9344
+ },
9345
+ "nl.nldesignsystem.figma.supports-token": false
8700
9346
  },
8701
- "item-value": {
8702
- "margin-block-start": {
8703
- "$extensions": {
8704
- "nl.nldesignsystem.css.property": {
8705
- "syntax": "<length>",
8706
- "inherits": true
8707
- },
8708
- "nl.nldesignsystem.figma.supports-token": false
9347
+ "type": "spacing"
9348
+ },
9349
+ "padding-inline": {
9350
+ "comment": "Default inline padding color for badge components",
9351
+ "$extensions": {
9352
+ "nl.nldesignsystem.css.property": {
9353
+ "syntax": "<length>",
9354
+ "inherits": true
9355
+ },
9356
+ "nl.nldesignsystem.figma.supports-token": false
9357
+ },
9358
+ "type": "spacing"
9359
+ }
9360
+ },
9361
+ "currency-data": {},
9362
+ "combobox": {
9363
+ "popover": {
9364
+ "z-index": {
9365
+ "$extensions": {
9366
+ "nl.nldesignsystem.css.property": {
9367
+ "syntax": "<number>",
9368
+ "inherits": true
8709
9369
  },
8710
- "type": "spacing"
8711
- }
9370
+ "nl.nldesignsystem.figma.supports-token": false
9371
+ },
9372
+ "type": "other"
8712
9373
  }
8713
9374
  }
8714
9375
  },
8715
- "currency-data": {},
8716
9376
  "column-layout": {
8717
9377
  "column-rule-color": {
8718
9378
  "$extensions": {
@@ -8753,6 +9413,28 @@
8753
9413
  "nl.nldesignsystem.figma.supports-token": false
8754
9414
  },
8755
9415
  "type": "spacing"
9416
+ },
9417
+ "print": {
9418
+ "column-count": {
9419
+ "$extensions": {
9420
+ "nl.nldesignsystem.css.property": {
9421
+ "syntax": "<number>",
9422
+ "inherits": true
9423
+ },
9424
+ "nl.nldesignsystem.figma.supports-token": false
9425
+ },
9426
+ "type": "other"
9427
+ },
9428
+ "column-width": {
9429
+ "$extensions": {
9430
+ "nl.nldesignsystem.css.property": {
9431
+ "syntax": "<length>",
9432
+ "inherits": true
9433
+ },
9434
+ "nl.nldesignsystem.figma.supports-token": false
9435
+ },
9436
+ "type": "sizing"
9437
+ }
8756
9438
  }
8757
9439
  },
8758
9440
  "color-sample": {
@@ -10054,6 +10736,15 @@
10054
10736
  },
10055
10737
  "type": "color"
10056
10738
  },
10739
+ "column-gap": {
10740
+ "$extensions": {
10741
+ "nl.nldesignsystem.css.property": {
10742
+ "syntax": "<length>",
10743
+ "inherits": true
10744
+ }
10745
+ },
10746
+ "type": "spacing"
10747
+ },
10057
10748
  "font-family": {
10058
10749
  "$extensions": {
10059
10750
  "nl.nldesignsystem.css.property": {
@@ -10269,16 +10960,6 @@
10269
10960
  }
10270
10961
  },
10271
10962
  "icon": {
10272
- "gap": {
10273
- "$extensions": {
10274
- "nl.nldesignsystem.css.property": {
10275
- "syntax": "<length>",
10276
- "inherits": true
10277
- },
10278
- "nl.nldesignsystem.figma.supports-token": true
10279
- },
10280
- "type": "spacing"
10281
- },
10282
10963
  "size": {
10283
10964
  "$extensions": {
10284
10965
  "nl.nldesignsystem.css.property": {
@@ -11755,6 +12436,51 @@
11755
12436
  }
11756
12437
  }
11757
12438
  },
12439
+ "body": {
12440
+ "font-family": {
12441
+ "$extensions": {
12442
+ "nl.nldesignsystem.css.property": {
12443
+ "syntax": "*",
12444
+ "inherits": true
12445
+ },
12446
+ "nl.nldesignsystem.figma.supports-token": true
12447
+ },
12448
+ "type": "fontFamilies"
12449
+ },
12450
+ "font-size": {
12451
+ "$extensions": {
12452
+ "nl.nldesignsystem.css.property": {
12453
+ "syntax": "<length>",
12454
+ "inherits": true
12455
+ },
12456
+ "nl.nldesignsystem.figma.supports-token": true
12457
+ },
12458
+ "type": "fontSizes"
12459
+ },
12460
+ "font-weight": {
12461
+ "$extensions": {
12462
+ "nl.nldesignsystem.css.property": {
12463
+ "syntax": "<number>",
12464
+ "inherits": true
12465
+ },
12466
+ "nl.nldesignsystem.figma.supports-token": true
12467
+ },
12468
+ "type": "fontWeights"
12469
+ },
12470
+ "line-height": {
12471
+ "$extensions": {
12472
+ "nl.nldesignsystem.css.property": {
12473
+ "syntax": [
12474
+ "<length>",
12475
+ "<number>"
12476
+ ],
12477
+ "inherits": true
12478
+ },
12479
+ "nl.nldesignsystem.figma.supports-token": true
12480
+ },
12481
+ "type": "lineHeights"
12482
+ }
12483
+ },
11758
12484
  "blockquote": {
11759
12485
  "background-color": {
11760
12486
  "$extensions": {
@@ -11766,6 +12492,46 @@
11766
12492
  },
11767
12493
  "type": "color"
11768
12494
  },
12495
+ "border-inline-start-width": {
12496
+ "$extensions": {
12497
+ "nl.nldesignsystem.css.property": {
12498
+ "syntax": "<length>",
12499
+ "inherits": true
12500
+ },
12501
+ "nl.nldesignsystem.figma.supports-token": false
12502
+ },
12503
+ "type": "borderWidth"
12504
+ },
12505
+ "border-color": {
12506
+ "$extensions": {
12507
+ "nl.nldesignsystem.css.property": {
12508
+ "syntax": "<color>",
12509
+ "inherits": true
12510
+ },
12511
+ "nl.nldesignsystem.figma.supports-token": false
12512
+ },
12513
+ "type": "color"
12514
+ },
12515
+ "border-radius": {
12516
+ "$extensions": {
12517
+ "nl.nldesignsystem.css.property": {
12518
+ "syntax": "<length>",
12519
+ "inherits": true
12520
+ },
12521
+ "nl.nldesignsystem.figma.supports-token": false
12522
+ },
12523
+ "type": "borderRadius"
12524
+ },
12525
+ "border-width": {
12526
+ "$extensions": {
12527
+ "nl.nldesignsystem.css.property": {
12528
+ "syntax": "<length>",
12529
+ "inherits": true
12530
+ },
12531
+ "nl.nldesignsystem.figma.supports-token": false
12532
+ },
12533
+ "type": "borderWidth"
12534
+ },
11769
12535
  "color": {
11770
12536
  "$extensions": {
11771
12537
  "nl.nldesignsystem.css.property": {
@@ -11890,6 +12656,16 @@
11890
12656
  },
11891
12657
  "type": "spacing"
11892
12658
  },
12659
+ "row-gap": {
12660
+ "$extensions": {
12661
+ "nl.nldesignsystem.css.property": {
12662
+ "syntax": "<length>",
12663
+ "inherits": true
12664
+ },
12665
+ "nl.nldesignsystem.figma.supports-token": false
12666
+ },
12667
+ "type": "spacing"
12668
+ },
11893
12669
  "attribution": {
11894
12670
  "color": {
11895
12671
  "$extensions": {
@@ -11897,7 +12673,9 @@
11897
12673
  "syntax": "<color>",
11898
12674
  "inherits": true
11899
12675
  },
11900
- "nl.nldesignsystem.figma.supports-token": true
12676
+ "nl.nldesignsystem.figma.supports-token": true,
12677
+ "nl.nldesignsystem.deprecated": true,
12678
+ "nl.nldesignsystem.redirect": "utrecht.blockquote.caption.color"
11901
12679
  },
11902
12680
  "type": "color"
11903
12681
  },
@@ -11907,7 +12685,9 @@
11907
12685
  "syntax": "<length>",
11908
12686
  "inherits": true
11909
12687
  },
11910
- "nl.nldesignsystem.figma.supports-token": true
12688
+ "nl.nldesignsystem.figma.supports-token": true,
12689
+ "nl.nldesignsystem.deprecated": true,
12690
+ "nl.nldesignsystem.redirect": "utrecht.blockquote.caption.font-size"
11911
12691
  },
11912
12692
  "type": "fontSizes"
11913
12693
  }
@@ -11919,7 +12699,9 @@
11919
12699
  "syntax": "<color>",
11920
12700
  "inherits": true
11921
12701
  },
11922
- "nl.nldesignsystem.figma.supports-token": true
12702
+ "nl.nldesignsystem.figma.supports-token": true,
12703
+ "nl.nldesignsystem.deprecated": true,
12704
+ "nl.nldesignsystem.redirect": "utrecht.blockquote.quote.color"
11923
12705
  },
11924
12706
  "type": "color"
11925
12707
  },
@@ -11929,7 +12711,53 @@
11929
12711
  "syntax": "<length>",
11930
12712
  "inherits": true
11931
12713
  },
11932
- "nl.nldesignsystem.figma.supports-token": true
12714
+ "nl.nldesignsystem.figma.supports-token": true,
12715
+ "nl.nldesignsystem.deprecated": true,
12716
+ "nl.nldesignsystem.redirect": "utrecht.blockquote.quote.font-size"
12717
+ },
12718
+ "type": "fontSizes"
12719
+ }
12720
+ },
12721
+ "caption": {
12722
+ "color": {
12723
+ "$extensions": {
12724
+ "nl.nldesignsystem.css.property": {
12725
+ "syntax": "<color>",
12726
+ "inherits": true
12727
+ },
12728
+ "nl.nldesignsystem.figma.supports-token": false
12729
+ },
12730
+ "type": "color"
12731
+ },
12732
+ "font-size": {
12733
+ "$extensions": {
12734
+ "nl.nldesignsystem.css.property": {
12735
+ "syntax": "<length>",
12736
+ "inherits": true
12737
+ },
12738
+ "nl.nldesignsystem.figma.supports-token": false
12739
+ },
12740
+ "type": "fontSizes"
12741
+ }
12742
+ },
12743
+ "quote": {
12744
+ "color": {
12745
+ "$extensions": {
12746
+ "nl.nldesignsystem.css.property": {
12747
+ "syntax": "<color>",
12748
+ "inherits": true
12749
+ },
12750
+ "nl.nldesignsystem.figma.supports-token": false
12751
+ },
12752
+ "type": "color"
12753
+ },
12754
+ "font-size": {
12755
+ "$extensions": {
12756
+ "nl.nldesignsystem.css.property": {
12757
+ "syntax": "<length>",
12758
+ "inherits": true
12759
+ },
12760
+ "nl.nldesignsystem.figma.supports-token": false
11933
12761
  },
11934
12762
  "type": "fontSizes"
11935
12763
  }
@@ -11982,31 +12810,6 @@
11982
12810
  "type": "spacing"
11983
12811
  }
11984
12812
  },
11985
- "badge-data": {
11986
- "letter-spacing": {
11987
- "$extensions": {
11988
- "nl.nldesignsystem.css.property": {
11989
- "syntax": "<length>",
11990
- "inherits": true
11991
- },
11992
- "nl.nldesignsystem.figma.supports-token": false
11993
- },
11994
- "type": "letterSpacing"
11995
- },
11996
- "text-transform": {
11997
- "$extensions": {
11998
- "nl.nldesignsystem.css.property": {
11999
- "syntax": [
12000
- "inherit",
12001
- "uppercase"
12002
- ],
12003
- "inherits": true
12004
- },
12005
- "nl.nldesignsystem.figma.supports-token": false
12006
- },
12007
- "type": "textCase"
12008
- }
12009
- },
12010
12813
  "badge-counter": {
12011
12814
  "background-color": {
12012
12815
  "comment": "Default background color for badge components",
@@ -12335,6 +13138,7 @@
12335
13138
  "type": "sizing"
12336
13139
  }
12337
13140
  },
13141
+ "alternate-lang-nav": {},
12338
13142
  "alert-dialog": {
12339
13143
  "margin-block-start": {
12340
13144
  "$extensions": {
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.0",
2
+ "version": "1.0.3",
3
3
  "author": "Community for NL Design System",
4
4
  "description": "Design tokens metadata for the component library for the Municipality of Utrecht based on the NL Design System architecture",
5
5
  "license": "EUPL-1.2",
@@ -27,6 +27,100 @@
27
27
  "lodash.merge": "4.6.2",
28
28
  "rimraf": "5.0.7"
29
29
  },
30
+ "dependencies": {
31
+ "@utrecht/accordion-css": "1.6.0",
32
+ "@utrecht/alert-css": "2.2.0",
33
+ "@utrecht/alert-dialog-css": "1.4.1",
34
+ "@utrecht/article-css": "1.5.0",
35
+ "@utrecht/backdrop-css": "1.4.0",
36
+ "@utrecht/badge-counter-css": "1.4.0",
37
+ "@utrecht/badge-list-css": "2.2.0",
38
+ "@utrecht/badge-status-css": "1.4.0",
39
+ "@utrecht/blockquote-css": "1.6.0",
40
+ "@utrecht/breadcrumb-nav-css": "1.4.0",
41
+ "@utrecht/build-utils-css": "0.0.1",
42
+ "@utrecht/button-css": "2.3.0",
43
+ "@utrecht/button-group-css": "1.4.0",
44
+ "@utrecht/button-link-css": "1.3.0",
45
+ "@utrecht/calendar-css": "1.4.0",
46
+ "@utrecht/checkbox-css": "1.6.0",
47
+ "@utrecht/code-block-css": "1.5.0",
48
+ "@utrecht/code-css": "1.5.0",
49
+ "@utrecht/color-sample-css": "1.4.0",
50
+ "@utrecht/column-layout-css": "1.5.0",
51
+ "@utrecht/combobox-css": "1.4.0",
52
+ "@utrecht/currency-data-css": "1.3.0",
53
+ "@utrecht/custom-checkbox-css": "1.3.1",
54
+ "@utrecht/data-badge-css": "1.0.0",
55
+ "@utrecht/data-list-css": "1.4.0",
56
+ "@utrecht/data-placeholder-css": "1.4.0",
57
+ "@utrecht/digid-button-css": "1.4.0",
58
+ "@utrecht/document-css": "1.5.0",
59
+ "@utrecht/drawer-css": "1.4.0",
60
+ "@utrecht/emphasis-css": "1.5.0",
61
+ "@utrecht/figure-css": "1.5.0",
62
+ "@utrecht/form-css": "1.5.0",
63
+ "@utrecht/form-field-css": "1.5.0",
64
+ "@utrecht/form-field-description-css": "1.5.0",
65
+ "@utrecht/form-field-error-message-css": "1.5.0",
66
+ "@utrecht/form-fieldset-css": "1.5.0",
67
+ "@utrecht/form-label-css": "1.6.0",
68
+ "@utrecht/form-toggle-css": "1.5.0",
69
+ "@utrecht/heading-1-css": "1.5.0",
70
+ "@utrecht/heading-2-css": "1.5.0",
71
+ "@utrecht/heading-3-css": "1.5.0",
72
+ "@utrecht/heading-4-css": "1.5.0",
73
+ "@utrecht/heading-5-css": "1.5.0",
74
+ "@utrecht/heading-6-css": "1.5.0",
75
+ "@utrecht/heading-group-css": "1.5.0",
76
+ "@utrecht/html-content-css": "1.4.0",
77
+ "@utrecht/iban-data-css": "1.3.0",
78
+ "@utrecht/icon": "2.0.0",
79
+ "@utrecht/img-css": "1.3.0",
80
+ "@utrecht/index-char-nav-css": "1.4.0",
81
+ "@utrecht/link-button-css": "1.4.0",
82
+ "@utrecht/link-css": "1.6.0",
83
+ "@utrecht/link-list-css": "2.3.0",
84
+ "@utrecht/link-social-css": "1.4.0",
85
+ "@utrecht/list-social-css": "1.4.0",
86
+ "@utrecht/listbox-css": "1.5.1",
87
+ "@utrecht/logo-button-css": "1.4.0",
88
+ "@utrecht/logo-css": "1.4.0",
89
+ "@utrecht/logo-image-css": "1.4.0",
90
+ "@utrecht/map-marker-css": "1.4.0",
91
+ "@utrecht/mark-css": "1.5.0",
92
+ "@utrecht/multiline-data-css": "1.3.0",
93
+ "@utrecht/nav-bar-css": "1.4.0",
94
+ "@utrecht/nav-list-css": "1.3.0",
95
+ "@utrecht/number-badge-css": "2.3.0",
96
+ "@utrecht/number-data-css": "1.4.0",
97
+ "@utrecht/ordered-list-css": "1.5.0",
98
+ "@utrecht/page-content-css": "1.4.0",
99
+ "@utrecht/page-css": "1.4.0",
100
+ "@utrecht/page-footer-css": "2.1.0",
101
+ "@utrecht/page-header-css": "1.5.0",
102
+ "@utrecht/pagination-css": "1.4.0",
103
+ "@utrecht/paragraph-css": "2.3.0",
104
+ "@utrecht/pre-heading-css": "1.4.0",
105
+ "@utrecht/preserve-data-css": "1.3.0",
106
+ "@utrecht/radio-button-css": "1.6.0",
107
+ "@utrecht/rich-text-css": "1.3.0",
108
+ "@utrecht/search-bar-css": "2.2.0",
109
+ "@utrecht/select-css": "1.8.0",
110
+ "@utrecht/separator-css": "1.5.0",
111
+ "@utrecht/skip-link-css": "1.5.0",
112
+ "@utrecht/spotlight-section-css": "1.6.0",
113
+ "@utrecht/surface-css": "1.4.0",
114
+ "@utrecht/table-css": "1.5.0",
115
+ "@utrecht/table-of-contents-css": "0.3.0",
116
+ "@utrecht/textarea-css": "2.3.0",
117
+ "@utrecht/textbox-css": "1.6.0",
118
+ "@utrecht/top-task-link-css": "1.4.0",
119
+ "@utrecht/top-task-nav-css": "1.3.0",
120
+ "@utrecht/unordered-list-css": "1.5.0",
121
+ "@utrecht/url-data-css": "1.3.0",
122
+ "@utrecht/alternate-lang-nav-css": "1.3.0"
123
+ },
30
124
  "scripts": {
31
125
  "build": "pnpm run '/^build:.*/'",
32
126
  "build:property": "node src/build-property.mjs",