@amsterdam/design-system-tokens 0.4.0 → 0.5.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 (51) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/build.js +99 -0
  3. package/dist/compact.css +16 -0
  4. package/dist/compact.d.ts +56 -0
  5. package/dist/compact.json +33 -0
  6. package/dist/compact.mjs +14 -0
  7. package/dist/compact.scss +13 -0
  8. package/dist/compact.theme.css +16 -0
  9. package/dist/index.css +102 -201
  10. package/dist/index.d.ts +1103 -580
  11. package/dist/index.json +1082 -567
  12. package/dist/{index.js → index.mjs} +92 -191
  13. package/dist/{_variables.scss → index.scss} +101 -200
  14. package/dist/{root.css → index.theme.css} +102 -201
  15. package/package.json +7 -10
  16. package/src/brand/amsterdam/typography.compact.tokens.json +29 -0
  17. package/src/brand/amsterdam/typography.tokens.json +28 -62
  18. package/src/common/amsterdam/hyphenation.tokens.json +9 -0
  19. package/src/components/amsterdam/accordion.tokens.json +4 -10
  20. package/src/components/amsterdam/alert.tokens.json +0 -13
  21. package/src/components/amsterdam/badge.tokens.json +2 -8
  22. package/src/components/amsterdam/blockquote.tokens.json +3 -9
  23. package/src/components/amsterdam/breadcrumb.tokens.json +2 -8
  24. package/src/components/amsterdam/button.tokens.json +2 -8
  25. package/src/components/amsterdam/checkbox.tokens.json +5 -11
  26. package/src/components/amsterdam/dialog.tokens.json +2 -8
  27. package/src/components/amsterdam/form-label.tokens.json +2 -8
  28. package/src/components/amsterdam/grid.compact.tokens.json +14 -0
  29. package/src/components/amsterdam/grid.tokens.json +6 -18
  30. package/src/components/amsterdam/header.tokens.json +1 -1
  31. package/src/components/amsterdam/heading.tokens.json +22 -50
  32. package/src/components/amsterdam/icon.tokens.json +14 -34
  33. package/src/components/amsterdam/link-list.tokens.json +10 -26
  34. package/src/components/amsterdam/link.tokens.json +2 -25
  35. package/src/components/amsterdam/mega-menu.tokens.json +2 -2
  36. package/src/components/amsterdam/ordered-list.tokens.json +2 -8
  37. package/src/components/amsterdam/page-heading.tokens.json +2 -8
  38. package/src/components/amsterdam/page-menu.tokens.json +2 -8
  39. package/src/components/amsterdam/pagination.tokens.json +2 -8
  40. package/src/components/amsterdam/paragraph.tokens.json +10 -26
  41. package/src/components/amsterdam/search-field.tokens.json +4 -10
  42. package/src/components/amsterdam/skip-link.tokens.json +2 -6
  43. package/src/components/amsterdam/table.tokens.json +2 -2
  44. package/src/components/amsterdam/text-input.tokens.json +2 -8
  45. package/src/components/amsterdam/top-task-link.tokens.json +4 -16
  46. package/src/components/amsterdam/unordered-list.tokens.json +2 -8
  47. package/dist/index.tokens.json +0 -1341
  48. package/dist/tokens.d.ts +0 -1364
  49. package/dist/tokens.js +0 -12927
  50. package/dist/variables.less +0 -571
  51. package/style-dictionary.config.json +0 -101
package/src/brand/amsterdam/typography.tokens.json CHANGED
@@ -6,68 +6,34 @@
6
6
  "normal": { "value": 400 },
7
7
  "bold": { "value": 800 }
8
8
  },
