@telefonica/mistica 15.16.3 → 15.17.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.
Files changed (92) hide show
  1. package/css/mistica.css +1 -1
  2. package/css/roboto.css +102 -34
  3. package/dist/box.d.ts +1 -0
  4. package/dist/box.js +11 -10
  5. package/dist/chip.js +21 -22
  6. package/dist/dialog.js +53 -51
  7. package/dist/generated/mistica-icons/icon-box-star-filled.d.ts +4 -0
  8. package/dist/generated/mistica-icons/icon-box-star-filled.js +121 -0
  9. package/dist/generated/mistica-icons/icon-box-star-light.d.ts +4 -0
  10. package/dist/generated/mistica-icons/icon-box-star-light.js +117 -0
  11. package/dist/generated/mistica-icons/icon-box-star-regular.d.ts +4 -0
  12. package/dist/generated/mistica-icons/icon-box-star-regular.js +117 -0
  13. package/dist/generated/mistica-icons/icon-high-priority-filled.d.ts +4 -0
  14. package/dist/generated/mistica-icons/icon-high-priority-filled.js +111 -0
  15. package/dist/generated/mistica-icons/icon-high-priority-light.d.ts +4 -0
  16. package/dist/generated/mistica-icons/icon-high-priority-light.js +111 -0
  17. package/dist/generated/mistica-icons/icon-high-priority-regular.d.ts +4 -0
  18. package/dist/generated/mistica-icons/icon-high-priority-regular.js +111 -0
  19. package/dist/generated/mistica-icons/icon-mms-filled.d.ts +4 -0
  20. package/dist/generated/mistica-icons/icon-mms-filled.js +122 -0
  21. package/dist/generated/mistica-icons/icon-mms-light.d.ts +4 -0
  22. package/dist/generated/mistica-icons/icon-mms-light.js +134 -0
  23. package/dist/generated/mistica-icons/icon-mms-regular.d.ts +4 -0
  24. package/dist/generated/mistica-icons/icon-mms-regular.js +134 -0
  25. package/dist/generated/mistica-icons/icon-vivo-valoriza-filled.d.ts +4 -0
  26. package/dist/generated/mistica-icons/icon-vivo-valoriza-filled.js +111 -0
  27. package/dist/generated/mistica-icons/icon-vivo-valoriza-light.d.ts +4 -0
  28. package/dist/generated/mistica-icons/icon-vivo-valoriza-light.js +117 -0
  29. package/dist/generated/mistica-icons/icon-vivo-valoriza-regular.d.ts +4 -0
  30. package/dist/generated/mistica-icons/icon-vivo-valoriza-regular.js +117 -0
  31. package/dist/generated/mistica-icons/icons-keywords.js +31 -0
  32. package/dist/index.d.ts +12 -0
  33. package/dist/index.js +48 -0
  34. package/dist/list.d.ts +1 -0
  35. package/dist/list.js +163 -157
  36. package/dist/package-version.js +1 -1
  37. package/dist/select.js +103 -95
  38. package/dist/skins/blau.js +96 -8
  39. package/dist/skins/defaults.js +98 -10
  40. package/dist/skins/movistar.js +94 -6
  41. package/dist/skins/o2-new.js +95 -7
  42. package/dist/skins/o2.js +94 -6
  43. package/dist/skins/skin-contract.css-mistica.js +42 -10
  44. package/dist/skins/skin-contract.css.d.ts +32 -0
  45. package/dist/skins/telefonica.js +96 -8
  46. package/dist/skins/tu.js +94 -6
  47. package/dist/skins/types/index.d.ts +36 -28
  48. package/dist/skins/vivo-new.js +95 -7
  49. package/dist/skins/vivo.js +94 -6
  50. package/dist/snackbar.js +53 -51
  51. package/dist/table.js +12 -12
  52. package/dist/theme-context-provider.js +91 -63
  53. package/dist/theme-context.css-mistica.js +452 -0
  54. package/dist/theme-context.css.d.ts +432 -0
  55. package/dist/theme-context.css.ts.vanilla.css-mistica.js +11 -0
  56. package/dist-es/box.js +17 -16
  57. package/dist-es/chip.js +47 -48
  58. package/dist-es/dialog.js +70 -68
  59. package/dist-es/generated/mistica-icons/icon-box-star-filled.js +112 -0
  60. package/dist-es/generated/mistica-icons/icon-box-star-light.js +108 -0
  61. package/dist-es/generated/mistica-icons/icon-box-star-regular.js +108 -0
  62. package/dist-es/generated/mistica-icons/icon-high-priority-filled.js +102 -0
  63. package/dist-es/generated/mistica-icons/icon-high-priority-light.js +102 -0
  64. package/dist-es/generated/mistica-icons/icon-high-priority-regular.js +102 -0
  65. package/dist-es/generated/mistica-icons/icon-mms-filled.js +113 -0
  66. package/dist-es/generated/mistica-icons/icon-mms-light.js +125 -0
  67. package/dist-es/generated/mistica-icons/icon-mms-regular.js +125 -0
  68. package/dist-es/generated/mistica-icons/icon-vivo-valoriza-filled.js +102 -0
  69. package/dist-es/generated/mistica-icons/icon-vivo-valoriza-light.js +108 -0
  70. package/dist-es/generated/mistica-icons/icon-vivo-valoriza-regular.js +108 -0
  71. package/dist-es/generated/mistica-icons/icons-keywords.js +31 -0
  72. package/dist-es/index.js +1563 -1551
  73. package/dist-es/list.js +225 -219
  74. package/dist-es/package-version.js +1 -1
  75. package/dist-es/select.js +146 -138
  76. package/dist-es/skins/blau.js +96 -8
  77. package/dist-es/skins/defaults.js +97 -9
  78. package/dist-es/skins/movistar.js +94 -6
  79. package/dist-es/skins/o2-new.js +95 -7
  80. package/dist-es/skins/o2.js +94 -6
  81. package/dist-es/skins/skin-contract.css-mistica.js +42 -10
  82. package/dist-es/skins/telefonica.js +98 -10
  83. package/dist-es/skins/tu.js +94 -6
  84. package/dist-es/skins/vivo-new.js +95 -7
  85. package/dist-es/skins/vivo.js +94 -6
  86. package/dist-es/snackbar.js +62 -60
  87. package/dist-es/style.css +1 -1
  88. package/dist-es/table.js +31 -31
  89. package/dist-es/theme-context-provider.js +133 -105
  90. package/dist-es/theme-context.css-mistica.js +432 -0
  91. package/dist-es/theme-context.css.ts.vanilla.css-mistica.js +2 -0
  92. package/package.json +2 -3
