@amsterdam/design-system-tokens 0.10.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 (55) hide show
  1. package/CHANGELOG.md +21 -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 +114 -105
  10. package/dist/index.d.ts +44 -39
  11. package/dist/index.json +200 -188
  12. package/dist/index.mjs +191 -182
  13. package/dist/index.scss +114 -105
  14. package/dist/index.theme.css +114 -105
  15. package/package.json +3 -2
  16. package/src/brand/ams/space.compact.tokens.json +5 -0
  17. package/src/brand/ams/space.tokens.json +10 -19
  18. package/src/brand/ams/text.compact.tokens.json +7 -7
  19. package/src/brand/ams/text.tokens.json +7 -7
  20. package/src/components/ams/accordion.tokens.json +4 -4
  21. package/src/components/ams/alert.tokens.json +6 -3
  22. package/src/components/ams/avatar.tokens.json +2 -2
  23. package/src/components/ams/badge.tokens.json +1 -1
  24. package/src/components/ams/breadcrumb.tokens.json +4 -1
  25. package/src/components/ams/button.tokens.json +3 -3
  26. package/src/components/ams/card.tokens.json +4 -0
  27. package/src/components/ams/{form-field-character-counter.tokens.json → character-count.tokens.json} +1 -1
  28. package/src/components/ams/checkbox.tokens.json +1 -0
  29. package/src/components/ams/column.tokens.json +6 -5
  30. package/src/components/ams/date-input.tokens.json +2 -2
  31. package/src/components/ams/description-list.tokens.json +3 -3
  32. package/src/components/ams/dialog.tokens.json +8 -7
  33. package/src/components/ams/field-set.tokens.json +3 -7
  34. package/src/components/ams/field.tokens.json +3 -9
  35. package/src/components/ams/file-input.tokens.json +5 -5
  36. package/src/components/ams/form-error-list.tokens.json +7 -0
  37. package/src/components/ams/header.tokens.json +1 -1
  38. package/src/components/ams/link-list.tokens.json +2 -2
  39. package/src/components/ams/mega-menu.tokens.json +1 -1
  40. package/src/components/ams/ordered-list.tokens.json +1 -1
  41. package/src/components/ams/page-menu.tokens.json +1 -1
  42. package/src/components/ams/pagination.tokens.json +2 -1
  43. package/src/components/ams/radio.tokens.json +1 -0
  44. package/src/components/ams/row.tokens.json +6 -5
  45. package/src/components/ams/search-field.tokens.json +4 -4
  46. package/src/components/ams/select.tokens.json +3 -3
  47. package/src/components/ams/skip-link.tokens.json +2 -2
  48. package/src/components/ams/table-of-contents.tokens.json +4 -4
  49. package/src/components/ams/table.tokens.json +2 -2
  50. package/src/components/ams/tabs.tokens.json +3 -2
  51. package/src/components/ams/text-area.tokens.json +2 -2
  52. package/src/components/ams/text-input.tokens.json +2 -2
  53. package/src/components/ams/time-input.tokens.json +2 -2
  54. package/src/components/ams/top-task-link.tokens.json +1 -0
  55. 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 Fri, 28 Jun 2024 12:13:40 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": {
