@proximus/lavender-styling 2.0.0-alpha.6 → 2.0.0-alpha.61

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 (10) hide show
  1. package/dist/css/proximus/themes-tokens.css +208 -192
  2. package/dist/css/proximus-ebu/themes-tokens.css +206 -188
  3. package/dist/css/scarlet/themes-tokens.css +204 -186
  4. package/dist/js/proximus/themesTokens.d.ts +100 -4
  5. package/dist/js/proximus/themesTokens.js +274 -178
  6. package/dist/js/proximus-ebu/themesTokens.d.ts +100 -2
  7. package/dist/js/proximus-ebu/themesTokens.js +274 -176
  8. package/dist/js/scarlet/themesTokens.d.ts +98 -0
  9. package/dist/js/scarlet/themesTokens.js +270 -172
  10. package/package.json +1 -1
package/dist/css/proximus/themes-tokens.css CHANGED
@@ -15,8 +15,8 @@
15
15
  --px-color-background-data-magenta: #FF418C;
16
16
  --px-color-background-data-blue: #016BC1;
17
17
  --px-color-background-data-turquoise: #66D2CC;
18
- --px-color-background-footer-default: #7d57a7;
19
- --px-color-background-footer-inverted: #ffffff;
18
+ --px-color-background-footer-sitemap-default: #7d57a7;
19
+ --px-color-background-footer-sitemap-inverted: #ffffff;
20
20
  --px-color-background-gradient-purple-top-red: 180deg, #5C2D91 66%, #EE2E5D 100%;
21
21
  --px-color-background-gradient-purple-top-magenta: 180deg, #5C2D91 66%, #FF418C 100%;
22
22
  --px-color-background-gradient-purple-top-orange: 180deg, #5C2D91 66%, #F39200 100%;
@@ -90,8 +90,8 @@
90
90
  --px-color-background-state-hover-inverted: rgba(255, 255, 255, 0.12);
91
91
  --px-color-background-state-hover-bordered-default: rgba(255, 255, 255, 0.40);
92
92
  --px-color-background-state-hover-bordered-inverted: rgba(0, 0, 0, 0.12);
93
- --px-color-background-state-active-default: #7d57a7;
94
- --px-color-background-state-active-inverted: rgba(255, 255, 255, 0.80);
93
+ --px-color-background-state-active-default: #5C2D91;
94
+ --px-color-background-state-active-inverted: #ffffff;
95
95
  --px-color-background-state-disabled-default: rgba(0, 0, 0, 0.04);
96
96
  --px-color-background-state-disabled-inverted: rgba(255, 255, 255, 0.08);
97
97
  --px-color-background-surface-light: #ffffff;
@@ -123,8 +123,8 @@
123
123
  --px-color-border-purpose-unlimited-inverted: #0088F5;
124
124
  --px-color-border-state-hover-default: #5C2D91;
125
125
  --px-color-border-state-hover-inverted: #ffffff;
126
- --px-color-border-state-active-default: #7d57a7;
127
- --px-color-border-state-active-inverted: rgba(255, 255, 255, 0.80);
126
+ --px-color-border-state-active-default: #5C2D91;
127
+ --px-color-border-state-active-inverted: #ffffff;
128
128
  --px-color-icon-brand-default: #5C2D91;
129
129
  --px-color-icon-brand-inverted: #ffffff;
130
130
  --px-color-icon-accent-default: #5C2D91;
@@ -145,8 +145,8 @@
145
145
  --px-color-icon-purpose-promo-inverted: #FF4371;
146
146
  --px-color-icon-state-hover-default: #7d57a7;
147
147
  --px-color-icon-state-hover-inverted: rgba(255, 255, 255, 0.80);
148
- --px-color-icon-state-active-default: #7d57a7;
149
- --px-color-icon-state-active-inverted: rgba(255, 255, 255, 0.80);
148
+ --px-color-icon-state-active-default: #5C2D91;
149
+ --px-color-icon-state-active-inverted: #ffffff;
150
150
  --px-color-icon-state-disabled-default: rgba(0, 0, 0, 0.12);
