@amsterdam/design-system-tokens 3.4.0 → 4.0.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 (95) hide show
  1. package/CHANGELOG.md +50 -3
  2. package/README.md +131 -22
  3. package/build.js +11 -1
  4. package/dist/compact.css +7 -2
  5. package/dist/compact.d.ts +17 -6
  6. package/dist/compact.json +28 -17
  7. package/dist/compact.mjs +19 -13
  8. package/dist/compact.scss +7 -2
  9. package/dist/compact.theme.css +7 -2
  10. package/dist/index.css +108 -110
  11. package/dist/index.d.ts +112 -110
  12. package/dist/index.json +218 -216
  13. package/dist/index.mjs +218 -208
  14. package/dist/index.scss +108 -110
  15. package/dist/index.theme.css +108 -110
  16. package/package.json +1 -1
  17. package/src/brand/ams/aspect-ratio.tokens.json +24 -6
  18. package/src/brand/ams/border.tokens.json +5 -0
  19. package/src/brand/ams/color.compact.tokens.json +15 -0
  20. package/src/brand/ams/color.tokens.json +37 -54
  21. package/src/brand/ams/cursor.tokens.json +9 -2
  22. package/src/brand/ams/focus.tokens.json +1 -0
  23. package/src/brand/ams/space.compact.tokens.json +16 -4
  24. package/src/brand/ams/space.tokens.json +31 -6
  25. package/src/brand/ams/typography.compact.tokens.json +36 -45
  26. package/src/brand/ams/typography.tokens.json +59 -63
  27. package/src/common/ams/inputs.tokens.json +41 -19
  28. package/src/common/ams/links.tokens.json +35 -10
  29. package/src/components/ams/accordion.tokens.json +17 -48
  30. package/src/components/ams/action-group.tokens.json +2 -2
  31. package/src/components/ams/alert.tokens.json +38 -20
  32. package/src/components/ams/avatar.tokens.json +79 -29
  33. package/src/components/ams/badge.tokens.json +60 -23
  34. package/src/components/ams/blockquote.tokens.json +14 -5
  35. package/src/components/ams/body.compact.tokens.json +12 -0
  36. package/src/components/ams/body.tokens.json +12 -0
  37. package/src/components/ams/breadcrumb.tokens.json +36 -15
  38. package/src/components/ams/button.tokens.json +74 -33
  39. package/src/components/ams/call-to-action-link.tokens.json +29 -16
  40. package/src/components/ams/card.tokens.json +30 -17
  41. package/src/components/ams/character-count.tokens.json +14 -5
  42. package/src/components/ams/checkbox.tokens.json +101 -74
  43. package/src/components/ams/column.tokens.json +10 -10
  44. package/src/components/ams/date-input.tokens.json +55 -50
  45. package/src/components/ams/description-list.tokens.json +85 -24
  46. package/src/components/ams/dialog.tokens.json +104 -28
  47. package/src/components/ams/error-message.tokens.json +13 -6
  48. package/src/components/ams/field-set.tokens.json +35 -20
  49. package/src/components/ams/field.tokens.json +13 -10
  50. package/src/components/ams/figure.tokens.json +16 -7
  51. package/src/components/ams/file-input.tokens.json +69 -31
  52. package/src/components/ams/file-list.tokens.json +20 -11
  53. package/src/components/ams/grid.compact.tokens.json +24 -2
  54. package/src/components/ams/grid.tokens.json +77 -24
  55. package/src/components/ams/heading.tokens.json +38 -36
  56. package/src/components/ams/hint.tokens.json +6 -2
  57. package/src/components/ams/icon-button.tokens.json +46 -16
  58. package/src/components/ams/icon.tokens.json +19 -39
  59. package/src/components/ams/image-slider.tokens.json +28 -16
  60. package/src/components/ams/image.tokens.json +4 -1
  61. package/src/components/ams/invalid-form-alert.tokens.json +2 -2
  62. package/src/components/ams/label.tokens.json +18 -6
  63. package/src/components/ams/link-list.tokens.json +50 -22
  64. package/src/components/ams/link.tokens.json +38 -25
  65. package/src/components/ams/logo.tokens.json +6 -2
  66. package/src/components/ams/mark.tokens.json +3 -1
  67. package/src/components/ams/menu.tokens.json +80 -55
  68. package/src/components/ams/ordered-list.tokens.json +39 -25
  69. package/src/components/ams/page-footer.tokens.json +70 -26
  70. package/src/components/ams/page-header.compact.tokens.json +2 -1
  71. package/src/components/ams/page-header.tokens.json +128 -59
  72. package/src/components/ams/page.compact.tokens.json +12 -0
  73. package/src/components/ams/page.tokens.json +5 -3
  74. package/src/components/ams/pagination.tokens.json +37 -17
  75. package/src/components/ams/paragraph.tokens.json +22 -8
  76. package/src/components/ams/password-input.tokens.json +47 -21
  77. package/src/components/ams/progress-list.tokens.json +152 -61
  78. package/src/components/ams/radio.tokens.json +97 -36
  79. package/src/components/ams/row.tokens.json +10 -10
  80. package/src/components/ams/search-field.tokens.json +57 -24
  81. package/src/components/ams/select.tokens.json +63 -25
  82. package/src/components/ams/skip-link.tokens.json +23 -12
  83. package/src/components/ams/spotlight.tokens.json +21 -7
  84. package/src/components/ams/standalone-link.tokens.json +42 -46
  85. package/src/components/ams/switch.tokens.json +23 -9
  86. package/src/components/ams/tab-navigation.tokens.json +205 -0
  87. package/src/components/ams/table-of-contents.tokens.json +38 -41
  88. package/src/components/ams/table.tokens.json +29 -10
  89. package/src/components/ams/tabs.tokens.json +36 -17
  90. package/src/components/ams/text-area.tokens.json +49 -23
  91. package/src/components/ams/text-input.tokens.json +47 -21
  92. package/src/components/ams/time-input.tokens.json +55 -50
  93. package/src/components/ams/unordered-list.tokens.json +37 -25
  94. package/style-dictionary/transforms/dtcg-font-family.js +32 -0
  95. package/src/components/ams/page-heading.tokens.json +0 -46
