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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/tokens.json +857 -63
  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": {
@@ -4406,6 +4550,7 @@
4406
4550
  }
4407
4551
  }
4408
4552
  },
4553
+ "page-layout": {},
4409
4554
  "page-header": {
4410
4555
  "background-color": {
4411
4556
  "$extensions": {
@@ -4417,6 +4562,16 @@
4417
4562
  },
4418
4563
  "type": "color"
4419
4564
  },
4565
+ "border-block-end-color": {
4566
+ "$extensions": {
4567
+ "nl.nldesignsystem.css.property": {
4568
+ "syntax": "<color>",
4569
+ "inherits": true
4570
+ },
4571
+ "nl.nldesignsystem.figma.supports-token": false
4572
+ },
4573
+ "type": "color"
4574
+ },
4420
4575
  "color": {
4421
4576
  "$extensions": {
4422
4577
  "nl.nldesignsystem.css.property": {
@@ -4466,6 +4621,68 @@
4466
4621
  "nl.nldesignsystem.figma.supports-token": false
4467
4622
  },
4468
4623
  "type": "spacing"
4624
+ },
4625
+ "content": {
4626
+ "background-color": {
4627
+ "$extensions": {
4628
+ "nl.nldesignsystem.css.property": {
4629
+ "syntax": "<color>",
4630
+ "inherits": true
4631
+ },
4632
+ "nl.nldesignsystem.figma.supports-token": false
4633
+ },
4634
+ "type": "color"
4635
+ },
4636
+ "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
+ "padding-block-start": {
4647
+ "$extensions": {
4648
+ "nl.nldesignsystem.css.property": {
4649
+ "syntax": "<length>",
4650
+ "inherits": true
4651
+ },
4652
+ "nl.nldesignsystem.figma.supports-token": false
4653
+ },
4654
+ "type": "spacing"
4655
+ },
4656
+ "padding-block-end": {
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-inline-start": {
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-end": {
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
+ }
4469
4686
  }
4470
4687
  },
4471
4688
  "page-footer": {
@@ -4538,6 +4755,68 @@
4538
4755
  "nl.nldesignsystem.figma.supports-token": false
4539
4756
  },
4540
4757
  "type": "spacing"
4758
+ },
4759
+ "content": {
4760
+ "color": {
4761
+ "$extensions": {
4762
+ "nl.nldesignsystem.css.property": {
4763
+ "syntax": "<color>",
4764
+ "inherits": true
4765
+ },
4766
+ "nl.nldesignsystem.figma.supports-token": false
4767
+ },
4768
+ "type": "color"
4769
+ },
4770
+ "background-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
+ "padding-inline-end": {
4781
+ "$extensions": {
4782
+ "nl.nldesignsystem.css.property": {
4783
+ "syntax": "<length>",
4784
+ "inherits": true
4785
+ },
4786
+ "nl.nldesignsystem.figma.supports-token": false
4787
+ },
4788
+ "type": "spacing"
4789
+ },
4790
+ "padding-inline-start": {
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-block-end": {
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-start": {
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
+ }
4541
4820
  }
4542
4821
  },
4543
4822
  "page-content": {
@@ -4582,6 +4861,90 @@
4582
4861
  "type": "spacing"
4583
4862
  }
4584
4863
  },