151
151
  --px-color-icon-state-disabled-inverted: rgba(255, 255, 255, 0.16);
152
152
  --px-color-text-brand-default: #5C2D91;
@@ -165,26 +165,26 @@
165
165
  --px-color-text-purpose-unlimited-inverted: #0088F5;
166
166
  --px-color-text-purpose-promo-default: #C7264D;
167
167
  --px-color-text-purpose-promo-inverted: #FF4371;
168
- --px-color-text-state-hover-default: #7d57a7;
168
+ --px-color-text-state-hover-default: #5C2D91;
169
169
  --px-color-text-state-hover-inverted: rgba(255, 255, 255, 0.80);
170
- --px-color-text-state-active-default: #7d57a7;
171
- --px-color-text-state-active-inverted: rgba(255, 255, 255, 0.80);
170
+ --px-color-text-state-active-default: #5C2D91;
171
+ --px-color-text-state-active-inverted: #ffffff;
172
172
  --px-color-text-state-disabled-default: rgba(0, 0, 0, 0.12);
173
173
  --px-color-text-state-disabled-inverted: rgba(255, 255, 255, 0.16);
174
174
  --px-font-family: Proximus, Verdana, Helvetica, sans-serif;
175
175
  --px-line-height-ratio-s: 1.3;
176
176
  --px-line-height-ratio-l: 1.5;
177
- --px-font-size-5xl: 2.5em;
178
- --px-font-size-4xl: 2.25em;
179
- --px-font-size-3xl: 2em;
180
- --px-font-size-2xl: 1.75em;
181
- --px-font-size-xl: 1.5em;
182
- --px-font-size-l: 1.25em;
183
- --px-font-size-m: 1.125em;
184
- --px-font-size-base: 1em;
185
- --px-font-size-s: 0.875em;
186
- --px-font-size-xs: 0.75em;
187
- --px-font-size-2xs: 0.625em;
177
+ --px-font-size-5xl: 2.5rem;
178
+ --px-font-size-4xl: 2.25rem;
179
+ --px-font-size-3xl: 2rem;
180
+ --px-font-size-2xl: 1.75rem;
181
+ --px-font-size-xl: 1.5rem;
182
+ --px-font-size-l: 1.25rem;
183
+ --px-font-size-m: 1.125rem;
184
+ --px-font-size-base: 1rem;
185
+ --px-font-size-s: 0.875rem;
186
+ --px-font-size-xs: 0.75rem;
187
+ --px-font-size-2xs: 0.625rem;
188
188
  --px-font-weight-subtitle: 300;
189
189
  --px-font-weight-body: 400;
190
190
  --px-font-weight-title: 700;
@@ -198,30 +198,30 @@
198
198
  --px-radius-button-big: 22px;
199
199
  --px-radius-patch-small: 0px;
200
200
  --px-radius-patch-big: 12px;
