@amsterdam/design-system-tokens 0.9.0 → 0.11.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 (56) hide show
  1. package/CHANGELOG.md +34 -0
  2. package/build.js +15 -14
  3. package/dist/compact.css +13 -9
  4. package/dist/compact.d.ts +10 -12
  5. package/dist/compact.json +12 -7
  6. package/dist/compact.mjs +13 -9
  7. package/dist/compact.scss +13 -9
  8. package/dist/compact.theme.css +13 -9
  9. package/dist/index.css +145 -108
  10. package/dist/index.d.ts +96 -41
  11. package/dist/index.json +254 -192
  12. package/dist/index.mjs +223 -186
  13. package/dist/index.scss +145 -108
  14. package/dist/index.theme.css +145 -108
  15. package/package.json +3 -2
  16. package/src/brand/ams/proportion.tokens.json +3 -3
  17. package/src/brand/ams/space.compact.tokens.json +5 -0
  18. package/src/brand/ams/space.tokens.json +10 -19
  19. package/src/brand/ams/text.compact.tokens.json +7 -7
  20. package/src/brand/ams/text.tokens.json +7 -7
  21. package/src/components/ams/accordion.tokens.json +4 -4
  22. package/src/components/ams/alert.tokens.json +6 -3
  23. package/src/components/ams/avatar.tokens.json +26 -6
  24. package/src/components/ams/badge.tokens.json +1 -1
  25. package/src/components/ams/breadcrumb.tokens.json +4 -1
  26. package/src/components/ams/button.tokens.json +3 -3
  27. package/src/components/ams/card.tokens.json +4 -0
  28. package/src/components/ams/{form-field-character-counter.tokens.json → character-count.tokens.json} +1 -1
  29. package/src/components/ams/checkbox.tokens.json +1 -0
  30. package/src/components/ams/column.tokens.json +6 -5
  31. package/src/components/ams/date-input.tokens.json +2 -2
  32. package/src/components/ams/description-list.tokens.json +3 -3
  33. package/src/components/ams/dialog.tokens.json +8 -7
  34. package/src/components/ams/field-set.tokens.json +3 -7
  35. package/src/components/ams/field.tokens.json +3 -9
  36. package/src/components/ams/file-input.tokens.json +5 -5
  37. package/src/components/ams/form-error-list.tokens.json +7 -0
  38. package/src/components/ams/header.tokens.json +1 -1
  39. package/src/components/ams/link-list.tokens.json +2 -2
  40. package/src/components/ams/mega-menu.tokens.json +1 -1
  41. package/src/components/ams/ordered-list.tokens.json +1 -1
  42. package/src/components/ams/page-menu.tokens.json +1 -1
  43. package/src/components/ams/pagination.tokens.json +2 -1
  44. package/src/components/ams/radio.tokens.json +1 -0
  45. package/src/components/ams/row.tokens.json +6 -5
  46. package/src/components/ams/search-field.tokens.json +4 -4
  47. package/src/components/ams/select.tokens.json +3 -3
  48. package/src/components/ams/skip-link.tokens.json +2 -2
  49. package/src/components/ams/table-of-contents.tokens.json +34 -0
  50. package/src/components/ams/table.tokens.json +2 -2
  51. package/src/components/ams/tabs.tokens.json +3 -2
  52. package/src/components/ams/text-area.tokens.json +2 -2
  53. package/src/components/ams/text-input.tokens.json +2 -2
  54. package/src/components/ams/time-input.tokens.json +2 -2
  55. package/src/components/ams/top-task-link.tokens.json +1 -0
  56. package/src/components/ams/unordered-list.tokens.json +1 -1
package/dist/index.d.ts CHANGED
@@ -1,23 +1,16 @@
1
1
  /**
2
- * Do not edit directly
3
- * Generated on Wed, 05 Jun 2024 11:22:11 GMT
2
+ * Do not edit directly, this file was auto-generated.
4
3
  */
5
4
 
6
5
  export default tokens;
7
6
 
8
7
  declare interface DesignToken {
9
- value: any;
10
- name?: string;
8
+ value?: any;
9
+ type?: string;
11
10
  comment?: string;
11
+ name?: string;
12
12
  themeable?: boolean;
13
- attributes?: {
14
- category?: string;
15
- type?: string;
16
- item?: string;
17
- subitem?: string;
18
- state?: string;
19
- [key: string]: any;
20
- };
13
+ attributes?: Record<string, unknown>;
21
14
  [key: string]: any;
22
15
  }
23
16
 
@@ -57,26 +50,17 @@ declare const tokens: {
57
50
  "2x-wide": DesignToken
58
51
  },