@@ -369,7 +356,10 @@ declare const tokens: {
369
356
  "font-weight": DesignToken,
370
357
  "line-height": DesignToken,
371
358
  "separator": {
372
- "background-image": DesignToken
359
+ "background-image": DesignToken,
360
+ "block-size": DesignToken,
361
+ "inline-size": DesignToken,
362
+ "margin-inline": DesignToken
373
363
  },
374
364
  "link": {
375
365
  "color": DesignToken,
@@ -389,9 +379,9 @@ declare const tokens: {
389
379
  "font-size": DesignToken,
390
380
  "line-height": DesignToken,
391
381
  "gap": DesignToken,
382
+ "outline-offset": DesignToken,
392
383
  "padding-block": DesignToken,
393
384
  "padding-inline": DesignToken,
394
- "outline-offset": DesignToken,
395
385
  "disabled": {
396
386
  "cursor": DesignToken
397
387
  },
@@ -442,6 +432,10 @@ declare const tokens: {
442
432
  }
443
433
  },
444
434
  "card": {
435
+ "gap": DesignToken,
436
+ "heading-group": {
437
+ "gap": DesignToken
438
+ },
445
439
  "link": {
446
440
  "color": DesignToken,
447
441
  "text-decoration-line": DesignToken,
@@ -454,11 +448,22 @@ declare const tokens: {
454
448
  },
455
449
  "outline-offset": DesignToken
456
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
+ },
457
461
  "checkbox": {
458
462
  "color": DesignToken,
459
463
  "font-family": DesignToken,
460
464
  "font-size": DesignToken,
461
465
  "font-weight": DesignToken,
466
+ "gap": DesignToken,
462
467
  "line-height": DesignToken,
463
468
  "outline-offset": DesignToken,
464
469
  "checkmark": {
@@ -527,6 +532,7 @@ declare const tokens: {
527
532
  },
528
533
  "column": {
529
534
  "gap": {
535
+ "no": DesignToken,
530
536
  "xs": DesignToken,
531
537
  "sm": DesignToken,
532
538
  "md": DesignToken,
@@ -588,12 +594,13 @@ declare const tokens: {
588
594
  "dialog": {
589
595
  "background-color": DesignToken,
590
596
  "border": DesignToken,
597
+ "inline-size": DesignToken,
598
+ "max-block-size": DesignToken,
591
599
  "max-inline-size": DesignToken,
592
600
  "form": {
593
601
  "gap": DesignToken,
594
602
  "padding-block": DesignToken,
595
- "padding-inline": DesignToken,
596
- "max-block-size": DesignToken
603
+ "padding-inline": DesignToken
597
604
  },
598
605
  "header": {
599
606
  "gap": DesignToken
@@ -668,15 +675,8 @@ declare const tokens: {
668
675
  }
669
676
  }
670
677
  },
671
- "form-field-character-counter": {
672
- "color": DesignToken,
673
- "font-family": DesignToken,
674
- "font-size": DesignToken,
675
- "font-weight": DesignToken,
676
- "line-height": DesignToken,
677
- "error": {
678
- "color": DesignToken
679
- }
678
+ "form-error-list": {
679
+ "outline-offset": DesignToken
680
680
  },
681
681
  "gap": {
682
682
  "xs": DesignToken,
@@ -985,6 +985,7 @@ declare const tokens: {
985
985
  "font-weight": DesignToken,
986
986
  "line-height": DesignToken,
987
987
  "button": {
988
+ "gap": DesignToken,
988
989
  "outline-offset": DesignToken,
989
990
  "padding-inline": DesignToken,
990
991
  "text-decoration-line": DesignToken,
@@ -1020,6 +1021,7 @@ declare const tokens: {
1020
1021
  "font-family": DesignToken,
1021
1022
  "font-size": DesignToken,
1022
1023
  "font-weight": DesignToken,
1024
+ "gap": DesignToken,
1023
1025
  "line-height": DesignToken,
1024
1026
  "outline-offset": DesignToken,
1025
1027
  "circle": {
@@ -1067,6 +1069,7 @@ declare const tokens: {
1067
1069
  },
1068
1070
  "row": {
1069
1071
  "gap": {
1072
+ "no": DesignToken,
1070
1073
  "xs": DesignToken,
1071
1074
  "sm": DesignToken,
1072
1075
  "md": DesignToken,
@@ -1268,6 +1271,7 @@ declare const tokens: {
1268
1271
  }
1269
1272
  },
1270
1273
  "tabs": {
1274
+ "gap": DesignToken,
1271
1275
  "list": {
1272
1276
  "background-color": DesignToken,
1273
1277
  "border-block-end": DesignToken
@@ -1392,6 +1396,7 @@ declare const tokens: {
1392
1396
  }
1393
1397
  },
1394
1398
  "top-task-link": {
1399
+ "gap": DesignToken,
1395
1400
  "description": {
1396
1401
  "color": DesignToken,
1397
1402
  "font-family": DesignToken,