201
- --px-size-action-input-code-width: 2.8125em;
202
- --px-size-action-input-counter-width: 5em;
203
- --px-size-action-input-switch-width: 3.125em;
204
- --px-size-action-input-textarea-min-height: 6.25em;
205
- --px-size-assets-xs: 1.5em;
206
- --px-size-assets-s: 2em;
207
- --px-size-assets-m: 3em;
208
- --px-size-assets-l: 4em;
209
- --px-size-assets-xl: 5em;
210
- --px-size-border-none: 0em;
211
- --px-size-border-s: 0.0625em;
212
- --px-size-border-m: 0.125em;
213
- --px-size-border-l: 0.1875em;
214
- --px-size-icon-xs: 1em;
215
- --px-size-icon-s: 1.25em;
216
- --px-size-icon-m: 1.5em;
217
- --px-size-icon-l: 2em;
218
- --px-size-icon-xl: 3em;
219
- --px-size-m: 1.5em;
220
- --px-size-l: 2.75em;
221
- --px-utility-size-s: 0.125em;
222
- --px-utility-size-m: 0.5em;
201
+ --px-size-action-input-code-width: 2.8125rem;
202
+ --px-size-action-input-counter-width: 5rem;
203
+ --px-size-action-input-switch-width: 3.125rem;
204
+ --px-size-action-input-textarea-min-height: 6.25rem;
205
+ --px-size-assets-xs: 1.5rem;
206
+ --px-size-assets-s: 2rem;
207
+ --px-size-assets-m: 3rem;
208
+ --px-size-assets-l: 4rem;
209
+ --px-size-assets-xl: 5rem;
210
+ --px-size-border-none: 0rem;
211
+ --px-size-border-s: 0.0625rem;
212
+ --px-size-border-m: 0.125rem;
213
+ --px-size-border-l: 0.1875rem;
214
+ --px-size-icon-xs: 1rem;
215
+ --px-size-icon-s: 1.25rem;
216
+ --px-size-icon-m: 1.5rem;
217
+ --px-size-icon-l: 2rem;
218
+ --px-size-icon-xl: 3rem;
219
+ --px-size-m: 1.5rem;
220
+ --px-size-l: 2.75rem;
221
+ --px-utility-size-s: 0.125rem;
222
+ --px-utility-size-m: 0.5rem;
223
223
  --px-focus-l-mobile: 18px;
224
- --px-focus-l-tablet: 20px;
224
+ --px-focus-l-tablet: 18px;
225
225
  --px-focus-l-laptop: 20px;
226
226
  --px-focus-l-desktop: 20px;
227
227
  --px-focus-offset-mobile: 4px;
@@ -232,26 +232,26 @@
232
232
  --px-focus-outline-tablet: 3px;
233
233
  --px-focus-outline-laptop: 3px;
234
234
  --px-focus-outline-desktop: 3px;
235
- --px-image-xs-mobile: 1.75em;
236
- --px-image-xs-tablet: 1.75em;
237
- --px-image-xs-laptop: 1.75em;
238
- --px-image-xs-desktop: 1.75em;
239
- --px-image-s-mobile: 3em;
240
- --px-image-s-tablet: 3em;
241
- --px-image-s-laptop: 3em;
242
- --px-image-s-desktop: 3em;
243
- --px-image-m-mobile: 3.5em;
244
- --px-image-m-tablet: 3.5em;
245
- --px-image-m-laptop: 3.5em;
246
- --px-image-m-desktop: 3.5em;
247
- --px-image-l-mobile: 5em;
248
- --px-image-l-tablet: 5em;
249
- --px-image-l-laptop: 5em;
250
- --px-image-l-desktop: 5em;
251
- --px-image-xl-mobile: 8em;
252
- --px-image-xl-tablet: 8em;
253
- --px-image-xl-laptop: 8em;
254
- --px-image-xl-desktop: 8em;
235
+ --px-image-xs-mobile: 1.75rem;
236
+ --px-image-xs-tablet: 1.75rem;
237
+ --px-image-xs-laptop: 1.75rem;
238
+ --px-image-xs-desktop: 1.75rem;
239
+ --px-image-s-mobile: 3rem;
240
+ --px-image-s-tablet: 3rem;
241
+ --px-image-s-laptop: 3rem;
242
+ --px-image-s-desktop: 3rem;
243
+ --px-image-m-mobile: 3.5rem;
244
+ --px-image-m-tablet: 3.5rem;
245
+ --px-image-m-laptop: 3.5rem;
246
+ --px-image-m-desktop: 3.5rem;
247
+ --px-image-l-mobile: 5rem;
248
+ --px-image-l-tablet: 5rem;
249
+ --px-image-l-laptop: 5rem;
250
+ --px-image-l-desktop: 5rem;
251
+ --px-image-xl-mobile: 8rem;
252
+ --px-image-xl-tablet: 8rem;
253
+ --px-image-xl-laptop: 8rem;
254
+ --px-image-xl-desktop: 8rem;
255
255
  --px-padding-none-mobile: 0px;
256
256
  --px-padding-none-tablet: 0px;
