@proximus/lavender-styling 2.0.0-alpha.60 → 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 (4) hide show
  1. package/dist/css/proximus/themes-tokens.css +173 -173
  2. package/dist/css/proximus-ebu/themes-tokens.css +171 -171
  3. package/dist/css/scarlet/themes-tokens.css +171 -171
  4. package/package.json +1 -1
package/dist/css/proximus/themes-tokens.css CHANGED
@@ -174,17 +174,17 @@
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,28 +198,28 @@
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
224
  --px-focus-l-tablet: 18px;
225
225
  --px-focus-l-laptop: 20px;
@@ -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;
@@ -284,54 +284,54 @@
284
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: 23.4375em;
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: 21.4375em;
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: 62em;
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: 0.9375em;
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: 0.8125em;
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: 0.875em;
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: 0.875em;
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: 1em;
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.25em;
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: 1em;
324
- --px-price-size-unit-s-tablet: 1em;
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.25em;
329
- --px-price-size-unit-m-laptop: 1.75em;
330
- --px-price-size-unit-m-desktop: 1.75em;
331
- --px-price-size-unit-l-mobile: 1.5em;
332
- --px-price-size-unit-l-tablet: 1.5em;
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
335
  --px-spacing-has-patch-mobile: 14px;
336
336
  --px-spacing-has-patch-tablet: 14px;
337
337
  --px-spacing-has-patch-laptop: 14px;
@@ -388,76 +388,76 @@
388
388
  --px-spacing-page-layout-between-sections-tablet: 40px;
389
389
  --px-spacing-page-layout-between-sections-laptop: 80px;
390
390
  --px-spacing-page-layout-between-sections-desktop: 80px;
391
- --px-text-size-body-l-mobile: 1em;
392
- --px-text-size-body-l-tablet: 1em;
393
- --px-text-size-body-l-laptop: 1.125em;
394
- --px-text-size-body-l-desktop: 1.125em;
395
- --px-text-size-body-m-mobile: 0.875em;
396
- --px-text-size-body-m-tablet: 0.875em;
397
- --px-text-size-body-m-laptop: 1em;
398
- --px-text-size-body-m-desktop: 1em;
399
- --px-text-size-body-s-mobile: 0.75em;
400
- --px-text-size-body-s-tablet: 0.75em;
401
- --px-text-size-body-s-laptop: 0.875em;
402
- --px-text-size-body-s-desktop: 0.875em;
403
- --px-text-size-body-xs-mobile: 0.625em;
404
- --px-text-size-body-xs-tablet: 0.625em;
405
- --px-text-size-body-xs-laptop: 0.75em;
406
- --px-text-size-body-xs-desktop: 0.75em;
407
- --px-text-size-heading-5xl-mobile: 2.25em;
408
- --px-text-size-heading-5xl-tablet: 2.25em;
409
- --px-text-size-heading-5xl-laptop: 2.5em;
410
- --px-text-size-heading-5xl-desktop: 2.5em;
411
- --px-text-size-heading-4xl-mobile: 2em;
412
- --px-text-size-heading-4xl-tablet: 2em;
413
- --px-text-size-heading-4xl-laptop: 2.5em;
414
- --px-text-size-heading-4xl-desktop: 2.5em;
415
- --px-text-size-heading-3xl-mobile: 1.75em;
416
- --px-text-size-heading-3xl-tablet: 1.75em;
417
- --px-text-size-heading-3xl-laptop: 2.25em;
418
- --px-text-size-heading-3xl-desktop: 2.25em;
419
- --px-text-size-heading-2xl-mobile: 1.5em;
420
- --px-text-size-heading-2xl-tablet: 1.5em;
421
- --px-text-size-heading-2xl-laptop: 1.75em;
422
- --px-text-size-heading-2xl-desktop: 1.75em;
423
- --px-text-size-heading-xl-mobile: 1.25em;
424
- --px-text-size-heading-xl-tablet: 1.25em;
425
- --px-text-size-heading-xl-laptop: 1.5em;
426
- --px-text-size-heading-xl-desktop: 1.5em;
427
- --px-text-size-heading-l-mobile: 1.125em;
428
- --px-text-size-heading-l-tablet: 1.125em;
429
- --px-text-size-heading-l-laptop: 1.25em;
430
- --px-text-size-heading-l-desktop: 1.25em;
431
- --px-text-size-heading-m-mobile: 1em;
432
- --px-text-size-heading-m-tablet: 1em;
433
- --px-text-size-heading-m-laptop: 1.125em;
434
- --px-text-size-heading-m-desktop: 1.125em;
435
- --px-text-size-heading-s-mobile: 0.875em;
436
- --px-text-size-heading-s-tablet: 0.875em;
437
- --px-text-size-heading-s-laptop: 1em;
438
- --px-text-size-heading-s-desktop: 1em;
439
- --px-text-size-label-l-mobile: 1em;
440
- --px-text-size-label-l-tablet: 1em;
441
- --px-text-size-label-l-laptop: 1.125em;
442
- --px-text-size-label-l-desktop: 1.125em;
443
- --px-text-size-label-m-mobile: 0.875em;
444
- --px-text-size-label-m-tablet: 0.875em;
445
- --px-text-size-label-m-laptop: 1em;
446
- --px-text-size-label-m-desktop: 1em;
447
- --px-text-size-label-s-mobile: 0.75em;
448
- --px-text-size-label-s-tablet: 0.75em;
449
- --px-text-size-label-s-laptop: 0.875em;
450
- --px-text-size-label-s-desktop: 0.875em;
451
- --px-text-size-label-xs-mobile: 0.625em;
452
- --px-text-size-label-xs-tablet: 0.625em;
453
- --px-text-size-label-xs-laptop: 0.75em;
454
- --px-text-size-label-xs-desktop: 0.75em;
455
- --px-text-size-link-m-mobile: 0.875em;
456
- --px-text-size-link-m-tablet: 0.875em;
457
- --px-text-size-link-m-laptop: 1em;
458
- --px-text-size-link-m-desktop: 1em;
459
- --px-text-size-link-s-mobile: 0.75em;
460
- --px-text-size-link-s-tablet: 0.75em;
461
- --px-text-size-link-s-laptop: 0.875em;
462
- --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;
463
463
  }