package/dist/skins/movistar.js CHANGED
@@ -394,23 +394,111 @@ const e = {
394
394
  navigationBar: {
395
395
  weight: "medium"
396
396
  },
397
+ text1: {
398
+ size: {
399
+ mobile: 12,
400
+ desktop: 14
401
+ },
402
+ lineHeight: {
403
+ mobile: 16,
404
+ desktop: 20
405
+ }
406
+ },
407
+ text2: {
408
+ size: {
409
+ mobile: 14,
410
+ desktop: 16
411
+ },
412
+ lineHeight: {
413
+ mobile: 20,
414
+ desktop: 24
415
+ }
416
+ },
417
+ text3: {
418
+ size: {
419
+ mobile: 16,
420
+ desktop: 18
421
+ },
422
+ lineHeight: {
423
+ mobile: 24,
424
+ desktop: 24
425
+ }
426
+ },
427
+ text4: {
428
+ size: {
429
+ mobile: 18,
430
+ desktop: 20
431
+ },
432
+ lineHeight: {
433
+ mobile: 24,
434
+ desktop: 28
435
+ }
436
+ },
397
437
  text5: {
398
- weight: "bold"
438
+ weight: "bold",
439
+ size: {
440
+ mobile: 20,
441
+ desktop: 28
442
+ },
443
+ lineHeight: {
444
+ mobile: 24,
445
+ desktop: 32
446
+ }
399
447
  },
400
448
  text6: {
401
- weight: "bold"
449
+ weight: "bold",
450
+ size: {
451
+ mobile: 24,
452
+ desktop: 32
453
+ },
454
+ lineHeight: {
455
+ mobile: 32,
456
+ desktop: 40
457
+ }
402
458
  },
403
459
  text7: {
404
- weight: "bold"
460
+ weight: "bold",
461
+ size: {
462
+ mobile: 28,
463
+ desktop: 40
464
+ },
465
+ lineHeight: {
466
+ mobile: 32,
467
+ desktop: 48
468
+ }
405
469
  },
406
470
  text8: {
407
- weight: "bold"
471
+ weight: "bold",
472
+ size: {
473
+ mobile: 32,
474
+ desktop: 48
475
+ },
476
+ lineHeight: {
477
+ mobile: 40,
478
+ desktop: 56
479
+ }
408
480
  },
409
481
  text9: {
410
- weight: "bold"
482
+ weight: "bold",
483
+ size: {
484
+ mobile: 40,
485
+ desktop: 56
486
+ },
487
+ lineHeight: {
488
+ mobile: 48,
489
+ desktop: 64
490
+ }
411
491
  },
412
492
  text10: {
413
- weight: "bold"
493
+ weight: "bold",
494
+ size: {
495
+ mobile: 48,
496
+ desktop: 64
497
+ },
498
+ lineHeight: {
499
+ mobile: 56,
500
+ desktop: 72
501
+ }
414
502
  }
415
503
  }