59
52
  "space": {
53
+ "xs": DesignToken,
54
+ "sm": DesignToken,
55
+ "md": DesignToken,
56
+ "lg": DesignToken,
57
+ "xl": DesignToken,
60
58
  "grid": {
61
59
  "xs": DesignToken,
62
60
  "sm": DesignToken,
63
61
  "md": DesignToken,
64
62
  "lg": DesignToken,
65
63
  "xl": DesignToken
66
- },
67
- "inside": {
68
- "xs": DesignToken,
69
- "sm": DesignToken,
70
- "md": DesignToken,
71
- "lg": DesignToken,
72
- "xl": DesignToken
73
- },
74
- "stack": {
75
- "xs": DesignToken,
76
- "sm": DesignToken,
77
- "md": DesignToken,
78
- "lg": DesignToken,
79
- "xl": DesignToken
80
64
  }
81
65
  },
82
66
  "text": {
@@ -217,6 +201,9 @@ declare const tokens: {
217
201
  "hover": {
218
202
  "fill": DesignToken
219
203
  }
204
+ },
205
+ "content": {
206
+ "gap": DesignToken
220
207
  }
221
208
  },
222
209
  "aspect-ratio": {
@@ -235,11 +222,11 @@ declare const tokens: {
235
222
  "line-height": DesignToken,
236
223
  "padding-block": DesignToken,
237
224
  "padding-inline": DesignToken,
238
- "blue": {
225
+ "black": {
239
226
  "background-color": DesignToken,
240
227
  "color": DesignToken
241
228
  },
242
- "dark-blue": {
229
+ "blue": {
243
230
  "background-color": DesignToken,
244
231
  "color": DesignToken
245
232
  },
@@ -251,6 +238,22 @@ declare const tokens: {
251
238
  "background-color": DesignToken,
252
239
  "color": DesignToken
253
240
  },
241
+ "grey-1": {
242
+ "background-color": DesignToken,
243
+ "color": DesignToken
244
+ },
245
+ "grey-2": {
246
+ "background-color": DesignToken,
247
+ "color": DesignToken
248
+ },
249
+ "grey-3": {
250
+ "background-color": DesignToken,
251
+ "color": DesignToken
252
+ },
253
+ "light-blue": {
254
+ "background-color": DesignToken,
255
+ "color": DesignToken
256
+ },
254
257
  "magenta": {
255
258
  "background-color": DesignToken,
256
259
  "color": DesignToken
@@ -267,6 +270,10 @@ declare const tokens: {
267
270
  "background-color": DesignToken,
268
271
  "color": DesignToken
269
272
  },
273
+ "white": {
274
+ "background-color": DesignToken,
275
+ "color": DesignToken
276
+ },
270
277
  "yellow": {
271
278
  "background-color": DesignToken,
272
279
  "color": DesignToken
@@ -349,7 +356,10 @@ declare const tokens: {
349
356
  "font-weight": DesignToken,
350
357
  "line-height": DesignToken,
351
358
  "separator": {
352
- "background-image": DesignToken
359
+ "background-image": DesignToken,
360
+ "block-size": DesignToken,
361
+ "inline-size": DesignToken,
362
+ "margin-inline": DesignToken
353
363
  },
354
364
  "link": {
355
365
  "color": DesignToken,
@@ -369,9 +379,9 @@ declare const tokens: {
369
379
  "font-size": DesignToken,
370
380
  "line-height": DesignToken,
371
381
  "gap": DesignToken,
382
+ "outline-offset": DesignToken,
372
383
  "padding-block": DesignToken,
373
384
  "padding-inline": DesignToken,
374
- "outline-offset": DesignToken,
375
385
  "disabled": {
376
386
  "cursor": DesignToken
377
387
  },
@@ -422,6 +432,10 @@ declare const tokens: {
422
432
  }
423
433
  },
424
434
  "card": {
435
+ "gap": DesignToken,
436
+ "heading-group": {
437
+ "gap": DesignToken
438
+ },
425
439
  "link": {
426
440
  "color": DesignToken,
427
441
  "text-decoration-line": DesignToken,
@@ -434,11 +448,22 @@ declare const tokens: {
434
448
  },
435
449
  "outline-offset": DesignToken
436
450
  },
451
+ "character-count": {
452
+ "color": DesignToken,
453
+ "font-family": DesignToken,
454
+ "font-size": DesignToken,
455
+ "font-weight": DesignToken,
456
+ "line-height": DesignToken,
457
+ "error": {
458
+ "color": DesignToken
459
+ }
460
+ },
437
461
  "checkbox": {
438
462
  "color": DesignToken,
439
463
  "font-family": DesignToken,
440
464
  "font-size": DesignToken,
441
465
  "font-weight": DesignToken,
466
+ "gap": DesignToken,
442
467
  "line-height": DesignToken,
443
468
  "outline-offset": DesignToken,
444
469
  "checkmark": {
@@ -507,6 +532,7 @@ declare const tokens: {
507
532
  },
508
533
  "column": {
509
534
  "gap": {
535
+ "no": DesignToken,
510
536
  "xs": DesignToken,
511
537
  "sm": DesignToken,
512
538
  "md": DesignToken,
@@ -568,12 +594,13 @@ declare const tokens: {
568
594
  "dialog": {
569
595
  "background-color": DesignToken,
570
596
  "border": DesignToken,
597
+ "inline-size": DesignToken,
598
+ "max-block-size": DesignToken,
571
599
  "max-inline-size": DesignToken,
572
600
  "form": {
573
601
  "gap": DesignToken,
574
602
  "padding-block": DesignToken,
575
- "padding-inline": DesignToken,
576
- "max-block-size": DesignToken
603
+ "padding-inline": DesignToken
577
604
  },
578
605
  "header": {
579
606
  "gap": DesignToken
@@ -648,15 +675,8 @@ declare const tokens: {
648
675
  }
649
676
  }
650
677
  },
651
- "form-field-character-counter": {
652
- "color": DesignToken,
653
- "font-family": DesignToken,
654
- "font-size": DesignToken,
655
- "font-weight": DesignToken,
656
- "line-height": DesignToken,
657
- "error": {
658
- "color": DesignToken
659
- }
678
+ "form-error-list": {
679
+ "outline-offset": DesignToken
660
680
  },
661
681
  "gap": {
662
682
  "xs": DesignToken,
@@ -965,6 +985,7 @@ declare const tokens: {
965
985
  "font-weight": DesignToken,
966
986
  "line-height": DesignToken,
967
987
  "button": {
988
+ "gap": DesignToken,
968
989
  "outline-offset": DesignToken,
969
990
  "padding-inline": DesignToken,
970
991
  "text-decoration-line": DesignToken,
@@ -1000,6 +1021,7 @@ declare const tokens: {
1000
1021
  "font-family": DesignToken,
1001
1022
  "font-size": DesignToken,
1002
1023
  "font-weight": DesignToken,
1024
+ "gap": DesignToken,
1003
1025
  "line-height": DesignToken,
1004
1026
  "outline-offset": DesignToken,
1005
1027
  "circle": {
@@ -1047,6 +1069,7 @@ declare const tokens: {
1047
1069
  },
1048
1070
  "row": {
1049
1071
  "gap": {
1072
+ "no": DesignToken,
1050
1073
  "xs": DesignToken,
1051
1074
  "sm": DesignToken,
1052
1075
  "md": DesignToken,
@@ -1199,6 +1222,36 @@ declare const tokens: {
1199
1222
  "background-color": DesignToken
1200
1223
  }
1201
1224
  },
1225
+ "table-of-contents": {
1226
+ "font-family": DesignToken,
1227
+ "font-size": DesignToken,
1228
+ "font-weight": DesignToken,
1229
+ "gap": DesignToken,
1230
+ "line-height": DesignToken,
1231
+ "link": {
1232
+ "color": DesignToken,
1233
+ "outline-offset": DesignToken,
1234
+ "text-decoration-line": DesignToken,
1235
+ "text-decoration-thickness": DesignToken,
1236
+ "text-underline-offset": DesignToken,
1237
+ "hover": {
1238
+ "color": DesignToken,
1239
+ "text-decoration-line": DesignToken
1240
+ }
1241
+ },
1242
+ "list": {
1243
+ "gap": DesignToken,
1244
+ "list": {
1245
+ "padding-block-start": DesignToken,
1246
+ "padding-inline-start": DesignToken
1247
+ }
1248
+ },
1249
+ "heading": {
1250
+ "font-weight": DesignToken,
1251
+ "font-size": DesignToken,
1252
+ "line-height": DesignToken
1253
+ }
1254
+ },
1202
1255
  "table": {
1203
1256
  "color": DesignToken,
1204
1257
  "font-family": DesignToken,
@@ -1218,6 +1271,7 @@ declare const tokens: {
1218
1271
  }
1219
1272
  },
1220
1273
  "tabs": {
1274
+ "gap": DesignToken,
1221
1275
  "list": {
1222
1276
  "background-color": DesignToken,
1223
1277
  "border-block-end": DesignToken
@@ -1342,6 +1396,7 @@ declare const tokens: {
1342
1396
  }
1343
1397
  },
1344
1398
  "top-task-link": {
1399
+ "gap": DesignToken,
1345
1400
  "description": {
1346
1401
  "color": DesignToken,
1347
1402
  "font-family": DesignToken,