package/dist/css/proximus-ebu/themes-tokens.css CHANGED
@@ -174,17 +174,17 @@
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: 700;
189
189
  --px-font-weight-body: 500;
190
190
  --px-font-weight-title: 700;
@@ -198,26 +198,26 @@
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-utility-size-s: 0.125em;
220
- --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-utility-size-s: 0.125rem;
220
+ --px-utility-size-m: 0.5rem;
221
221
  --px-focus-l-mobile: 18px;
222
222
  --px-focus-l-tablet: 18px;
223
223
  --px-focus-l-laptop: 20px;
@@ -230,26 +230,26 @@
230
230
  --px-focus-outline-tablet: 3px;
231
231
  --px-focus-outline-laptop: 3px;
232
232
  --px-focus-outline-desktop: 3px;
233
- --px-image-xs-mobile: 1.75em;
234
- --px-image-xs-tablet: 1.75em;
235
- --px-image-xs-laptop: 1.75em;
236
- --px-image-xs-desktop: 1.75em;
237
- --px-image-s-mobile: 3em;
238
- --px-image-s-tablet: 3em;
239
- --px-image-s-laptop: 3em;
240
- --px-image-s-desktop: 3em;
241
- --px-image-m-mobile: 3.5em;
242
- --px-image-m-tablet: 3.5em;
243
- --px-image-m-laptop: 3.5em;
244
- --px-image-m-desktop: 3.5em;
245
- --px-image-l-mobile: 5em;
246
- --px-image-l-tablet: 5em;
247
- --px-image-l-laptop: 5em;
248
- --px-image-l-desktop: 5em;
249
- --px-image-xl-mobile: 8em;
250
- --px-image-xl-tablet: 8em;
251
- --px-image-xl-laptop: 8em;
252
- --px-image-xl-desktop: 8em;
233
+ --px-image-xs-mobile: 1.75rem;
234
+ --px-image-xs-tablet: 1.75rem;
235
+ --px-image-xs-laptop: 1.75rem;
236
+ --px-image-xs-desktop: 1.75rem;
237
+ --px-image-s-mobile: 3rem;
238
+ --px-image-s-tablet: 3rem;
239
+ --px-image-s-laptop: 3rem;
240
+ --px-image-s-desktop: 3rem;
241
+ --px-image-m-mobile: 3.5rem;
242
+ --px-image-m-tablet: 3.5rem;
243
+ --px-image-m-laptop: 3.5rem;
244
+ --px-image-m-desktop: 3.5rem;
245
+ --px-image-l-mobile: 5rem;
246
+ --px-image-l-tablet: 5rem;
247
+ --px-image-l-laptop: 5rem;
248
+ --px-image-l-desktop: 5rem;
249
+ --px-image-xl-mobile: 8rem;
250
+ --px-image-xl-tablet: 8rem;
251
+ --px-image-xl-laptop: 8rem;
252
+ --px-image-xl-desktop: 8rem;
253
253
  --px-padding-none-mobile: 0px;
254
254
  --px-padding-none-tablet: 0px;
255
255
  --px-padding-none-laptop: 0px;
@@ -282,54 +282,54 @@
282
282
  --px-padding-xl-tablet: 40px;
283
283
  --px-padding-xl-laptop: 80px;
284
284
  --px-padding-xl-desktop: 80px;
