@amsterdam/design-system-tokens 0.3.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 (54) hide show
  1. package/CHANGELOG.md +37 -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 +169 -196
  10. package/dist/index.d.ts +1103 -508
  11. package/dist/index.json +1082 -495
  12. package/dist/{index.js → index.mjs} +189 -216
  13. package/dist/{_variables.scss → index.scss} +168 -195
  14. package/dist/{root.css → index.theme.css} +169 -196
  15. package/package.json +8 -11
  16. package/src/brand/amsterdam/color.tokens.json +5 -6
  17. package/src/brand/amsterdam/typography.compact.tokens.json +29 -0
  18. package/src/brand/amsterdam/typography.tokens.json +28 -62
  19. package/src/common/amsterdam/hyphenation.tokens.json +9 -0
  20. package/src/components/amsterdam/accordion.tokens.json +4 -10
  21. package/src/components/amsterdam/alert.tokens.json +8 -18
  22. package/src/components/amsterdam/badge.tokens.json +43 -0
  23. package/src/components/amsterdam/blockquote.tokens.json +3 -9
  24. package/src/components/amsterdam/breadcrumb.tokens.json +2 -8
  25. package/src/components/amsterdam/button.tokens.json +2 -8
  26. package/src/components/amsterdam/checkbox.tokens.json +5 -11
  27. package/src/components/amsterdam/dialog.tokens.json +2 -15
  28. package/src/components/amsterdam/form-label.tokens.json +2 -8
  29. package/src/components/amsterdam/grid.compact.tokens.json +14 -0
  30. package/src/components/amsterdam/grid.tokens.json +6 -18
  31. package/src/components/amsterdam/header.tokens.json +1 -1
  32. package/src/components/amsterdam/heading.tokens.json +22 -50
  33. package/src/components/amsterdam/icon-button.tokens.json +37 -0
  34. package/src/components/amsterdam/icon.tokens.json +14 -34
  35. package/src/components/amsterdam/link-list.tokens.json +45 -0
  36. package/src/components/amsterdam/link.tokens.json +2 -25
  37. package/src/components/amsterdam/mega-menu.tokens.json +12 -0
  38. package/src/components/amsterdam/ordered-list.tokens.json +2 -8
  39. package/src/components/amsterdam/page-heading.tokens.json +2 -8
  40. package/src/components/amsterdam/page-menu.tokens.json +2 -8
  41. package/src/components/amsterdam/pagination.tokens.json +2 -8
  42. package/src/components/amsterdam/paragraph.tokens.json +10 -26
  43. package/src/components/amsterdam/search-field.tokens.json +4 -10
  44. package/src/components/amsterdam/skip-link.tokens.json +2 -6
  45. package/src/components/amsterdam/spotlight.tokens.json +3 -3
  46. package/src/components/amsterdam/table.tokens.json +20 -0
  47. package/src/components/amsterdam/text-input.tokens.json +2 -8
  48. package/src/components/amsterdam/top-task-link.tokens.json +4 -16
  49. package/src/components/amsterdam/unordered-list.tokens.json +2 -8
  50. package/dist/index.tokens.json +0 -1187
  51. package/dist/tokens.d.ts +0 -1210
  52. package/dist/tokens.js +0 -11291
  53. package/dist/variables.less +0 -499
  54. package/style-dictionary.config.json +0 -101
