@utrecht/design-tokens 2.2.0 → 2.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/dark/index.tokens.json +334 -2
  3. package/dist/dark/list.d.ts +14 -0
  4. package/dist/dark/list.mjs +30694 -0
  5. package/dist/dark/tokens.cjs +332 -0
  6. package/dist/dark/tokens.d.ts +178 -2
  7. package/dist/dark/tokens.json +332 -0
  8. package/dist/index.tokens.json +334 -2
  9. package/dist/list.d.ts +14 -0
  10. package/dist/list.mjs +31811 -0
  11. package/dist/tokens.cjs +332 -0
  12. package/dist/tokens.d.ts +178 -2
  13. package/dist/tokens.json +332 -0
  14. package/package.json +1 -1
  15. package/src/css-property-formatter.mjs +2 -1
  16. package/src/json-list-formatter.js +2 -1
  17. package/style-dictionary-build.mjs +3 -1
  18. package/style-dictionary-config.mjs +27 -0
package/dist/dark/tokens.json CHANGED
@@ -2086,6 +2086,7 @@
2086
2086
  }
2087
2087
  }
2088
2088
  },
2089
+ "alternate-lang-nav": {},
2089
2090
  "article": {
2090
2091
  "max-inline-size": {
2091
2092
  "$extensions": {
@@ -3386,6 +3387,51 @@
3386
3387
  ]
3387
3388
  }
3388
3389
  },
3390
+ "body": {
3391
+ "font-family": {
3392
+ "$extensions": {
3393
+ "nl.nldesignsystem.css.property": {
3394
+ "syntax": "*",
3395
+ "inherits": true
3396
+ },
3397
+ "nl.nldesignsystem.figma.supports-token": true
3398
+ },
3399
+ "type": "fontFamilies"
3400
+ },
3401
+ "font-size": {
3402
+ "$extensions": {
3403
+ "nl.nldesignsystem.css.property": {
3404
+ "syntax": "<length>",
3405
+ "inherits": true
3406
+ },
3407
+ "nl.nldesignsystem.figma.supports-token": true
3408
+ },
3409
+ "type": "fontSizes"
3410
+ },
3411
+ "font-weight": {
3412
+ "$extensions": {
3413
+ "nl.nldesignsystem.css.property": {
3414
+ "syntax": "<number>",
3415
+ "inherits": true
3416
+ },
3417
+ "nl.nldesignsystem.figma.supports-token": true
3418
+ },
3419
+ "type": "fontWeights"
3420
+ },
3421
+ "line-height": {
3422
+ "$extensions": {
3423
+ "nl.nldesignsystem.css.property": {
3424
+ "syntax": [
3425
+ "<length>",
3426
+ "<number>"
3427
+ ],
3428
+ "inherits": true
3429
+ },
3430
+ "nl.nldesignsystem.figma.supports-token": true
3431
+ },
3432
+ "type": "lineHeights"
3433
+ }
3434
+ },
3389
3435
  "breadcrumb-nav": {
3390
3436
  "min-block-size": {
3391
3437
  "$extensions": {
@@ -10974,6 +11020,20 @@
10974
11020
  }
10975
11021
  }
10976
11022
  },
11023
+ "combobox": {
11024
+ "popover": {
11025
+ "z-index": {
11026
+ "$extensions": {
11027
+ "nl.nldesignsystem.css.property": {
11028
+ "syntax": "<number>",
11029
+ "inherits": true
11030
+ },
11031
+ "nl.nldesignsystem.figma.supports-token": false
11032
+ },
11033
+ "type": "other"
11034
+ }
11035
+ }
11036
+ },
10977
11037
  "action": {
10978
11038
  "activate": {
10979
11039
  "cursor": {
@@ -19897,6 +19957,7 @@
19897
19957
  ]
19898
19958
  }
19899
19959
  },
19960
+ "html-content": {},
19900
19961
  "iban-data": {},
19901
19962
  "icon": {
19902
19963
  "color": {
@@ -23239,6 +23300,26 @@
23239
23300
  ]
23240
23301
  },