285
- --px-platform-default-width-mobile: 23.4375em;
286
- --px-platform-default-width-tablet: 23.4375em;
287
- --px-platform-default-width-laptop: 90em;
288
- --px-platform-default-width-desktop: 90em;
289
- --px-content-wrapper-min-width-mobile: 21.4375em;
290
- --px-content-wrapper-min-width-tablet: 21.4375em;
291
- --px-content-wrapper-min-width-laptop: 73.75em;
292
- --px-content-wrapper-min-width-desktop: 73.75em;
293
- --px-content-wrapper-max-width-mobile: 62em;
294
- --px-content-wrapper-max-width-tablet: 62em;
295
- --px-content-wrapper-max-width-laptop: 73.75em;
296
- --px-content-wrapper-max-width-desktop: 73.75em;
297
- --px-price-size-decimal-s-mobile: 0.9375em;
298
- --px-price-size-decimal-s-tablet: 0.9375em;
299
- --px-price-size-decimal-s-laptop: 1em;
300
- --px-price-size-decimal-s-desktop: 1em;
301
- --px-price-size-decimal-m-mobile: 0.8125em;
302
- --px-price-size-decimal-m-tablet: 0.8125em;
303
- --px-price-size-decimal-m-laptop: 1em;
304
- --px-price-size-decimal-m-desktop: 1em;
305
- --px-price-size-decimal-l-mobile: 0.875em;
306
- --px-price-size-decimal-l-tablet: 0.875em;
307
- --px-price-size-decimal-l-laptop: 1.125em;
308
- --px-price-size-decimal-l-desktop: 1.125em;
309
- --px-price-size-sign-s-mobile: 0.875em;
310
- --px-price-size-sign-s-tablet: 0.875em;
311
- --px-price-size-sign-s-laptop: 1.125em;
312
- --px-price-size-sign-s-desktop: 1.125em;
313
- --px-price-size-sign-m-mobile: 1em;
314
- --px-price-size-sign-m-tablet: 1em;
315
- --px-price-size-sign-m-laptop: 1.3125em;
316
- --px-price-size-sign-m-desktop: 1.3125em;
317
- --px-price-size-sign-l-mobile: 1.25em;
318
- --px-price-size-sign-l-tablet: 1.25em;
319
- --px-price-size-sign-l-laptop: 1.75em;
320
- --px-price-size-sign-l-desktop: 1.75em;
321
- --px-price-size-unit-s-mobile: 1em;
322
- --px-price-size-unit-s-tablet: 1em;
323
- --px-price-size-unit-s-laptop: 1.25em;
324
- --px-price-size-unit-s-desktop: 1.25em;
325
- --px-price-size-unit-m-mobile: 1.25em;
326
- --px-price-size-unit-m-tablet: 1.25em;
327
- --px-price-size-unit-m-laptop: 1.75em;
328
- --px-price-size-unit-m-desktop: 1.75em;
329
- --px-price-size-unit-l-mobile: 1.5em;
330
- --px-price-size-unit-l-tablet: 1.5em;
331
- --px-price-size-unit-l-laptop: 2em;
332
- --px-price-size-unit-l-desktop: 2em;
285
+ --px-platform-default-width-mobile: 23.4375rem;
286
+ --px-platform-default-width-tablet: 23.4375rem;
287
+ --px-platform-default-width-laptop: 90rem;
288
+ --px-platform-default-width-desktop: 90rem;
289
+ --px-content-wrapper-min-width-mobile: 21.4375rem;
290
+ --px-content-wrapper-min-width-tablet: 21.4375rem;
291
+ --px-content-wrapper-min-width-laptop: 73.75rem;
292
+ --px-content-wrapper-min-width-desktop: 73.75rem;
293
+ --px-content-wrapper-max-width-mobile: 62rem;
294
+ --px-content-wrapper-max-width-tablet: 62rem;
295
+ --px-content-wrapper-max-width-laptop: 73.75rem;
296
+ --px-content-wrapper-max-width-desktop: 73.75rem;
297
+ --px-price-size-decimal-s-mobile: 0.9375rem;
298
+ --px-price-size-decimal-s-tablet: 0.9375rem;
299
+ --px-price-size-decimal-s-laptop: 1rem;
300
+ --px-price-size-decimal-s-desktop: 1rem;
301
+ --px-price-size-decimal-m-mobile: 0.8125rem;
302
+ --px-price-size-decimal-m-tablet: 0.8125rem;
303
+ --px-price-size-decimal-m-laptop: 1rem;
304
+ --px-price-size-decimal-m-desktop: 1rem;
305
+ --px-price-size-decimal-l-mobile: 0.875rem;
306
+ --px-price-size-decimal-l-tablet: 0.875rem;
307
+ --px-price-size-decimal-l-laptop: 1.125rem;
308
+ --px-price-size-decimal-l-desktop: 1.125rem;
309
+ --px-price-size-sign-s-mobile: 0.875rem;
310
+ --px-price-size-sign-s-tablet: 0.875rem;
311
+ --px-price-size-sign-s-laptop: 1.125rem;
312
+ --px-price-size-sign-s-desktop: 1.125rem;
313
+ --px-price-size-sign-m-mobile: 1rem;
314
+ --px-price-size-sign-m-tablet: 1rem;
315
+ --px-price-size-sign-m-laptop: 1.3125rem;
316
+ --px-price-size-sign-m-desktop: 1.3125rem;
317
+ --px-price-size-sign-l-mobile: 1.25rem;
318
+ --px-price-size-sign-l-tablet: 1.25rem;
319
+ --px-price-size-sign-l-laptop: 1.75rem;
320
+ --px-price-size-sign-l-desktop: 1.75rem;
321
+ --px-price-size-unit-s-mobile: 1rem;
322
+ --px-price-size-unit-s-tablet: 1rem;
323
+ --px-price-size-unit-s-laptop: 1.25rem;
324
+ --px-price-size-unit-s-desktop: 1.25rem;
325
+ --px-price-size-unit-m-mobile: 1.25rem;
326
+ --px-price-size-unit-m-tablet: 1.25rem;
327
+ --px-price-size-unit-m-laptop: 1.75rem;
328
+ --px-price-size-unit-m-desktop: 1.75rem;
329
+ --px-price-size-unit-l-mobile: 1.5rem;
330
+ --px-price-size-unit-l-tablet: 1.5rem;
331
+ --px-price-size-unit-l-laptop: 2rem;
332
+ --px-price-size-unit-l-desktop: 2rem;
333
333
  --px-spacing-has-patch-mobile: 14px;
334
334
  --px-spacing-has-patch-tablet: 14px;
335
335
  --px-spacing-has-patch-laptop: 14px;
@@ -386,76 +386,76 @@
386
386
  --px-spacing-page-layout-between-sections-tablet: 40px;
387
387
  --px-spacing-page-layout-between-sections-laptop: 80px;
388
388
  --px-spacing-page-layout-between-sections-desktop: 80px;