package/src/components/amsterdam/icon-button.tokens.json ADDED
@@ -0,0 +1,37 @@
1
+ {
2
+ "amsterdam": {
3
+ "icon-button": {
4
+ "color": { "value": "{amsterdam.color.primary-blue}" },
5
+ "outline-offset": { "value": "{amsterdam.focus.outline-offset}" },
6
+ "hover": {
7
+ "background-color": { "value": "rgba(0, 70, 153, 0.125)" },
8
+ "color": { "value": "{amsterdam.color.dark-blue}" }
9
+ },
10
+ "disabled": {
11
+ "color": { "value": "{amsterdam.color.neutral-grey2}" }
12
+ },
13
+ "on-background-light": {
14
+ "color": { "value": "{amsterdam.color.primary-black}" },
15
+ "hover": {
16
+ "background-color": { "value": "rgba(0, 0, 0, 0.125)" },
17
+ "color": { "value": "{amsterdam.color.primary-black}" }
18
+ },
19
+ "disabled": {
20
+ "color": { "value": "{amsterdam.color.neutral-grey2}" }
21
+ }
22
+ },
23
+ "on-background-dark": {
24
+ "background-color": { "value": "{amsterdam.color.primary-blue}" },
25
+ "color": { "value": "{amsterdam.color.primary-white}" },
26
+ "hover": {
27
+ "background-color": { "value": "{amsterdam.color.dark-blue}" },
28
+ "color": { "value": "{amsterdam.color.primary-white}" }
29
+ },
30
+ "disabled": {
31
+ "color": { "value": "{amsterdam.color.primary-white}" },
32
+ "background-color": { "value": "{amsterdam.color.neutral-grey2}" }
33
+ }
34
+ }
35
+ }
36
+ }
37
+ }
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 ADDED
@@ -0,0 +1,45 @@
1
+ {
2
+ "amsterdam": {
3
+ "link-list": {
4
+ "gap": { "value": "0.5em" },
5
+ "link": {
6
+ "color": { "value": "{amsterdam.link-appearance.color}" },
7
+ "font-family": { "value": "{amsterdam.typography.font-family}" },
8
+ "font-weight": { "value": "{amsterdam.typography.font-weight.normal}" },
9
+ "gap": { "value": "0.5em" },
10
+ "outline-offset": { "value": "{amsterdam.focus.outline-offset}" },
11
+ "text-decoration-line": { "value": "{amsterdam.link-appearance.subtle.text-decoration-line}" },
12
+ "text-decoration-thickness": { "value": "{amsterdam.link-appearance.text-decoration-thickness}" },
13
+ "text-underline-offset": { "value": "{amsterdam.link-appearance.text-underline-offset}" },
14
+ "small": {
15
+ "font-size": { "value": "{amsterdam.typography.text-level.6.font-size}" },
16
+ "line-height": { "value": "{amsterdam.typography.text-level.6.line-height}" }
17
+ },
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}" }
25
+ },
26
+ "hover": {
27
+ "color": { "value": "{amsterdam.link-appearance.hover.color}" },
28
+ "text-decoration-line": { "value": "{amsterdam.link-appearance.subtle.hover.text-decoration-line}" }
29
+ },
30
+ "on-background-dark": {
31
+ "color": { "value": "{amsterdam.link-appearance.on-background-dark.color}" },
32
+ "hover": {
33
+ "color": { "value": "{amsterdam.link-appearance.on-background-dark.color}" }
34
+ }
35
+ },
36
+ "on-background-light": {
37
+ "color": { "value": "{amsterdam.link-appearance.on-background-light.color}" },
38
+ "hover": {
39
+ "color": { "value": "{amsterdam.link-appearance.on-background-light.color}" }
40
+ }
41
+ }
42
+ }
43
+ }
44
+ }
45
+ }
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 ADDED
@@ -0,0 +1,12 @@
1
+ {
2
+ "amsterdam": {
3
+ "mega-menu": {
4
+ "list-category": {
5
+ "column-gap": { "value": "{amsterdam.grid.gap}" },
6
+ "column-width": { "value": "20rem" },
7
+ "padding-block-start": { "value": "1rem" },
8
+ "padding-block-end": { "value": "{amsterdam.grid.gap}" }
9
+ }
10
+ }
11
+ }
12
+ }
package/src/components/amsterdam/ordered-list.tokens.json CHANGED
@@ -3,17 +3,11 @@
3
3
  "ordered-list": {
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.5.font-size}" },
6
7
  "font-weight": { "value": "{amsterdam.typography.font-weight.normal}" },
7
8
  "gap": { "value": "0.75rem" },
9
+ "line-height": { "value": "{amsterdam.typography.text-level.5.line-height}" },
8
10
  "list-style-type": { "value": "decimal" },