257
257
  --px-padding-none-laptop: 0px;
@@ -277,67 +277,83 @@
277
277
  --px-padding-m-laptop: 24px;
278
278
  --px-padding-m-desktop: 24px;
279
279
  --px-padding-l-mobile: 24px;
280
- --px-padding-l-tablet: 40px;
280
+ --px-padding-l-tablet: 24px;
281
281
  --px-padding-l-laptop: 40px;
282
282
  --px-padding-l-desktop: 40px;
283
283
  --px-padding-xl-mobile: 40px;
284
- --px-padding-xl-tablet: 80px;
284
+ --px-padding-xl-tablet: 40px;
285
285
  --px-padding-xl-laptop: 80px;
286
286
  --px-padding-xl-desktop: 80px;
287
- --px-platform-default-width-mobile: 23.4375em;
288
- --px-platform-default-width-tablet: 90em;
289
- --px-platform-default-width-laptop: 90em;
290
- --px-platform-default-width-desktop: 90em;
291
- --px-content-wrapper-min-width-mobile: 21.4375em;
292
- --px-content-wrapper-min-width-tablet: 62em;
293
- --px-content-wrapper-min-width-laptop: 73.75em;
294
- --px-content-wrapper-min-width-desktop: 73.75em;
295
- --px-content-wrapper-max-width-mobile: 62em;
296
- --px-content-wrapper-max-width-tablet: 73.75em;
297
- --px-content-wrapper-max-width-laptop: 73.75em;
298
- --px-content-wrapper-max-width-desktop: 73.75em;
299
- --px-price-size-decimal-s-mobile: 0.9375em;
300
- --px-price-size-decimal-s-tablet: 1em;
301
- --px-price-size-decimal-s-laptop: 1em;
302
- --px-price-size-decimal-s-desktop: 1em;
303
- --px-price-size-decimal-m-mobile: 0.8125em;
304
- --px-price-size-decimal-m-tablet: 1em;
305
- --px-price-size-decimal-m-laptop: 1em;
306
- --px-price-size-decimal-m-desktop: 1em;
307
- --px-price-size-decimal-l-mobile: 0.875em;
308
- --px-price-size-decimal-l-tablet: 1.125em;
309
- --px-price-size-decimal-l-laptop: 1.125em;
310
- --px-price-size-decimal-l-desktop: 1.125em;
311
- --px-price-size-sign-s-mobile: 0.875em;
312
- --px-price-size-sign-s-tablet: 1.125em;
313
- --px-price-size-sign-s-laptop: 1.125em;
314
- --px-price-size-sign-s-desktop: 1.125em;
315
- --px-price-size-sign-m-mobile: 1em;
316
- --px-price-size-sign-m-tablet: 1.3125em;
317
- --px-price-size-sign-m-laptop: 1.3125em;
318
- --px-price-size-sign-m-desktop: 1.3125em;
319
- --px-price-size-sign-l-mobile: 1.25em;
320
- --px-price-size-sign-l-tablet: 1.75em;
321
- --px-price-size-sign-l-laptop: 1.75em;
322
- --px-price-size-sign-l-desktop: 1.75em;
323
- --px-price-size-unit-s-mobile: 1.125em;
324
- --px-price-size-unit-s-tablet: 1.25em;
325
- --px-price-size-unit-s-laptop: 1.25em;
326
- --px-price-size-unit-s-desktop: 1.25em;
327
- --px-price-size-unit-m-mobile: 1.25em;
328
- --px-price-size-unit-m-tablet: 1.5em;
329
- --px-price-size-unit-m-laptop: 1.5em;
330
- --px-price-size-unit-m-desktop: 1.5em;
331
- --px-price-size-unit-l-mobile: 1.75em;
332
- --px-price-size-unit-l-tablet: 2em;
333
- --px-price-size-unit-l-laptop: 2em;
334
- --px-price-size-unit-l-desktop: 2em;
287
+ --px-platform-default-width-mobile: 23.4375rem;
288
+ --px-platform-default-width-tablet: 23.4375rem;
289
+ --px-platform-default-width-laptop: 90rem;
290
+ --px-platform-default-width-desktop: 90rem;
291
+ --px-content-wrapper-min-width-mobile: 21.4375rem;
292
+ --px-content-wrapper-min-width-tablet: 21.4375rem;
293
+ --px-content-wrapper-min-width-laptop: 73.75rem;
294
+ --px-content-wrapper-min-width-desktop: 73.75rem;
295
+ --px-content-wrapper-max-width-mobile: 62rem;
296
+ --px-content-wrapper-max-width-tablet: 62rem;
297
+ --px-content-wrapper-max-width-laptop: 73.75rem;
298
+ --px-content-wrapper-max-width-desktop: 73.75rem;
299
+ --px-price-size-decimal-s-mobile: 0.9375rem;
300
+ --px-price-size-decimal-s-tablet: 0.9375rem;
301
+ --px-price-size-decimal-s-laptop: 1rem;
302
+ --px-price-size-decimal-s-desktop: 1rem;
303
+ --px-price-size-decimal-m-mobile: 0.8125rem;
304
+ --px-price-size-decimal-m-tablet: 0.8125rem;
305
+ --px-price-size-decimal-m-laptop: 1rem;
306
+ --px-price-size-decimal-m-desktop: 1rem;
307
+ --px-price-size-decimal-l-mobile: 0.875rem;
308
+ --px-price-size-decimal-l-tablet: 0.875rem;
309
+ --px-price-size-decimal-l-laptop: 1.125rem;
310
+ --px-price-size-decimal-l-desktop: 1.125rem;
311
+ --px-price-size-sign-s-mobile: 0.875rem;
312
+ --px-price-size-sign-s-tablet: 0.875rem;
313
+ --px-price-size-sign-s-laptop: 1.125rem;
314
+ --px-price-size-sign-s-desktop: 1.125rem;
315
+ --px-price-size-sign-m-mobile: 1rem;
316
+ --px-price-size-sign-m-tablet: 1rem;
317
+ --px-price-size-sign-m-laptop: 1.3125rem;
318
+ --px-price-size-sign-m-desktop: 1.3125rem;
319
+ --px-price-size-sign-l-mobile: 1.25rem;
320
+ --px-price-size-sign-l-tablet: 1.25rem;
321
+ --px-price-size-sign-l-laptop: 1.75rem;
322
+ --px-price-size-sign-l-desktop: 1.75rem;
323
+ --px-price-size-unit-s-mobile: 1rem;
324
+ --px-price-size-unit-s-tablet: 1rem;
325
+ --px-price-size-unit-s-laptop: 1.25rem;
326
+ --px-price-size-unit-s-desktop: 1.25rem;
327
+ --px-price-size-unit-m-mobile: 1.25rem;
328
+ --px-price-size-unit-m-tablet: 1.25rem;
329
+ --px-price-size-unit-m-laptop: 1.75rem;
330
+ --px-price-size-unit-m-desktop: 1.75rem;
331
+ --px-price-size-unit-l-mobile: 1.5rem;
332
+ --px-price-size-unit-l-tablet: 1.5rem;
333
+ --px-price-size-unit-l-laptop: 2rem;
334
+ --px-price-size-unit-l-desktop: 2rem;
335
+ --px-spacing-has-patch-mobile: 14px;
336
+ --px-spacing-has-patch-tablet: 14px;
337
+ --px-spacing-has-patch-laptop: 14px;
338
+ --px-spacing-has-patch-desktop: 14px;
339
+ --px-spacing-neighbor-has-patch-mobile: 0px;
340
+ --px-spacing-neighbor-has-patch-tablet: 0px;
341
+ --px-spacing-neighbor-has-patch-laptop: 14px;
342
+ --px-spacing-neighbor-has-patch-desktop: 14px;
343
+ --px-spacing-has-ribbon-mobile: 40px;
344
+ --px-spacing-has-ribbon-tablet: 40px;
345
+ --px-spacing-has-ribbon-laptop: 40px;
346
+ --px-spacing-has-ribbon-desktop: 40px;
347
+ --px-spacing-neighbor-has-ribbon-mobile: 0px;
348
+ --px-spacing-neighbor-has-ribbon-tablet: 0px;
349
+ --px-spacing-neighbor-has-ribbon-laptop: 40px;
350
+ --px-spacing-neighbor-has-ribbon-desktop: 40px;
335
351
  --px-spacing-heading-to-subtitle-mobile: 8px;
