@amsterdam/design-system-tokens 3.0.0 → 3.2.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 (107) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/README.md +45 -1
  3. package/build.js +25 -35
  4. package/dist/compact.css +2 -2
  5. package/dist/compact.d.ts +3 -3
  6. package/dist/compact.mjs +2 -2
  7. package/dist/compact.scss +2 -2
  8. package/dist/compact.theme.css +2 -2
  9. package/dist/index.css +118 -47
  10. package/dist/index.d.ts +174 -9
  11. package/dist/index.json +197 -32
  12. package/dist/index.mjs +176 -70
  13. package/dist/index.scss +118 -47
  14. package/dist/index.theme.css +118 -47
  15. package/package.json +2 -2
  16. package/src/brand/ams/aspect-ratio.tokens.json +18 -6
  17. package/src/brand/ams/border.compact.tokens.json +36 -4
  18. package/src/brand/ams/border.tokens.json +36 -4
  19. package/src/brand/ams/color.deprecated.tokens.json +3 -2
  20. package/src/brand/ams/color.tokens.json +106 -23
  21. package/src/brand/ams/cursor.tokens.json +6 -2
  22. package/src/brand/ams/focus.tokens.json +10 -1
  23. package/src/brand/ams/space.compact.tokens.json +30 -6
  24. package/src/brand/ams/space.tokens.json +24 -6
  25. package/src/brand/ams/typography.compact.tokens.json +110 -18
  26. package/src/brand/ams/typography.deprecated.compact.tokens.json +10 -4
  27. package/src/brand/ams/typography.deprecated.tokens.json +20 -8
  28. package/src/brand/ams/typography.tokens.json +131 -24
  29. package/src/common/ams/inputs.tokens.json +121 -18
  30. package/src/common/ams/links.tokens.json +72 -12
  31. package/src/components/ams/accordion.deprecated.tokens.json +29 -7
  32. package/src/components/ams/accordion.tokens.json +46 -8
  33. package/src/components/ams/action-group.tokens.json +7 -1
  34. package/src/components/ams/alert.tokens.json +83 -16
  35. package/src/components/ams/avatar.tokens.json +139 -31
  36. package/src/components/ams/badge.tokens.json +98 -21
  37. package/src/components/ams/blockquote.tokens.json +28 -6
  38. package/src/components/ams/breadcrumb.tokens.json +68 -15
  39. package/src/components/ams/button.tokens.json +176 -34
  40. package/src/components/ams/call-to-action-link.tokens.json +73 -14
  41. package/src/components/ams/card.tokens.json +60 -11
  42. package/src/components/ams/character-count.tokens.json +28 -6
  43. package/src/components/ams/checkbox.deprecated.tokens.json +23 -7
  44. package/src/components/ams/checkbox.tokens.json +154 -36
  45. package/src/components/ams/column.tokens.json +35 -5
  46. package/src/components/ams/date-input.deprecated.tokens.json +14 -8
  47. package/src/components/ams/date-input.tokens.json +92 -25
  48. package/src/components/ams/description-list.tokens.json +86 -13
  49. package/src/components/ams/dialog.tokens.json +144 -23
  50. package/src/components/ams/error-message.tokens.json +31 -6
  51. package/src/components/ams/field-set.deprecated.tokens.json +8 -1
  52. package/src/components/ams/field-set.tokens.json +69 -13
  53. package/src/components/ams/field.deprecated.tokens.json +8 -1
  54. package/src/components/ams/field.tokens.json +24 -4
  55. package/src/components/ams/figure.tokens.json +35 -7
  56. package/src/components/ams/file-input.tokens.json +143 -29
  57. package/src/components/ams/file-list.tokens.json +49 -9
  58. package/src/components/ams/grid.compact.tokens.json +7 -1
  59. package/src/components/ams/grid.tokens.json +79 -13
  60. package/src/components/ams/heading.tokens.json +91 -17
  61. package/src/components/ams/hint.tokens.json +8 -2
  62. package/src/components/ams/icon-button.tokens.json +69 -17
  63. package/src/components/ams/icon.deprecated.tokens.json +10 -4
  64. package/src/components/ams/icon.tokens.json +112 -19
  65. package/src/components/ams/image-slider.tokens.json +60 -10
  66. package/src/components/ams/image.tokens.json +3 -1
  67. package/src/components/ams/invalid-form-alert.tokens.json +7 -1
  68. package/src/components/ams/label.tokens.json +31 -7
  69. package/src/components/ams/link-list.tokens.json +106 -21
  70. package/src/components/ams/link.tokens.json +73 -15
  71. package/src/components/ams/logo.tokens.json +23 -5
  72. package/src/components/ams/mark.tokens.json +4 -1
  73. package/src/components/ams/menu.deprecated.tokens.json +12 -8
  74. package/src/components/ams/menu.tokens.json +119 -21
  75. package/src/components/ams/ordered-list.tokens.json +110 -22
  76. package/src/components/ams/page-footer.tokens.json +98 -18
  77. package/src/components/ams/page-header.compact.tokens.json +19 -3
  78. package/src/components/ams/page-header.tokens.json +214 -34
  79. package/src/components/ams/page-heading.deprecated.tokens.json +38 -8
  80. package/src/components/ams/page.tokens.json +24 -5
  81. package/src/components/ams/pagination.tokens.json +70 -14
  82. package/src/components/ams/paragraph.tokens.json +55 -11
  83. package/src/components/ams/password-input.tokens.json +92 -19
  84. package/src/components/ams/progress-list.tokens.json +372 -0
  85. package/src/components/ams/radio.tokens.json +142 -33
  86. package/src/components/ams/row.tokens.json +35 -5
  87. package/src/components/ams/search-field.tokens.json +101 -22
  88. package/src/components/ams/select.tokens.json +97 -24
  89. package/src/components/ams/skip-link.tokens.json +53 -10
  90. package/src/components/ams/spotlight.tokens.json +28 -7
  91. package/src/components/ams/standalone-link.deprecated.tokens.json +16 -10
  92. package/src/components/ams/standalone-link.tokens.json +75 -16
  93. package/src/components/ams/switch.tokens.json +57 -12
  94. package/src/components/ams/table-of-contents.deprecated.tokens.json +16 -3
  95. package/src/components/ams/table-of-contents.tokens.json +80 -15
  96. package/src/components/ams/table.tokens.json +49 -10
  97. package/src/components/ams/tabs.tokens.json +130 -17
  98. package/src/components/ams/text-area.tokens.json +97 -20
  99. package/src/components/ams/text-input.tokens.json +90 -19
  100. package/src/components/ams/time-input.deprecated.tokens.json +14 -8
  101. package/src/components/ams/time-input.tokens.json +90 -25
  102. package/src/components/ams/unordered-list.tokens.json +112 -22
  103. package/style-dictionary/dimensionToString.js +25 -0
  104. package/style-dictionary/transforms/dtcg-dimension.js +30 -0
  105. package/style-dictionary/transforms/name-custom-camel.js +27 -0
  106. package/style-dictionary/transforms/name-custom-kebab.js +27 -0
  107. package/style-dictionary/transforms/shadow-dtcg-dimension-normalize.js +50 -0
