@swisspost/design-system-styles 9.0.3 → 9.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.
@@ -0,0 +1,472 @@
1
+
2
+ // Do not edit manually
3
+ // This file was generated by the swisspost/design-system-tokens package
4
+ // Mon, 15 Sep 2025 10:53:04 GMT
5
+
6
+ $post-desktop: (
7
+ post-sem-font-size-heading-xs: var(--post-core-font-size-20),
8
+ post-sem-font-size-heading-s: var(--post-core-font-size-24),
9
+ post-sem-font-size-heading-m: var(--post-core-font-size-28),
10
+ post-sem-font-size-heading-l: var(--post-core-font-size-32),
11
+ post-sem-font-size-heading-xl: var(--post-core-font-size-36),
12
+ post-sem-font-size-heading-xxl: var(--post-core-font-size-40),
13
+ post-sem-font-size-text-xs: var(--post-core-font-size-12),
14
+ post-sem-font-size-text-s: var(--post-core-font-size-14),
15
+ post-sem-font-size-text-m: var(--post-core-font-size-16),
16
+ post-sem-font-size-text-l: var(--post-core-font-size-18),
17
+ post-sem-font-size-text-xl: var(--post-core-font-size-20),
18
+ post-sem-elevation-base: var(--post-core-elevation-1),
19
+ post-sem-elevation-s: var(--post-core-elevation-2),
20
+ post-sem-elevation-m: var(--post-core-elevation-3),
21
+ post-sem-elevation-l: var(--post-core-elevation-4),
22
+ post-sem-elevation-xl: var(--post-core-elevation-5),
23
+ post-sem-typo-title-h1-fontFamily: var(--post-sem-font-family-default),
24
+ post-sem-typo-title-h1-fontWeight: var(--post-core-font-weight-700),
25
+ post-sem-typo-title-h1-fontSize: var(--post-core-font-size-40),
26
+ post-sem-typo-title-h1-lineHeight: var(--post-core-line-height-120),
27
+ post-sem-typo-title-h1-letterSpacing: var(--post-core-letter-spacing-default),
28
+ post-sem-typo-title-h2-fontFamily: var(--post-sem-font-family-default),
29
+ post-sem-typo-title-h2-fontWeight: var(--post-core-font-weight-700),
30
+ post-sem-typo-title-h2-fontSize: var(--post-core-font-size-36),
31
+ post-sem-typo-title-h2-lineHeight: var(--post-core-line-height-120),
32
+ post-sem-typo-title-h2-letterSpacing: var(--post-core-letter-spacing-default),
33
+ post-sem-typo-title-h3-fontFamily: var(--post-sem-font-family-default),
34
+ post-sem-typo-title-h3-fontWeight: var(--post-core-font-weight-700),
35
+ post-sem-typo-title-h3-fontSize: var(--post-core-font-size-32),
36
+ post-sem-typo-title-h3-lineHeight: var(--post-core-line-height-120),
37
+ post-sem-typo-title-h3-letterSpacing: var(--post-core-letter-spacing-default),
38
+ post-sem-typo-title-h4-fontFamily: var(--post-sem-font-family-default),
39
+ post-sem-typo-title-h4-fontWeight: var(--post-core-font-weight-700),
40
+ post-sem-typo-title-h4-fontSize: var(--post-core-font-size-28),
41
+ post-sem-typo-title-h4-lineHeight: var(--post-core-line-height-120),
42
+ post-sem-typo-title-h4-letterSpacing: var(--post-core-letter-spacing-default),
43
+ post-sem-typo-title-h5-fontFamily: var(--post-sem-font-family-default),
44
+ post-sem-typo-title-h5-fontWeight: var(--post-core-font-weight-700),
45
+ post-sem-typo-title-h5-fontSize: var(--post-core-font-size-24),
46
+ post-sem-typo-title-h5-lineHeight: var(--post-core-line-height-120),
47
+ post-sem-typo-title-h5-letterSpacing: var(--post-core-letter-spacing-default),
48
+ post-sem-typo-title-h6-fontFamily: var(--post-sem-font-family-default),
49
+ post-sem-typo-title-h6-fontWeight: var(--post-core-font-weight-700),
50
+ post-sem-typo-title-h6-fontSize: var(--post-core-font-size-20),
51
+ post-sem-typo-title-h6-lineHeight: var(--post-core-line-height-120),
52
+ post-sem-typo-title-h6-letterSpacing: var(--post-core-letter-spacing-default),
53
+ post-sem-typo-subtitle-sub-h1-fontFamily: var(--post-sem-font-family-default),
54
+ post-sem-typo-subtitle-sub-h1-fontWeight: var(--post-core-font-weight-400),
55
+ post-sem-typo-subtitle-sub-h1-fontSize: var(--post-core-font-size-40),
56
+ post-sem-typo-subtitle-sub-h1-lineHeight: var(--post-core-line-height-120),
57
+ post-sem-typo-subtitle-sub-h1-letterSpacing: var(--post-core-letter-spacing-default),
58
+ post-sem-typo-subtitle-sub-h2-fontFamily: var(--post-sem-font-family-default),
59
+ post-sem-typo-subtitle-sub-h2-fontWeight: var(--post-core-font-weight-400),
60
+ post-sem-typo-subtitle-sub-h2-fontSize: var(--post-core-font-size-36),
61
+ post-sem-typo-subtitle-sub-h2-lineHeight: var(--post-core-line-height-120),
62
+ post-sem-typo-subtitle-sub-h2-letterSpacing: var(--post-core-letter-spacing-default),
63
+ post-sem-typo-subtitle-sub-h3-fontFamily: var(--post-sem-font-family-default),
64
+ post-sem-typo-subtitle-sub-h3-fontWeight: var(--post-core-font-weight-400),
65
+ post-sem-typo-subtitle-sub-h3-fontSize: var(--post-core-font-size-32),
66
+ post-sem-typo-subtitle-sub-h3-lineHeight: var(--post-core-line-height-120),
67
+ post-sem-typo-subtitle-sub-h3-letterSpacing: var(--post-core-letter-spacing-default),
68
+ post-sem-typo-subtitle-sub-h4-fontFamily: var(--post-sem-font-family-default),
69
+ post-sem-typo-subtitle-sub-h4-fontWeight: var(--post-core-font-weight-400),
70
+ post-sem-typo-subtitle-sub-h4-fontSize: var(--post-core-font-size-28),
71
+ post-sem-typo-subtitle-sub-h4-lineHeight: var(--post-core-line-height-120),
72
+ post-sem-typo-subtitle-sub-h4-letterSpacing: var(--post-core-letter-spacing-default),
73
+ post-sem-typo-subtitle-sub-h5-fontFamily: var(--post-sem-font-family-default),
74
+ post-sem-typo-subtitle-sub-h5-fontWeight: var(--post-core-font-weight-400),
75
+ post-sem-typo-subtitle-sub-h5-fontSize: var(--post-core-font-size-24),
76
+ post-sem-typo-subtitle-sub-h5-lineHeight: var(--post-core-line-height-120),
77
+ post-sem-typo-subtitle-sub-h5-letterSpacing: var(--post-core-letter-spacing-default),
78
+ post-sem-typo-subtitle-sub-h6-fontFamily: var(--post-sem-font-family-default),
79
+ post-sem-typo-subtitle-sub-h6-fontWeight: var(--post-core-font-weight-400),
80
+ post-sem-typo-subtitle-sub-h6-fontSize: var(--post-core-font-size-20),
81
+ post-sem-typo-subtitle-sub-h6-lineHeight: var(--post-core-line-height-120),
82
+ post-sem-typo-subtitle-sub-h6-letterSpacing: var(--post-core-letter-spacing-default),
83
+ post-sem-typo-text-lead-fontFamily: var(--post-sem-font-family-default),
84
+ post-sem-typo-text-lead-fontWeight: var(--post-core-font-weight-700),
85
+ post-sem-typo-text-lead-fontSize: var(--post-core-font-size-24),
86
+ post-sem-typo-text-lead-lineHeight: var(--post-core-line-height-150),
87
+ post-sem-typo-text-lead-letterSpacing: var(--post-core-letter-spacing-default),
88
+ post-sem-typo-text-paragraph-fontFamily: var(--post-sem-font-family-default),
89
+ post-sem-typo-text-paragraph-fontWeight: var(--post-core-font-weight-400),
90
+ post-sem-typo-text-paragraph-fontSize: var(--post-core-font-size-20),
91
+ post-sem-typo-text-paragraph-lineHeight: var(--post-core-line-height-150),
92
+ post-sem-typo-text-paragraph-letterSpacing: var(--post-core-letter-spacing-default),
93
+ post-sem-typo-text-legend-l-fontFamily: var(--post-sem-font-family-default),
94
+ post-sem-typo-text-legend-l-fontWeight: var(--post-core-font-weight-700),
95
+ post-sem-typo-text-legend-l-fontSize: var(--post-core-font-size-32),
96
+ post-sem-typo-text-legend-l-lineHeight: var(--post-core-line-height-120),
97
+ post-sem-typo-text-legend-l-letterSpacing: var(--post-core-letter-spacing-default),
98
+ post-sem-typo-text-legend-s-fontFamily: var(--post-sem-font-family-default),
99
+ post-sem-typo-text-legend-s-fontWeight: var(--post-core-font-weight-700),
100
+ post-sem-typo-text-legend-s-fontSize: var(--post-core-font-size-20),
101
+ post-sem-typo-text-legend-s-lineHeight: var(--post-core-line-height-120),
102
+ post-sem-typo-text-legend-s-letterSpacing: var(--post-core-letter-spacing-default),
103
+ post-sem-typo-text-label-l-fontFamily: var(--post-sem-font-family-default),
104
+ post-sem-typo-text-label-l-fontWeight: var(--post-core-font-weight-400),
105
+ post-sem-typo-text-label-l-fontSize: var(--post-core-font-size-18),
106
+ post-sem-typo-text-label-l-lineHeight: var(--post-core-line-height-150),
107
+ post-sem-typo-text-label-l-letterSpacing: var(--post-core-letter-spacing-default),
108
+ post-sem-typo-text-label-m-fontFamily: var(--post-sem-font-family-default),
109
+ post-sem-typo-text-label-m-fontWeight: var(--post-core-font-weight-400),
110
+ post-sem-typo-text-label-m-fontSize: var(--post-core-font-size-16),
111
+ post-sem-typo-text-label-m-lineHeight: var(--post-core-line-height-150),
112
+ post-sem-typo-text-label-m-letterSpacing: var(--post-core-letter-spacing-default),
113
+ post-sem-typo-text-label-s-fontFamily: var(--post-sem-font-family-default),
114
+ post-sem-typo-text-label-s-fontWeight: var(--post-core-font-weight-400),
115
+ post-sem-typo-text-label-s-fontSize: var(--post-core-font-size-14),
116
+ post-sem-typo-text-label-s-lineHeight: var(--post-core-line-height-150),
117
+ post-sem-typo-text-label-s-letterSpacing: var(--post-core-letter-spacing-default),
118
+ post-sem-typo-text-label-xs-fontFamily: var(--post-sem-font-family-default),
119
+ post-sem-typo-text-label-xs-fontWeight: var(--post-core-font-weight-400),
120
+ post-sem-typo-text-label-xs-fontSize: var(--post-core-font-size-12),
121
+ post-sem-typo-text-label-xs-lineHeight: var(--post-core-line-height-150),
122
+ post-sem-typo-text-label-xs-letterSpacing: var(--post-core-letter-spacing-default),
123
+ post-sem-typo-text-link-underline-fontFamily: var(--post-sem-font-family-default),
124
+ post-sem-typo-text-link-underline-fontWeight: var(--post-core-font-weight-400),
125
+ post-sem-typo-text-link-underline-fontSize: var(--post-core-font-size-20),
126
+ post-sem-typo-text-link-underline-lineHeight: var(--post-core-line-height-150),
127
+ post-sem-typo-text-link-underline-letterSpacing: var(--post-core-letter-spacing-default),
128
+ post-sem-typo-text-link-underline-textDecoration: underline,
129
+ post-sem-typo-text-link-fontFamily: var(--post-sem-font-family-default),
130
+ post-sem-typo-text-link-fontWeight: var(--post-core-font-weight-400),
131
+ post-sem-typo-text-link-fontSize: var(--post-core-font-size-20),
132
+ post-sem-typo-text-link-lineHeight: var(--post-core-line-height-150),
133
+ post-sem-typo-text-link-letterSpacing: var(--post-core-letter-spacing-default),
134
+ post-sem-font-family-default: var(--post-core-font-family-swisspostsans),
135
+ post-sem-spacing-interactive-gap-block-1: var(--post-core-dimension-16),
136
+ post-sem-spacing-interactive-gap-block-2: var(--post-core-dimension-16),
137
+ post-sem-spacing-interactive-gap-inline-1: var(--post-core-dimension-8),
138
+ post-sem-spacing-interactive-gap-inline-2: var(--post-core-dimension-8),
139
+ post-sem-spacing-interactive-gap-inline-3: var(--post-core-dimension-12),
140
+ post-sem-spacing-interactive-gap-inline-4: var(--post-core-dimension-4),
141
+ post-sem-spacing-interactive-gap-inline-5: var(--post-core-dimension-2),
142
+ post-sem-spacing-interactive-padding-1: var(--post-core-dimension-0),
143
+ post-sem-spacing-interactive-padding-2: var(--post-core-dimension-2),
144
+ post-sem-spacing-interactive-padding-3: var(--post-core-dimension-10),
145
+ post-sem-spacing-interactive-padding-inline-1: var(--post-core-dimension-14),
146
+ post-sem-spacing-interactive-padding-inline-2: var(--post-core-dimension-32),
147
+ post-sem-spacing-interactive-padding-block-1: var(--post-core-dimension-11),
148
+ post-sem-spacing-interactive-padding-block-2: var(--post-core-dimension-4),
149
+ post-sem-spacing-interactive-padding-block-3: var(--post-core-dimension-4-5),
150
+ post-sem-spacing-interactive-padding-block-4: var(--post-core-dimension-7-5),
151
+ post-sem-spacing-interactive-padding-block-5: var(--post-core-dimension-6),
152
+ post-sem-spacing-interactive-padding-block-6: var(--post-core-dimension-1),
153
+ post-sem-spacing-interactive-padding-block-7: var(--post-core-dimension-1),
154
+ post-sem-spacing-interactive-padding-block-8: var(--post-core-dimension-32),
155
+ post-sem-spacing-interactive-padding-block-9: var(--post-core-dimension-5),
156
+ post-sem-sizing-interactive-icon-height: var(--post-core-dimension-24),
157
+ post-sem-sizing-interactive-icon-width: var(--post-core-dimension-24),
158
+ post-core-font-weight-bold: var(--post-core-font-weight-700),
159
+ post-core-font-weight-regular: var(--post-core-font-weight-400),
160
+ );
161
+
162
+ $post-tablet: (
163
+ post-sem-font-size-heading-xs: var(--post-core-font-size-20),
164
+ post-sem-font-size-heading-s: var(--post-core-font-size-24),
165
+ post-sem-font-size-heading-m: var(--post-core-font-size-28),
166
+ post-sem-font-size-heading-l: var(--post-core-font-size-32),
167
+ post-sem-font-size-heading-xl: var(--post-core-font-size-36),
168
+ post-sem-font-size-heading-xxl: var(--post-core-font-size-40),
169
+ post-sem-font-size-text-xs: var(--post-core-font-size-12),
170
+ post-sem-font-size-text-s: var(--post-core-font-size-14),
171
+ post-sem-font-size-text-m: var(--post-core-font-size-16),
172
+ post-sem-font-size-text-l: var(--post-core-font-size-18),
173
+ post-sem-font-size-text-xl: var(--post-core-font-size-20),
174
+ post-sem-elevation-base: var(--post-core-elevation-1),
175
+ post-sem-elevation-s: var(--post-core-elevation-2),
176
+ post-sem-elevation-m: var(--post-core-elevation-3),
177
+ post-sem-elevation-l: var(--post-core-elevation-4),
178
+ post-sem-elevation-xl: var(--post-core-elevation-5),
179
+ post-sem-typo-title-h1-fontFamily: var(--post-sem-font-family-default),
180
+ post-sem-typo-title-h1-fontWeight: var(--post-core-font-weight-700),
181
+ post-sem-typo-title-h1-fontSize: var(--post-core-font-size-40),
182
+ post-sem-typo-title-h1-lineHeight: var(--post-core-line-height-120),
183
+ post-sem-typo-title-h1-letterSpacing: var(--post-core-letter-spacing-default),
184
+ post-sem-typo-title-h2-fontFamily: var(--post-sem-font-family-default),
185
+ post-sem-typo-title-h2-fontWeight: var(--post-core-font-weight-700),
186
+ post-sem-typo-title-h2-fontSize: var(--post-core-font-size-36),
187
+ post-sem-typo-title-h2-lineHeight: var(--post-core-line-height-120),
188
+ post-sem-typo-title-h2-letterSpacing: var(--post-core-letter-spacing-default),
189
+ post-sem-typo-title-h3-fontFamily: var(--post-sem-font-family-default),
190
+ post-sem-typo-title-h3-fontWeight: var(--post-core-font-weight-700),
191
+ post-sem-typo-title-h3-fontSize: var(--post-core-font-size-32),
192
+ post-sem-typo-title-h3-lineHeight: var(--post-core-line-height-120),
193
+ post-sem-typo-title-h3-letterSpacing: var(--post-core-letter-spacing-default),
194
+ post-sem-typo-title-h4-fontFamily: var(--post-sem-font-family-default),
195
+ post-sem-typo-title-h4-fontWeight: var(--post-core-font-weight-700),
196
+ post-sem-typo-title-h4-fontSize: var(--post-core-font-size-28),
197
+ post-sem-typo-title-h4-lineHeight: var(--post-core-line-height-120),
198
+ post-sem-typo-title-h4-letterSpacing: var(--post-core-letter-spacing-default),
199
+ post-sem-typo-title-h5-fontFamily: var(--post-sem-font-family-default),
200
+ post-sem-typo-title-h5-fontWeight: var(--post-core-font-weight-700),
201
+ post-sem-typo-title-h5-fontSize: var(--post-core-font-size-24),
202
+ post-sem-typo-title-h5-lineHeight: var(--post-core-line-height-120),
203
+ post-sem-typo-title-h5-letterSpacing: var(--post-core-letter-spacing-default),
204
+ post-sem-typo-title-h6-fontFamily: var(--post-sem-font-family-default),
205
+ post-sem-typo-title-h6-fontWeight: var(--post-core-font-weight-700),
206
+ post-sem-typo-title-h6-fontSize: var(--post-core-font-size-20),
207
+ post-sem-typo-title-h6-lineHeight: var(--post-core-line-height-120),
208
+ post-sem-typo-title-h6-letterSpacing: var(--post-core-letter-spacing-default),
209
+ post-sem-typo-subtitle-sub-h1-fontFamily: var(--post-sem-font-family-default),
210
+ post-sem-typo-subtitle-sub-h1-fontWeight: var(--post-core-font-weight-400),
211
+ post-sem-typo-subtitle-sub-h1-fontSize: var(--post-core-font-size-40),
212
+ post-sem-typo-subtitle-sub-h1-lineHeight: var(--post-core-line-height-120),
213
+ post-sem-typo-subtitle-sub-h1-letterSpacing: var(--post-core-letter-spacing-default),
214
+ post-sem-typo-subtitle-sub-h2-fontFamily: var(--post-sem-font-family-default),
215
+ post-sem-typo-subtitle-sub-h2-fontWeight: var(--post-core-font-weight-400),
216
+ post-sem-typo-subtitle-sub-h2-fontSize: var(--post-core-font-size-36),
217
+ post-sem-typo-subtitle-sub-h2-lineHeight: var(--post-core-line-height-120),
218
+ post-sem-typo-subtitle-sub-h2-letterSpacing: var(--post-core-letter-spacing-default),
219
+ post-sem-typo-subtitle-sub-h3-fontFamily: var(--post-sem-font-family-default),
220
+ post-sem-typo-subtitle-sub-h3-fontWeight: var(--post-core-font-weight-400),
221
+ post-sem-typo-subtitle-sub-h3-fontSize: var(--post-core-font-size-32),
222
+ post-sem-typo-subtitle-sub-h3-lineHeight: var(--post-core-line-height-120),
223
+ post-sem-typo-subtitle-sub-h3-letterSpacing: var(--post-core-letter-spacing-default),
224
+ post-sem-typo-subtitle-sub-h4-fontFamily: var(--post-sem-font-family-default),
225
+ post-sem-typo-subtitle-sub-h4-fontWeight: var(--post-core-font-weight-400),
226
+ post-sem-typo-subtitle-sub-h4-fontSize: var(--post-core-font-size-28),
227
+ post-sem-typo-subtitle-sub-h4-lineHeight: var(--post-core-line-height-120),
228
+ post-sem-typo-subtitle-sub-h4-letterSpacing: var(--post-core-letter-spacing-default),
229
+ post-sem-typo-subtitle-sub-h5-fontFamily: var(--post-sem-font-family-default),
230
+ post-sem-typo-subtitle-sub-h5-fontWeight: var(--post-core-font-weight-400),
231
+ post-sem-typo-subtitle-sub-h5-fontSize: var(--post-core-font-size-24),
232
+ post-sem-typo-subtitle-sub-h5-lineHeight: var(--post-core-line-height-120),
233
+ post-sem-typo-subtitle-sub-h5-letterSpacing: var(--post-core-letter-spacing-default),
234
+ post-sem-typo-subtitle-sub-h6-fontFamily: var(--post-sem-font-family-default),
235
+ post-sem-typo-subtitle-sub-h6-fontWeight: var(--post-core-font-weight-400),
236
+ post-sem-typo-subtitle-sub-h6-fontSize: var(--post-core-font-size-20),
237
+ post-sem-typo-subtitle-sub-h6-lineHeight: var(--post-core-line-height-120),
238
+ post-sem-typo-subtitle-sub-h6-letterSpacing: var(--post-core-letter-spacing-default),
239
+ post-sem-typo-text-lead-fontFamily: var(--post-sem-font-family-default),
240
+ post-sem-typo-text-lead-fontWeight: var(--post-core-font-weight-700),
241
+ post-sem-typo-text-lead-fontSize: var(--post-core-font-size-20),
242
+ post-sem-typo-text-lead-lineHeight: var(--post-core-line-height-150),
243
+ post-sem-typo-text-lead-letterSpacing: var(--post-core-letter-spacing-default),
244
+ post-sem-typo-text-paragraph-fontFamily: var(--post-sem-font-family-default),
245
+ post-sem-typo-text-paragraph-fontWeight: var(--post-core-font-weight-400),
246
+ post-sem-typo-text-paragraph-fontSize: var(--post-core-font-size-16),
247
+ post-sem-typo-text-paragraph-lineHeight: var(--post-core-line-height-150),
248
+ post-sem-typo-text-paragraph-letterSpacing: var(--post-core-letter-spacing-default),
249
+ post-sem-typo-text-legend-l-fontFamily: var(--post-sem-font-family-default),
250
+ post-sem-typo-text-legend-l-fontWeight: var(--post-core-font-weight-700),
251
+ post-sem-typo-text-legend-l-fontSize: var(--post-core-font-size-16),
252
+ post-sem-typo-text-legend-l-lineHeight: var(--post-core-line-height-120),
253
+ post-sem-typo-text-legend-l-letterSpacing: var(--post-core-letter-spacing-default),
254
+ post-sem-typo-text-legend-s-fontFamily: var(--post-sem-font-family-default),
255
+ post-sem-typo-text-legend-s-fontWeight: var(--post-core-font-weight-700),
256
+ post-sem-typo-text-legend-s-fontSize: var(--post-core-font-size-16),
257
+ post-sem-typo-text-legend-s-lineHeight: var(--post-core-line-height-120),
258
+ post-sem-typo-text-legend-s-letterSpacing: var(--post-core-letter-spacing-default),
259
+ post-sem-typo-text-label-l-fontFamily: var(--post-sem-font-family-default),
260
+ post-sem-typo-text-label-l-fontWeight: var(--post-core-font-weight-400),
261
+ post-sem-typo-text-label-l-fontSize: var(--post-core-font-size-18),
262
+ post-sem-typo-text-label-l-lineHeight: var(--post-core-line-height-150),
263
+ post-sem-typo-text-label-l-letterSpacing: var(--post-core-letter-spacing-default),
264
+ post-sem-typo-text-label-m-fontFamily: var(--post-sem-font-family-default),
265
+ post-sem-typo-text-label-m-fontWeight: var(--post-core-font-weight-400),
266
+ post-sem-typo-text-label-m-fontSize: var(--post-core-font-size-16),
267
+ post-sem-typo-text-label-m-lineHeight: var(--post-core-line-height-150),
268
+ post-sem-typo-text-label-m-letterSpacing: var(--post-core-letter-spacing-default),
269
+ post-sem-typo-text-label-s-fontFamily: var(--post-sem-font-family-default),
270
+ post-sem-typo-text-label-s-fontWeight: var(--post-core-font-weight-400),
271
+ post-sem-typo-text-label-s-fontSize: var(--post-core-font-size-14),
272
+ post-sem-typo-text-label-s-lineHeight: var(--post-core-line-height-150),
273
+ post-sem-typo-text-label-s-letterSpacing: var(--post-core-letter-spacing-default),
274
+ post-sem-typo-text-label-xs-fontFamily: var(--post-sem-font-family-default),
275
+ post-sem-typo-text-label-xs-fontWeight: var(--post-core-font-weight-400),
276
+ post-sem-typo-text-label-xs-fontSize: var(--post-core-font-size-12),
277
+ post-sem-typo-text-label-xs-lineHeight: var(--post-core-line-height-150),
278
+ post-sem-typo-text-label-xs-letterSpacing: var(--post-core-letter-spacing-default),
279
+ post-sem-typo-text-link-underline-fontFamily: var(--post-sem-font-family-default),
280
+ post-sem-typo-text-link-underline-fontWeight: var(--post-core-font-weight-400),
281
+ post-sem-typo-text-link-underline-fontSize: var(--post-core-font-size-16),
282
+ post-sem-typo-text-link-underline-lineHeight: var(--post-core-line-height-150),
283
+ post-sem-typo-text-link-underline-letterSpacing: var(--post-core-letter-spacing-default),
284
+ post-sem-typo-text-link-underline-textDecoration: underline,
285
+ post-sem-typo-text-link-fontFamily: var(--post-sem-font-family-default),
286
+ post-sem-typo-text-link-fontWeight: var(--post-core-font-weight-400),
287
+ post-sem-typo-text-link-fontSize: var(--post-core-font-size-16),
288
+ post-sem-typo-text-link-lineHeight: var(--post-core-line-height-150),
289
+ post-sem-typo-text-link-letterSpacing: var(--post-core-letter-spacing-default),
290
+ post-sem-font-family-default: var(--post-core-font-family-swisspostsans),
291
+ post-sem-spacing-interactive-gap-block-1: var(--post-core-dimension-16),
292
+ post-sem-spacing-interactive-gap-block-2: var(--post-core-dimension-16),
293
+ post-sem-spacing-interactive-gap-inline-1: var(--post-core-dimension-8),
294
+ post-sem-spacing-interactive-gap-inline-2: var(--post-core-dimension-8),
295
+ post-sem-spacing-interactive-gap-inline-3: var(--post-core-dimension-12),
296
+ post-sem-spacing-interactive-gap-inline-4: var(--post-core-dimension-4),
297
+ post-sem-spacing-interactive-gap-inline-5: var(--post-core-dimension-2),
298
+ post-sem-spacing-interactive-padding-1: var(--post-core-dimension-1),
299
+ post-sem-spacing-interactive-padding-2: var(--post-core-dimension-2),
300
+ post-sem-spacing-interactive-padding-3: var(--post-core-dimension-10),
301
+ post-sem-spacing-interactive-padding-inline-1: var(--post-core-dimension-14),
302
+ post-sem-spacing-interactive-padding-inline-2: var(--post-core-dimension-30),
303
+ post-sem-spacing-interactive-padding-block-1: var(--post-core-dimension-10),
304
+ post-sem-spacing-interactive-padding-block-2: var(--post-core-dimension-4),
305
+ post-sem-spacing-interactive-padding-block-3: var(--post-core-dimension-5),
306
+ post-sem-spacing-interactive-padding-block-4: var(--post-core-dimension-5),
307
+ post-sem-spacing-interactive-padding-block-5: var(--post-core-dimension-6),
308
+ post-sem-spacing-interactive-padding-block-6: var(--post-core-dimension-0),
309
+ post-sem-spacing-interactive-padding-block-7: var(--post-core-dimension-0),
310
+ post-sem-spacing-interactive-padding-block-8: var(--post-core-dimension-24),
311
+ post-sem-spacing-interactive-padding-block-9: var(--post-core-dimension-5),
312
+ post-sem-sizing-interactive-icon-height: var(--post-core-dimension-22),
313
+ post-sem-sizing-interactive-icon-width: var(--post-core-dimension-22),
314
+ post-core-font-weight-bold: var(--post-core-font-weight-700),
315
+ post-core-font-weight-regular: var(--post-core-font-weight-400),
316
+ );
317
+
318
+ $post-mobile: (
319
+ post-sem-font-size-heading-xs: var(--post-core-font-size-20),
320
+ post-sem-font-size-heading-s: var(--post-core-font-size-24),
321
+ post-sem-font-size-heading-m: var(--post-core-font-size-28),
322
+ post-sem-font-size-heading-l: var(--post-core-font-size-32),
323
+ post-sem-font-size-heading-xl: var(--post-core-font-size-36),
324
+ post-sem-font-size-heading-xxl: var(--post-core-font-size-40),
325
+ post-sem-font-size-text-xs: var(--post-core-font-size-12),
326
+ post-sem-font-size-text-s: var(--post-core-font-size-14),
327
+ post-sem-font-size-text-m: var(--post-core-font-size-16),
328
+ post-sem-font-size-text-l: var(--post-core-font-size-18),
329
+ post-sem-font-size-text-xl: var(--post-core-font-size-20),
330
+ post-sem-elevation-base: var(--post-core-elevation-1),
331
+ post-sem-elevation-s: var(--post-core-elevation-2),
332
+ post-sem-elevation-m: var(--post-core-elevation-3),
333
+ post-sem-elevation-l: var(--post-core-elevation-4),
334
+ post-sem-elevation-xl: var(--post-core-elevation-5),
335
+ post-sem-typo-title-h1-fontFamily: var(--post-sem-font-family-default),
336
+ post-sem-typo-title-h1-fontWeight: var(--post-core-font-weight-700),
337
+ post-sem-typo-title-h1-fontSize: var(--post-core-font-size-40),
338
+ post-sem-typo-title-h1-lineHeight: var(--post-core-line-height-120),
339
+ post-sem-typo-title-h1-letterSpacing: var(--post-core-letter-spacing-default),
340
+ post-sem-typo-title-h2-fontFamily: var(--post-sem-font-family-default),
341
+ post-sem-typo-title-h2-fontWeight: var(--post-core-font-weight-700),
342
+ post-sem-typo-title-h2-fontSize: var(--post-core-font-size-36),
343
+ post-sem-typo-title-h2-lineHeight: var(--post-core-line-height-120),
344
+ post-sem-typo-title-h2-letterSpacing: var(--post-core-letter-spacing-default),
345
+ post-sem-typo-title-h3-fontFamily: var(--post-sem-font-family-default),
346
+ post-sem-typo-title-h3-fontWeight: var(--post-core-font-weight-700),
347
+ post-sem-typo-title-h3-fontSize: var(--post-core-font-size-32),
348
+ post-sem-typo-title-h3-lineHeight: var(--post-core-line-height-120),
349
+ post-sem-typo-title-h3-letterSpacing: var(--post-core-letter-spacing-default),
350
+ post-sem-typo-title-h4-fontFamily: var(--post-sem-font-family-default),
351
+ post-sem-typo-title-h4-fontWeight: var(--post-core-font-weight-700),
352
+ post-sem-typo-title-h4-fontSize: var(--post-core-font-size-28),
353
+ post-sem-typo-title-h4-lineHeight: var(--post-core-line-height-120),
354
+ post-sem-typo-title-h4-letterSpacing: var(--post-core-letter-spacing-default),
355
+ post-sem-typo-title-h5-fontFamily: var(--post-sem-font-family-default),
356
+ post-sem-typo-title-h5-fontWeight: var(--post-core-font-weight-700),
357
+ post-sem-typo-title-h5-fontSize: var(--post-core-font-size-24),
358
+ post-sem-typo-title-h5-lineHeight: var(--post-core-line-height-120),
359
+ post-sem-typo-title-h5-letterSpacing: var(--post-core-letter-spacing-default),
360
+ post-sem-typo-title-h6-fontFamily: var(--post-sem-font-family-default),
361
+ post-sem-typo-title-h6-fontWeight: var(--post-core-font-weight-700),
362
+ post-sem-typo-title-h6-fontSize: var(--post-core-font-size-20),
363
+ post-sem-typo-title-h6-lineHeight: var(--post-core-line-height-120),
364
+ post-sem-typo-title-h6-letterSpacing: var(--post-core-letter-spacing-default),
365
+ post-sem-typo-subtitle-sub-h1-fontFamily: var(--post-sem-font-family-default),
366
+ post-sem-typo-subtitle-sub-h1-fontWeight: var(--post-core-font-weight-400),
367
+ post-sem-typo-subtitle-sub-h1-fontSize: var(--post-core-font-size-40),
368
+ post-sem-typo-subtitle-sub-h1-lineHeight: var(--post-core-line-height-120),
369
+ post-sem-typo-subtitle-sub-h1-letterSpacing: var(--post-core-letter-spacing-default),
370
+ post-sem-typo-subtitle-sub-h2-fontFamily: var(--post-sem-font-family-default),
371
+ post-sem-typo-subtitle-sub-h2-fontWeight: var(--post-core-font-weight-400),
372
+ post-sem-typo-subtitle-sub-h2-fontSize: var(--post-core-font-size-36),
373
+ post-sem-typo-subtitle-sub-h2-lineHeight: var(--post-core-line-height-120),
374
+ post-sem-typo-subtitle-sub-h2-letterSpacing: var(--post-core-letter-spacing-default),
375
+ post-sem-typo-subtitle-sub-h3-fontFamily: var(--post-sem-font-family-default),
376
+ post-sem-typo-subtitle-sub-h3-fontWeight: var(--post-core-font-weight-400),
377
+ post-sem-typo-subtitle-sub-h3-fontSize: var(--post-core-font-size-32),
378
+ post-sem-typo-subtitle-sub-h3-lineHeight: var(--post-core-line-height-120),
379
+ post-sem-typo-subtitle-sub-h3-letterSpacing: var(--post-core-letter-spacing-default),
380
+ post-sem-typo-subtitle-sub-h4-fontFamily: var(--post-sem-font-family-default),
381
+ post-sem-typo-subtitle-sub-h4-fontWeight: var(--post-core-font-weight-400),
382
+ post-sem-typo-subtitle-sub-h4-fontSize: var(--post-core-font-size-28),
383
+ post-sem-typo-subtitle-sub-h4-lineHeight: var(--post-core-line-height-120),
384
+ post-sem-typo-subtitle-sub-h4-letterSpacing: var(--post-core-letter-spacing-default),
385
+ post-sem-typo-subtitle-sub-h5-fontFamily: var(--post-sem-font-family-default),
386
+ post-sem-typo-subtitle-sub-h5-fontWeight: var(--post-core-font-weight-400),
387
+ post-sem-typo-subtitle-sub-h5-fontSize: var(--post-core-font-size-24),
388
+ post-sem-typo-subtitle-sub-h5-lineHeight: var(--post-core-line-height-120),
389
+ post-sem-typo-subtitle-sub-h5-letterSpacing: var(--post-core-letter-spacing-default),
390
+ post-sem-typo-subtitle-sub-h6-fontFamily: var(--post-sem-font-family-default),
391
+ post-sem-typo-subtitle-sub-h6-fontWeight: var(--post-core-font-weight-400),
392
+ post-sem-typo-subtitle-sub-h6-fontSize: var(--post-core-font-size-20),
393
+ post-sem-typo-subtitle-sub-h6-lineHeight: var(--post-core-line-height-120),
394
+ post-sem-typo-subtitle-sub-h6-letterSpacing: var(--post-core-letter-spacing-default),
395
+ post-sem-typo-text-lead-fontFamily: var(--post-sem-font-family-default),
396
+ post-sem-typo-text-lead-fontWeight: var(--post-core-font-weight-700),
397
+ post-sem-typo-text-lead-fontSize: var(--post-core-font-size-18),
398
+ post-sem-typo-text-lead-lineHeight: var(--post-core-line-height-150),
399
+ post-sem-typo-text-lead-letterSpacing: var(--post-core-letter-spacing-default),
400
+ post-sem-typo-text-paragraph-fontFamily: var(--post-sem-font-family-default),
401
+ post-sem-typo-text-paragraph-fontWeight: var(--post-core-font-weight-400),
402
+ post-sem-typo-text-paragraph-fontSize: var(--post-core-font-size-14),
403
+ post-sem-typo-text-paragraph-lineHeight: var(--post-core-line-height-150),
404
+ post-sem-typo-text-paragraph-letterSpacing: var(--post-core-letter-spacing-default),
405
+ post-sem-typo-text-legend-l-fontFamily: var(--post-sem-font-family-default),
406
+ post-sem-typo-text-legend-l-fontWeight: var(--post-core-font-weight-700),
407
+ post-sem-typo-text-legend-l-fontSize: var(--post-core-font-size-24),
408
+ post-sem-typo-text-legend-l-lineHeight: var(--post-core-line-height-120),
409
+ post-sem-typo-text-legend-l-letterSpacing: var(--post-core-letter-spacing-default),
410
+ post-sem-typo-text-legend-s-fontFamily: var(--post-sem-font-family-default),
411
+ post-sem-typo-text-legend-s-fontWeight: var(--post-core-font-weight-700),
412
+ post-sem-typo-text-legend-s-fontSize: var(--post-core-font-size-14),
413
+ post-sem-typo-text-legend-s-lineHeight: var(--post-core-line-height-120),
414
+ post-sem-typo-text-legend-s-letterSpacing: var(--post-core-letter-spacing-default),
415
+ post-sem-typo-text-label-l-fontFamily: var(--post-sem-font-family-default),
416
+ post-sem-typo-text-label-l-fontWeight: var(--post-core-font-weight-400),
417
+ post-sem-typo-text-label-l-fontSize: var(--post-core-font-size-14),
418
+ post-sem-typo-text-label-l-lineHeight: var(--post-core-line-height-150),
419
+ post-sem-typo-text-label-l-letterSpacing: var(--post-core-letter-spacing-default),
420
+ post-sem-typo-text-label-m-fontFamily: var(--post-sem-font-family-default),
421
+ post-sem-typo-text-label-m-fontWeight: var(--post-core-font-weight-400),
422
+ post-sem-typo-text-label-m-fontSize: var(--post-core-font-size-14),
423
+ post-sem-typo-text-label-m-lineHeight: var(--post-core-line-height-150),
424
+ post-sem-typo-text-label-m-letterSpacing: var(--post-core-letter-spacing-default),
425
+ post-sem-typo-text-label-s-fontFamily: var(--post-sem-font-family-default),
426
+ post-sem-typo-text-label-s-fontWeight: var(--post-core-font-weight-400),
427
+ post-sem-typo-text-label-s-fontSize: var(--post-core-font-size-14),
428
+ post-sem-typo-text-label-s-lineHeight: var(--post-core-line-height-150),
429
+ post-sem-typo-text-label-s-letterSpacing: var(--post-core-letter-spacing-default),
430
+ post-sem-typo-text-label-xs-fontFamily: var(--post-sem-font-family-default),
431
+ post-sem-typo-text-label-xs-fontWeight: var(--post-core-font-weight-400),
432
+ post-sem-typo-text-label-xs-fontSize: var(--post-core-font-size-12),
433
+ post-sem-typo-text-label-xs-lineHeight: var(--post-core-line-height-150),
434
+ post-sem-typo-text-label-xs-letterSpacing: var(--post-core-letter-spacing-default),
435
+ post-sem-typo-text-link-underline-fontFamily: var(--post-sem-font-family-default),
436
+ post-sem-typo-text-link-underline-fontWeight: var(--post-core-font-weight-400),
437
+ post-sem-typo-text-link-underline-fontSize: var(--post-core-font-size-14),
438
+ post-sem-typo-text-link-underline-lineHeight: var(--post-core-line-height-150),
439
+ post-sem-typo-text-link-underline-letterSpacing: var(--post-core-letter-spacing-default),
440
+ post-sem-typo-text-link-underline-textDecoration: underline,
441
+ post-sem-typo-text-link-fontFamily: var(--post-sem-font-family-default),
442
+ post-sem-typo-text-link-fontWeight: var(--post-core-font-weight-400),
443
+ post-sem-typo-text-link-fontSize: var(--post-core-font-size-14),
444
+ post-sem-typo-text-link-lineHeight: var(--post-core-line-height-150),
445
+ post-sem-typo-text-link-letterSpacing: var(--post-core-letter-spacing-default),
446
+ post-sem-font-family-default: var(--post-core-font-family-swisspostsans),
447
+ post-sem-spacing-interactive-gap-block-1: var(--post-core-dimension-8),
448
+ post-sem-spacing-interactive-gap-block-2: var(--post-core-dimension-16),
449
+ post-sem-spacing-interactive-gap-inline-1: var(--post-core-dimension-6),
450
+ post-sem-spacing-interactive-gap-inline-2: var(--post-core-dimension-8),
451
+ post-sem-spacing-interactive-gap-inline-3: var(--post-core-dimension-12),
452
+ post-sem-spacing-interactive-gap-inline-4: var(--post-core-dimension-4),
453
+ post-sem-spacing-interactive-gap-inline-5: var(--post-core-dimension-2),
454
+ post-sem-spacing-interactive-padding-1: var(--post-core-dimension-2),
455
+ post-sem-spacing-interactive-padding-2: var(--post-core-dimension-2),
456
+ post-sem-spacing-interactive-padding-3: var(--post-core-dimension-10),
457
+ post-sem-spacing-interactive-padding-inline-1: var(--post-core-dimension-14),
458
+ post-sem-spacing-interactive-padding-inline-2: var(--post-core-dimension-28),
459
+ post-sem-spacing-interactive-padding-block-1: var(--post-core-dimension-10),
460
+ post-sem-spacing-interactive-padding-block-2: var(--post-core-dimension-5-5),
461
+ post-sem-spacing-interactive-padding-block-3: var(--post-core-dimension-6-5),
462
+ post-sem-spacing-interactive-padding-block-4: var(--post-core-dimension-5),
463
+ post-sem-spacing-interactive-padding-block-5: var(--post-core-dimension-6),
464
+ post-sem-spacing-interactive-padding-block-6: var(--post-core-dimension-1-5),
465
+ post-sem-spacing-interactive-padding-block-7: var(--post-core-dimension-0),
466
+ post-sem-spacing-interactive-padding-block-8: var(--post-core-dimension-24),
467
+ post-sem-spacing-interactive-padding-block-9: var(--post-core-dimension-5),
468
+ post-sem-sizing-interactive-icon-height: var(--post-core-dimension-20),
469
+ post-sem-sizing-interactive-icon-width: var(--post-core-dimension-20),
470
+ post-core-font-weight-bold: var(--post-core-font-weight-700),
471
+ post-core-font-weight-regular: var(--post-core-font-weight-400),
472
+ );
@@ -0,0 +1,10 @@
1
+ // Do not edit manually
2
+ // This file was generated by the swisspost/design-system-tokens package
3
+ // Mon, 15 Sep 2025 10:53:04 GMT
4
+
5
+ @use './core';
6
+ @forward './mode';
7
+ @forward './device';
8
+ @forward './channel';
9
+ @forward './theme';
10
+ @forward './components';