389
- --px-text-size-body-l-mobile: 1em;
390
- --px-text-size-body-l-tablet: 1em;
391
- --px-text-size-body-l-laptop: 1.125em;
392
- --px-text-size-body-l-desktop: 1.125em;
393
- --px-text-size-body-m-mobile: 0.875em;
394
- --px-text-size-body-m-tablet: 0.875em;
395
- --px-text-size-body-m-laptop: 1em;
396
- --px-text-size-body-m-desktop: 1em;
397
- --px-text-size-body-s-mobile: 0.75em;
398
- --px-text-size-body-s-tablet: 0.75em;
399
- --px-text-size-body-s-laptop: 0.875em;
400
- --px-text-size-body-s-desktop: 0.875em;
401
- --px-text-size-body-xs-mobile: 0.625em;
402
- --px-text-size-body-xs-tablet: 0.625em;
403
- --px-text-size-body-xs-laptop: 0.75em;
404
- --px-text-size-body-xs-desktop: 0.75em;
405
- --px-text-size-heading-5xl-mobile: 2.25em;
406
- --px-text-size-heading-5xl-tablet: 2.25em;
407
- --px-text-size-heading-5xl-laptop: 2.5em;
408
- --px-text-size-heading-5xl-desktop: 2.5em;
409
- --px-text-size-heading-4xl-mobile: 2em;
410
- --px-text-size-heading-4xl-tablet: 2em;
411
- --px-text-size-heading-4xl-laptop: 2.25em;
412
- --px-text-size-heading-4xl-desktop: 2.25em;
413
- --px-text-size-heading-3xl-mobile: 1.75em;
414
- --px-text-size-heading-3xl-tablet: 1.75em;
415
- --px-text-size-heading-3xl-laptop: 2em;
416
- --px-text-size-heading-3xl-desktop: 2em;
417
- --px-text-size-heading-2xl-mobile: 1.5em;
418
- --px-text-size-heading-2xl-tablet: 1.5em;
419
- --px-text-size-heading-2xl-laptop: 1.75em;
420
- --px-text-size-heading-2xl-desktop: 1.75em;
421
- --px-text-size-heading-xl-mobile: 1.25em;
422
- --px-text-size-heading-xl-tablet: 1.25em;
423
- --px-text-size-heading-xl-laptop: 1.5em;
424
- --px-text-size-heading-xl-desktop: 1.5em;
425
- --px-text-size-heading-l-mobile: 1.125em;
426
- --px-text-size-heading-l-tablet: 1.125em;
427
- --px-text-size-heading-l-laptop: 1.25em;
428
- --px-text-size-heading-l-desktop: 1.25em;
429
- --px-text-size-heading-m-mobile: 1em;
430
- --px-text-size-heading-m-tablet: 1em;
431
- --px-text-size-heading-m-laptop: 1.125em;
432
- --px-text-size-heading-m-desktop: 1.125em;
433
- --px-text-size-heading-s-mobile: 0.875em;
434
- --px-text-size-heading-s-tablet: 0.875em;
435
- --px-text-size-heading-s-laptop: 1em;
436
- --px-text-size-heading-s-desktop: 1em;
437
- --px-text-size-label-l-mobile: 1em;
438
- --px-text-size-label-l-tablet: 1em;
439
- --px-text-size-label-l-laptop: 1.125em;
440
- --px-text-size-label-l-desktop: 1.125em;
441
- --px-text-size-label-m-mobile: 0.875em;
442
- --px-text-size-label-m-tablet: 0.875em;
443
- --px-text-size-label-m-laptop: 1em;
444
- --px-text-size-label-m-desktop: 1em;
445
- --px-text-size-label-s-mobile: 0.75em;
446
- --px-text-size-label-s-tablet: 0.75em;
447
- --px-text-size-label-s-laptop: 0.875em;
448
- --px-text-size-label-s-desktop: 0.875em;
449
- --px-text-size-label-xs-mobile: 0.625em;
450
- --px-text-size-label-xs-tablet: 0.625em;
451
- --px-text-size-label-xs-laptop: 0.75em;
452
- --px-text-size-label-xs-desktop: 0.75em;
453
- --px-text-size-link-m-mobile: 0.875em;
454
- --px-text-size-link-m-tablet: 0.875em;
455
- --px-text-size-link-m-laptop: 1em;
456
- --px-text-size-link-m-desktop: 1em;
457
- --px-text-size-link-s-mobile: 0.75em;
458
- --px-text-size-link-s-tablet: 0.75em;
459
- --px-text-size-link-s-laptop: 0.875em;
460
- --px-text-size-link-s-desktop: 0.875em;
389
+ --px-text-size-body-l-mobile: 1rem;
390
+ --px-text-size-body-l-tablet: 1rem;
391
+ --px-text-size-body-l-laptop: 1.125rem;
392
+ --px-text-size-body-l-desktop: 1.125rem;
393
+ --px-text-size-body-m-mobile: 0.875rem;
394
+ --px-text-size-body-m-tablet: 0.875rem;
395
+ --px-text-size-body-m-laptop: 1rem;
396
+ --px-text-size-body-m-desktop: 1rem;
397
+ --px-text-size-body-s-mobile: 0.75rem;
398
+ --px-text-size-body-s-tablet: 0.75rem;
399
+ --px-text-size-body-s-laptop: 0.875rem;
400
+ --px-text-size-body-s-desktop: 0.875rem;
401
+ --px-text-size-body-xs-mobile: 0.625rem;
402
+ --px-text-size-body-xs-tablet: 0.625rem;
403
+ --px-text-size-body-xs-laptop: 0.75rem;
404
+ --px-text-size-body-xs-desktop: 0.75rem;
405
+ --px-text-size-heading-5xl-mobile: 2.25rem;
406
+ --px-text-size-heading-5xl-tablet: 2.25rem;
407
+ --px-text-size-heading-5xl-laptop: 2.5rem;
408
+ --px-text-size-heading-5xl-desktop: 2.5rem;
409
+ --px-text-size-heading-4xl-mobile: 2rem;
410
+ --px-text-size-heading-4xl-tablet: 2rem;
411
+ --px-text-size-heading-4xl-laptop: 2.25rem;
412
+ --px-text-size-heading-4xl-desktop: 2.25rem;
413
+ --px-text-size-heading-3xl-mobile: 1.75rem;
414
+ --px-text-size-heading-3xl-tablet: 1.75rem;
415
+ --px-text-size-heading-3xl-laptop: 2rem;
416
+ --px-text-size-heading-3xl-desktop: 2rem;
417
+ --px-text-size-heading-2xl-mobile: 1.5rem;
418
+ --px-text-size-heading-2xl-tablet: 1.5rem;
419
+ --px-text-size-heading-2xl-laptop: 1.75rem;
420
+ --px-text-size-heading-2xl-desktop: 1.75rem;
421
+ --px-text-size-heading-xl-mobile: 1.25rem;
422
+ --px-text-size-heading-xl-tablet: 1.25rem;
423
+ --px-text-size-heading-xl-laptop: 1.5rem;
424
+ --px-text-size-heading-xl-desktop: 1.5rem;
425
+ --px-text-size-heading-l-mobile: 1.125rem;
426
+ --px-text-size-heading-l-tablet: 1.125rem;
427
+ --px-text-size-heading-l-laptop: 1.25rem;
428
+ --px-text-size-heading-l-desktop: 1.25rem;
429
+ --px-text-size-heading-m-mobile: 1rem;
430
+ --px-text-size-heading-m-tablet: 1rem;
431
+ --px-text-size-heading-m-laptop: 1.125rem;
432
+ --px-text-size-heading-m-desktop: 1.125rem;
433
+ --px-text-size-heading-s-mobile: 0.875rem;
434
+ --px-text-size-heading-s-tablet: 0.875rem;
435
+ --px-text-size-heading-s-laptop: 1rem;
436
+ --px-text-size-heading-s-desktop: 1rem;
437
+ --px-text-size-label-l-mobile: 1rem;
438
+ --px-text-size-label-l-tablet: 1rem;
439
+ --px-text-size-label-l-laptop: 1.125rem;
440
+ --px-text-size-label-l-desktop: 1.125rem;
441
+ --px-text-size-label-m-mobile: 0.875rem;
442
+ --px-text-size-label-m-tablet: 0.875rem;
443
+ --px-text-size-label-m-laptop: 1rem;
444
+ --px-text-size-label-m-desktop: 1rem;
445
+ --px-text-size-label-s-mobile: 0.75rem;
446
+ --px-text-size-label-s-tablet: 0.75rem;
447
+ --px-text-size-label-s-laptop: 0.875rem;
448
+ --px-text-size-label-s-desktop: 0.875rem;
449
+ --px-text-size-label-xs-mobile: 0.625rem;
450
+ --px-text-size-label-xs-tablet: 0.625rem;
451
+ --px-text-size-label-xs-laptop: 0.75rem;
452
+ --px-text-size-label-xs-desktop: 0.75rem;
453
+ --px-text-size-link-m-mobile: 0.875rem;
454
+ --px-text-size-link-m-tablet: 0.875rem;
455
+ --px-text-size-link-m-laptop: 1rem;
456
+ --px-text-size-link-m-desktop: 1rem;
457
+ --px-text-size-link-s-mobile: 0.75rem;
458
+ --px-text-size-link-s-tablet: 0.75rem;
459
+ --px-text-size-link-s-laptop: 0.875rem;
460
+ --px-text-size-link-s-desktop: 0.875rem;
461
461
  }