23241
23302
  "content": {
23303
+ "background-color": {
23304
+ "$extensions": {
23305
+ "nl.nldesignsystem.css.property": {
23306
+ "syntax": "<color>",
23307
+ "inherits": true
23308
+ },
23309
+ "nl.nldesignsystem.figma.supports-token": false
23310
+ },
23311
+ "type": "color"
23312
+ },
23313
+ "color": {
23314
+ "$extensions": {
23315
+ "nl.nldesignsystem.css.property": {
23316
+ "syntax": "<color>",
23317
+ "inherits": true
23318
+ },
23319
+ "nl.nldesignsystem.figma.supports-token": false
23320
+ },
23321
+ "type": "color"
23322
+ },
23242
23323
  "max-inline-size": {
23243
23324
  "$extensions": {
23244
23325
  "nl.nldesignsystem.css.property": {
@@ -24502,6 +24583,90 @@
24502
24583
  }
24503
24584
  }
24504
24585
  },
24586
+ "page-body": {
24587
+ "background-color": {
24588
+ "$extensions": {
24589
+ "nl.nldesignsystem.css.property": {
24590
+ "syntax": "<color>",
24591
+ "inherits": true
24592
+ },
24593
+ "nl.nldesignsystem.figma.supports-token": false
24594
+ },
24595
+ "type": "color"
24596
+ },
24597
+ "color": {
24598
+ "$extensions": {
24599
+ "nl.nldesignsystem.css.property": {
24600
+ "syntax": "<color>",
24601
+ "inherits": true
24602
+ },
24603
+ "nl.nldesignsystem.figma.supports-token": false
24604
+ },
24605
+ "type": "color"
24606
+ },
24607
+ "content": {
24608
+ "background-color": {
24609
+ "$extensions": {
24610
+ "nl.nldesignsystem.css.property": {
24611
+ "syntax": "<color>",
24612
+ "inherits": true
24613
+ },
24614
+ "nl.nldesignsystem.figma.supports-token": false
24615
+ },
24616
+ "type": "color"
24617
+ },
24618
+ "color": {
24619
+ "$extensions": {
24620
+ "nl.nldesignsystem.css.property": {
24621
+ "syntax": "<color>",
24622
+ "inherits": true
24623
+ },
24624
+ "nl.nldesignsystem.figma.supports-token": false
24625
+ },
24626
+ "type": "color"
24627
+ },
24628
+ "padding-block-start": {
24629
+ "$extensions": {
24630
+ "nl.nldesignsystem.css.property": {
24631
+ "syntax": "<length>",
24632
+ "inherits": true
24633
+ },
24634
+ "nl.nldesignsystem.figma.supports-token": false
24635
+ },
24636
+ "type": "spacing"
24637
+ },
24638
+ "padding-block-end": {
24639
+ "$extensions": {
24640
+ "nl.nldesignsystem.css.property": {
24641
+ "syntax": "<length>",
24642
+ "inherits": true
24643
+ },
24644
+ "nl.nldesignsystem.figma.supports-token": false
24645
+ },
24646
+ "type": "spacing"
24647
+ },
24648
+ "padding-inline-start": {
24649
+ "$extensions": {
24650
+ "nl.nldesignsystem.css.property": {
24651
+ "syntax": "<length>",
24652
+ "inherits": true
24653
+ },
24654
+ "nl.nldesignsystem.figma.supports-token": false
24655
+ },
24656
+ "type": "spacing"
24657
+ },
24658
+ "padding-inine-end": {
24659
+ "$extensions": {
24660
+ "nl.nldesignsystem.css.property": {
24661
+ "syntax": "<length>",
24662
+ "inherits": true
24663
+ },
24664
+ "nl.nldesignsystem.figma.supports-token": false
24665
+ },
24666
+ "type": "spacing"
24667
+ }
24668
+ }
24669
+ },
24505
24670
  "page-content": {
24506
24671
  "padding-block-start": {
24507
24672
  "$extensions": {
@@ -24839,6 +25004,68 @@
24839
25004
  "page-footer",
24840
25005
  "padding-block-start"
24841
25006
  ]
25007
+ },
25008
+ "content": {
25009
+ "color": {
25010
+ "$extensions": {
25011
+ "nl.nldesignsystem.css.property": {
25012
+ "syntax": "<color>",
25013
+ "inherits": true
25014
+ },
25015
+ "nl.nldesignsystem.figma.supports-token": false
25016
+ },
25017
+ "type": "color"
25018
+ },
25019
+ "background-color": {
25020
+ "$extensions": {
25021
+ "nl.nldesignsystem.css.property": {
25022
+ "syntax": "<color>",
25023
+ "inherits": true
25024
+ },
25025
+ "nl.nldesignsystem.figma.supports-token": false
25026
+ },
25027
+ "type": "color"
25028
+ },
25029
+ "padding-inline-end": {
25030
+ "$extensions": {
25031
+ "nl.nldesignsystem.css.property": {
25032
+ "syntax": "<length>",
25033
+ "inherits": true
25034
+ },
25035
+ "nl.nldesignsystem.figma.supports-token": false
25036
+ },
25037
+ "type": "spacing"
25038
+ },
25039
+ "padding-inline-start": {
25040
+ "$extensions": {
25041
+ "nl.nldesignsystem.css.property": {
25042
+ "syntax": "<length>",
25043
+ "inherits": true
25044
+ },
25045
+ "nl.nldesignsystem.figma.supports-token": false
25046
+ },
25047
+ "type": "spacing"
25048
+ },
25049
+ "padding-block-end": {
25050
+ "$extensions": {
25051
+ "nl.nldesignsystem.css.property": {
25052
+ "syntax": "<length>",
25053
+ "inherits": true
25054
+ },
25055
+ "nl.nldesignsystem.figma.supports-token": false
25056
+ },
25057
+ "type": "spacing"
25058
+ },
25059
+ "padding-block-start": {
25060
+ "$extensions": {
25061
+ "nl.nldesignsystem.css.property": {
25062
+ "syntax": "<length>",
25063
+ "inherits": true
25064
+ },
25065
+ "nl.nldesignsystem.figma.supports-token": false
25066
+ },
25067
+ "type": "spacing"
25068
+ }
24842
25069
  }
24843
25070
  },
24844
25071
  "page-header": {
@@ -24852,6 +25079,16 @@
24852
25079
  },
24853
25080
  "type": "color"
24854
25081
  },
