@utrecht/component-library-design-tokens 1.1.8 → 1.1.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/tokens.json +849 -354
- package/package.json +2 -2
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": {
|
|
@@ -5260,7 +5260,6 @@
|
|
|
5260
5260
|
"type": "sizing"
|
|
5261
5261
|
}
|
|
5262
5262
|
},
|
|
5263
|
-
"open-forms-container": {},
|
|
5264
5263
|
"ordered-list": {
|
|
5265
5264
|
"font-size": {
|
|
5266
5265
|
"$extensions": {
|
|
@@ -5377,6 +5376,7 @@
|
|
|
5377
5376
|
}
|
|
5378
5377
|
}
|
|
5379
5378
|
},
|
|
5379
|
+
"open-forms-container": {},
|
|
5380
5380
|
"number-data": {
|
|
5381
5381
|
"positive": {
|
|
5382
5382
|
"color": {
|
|
@@ -5403,6 +5403,177 @@
|
|
|
5403
5403
|
}
|
|
5404
5404
|
}
|
|
5405
5405
|
},
|
|
5406
|
+
"number-badge": {
|
|
5407
|
+
"background-color": {
|
|
5408
|
+
"$extensions": {
|
|
5409
|
+
"nl.nldesignsystem.css.property": {
|
|
5410
|
+
"syntax": "<color>",
|
|
5411
|
+
"inherits": true
|
|
5412
|
+
},
|
|
5413
|
+
"nl.nldesignsystem.fallback": [
|
|
5414
|
+
"utrecht.badge.background-color"
|
|
5415
|
+
],
|
|
5416
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
5417
|
+
},
|
|
5418
|
+
"type": "color"
|
|
5419
|
+
},
|
|
5420
|
+
"border-color": {
|
|
5421
|
+
"$extensions": {
|
|
5422
|
+
"nl.nldesignsystem.css.property": {
|
|
5423
|
+
"syntax": "<color>",
|
|
5424
|
+
"inherits": true
|
|
5425
|
+
},
|
|
5426
|
+
"nl.nldesignsystem.fallback": [
|
|
5427
|
+
"utrecht.badge.border-color"
|
|
5428
|
+
],
|
|
5429
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
5430
|
+
},
|
|
5431
|
+
"type": "color"
|
|
5432
|
+
},
|
|
5433
|
+
"border-radius": {
|
|
5434
|
+
"$extensions": {
|
|
5435
|
+
"nl.nldesignsystem.css.property": {
|
|
5436
|
+
"syntax": "<length-percentage>",
|
|
5437
|
+
"inherits": true
|
|
5438
|
+
},
|
|
5439
|
+
"nl.nldesignsystem.fallback": [
|
|
5440
|
+
"utrecht.badge.border-radius"
|
|
5441
|
+
],
|
|
5442
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
5443
|
+
},
|
|
5444
|
+
"type": "borderRadius"
|
|
5445
|
+
},
|
|
5446
|
+
"border-width": {
|
|
5447
|
+
"$extensions": {
|
|
5448
|
+
"nl.nldesignsystem.css.property": {
|
|
5449
|
+
"syntax": "<length>",
|
|
5450
|
+
"inherits": true
|
|
5451
|
+
},
|
|
5452
|
+
"nl.nldesignsystem.fallback": [
|
|
5453
|
+
"utrecht.badge.border-width"
|
|
5454
|
+
],
|
|
5455
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
5456
|
+
},
|
|
5457
|
+
"type": "borderWidth"
|
|
5458
|
+
},
|
|
5459
|
+
"color": {
|
|
5460
|
+
"comment": "Default text color for badge components",
|
|
5461
|
+
"$extensions": {
|
|
5462
|
+
"nl.nldesignsystem.css.property": {
|
|
5463
|
+
"syntax": "<color>",
|
|
5464
|
+
"inherits": true
|
|
5465
|
+
},
|
|
5466
|
+
"nl.nldesignsystem.fallback": [
|
|
5467
|
+
"utrecht.badge.color"
|
|
5468
|
+
],
|
|
5469
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
5470
|
+
},
|
|
5471
|
+
"type": "color"
|
|
5472
|
+
},
|
|
5473
|
+
"font-family": {
|
|
5474
|
+
"$extensions": {
|
|
5475
|
+
"nl.nldesignsystem.css.property": {
|
|
5476
|
+
"syntax": "*",
|
|
5477
|
+
"inherits": true
|
|
5478
|
+
},
|
|
5479
|
+
"nl.nldesignsystem.fallback": [
|
|
5480
|
+
"utrecht.badge.font-family",
|
|
5481
|
+
"utrecht.document.font-family"
|
|
5482
|
+
],
|
|
5483
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
5484
|
+
},
|
|
5485
|
+
"type": "fontFamilies"
|
|
5486
|
+
},
|
|
5487
|
+
"font-size": {
|
|
5488
|
+
"$extensions": {
|
|
5489
|
+
"nl.nldesignsystem.css.property": {
|
|
5490
|
+
"syntax": "<length>",
|
|
5491
|
+
"inherits": true
|
|
5492
|
+
},
|
|
5493
|
+
"nl.nldesignsystem.fallback": [
|
|
5494
|
+
"utrecht.badge.font-size"
|
|
5495
|
+
],
|
|
5496
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
5497
|
+
},
|
|
5498
|
+
"type": "fontSizes"
|
|
5499
|
+
},
|
|
5500
|
+
"font-weight": {
|
|
5501
|
+
"$extensions": {
|
|
5502
|
+
"nl.nldesignsystem.css.property": {
|
|
5503
|
+
"syntax": "<number>",
|
|
5504
|
+
"inherits": true
|
|
5505
|
+
},
|
|
5506
|
+
"nl.nldesignsystem.fallback": [
|
|
5507
|
+
"utrecht.badge.font-weight"
|
|
5508
|
+
],
|
|
5509
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
5510
|
+
},
|
|
5511
|
+
"type": "fontWeights"
|
|
5512
|
+
},
|
|
5513
|
+
"min-size": {
|
|
5514
|
+
"$extensions": {
|
|
5515
|
+
"nl.nldesignsystem.css.property": {
|
|
5516
|
+
"syntax": "<length>",
|
|
5517
|
+
"inherits": true
|
|
5518
|
+
},
|
|
5519
|
+
"nl.nldesignsystem.deprecated": true,
|
|
5520
|
+
"nl.nldesignsystem.figma.supports-token": false,
|
|
5521
|
+
"nl.nldesignsystem.redirect": "utrecht.number-badge.min-inline-size"
|
|
5522
|
+
},
|
|
5523
|
+
"type": "spacing"
|
|
5524
|
+
},
|
|
5525
|
+
"min-block-size": {
|
|
5526
|
+
"$extensions": {
|
|
5527
|
+
"nl.nldesignsystem.css.property": {
|
|
5528
|
+
"syntax": "<length>",
|
|
5529
|
+
"inherits": true
|
|
5530
|
+
},
|
|
5531
|
+
"nl.nldesignsystem.fallback": [
|
|
5532
|
+
"utrecht.number-badge.min-inline-size"
|
|
5533
|
+
],
|
|
5534
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
5535
|
+
},
|
|
5536
|
+
"type": "spacing"
|
|
5537
|
+
},
|
|
5538
|
+
"min-inline-size": {
|
|
5539
|
+
"$extensions": {
|
|
5540
|
+
"nl.nldesignsystem.css.property": {
|
|
5541
|
+
"syntax": "<length>",
|
|
5542
|
+
"inherits": true
|
|
5543
|
+
},
|
|
5544
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
5545
|
+
},
|
|
5546
|
+
"type": "spacing"
|
|
5547
|
+
},
|
|
5548
|
+
"padding-block": {
|
|
5549
|
+
"comment": "Default block padding for badge components",
|
|
5550
|
+
"$extensions": {
|
|
5551
|
+
"nl.nldesignsystem.css.property": {
|
|
5552
|
+
"syntax": "<length>",
|
|
5553
|
+
"inherits": true
|
|
5554
|
+
},
|
|
5555
|
+
"nl.nldesignsystem.fallback": [
|
|
5556
|
+
"utrecht.badge.padding-block"
|
|
5557
|
+
],
|
|
5558
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
5559
|
+
},
|
|
5560
|
+
"type": "spacing"
|
|
5561
|
+
},
|
|
5562
|
+
"padding-inline": {
|
|
5563
|
+
"comment": "Default inline padding color for badge components",
|
|
5564
|
+
"$extensions": {
|
|
5565
|
+
"nl.nldesignsystem.css.property": {
|
|
5566
|
+
"syntax": "<length>",
|
|
5567
|
+
"inherits": true
|
|
5568
|
+
},
|
|
5569
|
+
"nl.nldesignsystem.fallback": [
|
|
5570
|
+
"utrecht.badge.padding-inline"
|
|
5571
|
+
],
|
|
5572
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
5573
|
+
},
|
|
5574
|
+
"type": "spacing"
|
|
5575
|
+
}
|
|
5576
|
+
},
|
|
5406
5577
|
"navigation": {
|
|
5407
5578
|
"border-block-end-color": {
|
|
5408
5579
|
"$extensions": {
|
|
@@ -6186,54 +6357,108 @@
|
|
|
6186
6357
|
"nl.nldesignsystem.figma.supports-token": false
|
|
6187
6358
|
},
|
|
6188
6359
|
"type": "spacing"
|
|
6189
|
-
}
|
|
6190
|
-
|
|
6191
|
-
|
|
6192
|
-
|
|
6193
|
-
|
|
6194
|
-
|
|
6195
|
-
|
|
6196
|
-
|
|
6197
|
-
"
|
|
6198
|
-
"inherits": true
|
|
6360
|
+
},
|
|
6361
|
+
"hover": {
|
|
6362
|
+
"color": {
|
|
6363
|
+
"$extensions": {
|
|
6364
|
+
"nl.nldesignsystem.css.property": {
|
|
6365
|
+
"syntax": "<color>",
|
|
6366
|
+
"inherits": true
|
|
6367
|
+
},
|
|
6368
|
+
"nl.nldesignsystem.figma.supports-token": false
|
|
6199
6369
|
},
|
|
6200
|
-
"
|
|
6201
|
-
},
|
|
6202
|
-
"type": "spacing"
|
|
6203
|
-
}
|
|
6204
|
-
},
|
|
6205
|
-
"color": {
|
|
6206
|
-
"$extensions": {
|
|
6207
|
-
"nl.nldesignsystem.css.property": {
|
|
6208
|
-
"syntax": "<color>",
|
|
6209
|
-
"inherits": true
|
|
6370
|
+
"type": "color"
|
|
6210
6371
|
},
|
|
6211
|
-
"
|
|
6212
|
-
|
|
6213
|
-
|
|
6214
|
-
|
|
6215
|
-
|
|
6216
|
-
|
|
6217
|
-
|
|
6218
|
-
|
|
6219
|
-
"
|
|
6372
|
+
"border-color": {
|
|
6373
|
+
"$extensions": {
|
|
6374
|
+
"nl.nldesignsystem.css.property": {
|
|
6375
|
+
"syntax": "<color>",
|
|
6376
|
+
"inherits": true
|
|
6377
|
+
},
|
|
6378
|
+
"nl.nldesignsystem.figma.supports-token": false
|
|
6379
|
+
},
|
|
6380
|
+
"type": "color"
|
|
6220
6381
|
},
|
|
6221
|
-
"
|
|
6382
|
+
"background-color": {
|
|
6383
|
+
"$extensions": {
|
|
6384
|
+
"nl.nldesignsystem.css.property": {
|
|
6385
|
+
"syntax": "<color>",
|
|
6386
|
+
"inherits": true
|
|
6387
|
+
},
|
|
6388
|
+
"nl.nldesignsystem.figma.supports-token": false
|
|
6389
|
+
},
|
|
6390
|
+
"type": "color"
|
|
6391
|
+
}
|
|
6222
6392
|
},
|
|
6223
|
-
"
|
|
6224
|
-
|
|
6225
|
-
|
|
6226
|
-
|
|
6227
|
-
|
|
6228
|
-
|
|
6229
|
-
|
|
6393
|
+
"focus": {
|
|
6394
|
+
"color": {
|
|
6395
|
+
"$extensions": {
|
|
6396
|
+
"nl.nldesignsystem.css.property": {
|
|
6397
|
+
"syntax": "<color>",
|
|
6398
|
+
"inherits": true
|
|
6399
|
+
},
|
|
6400
|
+
"nl.nldesignsystem.figma.supports-token": false
|
|
6401
|
+
},
|
|
6402
|
+
"type": "color"
|
|
6230
6403
|
},
|
|
6231
|
-
"
|
|
6232
|
-
|
|
6233
|
-
|
|
6234
|
-
|
|
6235
|
-
|
|
6236
|
-
|
|
6404
|
+
"border-color": {
|
|
6405
|
+
"$extensions": {
|
|
6406
|
+
"nl.nldesignsystem.css.property": {
|
|
6407
|
+
"syntax": "<color>",
|
|
6408
|
+
"inherits": true
|
|
6409
|
+
},
|
|
6410
|
+
"nl.nldesignsystem.figma.supports-token": false
|
|
6411
|
+
},
|
|
6412
|
+
"type": "color"
|
|
6413
|
+
},
|
|
6414
|
+
"background-color": {
|
|
6415
|
+
"$extensions": {
|
|
6416
|
+
"nl.nldesignsystem.css.property": {
|
|
6417
|
+
"syntax": "<color>",
|
|
6418
|
+
"inherits": true
|
|
6419
|
+
},
|
|
6420
|
+
"nl.nldesignsystem.figma.supports-token": false
|
|
6421
|
+
},
|
|
6422
|
+
"type": "color"
|
|
6423
|
+
}
|
|
6424
|
+
},
|
|
6425
|
+
"active": {
|
|
6426
|
+
"color": {
|
|
6427
|
+
"$extensions": {
|
|
6428
|
+
"nl.nldesignsystem.css.property": {
|
|
6429
|
+
"syntax": "<color>",
|
|
6430
|
+
"inherits": true
|
|
6431
|
+
},
|
|
6432
|
+
"nl.nldesignsystem.figma.supports-token": false
|
|
6433
|
+
},
|
|
6434
|
+
"type": "color"
|
|
6435
|
+
},
|
|
6436
|
+
"border-color": {
|
|
6437
|
+
"$extensions": {
|
|
6438
|
+
"nl.nldesignsystem.css.property": {
|
|
6439
|
+
"syntax": "<color>",
|
|
6440
|
+
"inherits": true
|
|
6441
|
+
},
|
|
6442
|
+
"nl.nldesignsystem.figma.supports-token": false
|
|
6443
|
+
},
|
|
6444
|
+
"type": "color"
|
|
6445
|
+
},
|
|
6446
|
+
"background-color": {
|
|
6447
|
+
"$extensions": {
|
|
6448
|
+
"nl.nldesignsystem.css.property": {
|
|
6449
|
+
"syntax": "<color>",
|
|
6450
|
+
"inherits": true
|
|
6451
|
+
},
|
|
6452
|
+
"nl.nldesignsystem.figma.supports-token": false
|
|
6453
|
+
},
|
|
6454
|
+
"type": "color"
|
|
6455
|
+
}
|
|
6456
|
+
}
|
|
6457
|
+
}
|
|
6458
|
+
},
|
|
6459
|
+
"icon": {
|
|
6460
|
+
"custom": {
|
|
6461
|
+
"margin-inline-end": {
|
|
6237
6462
|
"$extensions": {
|
|
6238
6463
|
"nl.nldesignsystem.css.property": {
|
|
6239
6464
|
"syntax": "<length>",
|
|
@@ -6243,177 +6468,48 @@
|
|
|
6243
6468
|
},
|
|
6244
6469
|
"type": "spacing"
|
|
6245
6470
|
}
|
|
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
|
|
6259
|
-
},
|
|
6260
|
-
"type": "color"
|
|
6261
|
-
},
|
|
6262
|
-
"border-color": {
|
|
6263
|
-
"$extensions": {
|
|
6264
|
-
"nl.nldesignsystem.css.property": {
|
|
6265
|
-
"syntax": "<color>",
|
|
6266
|
-
"inherits": true
|
|
6267
|
-
},
|
|
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
|
|
6280
|
-
},
|
|
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
|
|
6293
|
-
},
|
|
6294
|
-
"nl.nldesignsystem.fallback": [
|
|
6295
|
-
"utrecht.badge.border-width"
|
|
6296
|
-
],
|
|
6297
|
-
"nl.nldesignsystem.figma.supports-token": true
|
|
6298
|
-
},
|
|
6299
|
-
"type": "borderWidth"
|
|
6300
6471
|
},
|
|
6301
6472
|
"color": {
|
|
6302
|
-
"comment": "Default text color for badge components",
|
|
6303
6473
|
"$extensions": {
|
|
6304
6474
|
"nl.nldesignsystem.css.property": {
|
|
6305
6475
|
"syntax": "<color>",
|
|
6306
6476
|
"inherits": true
|
|
6307
6477
|
},
|
|
6308
|
-
"nl.nldesignsystem.
|
|
6309
|
-
"utrecht.badge.color"
|
|
6310
|
-
],
|
|
6311
|
-
"nl.nldesignsystem.figma.supports-token": true
|
|
6478
|
+
"nl.nldesignsystem.figma.supports-token": false
|
|
6312
6479
|
},
|
|
6313
6480
|
"type": "color"
|
|
6314
6481
|
},
|
|
6315
|
-
"
|
|
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": {
|
|
6482
|
+
"size": {
|
|
6381
6483
|
"$extensions": {
|
|
6382
6484
|
"nl.nldesignsystem.css.property": {
|
|
6383
|
-
"syntax": "<length>",
|
|
6485
|
+
"syntax": "<length-percentage>",
|
|
6384
6486
|
"inherits": true
|
|
6385
6487
|
},
|
|
6386
|
-
"nl.nldesignsystem.figma.supports-token":
|
|
6488
|
+
"nl.nldesignsystem.figma.supports-token": false
|
|
6387
6489
|
},
|
|
6388
|
-
"type": "
|
|
6490
|
+
"type": "sizing"
|
|
6389
6491
|
},
|
|
6390
|
-
"
|
|
6391
|
-
"comment": "Default block padding for badge components",
|
|
6492
|
+
"inset-block-start": {
|
|
6392
6493
|
"$extensions": {
|
|
6393
6494
|
"nl.nldesignsystem.css.property": {
|
|
6394
6495
|
"syntax": "<length>",
|
|
6395
6496
|
"inherits": true
|
|
6396
6497
|
},
|
|
6397
|
-
"nl.nldesignsystem.
|
|
6398
|
-
"utrecht.badge.padding-block"
|
|
6399
|
-
],
|
|
6400
|
-
"nl.nldesignsystem.figma.supports-token": true
|
|
6498
|
+
"nl.nldesignsystem.figma.supports-token": false
|
|
6401
6499
|
},
|
|
6402
6500
|
"type": "spacing"
|
|
6403
6501
|
},
|
|
6404
|
-
"
|
|
6405
|
-
"
|
|
6406
|
-
|
|
6407
|
-
|
|
6408
|
-
|
|
6409
|
-
|
|
6502
|
+
"baseline": {
|
|
6503
|
+
"inset-block-start": {
|
|
6504
|
+
"$extensions": {
|
|
6505
|
+
"nl.nldesignsystem.css.property": {
|
|
6506
|
+
"syntax": "<length>",
|
|
6507
|
+
"inherits": true
|
|
6508
|
+
},
|
|
6509
|
+
"nl.nldesignsystem.figma.supports-token": false
|
|
6410
6510
|
},
|
|
6411
|
-
"
|
|
6412
|
-
|
|
6413
|
-
],
|
|
6414
|
-
"nl.nldesignsystem.figma.supports-token": true
|
|
6415
|
-
},
|
|
6416
|
-
"type": "spacing"
|
|
6511
|
+
"type": "spacing"
|
|
6512
|
+
}
|
|
6417
6513
|
}
|
|
6418
6514
|
},
|
|
6419
6515
|
"topnav": {},
|
|
@@ -8224,17 +8320,13 @@
|
|
|
8224
8320
|
"type": "spacing"
|
|
8225
8321
|
}
|
|
8226
8322
|
},
|
|
8227
|
-
"heading
|
|
8323
|
+
"heading": {
|
|
8228
8324
|
"color": {
|
|
8229
8325
|
"$extensions": {
|
|
8230
8326
|
"nl.nldesignsystem.css.property": {
|
|
8231
8327
|
"syntax": "<color>",
|
|
8232
8328
|
"inherits": true
|
|
8233
8329
|
},
|
|
8234
|
-
"nl.nldesignsystem.fallback": [
|
|
8235
|
-
"utrecht.heading.color",
|
|
8236
|
-
"utrecht.document.color"
|
|
8237
|
-
],
|
|
8238
8330
|
"nl.nldesignsystem.figma.supports-token": true
|
|
8239
8331
|
},
|
|
8240
8332
|
"type": "color"
|
|
@@ -8245,78 +8337,98 @@
|
|
|
8245
8337
|
"syntax": "*",
|
|
8246
8338
|
"inherits": true
|
|
8247
8339
|
},
|
|
8248
|
-
"nl.nldesignsystem.fallback": [
|
|
8249
|
-
"utrecht.heading.font-family",
|
|
8250
|
-
"utrecht.document.font-family"
|
|
8251
|
-
],
|
|
8252
8340
|
"nl.nldesignsystem.figma.supports-token": true
|
|
8253
8341
|
},
|
|
8254
8342
|
"type": "fontFamilies"
|
|
8255
8343
|
},
|
|
8256
|
-
"font-size": {
|
|
8257
|
-
"$extensions": {
|
|
8258
|
-
"nl.nldesignsystem.css.property": {
|
|
8259
|
-
"syntax": "<length>",
|
|
8260
|
-
"inherits": true
|
|
8261
|
-
},
|
|
8262
|
-
"nl.nldesignsystem.figma.supports-token": true
|
|
8263
|
-
},
|
|
8264
|
-
"type": "fontSizes"
|
|
8265
|
-
},
|
|
8266
8344
|
"font-weight": {
|
|
8267
8345
|
"$extensions": {
|
|
8268
8346
|
"nl.nldesignsystem.css.property": {
|
|
8269
8347
|
"syntax": "<number>",
|
|
8270
8348
|
"inherits": true
|
|
8271
8349
|
},
|
|
8272
|
-
"nl.nldesignsystem.fallback": [
|
|
8273
|
-
"utrecht.heading.font-weight"
|
|
8274
|
-
],
|
|
8275
8350
|
"nl.nldesignsystem.figma.supports-token": true
|
|
8276
8351
|
},
|
|
8277
8352
|
"type": "fontWeights"
|
|
8278
|
-
}
|
|
8279
|
-
|
|
8280
|
-
|
|
8281
|
-
|
|
8282
|
-
|
|
8283
|
-
|
|
8284
|
-
|
|
8285
|
-
|
|
8286
|
-
|
|
8287
|
-
|
|
8288
|
-
|
|
8353
|
+
}
|
|
8354
|
+
},
|
|
8355
|
+
"grid": {
|
|
8356
|
+
"spacing": {
|
|
8357
|
+
"sm": {
|
|
8358
|
+
"$extensions": {
|
|
8359
|
+
"nl.nldesignsystem.css.property": {
|
|
8360
|
+
"syntax": "<length>",
|
|
8361
|
+
"inherits": true
|
|
8362
|
+
},
|
|
8363
|
+
"nl.nldesignsystem.figma.supports-token": false
|
|
8364
|
+
},
|
|
8365
|
+
"type": "spacing",
|
|
8366
|
+
"value": "8px",
|
|
8367
|
+
"comment": "Small spacing between grid cells"
|
|
8289
8368
|
},
|
|
8290
|
-
"
|
|
8291
|
-
|
|
8292
|
-
|
|
8293
|
-
|
|
8294
|
-
|
|
8295
|
-
|
|
8296
|
-
"
|
|
8369
|
+
"md": {
|
|
8370
|
+
"$extensions": {
|
|
8371
|
+
"nl.nldesignsystem.css.property": {
|
|
8372
|
+
"syntax": "<length>",
|
|
8373
|
+
"inherits": true
|
|
8374
|
+
},
|
|
8375
|
+
"nl.nldesignsystem.figma.supports-token": false
|
|
8297
8376
|
},
|
|
8298
|
-
"
|
|
8377
|
+
"type": "spacing",
|
|
8378
|
+
"value": "16px",
|
|
8379
|
+
"comment": "Medium spacing between grid cells"
|
|
8299
8380
|
},
|
|
8300
|
-
"
|
|
8381
|
+
"lg": {
|
|
8382
|
+
"$extensions": {
|
|
8383
|
+
"nl.nldesignsystem.css.property": {
|
|
8384
|
+
"syntax": "<length>",
|
|
8385
|
+
"inherits": true
|
|
8386
|
+
},
|
|
8387
|
+
"nl.nldesignsystem.figma.supports-token": false
|
|
8388
|
+
},
|
|
8389
|
+
"type": "spacing",
|
|
8390
|
+
"value": "24px",
|
|
8391
|
+
"comment": "Large spacing between grid cells"
|
|
8392
|
+
}
|
|
8301
8393
|
},
|
|
8302
|
-
"
|
|
8303
|
-
"
|
|
8304
|
-
"
|
|
8305
|
-
"
|
|
8306
|
-
|
|
8394
|
+
"columns": {
|
|
8395
|
+
"total": {
|
|
8396
|
+
"$extensions": {
|
|
8397
|
+
"nl.nldesignsystem.css.property": {
|
|
8398
|
+
"syntax": "<number>",
|
|
8399
|
+
"inherits": true
|
|
8400
|
+
},
|
|
8401
|
+
"nl.nldesignsystem.figma.supports-token": false
|
|
8307
8402
|
},
|
|
8308
|
-
"
|
|
8403
|
+
"type": "other",
|
|
8404
|
+
"value": "12",
|
|
8405
|
+
"comment": "Total number of columns in the grid system"
|
|
8309
8406
|
},
|
|
8310
|
-
"
|
|
8407
|
+
"default": {
|
|
8408
|
+
"$extensions": {
|
|
8409
|
+
"nl.nldesignsystem.css.property": {
|
|
8410
|
+
"syntax": "<number>",
|
|
8411
|
+
"inherits": true
|
|
8412
|
+
},
|
|
8413
|
+
"nl.nldesignsystem.figma.supports-token": false
|
|
8414
|
+
},
|
|
8415
|
+
"type": "other",
|
|
8416
|
+
"value": "4",
|
|
8417
|
+
"comment": "Default column span when no size is specified"
|
|
8418
|
+
}
|
|
8311
8419
|
}
|
|
8312
8420
|
},
|
|
8313
|
-
"heading": {
|
|
8421
|
+
"heading-1": {
|
|
8314
8422
|
"color": {
|
|
8315
8423
|
"$extensions": {
|
|
8316
8424
|
"nl.nldesignsystem.css.property": {
|
|
8317
8425
|
"syntax": "<color>",
|
|
8318
8426
|
"inherits": true
|
|
8319
8427
|
},
|
|
8428
|
+
"nl.nldesignsystem.fallback": [
|
|
8429
|
+
"utrecht.heading.color",
|
|
8430
|
+
"utrecht.document.color"
|
|
8431
|
+
],
|
|
8320
8432
|
"nl.nldesignsystem.figma.supports-token": true
|
|
8321
8433
|
},
|
|
8322
8434
|
"type": "color"
|
|
@@ -8327,19 +8439,69 @@
|
|
|
8327
8439
|
"syntax": "*",
|
|
8328
8440
|
"inherits": true
|
|
8329
8441
|
},
|
|
8442
|
+
"nl.nldesignsystem.fallback": [
|
|
8443
|
+
"utrecht.heading.font-family",
|
|
8444
|
+
"utrecht.document.font-family"
|
|
8445
|
+
],
|
|
8330
8446
|
"nl.nldesignsystem.figma.supports-token": true
|
|
8331
8447
|
},
|
|
8332
8448
|
"type": "fontFamilies"
|
|
8333
8449
|
},
|
|
8450
|
+
"font-size": {
|
|
8451
|
+
"$extensions": {
|
|
8452
|
+
"nl.nldesignsystem.css.property": {
|
|
8453
|
+
"syntax": "<length>",
|
|
8454
|
+
"inherits": true
|
|
8455
|
+
},
|
|
8456
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
8457
|
+
},
|
|
8458
|
+
"type": "fontSizes"
|
|
8459
|
+
},
|
|
8334
8460
|
"font-weight": {
|
|
8335
8461
|
"$extensions": {
|
|
8336
8462
|
"nl.nldesignsystem.css.property": {
|
|
8337
8463
|
"syntax": "<number>",
|
|
8338
8464
|
"inherits": true
|
|
8339
8465
|
},
|
|
8466
|
+
"nl.nldesignsystem.fallback": [
|
|
8467
|
+
"utrecht.heading.font-weight"
|
|
8468
|
+
],
|
|
8340
8469
|
"nl.nldesignsystem.figma.supports-token": true
|
|
8341
8470
|
},
|
|
8342
8471
|
"type": "fontWeights"
|
|
8472
|
+
},
|
|
8473
|
+
"line-height": {
|
|
8474
|
+
"$extensions": {
|
|
8475
|
+
"nl.nldesignsystem.css.property": {
|
|
8476
|
+
"syntax": [
|
|
8477
|
+
"<length>",
|
|
8478
|
+
"<number>"
|
|
8479
|
+
],
|
|
8480
|
+
"inherits": true
|
|
8481
|
+
},
|
|
8482
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
8483
|
+
},
|
|
8484
|
+
"type": "lineHeights"
|
|
8485
|
+
},
|
|
8486
|
+
"margin-block-end": {
|
|
8487
|
+
"$extensions": {
|
|
8488
|
+
"nl.nldesignsystem.css.property": {
|
|
8489
|
+
"syntax": "<length>",
|
|
8490
|
+
"inherits": true
|
|
8491
|
+
},
|
|
8492
|
+
"nl.nldesignsystem.figma.supports-token": false
|
|
8493
|
+
},
|
|
8494
|
+
"type": "spacing"
|
|
8495
|
+
},
|
|
8496
|
+
"margin-block-start": {
|
|
8497
|
+
"$extensions": {
|
|
8498
|
+
"nl.nldesignsystem.css.property": {
|
|
8499
|
+
"syntax": "<length>",
|
|
8500
|
+
"inherits": true
|
|
8501
|
+
},
|
|
8502
|
+
"nl.nldesignsystem.figma.supports-token": false
|
|
8503
|
+
},
|
|
8504
|
+
"type": "spacing"
|
|
8343
8505
|
}
|
|
8344
8506
|
},
|
|
8345
8507
|
"form-toggle": {
|
|
@@ -9532,9 +9694,299 @@
|
|
|
9532
9694
|
},
|
|
9533
9695
|
"nl.nldesignsystem.figma.supports-token": true
|
|
9534
9696
|
},
|
|
9535
|
-
"type": "color"
|
|
9536
|
-
},
|
|
9537
|
-
"border-width": {
|
|
9697
|
+
"type": "color"
|
|
9698
|
+
},
|
|
9699
|
+
"border-width": {
|
|
9700
|
+
"$extensions": {
|
|
9701
|
+
"nl.nldesignsystem.css.property": {
|
|
9702
|
+
"syntax": "<length>",
|
|
9703
|
+
"inherits": true
|
|
9704
|
+
},
|
|
9705
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
9706
|
+
},
|
|
9707
|
+
"type": "borderWidth"
|
|
9708
|
+
},
|
|
9709
|
+
"color": {
|
|
9710
|
+
"$extensions": {
|
|
9711
|
+
"nl.nldesignsystem.css.property": {
|
|
9712
|
+
"syntax": "<color>",
|
|
9713
|
+
"inherits": true
|
|
9714
|
+
},
|
|
9715
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
9716
|
+
},
|
|
9717
|
+
"type": "color"
|
|
9718
|
+
}
|
|
9719
|
+
},
|
|
9720
|
+
"invalid": {
|
|
9721
|
+
"background-color": {
|
|
9722
|
+
"$extensions": {
|
|
9723
|
+
"nl.nldesignsystem.css.property": {
|
|
9724
|
+
"syntax": "<color>",
|
|
9725
|
+
"inherits": true
|
|
9726
|
+
},
|
|
9727
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
9728
|
+
},
|
|
9729
|
+
"type": "color"
|
|
9730
|
+
},
|
|
9731
|
+
"border-color": {
|
|
9732
|
+
"$extensions": {
|
|
9733
|
+
"nl.nldesignsystem.css.property": {
|
|
9734
|
+
"syntax": "<color>",
|
|
9735
|
+
"inherits": true
|
|
9736
|
+
},
|
|
9737
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
9738
|
+
},
|
|
9739
|
+
"type": "color"
|
|
9740
|
+
},
|
|
9741
|
+
"border-width": {
|
|
9742
|
+
"$extensions": {
|
|
9743
|
+
"nl.nldesignsystem.css.property": {
|
|
9744
|
+
"syntax": "<length>",
|
|
9745
|
+
"inherits": true
|
|
9746
|
+
},
|
|
9747
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
9748
|
+
},
|
|
9749
|
+
"type": "borderWidth"
|
|
9750
|
+
},
|
|
9751
|
+
"color": {
|
|
9752
|
+
"$extensions": {
|
|
9753
|
+
"nl.nldesignsystem.css.property": {
|
|
9754
|
+
"syntax": "<color>",
|
|
9755
|
+
"inherits": true
|
|
9756
|
+
},
|
|
9757
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
9758
|
+
},
|
|
9759
|
+
"type": "color"
|
|
9760
|
+
}
|
|
9761
|
+
},
|
|
9762
|
+
"read-only": {
|
|
9763
|
+
"background-color": {
|
|
9764
|
+
"$extensions": {
|
|
9765
|
+
"nl.nldesignsystem.css.property": {
|
|
9766
|
+
"syntax": "<color>",
|
|
9767
|
+
"inherits": true
|
|
9768
|
+
},
|
|
9769
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
9770
|
+
},
|
|
9771
|
+
"type": "color"
|
|
9772
|
+
},
|
|
9773
|
+
"border-color": {
|
|
9774
|
+
"$extensions": {
|
|
9775
|
+
"nl.nldesignsystem.css.property": {
|
|
9776
|
+
"syntax": "<color>",
|
|
9777
|
+
"inherits": true
|
|
9778
|
+
},
|
|
9779
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
9780
|
+
},
|
|
9781
|
+
"type": "color"
|
|
9782
|
+
},
|
|
9783
|
+
"color": {
|
|
9784
|
+
"$extensions": {
|
|
9785
|
+
"nl.nldesignsystem.css.property": {
|
|
9786
|
+
"syntax": "<color>",
|
|
9787
|
+
"inherits": true
|
|
9788
|
+
},
|
|
9789
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
9790
|
+
},
|
|
9791
|
+
"type": "color"
|
|
9792
|
+
}
|
|
9793
|
+
}
|
|
9794
|
+
},
|
|
9795
|
+
"form": {
|
|
9796
|
+
"max-inline-size": {
|
|
9797
|
+
"$extensions": {
|
|
9798
|
+
"nl.nldesignsystem.css.property": {
|
|
9799
|
+
"syntax": "<length>",
|
|
9800
|
+
"inherits": true
|
|
9801
|
+
},
|
|
9802
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
9803
|
+
},
|
|
9804
|
+
"type": "sizing"
|
|
9805
|
+
}
|
|
9806
|
+
},
|
|
9807
|
+
"focus": {
|
|
9808
|
+
"background-color": {
|
|
9809
|
+
"$extensions": {
|
|
9810
|
+
"nl.nldesignsystem.css.property": {
|
|
9811
|
+
"syntax": "<color>",
|
|
9812
|
+
"inherits": true
|
|
9813
|
+
},
|
|
9814
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
9815
|
+
},
|
|
9816
|
+
"type": "color"
|
|
9817
|
+
},
|
|
9818
|
+
"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
|
+
"outline-color": {
|
|
9829
|
+
"$extensions": {
|
|
9830
|
+
"nl.nldesignsystem.css.property": {
|
|
9831
|
+
"syntax": "<color>",
|
|
9832
|
+
"inherits": true
|
|
9833
|
+
},
|
|
9834
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
9835
|
+
},
|
|
9836
|
+
"style": "color"
|
|
9837
|
+
},
|
|
9838
|
+
"outline-offset": {
|
|
9839
|
+
"$extensions": {
|
|
9840
|
+
"nl.nldesignsystem.css.property": {
|
|
9841
|
+
"syntax": "<length>",
|
|
9842
|
+
"inherits": true
|
|
9843
|
+
},
|
|
9844
|
+
"nl.nldesignsystem.figma.supports-token": false
|
|
9845
|
+
},
|
|
9846
|
+
"type": "other"
|
|
9847
|
+
},
|
|
9848
|
+
"outline-style": {
|
|
9849
|
+
"$extensions": {
|
|
9850
|
+
"nl.nldesignsystem.css.property": {
|
|
9851
|
+
"syntax": [
|
|
9852
|
+
"dotted",
|
|
9853
|
+
"none",
|
|
9854
|
+
"solid"
|
|
9855
|
+
],
|
|
9856
|
+
"inherits": true
|
|
9857
|
+
},
|
|
9858
|
+
"nl.nldesignsystem.figma.supports-token": false
|
|
9859
|
+
},
|
|
9860
|
+
"type": "other"
|
|
9861
|
+
},
|
|
9862
|
+
"outline-width": {
|
|
9863
|
+
"$extensions": {
|
|
9864
|
+
"nl.nldesignsystem.css.property": {
|
|
9865
|
+
"syntax": "<length>",
|
|
9866
|
+
"inherits": true
|
|
9867
|
+
},
|
|
9868
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
9869
|
+
},
|
|
9870
|
+
"style": "borderWidth"
|
|
9871
|
+
},
|
|
9872
|
+
"inverse": {
|
|
9873
|
+
"outline-color": {
|
|
9874
|
+
"$extensions": {
|
|
9875
|
+
"nl.nldesignsystem.css.property": {
|
|
9876
|
+
"syntax": "<color>",
|
|
9877
|
+
"inherits": true
|
|
9878
|
+
},
|
|
9879
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
9880
|
+
},
|
|
9881
|
+
"style": "color"
|
|
9882
|
+
}
|
|
9883
|
+
}
|
|
9884
|
+
},
|
|
9885
|
+
"flo-decision": {
|
|
9886
|
+
"explanation": {
|
|
9887
|
+
"margin-inline-start": {
|
|
9888
|
+
"$extensions": {
|
|
9889
|
+
"nl.nldesignsystem.css.property": {
|
|
9890
|
+
"syntax": "<length>",
|
|
9891
|
+
"inherits": true
|
|
9892
|
+
},
|
|
9893
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
9894
|
+
},
|
|
9895
|
+
"type": "spacing"
|
|
9896
|
+
},
|
|
9897
|
+
"margin-block-start": {
|
|
9898
|
+
"$extensions": {
|
|
9899
|
+
"nl.nldesignsystem.css.property": {
|
|
9900
|
+
"syntax": "<length>",
|
|
9901
|
+
"inherits": true
|
|
9902
|
+
},
|
|
9903
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
9904
|
+
},
|
|
9905
|
+
"type": "spacing"
|
|
9906
|
+
},
|
|
9907
|
+
"button": {
|
|
9908
|
+
"border-color": {
|
|
9909
|
+
"$extensions": {
|
|
9910
|
+
"nl.nldesignsystem.css.property": {
|
|
9911
|
+
"syntax": "<color>",
|
|
9912
|
+
"inherits": true
|
|
9913
|
+
},
|
|
9914
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
9915
|
+
},
|
|
9916
|
+
"type": "color"
|
|
9917
|
+
},
|
|
9918
|
+
"background-color": {
|
|
9919
|
+
"$extensions": {
|
|
9920
|
+
"nl.nldesignsystem.css.property": {
|
|
9921
|
+
"syntax": "<color>",
|
|
9922
|
+
"inherits": true
|
|
9923
|
+
},
|
|
9924
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
9925
|
+
},
|
|
9926
|
+
"type": "color"
|
|
9927
|
+
},
|
|
9928
|
+
"close": {
|
|
9929
|
+
"margin-block-end": {
|
|
9930
|
+
"$extensions": {
|
|
9931
|
+
"nl.nldesignsystem.css.property": {
|
|
9932
|
+
"syntax": "<length>",
|
|
9933
|
+
"inherits": true
|
|
9934
|
+
},
|
|
9935
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
9936
|
+
},
|
|
9937
|
+
"type": "spacing"
|
|
9938
|
+
}
|
|
9939
|
+
}
|
|
9940
|
+
},
|
|
9941
|
+
"container": {
|
|
9942
|
+
"background-color": {
|
|
9943
|
+
"$extensions": {
|
|
9944
|
+
"nl.nldesignsystem.css.property": {
|
|
9945
|
+
"syntax": "<color>",
|
|
9946
|
+
"inherits": true
|
|
9947
|
+
},
|
|
9948
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
9949
|
+
},
|
|
9950
|
+
"type": "color"
|
|
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
|
+
}
|
|
9963
|
+
},
|
|
9964
|
+
"label": {
|
|
9965
|
+
"checkbox": {
|
|
9966
|
+
"column-gap": {
|
|
9967
|
+
"$extensions": {
|
|
9968
|
+
"nl.nldesignsystem.css.property": {
|
|
9969
|
+
"syntax": "<length>",
|
|
9970
|
+
"inherits": true
|
|
9971
|
+
},
|
|
9972
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
9973
|
+
},
|
|
9974
|
+
"type": "spacing"
|
|
9975
|
+
},
|
|
9976
|
+
"margin-block-start": {
|
|
9977
|
+
"$extensions": {
|
|
9978
|
+
"nl.nldesignsystem.css.property": {
|
|
9979
|
+
"syntax": "<length>",
|
|
9980
|
+
"inherits": true
|
|
9981
|
+
},
|
|
9982
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
9983
|
+
},
|
|
9984
|
+
"type": "spacing"
|
|
9985
|
+
}
|
|
9986
|
+
}
|
|
9987
|
+
},
|
|
9988
|
+
"form": {
|
|
9989
|
+
"padding-block": {
|
|
9538
9990
|
"$extensions": {
|
|
9539
9991
|
"nl.nldesignsystem.css.property": {
|
|
9540
9992
|
"syntax": "<length>",
|
|
@@ -9542,20 +9994,18 @@
|
|
|
9542
9994
|
},
|
|
9543
9995
|
"nl.nldesignsystem.figma.supports-token": true
|
|
9544
9996
|
},
|
|
9545
|
-
"type": "
|
|
9997
|
+
"type": "spacing"
|
|
9546
9998
|
},
|
|
9547
|
-
"
|
|
9999
|
+
"padding-inline": {
|
|
9548
10000
|
"$extensions": {
|
|
9549
10001
|
"nl.nldesignsystem.css.property": {
|
|
9550
|
-
"syntax": "<
|
|
10002
|
+
"syntax": "<length>",
|
|
9551
10003
|
"inherits": true
|
|
9552
10004
|
},
|
|
9553
10005
|
"nl.nldesignsystem.figma.supports-token": true
|
|
9554
10006
|
},
|
|
9555
|
-
"type": "
|
|
9556
|
-
}
|
|
9557
|
-
},
|
|
9558
|
-
"invalid": {
|
|
10007
|
+
"type": "spacing"
|
|
10008
|
+
},
|
|
9559
10009
|
"background-color": {
|
|
9560
10010
|
"$extensions": {
|
|
9561
10011
|
"nl.nldesignsystem.css.property": {
|
|
@@ -9566,17 +10016,17 @@
|
|
|
9566
10016
|
},
|
|
9567
10017
|
"type": "color"
|
|
9568
10018
|
},
|
|
9569
|
-
"
|
|
10019
|
+
"margin-block-start": {
|
|
9570
10020
|
"$extensions": {
|
|
9571
10021
|
"nl.nldesignsystem.css.property": {
|
|
9572
|
-
"syntax": "<
|
|
10022
|
+
"syntax": "<length>",
|
|
9573
10023
|
"inherits": true
|
|
9574
10024
|
},
|
|
9575
10025
|
"nl.nldesignsystem.figma.supports-token": true
|
|
9576
10026
|
},
|
|
9577
|
-
"type": "
|
|
10027
|
+
"type": "spacing"
|
|
9578
10028
|
},
|
|
9579
|
-
"
|
|
10029
|
+
"margin-block-end": {
|
|
9580
10030
|
"$extensions": {
|
|
9581
10031
|
"nl.nldesignsystem.css.property": {
|
|
9582
10032
|
"syntax": "<length>",
|
|
@@ -9584,20 +10034,136 @@
|
|
|
9584
10034
|
},
|
|
9585
10035
|
"nl.nldesignsystem.figma.supports-token": true
|
|
9586
10036
|
},
|
|
9587
|
-
"type": "
|
|
10037
|
+
"type": "spacing"
|
|
9588
10038
|
},
|
|
9589
|
-
"
|
|
9590
|
-
"
|
|
9591
|
-
"
|
|
9592
|
-
"
|
|
9593
|
-
|
|
10039
|
+
"button": {
|
|
10040
|
+
"disabled": {
|
|
10041
|
+
"color": {
|
|
10042
|
+
"$extensions": {
|
|
10043
|
+
"nl.nldesignsystem.css.property": {
|
|
10044
|
+
"syntax": "<color>",
|
|
10045
|
+
"inherits": true
|
|
10046
|
+
},
|
|
10047
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
10048
|
+
},
|
|
10049
|
+
"type": "color"
|
|
10050
|
+
}
|
|
10051
|
+
}
|
|
10052
|
+
},
|
|
10053
|
+
"nav": {
|
|
10054
|
+
"padding-block": {
|
|
10055
|
+
"$extensions": {
|
|
10056
|
+
"nl.nldesignsystem.css.property": {
|
|
10057
|
+
"syntax": "<length>",
|
|
10058
|
+
"inherits": true
|
|
10059
|
+
},
|
|
10060
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
9594
10061
|
},
|
|
9595
|
-
"
|
|
10062
|
+
"type": "spacing"
|
|
9596
10063
|
},
|
|
9597
|
-
"
|
|
10064
|
+
"background-color": {
|
|
10065
|
+
"$extensions": {
|
|
10066
|
+
"nl.nldesignsystem.css.property": {
|
|
10067
|
+
"syntax": "<color>",
|
|
10068
|
+
"inherits": true
|
|
10069
|
+
},
|
|
10070
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
10071
|
+
},
|
|
10072
|
+
"type": "color"
|
|
10073
|
+
}
|
|
9598
10074
|
}
|
|
9599
10075
|
},
|
|
9600
|
-
"
|
|
10076
|
+
"question": {
|
|
10077
|
+
"description": {
|
|
10078
|
+
"column-gap": {
|
|
10079
|
+
"$extensions": {
|
|
10080
|
+
"nl.nldesignsystem.css.property": {
|
|
10081
|
+
"syntax": "<length>",
|
|
10082
|
+
"inherits": true
|
|
10083
|
+
},
|
|
10084
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
10085
|
+
},
|
|
10086
|
+
"type": "spacing"
|
|
10087
|
+
}
|
|
10088
|
+
},
|
|
10089
|
+
"answers": {
|
|
10090
|
+
"row-gap": {
|
|
10091
|
+
"$extensions": {
|
|
10092
|
+
"nl.nldesignsystem.css.property": {
|
|
10093
|
+
"syntax": "<length>",
|
|
10094
|
+
"inherits": true
|
|
10095
|
+
},
|
|
10096
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
10097
|
+
},
|
|
10098
|
+
"type": "spacing"
|
|
10099
|
+
},
|
|
10100
|
+
"option": {
|
|
10101
|
+
"column-gap": {
|
|
10102
|
+
"$extensions": {
|
|
10103
|
+
"nl.nldesignsystem.css.property": {
|
|
10104
|
+
"syntax": "<length>",
|
|
10105
|
+
"inherits": true
|
|
10106
|
+
},
|
|
10107
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
10108
|
+
},
|
|
10109
|
+
"type": "spacing"
|
|
10110
|
+
}
|
|
10111
|
+
}
|
|
10112
|
+
},
|
|
10113
|
+
"section": {
|
|
10114
|
+
"padding-block-end": {
|
|
10115
|
+
"$extensions": {
|
|
10116
|
+
"nl.nldesignsystem.css.property": {
|
|
10117
|
+
"syntax": "<length>",
|
|
10118
|
+
"inherits": true
|
|
10119
|
+
},
|
|
10120
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
10121
|
+
},
|
|
10122
|
+
"type": "spacing"
|
|
10123
|
+
},
|
|
10124
|
+
"padding-block-start": {
|
|
10125
|
+
"$extensions": {
|
|
10126
|
+
"nl.nldesignsystem.css.property": {
|
|
10127
|
+
"syntax": "<length>",
|
|
10128
|
+
"inherits": true
|
|
10129
|
+
},
|
|
10130
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
10131
|
+
},
|
|
10132
|
+
"type": "spacing"
|
|
10133
|
+
},
|
|
10134
|
+
"background-color": {
|
|
10135
|
+
"$extensions": {
|
|
10136
|
+
"nl.nldesignsystem.css.property": {
|
|
10137
|
+
"syntax": "<color>",
|
|
10138
|
+
"inherits": true
|
|
10139
|
+
},
|
|
10140
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
10141
|
+
},
|
|
10142
|
+
"type": "color"
|
|
10143
|
+
},
|
|
10144
|
+
"border-block-color": {
|
|
10145
|
+
"$extensions": {
|
|
10146
|
+
"nl.nldesignsystem.css.property": {
|
|
10147
|
+
"syntax": "<color>",
|
|
10148
|
+
"inherits": true
|
|
10149
|
+
},
|
|
10150
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
10151
|
+
},
|
|
10152
|
+
"type": "color"
|
|
10153
|
+
},
|
|
10154
|
+
"border-block-width": {
|
|
10155
|
+
"$extensions": {
|
|
10156
|
+
"nl.nldesignsystem.css.property": {
|
|
10157
|
+
"syntax": "<length>",
|
|
10158
|
+
"inherits": true
|
|
10159
|
+
},
|
|
10160
|
+
"nl.nldesignsystem.figma.supports-token": true
|
|
10161
|
+
},
|
|
10162
|
+
"type": "borderWidth"
|
|
10163
|
+
}
|
|
10164
|
+
}
|
|
10165
|
+
},
|
|
10166
|
+
"outcomes-container": {
|
|
9601
10167
|
"background-color": {
|
|
9602
10168
|
"$extensions": {
|
|
9603
10169
|
"nl.nldesignsystem.css.property": {
|
|
@@ -9608,119 +10174,38 @@
|
|
|
9608
10174
|
},
|
|
9609
10175
|
"type": "color"
|
|
9610
10176
|
},
|
|
9611
|
-
"
|
|
10177
|
+
"margin-block-start": {
|
|
9612
10178
|
"$extensions": {
|
|
9613
10179
|
"nl.nldesignsystem.css.property": {
|
|
9614
|
-
"syntax": "<
|
|
10180
|
+
"syntax": "<length>",
|
|
9615
10181
|
"inherits": true
|
|
9616
10182
|
},
|
|
9617
10183
|
"nl.nldesignsystem.figma.supports-token": true
|
|
9618
10184
|
},
|
|
9619
|
-
"type": "
|
|
10185
|
+
"type": "spacing"
|
|
9620
10186
|
},
|
|
9621
|
-
"
|
|
10187
|
+
"padding-inline": {
|
|
9622
10188
|
"$extensions": {
|
|
9623
10189
|
"nl.nldesignsystem.css.property": {
|
|
9624
|
-
"syntax": "<
|
|
10190
|
+
"syntax": "<length>",
|
|
9625
10191
|
"inherits": true
|
|
9626
10192
|
},
|
|
9627
10193
|
"nl.nldesignsystem.figma.supports-token": true
|
|
9628
10194
|
},
|
|
9629
|
-
"type": "
|
|
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
|
|
10195
|
+
"type": "spacing"
|
|
9707
10196
|
},
|
|
9708
|
-
"
|
|
9709
|
-
},
|
|
9710
|
-
"inverse": {
|
|
9711
|
-
"outline-color": {
|
|
10197
|
+
"padding-block": {
|
|
9712
10198
|
"$extensions": {
|
|
9713
10199
|
"nl.nldesignsystem.css.property": {
|
|
9714
|
-
"syntax": "<
|
|
10200
|
+
"syntax": "<length>",
|
|
9715
10201
|
"inherits": true
|
|
9716
10202
|
},
|
|
9717
10203
|
"nl.nldesignsystem.figma.supports-token": true
|
|
9718
10204
|
},
|
|
9719
|
-
"
|
|
10205
|
+
"type": "spacing"
|
|
9720
10206
|
}
|
|
9721
10207
|
}
|
|
9722
10208
|
},
|
|
9723
|
-
"utrecht-flolegal-decision-tree-container": {},
|
|
9724
10209
|
"flex-wrap-fallback": {},
|
|
9725
10210
|
"figure": {
|
|
9726
10211
|
"margin-block-end": {
|
|
@@ -13525,6 +14010,16 @@
|
|
|
13525
14010
|
},
|
|
13526
14011
|
"type": "spacing"
|
|
13527
14012
|
},
|
|
14013
|
+
"margin-block-end": {
|
|
14014
|
+
"$extensions": {
|
|
14015
|
+
"nl.nldesignsystem.css.property": {
|
|
14016
|
+
"syntax": "<length>",
|
|
14017
|
+
"inherits": true
|
|
14018
|
+
},
|
|
14019
|
+
"nl.nldesignsystem.figma.supports-token": false
|
|
14020
|
+
},
|
|
14021
|
+
"type": "spacing"
|
|
14022
|
+
},
|
|
13528
14023
|
"padding-inline-end": {
|
|
13529
14024
|
"$extensions": {
|
|
13530
14025
|
"nl.nldesignsystem.css.property": {
|