336
- --px-spacing-heading-to-subtitle-tablet: 16px;
352
+ --px-spacing-heading-to-subtitle-tablet: 8px;
337
353
  --px-spacing-heading-to-subtitle-laptop: 16px;
338
354
  --px-spacing-heading-to-subtitle-desktop: 16px;
339
355
  --px-spacing-heading-to-content-mobile: 16px;
340
- --px-spacing-heading-to-content-tablet: 24px;
356
+ --px-spacing-heading-to-content-tablet: 16px;
341
357
  --px-spacing-heading-to-content-laptop: 24px;
342
358
  --px-spacing-heading-to-content-desktop: 24px;
343
359
  --px-spacing-none-mobile: 0px;
@@ -361,87 +377,87 @@
361
377
  --px-spacing-default-laptop: 24px;
362
378
  --px-spacing-default-desktop: 24px;
363
379
  --px-spacing-l-mobile: 24px;
364
- --px-spacing-l-tablet: 40px;
380
+ --px-spacing-l-tablet: 24px;
365
381
  --px-spacing-l-laptop: 40px;
366
382
  --px-spacing-l-desktop: 40px;
367
383
  --px-overlapped-mobile: -24px;
368
- --px-overlapped-tablet: -40px;
384
+ --px-overlapped-tablet: -24px;
369
385
  --px-overlapped-laptop: -40px;