package/src/components/ams/file-list.tokens.json CHANGED
@@ -1,19 +1,59 @@
1
1
  {
2
2
  "ams": {
3
3
  "file-list": {
4
- "gap": { "value": "{ams.space.m}" },
5
- "padding-block": { "value": "{ams.space.m}" },
4
+ "gap": {
5
+ "$value": "{ams.space.m}",
6
+ "$type": "dimension",
7
+ "$extensions": {
8
+ "nl.amsterdam.subtype": "space"
9
+ }
10
+ },
11
+ "padding-block": {
12
+ "$value": "{ams.space.m}",
13
+ "$type": "dimension",
14
+ "$extensions": {
15
+ "nl.amsterdam.subtype": "space"
16
+ }
17
+ },
6
18
  "file": {
7
- "font-family": { "value": "{ams.typography.font-family}" },
8
- "font-size": { "value": "{ams.typography.body-text.small.font-size}" },
9
- "font-weight": { "value": "{ams.typography.body-text.font-weight}" },
10
- "gap": { "value": "{ams.space.s}" },
11
- "line-height": { "value": "{ams.typography.body-text.small.line-height}" },
19
+ "font-family": {
20
+ "$value": "{ams.typography.font-family}",
21
+ "$type": "fontFamily"
22
+ },
23
+ "font-size": {
24
+ "$value": "{ams.typography.body-text.small.font-size}",
25
+ "$extensions": {
26
+ "nl.amsterdam.type": "fontSize"
27
+ }
28
+ },
29
+ "font-weight": {
30
+ "$value": "{ams.typography.body-text.font-weight}",
31
+ "$type": "fontWeight"
32
+ },
33
+ "gap": {
34
+ "$value": "{ams.space.s}",
35
+ "$type": "dimension",
36
+ "$extensions": {
37
+ "nl.amsterdam.subtype": "space"
38
+ }
39
+ },
40
+ "line-height": {
41
+ "$value": "{ams.typography.body-text.small.line-height}",
42
+ "$extensions": {
43
+ "nl.amsterdam.type": "lineHeight"
44
+ }
45
+ },
12
46
  "details": {
13
- "color": { "value": "{ams.color.text.secondary}" }
47
+ "color": {
48
+ "$value": "{ams.color.text.secondary}",
49
+ "$type": "color"
50
+ }
14
51
  },
15
52
  "preview": {
16
- "width": { "value": "clamp(2.5rem, 10vw, 5rem)" }
53
+ "width": {
54
+ "$value": "clamp(2.5rem, 10vw, 5rem)",
55
+ "$type": "dimension"
56
+ }
17
57
  }
18
58
  }
19
59
  }
package/src/components/ams/grid.compact.tokens.json CHANGED
@@ -1,7 +1,13 @@
1
1
  {
2
2
  "ams": {
3
3
  "grid": {
4
- "padding-inline": { "value": "{ams.space.xl}" }
4
+ "padding-inline": {
5
+ "$value": "{ams.space.xl}",
6
+ "$type": "dimension",
7
+ "$extensions": {
8
+ "nl.amsterdam.subtype": "space"
9
+ }
10
+ }
5
11
  }
6
12
  }
7
13
  }
package/src/components/ams/grid.tokens.json CHANGED
@@ -1,26 +1,92 @@
1
1
  {
2
2
  "ams": {
3
3
  "grid": {
4
- "column-count": { "value": "4" },
5
- "column-gap": { "value": "{ams.space.xl}" },
4
+ "column-count": {
5
+ "$value": "4"
6
+ },
7
+ "column-gap": {
8
+ "$value": "{ams.space.xl}",
9
+ "$type": "dimension",
10
+ "$extensions": {
11
+ "nl.amsterdam.subtype": "space"
12
+ }
13
+ },
6
14
  "padding-block": {
7
- "l": { "value": "{ams.space.l}" },
8
- "xl": { "value": "{ams.space.xl}" },
9
- "2xl": { "value": "{ams.space.2xl}" }
15
+ "l": {
16
+ "$value": "{ams.space.l}",
17
+ "$type": "dimension",
18
+ "$extensions": {
19
+ "nl.amsterdam.subtype": "space"
20
+ }
21
+ },
22
+ "xl": {
23
+ "$value": "{ams.space.xl}",
24
+ "$type": "dimension",
25
+ "$extensions": {
26
+ "nl.amsterdam.subtype": "space"
27
+ }
28
+ },
29
+ "2xl": {
30
+ "$value": "{ams.space.2xl}",
31
+ "$type": "dimension",
32
+ "$extensions": {
33
+ "nl.amsterdam.subtype": "space"
34
+ }
35
+ }
36
+ },
37
+ "padding-inline": {
38
+ "$value": "{ams.space.l}",
39
+ "$type": "dimension",
40
+ "$extensions": {
41
+ "nl.amsterdam.subtype": "space"
42
+ }
10
43
  },
11
- "padding-inline": { "value": "{ams.space.l}" },
12
44
  "row-gap": {
13
- "l": { "value": "{ams.space.l}" },
14
- "xl": { "value": "{ams.space.xl}" },
15
- "2xl": { "value": "{ams.space.2xl}" }
45
+ "l": {
46
+ "$value": "{ams.space.l}",
47
+ "$type": "dimension",
48
+ "$extensions": {
49
+ "nl.amsterdam.subtype": "space"
50
+ }
51
+ },
52
+ "xl": {
53
+ "$value": "{ams.space.xl}",
54
+ "$type": "dimension",
55
+ "$extensions": {
56
+ "nl.amsterdam.subtype": "space"
57
+ }
58
+ },
59
+ "2xl": {
60
+ "$value": "{ams.space.2xl}",
61
+ "$type": "dimension",
62
+ "$extensions": {
63
+ "nl.amsterdam.subtype": "space"
64
+ }
65
+ }
16
66
  },
17
67
  "medium": {
18
- "column-count": { "value": "8" },
19
- "padding-inline": { "value": "{ams.space.xl}" }
68
+ "column-count": {
69
+ "$value": "8"
70
+ },
71
+ "padding-inline": {
72
+ "$value": "{ams.space.xl}",
73
+ "$type": "dimension",
74
+ "$extensions": {
75
+ "nl.amsterdam.subtype": "space"
76
+ }
77
+ }
20
78
  },
21
79
  "wide": {
22
- "column-count": { "value": "12" },
23
- "padding-inline": { "value": "{ams.space.2xl}" }
80
+ "column-count": {
81
+ "$value": "12"
82
+ },
83
+ "padding-inline": {
84
+ "$value": "{ams.space.2xl}",
85
+ "$type": "dimension",
86
+ "$extensions": {
87
+ "nl.amsterdam.subtype": "space"
88
+ }
89
+ }
24
90
  }
25
91
  }
26
92
  }
package/src/components/ams/heading.tokens.json CHANGED
@@ -1,36 +1,110 @@
1
1
  {
2
2
  "ams": {
3
3
  "heading": {
4
- "color": { "value": "{ams.color.text.default}" },
5
- "font-family": { "value": "{ams.typography.font-family}" },
6
- "font-weight": { "value": "{ams.typography.heading.font-weight}" },
7
- "text-wrap": { "value": "{ams.typography.heading.text-wrap}" },
4
+ "color": {
5
+ "$value": "{ams.color.text.default}",
6
+ "$type": "color"
7
+ },
8
+ "font-family": {
9
+ "$value": "{ams.typography.font-family}",
10
+ "$type": "fontFamily"
11
+ },
12
+ "font-weight": {
13
+ "$value": "{ams.typography.heading.font-weight}",
14
+ "$type": "fontWeight"
15
+ },
16
+ "text-wrap": {
17
+ "$value": "{ams.typography.heading.text-wrap}"
18
+ },
8
19
  "inverse": {
9
- "color": { "value": "{ams.color.text.inverse}" }
20
+ "color": {
21
+ "$value": "{ams.color.text.inverse}",
22
+ "$type": "color"
23
+ }
10
24
  },
11
25
  "1": {
12
- "font-size": { "value": "{ams.typography.heading.1.font-size}" },
13
- "line-height": { "value": "{ams.typography.heading.1.line-height}" }
26
+ "font-size": {
27
+ "$value": "{ams.typography.heading.1.font-size}",
28
+ "$extensions": {
29
+ "nl.amsterdam.type": "fontSize"
30
+ }
31
+ },
32
+ "line-height": {
33
+ "$value": "{ams.typography.heading.1.line-height}",
34
+ "$extensions": {
35
+ "nl.amsterdam.type": "lineHeight"
36
+ }
37
+ }
14
38
  },
15
39
  "2": {
16
- "font-size": { "value": "{ams.typography.heading.2.font-size}" },
17
- "line-height": { "value": "{ams.typography.heading.2.line-height}" }
40
+ "font-size": {
41
+ "$value": "{ams.typography.heading.2.font-size}",
42
+ "$extensions": {
43
+ "nl.amsterdam.type": "fontSize"
44
+ }
45
+ },
46
+ "line-height": {
47
+ "$value": "{ams.typography.heading.2.line-height}",
48
+ "$extensions": {
49
+ "nl.amsterdam.type": "lineHeight"
50
+ }
51
+ }
18
52
  },
19
53
  "3": {
20
- "font-size": { "value": "{ams.typography.heading.3.font-size}" },
21
- "line-height": { "value": "{ams.typography.heading.3.line-height}" }
54
+ "font-size": {
55
+ "$value": "{ams.typography.heading.3.font-size}",
56
+ "$extensions": {
57
+ "nl.amsterdam.type": "fontSize"
58
+ }
59
+ },
60
+ "line-height": {
61
+ "$value": "{ams.typography.heading.3.line-height}",
62
+ "$extensions": {
63
+ "nl.amsterdam.type": "lineHeight"
64
+ }
65
+ }
22
66
  },
23
67
  "4": {
24
- "font-size": { "value": "{ams.typography.heading.4.font-size}" },
25
- "line-height": { "value": "{ams.typography.heading.4.line-height}" }
68
+ "font-size": {
69
+ "$value": "{ams.typography.heading.4.font-size}",
70
+ "$extensions": {
71
+ "nl.amsterdam.type": "fontSize"
72
+ }
73
+ },
74
+ "line-height": {
75
+ "$value": "{ams.typography.heading.4.line-height}",
76
+ "$extensions": {
77
+ "nl.amsterdam.type": "lineHeight"
78
+ }
79
+ }
26
80
  },
27
81
  "5": {
28
- "font-size": { "value": "{ams.typography.heading.5.font-size}" },
29
- "line-height": { "value": "{ams.typography.heading.5.line-height}" }
82
+ "font-size": {
83
+ "$value": "{ams.typography.heading.5.font-size}",
84
+ "$extensions": {
85
+ "nl.amsterdam.type": "fontSize"
86
+ }
87
+ },
88
+ "line-height": {
89
+ "$value": "{ams.typography.heading.5.line-height}",
90
+ "$extensions": {
91
+ "nl.amsterdam.type": "lineHeight"
92
+ }
93
+ }
30
94
  },
31
95
  "6": {
32
- "font-size": { "value": "{ams.typography.heading.6.font-size}" },
33
- "line-height": { "value": "{ams.typography.heading.6.line-height}" }
96
+ "font-size": {
97
+ "$value": "{ams.typography.heading.6.font-size}",
98
+ "$extensions": {
99
+ "nl.amsterdam.type": "fontSize"
100
+ }
101
+ },
102
+ "line-height": {
103
+ "$value": "{ams.typography.heading.6.line-height}",
104
+ "$extensions": {
105
+ "nl.amsterdam.type": "lineHeight"
106
+ }
107
+ }
34
108
  }
35
109
  }
36
110
  }
package/src/components/ams/hint.tokens.json CHANGED
@@ -1,9 +1,15 @@
1
1
  {
2
2
  "ams": {
3
3
  "hint": {
4
- "font-weight": { "value": "{ams.typography.body-text.font-weight}" },
4
+ "font-weight": {
5
+ "$value": "{ams.typography.body-text.font-weight}",
6
+ "$type": "fontWeight"
7
+ },
5
8
  "in-fieldset": {
6
- "color": { "value": "{ams.color.text.secondary}" }
9
+ "color": {
10
+ "$value": "{ams.color.text.secondary}",
11
+ "$type": "color"
12
+ }
7
13
  }
8
14
  }
9
15
  }
package/src/components/ams/icon-button.tokens.json CHANGED
@@ -1,37 +1,89 @@
1
1
  {
2
2
  "ams": {
3
3
  "icon-button": {
4
- "color": { "value": "{ams.color.interactive.default}" },
5
- "cursor": { "value": "{ams.cursor.interactive}" },
6
- "outline-offset": { "value": "{ams.focus.outline-offset}" },
4
+ "color": {
5
+ "$value": "{ams.color.interactive.default}",
6
+ "$type": "color"
7
+ },
8
+ "cursor": {
9
+ "$value": "{ams.cursor.interactive}"
10
+ },
11
+ "outline-offset": {
12
+ "$value": "{ams.focus.outline-offset}",
13
+ "$type": "dimension",
14
+ "$extensions": {
15
+ "nl.amsterdam.subtype": "space"
16
+ }
17
+ },
7
18
  "hover": {
8
- "background-color": { "value": "rgb(0 70 153 / 12.5%)" },
9
- "color": { "value": "{ams.color.interactive.hover}" }
19
+ "background-color": {
20
+ "$value": "rgb(0 70 153 / 12.5%)",
21
+ "$type": "color"
22
+ },
23
+ "color": {
24
+ "$value": "{ams.color.interactive.hover}",
25
+ "$type": "color"
26
+ }
10
27
  },
11
28
  "disabled": {
12
- "color": { "value": "{ams.color.interactive.disabled}" },
13
- "cursor": { "value": "{ams.cursor.disabled}" }
29
+ "color": {
30
+ "$value": "{ams.color.interactive.disabled}",
31
+ "$type": "color"
32
+ },
33
+ "cursor": {
34
+ "$value": "{ams.cursor.disabled}"
35
+ }
14
36
  },
15
37
  "contrast": {
16
- "color": { "value": "{ams.color.interactive.contrast}" },
38
+ "color": {
39
+ "$value": "{ams.color.interactive.contrast}",
40
+ "$type": "color"
41
+ },
17
42
  "hover": {
18
- "background-color": { "value": "rgb(0 0 0 / 12.5%)" },
19
- "color": { "value": "{ams.color.interactive.contrast}" }
43
+ "background-color": {
44
+ "$value": "rgb(0 0 0 / 12.5%)",
45
+ "$type": "color"
46
+ },
47
+ "color": {
48
+ "$value": "{ams.color.interactive.contrast}",
49
+ "$type": "color"
50
+ }
20
51
  },
21
52
  "disabled": {
22
- "color": { "value": "{ams.color.interactive.disabled}" }
53
+ "color": {
54
+ "$value": "{ams.color.interactive.disabled}",
55
+ "$type": "color"
56
+ }
23
57
  }
24
58
  },
25
59
  "inverse": {
26
- "background-color": { "value": "{ams.color.interactive.default}" },
27
- "color": { "value": "{ams.color.interactive.inverse}" },
60
+ "background-color": {
61
+ "$value": "{ams.color.interactive.default}",
62
+ "$type": "color"
63
+ },
64
+ "color": {
65
+ "$value": "{ams.color.interactive.inverse}",
66
+ "$type": "color"
67
+ },
28
68
  "hover": {
29
- "background-color": { "value": "{ams.color.interactive.hover}" },
30
- "color": { "value": "{ams.color.interactive.inverse}" }
69
+ "background-color": {
70
+ "$value": "{ams.color.interactive.hover}",
71
+ "$type": "color"
72
+ },
73
+ "color": {
74
+ "$value": "{ams.color.interactive.inverse}",
75
+ "$type": "color"
76
+ }
31
77
  },
32
78
  "disabled": {
33
- "color": { "value": "{ams.color.interactive.inverse}" },
34
- "background-color": { "value": "{ams.color.interactive.disabled}" }
79
+ "color": {
80
+ "$value": "{ams.color.interactive.inverse}",
81
+ "$type": "color"
82
+ },
83
+ "background-color": {
84
+ "$value": "{ams.color.interactive.disabled}",
85
+ "$type": "color"
86
+ }
35
87
  }
36
88
  }
37
89
  }
package/src/components/ams/icon.deprecated.tokens.json CHANGED
@@ -3,12 +3,18 @@
3
3
  "icon": {
4
4
  "heading-0": {
5
5
  "font-size": {
6
- "comment": "Deprecated. Use ‘heading 1’ instead.",
7
- "value": "{ams.typography.heading.0.font-size}"
6
+ "$deprecated": "Use `ams.typography.heading.1.font-size` instead.",
7
+ "$value": "{ams.typography.heading.0.font-size}",
8
+ "$extensions": {
9
+ "nl.amsterdam.type": "fontSize"
10
+ }
8
11
  },
9
12
  "line-height": {
10
- "comment": "Deprecated. Use ‘heading 1’ instead.",
11
- "value": "{ams.typography.heading.0.line-height}"
13
+ "$deprecated": "Use `ams.typography.heading.1.line-height` instead.",
14
+ "$value": "{ams.typography.heading.0.line-height}",
15
+ "$extensions": {
16
+ "nl.amsterdam.type": "lineHeight"
17
+ }
12
18
  }
13
19
  }
14
20
  }
package/src/components/ams/icon.tokens.json CHANGED
@@ -1,42 +1,135 @@
1
1
  {
2
2
  "ams": {
3
3
  "icon": {
4
- "font-size": { "value": "{ams.typography.body-text.font-size}" },
5
- "line-height": { "value": "{ams.typography.body-text.line-height}" },
4
+ "font-size": {
5
+ "$value": "{ams.typography.body-text.font-size}",
6
+ "$extensions": {
7
+ "nl.amsterdam.type": "fontSize"
8
+ }
9
+ },
10
+ "line-height": {
11
+ "$value": "{ams.typography.body-text.line-height}",
12
+ "$extensions": {
13
+ "nl.amsterdam.type": "lineHeight"
14
+ }
15
+ },
6
16
  "small": {
7
- "font-size": { "value": "{ams.typography.body-text.small.font-size}" },
8
- "line-height": { "value": "{ams.typography.body-text.small.line-height}" }
17
+ "font-size": {
18
+ "$value": "{ams.typography.body-text.small.font-size}",
19
+ "$extensions": {
20
+ "nl.amsterdam.type": "fontSize"
21
+ }
22
+ },
23
+ "line-height": {
24
+ "$value": "{ams.typography.body-text.small.line-height}",
25
+ "$extensions": {
26
+ "nl.amsterdam.type": "lineHeight"
27
+ }
28
+ }
9
29
  },
10
30
  "large": {
11
- "font-size": { "value": "{ams.typography.body-text.large.font-size}" },
12
- "line-height": { "value": "{ams.typography.body-text.large.line-height}" }
31
+ "font-size": {
32
+ "$value": "{ams.typography.body-text.large.font-size}",
33
+ "$extensions": {
34
+ "nl.amsterdam.type": "fontSize"
35
+ }
36
+ },
37
+ "line-height": {
38
+ "$value": "{ams.typography.body-text.large.line-height}",
39
+ "$extensions": {
40
+ "nl.amsterdam.type": "lineHeight"
41
+ }
42
+ }
13
43
  },
14
44
  "heading-1": {
15
- "font-size": { "value": "{ams.typography.heading.1.font-size}" },
16
- "line-height": { "value": "{ams.typography.heading.1.line-height}" }
45
+ "font-size": {
46
+ "$value": "{ams.typography.heading.1.font-size}",
47
+ "$extensions": {
48
+ "nl.amsterdam.type": "fontSize"
49
+ }
50
+ },
51
+ "line-height": {
52
+ "$value": "{ams.typography.heading.1.line-height}",
53
+ "$extensions": {
54
+ "nl.amsterdam.type": "lineHeight"
55
+ }
56
+ }
17
57
  },
18
58
  "heading-2": {
19
- "font-size": { "value": "{ams.typography.heading.2.font-size}" },
20
- "line-height": { "value": "{ams.typography.heading.2.line-height}" }
59
+ "font-size": {
60
+ "$value": "{ams.typography.heading.2.font-size}",
61
+ "$extensions": {
62
+ "nl.amsterdam.type": "fontSize"
63
+ }
64
+ },
65
+ "line-height": {
66
+ "$value": "{ams.typography.heading.2.line-height}",
67
+ "$extensions": {
68
+ "nl.amsterdam.type": "lineHeight"
69
+ }
70
+ }
21
71
  },
22
72
  "heading-3": {
23
- "font-size": { "value": "{ams.typography.heading.3.font-size}" },
24
- "line-height": { "value": "{ams.typography.heading.3.line-height}" }
73
+ "font-size": {
74
+ "$value": "{ams.typography.heading.3.font-size}",
75
+ "$extensions": {
76
+ "nl.amsterdam.type": "fontSize"
77
+ }
78
+ },
79
+ "line-height": {
80
+ "$value": "{ams.typography.heading.3.line-height}",
81
+ "$extensions": {
82
+ "nl.amsterdam.type": "lineHeight"
83
+ }
84
+ }
25
85
  },
26
86
  "heading-4": {
27
- "font-size": { "value": "{ams.typography.heading.4.font-size}" },
28
- "line-height": { "value": "{ams.typography.heading.4.line-height}" }
87
+ "font-size": {
88
+ "$value": "{ams.typography.heading.4.font-size}",
89
+ "$extensions": {
90
+ "nl.amsterdam.type": "fontSize"
91
+ }
92
+ },
93
+ "line-height": {
94
+ "$value": "{ams.typography.heading.4.line-height}",
95
+ "$extensions": {
96
+ "nl.amsterdam.type": "lineHeight"
97
+ }
98
+ }
29
99
  },
30
100
  "heading-5": {
31
- "font-size": { "value": "{ams.typography.heading.5.font-size}" },
32
- "line-height": { "value": "{ams.typography.heading.5.line-height}" }
101
+ "font-size": {
102
+ "$value": "{ams.typography.heading.5.font-size}",
103
+ "$extensions": {
104
+ "nl.amsterdam.type": "fontSize"
105
+ }
106
+ },
107
+ "line-height": {
108
+ "$value": "{ams.typography.heading.5.line-height}",
109
+ "$extensions": {
110
+ "nl.amsterdam.type": "lineHeight"
111
+ }
112
+ }
33
113
  },
34
114
  "heading-6": {
35
- "font-size": { "value": "{ams.typography.heading.6.font-size}" },
36
- "line-height": { "value": "{ams.typography.heading.6.line-height}" }
115
+ "font-size": {
116
+ "$value": "{ams.typography.heading.6.font-size}",
117
+ "$extensions": {
118
+ "nl.amsterdam.type": "fontSize"
119
+ }
120
+ },
121
+ "line-height": {
122
+ "$value": "{ams.typography.heading.6.line-height}",
123
+ "$extensions": {
124
+ "nl.amsterdam.type": "lineHeight"
125
+ }
126
+ }
37
127
  },
38
128
  "inverse": {
39
- "color": { "value": "{ams.color.text.inverse}" }
129
+ "color": {
130
+ "$value": "{ams.color.text.inverse}",
131
+ "$type": "color"
132
+ }
40
133
  }
41
134
  }
42
135
  }