4864
+ "page-body": {
4865
+ "background-color": {
4866
+ "$extensions": {
4867
+ "nl.nldesignsystem.css.property": {
4868
+ "syntax": "<color>",
4869
+ "inherits": true
4870
+ },
4871
+ "nl.nldesignsystem.figma.supports-token": false
4872
+ },
4873
+ "type": "color"
4874
+ },
4875
+ "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
+ "content": {
4886
+ "background-color": {
4887
+ "$extensions": {
4888
+ "nl.nldesignsystem.css.property": {
4889
+ "syntax": "<color>",
4890
+ "inherits": true
4891
+ },
4892
+ "nl.nldesignsystem.figma.supports-token": false
4893
+ },
4894
+ "type": "color"
4895
+ },
4896
+ "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
+ "padding-block-start": {
4907
+ "$extensions": {
4908
+ "nl.nldesignsystem.css.property": {
4909
+ "syntax": "<length>",
4910
+ "inherits": true
4911
+ },
4912
+ "nl.nldesignsystem.figma.supports-token": false
4913
+ },
4914
+ "type": "spacing"
4915
+ },
4916
+ "padding-block-end": {
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-inline-start": {
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-inine-end": {
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
+ }
4947
+ },
4585
4948
  "page": {
4586
4949
  "background-color": {
4587
4950
  "$extensions": {
@@ -4778,21 +5141,32 @@
4778
5141
  },
4779
5142
  "number-badge": {
4780
5143
  "background-color": {
4781
- "comment": "Default background color for badge components",
4782
5144
  "$extensions": {
4783
5145
  "nl.nldesignsystem.css.property": {
4784
5146
  "syntax": "<color>",
4785
5147
  "inherits": true
4786
5148
  },
4787
5149
  "nl.nldesignsystem.fallback": [
4788
- "utrecht.badge.background-color"
5150
+ "utrecht.badge.background-color"
5151
+ ],
5152
+ "nl.nldesignsystem.figma.supports-token": true
5153
+ },
5154
+ "type": "color"
5155
+ },
5156
+ "border-color": {
5157
+ "$extensions": {
5158
+ "nl.nldesignsystem.css.property": {
5159
+ "syntax": "<color>",
5160
+ "inherits": true
5161
+ },
5162
+ "nl.nldesignsystem.fallback": [
5163
+ "utrecht.badge.border-color"
4789
5164
  ],
4790
5165
  "nl.nldesignsystem.figma.supports-token": true
4791
5166
  },
4792
5167
  "type": "color"
4793
5168
  },
4794
5169
  "border-radius": {
4795
- "comment": "Default corner radius for badge components",
4796
5170
  "$extensions": {
4797
5171
  "nl.nldesignsystem.css.property": {
4798
5172
  "syntax": "<length-percentage>",
@@ -4805,6 +5179,19 @@
4805
5179
  },
4806
5180
  "type": "borderRadius"
4807
5181
  },
5182
+ "border-width": {
5183
+ "$extensions": {
5184
+ "nl.nldesignsystem.css.property": {
5185
+ "syntax": "<length>",
5186
+ "inherits": true
5187
+ },
5188
+ "nl.nldesignsystem.fallback": [
5189
+ "utrecht.badge.border-width"
5190
+ ],
5191
+ "nl.nldesignsystem.figma.supports-token": true
5192
+ },
5193
+ "type": "borderWidth"
5194
+ },
4808
5195
  "color": {
4809
5196
  "comment": "Default text color for badge components",
4810
5197
  "$extensions": {
@@ -4948,6 +5335,26 @@
4948
5335
  "type": "color"
4949
5336
  },
4950
5337
  "content": {
5338
+ "background-color": {
5339
+ "$extensions": {
5340
+ "nl.nldesignsystem.css.property": {
5341
+ "syntax": "<color>",
5342
+ "inherits": true
5343
+ },
5344
+ "nl.nldesignsystem.figma.supports-token": false
5345
+ },
5346
+ "type": "color"
5347
+ },
5348
+ "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
+ },
4951
5358
  "max-inline-size": {
4952
5359
  "$extensions": {
4953
5360
  "nl.nldesignsystem.css.property": {
@@ -5598,6 +6005,42 @@
5598
6005
  }
5599
6006
  }
5600
6007
  },
6008
+ "disabled": {
6009
+ "background-color": {
6010
+ "$extensions": {
6011
+ "nl.nldesignsystem.css.property": {
6012
+ "syntax": "<color>",
6013
+ "inherits": true
6014
+ }
6015
+ }
6016
+ },
6017
+ "color": {
6018
+ "$extensions": {
6019
+ "nl.nldesignsystem.css.property": {
6020
+ "syntax": "<color>",
6021
+ "inherits": true
6022
+ }
6023
+ }
6024
+ }
6025
+ },
6026
+ "hover": {
6027
+ "background-color": {
6028
+ "$extensions": {
6029
+ "nl.nldesignsystem.css.property": {
6030
+ "syntax": "<color>",
6031
+ "inherits": true
6032
+ }
6033
+ }
6034
+ },
6035
+ "color": {
6036
+ "$extensions": {
6037
+ "nl.nldesignsystem.css.property": {
6038
+ "syntax": "<color>",
6039
+ "inherits": true
6040
+ }
6041
+ }
6042
+ }
6043
+ },
5601
6044
  "selected": {
5602
6045
  "background-color": {
5603
6046
  "$extensions": {
@@ -5614,6 +6057,42 @@
5614
6057
  "inherits": true
5615
6058
  }
5616
6059
  }
6060
+ },
6061
+ "disabled": {
6062
+ "background-color": {
6063
+ "$extensions": {
6064
+ "nl.nldesignsystem.css.property": {
6065
+ "syntax": "<color>",
6066
+ "inherits": true
6067
+ }
6068
+ }
6069
+ },
6070
+ "color": {
6071
+ "$extensions": {
6072
+ "nl.nldesignsystem.css.property": {
6073
+ "syntax": "<color>",
6074
+ "inherits": true
6075
+ }
6076
+ }
6077
+ }
6078
+ },
6079
+ "hover": {
6080
+ "background-color": {
6081
+ "$extensions": {
6082
+ "nl.nldesignsystem.css.property": {
6083
+ "syntax": "<color>",
6084
+ "inherits": true
6085
+ }
6086
+ }
6087
+ },
6088
+ "color": {
6089
+ "$extensions": {
6090
+ "nl.nldesignsystem.css.property": {
6091
+ "syntax": "<color>",
6092
+ "inherits": true
6093
+ }
6094
+ }
6095
+ }
5617
6096
  }
5618
6097
  },
5619
6098
  "icon": {
@@ -5973,6 +6452,42 @@
5973
6452
  },
5974
6453
  "type": "color"
5975
6454
  },
6455
+ "text-decoration": {
6456
+ "$extensions": {
6457
+ "nl.nldesignsystem.css.property": {
6458
+ "syntax": [
6459
+ "inherit",
6460
+ "none",
6461
+ "underline"
6462
+ ],
6463
+ "inherits": true
6464
+ },
6465
+ "nl.nldesignsystem.fallback": [
6466
+ "utrecht.link.text-decoration"
6467
+ ],
6468
+ "nl.nldesignsystem.figma.supports-token": true,
6469
+ "nl.nldesignsystem.deprecated": true,
6470
+ "nl.nldesignsystem.redirect": "utrecht.link.focus-visible.text-decoration"
6471
+ },
6472
+ "type": "textDecoration"
6473
+ },
6474
+ "text-decoration-thickness": {
6475
+ "$extensions": {
6476
+ "nl.nldesignsystem.css.property": {
6477
+ "syntax": "<length>",
6478
+ "inherits": true
6479
+ },
6480
+ "nl.nldesignsystem.fallback": [
6481
+ "utrecht.link.text-decoration-thickness"
6482
+ ],
6483
+ "nl.nldesignsystem.figma.supports-token": false,
6484
+ "nl.nldesignsystem.deprecated": true,
6485
+ "nl.nldesignsystem.redirect": "utrecht.link.focus-visible.text-decoration-thickness"
6486
+ },
6487
+ "type": "other"
6488
+ }
6489
+ },
6490
+ "focus-visible": {
5976
6491
  "text-decoration": {
5977
6492
  "$extensions": {
5978
6493
  "nl.nldesignsystem.css.property": {
@@ -6194,6 +6709,7 @@
6194
6709
  }
6195
6710
  },
6196
6711
  "iban-data": {},
6712
+ "html-content": {},
6197
6713
  "heading-group": {
6198
6714
  "margin-block-end": {
6199
6715
  "$extensions": {
@@ -8687,32 +9203,166 @@
8687
9203
  },
8688
9204
  "type": "spacing"
8689
9205
  },
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
- }
9206
+ "padding-block-start": {
9207
+ "$extensions": {
9208
+ "nl.nldesignsystem.css.property": {
9209
+ "syntax": "<length>",
9210
+ "inherits": true
9211
+ },
9212
+ "nl.nldesignsystem.figma.supports-token": false
9213
+ },
9214
+ "type": "spacing"
9215
+ }
9216
+ },
9217
+ "item-value": {
9218
+ "margin-block-start": {
9219
+ "$extensions": {
9220
+ "nl.nldesignsystem.css.property": {
9221
+ "syntax": "<length>",
9222
+ "inherits": true
9223
+ },
9224
+ "nl.nldesignsystem.figma.supports-token": false
9225
+ },
9226
+ "type": "spacing"
9227
+ }
9228
+ }
9229
+ }
9230
+ },
9231
+ "data-badge": {
9232
+ "background-color": {
9233
+ "comment": "Default background color for badge components",
9234
+ "$extensions": {
9235
+ "nl.nldesignsystem.css.property": {
9236
+ "syntax": "<color>",
9237
+ "inherits": true
9238
+ },
9239
+ "nl.nldesignsystem.figma.supports-token": false
9240
+ },
9241
+ "type": "color"
9242
+ },
9243
+ "border-radius": {
9244
+ "comment": "Default corner radius for badge components",
9245
+ "$extensions": {
9246
+ "nl.nldesignsystem.css.property": {
9247
+ "syntax": "<length-percentage>",
9248
+ "inherits": true
9249
+ },
9250
+ "nl.nldesignsystem.figma.supports-token": false
9251
+ },
9252
+ "type": "borderRadius"
9253
+ },
9254
+ "border-width": {
9255
+ "$extensions": {
9256
+ "nl.nldesignsystem.css.property": {
9257
+ "syntax": "<length>",
9258
+ "inherits": true
9259
+ },
9260
+ "nl.nldesignsystem.figma.supports-token": false
9261
+ },
9262
+ "type": "borderWidth"
9263
+ },
9264
+ "color": {
9265
+ "comment": "Default text color for badge components",
9266
+ "$extensions": {
9267
+ "nl.nldesignsystem.css.property": {
9268
+ "syntax": "<color>",
9269
+ "inherits": true
9270
+ },
9271
+ "nl.nldesignsystem.figma.supports-token": false
9272
+ },
9273
+ "type": "color"
9274
+ },
9275
+ "font-size": {
9276
+ "$extensions": {
9277
+ "nl.nldesignsystem.css.property": {
9278
+ "syntax": "<length>",
9279
+ "inherits": true
9280
+ },
9281
+ "nl.nldesignsystem.figma.supports-token": false
9282
+ },
9283
+ "type": "fontSizes"
9284
+ },
9285
+ "font-weight": {
9286
+ "$extensions": {
9287
+ "nl.nldesignsystem.css.property": {
9288
+ "syntax": "<number>",
9289
+ "inherits": true
9290
+ },
9291
+ "nl.nldesignsystem.figma.supports-token": false
9292
+ },
9293
+ "type": "fontWeights"
9294
+ },
9295
+ "line-height": {
9296
+ "$extensions": {
9297
+ "nl.nldesignsystem.css.property": {
9298
+ "syntax": [
9299
+ "<length>",
9300
+ "<number>"
9301
+ ],
9302
+ "inherits": true
9303
+ },
9304
+ "nl.nldesignsystem.figma.supports-token": false
9305
+ },
9306
+ "type": "lineHeights"
9307
+ },
9308
+ "min-block-size": {
9309
+ "$extensions": {
9310
+ "nl.nldesignsystem.css.property": {
9311
+ "syntax": "<length>",
9312
+ "inherits": true
9313
+ },
9314
+ "nl.nldesignsystem.figma.supports-token": false
9315
+ },
9316
+ "type": "sizing"
9317
+ },
9318
+ "min-inline-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
+ "padding-block": {
9329
+ "comment": "Default block padding for badge components",
9330
+ "$extensions": {
9331
+ "nl.nldesignsystem.css.property": {
9332
+ "syntax": "<length>",
9333
+ "inherits": true
9334
+ },
9335
+ "nl.nldesignsystem.figma.supports-token": false
8700
9336
  },
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
9337
+ "type": "spacing"
9338
+ },
9339
+ "padding-inline": {
9340
+ "comment": "Default inline padding color for badge components",
9341
+ "$extensions": {
9342
+ "nl.nldesignsystem.css.property": {
9343
+ "syntax": "<length>",
9344
+ "inherits": true
9345
+ },
9346
+ "nl.nldesignsystem.figma.supports-token": false
9347
+ },
9348
+ "type": "spacing"
9349
+ }
9350
+ },
9351
+ "currency-data": {},
9352
+ "combobox": {
9353
+ "popover": {
9354
+ "z-index": {
9355
+ "$extensions": {
9356
+ "nl.nldesignsystem.css.property": {
9357
+ "syntax": "<number>",
9358
+ "inherits": true
8709
9359
  },
8710
- "type": "spacing"
8711
- }
9360
+ "nl.nldesignsystem.figma.supports-token": false
9361
+ },
9362
+ "type": "other"
8712
9363
  }
8713
9364
  }
8714
9365
  },
8715
- "currency-data": {},
8716
9366
  "column-layout": {
8717
9367
  "column-rule-color": {
8718
9368
  "$extensions": {
@@ -8753,6 +9403,28 @@
8753
9403
  "nl.nldesignsystem.figma.supports-token": false
8754
9404
  },
8755
9405
  "type": "spacing"
9406
+ },
9407
+ "print": {
9408
+ "column-count": {
9409
+ "$extensions": {
9410
+ "nl.nldesignsystem.css.property": {
9411
+ "syntax": "<number>",
9412
+ "inherits": true
9413
+ },
9414
+ "nl.nldesignsystem.figma.supports-token": false
9415
+ },
9416
+ "type": "other"
9417
+ },
9418
+ "column-width": {
9419
+ "$extensions": {
9420
+ "nl.nldesignsystem.css.property": {
9421
+ "syntax": "<length>",
9422
+ "inherits": true
9423
+ },
9424
+ "nl.nldesignsystem.figma.supports-token": false
9425
+ },
9426
+ "type": "sizing"
9427
+ }
8756
9428
  }
8757
9429
  },
8758
9430
  "color-sample": {
@@ -10054,6 +10726,15 @@
10054
10726
  },
10055
10727
  "type": "color"
10056
10728
  },