9
- "spacious": {
10
- "font-size": { "value": "{amsterdam.typography.spacious.text-level.5.font-size}" },
11
- "line-height": { "value": "{amsterdam.typography.spacious.text-level.5.line-height}" }
12
- },
13
- "compact": {
14
- "font-size": { "value": "{amsterdam.typography.compact.text-level.5.font-size}" },
15
- "line-height": { "value": "{amsterdam.typography.compact.text-level.5.line-height}" }
16
- },
17
11
  "item": {
18
12
  "margin-inline-start": {
19
13
  "value": "2.25rem",
package/src/components/amsterdam/page-heading.tokens.json CHANGED
@@ -3,16 +3,10 @@
3
3
  "page-heading": {
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.0.font-size}" },
6
7
  "font-weight": { "value": "{amsterdam.typography.font-weight.bold}" },
7
8
  "inverse-color": { "value": "{amsterdam.color.primary-white}" },
8
- "spacious": {
9
- "font-size": { "value": "{amsterdam.typography.spacious.text-level.0.font-size}" },
10
- "line-height": { "value": "{amsterdam.typography.spacious.text-level.0.font-size}" }
11
- },
12
- "compact": {
13
- "font-size": { "value": "{amsterdam.typography.compact.text-level.0.font-size}" },
14
- "line-height": { "value": "{amsterdam.typography.compact.text-level.0.font-size}" }
15
- }
9
+ "line-height": { "value": "{amsterdam.typography.text-level.0.font-size}" }
16
10
  }
17
11
  }
18
12
  }
