@amsterdam/design-system-tokens 0.1.4 → 0.1.5
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.
- package/dist/_variables.scss +19 -18
- package/dist/index.css +19 -18
- package/dist/index.d.ts +2 -1
- package/dist/index.js +73 -72
- package/dist/index.json +72 -71
- package/dist/index.tokens.json +72 -71
- package/dist/root.css +19 -18
- package/dist/tokens.d.ts +3 -2
- package/dist/tokens.js +112 -89
- package/dist/variables.less +19 -18
- package/package.json +2 -2
- package/src/brand/amsterdam/typography.tokens.json +28 -16
- package/src/components/amsterdam/page-menu.tokens.json +2 -1
package/dist/index.tokens.json
CHANGED
|
@@ -27,73 +27,73 @@
|
|
|
27
27
|
"text-level": {
|
|
28
28
|
"0": {
|
|
29
29
|
"narrow": {
|
|
30
|
-
"font-size": "clamp(2rem, 2rem + (2 * (100vw - 20rem)) / 33.3125, 4rem)"
|
|
30
|
+
"font-size": "clamp(2rem, calc(2rem + (2 * (100vw - 20rem)) / 33.3125), 4rem)"
|
|
31
31
|
},
|
|
32
32
|
"wide": {
|
|
33
|
-
"font-size": "clamp(4rem, 4rem + (1 * (100vw - 53.375rem)) / 36.625, 5rem)"
|
|
33
|
+
"font-size": "clamp(4rem, calc(4rem + (1 * (100vw - 53.375rem)) / 36.625), 5rem)"
|
|
34
34
|
},
|
|
35
35
|
"line-height": "1.1"
|
|
36
36
|
},
|
|
37
37
|
"1": {
|
|
38
38
|
"narrow": {
|
|
39
|
-
"font-size": "clamp(2rem, 2rem + (1 * (100vw - 20rem)) / 33.3125, 3rem)"
|
|
39
|
+
"font-size": "clamp(2rem, calc(2rem + (1 * (100vw - 20rem)) / 33.3125), 3rem)"
|
|
40
40
|
},
|
|
41
41
|
"wide": {
|
|
42
|
-
"font-size": "clamp(3rem, 3rem + (0.5 * (100vw - 53.375rem)) / 36.625, 3.5rem)"
|
|
42
|
+
"font-size": "clamp(3rem, calc(3rem + (0.5 * (100vw - 53.375rem)) / 36.625), 3.5rem)"
|
|
43
43
|
},
|
|
44
44
|
"line-height": "1.2"
|
|
45
45
|
},
|
|
46
46
|
"2": {
|
|
47
47
|
"narrow": {
|
|
48
|
-
"font-size": "clamp(1.75rem, 1.75rem + (0.5 * (100vw - 20rem)) / 33.3125, 2.25rem)"
|
|
48
|
+
"font-size": "clamp(1.75rem, calc(1.75rem + (0.5 * (100vw - 20rem)) / 33.3125), 2.25rem)"
|
|
49
49
|
},
|
|
50
50
|
"wide": {
|
|
51
|
-
"font-size": "clamp(2.25rem, 2.25rem + (0.25 * (100vw - 53.375rem)) / 36.625, 2.5rem)"
|
|
51
|
+
"font-size": "clamp(2.25rem, calc(2.25rem + (0.25 * (100vw - 53.375rem)) / 36.625), 2.5rem)"
|
|
52
52
|
},
|
|
53
53
|
"line-height": "1.3"
|
|
54
54
|
},
|
|
55
55
|
"3": {
|
|
56
56
|
"narrow": {
|
|
57
|
-
"font-size": "clamp(1.5rem, 1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125, 1.8125rem)"
|
|
57
|
+
"font-size": "clamp(1.5rem, calc(1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125), 1.8125rem)"
|
|
58
58
|
},
|
|
59
59
|
"wide": {
|
|
60
|
-
"font-size": "clamp(1.8125rem, 1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625, 2rem)"
|
|
60
|
+
"font-size": "clamp(1.8125rem, calc(1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625), 2rem)"
|
|
61
61
|
},
|
|
62
62
|
"line-height": "1.4"
|
|
63
63
|
},
|
|
64
64
|
"4": {
|
|
65
65
|
"narrow": {
|
|
66
|
-
"font-size": "clamp(1.25rem, 1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.4375rem)"
|
|
66
|
+
"font-size": "clamp(1.25rem, calc(1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.4375rem)"
|
|
67
67
|
},
|
|
68
68
|
"wide": {
|
|
69
|
-
"font-size": "clamp(1.4375rem, 1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.5625rem)"
|
|
69
|
+
"font-size": "clamp(1.4375rem, calc(1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.5625rem)"
|
|
70
70
|
},
|
|
71
71
|
"line-height": "1.4"
|
|
72
72
|
},
|
|
73
73
|
"5": {
|
|
74
74
|
"narrow": {
|
|
75
|
-
"font-size": "clamp(1.375rem, 1.375rem + (0.25 * (100vw - 20rem)) / 33.3125, 1.625rem)"
|
|
75
|
+
"font-size": "clamp(1.375rem, calc(1.375rem + (0.25 * (100vw - 20rem)) / 33.3125), 1.625rem)"
|
|
76
76
|
},
|
|
77
77
|
"wide": {
|
|
78
|
-
"font-size": "clamp(1.625rem, 1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.75rem)"
|
|
78
|
+
"font-size": "clamp(1.625rem, calc(1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.75rem)"
|
|
79
79
|
},
|
|
80
80
|
"line-height": "1.5"
|
|
81
81
|
},
|
|
82
82
|
"6": {
|
|
83
83
|
"narrow": {
|
|
84
|
-
"font-size": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)"
|
|
84
|
+
"font-size": "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)"
|
|
85
85
|
},
|
|
86
86
|
"wide": {
|
|
87
|
-
"font-size": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)"
|
|
87
|
+
"font-size": "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)"
|
|
88
88
|
},
|
|
89
89
|
"line-height": "1.6"
|
|
90
90
|
},
|
|
91
91
|
"7": {
|
|
92
92
|
"narrow": {
|
|
93
|
-
"font-size": "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)"
|
|
93
|
+
"font-size": "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)"
|
|
94
94
|
},
|
|
95
95
|
"wide": {
|
|
96
|
-
"font-size": "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)"
|
|
96
|
+
"font-size": "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)"
|
|
97
97
|
},
|
|
98
98
|
"line-height": "1.6"
|
|
99
99
|
}
|
|
@@ -125,10 +125,10 @@
|
|
|
125
125
|
"font-weight": 800,
|
|
126
126
|
"line-height": "1.5",
|
|
127
127
|
"narrow": {
|
|
128
|
-
"font-size": "clamp(1.375rem, 1.375rem + (0.25 * (100vw - 20rem)) / 33.3125, 1.625rem)"
|
|
128
|
+
"font-size": "clamp(1.375rem, calc(1.375rem + (0.25 * (100vw - 20rem)) / 33.3125), 1.625rem)"
|
|
129
129
|
},
|
|
130
130
|
"wide": {
|
|
131
|
-
"font-size": "clamp(1.625rem, 1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.75rem)"
|
|
131
|
+
"font-size": "clamp(1.625rem, calc(1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.75rem)"
|
|
132
132
|
},
|
|
133
133
|
"hover": {
|
|
134
134
|
"box-shadow": "inset 0 0 0 2px #767676"
|
|
@@ -142,10 +142,10 @@
|
|
|
142
142
|
"inverse-color": "#ffffff",
|
|
143
143
|
"line-height": "1.4",
|
|
144
144
|
"narrow": {
|
|
145
|
-
"font-size": "clamp(1.5rem, 1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125, 1.8125rem)"
|
|
145
|
+
"font-size": "clamp(1.5rem, calc(1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125), 1.8125rem)"
|
|
146
146
|
},
|
|
147
147
|
"wide": {
|
|
148
|
-
"font-size": "clamp(1.8125rem, 1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625, 2rem)"
|
|
148
|
+
"font-size": "clamp(1.8125rem, calc(1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625), 2rem)"
|
|
149
149
|
}
|
|
150
150
|
},
|
|
151
151
|
"breadcrumb": {
|
|
@@ -153,10 +153,10 @@
|
|
|
153
153
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
154
154
|
"line-height": "1.6",
|
|
155
155
|
"narrow": {
|
|
156
|
-
"font-size": "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)"
|
|
156
|
+
"font-size": "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)"
|
|
157
157
|
},
|
|
158
158
|
"wide": {
|
|
159
|
-
"font-size": "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)"
|
|
159
|
+
"font-size": "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)"
|
|
160
160
|
},
|
|
161
161
|
"item-link": {
|
|
162
162
|
"outline-offset": "2px",
|
|
@@ -172,10 +172,10 @@
|
|
|
172
172
|
},
|
|
173
173
|
"button": {
|
|
174
174
|
"narrow": {
|
|
175
|
-
"font-size": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)"
|
|
175
|
+
"font-size": "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)"
|
|
176
176
|
},
|
|
177
177
|
"wide": {
|
|
178
|
-
"font-size": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)"
|
|
178
|
+
"font-size": "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)"
|
|
179
179
|
},
|
|
180
180
|
"secondary": {
|
|
181
181
|
"box-shadow": "inset 0 0 0 2px #004699",
|
|
@@ -252,10 +252,10 @@
|
|
|
252
252
|
}
|
|
253
253
|
},
|
|
254
254
|
"narrow": {
|
|
255
|
-
"size": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)"
|
|
255
|
+
"size": "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)"
|
|
256
256
|
},
|
|
257
257
|
"wide": {
|
|
258
|
-
"size": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)"
|
|
258
|
+
"size": "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)"
|
|
259
259
|
},
|
|
260
260
|
"multiplier": "1.6"
|
|
261
261
|
},
|
|
@@ -270,10 +270,10 @@
|
|
|
270
270
|
"outline-offset": "2px",
|
|
271
271
|
"line-height": "1.6",
|
|
272
272
|
"narrow": {
|
|
273
|
-
"font-size": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)"
|
|
273
|
+
"font-size": "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)"
|
|
274
274
|
},
|
|
275
275
|
"wide": {
|
|
276
|
-
"font-size": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)"
|
|
276
|
+
"font-size": "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)"
|
|
277
277
|
}
|
|
278
278
|
},
|
|
279
279
|
"footer": {
|
|
@@ -287,47 +287,47 @@
|
|
|
287
287
|
"font-weight": 800,
|
|
288
288
|
"line-height": "1.6",
|
|
289
289
|
"narrow": {
|
|
290
|
-
"font-size": "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)"
|
|
290
|
+
"font-size": "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)"
|
|
291
291
|
},
|
|
292
292
|
"wide": {
|
|
293
|
-
"font-size": "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)"
|
|
293
|
+
"font-size": "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)"
|
|
294
294
|
}
|
|
295
295
|
},
|
|
296
296
|
"heading": {
|
|
297
297
|
"1": {
|
|
298
298
|
"line-height": "1.2",
|
|
299
299
|
"narrow": {
|
|
300
|
-
"font-size": "clamp(2rem, 2rem + (1 * (100vw - 20rem)) / 33.3125, 3rem)"
|
|
300
|
+
"font-size": "clamp(2rem, calc(2rem + (1 * (100vw - 20rem)) / 33.3125), 3rem)"
|
|
301
301
|
},
|
|
302
302
|
"wide": {
|
|
303
|
-
"font-size": "clamp(3rem, 3rem + (0.5 * (100vw - 53.375rem)) / 36.625, 3.5rem)"
|
|
303
|
+
"font-size": "clamp(3rem, calc(3rem + (0.5 * (100vw - 53.375rem)) / 36.625), 3.5rem)"
|
|
304
304
|
}
|
|
305
305
|
},
|
|
306
306
|
"2": {
|
|
307
307
|
"line-height": "1.3",
|
|
308
308
|
"narrow": {
|
|
309
|
-
"font-size": "clamp(1.75rem, 1.75rem + (0.5 * (100vw - 20rem)) / 33.3125, 2.25rem)"
|
|
309
|
+
"font-size": "clamp(1.75rem, calc(1.75rem + (0.5 * (100vw - 20rem)) / 33.3125), 2.25rem)"
|
|
310
310
|
},
|
|
311
311
|
"wide": {
|
|
312
|
-
"font-size": "clamp(2.25rem, 2.25rem + (0.25 * (100vw - 53.375rem)) / 36.625, 2.5rem)"
|
|
312
|
+
"font-size": "clamp(2.25rem, calc(2.25rem + (0.25 * (100vw - 53.375rem)) / 36.625), 2.5rem)"
|
|
313
313
|
}
|
|
314
314
|
},
|
|
315
315
|
"3": {
|
|
316
316
|
"line-height": "1.4",
|
|
317
317
|
"narrow": {
|
|
318
|
-
"font-size": "clamp(1.5rem, 1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125, 1.8125rem)"
|
|
318
|
+
"font-size": "clamp(1.5rem, calc(1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125), 1.8125rem)"
|
|
319
319
|
},
|
|
320
320
|
"wide": {
|
|
321
|
-
"font-size": "clamp(1.8125rem, 1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625, 2rem)"
|
|
321
|
+
"font-size": "clamp(1.8125rem, calc(1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625), 2rem)"
|
|
322
322
|
}
|
|
323
323
|
},
|
|
324
324
|
"4": {
|
|
325
325
|
"line-height": "1.4",
|
|
326
326
|
"narrow": {
|
|
327
|
-
"font-size": "clamp(1.25rem, 1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.4375rem)"
|
|
327
|
+
"font-size": "clamp(1.25rem, calc(1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.4375rem)"
|
|
328
328
|
},
|
|
329
329
|
"wide": {
|
|
330
|
-
"font-size": "clamp(1.4375rem, 1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.5625rem)"
|
|
330
|
+
"font-size": "clamp(1.4375rem, calc(1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.5625rem)"
|
|
331
331
|
}
|
|
332
332
|
},
|
|
333
333
|
"color": "#000000",
|
|
@@ -338,36 +338,36 @@
|
|
|
338
338
|
"icon": {
|
|
339
339
|
"size-3": {
|
|
340
340
|
"icon-size": {
|
|
341
|
-
"narrow": "clamp(1.5rem, 1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125, 1.8125rem)",
|
|
342
|
-
"wide": "clamp(1.8125rem, 1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625, 2rem)"
|
|
341
|
+
"narrow": "clamp(1.5rem, calc(1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125), 1.8125rem)",
|
|
342
|
+
"wide": "clamp(1.8125rem, calc(1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625), 2rem)"
|
|
343
343
|
},
|
|
344
344
|
"container-multiplier": "1.4"
|
|
345
345
|
},
|
|
346
346
|
"size-4": {
|
|
347
347
|
"icon-size": {
|
|
348
|
-
"narrow": "clamp(1.25rem, 1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.4375rem)",
|
|
349
|
-
"wide": "clamp(1.4375rem, 1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.5625rem)"
|
|
348
|
+
"narrow": "clamp(1.25rem, calc(1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.4375rem)",
|
|
349
|
+
"wide": "clamp(1.4375rem, calc(1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.5625rem)"
|
|
350
350
|
},
|
|
351
351
|
"container-multiplier": "1.4"
|
|
352
352
|
},
|
|
353
353
|
"size-5": {
|
|
354
354
|
"icon-size": {
|
|
355
|
-
"narrow": "clamp(1.375rem, 1.375rem + (0.25 * (100vw - 20rem)) / 33.3125, 1.625rem)",
|
|
356
|
-
"wide": "clamp(1.625rem, 1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.75rem)"
|
|
355
|
+
"narrow": "clamp(1.375rem, calc(1.375rem + (0.25 * (100vw - 20rem)) / 33.3125), 1.625rem)",
|
|
356
|
+
"wide": "clamp(1.625rem, calc(1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.75rem)"
|
|
357
357
|
},
|
|
358
358
|
"container-multiplier": "1.5"
|
|
359
359
|
},
|
|
360
360
|
"size-6": {
|
|
361
361
|
"icon-size": {
|
|
362
|
-
"narrow": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)",
|
|
363
|
-
"wide": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)"
|
|
362
|
+
"narrow": "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)",
|
|
363
|
+
"wide": "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)"
|
|
364
364
|
},
|
|
365
365
|
"container-multiplier": "1.6"
|
|
366
366
|
},
|
|
367
367
|
"size-7": {
|
|
368
368
|
"icon-size": {
|
|
369
|
-
"narrow": "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)",
|
|
370
|
-
"wide": "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)"
|
|
369
|
+
"narrow": "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)",
|
|
370
|
+
"wide": "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)"
|
|
371
371
|
},
|
|
372
372
|
"container-multiplier": "1.6"
|
|
373
373
|
}
|
|
@@ -403,10 +403,10 @@
|
|
|
403
403
|
"text-decoration": "none",
|
|
404
404
|
"line-height": "1.6",
|
|
405
405
|
"narrow": {
|
|
406
|
-
"font-size": "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)"
|
|
406
|
+
"font-size": "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)"
|
|
407
407
|
},
|
|
408
408
|
"wide": {
|
|
409
|
-
"font-size": "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)"
|
|
409
|
+
"font-size": "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)"
|
|
410
410
|
}
|
|
411
411
|
},
|
|
412
412
|
"standalone": {
|
|
@@ -418,10 +418,10 @@
|
|
|
418
418
|
},
|
|
419
419
|
"line-height": "1.6",
|
|
420
420
|
"narrow": {
|
|
421
|
-
"font-size": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)"
|
|
421
|
+
"font-size": "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)"
|
|
422
422
|
},
|
|
423
423
|
"wide": {
|
|
424
|
-
"font-size": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)"
|
|
424
|
+
"font-size": "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)"
|
|
425
425
|
}
|
|
426
426
|
},
|
|
427
427
|
"on-background-dark": {
|
|
@@ -451,10 +451,10 @@
|
|
|
451
451
|
"line-height": "1.6",
|
|
452
452
|
"list-style-type": "decimal",
|
|
453
453
|
"narrow": {
|
|
454
|
-
"font-size": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)"
|
|
454
|
+
"font-size": "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)"
|
|
455
455
|
},
|
|
456
456
|
"wide": {
|
|
457
|
-
"font-size": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)"
|
|
457
|
+
"font-size": "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)"
|
|
458
458
|
},
|
|
459
459
|
"item": {
|
|
460
460
|
"margin-inline-start": "2.25rem",
|
|
@@ -481,10 +481,10 @@
|
|
|
481
481
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
482
482
|
"line-height": "1.1",
|
|
483
483
|
"narrow": {
|
|
484
|
-
"font-size": "clamp(2rem, 2rem + (2 * (100vw - 20rem)) / 33.3125, 4rem)"
|
|
484
|
+
"font-size": "clamp(2rem, calc(2rem + (2 * (100vw - 20rem)) / 33.3125), 4rem)"
|
|
485
485
|
},
|
|
486
486
|
"wide": {
|
|
487
|
-
"font-size": "clamp(4rem, 4rem + (1 * (100vw - 53.375rem)) / 36.625, 5rem)"
|
|
487
|
+
"font-size": "clamp(4rem, calc(4rem + (1 * (100vw - 53.375rem)) / 36.625), 5rem)"
|
|
488
488
|
},
|
|
489
489
|
"font-weight": 800,
|
|
490
490
|
"inverse-color": "#ffffff"
|
|
@@ -500,13 +500,14 @@
|
|
|
500
500
|
"line-height": "1.6",
|
|
501
501
|
"text-decoration": "none",
|
|
502
502
|
"narrow": {
|
|
503
|
-
"font-size": "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)"
|
|
503
|
+
"font-size": "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)"
|
|
504
504
|
},
|
|
505
505
|
"wide": {
|
|
506
|
-
"font-size": "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)"
|
|
506
|
+
"font-size": "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)"
|
|
507
507
|
},
|
|
508
508
|
"hover": {
|
|
509
|
-
"color": "#
|
|
509
|
+
"color": "#000000",
|
|
510
|
+
"text-decoration": "underline"
|
|
510
511
|
}
|
|
511
512
|
}
|
|
512
513
|
},
|
|
@@ -517,27 +518,27 @@
|
|
|
517
518
|
"inverse-color": "#ffffff",
|
|
518
519
|
"line-height": "1.6",
|
|
519
520
|
"narrow": {
|
|
520
|
-
"font-size": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)"
|
|
521
|
+
"font-size": "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)"
|
|
521
522
|
},
|
|
522
523
|
"wide": {
|
|
523
|
-
"font-size": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)"
|
|
524
|
+
"font-size": "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)"
|
|
524
525
|
},
|
|
525
526
|
"small": {
|
|
526
527
|
"line-height": "1.6",
|
|
527
528
|
"narrow": {
|
|
528
|
-
"font-size": "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)"
|
|
529
|
+
"font-size": "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)"
|
|
529
530
|
},
|
|
530
531
|
"wide": {
|
|
531
|
-
"font-size": "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)"
|
|
532
|
+
"font-size": "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)"
|
|
532
533
|
}
|
|
533
534
|
},
|
|
534
535
|
"large": {
|
|
535
536
|
"line-height": "1.5",
|
|
536
537
|
"narrow": {
|
|
537
|
-
"font-size": "clamp(1.375rem, 1.375rem + (0.25 * (100vw - 20rem)) / 33.3125, 1.625rem)"
|
|
538
|
+
"font-size": "clamp(1.375rem, calc(1.375rem + (0.25 * (100vw - 20rem)) / 33.3125), 1.625rem)"
|
|
538
539
|
},
|
|
539
540
|
"wide": {
|
|
540
|
-
"font-size": "clamp(1.625rem, 1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.75rem)"
|
|
541
|
+
"font-size": "clamp(1.625rem, calc(1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.75rem)"
|
|
541
542
|
}
|
|
542
543
|
}
|
|
543
544
|
},
|
|
@@ -548,10 +549,10 @@
|
|
|
548
549
|
"font-weight": 400,
|
|
549
550
|
"line-height": "1.6",
|
|
550
551
|
"narrow": {
|
|
551
|
-
"font-size": "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)"
|
|
552
|
+
"font-size": "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)"
|
|
552
553
|
},
|
|
553
554
|
"wide": {
|
|
554
|
-
"font-size": "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)"
|
|
555
|
+
"font-size": "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)"
|
|
555
556
|
}
|
|
556
557
|
},
|
|
557
558
|
"label": {
|
|
@@ -563,10 +564,10 @@
|
|
|
563
564
|
},
|
|
564
565
|
"line-height": "1.4",
|
|
565
566
|
"narrow": {
|
|
566
|
-
"font-size": "clamp(1.25rem, 1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.4375rem)"
|
|
567
|
+
"font-size": "clamp(1.25rem, calc(1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.4375rem)"
|
|
567
568
|
},
|
|
568
569
|
"wide": {
|
|
569
|
-
"font-size": "clamp(1.4375rem, 1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.5625rem)"
|
|
570
|
+
"font-size": "clamp(1.4375rem, calc(1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.5625rem)"
|
|
570
571
|
}
|
|
571
572
|
},
|
|
572
573
|
"outline-offset": "2px"
|
|
@@ -579,10 +580,10 @@
|
|
|
579
580
|
"line-height": "1.6",
|
|
580
581
|
"list-style-type": "'\\2022'",
|
|
581
582
|
"narrow": {
|
|
582
|
-
"font-size": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)"
|
|
583
|
+
"font-size": "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)"
|
|
583
584
|
},
|
|
584
585
|
"wide": {
|
|
585
|
-
"font-size": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)"
|
|
586
|
+
"font-size": "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)"
|
|
586
587
|
},
|
|
587
588
|
"item": {
|
|
588
589
|
"margin-inline-start": "1.625rem",
|
package/dist/root.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 04 Oct 2023 10:51:08 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -20,6 +20,7 @@
|
|
|
20
20
|
--amsterdam-unordered-list-item-margin-inline-start: 1.625rem; /* Divide your total indentation width over margin and padding to position the marker. */
|
|
21
21
|
--amsterdam-unordered-list-list-style-type: '\2022';
|
|
22
22
|
--amsterdam-unordered-list-gap: 0.75rem;
|
|
23
|
+
--amsterdam-page-menu-item-hover-text-decoration: underline;
|
|
23
24
|
--amsterdam-page-menu-item-text-decoration: none;
|
|
24
25
|
--amsterdam-page-menu-item-gap: 0.5rem;
|
|
25
26
|
--amsterdam-page-menu-row-gap: 0.5rem;
|
|
@@ -60,29 +61,29 @@
|
|
|
60
61
|
--amsterdam-border-width-md: 2px;
|
|
61
62
|
--amsterdam-border-width-sm: 1px;
|
|
62
63
|
--amsterdam-typography-text-level-7-line-height: 1.6;
|
|
63
|
-
--amsterdam-typography-text-level-7-wide-font-size: clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem);
|
|
64
|
-
--amsterdam-typography-text-level-7-narrow-font-size: clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem);
|
|
64
|
+
--amsterdam-typography-text-level-7-wide-font-size: clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem);
|
|
65
|
+
--amsterdam-typography-text-level-7-narrow-font-size: clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem);
|
|
65
66
|
--amsterdam-typography-text-level-6-line-height: 1.6;
|
|
66
|
-
--amsterdam-typography-text-level-6-wide-font-size: clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem);
|
|
67
|
-
--amsterdam-typography-text-level-6-narrow-font-size: clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem);
|
|
67
|
+
--amsterdam-typography-text-level-6-wide-font-size: clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem);
|
|
68
|
+
--amsterdam-typography-text-level-6-narrow-font-size: clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem);
|
|
68
69
|
--amsterdam-typography-text-level-5-line-height: 1.5;
|
|
69
|
-
--amsterdam-typography-text-level-5-wide-font-size: clamp(1.625rem, 1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.75rem);
|
|
70
|
-
--amsterdam-typography-text-level-5-narrow-font-size: clamp(1.375rem, 1.375rem + (0.25 * (100vw - 20rem)) / 33.3125, 1.625rem);
|
|
70
|
+
--amsterdam-typography-text-level-5-wide-font-size: clamp(1.625rem, calc(1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.75rem);
|
|
71
|
+
--amsterdam-typography-text-level-5-narrow-font-size: clamp(1.375rem, calc(1.375rem + (0.25 * (100vw - 20rem)) / 33.3125), 1.625rem);
|
|
71
72
|
--amsterdam-typography-text-level-4-line-height: 1.4;
|
|
72
|
-
--amsterdam-typography-text-level-4-wide-font-size: clamp(1.4375rem, 1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.5625rem);
|
|
73
|
-
--amsterdam-typography-text-level-4-narrow-font-size: clamp(1.25rem, 1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.4375rem);
|
|
73
|
+
--amsterdam-typography-text-level-4-wide-font-size: clamp(1.4375rem, calc(1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.5625rem);
|
|
74
|
+
--amsterdam-typography-text-level-4-narrow-font-size: clamp(1.25rem, calc(1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.4375rem);
|
|
74
75
|
--amsterdam-typography-text-level-3-line-height: 1.4;
|
|
75
|
-
--amsterdam-typography-text-level-3-wide-font-size: clamp(1.8125rem, 1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625, 2rem);
|
|
76
|
-
--amsterdam-typography-text-level-3-narrow-font-size: clamp(1.5rem, 1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125, 1.8125rem);
|
|
76
|
+
--amsterdam-typography-text-level-3-wide-font-size: clamp(1.8125rem, calc(1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625), 2rem);
|
|
77
|
+
--amsterdam-typography-text-level-3-narrow-font-size: clamp(1.5rem, calc(1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125), 1.8125rem);
|
|
77
78
|
--amsterdam-typography-text-level-2-line-height: 1.3;
|
|
78
|
-
--amsterdam-typography-text-level-2-wide-font-size: clamp(2.25rem, 2.25rem + (0.25 * (100vw - 53.375rem)) / 36.625, 2.5rem);
|
|
79
|
-
--amsterdam-typography-text-level-2-narrow-font-size: clamp(1.75rem, 1.75rem + (0.5 * (100vw - 20rem)) / 33.3125, 2.25rem);
|
|
79
|
+
--amsterdam-typography-text-level-2-wide-font-size: clamp(2.25rem, calc(2.25rem + (0.25 * (100vw - 53.375rem)) / 36.625), 2.5rem);
|
|
80
|
+
--amsterdam-typography-text-level-2-narrow-font-size: clamp(1.75rem, calc(1.75rem + (0.5 * (100vw - 20rem)) / 33.3125), 2.25rem);
|
|
80
81
|
--amsterdam-typography-text-level-1-line-height: 1.2;
|
|
81
|
-
--amsterdam-typography-text-level-1-wide-font-size: clamp(3rem, 3rem + (0.5 * (100vw - 53.375rem)) / 36.625, 3.5rem);
|
|
82
|
-
--amsterdam-typography-text-level-1-narrow-font-size: clamp(2rem, 2rem + (1 * (100vw - 20rem)) / 33.3125, 3rem);
|
|
82
|
+
--amsterdam-typography-text-level-1-wide-font-size: clamp(3rem, calc(3rem + (0.5 * (100vw - 53.375rem)) / 36.625), 3.5rem);
|
|
83
|
+
--amsterdam-typography-text-level-1-narrow-font-size: clamp(2rem, calc(2rem + (1 * (100vw - 20rem)) / 33.3125), 3rem);
|
|
83
84
|
--amsterdam-typography-text-level-0-line-height: 1.1;
|
|
84
|
-
--amsterdam-typography-text-level-0-wide-font-size: clamp(4rem, 4rem + (1 * (100vw - 53.375rem)) / 36.625, 5rem);
|
|
85
|
-
--amsterdam-typography-text-level-0-narrow-font-size: clamp(2rem, 2rem + (2 * (100vw - 20rem)) / 33.3125, 4rem);
|
|
85
|
+
--amsterdam-typography-text-level-0-wide-font-size: clamp(4rem, calc(4rem + (1 * (100vw - 53.375rem)) / 36.625), 5rem);
|
|
86
|
+
--amsterdam-typography-text-level-0-narrow-font-size: clamp(2rem, calc(2rem + (2 * (100vw - 20rem)) / 33.3125), 4rem);
|
|
86
87
|
--amsterdam-typography-font-weight-bold: 800;
|
|
87
88
|
--amsterdam-typography-font-weight-normal: 400;
|
|
88
89
|
--amsterdam-typography-font-family: 'Amsterdam Sans', Arial, sans-serif;
|
|
@@ -159,7 +160,7 @@
|
|
|
159
160
|
--amsterdam-paragraph-font-weight: 400;
|
|
160
161
|
--amsterdam-paragraph-font-family: var(--amsterdam-typography-font-family);
|
|
161
162
|
--amsterdam-paragraph-color: var(--amsterdam-color-primary-black);
|
|
162
|
-
--amsterdam-page-menu-item-hover-color: var(--amsterdam-color-
|
|
163
|
+
--amsterdam-page-menu-item-hover-color: var(--amsterdam-color-primary-black);
|
|
163
164
|
--amsterdam-page-menu-item-wide-font-size: var(--amsterdam-typography-text-level-7-wide-font-size);
|
|
164
165
|
--amsterdam-page-menu-item-narrow-font-size: var(--amsterdam-typography-text-level-7-narrow-font-size);
|
|
165
166
|
--amsterdam-page-menu-item-line-height: var(--amsterdam-typography-text-level-7-line-height);
|
package/dist/tokens.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 04 Oct 2023 10:51:08 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export default tokens;
|
|
@@ -529,7 +529,8 @@ declare const tokens: {
|
|
|
529
529
|
"font-size": DesignToken
|
|
530
530
|
},
|
|
531
531
|
"hover": {
|
|
532
|
-
"color": DesignToken
|
|
532
|
+
"color": DesignToken,
|
|
533
|
+
"text-decoration": DesignToken
|
|
533
534
|
}
|
|
534
535
|
}
|
|
535
536
|
},
|