10729
+ "column-gap": {
10730
+ "$extensions": {
10731
+ "nl.nldesignsystem.css.property": {
10732
+ "syntax": "<length>",
10733
+ "inherits": true
10734
+ }
10735
+ },
10736
+ "type": "spacing"
10737
+ },
10057
10738
  "font-family": {
10058
10739
  "$extensions": {
10059
10740
  "nl.nldesignsystem.css.property": {
@@ -10269,16 +10950,6 @@
10269
10950
  }
10270
10951
  },
10271
10952
  "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
10953
  "size": {
10283
10954
  "$extensions": {
10284
10955
  "nl.nldesignsystem.css.property": {
@@ -11755,6 +12426,51 @@
11755
12426
  }
11756
12427
  }
11757
12428
  },
12429
+ "body": {
12430
+ "font-family": {
12431
+ "$extensions": {
12432
+ "nl.nldesignsystem.css.property": {
12433
+ "syntax": "*",
12434
+ "inherits": true
12435
+ },
12436
+ "nl.nldesignsystem.figma.supports-token": true
12437
+ },
12438
+ "type": "fontFamilies"
12439
+ },
12440
+ "font-size": {
12441
+ "$extensions": {
12442
+ "nl.nldesignsystem.css.property": {
12443
+ "syntax": "<length>",
12444
+ "inherits": true
12445
+ },
12446
+ "nl.nldesignsystem.figma.supports-token": true
12447
+ },
12448
+ "type": "fontSizes"
12449
+ },
12450
+ "font-weight": {
12451
+ "$extensions": {
12452
+ "nl.nldesignsystem.css.property": {
12453
+ "syntax": "<number>",
12454
+ "inherits": true
12455
+ },
12456
+ "nl.nldesignsystem.figma.supports-token": true
12457
+ },
12458
+ "type": "fontWeights"
12459
+ },
12460
+ "line-height": {
12461
+ "$extensions": {
12462
+ "nl.nldesignsystem.css.property": {
12463
+ "syntax": [
12464
+ "<length>",
12465
+ "<number>"
12466
+ ],
12467
+ "inherits": true
12468
+ },
12469
+ "nl.nldesignsystem.figma.supports-token": true
12470
+ },
12471
+ "type": "lineHeights"
12472
+ }
12473
+ },
11758
12474
  "blockquote": {
11759
12475
  "background-color": {
11760
12476
  "$extensions": {
@@ -11766,6 +12482,46 @@
11766
12482
  },
11767
12483
  "type": "color"
11768
12484
  },
12485
+ "border-inline-start-width": {
12486
+ "$extensions": {
12487
+ "nl.nldesignsystem.css.property": {
12488
+ "syntax": "<length>",
12489
+ "inherits": true
12490
+ },
12491
+ "nl.nldesignsystem.figma.supports-token": false
12492
+ },
12493
+ "type": "borderWidth"
12494
+ },
12495
+ "border-color": {
12496
+ "$extensions": {
12497
+ "nl.nldesignsystem.css.property": {
12498
+ "syntax": "<color>",
12499
+ "inherits": true
12500
+ },
12501
+ "nl.nldesignsystem.figma.supports-token": false
12502
+ },
12503
+ "type": "color"
12504
+ },
12505
+ "border-radius": {
12506
+ "$extensions": {
12507
+ "nl.nldesignsystem.css.property": {
12508
+ "syntax": "<length>",
12509
+ "inherits": true
12510
+ },
12511
+ "nl.nldesignsystem.figma.supports-token": false
12512
+ },
12513
+ "type": "borderRadius"
12514
+ },
12515
+ "border-width": {
12516
+ "$extensions": {
12517
+ "nl.nldesignsystem.css.property": {
12518
+ "syntax": "<length>",
12519
+ "inherits": true
12520
+ },
12521
+ "nl.nldesignsystem.figma.supports-token": false
12522
+ },
12523
+ "type": "borderWidth"
12524
+ },
11769
12525
  "color": {
11770
12526
  "$extensions": {
11771
12527
  "nl.nldesignsystem.css.property": {
@@ -11890,6 +12646,16 @@
11890
12646
  },
11891
12647
  "type": "spacing"
11892
12648
  },
12649
+ "row-gap": {
12650
+ "$extensions": {
12651
+ "nl.nldesignsystem.css.property": {
12652
+ "syntax": "<length>",
12653
+ "inherits": true
12654
+ },
12655
+ "nl.nldesignsystem.figma.supports-token": false
12656
+ },
12657
+ "type": "spacing"
12658
+ },
11893
12659
  "attribution": {
11894
12660
  "color": {
11895
12661
  "$extensions": {
@@ -11897,7 +12663,9 @@
11897
12663
  "syntax": "<color>",
11898
12664
  "inherits": true
11899
12665
  },
11900
- "nl.nldesignsystem.figma.supports-token": true
12666
+ "nl.nldesignsystem.figma.supports-token": true,
12667
+ "nl.nldesignsystem.deprecated": true,
12668
+ "nl.nldesignsystem.redirect": "utrecht.blockquote.caption.color"
11901
12669
  },
11902
12670
  "type": "color"
11903
12671
  },
@@ -11907,7 +12675,9 @@
11907
12675
  "syntax": "<length>",
11908
12676
  "inherits": true
11909
12677
  },
11910
- "nl.nldesignsystem.figma.supports-token": true
12678
+ "nl.nldesignsystem.figma.supports-token": true,
12679
+ "nl.nldesignsystem.deprecated": true,
12680
+ "nl.nldesignsystem.redirect": "utrecht.blockquote.caption.font-size"
11911
12681
  },
11912
12682
  "type": "fontSizes"
11913
12683
  }