package/src/components/amsterdam/page-menu.tokens.json CHANGED
@@ -6,20 +6,14 @@
6
6
  "item": {
7
7
  "color": { "value": "{amsterdam.link-appearance.color}" },
8
8
  "font-family": { "value": "{amsterdam.typography.font-family}" },
9
+ "font-size": { "value": "{amsterdam.typography.text-level.6.font-size}" },
9
10
  "font-weight": { "value": "{amsterdam.typography.font-weight.normal}" },
10
11
  "gap": { "value": "0.5rem" },
12
+ "line-height": { "value": "{amsterdam.typography.text-level.6.line-height}" },
11
13
  "outline-offset": { "value": "{amsterdam.focus.outline-offset}" },
12
14
  "text-decoration-line": { "value": "{amsterdam.link-appearance.subtle.text-decoration-line}" },
13
15
  "text-decoration-thickness": { "value": "{amsterdam.link-appearance.text-decoration-thickness}" },
14
16
  "text-underline-offset": { "value": "{amsterdam.link-appearance.text-underline-offset}" },
15
- "spacious": {
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
- "compact": {
20
- "font-size": { "value": "{amsterdam.typography.compact.text-level.6.font-size}" },
21
- "line-height": { "value": "{amsterdam.typography.compact.text-level.6.line-height}" }
22
- },
23
17
  "hover": {
24
18
  "color": { "value": "{amsterdam.link-appearance.hover.color}" },
25
19
  "text-decoration-line": { "value": "{amsterdam.link-appearance.subtle.hover.text-decoration-line}" }
package/src/components/amsterdam/pagination.tokens.json CHANGED
@@ -3,15 +3,9 @@
3
3
  "pagination": {
4
4
  "color": { "value": "{amsterdam.link-appearance.color}" },
5
5
  "font-family": { "value": "{amsterdam.typography.font-family}" },
6
+ "font-size": { "value": "{amsterdam.typography.text-level.5.font-size}" },
6
7
  "font-weight": { "value": "{amsterdam.typography.font-weight.normal}" },
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
- },
8
+ "line-height": { "value": "{amsterdam.typography.text-level.5.line-height}" },
15
9
  "button": {
16
10
  "outline-offset": { "value": "{amsterdam.focus.outline-offset}" },
17
11
  "text-decoration-line": { "value": "{amsterdam.link-appearance.subtle.text-decoration-line}" },
package/src/components/amsterdam/paragraph.tokens.json CHANGED
@@ -5,33 +5,17 @@
5
5
  "font-family": { "value": "{amsterdam.typography.font-family}" },
6
6
  "font-weight": { "value": "{amsterdam.typography.font-weight.normal}" },
7
7
  "inverse-color": { "value": "{amsterdam.color.primary-white}" },
8
- "spacious": {
9
- "small": {
10
- "font-size": { "value": "{amsterdam.typography.spacious.text-level.6.font-size}" },
11
- "line-height": { "value": "{amsterdam.typography.spacious.text-level.6.line-height}" }
12
- },
13
- "medium": {
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
- "large": {
18
- "font-size": { "value": "{amsterdam.typography.spacious.text-level.4.font-size}" },
19
- "line-height": { "value": "{amsterdam.typography.spacious.text-level.4.line-height}" }
20
- }
8
+ "small": {
9
+ "font-size": { "value": "{amsterdam.typography.text-level.6.font-size}" },
10
+ "line-height": { "value": "{amsterdam.typography.text-level.6.line-height}" }
21
11
  },
22
- "compact": {
23
- "small": {
24
- "font-size": { "value": "{amsterdam.typography.compact.text-level.6.font-size}" },
25
- "line-height": { "value": "{amsterdam.typography.compact.text-level.6.line-height}" }
26
- },
27
- "medium": {
28
- "font-size": { "value": "{amsterdam.typography.compact.text-level.5.font-size}" },
29
- "line-height": { "value": "{amsterdam.typography.compact.text-level.5.line-height}" }
30
- },
31
- "large": {
32
- "font-size": { "value": "{amsterdam.typography.compact.text-level.4.font-size}" },
33
- "line-height": { "value": "{amsterdam.typography.compact.text-level.4.line-height}" }
34
- }
12
+ "medium": {
13
+ "font-size": { "value": "{amsterdam.typography.text-level.5.font-size}" },
14
+ "line-height": { "value": "{amsterdam.typography.text-level.5.line-height}" }
15
+ },
16
+ "large": {
17
+ "font-size": { "value": "{amsterdam.typography.text-level.4.font-size}" },
18
+ "line-height": { "value": "{amsterdam.typography.text-level.4.line-height}" }
35
19
  }
36
20
  }
37
21
  }
package/src/components/amsterdam/search-field.tokens.json CHANGED
@@ -15,15 +15,17 @@
15
15
  },
16
16
  "color": { "value": "{amsterdam.color.primary-black}" },
17
17
  "font-family": { "value": "{amsterdam.typography.font-family}" },
18
+ "font-size": { "value": "{amsterdam.typography.text-level.6.font-size}" },
18
19
  "font-weight": { "value": "{amsterdam.typography.font-weight.normal}" },
20
+ "line-height": { "value": "{amsterdam.typography.text-level.6.line-height}" },
19
21
  "outline-offset": { "value": "{amsterdam.focus.outline-offset}" },
20
22
  "cancel-button": {
21
23
  "background-image": {
22
24
  "value": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23004699' fill-rule='evenodd' d='M29.333 5.47 26.53 2.668 16 13.187 5.47 2.666 2.668 5.47 13.187 16 2.666 26.53l2.804 2.803L16 18.813l10.53 10.52 2.803-2.804L18.813 16z'/></svg>\")"
23
25
  },
24
26
  "color": { "value": "{amsterdam.color.primary-blue}" },
25
- "height": { "value": "{amsterdam.typography.spacious.text-level.6.font-size}" },
26
- "width": { "value": "{amsterdam.typography.spacious.text-level.6.font-size}" }
27
+ "height": { "value": "{amsterdam.typography.text-level.6.font-size}" },
28
+ "width": { "value": "{amsterdam.typography.text-level.6.font-size}" }
27
29
  },
28
30
  "hover": {
29
31
  "box-shadow": {
@@ -32,14 +34,6 @@
32
34
  },
33
35
  "placeholder": {
34
36
  "color": { "value": "{amsterdam.color.neutral-grey3}" }
35
- },
36
- "compact": {
37
- "font-size": { "value": "{amsterdam.typography.compact.text-level.6.font-size}" },
38
- "line-height": { "value": "{amsterdam.typography.compact.text-level.6.line-height}" }
39
- },
40
- "spacious": {
41
- "font-size": { "value": "{amsterdam.typography.spacious.text-level.6.font-size}" },
42
- "line-height": { "value": "{amsterdam.typography.spacious.text-level.6.line-height}" }
43
37
  }
44
38
  }
45
39
  }
package/src/components/amsterdam/skip-link.tokens.json CHANGED
@@ -5,13 +5,9 @@
5
5
  "color": { "value": "{amsterdam.color.primary-white}" },
6
6
  "font-family": { "value": "{amsterdam.typography.font-family}" },
7
7
  "font-weight": { "value": "{amsterdam.typography.font-weight.normal}" },
8
- "font-size": { "value": "{amsterdam.typography.spacious.text-level.6.font-size}" },
9
- "line-height": { "value": "{amsterdam.typography.spacious.text-level.6.line-height}" },
8
+ "font-size": { "value": "{amsterdam.typography.text-level.6.font-size}" },
9
+ "line-height": { "value": "{amsterdam.typography.text-level.6.line-height}" },
10
10
  "outline-offset": { "value": "{amsterdam.focus.outline-offset}" },
11
- "compact": {
12
- "font-size": { "value": "{amsterdam.typography.compact.text-level.6.font-size}" },
13
- "line-height": { "value": "{amsterdam.typography.compact.text-level.6.line-height}" }
14
- },
15
11
  "hover": {
16
12
  "background-color": { "value": "{amsterdam.color.dark-blue}" }
17
13
  }
package/src/components/amsterdam/spotlight.tokens.json CHANGED
@@ -2,6 +2,9 @@
2
2
  "amsterdam": {
3
3
  "spotlight": {
4
4
  "blue": {
5
+ "background-color": { "value": "{amsterdam.color.blue}" }
6
+ },
7
+ "dark-blue": {
5
8
  "background-color": { "value": "{amsterdam.color.primary-blue}" }
6
9
  },
7
10
  "dark-green": {
@@ -10,9 +13,6 @@
10
13
  "green": {
11
14
  "background-color": { "value": "{amsterdam.color.green}" }
12
15
  },
13
- "light-blue": {
14
- "background-color": { "value": "{amsterdam.color.blue}" }
15
- },
16
16
  "magenta": {
17
17
  "background-color": { "value": "{amsterdam.color.magenta}" }
18
18
  },
package/src/components/amsterdam/table.tokens.json ADDED
@@ -0,0 +1,20 @@
1
+ {
2
+ "amsterdam": {
3
+ "table": {
4
+ "color": { "value": "{amsterdam.color.primary-black}" },
5
+ "font-family": { "value": "{amsterdam.typography.font-family}" },
6
+ "font-weight": { "value": "{amsterdam.typography.font-weight.normal}" },
7
+ "font-size": { "value": "{amsterdam.typography.text-level.5.font-size}" },
8
+ "line-height": { "value": "{amsterdam.typography.text-level.5.line-height}" },
9
+ "caption": {
10
+ "font-weight": { "value": "{amsterdam.typography.font-weight.bold}" }
11
+ },
12
+ "cell": {
13
+ "border-bottom": { "value": "1px solid {amsterdam.color.neutral-grey1}" }
14
+ },
15
+ "header-cell": {
16
+ "font-weight": { "value": "{amsterdam.typography.font-weight.bold}" }
17
+ }
18
+ }
19
+ }
20
+ }
package/src/components/amsterdam/text-input.tokens.json CHANGED
@@ -4,7 +4,9 @@
4
4
  "box-shadow": { "value": "inset 0 0 0 1px {amsterdam.color.primary-black}" },
5
5
  "color": { "value": "{amsterdam.color.primary-black}" },
6
6
  "font-family": { "value": "{amsterdam.typography.font-family}" },
7
+ "font-size": { "value": "{amsterdam.typography.text-level.6.font-size}" },
7
8
  "font-weight": { "value": "{amsterdam.typography.font-weight.normal}" },
9
+ "line-height": { "value": "{amsterdam.typography.text-level.6.line-height}" },
8
10
  "outline-offset": { "value": "{amsterdam.focus.outline-offset}" },
9
11
  "disabled": {
10
12
  "background-color": { "value": "{amsterdam.color.primary-white}" },
@@ -22,14 +24,6 @@
22
24
  },
23
25
  "placeholder": {
24
26
  "color": { "value": "{amsterdam.color.neutral-grey3}" }
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
- },
30
- "spacious": {
31
- "font-size": { "value": "{amsterdam.typography.spacious.text-level.6.font-size}" },
32
- "line-height": { "value": "{amsterdam.typography.spacious.text-level.6.line-height}" }
33
27
  }
34
28
  }
35
29
  }
package/src/components/amsterdam/top-task-link.tokens.json CHANGED
@@ -4,34 +4,22 @@
4
4
  "description": {
5
5
  "color": { "value": "{amsterdam.color.primary-black}" },
6
6
  "font-family": { "value": "{amsterdam.typography.font-family}" },
7
+ "font-size": { "value": "{amsterdam.typography.text-level.6.font-size}" },
7
8
  "font-weight": { "value": "{amsterdam.typography.font-weight.normal}" },
8
- "spacious": {
9
- "font-size": { "value": "{amsterdam.typography.spacious.text-level.6.font-size}" },
10
- "line-height": { "value": "{amsterdam.typography.spacious.text-level.6.line-height}" }
11
- },
12
- "compact": {
13
- "font-size": { "value": "{amsterdam.typography.compact.text-level.6.font-size}" },
14
- "line-height": { "value": "{amsterdam.typography.compact.text-level.6.line-height}" }
15
- }
9
+ "line-height": { "value": "{amsterdam.typography.text-level.6.line-height}" }
16
10
  },
17
11
  "label": {
18
12
  "color": { "value": "{amsterdam.link-appearance.color}" },
19
13
  "font-family": { "value": "{amsterdam.typography.font-family}" },
14
+ "font-size": { "value": "{amsterdam.typography.text-level.4.font-size}" },
20
15
  "font-weight": { "value": "{amsterdam.typography.font-weight.bold}" },
16
+ "line-height": { "value": "{amsterdam.typography.text-level.4.line-height}" },
21
17
  "text-decoration-line": { "value": "{amsterdam.link-appearance.subtle.text-decoration-line}" },
22
18
  "text-decoration-thickness": { "value": "{amsterdam.link-appearance.text-decoration-thickness}" },
23
19
  "text-underline-offset": { "value": "{amsterdam.link-appearance.text-underline-offset}" },
24
20
  "hover": {
25
21
  "color": { "value": "{amsterdam.color.dark-blue}" },
26
22
  "text-decoration-line": { "value": "{amsterdam.link-appearance.subtle.hover.text-decoration-line}" }
27
- },
28
- "spacious": {
29
- "font-size": { "value": "{amsterdam.typography.spacious.text-level.4.font-size}" },
30
- "line-height": { "value": "{amsterdam.typography.spacious.text-level.4.line-height}" }
31
- },
32
- "compact": {
33
- "font-size": { "value": "{amsterdam.typography.compact.text-level.4.font-size}" },
34
- "line-height": { "value": "{amsterdam.typography.compact.text-level.4.line-height}" }
35
23
  }
36
24
  },
37
25
  "outline-offset": { "value": "{amsterdam.focus.outline-offset}" }
package/src/components/amsterdam/unordered-list.tokens.json CHANGED
@@ -3,17 +3,11 @@
3
3
  "unordered-list": {
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.5.font-size}" },
6
7
  "font-weight": { "value": "{amsterdam.typography.font-weight.normal}" },
7
8
  "gap": { "value": "0.75rem" },
9
+ "line-height": { "value": "{amsterdam.typography.text-level.5.line-height}" },
8
10
  "list-style-type": { "value": "'\\2022'" },
9
- "spacious": {
10
- "font-size": { "value": "{amsterdam.typography.spacious.text-level.5.font-size}" },
11
- "line-height": { "value": "{amsterdam.typography.spacious.text-level.5.line-height}" }
12
- },
13
- "compact": {
14
- "font-size": { "value": "{amsterdam.typography.compact.text-level.5.font-size}" },
15
- "line-height": { "value": "{amsterdam.typography.compact.text-level.5.line-height}" }
16
- },
17
11
  "item": {
18
12
  "margin-inline-start": {
19
13
  "value": "1.625rem",