416
504
  });
package/dist/skins/o2-new.js CHANGED
@@ -141,7 +141,7 @@ const e = {
141
141
  iosControlKnob: e.white,
142
142
  divider: e.grey30,
143
143
  dividerInverse: (0, _color.applyAlpha)(e.white, 0.2),
144
- navigationBarDivider: e.beyondBlue,
144
+ navigationBarDivider: e.darkBlue,
145
145
  badge: e.o2Red65,
146
146
  feedbackErrorBackground: e.o2Red60,
147
147
  feedbackInfoBackground: e.black,
@@ -384,23 +384,111 @@ const e = {
384
384
  navigationBar: {
385
385
  weight: "medium"
386
386
  },
387
+ text1: {
388
+ size: {
389
+ mobile: 12,
390
+ desktop: 14
391
+ },
392
+ lineHeight: {
393
+ mobile: 16,
394
+ desktop: 20
395
+ }
396
+ },
397
+ text2: {
398
+ size: {
399
+ mobile: 14,
400
+ desktop: 16
401
+ },
402
+ lineHeight: {
403
+ mobile: 20,
404
+ desktop: 24
405
+ }
406
+ },
407
+ text3: {
408
+ size: {
409
+ mobile: 16,
410
+ desktop: 18
411
+ },
412
+ lineHeight: {
413
+ mobile: 24,
414
+ desktop: 24
415
+ }
416
+ },
417
+ text4: {
418
+ size: {
419
+ mobile: 18,
420
+ desktop: 20
421
+ },
422
+ lineHeight: {
423
+ mobile: 24,
424
+ desktop: 28
425
+ }
426
+ },
387
427
  text5: {
388
- weight: "bold"
428
+ weight: "bold",
429
+ size: {
430
+ mobile: 20,
431
+ desktop: 28
432
+ },
433
+ lineHeight: {
434
+ mobile: 24,
435
+ desktop: 32
436
+ }
389
437
  },
390
438
  text6: {
391
- weight: "bold"
439
+ weight: "bold",
440
+ size: {
441
+ mobile: 24,
442
+ desktop: 32
443
+ },
444
+ lineHeight: {
445
+ mobile: 32,
446
+ desktop: 40
447
+ }
392
448
  },
393
449
  text7: {
394
- weight: "bold"
450
+ weight: "bold",
451
+ size: {
452
+ mobile: 28,
453
+ desktop: 40
454
+ },
455
+ lineHeight: {
456
+ mobile: 32,
457
+ desktop: 48
458
+ }
395
459
  },
396
460
  text8: {
397
- weight: "bold"
461
+ weight: "bold",
462
+ size: {
463
+ mobile: 32,
464
+ desktop: 48
465
+ },
466
+ lineHeight: {
467
+ mobile: 40,
468
+ desktop: 56
469
+ }
398
470
  },
399
471
  text9: {
400
- weight: "bold"
472
+ weight: "bold",
473
+ size: {
474
+ mobile: 40,
475
+ desktop: 56
476
+ },
477
+ lineHeight: {
478
+ mobile: 48,
479
+ desktop: 64
480
+ }
401
481
  },
402
482
  text10: {
403
- weight: "bold"
483
+ weight: "bold",
484
+ size: {
485
+ mobile: 48,
486
+ desktop: 64
487
+ },
488
+ lineHeight: {
489
+ mobile: 56,
490
+ desktop: 72
491
+ }
404
492
  }
405
493
  }
406
494
  });