370
386
  --px-overlapped-desktop: -40px;
371
387
  --px-spacing-page-layout-between-sections-mobile: 40px;
372
- --px-spacing-page-layout-between-sections-tablet: 80px;
388
+ --px-spacing-page-layout-between-sections-tablet: 40px;
373
389
  --px-spacing-page-layout-between-sections-laptop: 80px;
374
390
  --px-spacing-page-layout-between-sections-desktop: 80px;
375
- --px-text-size-body-l-mobile: 1em;
376
- --px-text-size-body-l-tablet: 1.125em;
377
- --px-text-size-body-l-laptop: 1.125em;
378
- --px-text-size-body-l-desktop: 1.125em;
379
- --px-text-size-body-m-mobile: 0.875em;
380
- --px-text-size-body-m-tablet: 1em;
381
- --px-text-size-body-m-laptop: 1em;
382
- --px-text-size-body-m-desktop: 1em;
383
- --px-text-size-body-s-mobile: 0.75em;
384
- --px-text-size-body-s-tablet: 0.875em;
385
- --px-text-size-body-s-laptop: 0.875em;
386
- --px-text-size-body-s-desktop: 0.875em;
387
- --px-text-size-body-xs-mobile: 0.625em;
388
- --px-text-size-body-xs-tablet: 0.75em;
389
- --px-text-size-body-xs-laptop: 0.75em;
390
- --px-text-size-body-xs-desktop: 0.75em;
391
- --px-text-size-heading-5xl-mobile: 2.25em;
392
- --px-text-size-heading-5xl-tablet: 2.5em;
393
- --px-text-size-heading-5xl-laptop: 2.5em;
394
- --px-text-size-heading-5xl-desktop: 2.5em;
395
- --px-text-size-heading-4xl-mobile: 2em;
396
- --px-text-size-heading-4xl-laptop: 2.5em;
397
- --px-text-size-heading-4xl-tablet: 2.5em;
398
- --px-text-size-heading-4xl-desktop: 2.5em;
399
- --px-text-size-heading-3xl-mobile: 1.75em;
400
- --px-text-size-heading-3xl-tablet: 2.25em;
401
- --px-text-size-heading-3xl-laptop: 2.25em;
402
- --px-text-size-heading-3xl-desktop: 2.25em;
403
- --px-text-size-heading-2xl-mobile: 1.5em;
404
- --px-text-size-heading-2xl-tablet: 1.75em;
405
- --px-text-size-heading-2xl-laptop: 1.75em;
406
- --px-text-size-heading-2xl-desktop: 1.75em;
407
- --px-text-size-heading-xl-mobile: 1.25em;
408
- --px-text-size-heading-xl-tablet: 1.5em;
409
- --px-text-size-heading-xl-laptop: 1.5em;
410
- --px-text-size-heading-xl-desktop: 1.5em;
411
- --px-text-size-heading-l-mobile: 1.125em;
412
- --px-text-size-heading-l-tablet: 1.25em;
413
- --px-text-size-heading-l-laptop: 1.25em;
414
- --px-text-size-heading-l-desktop: 1.25em;
415
- --px-text-size-heading-m-mobile: 1em;
416
- --px-text-size-heading-m-tablet: 1.125em;
417
- --px-text-size-heading-m-laptop: 1.125em;
418
- --px-text-size-heading-m-desktop: 1.125em;
419
- --px-text-size-heading-s-mobile: 0.875em;
420
- --px-text-size-heading-s-tablet: 1em;
421
- --px-text-size-heading-s-laptop: 1em;
422
- --px-text-size-heading-s-desktop: 1em;
423
- --px-text-size-label-l-mobile: 1em;
424
- --px-text-size-label-l-tablet: 1.125em;
425
- --px-text-size-label-l-laptop: 1.125em;
426
- --px-text-size-label-l-desktop: 1.125em;
427
- --px-text-size-label-m-mobile: 0.875em;
428
- --px-text-size-label-m-tablet: 1em;
429
- --px-text-size-label-m-laptop: 1em;
430
- --px-text-size-label-m-desktop: 1em;
431
- --px-text-size-label-s-mobile: 0.75em;
432
- --px-text-size-label-s-tablet: 0.875em;
433
- --px-text-size-label-s-laptop: 0.875em;
434
- --px-text-size-label-s-desktop: 0.875em;
435
- --px-text-size-label-xs-mobile: 0.625em;
436
- --px-text-size-label-xs-tablet: 0.75em;
437
- --px-text-size-label-xs-laptop: 0.75em;
438
- --px-text-size-label-xs-desktop: 0.75em;
439
- --px-text-size-link-m-mobile: 0.875em;
440
- --px-text-size-link-m-tablet: 1em;
441
- --px-text-size-link-m-laptop: 1em;
442
- --px-text-size-link-m-desktop: 1em;
443
- --px-text-size-link-s-mobile: 0.75em;
444
- --px-text-size-link-s-tablet: 0.875em;
445
- --px-text-size-link-s-laptop: 0.875em;
446
- --px-text-size-link-s-desktop: 0.875em;
391
+ --px-text-size-body-l-mobile: 1rem;
392
+ --px-text-size-body-l-tablet: 1rem;
393
+ --px-text-size-body-l-laptop: 1.125rem;
394
+ --px-text-size-body-l-desktop: 1.125rem;
395
+ --px-text-size-body-m-mobile: 0.875rem;
396
+ --px-text-size-body-m-tablet: 0.875rem;
397
+ --px-text-size-body-m-laptop: 1rem;
398
+ --px-text-size-body-m-desktop: 1rem;
399
+ --px-text-size-body-s-mobile: 0.75rem;
400
+ --px-text-size-body-s-tablet: 0.75rem;
401
+ --px-text-size-body-s-laptop: 0.875rem;
402
+ --px-text-size-body-s-desktop: 0.875rem;
403
+ --px-text-size-body-xs-mobile: 0.625rem;
404
+ --px-text-size-body-xs-tablet: 0.625rem;
405
+ --px-text-size-body-xs-laptop: 0.75rem;
406
+ --px-text-size-body-xs-desktop: 0.75rem;
407
+ --px-text-size-heading-5xl-mobile: 2.25rem;
408
+ --px-text-size-heading-5xl-tablet: 2.25rem;
409
+ --px-text-size-heading-5xl-laptop: 2.5rem;
410
+ --px-text-size-heading-5xl-desktop: 2.5rem;
411
+ --px-text-size-heading-4xl-mobile: 2rem;
412
+ --px-text-size-heading-4xl-tablet: 2rem;
413
+ --px-text-size-heading-4xl-laptop: 2.5rem;
414
+ --px-text-size-heading-4xl-desktop: 2.5rem;
415
+ --px-text-size-heading-3xl-mobile: 1.75rem;
416
+ --px-text-size-heading-3xl-tablet: 1.75rem;
417
+ --px-text-size-heading-3xl-laptop: 2.25rem;
418
+ --px-text-size-heading-3xl-desktop: 2.25rem;
419
+ --px-text-size-heading-2xl-mobile: 1.5rem;
420
+ --px-text-size-heading-2xl-tablet: 1.5rem;
421
+ --px-text-size-heading-2xl-laptop: 1.75rem;
422
+ --px-text-size-heading-2xl-desktop: 1.75rem;
423
+ --px-text-size-heading-xl-mobile: 1.25rem;
424
+ --px-text-size-heading-xl-tablet: 1.25rem;
425
+ --px-text-size-heading-xl-laptop: 1.5rem;
426
+ --px-text-size-heading-xl-desktop: 1.5rem;
427
+ --px-text-size-heading-l-mobile: 1.125rem;
428
+ --px-text-size-heading-l-tablet: 1.125rem;
429
+ --px-text-size-heading-l-laptop: 1.25rem;
430
+ --px-text-size-heading-l-desktop: 1.25rem;
431
+ --px-text-size-heading-m-mobile: 1rem;
432
+ --px-text-size-heading-m-tablet: 1rem;
433
+ --px-text-size-heading-m-laptop: 1.125rem;
434
+ --px-text-size-heading-m-desktop: 1.125rem;
435
+ --px-text-size-heading-s-mobile: 0.875rem;
436
+ --px-text-size-heading-s-tablet: 0.875rem;
437
+ --px-text-size-heading-s-laptop: 1rem;
438
+ --px-text-size-heading-s-desktop: 1rem;
439
+ --px-text-size-label-l-mobile: 1rem;
440
+ --px-text-size-label-l-tablet: 1rem;
441
+ --px-text-size-label-l-laptop: 1.125rem;
442
+ --px-text-size-label-l-desktop: 1.125rem;
443
+ --px-text-size-label-m-mobile: 0.875rem;
444
+ --px-text-size-label-m-tablet: 0.875rem;
445
+ --px-text-size-label-m-laptop: 1rem;
446
+ --px-text-size-label-m-desktop: 1rem;
447
+ --px-text-size-label-s-mobile: 0.75rem;
448
+ --px-text-size-label-s-tablet: 0.75rem;
449
+ --px-text-size-label-s-laptop: 0.875rem;
450
+ --px-text-size-label-s-desktop: 0.875rem;
451
+ --px-text-size-label-xs-mobile: 0.625rem;
452
+ --px-text-size-label-xs-tablet: 0.625rem;
453
+ --px-text-size-label-xs-laptop: 0.75rem;
454
+ --px-text-size-label-xs-desktop: 0.75rem;
455
+ --px-text-size-link-m-mobile: 0.875rem;
456
+ --px-text-size-link-m-tablet: 0.875rem;
457
+ --px-text-size-link-m-laptop: 1rem;
458
+ --px-text-size-link-m-desktop: 1rem;
459
+ --px-text-size-link-s-mobile: 0.75rem;
460
+ --px-text-size-link-s-tablet: 0.75rem;
461
+ --px-text-size-link-s-laptop: 0.875rem;
462
+ --px-text-size-link-s-desktop: 0.875rem;
447
463
  }