@@ -11919,7 +12689,9 @@
11919
12689
  "syntax": "<color>",
11920
12690
  "inherits": true
11921
12691
  },
11922
- "nl.nldesignsystem.figma.supports-token": true
12692
+ "nl.nldesignsystem.figma.supports-token": true,
12693
+ "nl.nldesignsystem.deprecated": true,
12694
+ "nl.nldesignsystem.redirect": "utrecht.blockquote.quote.color"
11923
12695
  },
11924
12696
  "type": "color"
11925
12697
  },
@@ -11929,7 +12701,53 @@
11929
12701
  "syntax": "<length>",
11930
12702
  "inherits": true
11931
12703
  },
11932
- "nl.nldesignsystem.figma.supports-token": true
12704
+ "nl.nldesignsystem.figma.supports-token": true,
12705
+ "nl.nldesignsystem.deprecated": true,
12706
+ "nl.nldesignsystem.redirect": "utrecht.blockquote.quote.font-size"
12707
+ },
12708
+ "type": "fontSizes"
12709
+ }
12710
+ },
12711
+ "caption": {
12712
+ "color": {
12713
+ "$extensions": {
12714
+ "nl.nldesignsystem.css.property": {
12715
+ "syntax": "<color>",
12716
+ "inherits": true
12717
+ },
12718
+ "nl.nldesignsystem.figma.supports-token": false
12719
+ },
12720
+ "type": "color"
12721
+ },
12722
+ "font-size": {
12723
+ "$extensions": {
12724
+ "nl.nldesignsystem.css.property": {
12725
+ "syntax": "<length>",
12726
+ "inherits": true
12727
+ },
12728
+ "nl.nldesignsystem.figma.supports-token": false
12729
+ },
12730
+ "type": "fontSizes"
12731
+ }
12732
+ },
12733
+ "quote": {
12734
+ "color": {
12735
+ "$extensions": {
12736
+ "nl.nldesignsystem.css.property": {
12737
+ "syntax": "<color>",
12738
+ "inherits": true
12739
+ },
12740
+ "nl.nldesignsystem.figma.supports-token": false
12741
+ },
12742
+ "type": "color"
12743
+ },
12744
+ "font-size": {
12745
+ "$extensions": {
12746
+ "nl.nldesignsystem.css.property": {
12747
+ "syntax": "<length>",
12748
+ "inherits": true
12749
+ },
12750
+ "nl.nldesignsystem.figma.supports-token": false
11933
12751
  },
11934
12752
  "type": "fontSizes"
11935
12753
  }
@@ -11982,31 +12800,6 @@
11982
12800
  "type": "spacing"
11983
12801
  }