package/dist/css/scarlet/themes-tokens.css CHANGED
@@ -174,17 +174,17 @@
174
174
  --px-font-family: DINNextW05, 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: 400;
189
189
  --px-font-weight-body: 400;
190
190
  --px-font-weight-title: 700;
@@ -198,26 +198,26 @@
198
198
  --px-radius-button-big: 9999px;
199
199
  --px-radius-patch-small: 8px;
200
200
  --px-radius-patch-big: 8px;
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-utility-size-s: 0.125em;
220
- --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-utility-size-s: 0.125rem;
220
+ --px-utility-size-m: 0.5rem;
221
221
  --px-focus-l-mobile: 18px;
222
222
  --px-focus-l-tablet: 18px;
223
223
  --px-focus-l-laptop: 20px;
@@ -230,26 +230,26 @@
230
230
  --px-focus-outline-tablet: 3px;
231
231
  --px-focus-outline-laptop: 3px;
232
232
  --px-focus-outline-desktop: 3px;
233
- --px-image-xs-mobile: 1.75em;
234
- --px-image-xs-tablet: 1.75em;
235
- --px-image-xs-laptop: 1.75em;
236
- --px-image-xs-desktop: 1.75em;
237
- --px-image-s-mobile: 3em;
238
- --px-image-s-tablet: 3em;
239
- --px-image-s-laptop: 3em;
240
- --px-image-s-desktop: 3em;
241
- --px-image-m-mobile: 3.5em;
242
- --px-image-m-tablet: 3.5em;
243
- --px-image-m-laptop: 3.5em;
244
- --px-image-m-desktop: 3.5em;
245
- --px-image-l-mobile: 5em;
246
- --px-image-l-tablet: 5em;
247
- --px-image-l-laptop: 5em;
248
- --px-image-l-desktop: 5em;
249
- --px-image-xl-mobile: 8em;
250
- --px-image-xl-tablet: 8em;
251
- --px-image-xl-laptop: 8em;
252
- --px-image-xl-desktop: 8em;
233
+ --px-image-xs-mobile: 1.75rem;
234
+ --px-image-xs-tablet: 1.75rem;
235
+ --px-image-xs-laptop: 1.75rem;
236
+ --px-image-xs-desktop: 1.75rem;
237
+ --px-image-s-mobile: 3rem;
238
+ --px-image-s-tablet: 3rem;
239
+ --px-image-s-laptop: 3rem;
240
+ --px-image-s-desktop: 3rem;
241
+ --px-image-m-mobile: 3.5rem;
242
+ --px-image-m-tablet: 3.5rem;
243
+ --px-image-m-laptop: 3.5rem;
244
+ --px-image-m-desktop: 3.5rem;
245
+ --px-image-l-mobile: 5rem;
246
+ --px-image-l-tablet: 5rem;
247
+ --px-image-l-laptop: 5rem;
248
+ --px-image-l-desktop: 5rem;
249
+ --px-image-xl-mobile: 8rem;
250
+ --px-image-xl-tablet: 8rem;
251
+ --px-image-xl-laptop: 8rem;
252
+ --px-image-xl-desktop: 8rem;
253
253
  --px-padding-none-mobile: 0px;