package/dist/skins/o2.js CHANGED
@@ -381,23 +381,111 @@ const e = {
381
381
  navigationBar: {
382
382
  weight: "medium"
383
383
  },
384
+ text1: {
385
+ size: {
386
+ mobile: 12,
387
+ desktop: 14
388
+ },
389
+ lineHeight: {
390
+ mobile: 16,
391
+ desktop: 20
392
+ }
393
+ },
394
+ text2: {
395
+ size: {
396
+ mobile: 14,
397
+ desktop: 16
398
+ },
399
+ lineHeight: {
400
+ mobile: 20,
401
+ desktop: 24
402
+ }
403
+ },
404
+ text3: {
405
+ size: {
406
+ mobile: 16,
407
+ desktop: 18
408
+ },
409
+ lineHeight: {
410
+ mobile: 24,
411
+ desktop: 24
412
+ }
413
+ },
414
+ text4: {
415
+ size: {
416
+ mobile: 18,
417
+ desktop: 20
418
+ },
419
+ lineHeight: {
420
+ mobile: 24,
421
+ desktop: 28
422
+ }
423
+ },
384
424
  text5: {
385
- weight: "light"
425
+ weight: "light",
426
+ size: {
427
+ mobile: 20,
428
+ desktop: 28
429
+ },
430
+ lineHeight: {
431
+ mobile: 24,
432
+ desktop: 32
433
+ }
386
434
  },
387
435
  text6: {
388
- weight: "light"
436
+ weight: "light",
437
+ size: {
438
+ mobile: 24,
439
+ desktop: 32
440
+ },
441
+ lineHeight: {
442
+ mobile: 32,
443
+ desktop: 40
444
+ }
389
445
  },
390
446
  text7: {
391
- weight: "light"
447
+ weight: "light",
448
+ size: {
449
+ mobile: 28,
450
+ desktop: 40
451
+ },
452
+ lineHeight: {
453
+ mobile: 32,
454
+ desktop: 48
455
+ }
392
456
  },
393
457
  text8: {
394
- weight: "light"
458
+ weight: "light",
459
+ size: {
460
+ mobile: 32,
461
+ desktop: 48
462
+ },
463
+ lineHeight: {
464
+ mobile: 40,
465
+ desktop: 56
466
+ }
395
467
  },
396
468
  text9: {
397
- weight: "light"
469
+ weight: "light",
470
+ size: {
471
+ mobile: 40,
472
+ desktop: 56
473
+ },
474
+ lineHeight: {
475
+ mobile: 48,
476
+ desktop: 64
477
+ }
398
478
  },
399
479
  text10: {
400
- weight: "light"
480
+ weight: "light",
481
+ size: {
482
+ mobile: 48,
483
+ desktop: 64
484
+ },
485
+ lineHeight: {
486
+ mobile: 56,
487
+ desktop: 72
488
+ }
401
489
  }
402
490
  }
403
491
  });
package/dist/skins/skin-contract.css-mistica.js CHANGED
@@ -300,34 +300,66 @@ var r = {
300
300
  weight: "var(--_1vqcj1i7m)"
301
301
  },