25082
+ "border-block-end-color": {
25083
+ "$extensions": {
25084
+ "nl.nldesignsystem.css.property": {
25085
+ "syntax": "<color>",
25086
+ "inherits": true
25087
+ },
25088
+ "nl.nldesignsystem.figma.supports-token": false
25089
+ },
25090
+ "type": "color"
25091
+ },
24855
25092
  "color": {
24856
25093
  "$extensions": {
24857
25094
  "nl.nldesignsystem.css.property": {
@@ -25009,8 +25246,71 @@
25009
25246
  "page-header",
25010
25247
  "padding-inline-end"
25011
25248
  ]
25249
+ },
25250
+ "content": {
25251
+ "background-color": {
25252
+ "$extensions": {
25253
+ "nl.nldesignsystem.css.property": {
25254
+ "syntax": "<color>",
25255
+ "inherits": true
25256
+ },
25257
+ "nl.nldesignsystem.figma.supports-token": false
25258
+ },
25259
+ "type": "color"
25260
+ },
25261
+ "color": {
25262
+ "$extensions": {
25263
+ "nl.nldesignsystem.css.property": {
25264
+ "syntax": "<color>",
25265
+ "inherits": true
25266
+ },
25267
+ "nl.nldesignsystem.figma.supports-token": false
25268
+ },
25269
+ "type": "color"
25270
+ },
25271
+ "padding-block-start": {
25272
+ "$extensions": {
25273
+ "nl.nldesignsystem.css.property": {
25274
+ "syntax": "<length>",
25275
+ "inherits": true
25276
+ },
25277
+ "nl.nldesignsystem.figma.supports-token": false
25278
+ },
25279
+ "type": "spacing"
25280
+ },
25281
+ "padding-block-end": {
25282
+ "$extensions": {
25283
+ "nl.nldesignsystem.css.property": {
25284
+ "syntax": "<length>",
25285
+ "inherits": true
25286
+ },
25287
+ "nl.nldesignsystem.figma.supports-token": false
25288
+ },
25289
+ "type": "spacing"
25290
+ },
25291
+ "padding-inline-start": {
25292
+ "$extensions": {
25293
+ "nl.nldesignsystem.css.property": {
25294
+ "syntax": "<length>",
25295
+ "inherits": true
25296
+ },
25297
+ "nl.nldesignsystem.figma.supports-token": false
25298
+ },
25299
+ "type": "spacing"
25300
+ },
25301
+ "padding-inline-end": {
25302
+ "$extensions": {
25303
+ "nl.nldesignsystem.css.property": {
25304
+ "syntax": "<length>",
25305
+ "inherits": true
25306
+ },
25307
+ "nl.nldesignsystem.figma.supports-token": false
25308
+ },
25309
+ "type": "spacing"
25310
+ }
25012
25311
  }
25013
25312
  },
25313
+ "page-layout": {},
25014
25314
  "page": {
25015
25315
  "background-color": {
25016
25316
  "value": "hsl(0 0% 15%)",
@@ -28569,6 +28869,38 @@
28569
28869
  }
28570
28870
  }
28571
28871
  },
28872
+ "root": {
28873
+ "background-color": {
28874
+ "$extensions": {
28875
+ "nl.nldesignsystem.css.property": {
28876
+ "syntax": "<color>",
28877
+ "inherits": true
28878
+ },
28879
+ "nl.nldesignsystem.figma.supports-token": false
28880
+ },
28881
+ "type": "color"
28882
+ },
28883
+ "color": {
28884
+ "$extensions": {
28885
+ "nl.nldesignsystem.css.property": {
28886
+ "syntax": "<color>",
28887
+ "inherits": true
28888
+ },
28889
+ "nl.nldesignsystem.figma.supports-token": false
28890
+ },
28891
+ "type": "color"
28892
+ },
28893
+ "font-family": {
28894
+ "$extensions": {
28895
+ "nl.nldesignsystem.css.property": {
28896
+ "syntax": "*",
28897
+ "inherits": true
28898
+ },
28899
+ "nl.nldesignsystem.figma.supports-token": false
28900
+ },
28901
+ "type": "fontFamilies"
28902
+ }
28903
+ },
28572
28904
  "search-bar": {
28573
28905
  "button": {
28574
28906
  "background-color": {