254
254
  --px-padding-none-tablet: 0px;
255
255
  --px-padding-none-laptop: 0px;
@@ -282,54 +282,54 @@
282
282
  --px-padding-xl-tablet: 40px;
283
283
  --px-padding-xl-laptop: 80px;
284
284
  --px-padding-xl-desktop: 80px;
285
- --px-platform-default-width-mobile: 23.4375em;
286
- --px-platform-default-width-tablet: 23.4375em;
287
- --px-platform-default-width-laptop: 90em;
288
- --px-platform-default-width-desktop: 90em;
289
- --px-content-wrapper-min-width-mobile: 21.4375em;
290
- --px-content-wrapper-min-width-tablet: 21.4375em;
291
- --px-content-wrapper-min-width-laptop: 73.75em;
292
- --px-content-wrapper-min-width-desktop: 73.75em;
293
- --px-content-wrapper-max-width-mobile: 62em;
294
- --px-content-wrapper-max-width-tablet: 62em;
295
- --px-content-wrapper-max-width-laptop: 73.75em;
296
- --px-content-wrapper-max-width-desktop: 73.75em;
297
- --px-price-size-decimal-s-mobile: 0.9375em;
298
- --px-price-size-decimal-s-tablet: 0.9375em;
299
- --px-price-size-decimal-s-laptop: 1em;
300
- --px-price-size-decimal-s-desktop: 1em;
301
- --px-price-size-decimal-m-mobile: 0.8125em;
302
- --px-price-size-decimal-m-tablet: 0.8125em;
303
- --px-price-size-decimal-m-laptop: 1em;
304
- --px-price-size-decimal-m-desktop: 1em;
305
- --px-price-size-decimal-l-mobile: 0.875em;
306
- --px-price-size-decimal-l-tablet: 0.875em;
307
- --px-price-size-decimal-l-laptop: 1.125em;
308
- --px-price-size-decimal-l-desktop: 1.125em;
309
- --px-price-size-sign-s-mobile: 0.875em;
310
- --px-price-size-sign-s-tablet: 0.875em;
311
- --px-price-size-sign-s-laptop: 1.125em;
312
- --px-price-size-sign-s-desktop: 1.125em;
313
- --px-price-size-sign-m-mobile: 1em;
314
- --px-price-size-sign-m-tablet: 1em;
315
- --px-price-size-sign-m-laptop: 1.3125em;
316
- --px-price-size-sign-m-desktop: 1.3125em;
317
- --px-price-size-sign-l-mobile: 1.25em;
318
- --px-price-size-sign-l-tablet: 1.25em;
319
- --px-price-size-sign-l-laptop: 1.75em;
320
- --px-price-size-sign-l-desktop: 1.75em;
321
- --px-price-size-unit-s-mobile: 1em;
322
- --px-price-size-unit-s-tablet: 1em;
323
- --px-price-size-unit-s-laptop: 1.25em;
324
- --px-price-size-unit-s-desktop: 1.25em;
325
- --px-price-size-unit-m-mobile: 1.25em;
326
- --px-price-size-unit-m-tablet: 1.25em;
327
- --px-price-size-unit-m-laptop: 1.75em;
328
- --px-price-size-unit-m-desktop: 1.75em;
329
- --px-price-size-unit-l-mobile: 1.5em;
330
- --px-price-size-unit-l-tablet: 1.5em;
331
- --px-price-size-unit-l-laptop: 2em;
332
- --px-price-size-unit-l-desktop: 2em;
285
+ --px-platform-default-width-mobile: 23.4375rem;
286
+ --px-platform-default-width-tablet: 23.4375rem;
287
+ --px-platform-default-width-laptop: 90rem;
288
+ --px-platform-default-width-desktop: 90rem;
289
+ --px-content-wrapper-min-width-mobile: 21.4375rem;
290
+ --px-content-wrapper-min-width-tablet: 21.4375rem;
291
+ --px-content-wrapper-min-width-laptop: 73.75rem;
292
+ --px-content-wrapper-min-width-desktop: 73.75rem;
293
+ --px-content-wrapper-max-width-mobile: 62rem;
294
+ --px-content-wrapper-max-width-tablet: 62rem;
295
+ --px-content-wrapper-max-width-laptop: 73.75rem;
296
+ --px-content-wrapper-max-width-desktop: 73.75rem;
297
+ --px-price-size-decimal-s-mobile: 0.9375rem;
298
+ --px-price-size-decimal-s-tablet: 0.9375rem;
299
+ --px-price-size-decimal-s-laptop: 1rem;
300
+ --px-price-size-decimal-s-desktop: 1rem;
301
+ --px-price-size-decimal-m-mobile: 0.8125rem;
302
+ --px-price-size-decimal-m-tablet: 0.8125rem;
303
+ --px-price-size-decimal-m-laptop: 1rem;
304
+ --px-price-size-decimal-m-desktop: 1rem;
305
+ --px-price-size-decimal-l-mobile: 0.875rem;
306
+ --px-price-size-decimal-l-tablet: 0.875rem;
307
+ --px-price-size-decimal-l-laptop: 1.125rem;
308
+ --px-price-size-decimal-l-desktop: 1.125rem;
309
+ --px-price-size-sign-s-mobile: 0.875rem;
310
+ --px-price-size-sign-s-tablet: 0.875rem;
311
+ --px-price-size-sign-s-laptop: 1.125rem;
312
+ --px-price-size-sign-s-desktop: 1.125rem;
313
+ --px-price-size-sign-m-mobile: 1rem;
314
+ --px-price-size-sign-m-tablet: 1rem;
315
+ --px-price-size-sign-m-laptop: 1.3125rem;
316
+ --px-price-size-sign-m-desktop: 1.3125rem;
317
+ --px-price-size-sign-l-mobile: 1.25rem;
318
+ --px-price-size-sign-l-tablet: 1.25rem;
319
+ --px-price-size-sign-l-laptop: 1.75rem;
320
+ --px-price-size-sign-l-desktop: 1.75rem;
321
+ --px-price-size-unit-s-mobile: 1rem;
322
+ --px-price-size-unit-s-tablet: 1rem;
323
+ --px-price-size-unit-s-laptop: 1.25rem;
324
+ --px-price-size-unit-s-desktop: 1.25rem;
325
+ --px-price-size-unit-m-mobile: 1.25rem;
326
+ --px-price-size-unit-m-tablet: 1.25rem;
327
+ --px-price-size-unit-m-laptop: 1.75rem;
328
+ --px-price-size-unit-m-desktop: 1.75rem;
329
+ --px-price-size-unit-l-mobile: 1.5rem;
330
+ --px-price-size-unit-l-tablet: 1.5rem;
331
+ --px-price-size-unit-l-laptop: 2rem;
332
+ --px-price-size-unit-l-desktop: 2rem;
333
333
  --px-spacing-has-patch-mobile: 14px;
