@utrecht/component-library-design-tokens 1.1.8 → 1.1.10

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 +956 -431
  2. package/package.json +7 -7
package/dist/tokens.json CHANGED
@@ -1,5 +1,6 @@
1
1
  {
2
2
  "utrecht": {
3
+ "youtube-video": {},
3
4
  "vega-visualization": {
4
5
  "font-family": {
5
6
  "$extensions": {
@@ -26,7 +27,6 @@
26
27
  }
27
28
  }
28
29
  },
29
- "youtube-video": {},
30
30
  "url-data": {},
31
31
  "unordered-list": {
32
32
  "font-size": {
@@ -1943,6 +1943,31 @@
1943
1943
  },
1944
1944
  "superscript": {},
1945
1945
  "subscript": {},
1946
+ "status-badge": {
1947
+ "letter-spacing": {
1948
+ "$extensions": {
1949
+ "nl.nldesignsystem.css.property": {
1950
+ "syntax": "<length>",
1951
+ "inherits": true
1952
+ },
1953
+ "nl.nldesignsystem.figma.supports-token": true
1954
+ },
1955
+ "type": "letterSpacing"
1956
+ },
1957
+ "text-transform": {
1958
+ "$extensions": {
1959
+ "nl.nldesignsystem.css.property": {
1960
+ "syntax": [
1961
+ "inherit",
1962
+ "uppercase"
1963
+ ],
1964
+ "inherits": true
1965
+ },
1966
+ "nl.nldesignsystem.figma.supports-token": true
1967
+ },
1968
+ "type": "textCase"
1969
+ }
1970
+ },
1946
1971
  "spotlight-section": {
1947
1972
  "background-color": {
1948
1973
  "$extensions": {
@@ -5208,59 +5233,6 @@
5208
5233
  }
5209
5234
  }
5210
5235
  },
5211
- "page": {
5212
- "background-color": {
5213
- "$extensions": {
5214
- "nl.nldesignsystem.css.property": {
5215
- "syntax": "<color>",
5216
- "inherits": true
5217
- },
5218
- "nl.nldesignsystem.figma.supports-token": false
5219
- },
5220
- "type": "color"
5221
- },
5222
- "color": {
5223
- "$extensions": {
5224
- "nl.nldesignsystem.css.property": {
5225
- "syntax": "<color>",
5226
- "inherits": true
5227
- },
5228
- "nl.nldesignsystem.figma.supports-token": false
5229
- },
5230
- "type": "color"
5231
- },
5232
- "margin-inline-start": {
5233
- "$extensions": {
5234
- "nl.nldesignsystem.css.property": {
5235
- "syntax": "<length>",
5236
- "inherits": true
5237
- },
5238
- "nl.nldesignsystem.figma.supports-token": false
5239
- },
5240
- "type": "spacing"
5241
- },
5242
- "margin-inline-end": {
5243
- "$extensions": {
5244
- "nl.nldesignsystem.css.property": {
5245
- "syntax": "<length>",
5246
- "inherits": true
5247
- },
5248
- "nl.nldesignsystem.figma.supports-token": false
5249
- },
5250
- "type": "spacing"
5251
- },
5252
- "max-inline-size": {
5253
- "$extensions": {
5254
- "nl.nldesignsystem.css.property": {
5255
- "syntax": "<length>",
5256
- "inherits": true
5257
- },
5258
- "nl.nldesignsystem.figma.supports-token": false
5259
- },
5260
- "type": "sizing"
5261
- }
5262
- },
5263
- "open-forms-container": {},
5264
5236
  "ordered-list": {
5265
5237
  "font-size": {
5266
5238
  "$extensions": {
@@ -5377,6 +5349,59 @@
5377
5349
  }
5378
5350
  }
5379
5351
  },
5352
+ "page": {
5353
+ "background-color": {
5354
+ "$extensions": {
5355
+ "nl.nldesignsystem.css.property": {
5356
+ "syntax": "<color>",
5357
+ "inherits": true
5358
+ },
5359
+ "nl.nldesignsystem.figma.supports-token": false
5360
+ },
5361
+ "type": "color"
5362
+ },
5363
+ "color": {
5364
+ "$extensions": {
5365
+ "nl.nldesignsystem.css.property": {
5366
+ "syntax": "<color>",
5367
+ "inherits": true
5368
+ },
5369
+ "nl.nldesignsystem.figma.supports-token": false
5370
+ },
5371
+ "type": "color"
5372
+ },
5373
+ "margin-inline-start": {
5374
+ "$extensions": {
5375
+ "nl.nldesignsystem.css.property": {
5376
+ "syntax": "<length>",
5377
+ "inherits": true
5378
+ },
5379
+ "nl.nldesignsystem.figma.supports-token": false
5380
+ },
5381
+ "type": "spacing"
5382
+ },
5383
+ "margin-inline-end": {
5384
+ "$extensions": {
5385
+ "nl.nldesignsystem.css.property": {
5386
+ "syntax": "<length>",
5387
+ "inherits": true
5388
+ },
5389
+ "nl.nldesignsystem.figma.supports-token": false
5390
+ },
5391
+ "type": "spacing"
5392
+ },
5393
+ "max-inline-size": {
5394
+ "$extensions": {
5395
+ "nl.nldesignsystem.css.property": {
5396
+ "syntax": "<length>",
5397
+ "inherits": true
5398
+ },
5399
+ "nl.nldesignsystem.figma.supports-token": false
5400
+ },
5401
+ "type": "sizing"
5402
+ }
5403
+ },
5404
+ "open-forms-container": {},
5380
5405
  "number-data": {
5381
5406
  "positive": {
5382
5407
  "color": {
@@ -5403,82 +5428,253 @@
5403
5428
  }
5404
5429
  }
5405
5430
  },
5406
- "navigation": {
5407
- "border-block-end-color": {
5431
+ "number-badge": {
5432
+ "background-color": {
5408
5433
  "$extensions": {
5409
5434
  "nl.nldesignsystem.css.property": {
5410
5435
  "syntax": "<color>",
5411
5436
  "inherits": true
5412
5437
  },
5413
- "nl.nldesignsystem.figma.supports-token": false
5438
+ "nl.nldesignsystem.fallback": [
5439
+ "utrecht.badge.background-color"
5440
+ ],
5441
+ "nl.nldesignsystem.figma.supports-token": true
5414
5442
  },
5415
5443
  "type": "color"
5416
5444
  },
5417
- "border-block-end-width": {
5445
+ "border-color": {
5446
+ "$extensions": {
5447
+ "nl.nldesignsystem.css.property": {
5448
+ "syntax": "<color>",
5449
+ "inherits": true
5450
+ },
5451
+ "nl.nldesignsystem.fallback": [
5452
+ "utrecht.badge.border-color"
5453
+ ],
5454
+ "nl.nldesignsystem.figma.supports-token": true
5455
+ },
5456
+ "type": "color"
5457
+ },
5458
+ "border-radius": {
5459
+ "$extensions": {
5460
+ "nl.nldesignsystem.css.property": {
5461
+ "syntax": "<length-percentage>",
5462
+ "inherits": true
5463
+ },
5464
+ "nl.nldesignsystem.fallback": [
5465
+ "utrecht.badge.border-radius"
5466
+ ],
5467
+ "nl.nldesignsystem.figma.supports-token": true
5468
+ },
5469
+ "type": "borderRadius"
5470
+ },
5471
+ "border-width": {
5418
5472
  "$extensions": {
5419
5473
  "nl.nldesignsystem.css.property": {
5420
5474
  "syntax": "<length>",
5421
5475
  "inherits": true
5422
5476
  },
5423
- "nl.nldesignsystem.figma.supports-token": false
5477
+ "nl.nldesignsystem.fallback": [
5478
+ "utrecht.badge.border-width"
5479
+ ],
5480
+ "nl.nldesignsystem.figma.supports-token": true
5424
5481
  },
5425
- "type": "length"
5482
+ "type": "borderWidth"
5426
5483
  },
5427
- "border-block-start-color": {
5484
+ "color": {
5485
+ "comment": "Default text color for badge components",
5428
5486
  "$extensions": {
5429
5487
  "nl.nldesignsystem.css.property": {
5430
5488
  "syntax": "<color>",
5431
5489
  "inherits": true
5432
5490
  },
5433
- "nl.nldesignsystem.figma.supports-token": false
5491
+ "nl.nldesignsystem.fallback": [
5492
+ "utrecht.badge.color"
5493
+ ],
5494
+ "nl.nldesignsystem.figma.supports-token": true
5434
5495
  },
5435
5496
  "type": "color"
5436
5497
  },
5437
- "border-block-start-width": {
5498
+ "font-family": {
5499
+ "$extensions": {
5500
+ "nl.nldesignsystem.css.property": {
5501
+ "syntax": "*",
5502
+ "inherits": true
5503
+ },
5504
+ "nl.nldesignsystem.fallback": [
5505
+ "utrecht.badge.font-family",
5506
+ "utrecht.document.font-family"
5507
+ ],
5508
+ "nl.nldesignsystem.figma.supports-token": true
5509
+ },
5510
+ "type": "fontFamilies"
5511
+ },
5512
+ "font-size": {
5438
5513
  "$extensions": {
5439
5514
  "nl.nldesignsystem.css.property": {
5440
5515
  "syntax": "<length>",
5441
5516
  "inherits": true
5442
5517
  },
5443
- "nl.nldesignsystem.figma.supports-token": false
5518
+ "nl.nldesignsystem.fallback": [
5519
+ "utrecht.badge.font-size"
5520
+ ],
5521
+ "nl.nldesignsystem.figma.supports-token": true
5444
5522
  },
5445
- "type": "length"
5523
+ "type": "fontSizes"
5446
5524
  },
5447
- "margin-block-end": {
5525
+ "font-weight": {
5526
+ "$extensions": {
5527
+ "nl.nldesignsystem.css.property": {
5528
+ "syntax": "<number>",
5529
+ "inherits": true
5530
+ },
5531
+ "nl.nldesignsystem.fallback": [
5532
+ "utrecht.badge.font-weight"
5533
+ ],
5534
+ "nl.nldesignsystem.figma.supports-token": true
5535
+ },
5536
+ "type": "fontWeights"
5537
+ },
5538
+ "min-size": {
5448
5539
  "$extensions": {
5449
5540
  "nl.nldesignsystem.css.property": {
5450
5541
  "syntax": "<length>",
5451
5542
  "inherits": true
5452
5543
  },
5453
- "nl.nldesignsystem.figma.supports-token": false
5544
+ "nl.nldesignsystem.deprecated": true,
5545
+ "nl.nldesignsystem.figma.supports-token": false,
5546
+ "nl.nldesignsystem.redirect": "utrecht.number-badge.min-inline-size"
5454
5547
  },
5455
- "type": "length"
5548
+ "type": "spacing"
5456
5549
  },
5457
- "margin-block-start": {
5550
+ "min-block-size": {
5458
5551
  "$extensions": {
5459
5552
  "nl.nldesignsystem.css.property": {
5460
5553
  "syntax": "<length>",
5461
5554
  "inherits": true
5462
5555
  },
5463
- "nl.nldesignsystem.figma.supports-token": false
5556
+ "nl.nldesignsystem.fallback": [
5557
+ "utrecht.number-badge.min-inline-size"
5558
+ ],
5559
+ "nl.nldesignsystem.figma.supports-token": true
5464
5560
  },
5465
- "type": "length"
5561
+ "type": "spacing"
5466
5562
  },
5467
- "drawer": {
5468
- "background-color": {
5469
- "$extensions": {
5470
- "nl.nldesignsystem.css.property": {
5471
- "syntax": "<color>",
5472
- "inherits": true
5473
- },
5474
- "nl.nldesignsystem.figma.supports-token": false
5563
+ "min-inline-size": {
5564
+ "$extensions": {
5565
+ "nl.nldesignsystem.css.property": {
5566
+ "syntax": "<length>",
5567
+ "inherits": true
5475
5568
  },
5476
- "type": "color"
5569
+ "nl.nldesignsystem.figma.supports-token": true
5477
5570
  },
5478
- "mobile": {
5479
- "min-inline-size": {
5480
- "$extensions": {
5481
- "nl.nldesignsystem.css.property": {
5571
+ "type": "spacing"
5572
+ },
5573
+ "padding-block": {
5574
+ "comment": "Default block padding for badge components",
5575
+ "$extensions": {
5576
+ "nl.nldesignsystem.css.property": {
5577
+ "syntax": "<length>",
5578
+ "inherits": true
5579
+ },
5580
+ "nl.nldesignsystem.fallback": [
5581
+ "utrecht.badge.padding-block"
5582
+ ],
5583
+ "nl.nldesignsystem.figma.supports-token": true
5584
+ },
5585
+ "type": "spacing"
5586
+ },
5587
+ "padding-inline": {
5588
+ "comment": "Default inline padding color for badge components",
5589
+ "$extensions": {
5590
+ "nl.nldesignsystem.css.property": {
5591
+ "syntax": "<length>",
5592
+ "inherits": true
5593
+ },
5594
+ "nl.nldesignsystem.fallback": [
5595
+ "utrecht.badge.padding-inline"
5596
+ ],
5597
+ "nl.nldesignsystem.figma.supports-token": true
5598
+ },
5599
+ "type": "spacing"
5600
+ }
5601
+ },
5602
+ "navigation": {
5603
+ "border-block-end-color": {
5604
+ "$extensions": {
5605
+ "nl.nldesignsystem.css.property": {
5606
+ "syntax": "<color>",
5607
+ "inherits": true
5608
+ },
5609
+ "nl.nldesignsystem.figma.supports-token": false
5610
+ },
5611
+ "type": "color"
5612
+ },
5613
+ "border-block-end-width": {
5614
+ "$extensions": {
5615
+ "nl.nldesignsystem.css.property": {
5616
+ "syntax": "<length>",
5617
+ "inherits": true
5618
+ },
5619
+ "nl.nldesignsystem.figma.supports-token": false
5620
+ },
5621
+ "type": "length"
5622
+ },
5623
+ "border-block-start-color": {
5624
+ "$extensions": {
5625
+ "nl.nldesignsystem.css.property": {
5626
+ "syntax": "<color>",
5627
+ "inherits": true
5628
+ },
5629
+ "nl.nldesignsystem.figma.supports-token": false
5630
+ },
5631
+ "type": "color"
5632
+ },
5633
+ "border-block-start-width": {
5634
+ "$extensions": {
5635
+ "nl.nldesignsystem.css.property": {
5636
+ "syntax": "<length>",
5637
+ "inherits": true
5638
+ },
5639
+ "nl.nldesignsystem.figma.supports-token": false
5640
+ },
5641
+ "type": "length"
5642
+ },
5643
+ "margin-block-end": {
5644
+ "$extensions": {
5645
+ "nl.nldesignsystem.css.property": {
5646
+ "syntax": "<length>",
5647
+ "inherits": true
5648
+ },
5649
+ "nl.nldesignsystem.figma.supports-token": false
5650
+ },
5651
+ "type": "length"
5652
+ },
5653
+ "margin-block-start": {
5654
+ "$extensions": {
5655
+ "nl.nldesignsystem.css.property": {
5656
+ "syntax": "<length>",
5657
+ "inherits": true
5658
+ },
5659
+ "nl.nldesignsystem.figma.supports-token": false
5660
+ },
5661
+ "type": "length"
5662
+ },
5663
+ "drawer": {
5664
+ "background-color": {
5665
+ "$extensions": {
5666
+ "nl.nldesignsystem.css.property": {
5667
+ "syntax": "<color>",
5668
+ "inherits": true
5669
+ },
5670
+ "nl.nldesignsystem.figma.supports-token": false
5671
+ },
5672
+ "type": "color"
5673
+ },
5674
+ "mobile": {
5675
+ "min-inline-size": {
5676
+ "$extensions": {
5677
+ "nl.nldesignsystem.css.property": {
5482
5678
  "syntax": "<length>",
5483
5679
  "inherits": true
5484
5680
  },
@@ -5663,18 +5859,6 @@
5663
5859
  "nl.nldesignsystem.figma.supports-token": false
5664
5860
  },
5665
5861
  "type": "color"
5666
- },
5667
- "focus": {
5668
- "color": {
5669
- "$extensions": {
5670
- "nl.nldesignsystem.css.property": {
5671
- "syntax": "<color>",
5672
- "inherits": true
5673
- },
5674
- "nl.nldesignsystem.figma.supports-token": false
5675
- },
5676
- "type": "color"
5677
- }
5678
5862
  }
5679
5863
  },
5680
5864
  "background-color": {
@@ -5728,6 +5912,48 @@
5728
5912
  },
5729
5913
  "type": "color"
5730
5914
  },
5915
+ "background-color": {
5916
+ "$extensions": {
5917
+ "nl.nldesignsystem.css.property": {
5918
+ "syntax": "<color>",
5919
+ "inherits": true
5920
+ },
5921
+ "nl.nldesignsystem.figma.supports-token": false
5922
+ },
5923
+ "type": "color"
5924
+ },
5925
+ "text-decoration-thickness": {
5926
+ "$extensions": {
5927
+ "nl.nldesignsystem.css.property": {
5928
+ "syntax": "<length>",
5929
+ "inherits": true
5930
+ },
5931
+ "nl.nldesignsystem.figma.supports-token": false
5932
+ },
5933
+ "type": "length"
5934
+ }
5935
+ },
5936
+ "focus-visible": {
5937
+ "color": {
5938
+ "$extensions": {
5939
+ "nl.nldesignsystem.css.property": {
5940
+ "syntax": "<color>",
5941
+ "inherits": true
5942
+ },
5943
+ "nl.nldesignsystem.figma.supports-token": false
5944
+ },
5945
+ "type": "color"
5946
+ },
5947
+ "background-color": {
5948
+ "$extensions": {
5949
+ "nl.nldesignsystem.css.property": {
5950
+ "syntax": "<color>",
5951
+ "inherits": true
5952
+ },
5953
+ "nl.nldesignsystem.figma.supports-token": false
5954
+ },
5955
+ "type": "color"
5956
+ },
5731
5957
  "text-decoration-thickness": {
5732
5958
  "$extensions": {
5733
5959
  "nl.nldesignsystem.css.property": {
@@ -6186,234 +6412,159 @@
6186
6412
  "nl.nldesignsystem.figma.supports-token": false
6187
6413
  },
6188
6414
  "type": "spacing"
6189
- }
6190
- }
6191
- },
6192
- "icon": {
6193
- "custom": {
6194
- "margin-inline-end": {
6195
- "$extensions": {
6196
- "nl.nldesignsystem.css.property": {
6197
- "syntax": "<length>",
6198
- "inherits": true
6415
+ },
6416
+ "hover": {
6417
+ "color": {
6418
+ "$extensions": {
6419
+ "nl.nldesignsystem.css.property": {
6420
+ "syntax": "<color>",
6421
+ "inherits": true
6422
+ },
6423
+ "nl.nldesignsystem.figma.supports-token": false
6199
6424
  },
6200
- "nl.nldesignsystem.figma.supports-token": false
6201
- },
6202
- "type": "spacing"
6203
- }
6204
- },
6205
- "color": {
6206
- "$extensions": {
6207
- "nl.nldesignsystem.css.property": {
6208
- "syntax": "<color>",
6209
- "inherits": true
6425
+ "type": "color"
6210
6426
  },
6211
- "nl.nldesignsystem.figma.supports-token": false
6212
- },
6213
- "type": "color"
6214
- },
6215
- "size": {
6216
- "$extensions": {
6217
- "nl.nldesignsystem.css.property": {
6218
- "syntax": "<length-percentage>",
6219
- "inherits": true
6427
+ "border-color": {
6428
+ "$extensions": {
6429
+ "nl.nldesignsystem.css.property": {
6430
+ "syntax": "<color>",
6431
+ "inherits": true
6432
+ },
6433
+ "nl.nldesignsystem.figma.supports-token": false
6434
+ },
6435
+ "type": "color"
6220
6436
  },
6221
- "nl.nldesignsystem.figma.supports-token": false
6437
+ "background-color": {
6438
+ "$extensions": {
6439
+ "nl.nldesignsystem.css.property": {
6440
+ "syntax": "<color>",
6441
+ "inherits": true
6442
+ },
6443
+ "nl.nldesignsystem.figma.supports-token": false
6444
+ },
6445
+ "type": "color"
6446
+ }
6222
6447
  },
6223
- "type": "sizing"
6224
- },
6225
- "inset-block-start": {
6226
- "$extensions": {
6227
- "nl.nldesignsystem.css.property": {
6228
- "syntax": "<length>",
6229
- "inherits": true
6448
+ "focus": {
6449
+ "color": {
6450
+ "$extensions": {
6451
+ "nl.nldesignsystem.css.property": {
6452
+ "syntax": "<color>",
6453
+ "inherits": true
6454
+ },
6455
+ "nl.nldesignsystem.figma.supports-token": false
6456
+ },
6457
+ "type": "color"
6230
6458
  },
6231
- "nl.nldesignsystem.figma.supports-token": false
6232
- },
6233
- "type": "spacing"
6234
- },
6235
- "baseline": {
6236
- "inset-block-start": {
6237
- "$extensions": {
6238
- "nl.nldesignsystem.css.property": {
6239
- "syntax": "<length>",
6240
- "inherits": true
6459
+ "border-color": {
6460
+ "$extensions": {
6461
+ "nl.nldesignsystem.css.property": {
6462
+ "syntax": "<color>",
6463
+ "inherits": true
6464
+ },
6465
+ "nl.nldesignsystem.figma.supports-token": false
6241
6466
  },
6242
- "nl.nldesignsystem.figma.supports-token": false
6467
+ "type": "color"
6243
6468
  },
6244
- "type": "spacing"
6245
- }
6246
- }
6247
- },
6248
- "number-badge": {
6249
- "background-color": {
6250
- "$extensions": {
6251
- "nl.nldesignsystem.css.property": {
6252
- "syntax": "<color>",
6253
- "inherits": true
6254
- },
6255
- "nl.nldesignsystem.fallback": [
6256
- "utrecht.badge.background-color"
6257
- ],
6258
- "nl.nldesignsystem.figma.supports-token": true
6469
+ "background-color": {
6470
+ "$extensions": {
6471
+ "nl.nldesignsystem.css.property": {
6472
+ "syntax": "<color>",
6473
+ "inherits": true
6474
+ },
6475
+ "nl.nldesignsystem.figma.supports-token": false
6476
+ },
6477
+ "type": "color"
6478
+ }
6259
6479
  },
6260
- "type": "color"
6261
- },
6262
- "border-color": {
6263
- "$extensions": {
6264
- "nl.nldesignsystem.css.property": {
6265
- "syntax": "<color>",
6266
- "inherits": true
6480
+ "active": {
6481
+ "color": {
6482
+ "$extensions": {
6483
+ "nl.nldesignsystem.css.property": {
6484
+ "syntax": "<color>",
6485
+ "inherits": true
6486
+ },
6487
+ "nl.nldesignsystem.figma.supports-token": false
6488
+ },
6489
+ "type": "color"
6267
6490
  },
6268
- "nl.nldesignsystem.fallback": [
6269
- "utrecht.badge.border-color"
6270
- ],
6271
- "nl.nldesignsystem.figma.supports-token": true
6272
- },
6273
- "type": "color"
6274
- },
6275
- "border-radius": {
6276
- "$extensions": {
6277
- "nl.nldesignsystem.css.property": {
6278
- "syntax": "<length-percentage>",
6279
- "inherits": true
6491
+ "border-color": {
6492
+ "$extensions": {
6493
+ "nl.nldesignsystem.css.property": {
6494
+ "syntax": "<color>",
6495
+ "inherits": true
6496
+ },
6497
+ "nl.nldesignsystem.figma.supports-token": false
6498
+ },
6499
+ "type": "color"
6280
6500
  },
6281
- "nl.nldesignsystem.fallback": [
6282
- "utrecht.badge.border-radius"
6283
- ],
6284
- "nl.nldesignsystem.figma.supports-token": true
6285
- },
6286
- "type": "borderRadius"
6287
- },
6288
- "border-width": {
6289
- "$extensions": {
6290
- "nl.nldesignsystem.css.property": {
6291
- "syntax": "<length>",
6292
- "inherits": true
6501
+ "background-color": {
6502
+ "$extensions": {
6503
+ "nl.nldesignsystem.css.property": {
6504
+ "syntax": "<color>",
6505
+ "inherits": true
6506
+ },
6507
+ "nl.nldesignsystem.figma.supports-token": false
6508
+ },
6509
+ "type": "color"
6510
+ }
6511
+ }
6512
+ }
6513
+ },
6514
+ "icon": {
6515
+ "custom": {
6516
+ "margin-inline-end": {
6517
+ "$extensions": {
6518
+ "nl.nldesignsystem.css.property": {
6519
+ "syntax": "<length>",
6520
+ "inherits": true
6521
+ },
6522
+ "nl.nldesignsystem.figma.supports-token": false
6293
6523
  },
6294
- "nl.nldesignsystem.fallback": [
6295
- "utrecht.badge.border-width"
6296
- ],
6297
- "nl.nldesignsystem.figma.supports-token": true
6298
- },
6299
- "type": "borderWidth"
6524
+ "type": "spacing"
6525
+ }
6300
6526
  },
6301
6527
  "color": {
6302
- "comment": "Default text color for badge components",
6303
6528
  "$extensions": {
6304
6529
  "nl.nldesignsystem.css.property": {
6305
6530
  "syntax": "<color>",
6306
6531
  "inherits": true
6307
6532
  },
6308
- "nl.nldesignsystem.fallback": [
6309
- "utrecht.badge.color"
6310
- ],
6311
- "nl.nldesignsystem.figma.supports-token": true
6533
+ "nl.nldesignsystem.figma.supports-token": false
6312
6534
  },
6313
6535
  "type": "color"
6314
6536
  },
6315
- "font-family": {
6316
- "$extensions": {
6317
- "nl.nldesignsystem.css.property": {
6318
- "syntax": "*",
6319
- "inherits": true
6320
- },
6321
- "nl.nldesignsystem.fallback": [
6322
- "utrecht.badge.font-family",
6323
- "utrecht.document.font-family"
6324
- ],
6325
- "nl.nldesignsystem.figma.supports-token": true
6326
- },
6327
- "type": "fontFamilies"
6328
- },
6329
- "font-size": {
6330
- "$extensions": {
6331
- "nl.nldesignsystem.css.property": {
6332
- "syntax": "<length>",
6333
- "inherits": true
6334
- },
6335
- "nl.nldesignsystem.fallback": [
6336
- "utrecht.badge.font-size"
6337
- ],
6338
- "nl.nldesignsystem.figma.supports-token": true
6339
- },
6340
- "type": "fontSizes"
6341
- },
6342
- "font-weight": {
6343
- "$extensions": {
6344
- "nl.nldesignsystem.css.property": {
6345
- "syntax": "<number>",
6346
- "inherits": true
6347
- },
6348
- "nl.nldesignsystem.fallback": [
6349
- "utrecht.badge.font-weight"
6350
- ],
6351
- "nl.nldesignsystem.figma.supports-token": true
6352
- },
6353
- "type": "fontWeights"
6354
- },
6355
- "min-size": {
6356
- "$extensions": {
6357
- "nl.nldesignsystem.css.property": {
6358
- "syntax": "<length>",
6359
- "inherits": true
6360
- },
6361
- "nl.nldesignsystem.deprecated": true,
6362
- "nl.nldesignsystem.figma.supports-token": false,
6363
- "nl.nldesignsystem.redirect": "utrecht.number-badge.min-inline-size"
6364
- },
6365
- "type": "spacing"
6366
- },
6367
- "min-block-size": {
6368
- "$extensions": {
6369
- "nl.nldesignsystem.css.property": {
6370
- "syntax": "<length>",
6371
- "inherits": true
6372
- },
6373
- "nl.nldesignsystem.fallback": [
6374
- "utrecht.number-badge.min-inline-size"
6375
- ],
6376
- "nl.nldesignsystem.figma.supports-token": true
6377
- },
6378
- "type": "spacing"
6379
- },
6380
- "min-inline-size": {
6537
+ "size": {
6381
6538
  "$extensions": {
6382
6539
  "nl.nldesignsystem.css.property": {
6383
- "syntax": "<length>",
6540
+ "syntax": "<length-percentage>",
6384
6541
  "inherits": true
6385
6542
  },
6386
- "nl.nldesignsystem.figma.supports-token": true
6543
+ "nl.nldesignsystem.figma.supports-token": false
6387
6544
  },
6388
- "type": "spacing"
6545
+ "type": "sizing"
6389
6546
  },
6390
- "padding-block": {
6391
- "comment": "Default block padding for badge components",
6547
+ "inset-block-start": {
6392
6548
  "$extensions": {
6393
6549
  "nl.nldesignsystem.css.property": {
6394
6550
  "syntax": "<length>",
6395
6551
  "inherits": true
6396
6552
  },
6397
- "nl.nldesignsystem.fallback": [
6398
- "utrecht.badge.padding-block"
6399
- ],
6400
- "nl.nldesignsystem.figma.supports-token": true
6553
+ "nl.nldesignsystem.figma.supports-token": false
6401
6554
  },
6402
6555
  "type": "spacing"
6403
6556
  },
6404
- "padding-inline": {
6405
- "comment": "Default inline padding color for badge components",
6406
- "$extensions": {
6407
- "nl.nldesignsystem.css.property": {
6408
- "syntax": "<length>",
6409
- "inherits": true
6557
+ "baseline": {
6558
+ "inset-block-start": {
6559
+ "$extensions": {
6560
+ "nl.nldesignsystem.css.property": {
6561
+ "syntax": "<length>",
6562
+ "inherits": true
6563
+ },
6564
+ "nl.nldesignsystem.figma.supports-token": false
6410
6565
  },
6411
- "nl.nldesignsystem.fallback": [
6412
- "utrecht.badge.padding-inline"
6413
- ],
6414
- "nl.nldesignsystem.figma.supports-token": true
6415
- },
6416
- "type": "spacing"
6566
+ "type": "spacing"
6567
+ }
6417
6568
  }
6418
6569
  },
6419
6570
  "topnav": {},
@@ -8342,30 +8493,96 @@
8342
8493
  "type": "fontWeights"
8343
8494
  }
8344
8495
  },
8345
- "form-toggle": {
8346
- "accent-color": {
8347
- "$extensions": {
8348
- "nl.nldesignsystem.css.property": {
8349
- "syntax": "<color>",
8350
- "inherits": true
8496
+ "grid": {
8497
+ "spacing": {
8498
+ "sm": {
8499
+ "$extensions": {
8500
+ "nl.nldesignsystem.css.property": {
8501
+ "syntax": "<length>",
8502
+ "inherits": true
8503
+ },
8504
+ "nl.nldesignsystem.figma.supports-token": false
8351
8505
  },
8352
- "nl.nldesignsystem.figma.supports-token": false
8506
+ "type": "spacing",
8507
+ "value": "8px",
8508
+ "comment": "Small spacing between grid cells"
8353
8509
  },
8354
- "type": "color"
8355
- },
8356
- "background-color": {
8357
- "$extensions": {
8358
- "nl.nldesignsystem.css.property": {
8359
- "syntax": "<color>",
8360
- "inherits": true
8510
+ "md": {
8511
+ "$extensions": {
8512
+ "nl.nldesignsystem.css.property": {
8513
+ "syntax": "<length>",
8514
+ "inherits": true
8515
+ },
8516
+ "nl.nldesignsystem.figma.supports-token": false
8361
8517
  },
8362
- "nl.nldesignsystem.figma.supports-token": false
8518
+ "type": "spacing",
8519
+ "value": "16px",
8520
+ "comment": "Medium spacing between grid cells"
8363
8521
  },
8364
- "type": "color"
8522
+ "lg": {
8523
+ "$extensions": {
8524
+ "nl.nldesignsystem.css.property": {
8525
+ "syntax": "<length>",
8526
+ "inherits": true
8527
+ },
8528
+ "nl.nldesignsystem.figma.supports-token": false
8529
+ },
8530
+ "type": "spacing",
8531
+ "value": "24px",
8532
+ "comment": "Large spacing between grid cells"
8533
+ }
8365
8534
  },
8366
- "border-color": {
8367
- "$extensions": {
8368
- "nl.nldesignsystem.css.property": {
8535
+ "columns": {
8536
+ "total": {
8537
+ "$extensions": {
8538
+ "nl.nldesignsystem.css.property": {
8539
+ "syntax": "<number>",
8540
+ "inherits": true
8541
+ },
8542
+ "nl.nldesignsystem.figma.supports-token": false
8543
+ },
8544
+ "type": "other",
8545
+ "value": "12",
8546
+ "comment": "Total number of columns in the grid system"
8547
+ },
8548
+ "default": {
8549
+ "$extensions": {
8550
+ "nl.nldesignsystem.css.property": {
8551
+ "syntax": "<number>",
8552
+ "inherits": true
8553
+ },
8554
+ "nl.nldesignsystem.figma.supports-token": false
8555
+ },
8556
+ "type": "other",
8557
+ "value": "4",
8558
+ "comment": "Default column span when no size is specified"
8559
+ }
8560
+ }
8561
+ },
8562
+ "form-toggle": {
8563
+ "accent-color": {
8564
+ "$extensions": {
8565
+ "nl.nldesignsystem.css.property": {
8566
+ "syntax": "<color>",
8567
+ "inherits": true
8568
+ },
8569
+ "nl.nldesignsystem.figma.supports-token": false
8570
+ },
8571
+ "type": "color"
8572
+ },
8573
+ "background-color": {
8574
+ "$extensions": {
8575
+ "nl.nldesignsystem.css.property": {
8576
+ "syntax": "<color>",
8577
+ "inherits": true
8578
+ },
8579
+ "nl.nldesignsystem.figma.supports-token": false
8580
+ },
8581
+ "type": "color"
8582
+ },
8583
+ "border-color": {
8584
+ "$extensions": {
8585
+ "nl.nldesignsystem.css.property": {
8369
8586
  "syntax": "<color>",
8370
8587
  "inherits": true
8371
8588
  },
@@ -9559,14 +9776,292 @@
9559
9776
  "background-color": {
9560
9777
  "$extensions": {
9561
9778
  "nl.nldesignsystem.css.property": {
9562
- "syntax": "<color>",
9779
+ "syntax": "<color>",
9780
+ "inherits": true
9781
+ },
9782
+ "nl.nldesignsystem.figma.supports-token": true
9783
+ },
9784
+ "type": "color"
9785
+ },
9786
+ "border-color": {
9787
+ "$extensions": {
9788
+ "nl.nldesignsystem.css.property": {
9789
+ "syntax": "<color>",
9790
+ "inherits": true
9791
+ },
9792
+ "nl.nldesignsystem.figma.supports-token": true
9793
+ },
9794
+ "type": "color"
9795
+ },
9796
+ "border-width": {
9797
+ "$extensions": {
9798
+ "nl.nldesignsystem.css.property": {
9799
+ "syntax": "<length>",
9800
+ "inherits": true
9801
+ },
9802
+ "nl.nldesignsystem.figma.supports-token": true
9803
+ },
9804
+ "type": "borderWidth"
9805
+ },
9806
+ "color": {
9807
+ "$extensions": {
9808
+ "nl.nldesignsystem.css.property": {
9809
+ "syntax": "<color>",
9810
+ "inherits": true
9811
+ },
9812
+ "nl.nldesignsystem.figma.supports-token": true
9813
+ },
9814
+ "type": "color"
9815
+ }
9816
+ },
9817
+ "read-only": {
9818
+ "background-color": {
9819
+ "$extensions": {
9820
+ "nl.nldesignsystem.css.property": {
9821
+ "syntax": "<color>",
9822
+ "inherits": true
9823
+ },
9824
+ "nl.nldesignsystem.figma.supports-token": true
9825
+ },
9826
+ "type": "color"
9827
+ },
9828
+ "border-color": {
9829
+ "$extensions": {
9830
+ "nl.nldesignsystem.css.property": {
9831
+ "syntax": "<color>",
9832
+ "inherits": true
9833
+ },
9834
+ "nl.nldesignsystem.figma.supports-token": true
9835
+ },
9836
+ "type": "color"
9837
+ },
9838
+ "color": {
9839
+ "$extensions": {
9840
+ "nl.nldesignsystem.css.property": {
9841
+ "syntax": "<color>",
9842
+ "inherits": true
9843
+ },
9844
+ "nl.nldesignsystem.figma.supports-token": true
9845
+ },
9846
+ "type": "color"
9847
+ }
9848
+ }
9849
+ },
9850
+ "form": {
9851
+ "max-inline-size": {
9852
+ "$extensions": {
9853
+ "nl.nldesignsystem.css.property": {
9854
+ "syntax": "<length>",
9855
+ "inherits": true
9856
+ },
9857
+ "nl.nldesignsystem.figma.supports-token": true
9858
+ },
9859
+ "type": "sizing"
9860
+ }
9861
+ },
9862
+ "focus": {
9863
+ "background-color": {
9864
+ "$extensions": {
9865
+ "nl.nldesignsystem.css.property": {
9866
+ "syntax": "<color>",
9867
+ "inherits": true
9868
+ },
9869
+ "nl.nldesignsystem.figma.supports-token": true
9870
+ },
9871
+ "type": "color"
9872
+ },
9873
+ "color": {
9874
+ "$extensions": {
9875
+ "nl.nldesignsystem.css.property": {
9876
+ "syntax": "<color>",
9877
+ "inherits": true
9878
+ },
9879
+ "nl.nldesignsystem.figma.supports-token": true
9880
+ },
9881
+ "type": "color"
9882
+ },
9883
+ "outline-color": {
9884
+ "$extensions": {
9885
+ "nl.nldesignsystem.css.property": {
9886
+ "syntax": "<color>",
9887
+ "inherits": true
9888
+ },
9889
+ "nl.nldesignsystem.figma.supports-token": true
9890
+ },
9891
+ "style": "color"
9892
+ },
9893
+ "outline-offset": {
9894
+ "$extensions": {
9895
+ "nl.nldesignsystem.css.property": {
9896
+ "syntax": "<length>",
9897
+ "inherits": true
9898
+ },
9899
+ "nl.nldesignsystem.figma.supports-token": false
9900
+ },
9901
+ "type": "other"
9902
+ },
9903
+ "outline-style": {
9904
+ "$extensions": {
9905
+ "nl.nldesignsystem.css.property": {
9906
+ "syntax": [
9907
+ "dotted",
9908
+ "none",
9909
+ "solid"
9910
+ ],
9911
+ "inherits": true
9912
+ },
9913
+ "nl.nldesignsystem.figma.supports-token": false
9914
+ },
9915
+ "type": "other"
9916
+ },
9917
+ "outline-width": {
9918
+ "$extensions": {
9919
+ "nl.nldesignsystem.css.property": {
9920
+ "syntax": "<length>",
9921
+ "inherits": true
9922
+ },
9923
+ "nl.nldesignsystem.figma.supports-token": true
9924
+ },
9925
+ "style": "borderWidth"
9926
+ },
9927
+ "inverse": {
9928
+ "outline-color": {
9929
+ "$extensions": {
9930
+ "nl.nldesignsystem.css.property": {
9931
+ "syntax": "<color>",
9932
+ "inherits": true
9933
+ },
9934
+ "nl.nldesignsystem.figma.supports-token": true
9935
+ },
9936
+ "style": "color"
9937
+ }
9938
+ }
9939
+ },
9940
+ "flo-decision": {
9941
+ "explanation": {
9942
+ "margin-inline-start": {
9943
+ "$extensions": {
9944
+ "nl.nldesignsystem.css.property": {
9945
+ "syntax": "<length>",
9946
+ "inherits": true
9947
+ },
9948
+ "nl.nldesignsystem.figma.supports-token": true
9949
+ },
9950
+ "type": "spacing"
9951
+ },
9952
+ "margin-block-start": {
9953
+ "$extensions": {
9954
+ "nl.nldesignsystem.css.property": {
9955
+ "syntax": "<length>",
9956
+ "inherits": true
9957
+ },
9958
+ "nl.nldesignsystem.figma.supports-token": true
9959
+ },
9960
+ "type": "spacing"
9961
+ },
9962
+ "button": {
9963
+ "border-color": {
9964
+ "$extensions": {
9965
+ "nl.nldesignsystem.css.property": {
9966
+ "syntax": "<color>",
9967
+ "inherits": true
9968
+ },
9969
+ "nl.nldesignsystem.figma.supports-token": true
9970
+ },
9971
+ "type": "color"
9972
+ },
9973
+ "background-color": {
9974
+ "$extensions": {
9975
+ "nl.nldesignsystem.css.property": {
9976
+ "syntax": "<color>",
9977
+ "inherits": true
9978
+ },
9979
+ "nl.nldesignsystem.figma.supports-token": true
9980
+ },
9981
+ "type": "color"
9982
+ },
9983
+ "close": {
9984
+ "margin-block-end": {
9985
+ "$extensions": {
9986
+ "nl.nldesignsystem.css.property": {
9987
+ "syntax": "<length>",
9988
+ "inherits": true
9989
+ },
9990
+ "nl.nldesignsystem.figma.supports-token": true
9991
+ },
9992
+ "type": "spacing"
9993
+ }
9994
+ }
9995
+ },
9996
+ "container": {
9997
+ "background-color": {
9998
+ "$extensions": {
9999
+ "nl.nldesignsystem.css.property": {
10000
+ "syntax": "<color>",
10001
+ "inherits": true
10002
+ },
10003
+ "nl.nldesignsystem.figma.supports-token": true
10004
+ },
10005
+ "type": "color"
10006
+ },
10007
+ "margin-block-start": {
10008
+ "$extensions": {
10009
+ "nl.nldesignsystem.css.property": {
10010
+ "syntax": "<length>",
10011
+ "inherits": true
10012
+ },
10013
+ "nl.nldesignsystem.figma.supports-token": true
10014
+ },
10015
+ "type": "spacing"
10016
+ }
10017
+ }
10018
+ },
10019
+ "label": {
10020
+ "checkbox": {
10021
+ "column-gap": {
10022
+ "$extensions": {
10023
+ "nl.nldesignsystem.css.property": {
10024
+ "syntax": "<length>",
10025
+ "inherits": true
10026
+ },
10027
+ "nl.nldesignsystem.figma.supports-token": true
10028
+ },
10029
+ "type": "spacing"
10030
+ },
10031
+ "margin-block-start": {
10032
+ "$extensions": {
10033
+ "nl.nldesignsystem.css.property": {
10034
+ "syntax": "<length>",
10035
+ "inherits": true
10036
+ },
10037
+ "nl.nldesignsystem.figma.supports-token": true
10038
+ },
10039
+ "type": "spacing"
10040
+ }
10041
+ }
10042
+ },
10043
+ "form": {
10044
+ "padding-block": {
10045
+ "$extensions": {
10046
+ "nl.nldesignsystem.css.property": {
10047
+ "syntax": "<length>",
10048
+ "inherits": true
10049
+ },
10050
+ "nl.nldesignsystem.figma.supports-token": true
10051
+ },
10052
+ "type": "spacing"
10053
+ },
10054
+ "padding-inline": {
10055
+ "$extensions": {
10056
+ "nl.nldesignsystem.css.property": {
10057
+ "syntax": "<length>",
9563
10058
  "inherits": true
9564
10059
  },
9565
10060
  "nl.nldesignsystem.figma.supports-token": true
9566
10061
  },
9567
- "type": "color"
10062
+ "type": "spacing"
9568
10063
  },
9569
- "border-color": {
10064
+ "background-color": {
9570
10065
  "$extensions": {
9571
10066
  "nl.nldesignsystem.css.property": {
9572
10067
  "syntax": "<color>",
@@ -9576,7 +10071,7 @@
9576
10071
  },
9577
10072
  "type": "color"
9578
10073
  },
9579
- "border-width": {
10074
+ "margin-block-start": {
9580
10075
  "$extensions": {
9581
10076
  "nl.nldesignsystem.css.property": {
9582
10077
  "syntax": "<length>",
@@ -9584,20 +10079,146 @@
9584
10079
  },
9585
10080
  "nl.nldesignsystem.figma.supports-token": true
9586
10081
  },
9587
- "type": "borderWidth"
10082
+ "type": "spacing"
9588
10083
  },
9589
- "color": {
10084
+ "margin-block-end": {
9590
10085
  "$extensions": {
9591
10086
  "nl.nldesignsystem.css.property": {
9592
- "syntax": "<color>",
10087
+ "syntax": "<length>",
9593
10088
  "inherits": true
9594
10089
  },
9595
10090
  "nl.nldesignsystem.figma.supports-token": true
9596
10091
  },
9597
- "type": "color"
10092
+ "type": "spacing"
10093
+ },
10094
+ "button": {
10095
+ "disabled": {
10096
+ "color": {
10097
+ "$extensions": {
10098
+ "nl.nldesignsystem.css.property": {
10099
+ "syntax": "<color>",
10100
+ "inherits": true
10101
+ },
10102
+ "nl.nldesignsystem.figma.supports-token": true
10103
+ },
10104
+ "type": "color"
10105
+ }
10106
+ }
10107
+ },
10108
+ "nav": {
10109
+ "padding-block": {
10110
+ "$extensions": {
10111
+ "nl.nldesignsystem.css.property": {
10112
+ "syntax": "<length>",
10113
+ "inherits": true
10114
+ },
10115
+ "nl.nldesignsystem.figma.supports-token": true
10116
+ },
10117
+ "type": "spacing"
10118
+ },
10119
+ "background-color": {
10120
+ "$extensions": {
10121
+ "nl.nldesignsystem.css.property": {
10122
+ "syntax": "<color>",
10123
+ "inherits": true
10124
+ },
10125
+ "nl.nldesignsystem.figma.supports-token": true
10126
+ },
10127
+ "type": "color"
10128
+ }
9598
10129
  }
9599
10130
  },
9600
- "read-only": {
10131
+ "question": {
10132
+ "description": {
10133
+ "column-gap": {
10134
+ "$extensions": {
10135
+ "nl.nldesignsystem.css.property": {
10136
+ "syntax": "<length>",
10137
+ "inherits": true
10138
+ },
10139
+ "nl.nldesignsystem.figma.supports-token": true
10140
+ },
10141
+ "type": "spacing"
10142
+ }
10143
+ },
10144
+ "answers": {
10145
+ "row-gap": {
10146
+ "$extensions": {
10147
+ "nl.nldesignsystem.css.property": {
10148
+ "syntax": "<length>",
10149
+ "inherits": true
10150
+ },
10151
+ "nl.nldesignsystem.figma.supports-token": true
10152
+ },
10153
+ "type": "spacing"
10154
+ },
10155
+ "option": {
10156
+ "column-gap": {
10157
+ "$extensions": {
10158
+ "nl.nldesignsystem.css.property": {
10159
+ "syntax": "<length>",
10160
+ "inherits": true
10161
+ },
10162
+ "nl.nldesignsystem.figma.supports-token": true
10163
+ },
10164
+ "type": "spacing"
10165
+ }
10166
+ }
10167
+ },
10168
+ "section": {
10169
+ "padding-block-end": {
10170
+ "$extensions": {
10171
+ "nl.nldesignsystem.css.property": {
10172
+ "syntax": "<length>",
10173
+ "inherits": true
10174
+ },
10175
+ "nl.nldesignsystem.figma.supports-token": true
10176
+ },
10177
+ "type": "spacing"
10178
+ },
10179
+ "padding-block-start": {
10180
+ "$extensions": {
10181
+ "nl.nldesignsystem.css.property": {
10182
+ "syntax": "<length>",
10183
+ "inherits": true
10184
+ },
10185
+ "nl.nldesignsystem.figma.supports-token": true
10186
+ },
10187
+ "type": "spacing"
10188
+ },
10189
+ "background-color": {
10190
+ "$extensions": {
10191
+ "nl.nldesignsystem.css.property": {
10192
+ "syntax": "<color>",
10193
+ "inherits": true
10194
+ },
10195
+ "nl.nldesignsystem.figma.supports-token": true
10196
+ },
10197
+ "type": "color"
10198
+ },
10199
+ "border-block-color": {
10200
+ "$extensions": {
10201
+ "nl.nldesignsystem.css.property": {
10202
+ "syntax": "<color>",
10203
+ "inherits": true
10204
+ },
10205
+ "nl.nldesignsystem.figma.supports-token": true
10206
+ },
10207
+ "type": "color"
10208
+ },
10209
+ "border-block-width": {
10210
+ "$extensions": {
10211
+ "nl.nldesignsystem.css.property": {
10212
+ "syntax": "<length>",
10213
+ "inherits": true
10214
+ },
10215
+ "nl.nldesignsystem.figma.supports-token": true
10216
+ },
10217
+ "type": "borderWidth"
10218
+ }
10219
+ }
10220
+ },
10221
+ "outcomes-container": {
9601
10222
  "background-color": {
9602
10223
  "$extensions": {
9603
10224
  "nl.nldesignsystem.css.property": {
@@ -9608,119 +10229,38 @@
9608
10229
  },
9609
10230
  "type": "color"
9610
10231
  },
9611
- "border-color": {
10232
+ "margin-block-start": {
9612
10233
  "$extensions": {
9613
10234
  "nl.nldesignsystem.css.property": {
9614
- "syntax": "<color>",
10235
+ "syntax": "<length>",
9615
10236
  "inherits": true
9616
10237
  },
9617
10238
  "nl.nldesignsystem.figma.supports-token": true
9618
10239
  },
9619
- "type": "color"
10240
+ "type": "spacing"
9620
10241
  },
9621
- "color": {
10242
+ "padding-inline": {
9622
10243
  "$extensions": {
9623
10244
  "nl.nldesignsystem.css.property": {
9624
- "syntax": "<color>",
10245
+ "syntax": "<length>",
9625
10246
  "inherits": true
9626
10247
  },
9627
10248
  "nl.nldesignsystem.figma.supports-token": true
9628
10249
  },
9629
- "type": "color"
9630
- }
9631
- }
9632
- },
9633
- "form": {
9634
- "max-inline-size": {
9635
- "$extensions": {
9636
- "nl.nldesignsystem.css.property": {
9637
- "syntax": "<length>",
9638
- "inherits": true
9639
- },
9640
- "nl.nldesignsystem.figma.supports-token": true
9641
- },
9642
- "type": "sizing"
9643
- }
9644
- },
9645
- "focus": {
9646
- "background-color": {
9647
- "$extensions": {
9648
- "nl.nldesignsystem.css.property": {
9649
- "syntax": "<color>",
9650
- "inherits": true
9651
- },
9652
- "nl.nldesignsystem.figma.supports-token": true
9653
- },
9654
- "type": "color"
9655
- },
9656
- "color": {
9657
- "$extensions": {
9658
- "nl.nldesignsystem.css.property": {
9659
- "syntax": "<color>",
9660
- "inherits": true
9661
- },
9662
- "nl.nldesignsystem.figma.supports-token": true
9663
- },
9664
- "type": "color"
9665
- },
9666
- "outline-color": {
9667
- "$extensions": {
9668
- "nl.nldesignsystem.css.property": {
9669
- "syntax": "<color>",
9670
- "inherits": true
9671
- },
9672
- "nl.nldesignsystem.figma.supports-token": true
9673
- },
9674
- "style": "color"
9675
- },
9676
- "outline-offset": {
9677
- "$extensions": {
9678
- "nl.nldesignsystem.css.property": {
9679
- "syntax": "<length>",
9680
- "inherits": true
9681
- },
9682
- "nl.nldesignsystem.figma.supports-token": false
9683
- },
9684
- "type": "other"
9685
- },
9686
- "outline-style": {
9687
- "$extensions": {
9688
- "nl.nldesignsystem.css.property": {
9689
- "syntax": [
9690
- "dotted",
9691
- "none",
9692
- "solid"
9693
- ],
9694
- "inherits": true
9695
- },
9696
- "nl.nldesignsystem.figma.supports-token": false
9697
- },
9698
- "type": "other"
9699
- },
9700
- "outline-width": {
9701
- "$extensions": {
9702
- "nl.nldesignsystem.css.property": {
9703
- "syntax": "<length>",
9704
- "inherits": true
9705
- },
9706
- "nl.nldesignsystem.figma.supports-token": true
10250
+ "type": "spacing"
9707
10251
  },
9708
- "style": "borderWidth"
9709
- },
9710
- "inverse": {
9711
- "outline-color": {
10252
+ "padding-block": {
9712
10253
  "$extensions": {
9713
10254
  "nl.nldesignsystem.css.property": {
9714
- "syntax": "<color>",
10255
+ "syntax": "<length>",
9715
10256
  "inherits": true
9716
10257
  },
9717
10258
  "nl.nldesignsystem.figma.supports-token": true
9718
10259
  },
9719
- "style": "color"
10260
+ "type": "spacing"
9720
10261
  }
9721
10262
  }
9722
10263
  },
9723
- "utrecht-flolegal-decision-tree-container": {},
9724
10264
  "flex-wrap-fallback": {},
9725
10265
  "figure": {
9726
10266
  "margin-block-end": {
@@ -13525,6 +14065,16 @@
13525
14065
  },
13526
14066
  "type": "spacing"
13527
14067
  },
14068
+ "margin-block-end": {
14069
+ "$extensions": {
14070
+ "nl.nldesignsystem.css.property": {
14071
+ "syntax": "<length>",
14072
+ "inherits": true
14073
+ },
14074
+ "nl.nldesignsystem.figma.supports-token": false
14075
+ },
14076
+ "type": "spacing"
14077
+ },
13528
14078
  "padding-inline-end": {
13529
14079
  "$extensions": {
13530
14080
  "nl.nldesignsystem.css.property": {
@@ -14046,31 +14596,6 @@
14046
14596
  }
14047
14597
  }
14048
14598
  },
14049
- "badge-status": {
14050
- "letter-spacing": {
14051
- "$extensions": {
14052
- "nl.nldesignsystem.css.property": {
14053
- "syntax": "<length>",
14054
- "inherits": true
14055
- },
14056
- "nl.nldesignsystem.figma.supports-token": true
14057
- },
14058
- "type": "letterSpacing"
14059
- },
14060
- "text-transform": {
14061
- "$extensions": {
14062
- "nl.nldesignsystem.css.property": {
14063
- "syntax": [
14064
- "inherit",
14065
- "uppercase"
14066
- ],
14067
- "inherits": true
14068
- },
14069
- "nl.nldesignsystem.figma.supports-token": true
14070
- },
14071
- "type": "textCase"
14072
- }
14073
- },
14074
14599
  "badge-list": {
14075
14600
  "row-gap": {
14076
14601
  "$extensions": {