302
302
  title2: {
303
- weight: "var(--_1vqcj1i7n)"
303
+ weight: "var(--_1vqcj1i7n)",
304
+ size: "var(--_1vqcj1i7o)",
305
+ lineHeight: "var(--_1vqcj1i7p)"
304
306
  },
305
307
  indicator: {
306
- weight: "var(--_1vqcj1i7o)"
308
+ weight: "var(--_1vqcj1i7q)"
307
309
  },
308
310
  tabsLabel: {
309
- weight: "var(--_1vqcj1i7p)"
311
+ weight: "var(--_1vqcj1i7r)",
312
+ size: "var(--_1vqcj1i7s)",
313
+ lineHeight: "var(--_1vqcj1i7t)"
310
314
  },
311
315
  navigationBar: {
312
- weight: "var(--_1vqcj1i7q)"
316
+ weight: "var(--_1vqcj1i7u)"
317
+ },
318
+ text1: {
319
+ size: "var(--_1vqcj1i7v)",
320
+ lineHeight: "var(--_1vqcj1i7w)"
321
+ },
322
+ text2: {
323
+ size: "var(--_1vqcj1i7x)",
324
+ lineHeight: "var(--_1vqcj1i7y)"
325
+ },
326
+ text3: {
327
+ size: "var(--_1vqcj1i7z)",
328
+ lineHeight: "var(--_1vqcj1i80)"
329
+ },
330
+ text4: {
331
+ size: "var(--_1vqcj1i81)",
332
+ lineHeight: "var(--_1vqcj1i82)"
313
333
  },
314
334
  text5: {
315
- weight: "var(--_1vqcj1i7r)"
335
+ weight: "var(--_1vqcj1i83)",
336
+ size: "var(--_1vqcj1i84)",
337
+ lineHeight: "var(--_1vqcj1i85)"
316
338
  },
317
339
  text6: {
318
- weight: "var(--_1vqcj1i7s)"
340
+ weight: "var(--_1vqcj1i86)",
341
+ size: "var(--_1vqcj1i87)",
342
+ lineHeight: "var(--_1vqcj1i88)"
319
343
  },
320
344
  text7: {
321
- weight: "var(--_1vqcj1i7t)"
345
+ weight: "var(--_1vqcj1i89)",
346
+ size: "var(--_1vqcj1i8a)",
347
+ lineHeight: "var(--_1vqcj1i8b)"
322
348
  },
323
349
  text8: {
324
- weight: "var(--_1vqcj1i7u)"
350
+ weight: "var(--_1vqcj1i8c)",
351
+ size: "var(--_1vqcj1i8d)",
352
+ lineHeight: "var(--_1vqcj1i8e)"
325
353
  },
326
354
  text9: {
327
- weight: "var(--_1vqcj1i7v)"
355
+ weight: "var(--_1vqcj1i8f)",
356
+ size: "var(--_1vqcj1i8g)",
357
+ lineHeight: "var(--_1vqcj1i8h)"
328
358
  },
329
359
  text10: {
330
- weight: "var(--_1vqcj1i7w)"
360
+ weight: "var(--_1vqcj1i8i)",
361
+ size: "var(--_1vqcj1i8j)",
362
+ lineHeight: "var(--_1vqcj1i8k)"
331
363
  }
332
364
  }
333
365
  };
package/dist/skins/skin-contract.css.d.ts CHANGED
@@ -291,33 +291,65 @@ export declare const vars: {
291
291
  };
292
292
  title2: {
293
293
  weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
294
+ size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
295
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
294
296
  };
295
297
  indicator: {
296
298
  weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
297
299
  };
298
300
  tabsLabel: {
299
301
  weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
302
+ size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
303
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
300
304
  };
301
305
  navigationBar: {
302
306
  weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
303
307
  };
308
+ text1: {
309
+ size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
310
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
311
+ };
312
+ text2: {
313
+ size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
314
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
315
+ };
316
+ text3: {
317
+ size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
318
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
319
+ };
320
+ text4: {
321
+ size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
322
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
323
+ };
304
324
  text5: {
305
325
  weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
326
+ size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
327
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
306
328
  };