334
334
  --px-spacing-has-patch-tablet: 14px;
335
335
  --px-spacing-has-patch-laptop: 14px;
@@ -386,76 +386,76 @@
386
386
  --px-spacing-page-layout-between-sections-tablet: 40px;
387
387
  --px-spacing-page-layout-between-sections-laptop: 80px;
388
388
  --px-spacing-page-layout-between-sections-desktop: 80px;
389
- --px-text-size-body-l-mobile: 1em;
390
- --px-text-size-body-l-tablet: 1em;
391
- --px-text-size-body-l-laptop: 1.125em;
392
- --px-text-size-body-l-desktop: 1.125em;
393
- --px-text-size-body-m-mobile: 0.875em;
394
- --px-text-size-body-m-tablet: 0.875em;
395
- --px-text-size-body-m-laptop: 1em;
396
- --px-text-size-body-m-desktop: 1em;
397
- --px-text-size-body-s-mobile: 0.75em;
398
- --px-text-size-body-s-tablet: 0.75em;
399
- --px-text-size-body-s-laptop: 0.875em;
400
- --px-text-size-body-s-desktop: 0.875em;
401
- --px-text-size-body-xs-mobile: 0.625em;
402
- --px-text-size-body-xs-tablet: 0.625em;
403
- --px-text-size-body-xs-laptop: 0.75em;
404
- --px-text-size-body-xs-desktop: 0.75em;
405
- --px-text-size-heading-5xl-mobile: 2.25em;
406
- --px-text-size-heading-5xl-tablet: 2.25em;
407
- --px-text-size-heading-5xl-laptop: 2.5em;
408
- --px-text-size-heading-5xl-desktop: 2.5em;
409
- --px-text-size-heading-4xl-mobile: 2em;
410
- --px-text-size-heading-4xl-tablet: 2em;
411
- --px-text-size-heading-4xl-laptop: 2.25em;
412
- --px-text-size-heading-4xl-desktop: 2.25em;
413
- --px-text-size-heading-3xl-mobile: 1.75em;
414
- --px-text-size-heading-3xl-tablet: 1.75em;
415
- --px-text-size-heading-3xl-laptop: 2em;
416
- --px-text-size-heading-3xl-desktop: 2em;
417
- --px-text-size-heading-2xl-mobile: 1.5em;
418
- --px-text-size-heading-2xl-tablet: 1.5em;
419
- --px-text-size-heading-2xl-laptop: 1.75em;
420
- --px-text-size-heading-2xl-desktop: 1.75em;
421
- --px-text-size-heading-xl-mobile: 1.25em;
422
- --px-text-size-heading-xl-tablet: 1.25em;
423
- --px-text-size-heading-xl-laptop: 1.5em;
424
- --px-text-size-heading-xl-desktop: 1.5em;
425
- --px-text-size-heading-l-mobile: 1.125em;
426
- --px-text-size-heading-l-tablet: 1.125em;
427
- --px-text-size-heading-l-laptop: 1.25em;
428
- --px-text-size-heading-l-desktop: 1.25em;
429
- --px-text-size-heading-m-mobile: 1em;
430
- --px-text-size-heading-m-tablet: 1em;
431
- --px-text-size-heading-m-laptop: 1.125em;
432
- --px-text-size-heading-m-desktop: 1.125em;
433
- --px-text-size-heading-s-mobile: 0.875em;
434
- --px-text-size-heading-s-tablet: 0.875em;
435
- --px-text-size-heading-s-laptop: 1em;
436
- --px-text-size-heading-s-desktop: 1em;
437
- --px-text-size-label-l-mobile: 1em;
438
- --px-text-size-label-l-tablet: 1em;
439
- --px-text-size-label-l-laptop: 1.125em;
440
- --px-text-size-label-l-desktop: 1.125em;
441
- --px-text-size-label-m-mobile: 0.875em;
442
- --px-text-size-label-m-tablet: 0.875em;
443
- --px-text-size-label-m-laptop: 1em;
444
- --px-text-size-label-m-desktop: 1em;
445
- --px-text-size-label-s-mobile: 0.75em;
446
- --px-text-size-label-s-tablet: 0.75em;
447
- --px-text-size-label-s-laptop: 0.875em;
448
- --px-text-size-label-s-desktop: 0.875em;
449
- --px-text-size-label-xs-mobile: 0.625em;
450
- --px-text-size-label-xs-tablet: 0.625em;
451
- --px-text-size-label-xs-laptop: 0.75em;
452
- --px-text-size-label-xs-desktop: 0.75em;
453
- --px-text-size-link-m-mobile: 0.875em;
454
- --px-text-size-link-m-tablet: 0.875em;
455
- --px-text-size-link-m-laptop: 1em;
456
- --px-text-size-link-m-desktop: 1em;
457
- --px-text-size-link-s-mobile: 0.75em;
458
- --px-text-size-link-s-tablet: 0.75em;
459
- --px-text-size-link-s-laptop: 0.875em;
460
- --px-text-size-link-s-desktop: 0.875em;
389
+ --px-text-size-body-l-mobile: 1rem;
390
+ --px-text-size-body-l-tablet: 1rem;
391
+ --px-text-size-body-l-laptop: 1.125rem;
392
+ --px-text-size-body-l-desktop: 1.125rem;
393
+ --px-text-size-body-m-mobile: 0.875rem;
394
+ --px-text-size-body-m-tablet: 0.875rem;
395
+ --px-text-size-body-m-laptop: 1rem;
396
+ --px-text-size-body-m-desktop: 1rem;
397
+ --px-text-size-body-s-mobile: 0.75rem;
398
+ --px-text-size-body-s-tablet: 0.75rem;
399
+ --px-text-size-body-s-laptop: 0.875rem;
400
+ --px-text-size-body-s-desktop: 0.875rem;
401
+ --px-text-size-body-xs-mobile: 0.625rem;
402
+ --px-text-size-body-xs-tablet: 0.625rem;
403
+ --px-text-size-body-xs-laptop: 0.75rem;
404
+ --px-text-size-body-xs-desktop: 0.75rem;
405
+ --px-text-size-heading-5xl-mobile: 2.25rem;
406
+ --px-text-size-heading-5xl-tablet: 2.25rem;
407
+ --px-text-size-heading-5xl-laptop: 2.5rem;
408
+ --px-text-size-heading-5xl-desktop: 2.5rem;
409
+ --px-text-size-heading-4xl-mobile: 2rem;
410
+ --px-text-size-heading-4xl-tablet: 2rem;
411
+ --px-text-size-heading-4xl-laptop: 2.25rem;
412
+ --px-text-size-heading-4xl-desktop: 2.25rem;
413
+ --px-text-size-heading-3xl-mobile: 1.75rem;
414
+ --px-text-size-heading-3xl-tablet: 1.75rem;
415
+ --px-text-size-heading-3xl-laptop: 2rem;
416
+ --px-text-size-heading-3xl-desktop: 2rem;
417
+ --px-text-size-heading-2xl-mobile: 1.5rem;
418
+ --px-text-size-heading-2xl-tablet: 1.5rem;
419
+ --px-text-size-heading-2xl-laptop: 1.75rem;
420
+ --px-text-size-heading-2xl-desktop: 1.75rem;
421
+ --px-text-size-heading-xl-mobile: 1.25rem;
422
+ --px-text-size-heading-xl-tablet: 1.25rem;
423
+ --px-text-size-heading-xl-laptop: 1.5rem;
424
+ --px-text-size-heading-xl-desktop: 1.5rem;
425
+ --px-text-size-heading-l-mobile: 1.125rem;
426
+ --px-text-size-heading-l-tablet: 1.125rem;
427
+ --px-text-size-heading-l-laptop: 1.25rem;
428
+ --px-text-size-heading-l-desktop: 1.25rem;
429
+ --px-text-size-heading-m-mobile: 1rem;
430
+ --px-text-size-heading-m-tablet: 1rem;
431
+ --px-text-size-heading-m-laptop: 1.125rem;
432
+ --px-text-size-heading-m-desktop: 1.125rem;
433
+ --px-text-size-heading-s-mobile: 0.875rem;
434
+ --px-text-size-heading-s-tablet: 0.875rem;
435
+ --px-text-size-heading-s-laptop: 1rem;
436
+ --px-text-size-heading-s-desktop: 1rem;
437
+ --px-text-size-label-l-mobile: 1rem;
438
+ --px-text-size-label-l-tablet: 1rem;
439
+ --px-text-size-label-l-laptop: 1.125rem;
440
+ --px-text-size-label-l-desktop: 1.125rem;
441
+ --px-text-size-label-m-mobile: 0.875rem;
442
+ --px-text-size-label-m-tablet: 0.875rem;
443
+ --px-text-size-label-m-laptop: 1rem;
444
+ --px-text-size-label-m-desktop: 1rem;
445
+ --px-text-size-label-s-mobile: 0.75rem;
446
+ --px-text-size-label-s-tablet: 0.75rem;
447
+ --px-text-size-label-s-laptop: 0.875rem;
448
+ --px-text-size-label-s-desktop: 0.875rem;
449
+ --px-text-size-label-xs-mobile: 0.625rem;
450
+ --px-text-size-label-xs-tablet: 0.625rem;
451
+ --px-text-size-label-xs-laptop: 0.75rem;
452
+ --px-text-size-label-xs-desktop: 0.75rem;
453
+ --px-text-size-link-m-mobile: 0.875rem;
454
+ --px-text-size-link-m-tablet: 0.875rem;
455
+ --px-text-size-link-m-laptop: 1rem;
456
+ --px-text-size-link-m-desktop: 1rem;
457
+ --px-text-size-link-s-mobile: 0.75rem;
458
+ --px-text-size-link-s-tablet: 0.75rem;
459
+ --px-text-size-link-s-laptop: 0.875rem;
460
+ --px-text-size-link-s-desktop: 0.875rem;
461
461
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@proximus/lavender-styling",
3
- "version": "2.0.0-alpha.60",
3
+ "version": "2.0.0-alpha.61",
4
4
  "description": "",
5
5
  "type": "module",
6
6
  "files": [