9
- "spacious": {
10
- "text-level": {
11
- "0": {
12
- "font-size": { "value": "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)" },
13
- "line-height": { "value": "1.15" }
14
- },
15
- "1": {
16
- "font-size": { "value": "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)" },
17
- "line-height": { "value": "1.2" }
18
- },
19
- "2": {
20
- "font-size": { "value": "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)" },
21
- "line-height": { "value": "1.25" }
22
- },
23
- "3": {
24
- "font-size": { "value": "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)" },
25
- "line-height": { "value": "1.3" }
26
- },
27
- "4": {
28
- "font-size": { "value": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)" },
29
- "line-height": { "value": "1.5" }
30
- },
31
- "5": {
32
- "font-size": { "value": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)" },
33
- "line-height": { "value": "1.6" }
34
- },
35
- "6": {
36
- "font-size": { "value": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)" },
37
- "line-height": { "value": "1.6" }
38
- }
39
- }
40
- },
41
- "compact": {
42
- "text-level": {
43
- "0": {
44
- "font-size": { "value": "clamp(1.891rem, calc(1.927vw + 1.506rem), 3.433rem)" },
45
- "line-height": { "value": "1.15" }
46
- },
47
- "1": {
48
- "font-size": { "value": "clamp(1.621rem, calc(1.408vw + 1.34rem), 2.747rem)" },
49
- "line-height": { "value": "1.2" }
50
- },
51
- "2": {
52
- "font-size": { "value": "clamp(1.389rem, calc(1.01vw + 1.187rem), 2.197rem)" },
53
- "line-height": { "value": "1.25" }
54
- },
55
- "3": {
56
- "font-size": { "value": "clamp(1.191rem, calc(0.709vw + 1.049rem), 1.758rem)" },
57
- "line-height": { "value": "1.3" }
58
- },
59
- "4": {
60
- "font-size": { "value": "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)" },
61
- "line-height": { "value": "1.5" }
62
- },
63
- "5": {
64
- "font-size": { "value": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)" },
65
- "line-height": { "value": "1.6" }
66
- },
67
- "6": {
68
- "font-size": { "value": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)" },
69
- "line-height": { "value": "1.6" }
70
- }
9
+ "text-level": {
10
+ "0": {
11
+ "font-size": { "value": "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)" },
12
+ "line-height": { "value": "1.15" }
13
+ },
14
+ "1": {
15
+ "font-size": { "value": "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)" },
16
+ "line-height": { "value": "1.2" }
17
+ },
18
+ "2": {
19
+ "font-size": { "value": "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)" },
20
+ "line-height": { "value": "1.25" }
21
+ },
22
+ "3": {
23
+ "font-size": { "value": "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)" },
24
+ "line-height": { "value": "1.3" }
25
+ },
26
+ "4": {
27
+ "font-size": { "value": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)" },
28
+ "line-height": { "value": "1.5" }
29
+ },
30
+ "5": {
31
+ "font-size": { "value": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)" },
32
+ "line-height": { "value": "1.6" }
33
+ },
34
+ "6": {
35
+ "font-size": { "value": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)" },
36
+ "line-height": { "value": "1.6" }
71
37
  }
72
38
  }
73
39
  }
package/src/common/amsterdam/hyphenation.tokens.json ADDED
@@ -0,0 +1,9 @@
1
+ {
2
+ "amsterdam": {
3
+ "hyphenation": {
4
+ "hyphenate-limit-chars": { "value": "12 8 4" },
5
+ "hyphens": { "value": "auto" },
6
+ "overflow-wrap": { "value": "break-word" }
7
+ }
8
+ }
9
+ }
package/src/components/amsterdam/accordion.tokens.json CHANGED
@@ -3,21 +3,15 @@
3
3
  "accordion": {
4
4
  "button": {
5
5
  "color": { "value": "{amsterdam.color.primary-blue}" },
6
+ "font-family": { "value": "{amsterdam.typography.font-family}" },
7
+ "font-size": { "value": "{amsterdam.typography.text-level.5.font-size}" },
8
+ "font-weight": { "value": "{amsterdam.typography.font-weight.bold}" },
9
+ "line-height": { "value": "{amsterdam.typography.text-level.5.line-height}" },
6
10
  "focus": {
7
11
  "outline-offset": { "value": "{amsterdam.focus.outline-offset}" }
8
12
  },
9
- "font-family": { "value": "{amsterdam.typography.font-family}" },
10
- "font-weight": { "value": "{amsterdam.typography.font-weight.bold}" },
11
13
  "hover": {
12
14
  "box-shadow": { "value": "inset 0 0 0 2px {amsterdam.color.neutral-grey3}" }
13
- },
14
- "spacious": {
15
- "font-size": { "value": "{amsterdam.typography.spacious.text-level.5.font-size}" },
16
- "line-height": { "value": "{amsterdam.typography.spacious.text-level.5.line-height}" }
17
- },
18
- "compact": {
19
- "font-size": { "value": "{amsterdam.typography.compact.text-level.5.font-size}" },
20
- "line-height": { "value": "{amsterdam.typography.compact.text-level.5.line-height}" }
21
15
  }
22
16
  }
23
17
  }
package/src/components/amsterdam/alert.tokens.json CHANGED
@@ -8,19 +8,6 @@
8
8
  "padding-block-end": { "value": "{amsterdam.spacing.inset.md}" },
9
9
  "padding-inline-start": { "value": "{amsterdam.spacing.inset.lg}" },
10
10
  "padding-inline-end": { "value": "{amsterdam.spacing.inset.lg}" },
11
- "title": {
12
- "color": { "value": "{amsterdam.color.primary-black}" },
13
- "font-family": { "value": "{amsterdam.typography.font-family}" },
14
- "font-weight": { "value": "{amsterdam.typography.font-weight.bold}" },
15
- "spacious": {
16
- "font-size": { "value": "{amsterdam.typography.spacious.text-level.4.font-size}" },
17
- "line-height": { "value": "{amsterdam.typography.spacious.text-level.4.line-height}" }
18
- },
19
- "compact": {
20
- "font-size": { "value": "{amsterdam.typography.compact.text-level.4.font-size}" },
21
- "line-height": { "value": "{amsterdam.typography.compact.text-level.4.line-height}" }
22
- }
23
- },
24
11
  "error": {
25
12
  "border-color": { "value": "{amsterdam.color.primary-red}" }
26
13
  },
package/src/components/amsterdam/badge.tokens.json CHANGED
@@ -2,16 +2,10 @@
2
2
  "amsterdam": {
3
3
  "badge": {
4
4
  "font-family": { "value": "{amsterdam.typography.font-family}" },
5
+ "font-size": { "value": "{amsterdam.typography.text-level.5.font-size}" },
5
6
  "font-weight": { "value": "{amsterdam.typography.font-weight.bold}" },
7
+ "line-height": { "value": "{amsterdam.typography.text-level.5.line-height}" },
6
8
  "padding-inline": { "value": "0.5rem" },
7
- "spacious": {
8
- "font-size": { "value": "{amsterdam.typography.spacious.text-level.5.font-size}" },
9
- "line-height": { "value": "{amsterdam.typography.spacious.text-level.5.line-height}" }
10
- },
11
- "compact": {
12
- "font-size": { "value": "{amsterdam.typography.compact.text-level.5.font-size}" },
13
- "line-height": { "value": "{amsterdam.typography.compact.text-level.5.line-height}" }
14
- },
15
9
  "blue": {
16
10
  "background-color": { "value": "{amsterdam.color.blue}" },
17
11
  "color": { "value": "{amsterdam.color.primary-black}" }
package/src/components/amsterdam/blockquote.tokens.json CHANGED
@@ -3,16 +3,10 @@
3
3
  "blockquote": {
4
4
  "color": { "value": "{amsterdam.color.primary-black}" },
5
5
  "font-family": { "value": "{amsterdam.typography.font-family}" },
6
+ "font-size": { "value": "{amsterdam.typography.text-level.3.font-size}" },
6
7
  "font-weight": { "value": "{amsterdam.typography.font-weight.bold}" },
7
- "inverse-color": { "value": "{amsterdam.color.primary-white}" },
8
- "spacious": {
9
- "font-size": { "value": "{amsterdam.typography.spacious.text-level.3.font-size}" },
10
- "line-height": { "value": "{amsterdam.typography.spacious.text-level.3.line-height}" }
11
- },
12
- "compact": {
13
- "font-size": { "value": "{amsterdam.typography.compact.text-level.3.font-size}" },
14
- "line-height": { "value": "{amsterdam.typography.compact.text-level.3.line-height}" }
15
- }
8
+ "line-height": { "value": "{amsterdam.typography.text-level.3.line-height}" },
9
+ "inverse-color": { "value": "{amsterdam.color.primary-white}" }
16
10
  }
17
11
  }
18
12
  }
package/src/components/amsterdam/breadcrumb.tokens.json CHANGED
@@ -2,7 +2,9 @@
2
2
  "amsterdam": {
3
3
  "breadcrumb": {
4
4
  "font-family": { "value": "{amsterdam.typography.font-family}" },
5
+ "font-size": { "value": "{amsterdam.typography.text-level.6.font-size}" },
5
6
  "font-weight": { "value": "{amsterdam.typography.font-weight.normal}" },
7
+ "line-height": { "value": "{amsterdam.typography.text-level.6.line-height}" },
6
8
  "separator": {
7
9
  "background-image": {
8
10
  "value": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23000000' fill-rule='evenodd' d='m9.757 32-2.9-2.91L19.937 16 6.857 2.91 9.757 0l16 16z'/></svg>\")"
@@ -18,14 +20,6 @@
18
20
  "color": { "value": "{amsterdam.color.dark-blue}" },
19
21
  "text-decoration-line": { "value": "{amsterdam.link-appearance.subtle.hover.text-decoration-line}" }
20
22
  }
21
- },
22
- "spacious": {
23
- "font-size": { "value": "{amsterdam.typography.spacious.text-level.6.font-size}" },
24
- "line-height": { "value": "{amsterdam.typography.spacious.text-level.6.line-height}" }
25
- },
26
- "compact": {
27
- "font-size": { "value": "{amsterdam.typography.compact.text-level.6.font-size}" },
28
- "line-height": { "value": "{amsterdam.typography.compact.text-level.6.line-height}" }
29
23
  }
30
24
  }
31
25
  }
package/src/components/amsterdam/button.tokens.json CHANGED
@@ -1,14 +1,8 @@
1
1
  {
2
2
  "amsterdam": {
3
3
  "button": {
4
- "spacious": {
5
- "font-size": { "value": "{amsterdam.typography.spacious.text-level.5.font-size}" },
6
- "line-height": { "value": "{amsterdam.typography.spacious.text-level.5.line-height}" }
7
- },
8
- "compact": {
9
- "font-size": { "value": "{amsterdam.typography.compact.text-level.5.font-size}" },
10
- "line-height": { "value": "{amsterdam.typography.compact.text-level.5.line-height}" }
11
- },
4
+ "font-size": { "value": "{amsterdam.typography.text-level.5.font-size}" },
5
+ "line-height": { "value": "{amsterdam.typography.text-level.5.line-height}" },
12
6
  "secondary": {
13
7
  "box-shadow": { "value": "inset 0 0 0 2px {amsterdam.color.primary-blue}" },
14
8
  "hover": {
package/src/components/amsterdam/checkbox.tokens.json CHANGED
@@ -2,6 +2,11 @@
2
2
  "amsterdam": {
3
3
  "checkbox": {
4
4
  "color": { "value": "{amsterdam.color.primary-black}" },
5
+ "font-family": { "value": "{amsterdam.typography.font-family}" },
6
+ "font-size": { "value": "{amsterdam.typography.text-level.5.font-size}" },
7
+ "font-weight": { "value": "{amsterdam.typography.font-weight.normal}" },
8
+ "line-height": { "value": "{amsterdam.typography.text-level.5.line-height}" },
9
+ "outline-offset": { "value": "{amsterdam.focus.outline-offset}" },
5
10
  "checkmark": {
6
11
  "border-color": { "value": "{amsterdam.color.primary-blue}" },
7
12
  "checked": {
@@ -56,19 +61,8 @@
56
61
  "disabled": {
57
62
  "color": { "value": "{amsterdam.color.neutral-grey3}" }
58
63
  },
59
- "font-family": { "value": "{amsterdam.typography.font-family}" },
60
- "font-weight": { "value": "{amsterdam.typography.font-weight.normal}" },
61
64
  "hover": {
62
65
  "color": { "value": "{amsterdam.color.dark-blue}" }
63
- },
64
- "outline-offset": { "value": "{amsterdam.focus.outline-offset}" },
65
- "spacious": {
66
- "font-size": { "value": "{amsterdam.typography.spacious.text-level.5.font-size}" },
67
- "line-height": { "value": "{amsterdam.typography.spacious.text-level.5.line-height}" }
68
- },
69
- "compact": {
70
- "font-size": { "value": "{amsterdam.typography.compact.text-level.5.font-size}" },
71
- "line-height": { "value": "{amsterdam.typography.compact.text-level.5.line-height}" }
72
66
  }
73
67
  }
74
68
  }
package/src/components/amsterdam/dialog.tokens.json CHANGED
@@ -7,15 +7,9 @@
7
7
  "title": {
8
8
  "color": { "value": "{amsterdam.color.primary-black}" },
9
9
  "font-family": { "value": "{amsterdam.typography.font-family}" },
10
+ "font-size": { "value": "{amsterdam.typography.text-level.5.font-size}" },
10
11
  "font-weight": { "value": "{amsterdam.typography.font-weight.bold}" },
11
- "spacious": {
12
- "font-size": { "value": "{amsterdam.typography.spacious.text-level.5.font-size}" },
13
- "line-height": { "value": "{amsterdam.typography.spacious.text-level.5.line-height}" }
14
- },
15
- "compact": {
16
- "font-size": { "value": "{amsterdam.typography.compact.text-level.5.font-size}" },
17
- "line-height": { "value": "{amsterdam.typography.compact.text-level.5.line-height}" }
18
- }
12
+ "line-height": { "value": "{amsterdam.typography.text-level.5.line-height}" }
19
13
  },
20
14
  "backdrop": {
21
15
  "background": { "value": "#0006" }
package/src/components/amsterdam/form-label.tokens.json CHANGED
@@ -3,15 +3,9 @@
3
3
  "form-label": {
4
4
  "color": { "value": "{amsterdam.color.primary-black}" },
5
5
  "font-family": { "value": "{amsterdam.typography.font-family}" },
6
+ "font-size": { "value": "{amsterdam.typography.text-level.4.font-size}" },
6
7
  "font-weight": { "value": "{amsterdam.typography.font-weight.bold}" },
7
- "spacious": {
8
- "font-size": { "value": "{amsterdam.typography.spacious.text-level.4.font-size}" },
9
- "line-height": { "value": "{amsterdam.typography.spacious.text-level.4.line-height}" }
10
- },
11
- "compact": {
12
- "font-size": { "value": "{amsterdam.typography.compact.text-level.4.font-size}" },
13
- "line-height": { "value": "{amsterdam.typography.compact.text-level.4.line-height}" }
14
- }
8
+ "line-height": { "value": "{amsterdam.typography.text-level.4.line-height}" }
15
9
  }
16
10
  }
17
11
  }
package/src/components/amsterdam/grid.compact.tokens.json ADDED
@@ -0,0 +1,14 @@
1
+ {
2
+ "amsterdam": {
3
+ "grid": {
4
+ "gap": {
5
+ "value": "clamp(1rem, calc(1.5625vw - 0.0625rem), 2.5rem)",
6
+ "comment": "Grows from 16px at 1088px wide to 40px at 2624px wide."
7
+ },
8
+ "padding-inline": {
9
+ "value": "clamp(1rem, calc(1.5625vw - 0.0625rem), 2.5rem)",
10
+ "comment": "Equals the gap."
11
+ }
12
+ }
13
+ }
14
+ }
package/src/components/amsterdam/grid.tokens.json CHANGED
@@ -2,25 +2,13 @@
2
2
  "amsterdam": {
3
3
  "grid": {
4
4
  "column-count": { "value": "4" },
5
- "spacious": {
6
- "gap": {
7
- "value": "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",
8
- "comment": "Grows from 16px at 320px wide to 56px at 1600px wide."
9
- },
10
- "padding-inline": {
11
- "value": "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)",
12
- "comment": "Equals 1.5 times the gap."
13
- }
5
+ "gap": {
6
+ "value": "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",
7
+ "comment": "Grows from 16px at 320px wide to 56px at 1600px wide."
14
8
  },
15
- "compact": {
16
- "gap": {
17
- "value": "clamp(1rem, calc(1.5625vw - 0.0625rem), 2.5rem)",
18
- "comment": "Grows from 16px at 1088px wide to 40px at 2624px wide."
19
- },
20
- "padding-inline": {
21
- "value": "clamp(1rem, calc(1.5625vw - 0.0625rem), 2.5rem)",
22
- "comment": "Equals the gap."
23
- }
9
+ "padding-inline": {
10
+ "value": "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)",
11
+ "comment": "Equals 1.5 times the gap."
24
12
  },
25
13
  "medium": {
26
14
  "column-count": { "value": "8" }
package/src/components/amsterdam/header.tokens.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "amsterdam": {
3
3
  "header": {
4
- "column-gap": { "value": "{amsterdam.grid.spacious.gap}" }
4
+ "column-gap": { "value": "{amsterdam.grid.gap}" }
5
5
  }
6
6
  }
7
7
  }
package/src/components/amsterdam/heading.tokens.json CHANGED
@@ -5,57 +5,29 @@
5
5
  "font-family": { "value": "{amsterdam.typography.font-family}" },
6
6
  "font-weight": { "value": "{amsterdam.typography.font-weight.bold}" },
7
7
  "inverse-color": { "value": "{amsterdam.color.primary-white}" },
8
- "spacious": {
9
- "level-1": {
10
- "line-height": { "value": "{amsterdam.typography.spacious.text-level.1.line-height}" },
11
- "font-size": { "value": "{amsterdam.typography.spacious.text-level.1.font-size}" }
12
- },
13
- "level-2": {
14
- "line-height": { "value": "{amsterdam.typography.spacious.text-level.2.line-height}" },
15
- "font-size": { "value": "{amsterdam.typography.spacious.text-level.2.font-size}" }
16
- },
17
- "level-3": {
18
- "line-height": { "value": "{amsterdam.typography.spacious.text-level.3.line-height}" },
19
- "font-size": { "value": "{amsterdam.typography.spacious.text-level.3.font-size}" }
20
- },
21
- "level-4": {
22
- "line-height": { "value": "{amsterdam.typography.spacious.text-level.4.line-height}" },
23
- "font-size": { "value": "{amsterdam.typography.spacious.text-level.4.font-size}" }
24
- },
25
- "level-5": {
26
- "line-height": { "value": "{amsterdam.typography.spacious.text-level.5.line-height}" },
27
- "font-size": { "value": "{amsterdam.typography.spacious.text-level.5.font-size}" }
28
- },
29
- "level-6": {
30
- "line-height": { "value": "{amsterdam.typography.spacious.text-level.6.line-height}" },
31
- "font-size": { "value": "{amsterdam.typography.spacious.text-level.6.font-size}" }
32
- }
8
+ "level-1": {
9
+ "font-size": { "value": "{amsterdam.typography.text-level.1.font-size}" },
10
+ "line-height": { "value": "{amsterdam.typography.text-level.1.line-height}" }
33
11
  },
34
- "compact": {
35
- "level-1": {
36
- "line-height": { "value": "{amsterdam.typography.compact.text-level.1.line-height}" },
37
- "font-size": { "value": "{amsterdam.typography.compact.text-level.1.font-size}" }
38
- },
39
- "level-2": {
40
- "line-height": { "value": "{amsterdam.typography.compact.text-level.2.line-height}" },
41
- "font-size": { "value": "{amsterdam.typography.compact.text-level.2.font-size}" }
42
- },
43
- "level-3": {
44
- "line-height": { "value": "{amsterdam.typography.compact.text-level.3.line-height}" },
45
- "font-size": { "value": "{amsterdam.typography.compact.text-level.3.font-size}" }
46
- },
47
- "level-4": {
48
- "line-height": { "value": "{amsterdam.typography.compact.text-level.4.line-height}" },
49
- "font-size": { "value": "{amsterdam.typography.compact.text-level.4.font-size}" }
50
- },
51
- "level-5": {
52
- "line-height": { "value": "{amsterdam.typography.compact.text-level.5.line-height}" },
53
- "font-size": { "value": "{amsterdam.typography.compact.text-level.5.font-size}" }
54
- },
55
- "level-6": {
56
- "line-height": { "value": "{amsterdam.typography.compact.text-level.6.line-height}" },
57
- "font-size": { "value": "{amsterdam.typography.compact.text-level.6.font-size}" }
58
- }
12
+ "level-2": {
13
+ "font-size": { "value": "{amsterdam.typography.text-level.2.font-size}" },
14
+ "line-height": { "value": "{amsterdam.typography.text-level.2.line-height}" }
15
+ },
16
+ "level-3": {
17
+ "font-size": { "value": "{amsterdam.typography.text-level.3.font-size}" },
18
+ "line-height": { "value": "{amsterdam.typography.text-level.3.line-height}" }
19
+ },
20
+ "level-4": {
21
+ "font-size": { "value": "{amsterdam.typography.text-level.4.font-size}" },
22
+ "line-height": { "value": "{amsterdam.typography.text-level.4.line-height}" }
23
+ },
24
+ "level-5": {
25
+ "font-size": { "value": "{amsterdam.typography.text-level.5.font-size}" },
26
+ "line-height": { "value": "{amsterdam.typography.text-level.5.line-height}" }
27
+ },
28
+ "level-6": {
29
+ "font-size": { "value": "{amsterdam.typography.text-level.6.font-size}" },
30
+ "line-height": { "value": "{amsterdam.typography.text-level.6.line-height}" }
59
31
  }
60
32
  }
61
33
  }
package/src/components/amsterdam/icon.tokens.json CHANGED
@@ -1,41 +1,21 @@
1
1
  {
2
2
  "amsterdam": {
3
3
  "icon": {
4
- "spacious": {
5
- "size-3": {
6
- "font-size": { "value": "{amsterdam.typography.spacious.text-level.3.font-size}" },
7
- "line-height": { "value": "{amsterdam.typography.spacious.text-level.3.line-height}" }
8
- },
9
- "size-4": {
10
- "font-size": { "value": "{amsterdam.typography.spacious.text-level.4.font-size}" },
11
- "line-height": { "value": "{amsterdam.typography.spacious.text-level.4.line-height}" }
12
- },
13
- "size-5": {
14
- "font-size": { "value": "{amsterdam.typography.spacious.text-level.5.font-size}" },
15
- "line-height": { "value": "{amsterdam.typography.spacious.text-level.5.line-height}" }
16
- },
17
- "size-6": {
18
- "font-size": { "value": "{amsterdam.typography.spacious.text-level.6.font-size}" },
19
- "line-height": { "value": "{amsterdam.typography.spacious.text-level.6.line-height}" }
20
- }
4
+ "size-3": {
5
+ "font-size": { "value": "{amsterdam.typography.text-level.3.font-size}" },
6
+ "line-height": { "value": "{amsterdam.typography.text-level.3.line-height}" }
21
7
  },
22
- "compact": {
23
- "size-3": {
24
- "font-size": { "value": "{amsterdam.typography.compact.text-level.3.font-size}" },
25
- "line-height": { "value": "{amsterdam.typography.compact.text-level.3.line-height}" }
26
- },
27
- "size-4": {
28
- "font-size": { "value": "{amsterdam.typography.compact.text-level.4.font-size}" },
29
- "line-height": { "value": "{amsterdam.typography.compact.text-level.4.line-height}" }
30
- },
31
- "size-5": {
32
- "font-size": { "value": "{amsterdam.typography.compact.text-level.5.font-size}" },
33
- "line-height": { "value": "{amsterdam.typography.compact.text-level.5.line-height}" }
34
- },
35
- "size-6": {
36
- "font-size": { "value": "{amsterdam.typography.compact.text-level.6.font-size}" },
37
- "line-height": { "value": "{amsterdam.typography.compact.text-level.6.line-height}" }
38
- }
8
+ "size-4": {
9
+ "font-size": { "value": "{amsterdam.typography.text-level.4.font-size}" },
10
+ "line-height": { "value": "{amsterdam.typography.text-level.4.line-height}" }
11
+ },
12
+ "size-5": {
13
+ "font-size": { "value": "{amsterdam.typography.text-level.5.font-size}" },
14
+ "line-height": { "value": "{amsterdam.typography.text-level.5.line-height}" }
15
+ },
16
+ "size-6": {
17
+ "font-size": { "value": "{amsterdam.typography.text-level.6.font-size}" },
18
+ "line-height": { "value": "{amsterdam.typography.text-level.6.line-height}" }
39
19
  }
40
20
  }
41
21
  }
package/src/components/amsterdam/link-list.tokens.json CHANGED
@@ -11,33 +11,17 @@
11
11
  "text-decoration-line": { "value": "{amsterdam.link-appearance.subtle.text-decoration-line}" },
12
12
  "text-decoration-thickness": { "value": "{amsterdam.link-appearance.text-decoration-thickness}" },
13
13
  "text-underline-offset": { "value": "{amsterdam.link-appearance.text-underline-offset}" },
14
- "spacious": {
15
- "small": {
16
- "font-size": { "value": "{amsterdam.typography.spacious.text-level.6.font-size}" },
17
- "line-height": { "value": "{amsterdam.typography.spacious.text-level.6.line-height}" }
18
- },
19
- "medium": {
20
- "font-size": { "value": "{amsterdam.typography.spacious.text-level.5.font-size}" },
21
- "line-height": { "value": "{amsterdam.typography.spacious.text-level.5.line-height}" }
22
- },
23
- "large": {
24
- "font-size": { "value": "{amsterdam.typography.spacious.text-level.4.font-size}" },
25
- "line-height": { "value": "{amsterdam.typography.spacious.text-level.4.line-height}" }
26
- }
14
+ "small": {
15
+ "font-size": { "value": "{amsterdam.typography.text-level.6.font-size}" },
16
+ "line-height": { "value": "{amsterdam.typography.text-level.6.line-height}" }
27
17
  },
28
- "compact": {
29
- "small": {
30
- "font-size": { "value": "{amsterdam.typography.compact.text-level.6.font-size}" },
31
- "line-height": { "value": "{amsterdam.typography.compact.text-level.6.line-height}" }
32
- },
33
- "medium": {
34
- "font-size": { "value": "{amsterdam.typography.compact.text-level.5.font-size}" },
35
- "line-height": { "value": "{amsterdam.typography.compact.text-level.5.line-height}" }
36
- },
37
- "large": {
38
- "font-size": { "value": "{amsterdam.typography.compact.text-level.4.font-size}" },
39
- "line-height": { "value": "{amsterdam.typography.compact.text-level.4.line-height}" }
40
- }
18
+ "medium": {
19
+ "font-size": { "value": "{amsterdam.typography.text-level.5.font-size}" },
20
+ "line-height": { "value": "{amsterdam.typography.text-level.5.line-height}" }
21
+ },
22
+ "large": {
23
+ "font-size": { "value": "{amsterdam.typography.text-level.4.font-size}" },
24
+ "line-height": { "value": "{amsterdam.typography.text-level.4.line-height}" }
41
25
  },
42
26
  "hover": {
43
27
  "color": { "value": "{amsterdam.link-appearance.hover.color}" },
package/src/components/amsterdam/link.tokens.json CHANGED
@@ -25,24 +25,9 @@
25
25
  "color": { "value": "{amsterdam.color.purple}" }
26
26
  }
27
27
  },
28
- "in-list": {
29
- "gap": { "value": "0.5em" },
30
- "text-decoration-line": { "value": "{amsterdam.link-appearance.subtle.text-decoration-line}" },
31
- "text-decoration-thickness": { "value": "{amsterdam.link-appearance.text-decoration-thickness}" },
32
- "text-underline-offset": { "value": "{amsterdam.link-appearance.text-underline-offset}" },
33
- "hover": {
34
- "text-decoration-line": { "value": "{amsterdam.link-appearance.subtle.hover.text-decoration-line}" }
35
- },
36
- "spacious": {
37
- "font-size": { "value": "{amsterdam.typography.spacious.text-level.5.font-size}" },
38
- "line-height": { "value": "{amsterdam.typography.spacious.text-level.5.line-height}" }
39
- },
40
- "compact": {
41
- "font-size": { "value": "{amsterdam.typography.compact.text-level.5.font-size}" },
42
- "line-height": { "value": "{amsterdam.typography.compact.text-level.5.line-height}" }
43
- }
44
- },
45
28
  "standalone": {
29
+ "font-size": { "value": "{amsterdam.typography.text-level.5.font-size}" },
30
+ "line-height": { "value": "{amsterdam.typography.text-level.5.line-height}" },
46
31
  "text-decoration-line": { "value": "{amsterdam.link-appearance.regular.text-decoration-line}" },
47
32
  "text-decoration-thickness": { "value": "{amsterdam.link-appearance.text-decoration-thickness}" },
48
33
  "text-underline-offset": { "value": "{amsterdam.link-appearance.text-underline-offset}" },
@@ -51,14 +36,6 @@
51
36
  "value": "{amsterdam.link-appearance.regular.hover.text-decoration-thickness}"
52
37
  },
53
38
  "text-underline-offset": { "value": "{amsterdam.link-appearance.regular.hover.text-underline-offset}" }
54
- },
55
- "spacious": {
56
- "font-size": { "value": "{amsterdam.typography.spacious.text-level.5.font-size}" },
57
- "line-height": { "value": "{amsterdam.typography.spacious.text-level.5.line-height}" }
58
- },
59
- "compact": {
60
- "font-size": { "value": "{amsterdam.typography.compact.text-level.5.font-size}" },
61
- "line-height": { "value": "{amsterdam.typography.compact.text-level.5.line-height}" }
62
39
  }
63
40
  },
64
41
  "on-background-dark": {
package/src/components/amsterdam/mega-menu.tokens.json CHANGED
@@ -2,10 +2,10 @@
2
2
  "amsterdam": {
3
3
  "mega-menu": {
4
4
  "list-category": {
5
- "column-gap": { "value": "{amsterdam.grid.spacious.gap}" },
5
+ "column-gap": { "value": "{amsterdam.grid.gap}" },
6
6
  "column-width": { "value": "20rem" },
7
7
  "padding-block-start": { "value": "1rem" },
8
- "padding-block-end": { "value": "{amsterdam.grid.spacious.gap}" }
8
+ "padding-block-end": { "value": "{amsterdam.grid.gap}" }
9
9
  }
10
10
  }
11
11
  }