11984
12802
  },
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
12803
  "badge-counter": {
12011
12804
  "background-color": {
12012
12805
  "comment": "Default background color for badge components",
@@ -12335,6 +13128,7 @@
12335
13128
  "type": "sizing"
12336
13129
  }
12337
13130
  },
13131
+ "alternate-lang-nav": {},
12338
13132
  "alert-dialog": {
12339
13133
  "margin-block-start": {
12340
13134
  "$extensions": {
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.0",
2
+ "version": "1.0.1",
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-dialog-css": "1.4.1",
33
+ "@utrecht/alternate-lang-nav-css": "1.3.0",
34
+ "@utrecht/article-css": "1.4.0",
35
+ "@utrecht/alert-css": "2.2.0",
36
+ "@utrecht/backdrop-css": "1.4.0",
37
+ "@utrecht/badge-counter-css": "1.4.0",
38
+ "@utrecht/badge-list-css": "2.2.0",
39
+ "@utrecht/badge-status-css": "1.4.0",
40
+ "@utrecht/build-utils-css": "0.0.1",
41
+ "@utrecht/button-css": "2.2.0",
42
+ "@utrecht/blockquote-css": "1.5.0",
43
+ "@utrecht/breadcrumb-nav-css": "1.4.0",
44
+ "@utrecht/button-link-css": "1.3.0",
45
+ "@utrecht/button-group-css": "1.4.0",
46
+ "@utrecht/calendar-css": "1.4.0",
47
+ "@utrecht/checkbox-css": "1.5.0",
48
+ "@utrecht/code-css": "1.4.0",
49
+ "@utrecht/color-sample-css": "1.4.0",
50
+ "@utrecht/column-layout-css": "1.5.0",
51
+ "@utrecht/code-block-css": "1.4.0",
52
+ "@utrecht/combobox-css": "1.4.0",
53
+ "@utrecht/currency-data-css": "1.3.0",
54
+ "@utrecht/custom-checkbox-css": "1.3.1",
55
+ "@utrecht/data-badge-css": "1.0.0",
56
+ "@utrecht/data-placeholder-css": "1.4.0",
57
+ "@utrecht/document-css": "1.4.0",
58
+ "@utrecht/drawer-css": "1.4.0",
59
+ "@utrecht/data-list-css": "1.4.0",
60
+ "@utrecht/emphasis-css": "1.4.0",
61
+ "@utrecht/digid-button-css": "1.4.0",
62
+ "@utrecht/figure-css": "1.4.0",
63
+ "@utrecht/form-css": "1.4.0",
64
+ "@utrecht/form-field-css": "1.5.0",
65
+ "@utrecht/form-field-description-css": "1.5.0",
66
+ "@utrecht/form-field-error-message-css": "1.5.0",
67
+ "@utrecht/form-fieldset-css": "1.4.0",
68
+ "@utrecht/form-label-css": "1.5.0",
69
+ "@utrecht/heading-1-css": "1.4.0",
70
+ "@utrecht/form-toggle-css": "1.4.0",
71
+ "@utrecht/heading-2-css": "1.4.0",
72
+ "@utrecht/heading-3-css": "1.4.0",
73
+ "@utrecht/heading-6-css": "1.4.0",
74
+ "@utrecht/heading-5-css": "1.4.0",
75
+ "@utrecht/heading-group-css": "1.4.0",
76
+ "@utrecht/heading-4-css": "1.4.0",
77
+ "@utrecht/html-content-css": "1.3.0",
78
+ "@utrecht/icon": "1.3.0",
79
+ "@utrecht/iban-data-css": "1.3.0",
80
+ "@utrecht/index-char-nav-css": "1.4.0",
81
+ "@utrecht/link-button-css": "1.4.0",
82
+ "@utrecht/img-css": "1.3.0",
83
+ "@utrecht/link-css": "1.5.0",
84
+ "@utrecht/link-list-css": "2.3.0",
85
+ "@utrecht/link-social-css": "1.4.0",
86
+ "@utrecht/list-social-css": "1.4.0",
87
+ "@utrecht/listbox-css": "1.5.1",
88
+ "@utrecht/logo-button-css": "1.4.0",
89
+ "@utrecht/logo-css": "1.4.0",
90
+ "@utrecht/logo-image-css": "1.4.0",
91
+ "@utrecht/map-marker-css": "1.4.0",
92
+ "@utrecht/nav-bar-css": "1.4.0",
93
+ "@utrecht/multiline-data-css": "1.3.0",
94
+ "@utrecht/mark-css": "1.4.0",
95
+ "@utrecht/nav-list-css": "1.3.0",
96
+ "@utrecht/number-badge-css": "2.3.0",
97
+ "@utrecht/ordered-list-css": "1.4.0",
98
+ "@utrecht/page-content-css": "1.4.0",
99
+ "@utrecht/number-data-css": "1.4.0",
100
+ "@utrecht/page-css": "1.4.0",
101
+ "@utrecht/page-footer-css": "2.1.0",
102
+ "@utrecht/paragraph-css": "2.2.0",
103
+ "@utrecht/pagination-css": "1.4.0",
104
+ "@utrecht/pre-heading-css": "1.4.0",
105
+ "@utrecht/page-header-css": "1.5.0",
106
+ "@utrecht/preserve-data-css": "1.3.0",
107
+ "@utrecht/radio-button-css": "1.5.1",
108
+ "@utrecht/search-bar-css": "2.2.0",
109
+ "@utrecht/rich-text-css": "1.3.0",
110
+ "@utrecht/select-css": "1.7.0",
111
+ "@utrecht/separator-css": "1.4.0",
112
+ "@utrecht/skip-link-css": "1.5.0",
113
+ "@utrecht/spotlight-section-css": "1.6.0",
114
+ "@utrecht/table-css": "1.4.0",
115
+ "@utrecht/surface-css": "1.4.0",
116
+ "@utrecht/textarea-css": "2.2.0",
117
+ "@utrecht/table-of-contents-css": "0.3.0",
118
+ "@utrecht/textbox-css": "1.5.0",
119
+ "@utrecht/unordered-list-css": "1.4.0",
120
+ "@utrecht/top-task-nav-css": "1.3.0",
121
+ "@utrecht/url-data-css": "1.3.0",
122
+ "@utrecht/top-task-link-css": "1.4.0"
123
+ },
30
124
  "scripts": {
31
125
  "build": "pnpm run '/^build:.*/'",
32
126
  "build:property": "node src/build-property.mjs",