package/src/components/ams/alert.tokens.json CHANGED
@@ -2,12 +2,16 @@
2
2
  "ams": {
3
3
  "alert": {
4
4
  "background-color": {
5
- "$value": "{ams.color.background}",
6
- "$type": "color"
5
+ "$value": "{ams.color.background.default}",
6
+ "$extensions": {
7
+ "nl.amsterdam.type": "color"
8
+ }
7
9
  },
8
10
  "border-color": {
9
11
  "$value": "{ams.color.feedback.info}",
10
- "$type": "color"
12
+ "$extensions": {
13
+ "nl.amsterdam.type": "color"
14
+ }
11
15
  },
12
16
  "border-style": {
13
17
  "$value": "solid",
@@ -24,79 +28,93 @@
24
28
  "severity-indicator": {
25
29
  "background-color": {
26
30
  "$value": "{ams.color.feedback.info}",
27
- "$type": "color"
31
+ "$extensions": {
32
+ "nl.amsterdam.type": "color"
33
+ }
28
34
  },
29
35
  "padding-block": {
30
36
  "$value": "{ams.space.m}",
31
- "$type": "dimension",
32
37
  "$extensions": {
33
- "nl.amsterdam.subtype": "space"
38
+ "nl.amsterdam.subtype": "space",
39
+ "nl.amsterdam.type": "dimension"
34
40
  }
35
41
  },
36
42
  "padding-inline": {
37
43
  "$value": "{ams.space.s}",
38
- "$type": "dimension",
39
44
  "$extensions": {
40
- "nl.amsterdam.subtype": "space"
45
+ "nl.amsterdam.subtype": "space",
46
+ "nl.amsterdam.type": "dimension"
41
47
  }
42
48
  }
43
49
  },
44
50
  "content": {
45
51
  "gap": {
46
52
  "$value": "{ams.space.s}",
47
- "$type": "dimension",
48
53
  "$extensions": {
49
- "nl.amsterdam.subtype": "space"
54
+ "nl.amsterdam.subtype": "space",
55
+ "nl.amsterdam.type": "dimension"
50
56
  }
51
57
  },
52
58
  "padding-block": {
53
59
  "$value": "{ams.space.m}",
54
- "$type": "dimension",
55
60
  "$extensions": {
56
- "nl.amsterdam.subtype": "space"
61
+ "nl.amsterdam.subtype": "space",
62
+ "nl.amsterdam.type": "dimension"
57
63
  }
58
64
  },
59
65
  "padding-inline": {
60
66
  "$value": "{ams.space.m}",
61
- "$type": "dimension",
62
67
  "$extensions": {
63
- "nl.amsterdam.subtype": "space"
68
+ "nl.amsterdam.subtype": "space",
69
+ "nl.amsterdam.type": "dimension"
64
70
  }
65
71
  }
66
72
  },
67
73
  "error": {
68
74
  "border-color": {
69
75
  "$value": "{ams.color.feedback.error}",
70
- "$type": "color"
76
+ "$extensions": {
77
+ "nl.amsterdam.type": "color"
78
+ }
71
79
  },
72
80
  "severity-indicator": {
73
81
  "background-color": {
74
82
  "$value": "{ams.color.feedback.error}",
75
- "$type": "color"
83
+ "$extensions": {
84
+ "nl.amsterdam.type": "color"
85
+ }
76
86
  }
77
87
  }
78
88
  },
79
89
  "success": {
80
90
  "border-color": {
81
91
  "$value": "{ams.color.feedback.success}",
82
- "$type": "color"
92
+ "$extensions": {
93
+ "nl.amsterdam.type": "color"
94
+ }
83
95
  },
84
96
  "severity-indicator": {
85
97
  "background-color": {
86
98
  "$value": "{ams.color.feedback.success}",
87
- "$type": "color"
99
+ "$extensions": {
100
+ "nl.amsterdam.type": "color"
101
+ }
88
102
  }
89
103
  }
90
104
  },
91
105
  "warning": {
92
106
  "border-color": {
93
107
  "$value": "{ams.color.feedback.warning}",
94
- "$type": "color"
108
+ "$extensions": {
109
+ "nl.amsterdam.type": "color"
110
+ }
95
111
  },
96
112
  "severity-indicator": {
97
113
  "background-color": {
98
114
  "$value": "{ams.color.feedback.warning}",
99
- "$type": "color"
115
+ "$extensions": {
116
+ "nl.amsterdam.type": "color"
117
+ }
100
118
  }
101
119
  }
102
120
  }
package/src/components/ams/avatar.tokens.json CHANGED
@@ -2,15 +2,22 @@
2
2
  "ams": {
3
3
  "avatar": {
4
4
  "aspect-ratio": {
5
- "$value": "{ams.aspect-ratio.1-1}"
5
+ "$value": "{ams.aspect-ratio.1-1}",
6
+ "$extensions": {
7
+ "nl.amsterdam.type": "aspectRatio"
8
+ }
6
9
  },
7
10
  "background-color": {
8
11
  "$value": "{ams.color.highlight.purple}",
9
- "$type": "color"
12
+ "$extensions": {
13
+ "nl.amsterdam.type": "color"
14
+ }
10
15
  },
11
16
  "border-color": {
12
17
  "$value": "{ams.color.highlight.purple}",
13
- "$type": "color"
18
+ "$extensions": {
19
+ "nl.amsterdam.type": "color"
20
+ }
14
21
  },
15
22
  "border-style": {
16
23
  "$value": "solid",
@@ -26,11 +33,15 @@
26
33
  },
27
34
  "color": {
28
35
  "$value": "{ams.color.text.inverse}",
29
- "$type": "color"
36
+ "$extensions": {
37
+ "nl.amsterdam.type": "color"
38
+ }
30
39
  },
31
40
  "font-family": {
32
41
  "$value": "{ams.typography.font-family}",
33
- "$type": "fontFamily"
42
+ "$extensions": {
43
+ "nl.amsterdam.type": "fontFamily"
44
+ }
34
45
  },
35
46
  "font-size": {
36
47
  "$value": "{ams.typography.body-text.small.font-size}",
@@ -40,26 +51,29 @@
40
51
  },
41
52
  "font-weight": {
42
53
  "$value": "{ams.typography.body-text.font-weight}",
43
- "$type": "fontWeight"
54
+ "$extensions": {
55
+ "nl.amsterdam.type": "fontWeight"
56
+ }
44
57
  },
45
58
  "line-height": {
46
59
  "$value": "{ams.typography.body-text.small.line-height}",
47
60
  "$extensions": {
48
- "nl.amsterdam.type": "lineHeight"
61
+ "nl.amsterdam.subtype": "lineHeight",
62
+ "nl.amsterdam.type": "number"
49
63
  }
50
64
  },
51
65
  "padding-block": {
52
66
  "$value": "{ams.space.xs}",
53
- "$type": "dimension",
54
67
  "$extensions": {
55
- "nl.amsterdam.subtype": "space"
68
+ "nl.amsterdam.subtype": "space",
69
+ "nl.amsterdam.type": "dimension"
56
70
  }
57
71
  },
58
72
  "padding-inline": {
59
73
  "$value": "{ams.space.xs}",
60
- "$type": "dimension",
61
74
  "$extensions": {
62
- "nl.amsterdam.subtype": "space"
75
+ "nl.amsterdam.subtype": "space",
76
+ "nl.amsterdam.type": "dimension"
63
77
  }
64
78
  },
65
79
  "forced-colors": {
@@ -73,85 +87,121 @@
73
87
  "azure": {
74
88
  "background-color": {
75
89
  "$value": "{ams.color.highlight.azure}",
76
- "$type": "color"
90
+ "$extensions": {
91
+ "nl.amsterdam.type": "color"
92
+ }
77
93
  },
78
94
  "border-color": {
79
95
  "$value": "{ams.color.highlight.azure}",
80
- "$type": "color"
96
+ "$extensions": {
97
+ "nl.amsterdam.type": "color"
98
+ }
81
99
  },
82
100
  "color": {
83
101
  "$value": "{ams.color.text.inverse}",
84
- "$type": "color"
102
+ "$extensions": {
103
+ "nl.amsterdam.type": "color"
104
+ }
85
105
  }
86
106
  },
87
107
  "green": {
88
108
  "background-color": {
89
109
  "$value": "{ams.color.highlight.green}",
90
- "$type": "color"
110
+ "$extensions": {
111
+ "nl.amsterdam.type": "color"
112
+ }
91
113
  },
92
114
  "border-color": {
93
115
  "$value": "{ams.color.highlight.green}",
94
- "$type": "color"
116
+ "$extensions": {
117
+ "nl.amsterdam.type": "color"
118
+ }
95
119
  },
96
120
  "color": {
97
121
  "$value": "{ams.color.text.inverse}",
98
- "$type": "color"
122
+ "$extensions": {
123
+ "nl.amsterdam.type": "color"
124
+ }
99
125
  }
100
126
  },
101
127
  "lime": {
102
128
  "background-color": {
103
129
  "$value": "{ams.color.highlight.lime}",
104
- "$type": "color"
130
+ "$extensions": {
131
+ "nl.amsterdam.type": "color"
132
+ }
105
133
  },
106
134
  "border-color": {
107
135
  "$value": "{ams.color.highlight.lime}",
108
- "$type": "color"
136
+ "$extensions": {
137
+ "nl.amsterdam.type": "color"
138
+ }
109
139
  },
110
140
  "color": {
111
141
  "$value": "{ams.color.text.default}",
112
- "$type": "color"
142
+ "$extensions": {
143
+ "nl.amsterdam.type": "color"
144
+ }
113
145
  }
114
146
  },
115
147
  "magenta": {
116
148
  "background-color": {
117
149
  "$value": "{ams.color.highlight.magenta}",
118
- "$type": "color"
150
+ "$extensions": {
151
+ "nl.amsterdam.type": "color"
152
+ }
119
153
  },
120
154
  "border-color": {
121
155
  "$value": "{ams.color.highlight.magenta}",
122
- "$type": "color"
156
+ "$extensions": {
157
+ "nl.amsterdam.type": "color"
158
+ }
123
159
  },
124
160
  "color": {
125
161
  "$value": "{ams.color.text.inverse}",
126
- "$type": "color"
162
+ "$extensions": {
163
+ "nl.amsterdam.type": "color"
164
+ }
127
165
  }
128
166
  },
129
167
  "orange": {
130
168
  "background-color": {
131
169
  "$value": "{ams.color.highlight.orange}",
132
- "$type": "color"
170
+ "$extensions": {
171
+ "nl.amsterdam.type": "color"
172
+ }
133
173
  },
134
174
  "border-color": {
135
175
  "$value": "{ams.color.highlight.orange}",
136
- "$type": "color"
176
+ "$extensions": {
177
+ "nl.amsterdam.type": "color"
178
+ }
137
179
  },
138
180
  "color": {
139
181
  "$value": "{ams.color.text.default}",
140
- "$type": "color"
182
+ "$extensions": {
183
+ "nl.amsterdam.type": "color"
184
+ }
141
185
  }
142
186
  },
143
187
  "yellow": {
144
188
  "background-color": {
145
189
  "$value": "{ams.color.highlight.yellow}",
146
- "$type": "color"
190
+ "$extensions": {
191
+ "nl.amsterdam.type": "color"
192
+ }
147
193
  },
148
194
  "border-color": {
149
195
  "$value": "{ams.color.highlight.yellow}",
150
- "$type": "color"
196
+ "$extensions": {
197
+ "nl.amsterdam.type": "color"
198
+ }
151
199
  },
152
200
  "color": {
153
201
  "$value": "{ams.color.text.default}",
154
- "$type": "color"
202
+ "$extensions": {
203
+ "nl.amsterdam.type": "color"
204
+ }
155
205
  }
156
206
  }
157
207
  }
package/src/components/ams/badge.tokens.json CHANGED
@@ -3,15 +3,21 @@
3
3
  "badge": {
4
4
  "background-color": {
5
5
  "$value": "{ams.color.feedback.success}",
6
- "$type": "color"
6
+ "$extensions": {
7
+ "nl.amsterdam.type": "color"
8
+ }
7
9
  },
8
10
  "color": {
9
11
  "$value": "{ams.color.text.inverse}",
10
- "$type": "color"
12
+ "$extensions": {
13
+ "nl.amsterdam.type": "color"
14
+ }
11
15
  },
12
16
  "font-family": {
13
17
  "$value": "{ams.typography.font-family}",
14
- "$type": "fontFamily"
18
+ "$extensions": {
19
+ "nl.amsterdam.type": "fontFamily"
20
+ }
15
21
  },
16
22
  "font-size": {
17
23
  "$value": "{ams.typography.body-text.font-size}",
@@ -21,96 +27,127 @@
21
27
  },
22
28
  "font-weight": {
23
29
  "$value": "{ams.typography.body-text.bold.font-weight}",
24
- "$type": "fontWeight"
30
+ "$extensions": {
31
+ "nl.amsterdam.type": "fontWeight"
32
+ }
25
33
  },
26
34
  "gap": {
27
35
  "$value": "{ams.space.xs}",
28
- "$type": "dimension",
29
36
  "$extensions": {
30
- "nl.amsterdam.subtype": "space"
37
+ "nl.amsterdam.subtype": "space",
38
+ "nl.amsterdam.type": "dimension"
31
39
  }
32
40
  },
33
41
  "line-height": {
34
42
  "$value": "{ams.typography.body-text.line-height}",
35
43
  "$extensions": {
36
- "nl.amsterdam.type": "lineHeight"
44
+ "nl.amsterdam.subtype": "lineHeight",
45
+ "nl.amsterdam.type": "number"
37
46
  }
38
47
  },
39
48
  "padding-inline": {
40
49
  "$value": "{ams.space.xs}",
41
- "$type": "dimension",
42
50
  "$extensions": {
43
- "nl.amsterdam.subtype": "space"
51
+ "nl.amsterdam.subtype": "space",
52
+ "nl.amsterdam.type": "dimension"
44
53
  }
45
54
  },
46
55
  "azure": {
47
56
  "background-color": {
48
57
  "$value": "{ams.color.feedback.info}",
49
- "$type": "color"
58
+ "$extensions": {
59
+ "nl.amsterdam.type": "color"
60
+ }
50
61
  },
51
62
  "color": {
52
63
  "$value": "{ams.color.text.inverse}",
53
- "$type": "color"
64
+ "$extensions": {
65
+ "nl.amsterdam.type": "color"
66
+ }
54
67
  }
55
68
  },
56
69
  "lime": {
57
70
  "background-color": {
58
71
  "$value": "{ams.color.highlight.lime}",
59
- "$type": "color"
72
+ "$extensions": {
73
+ "nl.amsterdam.type": "color"
74
+ }
60
75
  },
61
76
  "color": {
62
77
  "$value": "{ams.color.text.default}",
63
- "$type": "color"
78
+ "$extensions": {
79
+ "nl.amsterdam.type": "color"
80
+ }
64
81
  }
65
82
  },
66
83
  "magenta": {
67
84
  "background-color": {
68
85
  "$value": "{ams.color.highlight.magenta}",
69
- "$type": "color"
86
+ "$extensions": {
87
+ "nl.amsterdam.type": "color"
88
+ }
70
89
  },
71
90
  "color": {
72
91
  "$value": "{ams.color.text.inverse}",
73
- "$type": "color"
92
+ "$extensions": {
93
+ "nl.amsterdam.type": "color"
94
+ }
74
95
  }
75
96
  },
76
97
  "orange": {
77
98
  "background-color": {
78
99
  "$value": "{ams.color.feedback.warning}",
79
- "$type": "color"
100
+ "$extensions": {
101
+ "nl.amsterdam.type": "color"
102
+ }
80
103
  },
81
104
  "color": {
82
105
  "$value": "{ams.color.text.default}",
83
- "$type": "color"
106
+ "$extensions": {
107
+ "nl.amsterdam.type": "color"
108
+ }
84
109
  }
85
110
  },
86
111
  "purple": {
87
112
  "background-color": {
88
113
  "$value": "{ams.color.highlight.purple}",
89
- "$type": "color"
114
+ "$extensions": {
115
+ "nl.amsterdam.type": "color"
116
+ }
90
117
  },
91
118
  "color": {
92
119
  "$value": "{ams.color.text.inverse}",
93
- "$type": "color"
120
+ "$extensions": {
121
+ "nl.amsterdam.type": "color"
122
+ }
94
123
  }
95
124
  },
96
125
  "red": {
97
126
  "background-color": {
98
127
  "$value": "{ams.color.feedback.error}",
99
- "$type": "color"
128
+ "$extensions": {
129
+ "nl.amsterdam.type": "color"
130
+ }
100
131
  },
101
132
  "color": {
102
133
  "$value": "{ams.color.text.inverse}",
103
- "$type": "color"
134
+ "$extensions": {
135
+ "nl.amsterdam.type": "color"
136
+ }
104
137
  }
105
138
  },
106
139
  "yellow": {
107
140
  "background-color": {
108
141
  "$value": "{ams.color.highlight.yellow}",
109
- "$type": "color"
142
+ "$extensions": {
143
+ "nl.amsterdam.type": "color"
144
+ }
110
145
  },
111
146
  "color": {
112
147
  "$value": "{ams.color.text.default}",
113
- "$type": "color"
148
+ "$extensions": {
149
+ "nl.amsterdam.type": "color"
150
+ }
114
151
  }
115
152
  }
116
153
  }
package/src/components/ams/blockquote.tokens.json CHANGED
@@ -3,11 +3,15 @@
3
3
  "blockquote": {
4
4
  "color": {
5
5
  "$value": "{ams.color.text.default}",
6
- "$type": "color"
6
+ "$extensions": {
7
+ "nl.amsterdam.type": "color"
8
+ }
7
9
  },
8
10
  "font-family": {
9
11
  "$value": "{ams.typography.font-family}",
10
- "$type": "fontFamily"
12
+ "$extensions": {
13
+ "nl.amsterdam.type": "fontFamily"
14
+ }
11
15
  },
12
16
  "font-size": {
13
17
  "$value": "{ams.typography.body-text.x-large.font-size}",
@@ -17,18 +21,23 @@
17
21
  },
18
22
  "font-weight": {
19
23
  "$value": "{ams.typography.body-text.bold.font-weight}",
20
- "$type": "fontWeight"
24
+ "$extensions": {
25
+ "nl.amsterdam.type": "fontWeight"
26
+ }
21
27
  },
22
28
  "line-height": {
23
29
  "$value": "{ams.typography.body-text.x-large.line-height}",
24
30
  "$extensions": {
25
- "nl.amsterdam.type": "lineHeight"
31
+ "nl.amsterdam.subtype": "lineHeight",
32
+ "nl.amsterdam.type": "number"
26
33
  }
27
34
  },
28
35
  "inverse": {
29
36
  "color": {
30
37
  "$value": "{ams.color.text.inverse}",
31
- "$type": "color"
38
+ "$extensions": {
39
+ "nl.amsterdam.type": "color"
40
+ }
32
41
  }
33
42
  }
34
43
  }
package/src/components/ams/body.compact.tokens.json ADDED
@@ -0,0 +1,12 @@
1
+ {
2
+ "ams": {
3
+ "body": {
4
+ "background-color": {
5
+ "$value": "{ams.color.background.body}",
6
+ "$extensions": {
7
+ "nl.amsterdam.type": "color"
8
+ }
9
+ }
10
+ }
11
+ }
12
+ }
package/src/components/ams/body.tokens.json ADDED
@@ -0,0 +1,12 @@
1
+ {
2
+ "ams": {
3
+ "body": {
4
+ "background-color": {
5
+ "$value": "{ams.color.background.body}",
6
+ "$extensions": {
7
+ "nl.amsterdam.type": "color"
8
+ }
9
+ }
10
+ }
11
+ }
12
+ }