307
329
  text6: {
308
330
  weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
331
+ size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
332
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
309
333
  };
310
334
  text7: {
311
335
  weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
336
+ size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
337
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
312
338
  };
313
339
  text8: {
314
340
  weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
341
+ size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
342
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
315
343
  };
316
344
  text9: {
317
345
  weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
346
+ size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
347
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
318
348
  };
319
349
  text10: {
320
350
  weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
351
+ size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
352
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
321
353
  };
322
354
  };
323
355
  };
package/dist/skins/telefonica.js CHANGED
@@ -10,7 +10,7 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  getTelefonicaSkin: function() {
13
- return c;
13
+ return i;
14
14
  },
15
15
  palette: function() {
16
16
  return e;
@@ -55,7 +55,7 @@ const e = {
55
55
  darkModeBlack: "#191919",
56
56
  darkModeGrey: "#242424",
57
57
  darkModeGrey6: "#313235"
58
- }, c = ()=>({
58
+ }, i = ()=>({
59
59
  name: _constants.TELEFONICA_SKIN,
60
60
  colors: {
61
61
  appBarBackground: e.white,
@@ -375,23 +375,111 @@ const e = {
375
375
  navigationBar: {
376
376
  weight: "medium"
377
377
  },
378
+ text1: {
379
+ size: {
380
+ mobile: 12,
381
+ desktop: 14
382
+ },
383
+ lineHeight: {
384
+ mobile: 16,
385
+ desktop: 20
386
+ }
387
+ },
388
+ text2: {
389
+ size: {
390
+ mobile: 14,
391
+ desktop: 16
392
+ },
393
+ lineHeight: {
394
+ mobile: 20,
395
+ desktop: 24
396
+ }
397
+ },
398
+ text3: {
399
+ size: {
400
+ mobile: 16,
401
+ desktop: 18
402
+ },
403
+ lineHeight: {
404
+ mobile: 24,
405
+ desktop: 24
406
+ }
407
+ },
408
+ text4: {
409
+ size: {
410
+ mobile: 18,
411
+ desktop: 20
412
+ },
413
+ lineHeight: {
414
+ mobile: 24,
415
+ desktop: 28
416
+ }
417
+ },
378
418
  text5: {
379
- weight: "regular"
419
+ weight: "regular",
420
+ size: {
421
+ mobile: 20,
422
+ desktop: 28
423
+ },
424
+ lineHeight: {
425
+ mobile: 24,
426
+ desktop: 32
427
+ }
380
428
  },
381
429
  text6: {
382
- weight: "regular"
430
+ weight: "regular",
431
+ size: {
432
+ mobile: 24,
433
+ desktop: 32
434
+ },
435
+ lineHeight: {
436
+ mobile: 32,
437
+ desktop: 40
438
+ }
383
439
  },
384
440
  text7: {
385
- weight: "regular"
441
+ weight: "regular",
442
+ size: {
443
+ mobile: 28,
444
+ desktop: 40
445
+ },
446
+ lineHeight: {
447
+ mobile: 32,
448
+ desktop: 48
449
+ }
386
450
  },
387
451
  text8: {
388
- weight: "regular"
452
+ weight: "regular",
453
+ size: {
454
+ mobile: 32,
455
+ desktop: 48
456
+ },
457
+ lineHeight: {
458
+ mobile: 40,
459
+ desktop: 56
460
+ }
389
461
  },
390
462
  text9: {
391
- weight: "regular"
463
+ weight: "regular",
464
+ size: {
465
+ mobile: 40,
466
+ desktop: 56
467
+ },
468
+ lineHeight: {
469
+ mobile: 48,
470
+ desktop: 64
471
+ }
392
472
  },
393
473
  text10: {
394
- weight: "regular"
474
+ weight: "regular",
475
+ size: {
476
+ mobile: 48,
477
+ desktop: 64
478
+ },
479
+ lineHeight: {
480
+ mobile: 56,
481
+ desktop: 72
482
+ }
395
483
  }
396
484
  }
397
485
  });