@swisspost/design-system-tokens 9.0.0-next.5 → 9.0.0-next.7

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 (20) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/_channel.scss +1 -1
  3. package/_components.scss +97 -106
  4. package/_core.scss +2 -12
  5. package/_device.scss +12 -117
  6. package/_elements.scss +5 -3
  7. package/_helpers.scss +1 -1
  8. package/_index.scss +1 -1
  9. package/_palettes.scss +1 -1
  10. package/_scheme.scss +33 -47
  11. package/_theme.scss +1 -1
  12. package/_utilities.scss +1 -1
  13. package/package.json +1 -1
  14. package/palettes/_cargo-dark.scss +19 -0
  15. package/palettes/_cargo-light.scss +19 -0
  16. package/palettes/_post-dark.scss +19 -0
  17. package/palettes/_post-light.scss +19 -0
  18. package/tailwind/helpers.tailwind.js +1 -1
  19. package/tailwind/utilities.tailwind.js +1 -1
  20. package/tokens.json +578 -1274
package/_device.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  // Do not edit manually
3
3
  // This file was generated by the swisspost/design-system-tokens package
4
- // Mon, 18 Nov 2024 17:05:11 GMT
4
+ // Wed, 04 Dec 2024 07:43:08 GMT
5
5
 
6
6
  $post-desktop: (
7
7
  post-device-font-size-1: var(--post-core-font-size-40),
@@ -15,18 +15,6 @@ $post-desktop: (
15
15
  post-device-font-size-9: var(--post-core-font-size-14),
16
16
  post-device-font-size-10: var(--post-core-font-size-14),
17
17
  post-device-font-size-11: var(--post-core-font-size-12),
18
- post-device-font-size-heading-xs: var(--post-core-font-size-20),
19
- post-device-font-size-heading-s: var(--post-core-font-size-24),
20
- post-device-font-size-heading-m: var(--post-core-font-size-28),
21
- post-device-font-size-heading-l: var(--post-core-font-size-32),
22
- post-device-font-size-heading-xl: var(--post-core-font-size-36),
23
- post-device-font-size-heading-xxl: var(--post-core-font-size-40),
24
- post-device-font-size-text-xs: var(--post-core-font-size-12),
25
- post-device-font-size-text-s: var(--post-core-font-size-14),
26
- post-device-font-size-text-m: var(--post-core-font-size-16),
27
- post-device-font-size-text-l: var(--post-core-font-size-18),
28
- post-device-font-size-text-xl: var(--post-core-font-size-20),
29
- post-device-font-size-text-xxs: var(--post-core-font-size-10),
30
18
  post-device-elevation-100: var(--post-core-elevation-1),
31
19
  post-device-elevation-200: var(--post-core-elevation-2),
32
20
  post-device-elevation-300: var(--post-core-elevation-3),
@@ -35,9 +23,7 @@ $post-desktop: (
35
23
  post-device-font-family-default: var(--post-core-font-family-swiss-post),
36
24
  post-device-spacing-gap-1: var(--post-core-dimension-8),
37
25
  post-device-spacing-gap-2: var(--post-core-dimension-2),
38
- post-device-spacing-gap-3: var(--post-core-dimension-12),
39
26
  post-device-spacing-gap-4: var(--post-core-dimension-16),
40
- post-device-spacing-gap-5: var(--post-core-dimension-24),
41
27
  post-device-spacing-gap-6: var(--post-core-dimension-0),
42
28
  post-device-spacing-gap-7: var(--post-core-dimension-16),
43
29
  post-device-spacing-gap-block-1: var(--post-core-dimension-8),
@@ -50,8 +36,6 @@ $post-desktop: (
50
36
  post-device-spacing-gap-inline-5: var(--post-core-dimension-2),
51
37
  post-device-spacing-gap-inline-6: var(--post-core-dimension-24),
52
38
  post-device-spacing-gap-inline-7: var(--post-core-dimension-18),
53
- post-device-spacing-gap-inline-8: var(--post-core-dimension-12),
54
- post-device-spacing-gap-inline-9: var(--post-core-dimension-10),
55
39
  post-device-spacing-gap-inline-10: var(--post-core-dimension-8),
56
40
  post-device-spacing-gap-inline-11: var(--post-core-dimension-6),
57
41
  post-device-spacing-gap-inline-12: var(--post-core-dimension-8),
@@ -68,15 +52,11 @@ $post-desktop: (
68
52
  post-device-spacing-padding-10: var(--post-core-dimension-22),
69
53
  post-device-spacing-padding-11: var(--post-core-dimension-14),
70
54
  post-device-spacing-padding-12: var(--post-core-dimension-1),
71
- post-device-spacing-padding-13: var(--post-core-dimension-16),
72
- post-device-spacing-padding-14: var(--post-core-dimension-14),
73
55
  post-device-spacing-padding-15: var(--post-core-dimension-8),
74
56
  post-device-spacing-padding-16: var(--post-core-dimension-4),
75
57
  post-device-spacing-padding-17: var(--post-core-dimension-16),
76
58
  post-device-spacing-padding-18: var(--post-core-dimension-0),
77
- post-device-spacing-padding-19: var(--post-core-dimension-17-5),
78
- post-device-spacing-padding-20: var(--post-core-dimension-15-5),
79
- post-device-spacing-padding-21: var(--post-core-dimension-16),
59
+ post-device-spacing-padding-19: var(--post-core-dimension-16-5),
80
60
  post-device-spacing-padding-inline-1: var(--post-core-dimension-14),
81
61
  post-device-spacing-padding-inline-3: var(--post-core-dimension-16),
82
62
  post-device-spacing-padding-inline-4: var(--post-core-dimension-12),
@@ -86,18 +66,14 @@ $post-desktop: (
86
66
  post-device-spacing-padding-inline-8: var(--post-core-dimension-2),
87
67
  post-device-spacing-padding-inline-9: var(--post-core-dimension-0),
88
68
  post-device-spacing-padding-block-1: var(--post-core-dimension-11),
89
- post-device-spacing-padding-block-2: var(--post-core-dimension-4),
90
69
  post-device-spacing-padding-block-3: var(--post-core-dimension-4-5),
91
- post-device-spacing-padding-block-4: var(--post-core-dimension-7-5),
92
70
  post-device-spacing-padding-block-5: var(--post-core-dimension-6),
93
71
  post-device-spacing-padding-block-6: var(--post-core-dimension-1),
94
72
  post-device-spacing-padding-block-7: var(--post-core-dimension-1),
95
73
  post-device-spacing-padding-block-8: var(--post-core-dimension-8),
96
74
  post-device-spacing-padding-block-9: var(--post-core-dimension-0),
97
75
  post-device-spacing-padding-block-10: var(--post-core-dimension-24),
98
- post-device-spacing-padding-block-11: var(--post-core-dimension-4),
99
76
  post-device-spacing-padding-block-12: var(--post-core-dimension-10),
100
- post-device-spacing-padding-block-13: var(--post-core-dimension-16),
101
77
  post-device-spacing-padding-block-14: var(--post-core-dimension-8),
102
78
  post-device-spacing-padding-block-15: var(--post-core-dimension-5),
103
79
  post-device-spacing-padding-block-16: var(--post-core-dimension-13),
@@ -110,7 +86,6 @@ $post-desktop: (
110
86
  post-device-spacing-padding-block-23: var(--post-core-dimension-16),
111
87
  post-device-spacing-padding-block-24: var(--post-core-dimension-3),
112
88
  post-device-spacing-padding-block-25: var(--post-core-dimension-24),
113
- post-device-spacing-padding-block-26: var(--post-core-dimension-26),
114
89
  post-device-spacing-padding-block-27: var(--post-core-dimension-17),
115
90
  post-device-spacing-padding-block-28: var(--post-core-dimension-17),
116
91
  post-device-spacing-padding-block-29: var(--post-core-dimension-25-5),
@@ -121,33 +96,25 @@ $post-desktop: (
121
96
  post-device-spacing-margin-4: var(--post-core-dimension-24),
122
97
  post-device-spacing-margin-5: var(--post-core-dimension-40),
123
98
  post-device-spacing-margin-6: var(--post-core-dimension-32),
124
- post-device-sizing-interactive-icon-height: var(--post-core-dimension-24),
125
- post-device-sizing-interactive-icon-width: var(--post-core-dimension-24),
126
99
  post-device-sizing-interactive-icon-size: var(--post-core-dimension-24),
127
100
  post-device-sizing-interactive-icon-size2: var(--post-core-dimension-24),
128
101
  post-device-sizing-interactive-icon-size3: var(--post-core-dimension-40),
129
102
  post-device-sizing-interactive-icon-size4: var(--post-core-dimension-16),
130
- post-device-sizing-interactive-textfields-icon: var(--post-core-dimension-32),
131
103
  post-device-sizing-interactive-stepper-indicator: var(--post-core-dimension-40),
132
104
  post-device-sizing-interactive-button-height-1: var(--post-core-dimension-48),
133
105
  post-device-sizing-interactive-button-height-2: var(--post-core-dimension-56),
134
- post-device-sizing-interactive-button-height-3: var(--post-core-dimension-40),
135
106
  post-device-sizing-interactive-button-height-4: var(--post-core-dimension-40),
136
107
  post-device-sizing-interactive-button-height-5: var(--post-core-dimension-48),
137
108
  post-device-sizing-interactive-button-height-6: var(--post-core-dimension-64),
138
109
  post-device-sizing-interactive-button-appstore-width-google: 162px,
139
110
  post-device-sizing-interactive-button-appstore-width-apple: 143.6px,
140
- post-device-sizing-interactive-button-icon-1: var(--post-core-dimension-24),
141
- post-device-sizing-interactive-button-icon-2: var(--post-core-dimension-20),
142
111
  post-device-sizing-interactive-button-icon-3: var(--post-core-dimension-24),
143
112
  post-device-sizing-interactive-button-icon-4: var(--post-core-dimension-20),
144
113
  post-device-sizing-interactive-button-icon-5: var(--post-core-dimension-16),
145
114
  post-device-sizing-interactive-button-icon-6: var(--post-core-dimension-8),
146
- post-device-sizing-interactive-footer-socialmedia: var(--post-core-dimension-40),
147
115
  post-device-sizing-notification-1: var(--post-core-dimension-24),
148
116
  post-device-sizing-notification-2: var(--post-core-dimension-16),
149
117
  post-device-sizing-notification-3: var(--post-core-dimension-8),
150
- post-device-sizing-notification-icon-1: var(--post-core-dimension-28),
151
118
  post-device-sizing-notification-icon-2: var(--post-core-dimension-64),
152
119
  post-device-sizing-notification-icon-3: var(--post-core-dimension-32),
153
120
  post-device-sizing-notification-icon-4: var(--post-core-dimension-48),
@@ -161,13 +128,11 @@ $post-desktop: (
161
128
  post-device-border-radius-focus: var(--post-core-dimension-4),
162
129
  post-device-font-weight-bold: var(--post-core-font-weight-700),
163
130
  post-device-font-weight-regular: var(--post-core-font-weight-400),
164
- post-device-font-weight-medium: var(--post-core-font-weight-500),
165
131
  post-device-font-weight-black: var(--post-core-font-weight-900),
166
132
  post-device-line-height-heading: var(--post-core-line-height-120),
167
133
  post-device-line-height-content: var(--post-core-line-height-150),
168
134
  post-device-line-height-legend: var(--post-core-line-height-120),
169
135
  post-device-line-height-label: var(--post-core-line-height-150),
170
- post-device-line-height-link: var(--post-core-line-height-150),
171
136
  post-device-border-width-default: var(--post-core-dimension-2),
172
137
  post-device-border-width-focus: var(--post-core-dimension-2),
173
138
  post-device-border-width-alternative2: var(--post-core-dimension-3),
@@ -176,9 +141,9 @@ $post-desktop: (
176
141
  post-device-grid-sizing-gutter: var(--post-core-dimension-24),
177
142
  post-device-grid-sizing-container-max-width: var(--post-core-dimension-1280),
178
143
  post-device-grid-padding-inline-container: var(--post-core-dimension-40),
179
- post-device-position-1: var(--post-core-dimension-32),
180
- post-device-position-2: var(--post-core-dimension-14),
181
- post-device-position-3: var(--post-core-dimension-46),
144
+ post-device-position-1: var(--post-core-dimension-40),
145
+ post-device-position-2: var(--post-core-dimension-16),
146
+ post-device-position-3: var(--post-core-dimension-48),
182
147
  );
183
148
 
184
149
  $post-tablet: (
@@ -193,18 +158,6 @@ $post-tablet: (
193
158
  post-device-font-size-9: var(--post-core-font-size-14),
194
159
  post-device-font-size-10: var(--post-core-font-size-12),
195
160
  post-device-font-size-11: var(--post-core-font-size-12),
196
- post-device-font-size-heading-xs: var(--post-core-font-size-16),
197
- post-device-font-size-heading-s: var(--post-core-font-size-20),
198
- post-device-font-size-heading-m: var(--post-core-font-size-24),
199
- post-device-font-size-heading-l: var(--post-core-font-size-28),
200
- post-device-font-size-heading-xl: var(--post-core-font-size-32),
201
- post-device-font-size-heading-xxl: var(--post-core-font-size-36),
202
- post-device-font-size-text-xs: var(--post-core-font-size-12),
203
- post-device-font-size-text-s: var(--post-core-font-size-14),
204
- post-device-font-size-text-m: var(--post-core-font-size-16),
205
- post-device-font-size-text-l: var(--post-core-font-size-18),
206
- post-device-font-size-text-xl: var(--post-core-font-size-20),
207
- post-device-font-size-text-xxs: var(--post-core-font-size-10),
208
161
  post-device-elevation-100: var(--post-core-elevation-1),
209
162
  post-device-elevation-200: var(--post-core-elevation-2),
210
163
  post-device-elevation-300: var(--post-core-elevation-3),
@@ -213,9 +166,7 @@ $post-tablet: (
213
166
  post-device-font-family-default: var(--post-core-font-family-swiss-post),
214
167
  post-device-spacing-gap-1: var(--post-core-dimension-8),
215
168
  post-device-spacing-gap-2: var(--post-core-dimension-2),
216
- post-device-spacing-gap-3: var(--post-core-dimension-12),
217
169
  post-device-spacing-gap-4: var(--post-core-dimension-16),
218
- post-device-spacing-gap-5: var(--post-core-dimension-24),
219
170
  post-device-spacing-gap-6: var(--post-core-dimension-0),
220
171
  post-device-spacing-gap-7: var(--post-core-dimension-16),
221
172
  post-device-spacing-gap-block-1: var(--post-core-dimension-4),
@@ -228,8 +179,6 @@ $post-tablet: (
228
179
  post-device-spacing-gap-inline-5: var(--post-core-dimension-2),
229
180
  post-device-spacing-gap-inline-6: var(--post-core-dimension-16),
230
181
  post-device-spacing-gap-inline-7: var(--post-core-dimension-16),
231
- post-device-spacing-gap-inline-8: var(--post-core-dimension-10),
232
- post-device-spacing-gap-inline-9: var(--post-core-dimension-8),
233
182
  post-device-spacing-gap-inline-10: var(--post-core-dimension-6),
234
183
  post-device-spacing-gap-inline-11: var(--post-core-dimension-6),
235
184
  post-device-spacing-gap-inline-12: var(--post-core-dimension-6),
@@ -246,15 +195,11 @@ $post-tablet: (
246
195
  post-device-spacing-padding-10: var(--post-core-dimension-22),
247
196
  post-device-spacing-padding-11: var(--post-core-dimension-14),
248
197
  post-device-spacing-padding-12: var(--post-core-dimension-1),
249
- post-device-spacing-padding-13: var(--post-core-dimension-14),
250
- post-device-spacing-padding-14: var(--post-core-dimension-12),
251
198
  post-device-spacing-padding-15: var(--post-core-dimension-8),
252
199
  post-device-spacing-padding-16: var(--post-core-dimension-4),
253
200
  post-device-spacing-padding-17: var(--post-core-dimension-16),
254
201
  post-device-spacing-padding-18: var(--post-core-dimension-0),
255
- post-device-spacing-padding-19: var(--post-core-dimension-16),
256
- post-device-spacing-padding-20: var(--post-core-dimension-14),
257
- post-device-spacing-padding-21: var(--post-core-dimension-16),
202
+ post-device-spacing-padding-19: var(--post-core-dimension-15),
258
203
  post-device-spacing-padding-inline-1: var(--post-core-dimension-14),
259
204
  post-device-spacing-padding-inline-3: var(--post-core-dimension-12),
260
205
  post-device-spacing-padding-inline-4: var(--post-core-dimension-12),
@@ -264,18 +209,14 @@ $post-tablet: (
264
209
  post-device-spacing-padding-inline-8: var(--post-core-dimension-2),
265
210
  post-device-spacing-padding-inline-9: var(--post-core-dimension-2),
266
211
  post-device-spacing-padding-block-1: var(--post-core-dimension-10),
267
- post-device-spacing-padding-block-2: var(--post-core-dimension-4),
268
212
  post-device-spacing-padding-block-3: var(--post-core-dimension-5),
269
- post-device-spacing-padding-block-4: var(--post-core-dimension-5),
270
213
  post-device-spacing-padding-block-5: var(--post-core-dimension-6),
271
214
  post-device-spacing-padding-block-6: var(--post-core-dimension-0),
272
215
  post-device-spacing-padding-block-7: var(--post-core-dimension-0),
273
216
  post-device-spacing-padding-block-8: var(--post-core-dimension-8),
274
217
  post-device-spacing-padding-block-9: var(--post-core-dimension-0),
275
218
  post-device-spacing-padding-block-10: var(--post-core-dimension-16),
276
- post-device-spacing-padding-block-11: var(--post-core-dimension-0),
277
219
  post-device-spacing-padding-block-12: var(--post-core-dimension-6),
278
- post-device-spacing-padding-block-13: var(--post-core-dimension-8),
279
220
  post-device-spacing-padding-block-14: var(--post-core-dimension-8-5),
280
221
  post-device-spacing-padding-block-15: var(--post-core-dimension-3-5),
281
222
  post-device-spacing-padding-block-16: var(--post-core-dimension-12),
@@ -288,7 +229,6 @@ $post-tablet: (
288
229
  post-device-spacing-padding-block-23: var(--post-core-dimension-15),
289
230
  post-device-spacing-padding-block-24: var(--post-core-dimension-0),
290
231
  post-device-spacing-padding-block-25: var(--post-core-dimension-24),
291
- post-device-spacing-padding-block-26: var(--post-core-dimension-23),
292
232
  post-device-spacing-padding-block-27: var(--post-core-dimension-12),
293
233
  post-device-spacing-padding-block-28: var(--post-core-dimension-16),
294
234
  post-device-spacing-padding-block-29: var(--post-core-dimension-23),
@@ -299,33 +239,25 @@ $post-tablet: (
299
239
  post-device-spacing-margin-4: var(--post-core-dimension-16),
300
240
  post-device-spacing-margin-5: var(--post-core-dimension-32),
301
241
  post-device-spacing-margin-6: var(--post-core-dimension-32),
302
- post-device-sizing-interactive-icon-height: var(--post-core-dimension-22),
303
- post-device-sizing-interactive-icon-width: var(--post-core-dimension-22),
304
242
  post-device-sizing-interactive-icon-size: var(--post-core-dimension-22),
305
243
  post-device-sizing-interactive-icon-size2: var(--post-core-dimension-24),
306
244
  post-device-sizing-interactive-icon-size3: var(--post-core-dimension-40),
307
245
  post-device-sizing-interactive-icon-size4: var(--post-core-dimension-16),
308
- post-device-sizing-interactive-textfields-icon: var(--post-core-dimension-32),
309
246
  post-device-sizing-interactive-stepper-indicator: var(--post-core-dimension-32),
310
247
  post-device-sizing-interactive-button-height-1: var(--post-core-dimension-40),
311
248
  post-device-sizing-interactive-button-height-2: var(--post-core-dimension-48),
312
- post-device-sizing-interactive-button-height-3: var(--post-core-dimension-32),
313
249
  post-device-sizing-interactive-button-height-4: var(--post-core-dimension-34),
314
250
  post-device-sizing-interactive-button-height-5: var(--post-core-dimension-40),
315
251
  post-device-sizing-interactive-button-height-6: var(--post-core-dimension-56),
316
252
  post-device-sizing-interactive-button-appstore-width-google: 135px,
317
253
  post-device-sizing-interactive-button-appstore-width-apple: 119.66px,
318
- post-device-sizing-interactive-button-icon-1: var(--post-core-dimension-20),
319
- post-device-sizing-interactive-button-icon-2: var(--post-core-dimension-16),
320
254
  post-device-sizing-interactive-button-icon-3: var(--post-core-dimension-20),
321
255
  post-device-sizing-interactive-button-icon-4: var(--post-core-dimension-16),
322
256
  post-device-sizing-interactive-button-icon-5: var(--post-core-dimension-14),
323
257
  post-device-sizing-interactive-button-icon-6: var(--post-core-dimension-6),
324
- post-device-sizing-interactive-footer-socialmedia: var(--post-core-dimension-32),
325
258
  post-device-sizing-notification-1: var(--post-core-dimension-24),
326
259
  post-device-sizing-notification-2: var(--post-core-dimension-16),
327
260
  post-device-sizing-notification-3: var(--post-core-dimension-8),
328
- post-device-sizing-notification-icon-1: var(--post-core-dimension-28),
329
261
  post-device-sizing-notification-icon-2: var(--post-core-dimension-48),
330
262
  post-device-sizing-notification-icon-3: var(--post-core-dimension-24),
331
263
  post-device-sizing-notification-icon-4: var(--post-core-dimension-40),
@@ -339,13 +271,11 @@ $post-tablet: (
339
271
  post-device-border-radius-focus: var(--post-core-dimension-4),
340
272
  post-device-font-weight-bold: var(--post-core-font-weight-700),
341
273
  post-device-font-weight-regular: var(--post-core-font-weight-400),
342
- post-device-font-weight-medium: var(--post-core-font-weight-500),
343
274
  post-device-font-weight-black: var(--post-core-font-weight-900),
344
275
  post-device-line-height-heading: var(--post-core-line-height-120),
345
276
  post-device-line-height-content: var(--post-core-line-height-150),
346
277
  post-device-line-height-legend: var(--post-core-line-height-120),
347
278
  post-device-line-height-label: var(--post-core-line-height-150),
348
- post-device-line-height-link: var(--post-core-line-height-150),
349
279
  post-device-border-width-default: var(--post-core-dimension-2),
350
280
  post-device-border-width-focus: var(--post-core-dimension-2),
351
281
  post-device-border-width-alternative2: var(--post-core-dimension-3),
@@ -354,9 +284,9 @@ $post-tablet: (
354
284
  post-device-grid-sizing-gutter: var(--post-core-dimension-16),
355
285
  post-device-grid-sizing-container-max-width: var(--post-core-dimension-1280),
356
286
  post-device-grid-padding-inline-container: var(--post-core-dimension-24),
357
- post-device-position-1: var(--post-core-dimension-24),
358
- post-device-position-2: var(--post-core-dimension-14),
359
- post-device-position-3: var(--post-core-dimension-46),
287
+ post-device-position-1: var(--post-core-dimension-40),
288
+ post-device-position-2: var(--post-core-dimension-16),
289
+ post-device-position-3: var(--post-core-dimension-48),
360
290
  );
361
291
 
362
292
  $post-mobile: (
@@ -371,18 +301,6 @@ $post-mobile: (
371
301
  post-device-font-size-9: var(--post-core-font-size-14),
372
302
  post-device-font-size-10: var(--post-core-font-size-12),
373
303
  post-device-font-size-11: var(--post-core-font-size-12),
374
- post-device-font-size-heading-xs: var(--post-core-font-size-14),
375
- post-device-font-size-heading-s: var(--post-core-font-size-18),
376
- post-device-font-size-heading-m: var(--post-core-font-size-20),
377
- post-device-font-size-heading-l: var(--post-core-font-size-24),
378
- post-device-font-size-heading-xl: var(--post-core-font-size-28),
379
- post-device-font-size-heading-xxl: var(--post-core-font-size-32),
380
- post-device-font-size-text-xs: var(--post-core-font-size-12),
381
- post-device-font-size-text-s: var(--post-core-font-size-14),
382
- post-device-font-size-text-m: var(--post-core-font-size-16),
383
- post-device-font-size-text-l: var(--post-core-font-size-18),
384
- post-device-font-size-text-xl: var(--post-core-font-size-20),
385
- post-device-font-size-text-xxs: var(--post-core-font-size-10),
386
304
  post-device-elevation-100: var(--post-core-elevation-1),
387
305
  post-device-elevation-200: var(--post-core-elevation-2),
388
306
  post-device-elevation-300: var(--post-core-elevation-3),
@@ -391,9 +309,7 @@ $post-mobile: (
391
309
  post-device-font-family-default: var(--post-core-font-family-swiss-post),
392
310
  post-device-spacing-gap-1: var(--post-core-dimension-8),
393
311
  post-device-spacing-gap-2: var(--post-core-dimension-2),
394
- post-device-spacing-gap-3: var(--post-core-dimension-12),
395
312
  post-device-spacing-gap-4: var(--post-core-dimension-8),
396
- post-device-spacing-gap-5: var(--post-core-dimension-8),
397
313
  post-device-spacing-gap-6: var(--post-core-dimension-n2),
398
314
  post-device-spacing-gap-7: var(--post-core-dimension-16),
399
315
  post-device-spacing-gap-block-1: var(--post-core-dimension-4),
@@ -406,8 +322,6 @@ $post-mobile: (
406
322
  post-device-spacing-gap-inline-5: var(--post-core-dimension-2),
407
323
  post-device-spacing-gap-inline-6: var(--post-core-dimension-16),
408
324
  post-device-spacing-gap-inline-7: var(--post-core-dimension-12),
409
- post-device-spacing-gap-inline-8: var(--post-core-dimension-8),
410
- post-device-spacing-gap-inline-9: var(--post-core-dimension-6),
411
325
  post-device-spacing-gap-inline-10: var(--post-core-dimension-4),
412
326
  post-device-spacing-gap-inline-11: var(--post-core-dimension-4),
413
327
  post-device-spacing-gap-inline-12: var(--post-core-dimension-4),
@@ -424,15 +338,11 @@ $post-mobile: (
424
338
  post-device-spacing-padding-10: var(--post-core-dimension-14),
425
339
  post-device-spacing-padding-11: var(--post-core-dimension-14),
426
340
  post-device-spacing-padding-12: var(--post-core-dimension-1),
427
- post-device-spacing-padding-13: var(--post-core-dimension-12),
428
- post-device-spacing-padding-14: var(--post-core-dimension-10),
429
341
  post-device-spacing-padding-15: var(--post-core-dimension-8),
430
342
  post-device-spacing-padding-16: var(--post-core-dimension-2),
431
343
  post-device-spacing-padding-17: var(--post-core-dimension-8),
432
344
  post-device-spacing-padding-18: var(--post-core-dimension-4),
433
- post-device-spacing-padding-19: var(--post-core-dimension-12),
434
- post-device-spacing-padding-20: var(--post-core-dimension-10),
435
- post-device-spacing-padding-21: var(--post-core-dimension-16),
345
+ post-device-spacing-padding-19: var(--post-core-dimension-11),
436
346
  post-device-spacing-padding-inline-1: var(--post-core-dimension-14),
437
347
  post-device-spacing-padding-inline-3: var(--post-core-dimension-12),
438
348
  post-device-spacing-padding-inline-4: var(--post-core-dimension-12),
@@ -442,18 +352,14 @@ $post-mobile: (
442
352
  post-device-spacing-padding-inline-8: var(--post-core-dimension-0),
443
353
  post-device-spacing-padding-inline-9: var(--post-core-dimension-0),
444
354
  post-device-spacing-padding-block-1: var(--post-core-dimension-10),
445
- post-device-spacing-padding-block-2: var(--post-core-dimension-5-5),
446
355
  post-device-spacing-padding-block-3: var(--post-core-dimension-6-5),
447
- post-device-spacing-padding-block-4: var(--post-core-dimension-5),
448
356
  post-device-spacing-padding-block-5: var(--post-core-dimension-6),
449
357
  post-device-spacing-padding-block-6: var(--post-core-dimension-1-5),
450
358
  post-device-spacing-padding-block-7: var(--post-core-dimension-0),
451
359
  post-device-spacing-padding-block-8: var(--post-core-dimension-4),
452
360
  post-device-spacing-padding-block-9: var(--post-core-dimension-1-5),
453
361
  post-device-spacing-padding-block-10: var(--post-core-dimension-16),
454
- post-device-spacing-padding-block-11: var(--post-core-dimension-3),
455
362
  post-device-spacing-padding-block-12: var(--post-core-dimension-6),
456
- post-device-spacing-padding-block-13: var(--post-core-dimension-8),
457
363
  post-device-spacing-padding-block-14: var(--post-core-dimension-6),
458
364
  post-device-spacing-padding-block-15: var(--post-core-dimension-3-5),
459
365
  post-device-spacing-padding-block-16: var(--post-core-dimension-8),
@@ -466,7 +372,6 @@ $post-mobile: (
466
372
  post-device-spacing-padding-block-23: var(--post-core-dimension-11),
467
373
  post-device-spacing-padding-block-24: var(--post-core-dimension-2),
468
374
  post-device-spacing-padding-block-25: var(--post-core-dimension-16),
469
- post-device-spacing-padding-block-26: var(--post-core-dimension-26-5),
470
375
  post-device-spacing-padding-block-27: var(--post-core-dimension-17-5),
471
376
  post-device-spacing-padding-block-28: var(--post-core-dimension-17-5),
472
377
  post-device-spacing-padding-block-29: var(--post-core-dimension-24-5),
@@ -477,33 +382,25 @@ $post-mobile: (
477
382
  post-device-spacing-margin-4: var(--post-core-dimension-8),
478
383
  post-device-spacing-margin-5: var(--post-core-dimension-24),
479
384
  post-device-spacing-margin-6: var(--post-core-dimension-0),
480
- post-device-sizing-interactive-icon-height: var(--post-core-dimension-20),
481
- post-device-sizing-interactive-icon-width: var(--post-core-dimension-20),
482
385
  post-device-sizing-interactive-icon-size: var(--post-core-dimension-20),
483
386
  post-device-sizing-interactive-icon-size2: var(--post-core-dimension-20),
484
387
  post-device-sizing-interactive-icon-size3: var(--post-core-dimension-40),
485
388
  post-device-sizing-interactive-icon-size4: var(--post-core-dimension-16),
486
- post-device-sizing-interactive-textfields-icon: var(--post-core-dimension-32),
487
389
  post-device-sizing-interactive-stepper-indicator: var(--post-core-dimension-32),
488
390
  post-device-sizing-interactive-button-height-1: var(--post-core-dimension-32),
489
391
  post-device-sizing-interactive-button-height-2: var(--post-core-dimension-40),
490
- post-device-sizing-interactive-button-height-3: var(--post-core-dimension-24),
491
392
  post-device-sizing-interactive-button-height-4: var(--post-core-dimension-28),
492
393
  post-device-sizing-interactive-button-height-5: var(--post-core-dimension-40),
493
394
  post-device-sizing-interactive-button-height-6: var(--post-core-dimension-56),
494
395
  post-device-sizing-interactive-button-appstore-width-google: 135px,
495
396
  post-device-sizing-interactive-button-appstore-width-apple: 119.66px,
496
- post-device-sizing-interactive-button-icon-1: var(--post-core-dimension-16),
497
- post-device-sizing-interactive-button-icon-2: var(--post-core-dimension-12),
498
397
  post-device-sizing-interactive-button-icon-3: var(--post-core-dimension-18),
499
398
  post-device-sizing-interactive-button-icon-4: var(--post-core-dimension-16),
500
399
  post-device-sizing-interactive-button-icon-5: var(--post-core-dimension-14),
501
400
  post-device-sizing-interactive-button-icon-6: var(--post-core-dimension-6),
502
- post-device-sizing-interactive-footer-socialmedia: var(--post-core-dimension-24),
503
401
  post-device-sizing-notification-1: var(--post-core-dimension-24),
504
402
  post-device-sizing-notification-2: var(--post-core-dimension-16),
505
403
  post-device-sizing-notification-3: var(--post-core-dimension-16),
506
- post-device-sizing-notification-icon-1: var(--post-core-dimension-28),
507
404
  post-device-sizing-notification-icon-2: var(--post-core-dimension-40),
508
405
  post-device-sizing-notification-icon-3: var(--post-core-dimension-24),
509
406
  post-device-sizing-notification-icon-4: var(--post-core-dimension-32),
@@ -517,13 +414,11 @@ $post-mobile: (
517
414
  post-device-border-radius-focus: var(--post-core-dimension-4),
518
415
  post-device-font-weight-bold: var(--post-core-font-weight-700),
519
416
  post-device-font-weight-regular: var(--post-core-font-weight-400),
520
- post-device-font-weight-medium: var(--post-core-font-weight-500),
521
417
  post-device-font-weight-black: var(--post-core-font-weight-900),
522
418
  post-device-line-height-heading: var(--post-core-line-height-120),
523
419
  post-device-line-height-content: var(--post-core-line-height-150),
524
420
  post-device-line-height-legend: var(--post-core-line-height-120),
525
421
  post-device-line-height-label: var(--post-core-line-height-150),
526
- post-device-line-height-link: var(--post-core-line-height-150),
527
422
  post-device-border-width-default: var(--post-core-dimension-2),
528
423
  post-device-border-width-focus: var(--post-core-dimension-2),
529
424
  post-device-border-width-alternative2: var(--post-core-dimension-3),
@@ -533,6 +428,6 @@ $post-mobile: (
533
428
  post-device-grid-sizing-container-max-width: var(--post-core-dimension-1280),
534
429
  post-device-grid-padding-inline-container: var(--post-core-dimension-16),
535
430
  post-device-position-1: var(--post-core-dimension-16),
536
- post-device-position-2: var(--post-core-dimension-14),
537
- post-device-position-3: var(--post-core-dimension-46),
431
+ post-device-position-2: var(--post-core-dimension-16),
432
+ post-device-position-3: var(--post-core-dimension-48),
538
433
  );
package/_elements.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  // Do not edit manually
3
3
  // This file was generated by the swisspost/design-system-tokens package
4
- // Mon, 18 Nov 2024 17:05:11 GMT
4
+ // Wed, 04 Dec 2024 07:43:08 GMT
5
5
 
6
6
  $post-body: (
7
7
  post-body-font-family: var(--post-device-font-family-default),
@@ -69,9 +69,11 @@ $post-legend: (
69
69
  post-legend-font-weight: var(--post-device-font-weight-bold),
70
70
  post-legend-line-height: var(--post-device-line-height-legend),
71
71
  post-legend-large-font-size: var(--post-device-font-size-3),
72
- post-legend-large-margin-block-start: var(--post-device-spacing-margin-1),
72
+ post-legend-large-padding-block-start: var(--post-device-spacing-margin-1),
73
73
  post-legend-large-padding-block-end: var(--post-device-spacing-padding-17),
74
74
  post-legend-large-margin-block-end: var(--post-device-spacing-margin-4),
75
- post-legend-large-border-bottom: var(--post-core-color-sandgrey-100) var(--post-device-border-width-default) var(--post-core-border-style-solid),
76
75
  post-legend-large-border-color: var(--post-scheme-color-surface-default-stroke),
76
+ post-legend-large-border-style: var(--post-core-border-style-solid),
77
+ post-legend-large-border-width: var(--post-device-border-width-default),
78
+ post-legend-margin-block-end: var(--post-core-dimension-16),
77
79
  );
package/_helpers.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  // Do not edit manually
3
3
  // This file was generated by the swisspost/design-system-tokens package
4
- // Mon, 18 Nov 2024 17:05:11 GMT
4
+ // Wed, 04 Dec 2024 07:43:08 GMT
5
5
 
6
6
  $post-focus: (
7
7
  post-focus-outline-offset: var(--post-device-spacing-padding-2),
package/_index.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  // Do not edit manually
2
2
  // This file was generated by the swisspost/design-system-tokens package
3
- // Mon, 18 Nov 2024 17:05:11 GMT
3
+ // Wed, 04 Dec 2024 07:43:08 GMT
4
4
 
5
5
  @use './core';
6
6
  @forward './scheme';
package/_palettes.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  // Do not edit manually
3
3
  // This file was generated by the swisspost/design-system-tokens package
4
- // Mon, 18 Nov 2024 17:05:11 GMT
4
+ // Wed, 04 Dec 2024 07:43:08 GMT
5
5
 
6
6
  $post-palettes: (
7
7
  post-palettes-color-default-bg: var(--post-theme-color-palettes-default-bg),