@telefonica/mistica 16.4.0 → 16.5.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 (42) hide show
  1. package/css/mistica.css +1 -1
  2. package/css/vivo-new.css +11 -11
  3. package/dist/accordion.css-mistica.js +16 -13
  4. package/dist/accordion.css.d.ts +1 -0
  5. package/dist/accordion.d.ts +4 -0
  6. package/dist/accordion.js +110 -93
  7. package/dist/mosaic.d.ts +6 -2
  8. package/dist/mosaic.js +50 -48
  9. package/dist/navigation-bar.css-mistica.js +96 -37
  10. package/dist/navigation-bar.css.d.ts +27 -1
  11. package/dist/navigation-bar.d.ts +65 -30
  12. package/dist/navigation-bar.js +818 -193
  13. package/dist/package-version.js +1 -1
  14. package/dist/skins/blau.js +94 -94
  15. package/dist/skins/movistar.js +94 -94
  16. package/dist/skins/o2-new.js +94 -94
  17. package/dist/skins/o2.js +94 -94
  18. package/dist/skins/telefonica.js +94 -94
  19. package/dist/skins/tu.js +94 -94
  20. package/dist/skins/vivo-new.js +98 -98
  21. package/dist/skins/vivo.js +94 -94
  22. package/dist/text-tokens.d.ts +4 -0
  23. package/dist/text-tokens.js +101 -85
  24. package/dist/theme.js +20 -17
  25. package/dist-es/accordion.css-mistica.js +7 -7
  26. package/dist-es/accordion.js +140 -123
  27. package/dist-es/mosaic.js +73 -71
  28. package/dist-es/navigation-bar.css-mistica.js +14 -15
  29. package/dist-es/navigation-bar.js +864 -240
  30. package/dist-es/package-version.js +1 -1
  31. package/dist-es/skins/blau.js +94 -94
  32. package/dist-es/skins/movistar.js +94 -94
  33. package/dist-es/skins/o2-new.js +94 -94
  34. package/dist-es/skins/o2.js +94 -94
  35. package/dist-es/skins/telefonica.js +94 -94
  36. package/dist-es/skins/tu.js +94 -94
  37. package/dist-es/skins/vivo-new.js +98 -98
  38. package/dist-es/skins/vivo.js +94 -94
  39. package/dist-es/style.css +1 -1
  40. package/dist-es/text-tokens.js +53 -43
  41. package/dist-es/theme.js +20 -20
  42. package/package.json +1 -1
@@ -1,2 +1,2 @@
1
- const o = "16.4.0";
1
+ const o = "16.5.0";
2
2
  export { o as PACKAGE_VERSION };
@@ -322,154 +322,154 @@ const e = {
322
322
  mediaSmall: "8px"
323
323
  },
324
324
  textPresets: {
325
+ button: {
326
+ weight: "medium"
327
+ },
325
328
  cardTitle: {
326
329
  weight: "regular"
327
330
  },
328
- button: {
331
+ indicator: {
329
332
  weight: "medium"
330
333
  },
331
- tabsLabel: {
332
- weight: "medium",
333
- size: {
334
- mobile: 16,
335
- desktop: 18
336
- },
337
- lineHeight: {
338
- mobile: 24,
339
- desktop: 24
340
- }
341
- },
342
334
  link: {
343
335
  weight: "medium"
344
336
  },
345
- title1: {
337
+ navigationBar: {
346
338
  weight: "medium"
347
339
  },
348
- title2: {
349
- weight: "light"
350
- },
351
- title3: {
352
- weight: "light",
340
+ tabsLabel: {
341
+ lineHeight: {
342
+ desktop: 24,
343
+ mobile: 24
344
+ },
353
345
  size: {
354
- mobile: 20,
355
- desktop: 28
346
+ desktop: 18,
347
+ mobile: 16
356
348
  },
357
- lineHeight: {
358
- mobile: 24,
359
- desktop: 32
360
- }
361
- },
362
- indicator: {
363
- weight: "medium"
364
- },
365
- navigationBar: {
366
349
  weight: "medium"
367
350
  },
368
351
  text1: {
369
- size: {
370
- mobile: 12,
371
- desktop: 14
372
- },
373
352
  lineHeight: {
374
- mobile: 16,
375
- desktop: 20
353
+ desktop: 20,
354
+ mobile: 16
355
+ },
356
+ size: {
357
+ desktop: 14,
358
+ mobile: 12
376
359
  }
377
360
  },
378
361
  text2: {
379
- size: {
380
- mobile: 14,
381
- desktop: 16
382
- },
383
362
  lineHeight: {
384
- mobile: 20,
385
- desktop: 24
363
+ desktop: 24,
364
+ mobile: 20
365
+ },
366
+ size: {
367
+ desktop: 16,
368
+ mobile: 14
386
369
  }
387
370
  },
388
371
  text3: {
389
- size: {
390
- mobile: 16,
391
- desktop: 18
392
- },
393
372
  lineHeight: {
394
- mobile: 24,
395
- desktop: 24
373
+ desktop: 24,
374
+ mobile: 24
375
+ },
376
+ size: {
377
+ desktop: 18,
378
+ mobile: 16
396
379
  }
397
380
  },
398
381
  text4: {
399
- size: {
400
- mobile: 18,
401
- desktop: 20
402
- },
403
382
  lineHeight: {
404
- mobile: 24,
405
- desktop: 28
383
+ desktop: 28,
384
+ mobile: 24
385
+ },
386
+ size: {
387
+ desktop: 20,
388
+ mobile: 18
406
389
  }
407
390
  },
408
391
  text5: {
409
- weight: "light",
392
+ lineHeight: {
393
+ desktop: 32,
394
+ mobile: 24
395
+ },
410
396
  size: {
411
- mobile: 20,
412
- desktop: 28
397
+ desktop: 28,
398
+ mobile: 20
413
399
  },
414
- lineHeight: {
415
- mobile: 24,
416
- desktop: 32
417
- }
400
+ weight: "light"
418
401
  },
419
402
  text6: {
420
- weight: "light",
403
+ lineHeight: {
404
+ desktop: 40,
405
+ mobile: 32
406
+ },
421
407
  size: {
422
- mobile: 24,
423
- desktop: 32
408
+ desktop: 32,
409
+ mobile: 24
424
410
  },
425
- lineHeight: {
426
- mobile: 32,
427
- desktop: 40
428
- }
411
+ weight: "light"
429
412
  },
430
413
  text7: {
431
- weight: "light",
414
+ lineHeight: {
415
+ desktop: 48,
416
+ mobile: 32
417
+ },
432
418
  size: {
433
- mobile: 28,
434
- desktop: 40
419
+ desktop: 40,
420
+ mobile: 28
435
421
  },
436
- lineHeight: {
437
- mobile: 32,
438
- desktop: 48
439
- }
422
+ weight: "light"
440
423
  },
441
424
  text8: {
442
- weight: "light",
425
+ lineHeight: {
426
+ desktop: 56,
427
+ mobile: 40
428
+ },
443
429
  size: {
444
- mobile: 32,
445
- desktop: 48
430
+ desktop: 48,
431
+ mobile: 32
446
432
  },
447
- lineHeight: {
448
- mobile: 40,
449
- desktop: 56
450
- }
433
+ weight: "light"
451
434
  },
452
435
  text9: {
453
- weight: "light",
436
+ lineHeight: {
437
+ desktop: 64,
438
+ mobile: 48
439
+ },
454
440
  size: {
455
- mobile: 40,
456
- desktop: 56
441
+ desktop: 56,
442
+ mobile: 40
457
443
  },
458
- lineHeight: {
459
- mobile: 48,
460
- desktop: 64
461
- }
444
+ weight: "light"
462
445
  },
463
446
  text10: {
464
- weight: "light",
447
+ lineHeight: {
448
+ desktop: 72,
449
+ mobile: 56
450
+ },
465
451
  size: {
466
- mobile: 48,
467
- desktop: 64
452
+ desktop: 64,
453
+ mobile: 48
468
454
  },
455
+ weight: "light"
456
+ },
457
+ title1: {
458
+ weight: "medium"
459
+ },
460
+ title2: {
461
+ weight: "light"
462
+ },
463
+ title3: {
469
464
  lineHeight: {
470
- mobile: 56,
471
- desktop: 72
472
- }
465
+ desktop: 32,
466
+ mobile: 24
467
+ },
468
+ size: {
469
+ desktop: 28,
470
+ mobile: 20
471
+ },
472
+ weight: "light"
473
473
  }
474
474
  }
475
475
  });
@@ -340,154 +340,154 @@ const e = {
340
340
  mediaSmall: "8px"
341
341
  },
342
342
  textPresets: {
343
+ button: {
344
+ weight: "medium"
345
+ },
343
346
  cardTitle: {
344
347
  weight: "bold"
345
348
  },
346
- button: {
349
+ indicator: {
347
350
  weight: "medium"
348
351
  },
349
- tabsLabel: {
350
- weight: "medium",
351
- size: {
352
- mobile: 16,
353
- desktop: 18
354
- },
355
- lineHeight: {
356
- mobile: 24,
357
- desktop: 24
358
- }
359
- },
360
352
  link: {
361
353
  weight: "medium"
362
354
  },
363
- title1: {
355
+ navigationBar: {
364
356
  weight: "medium"
365
357
  },
366
- title2: {
367
- weight: "bold"
368
- },
369
- title3: {
370
- weight: "bold",
358
+ tabsLabel: {
359
+ lineHeight: {
360
+ desktop: 24,
361
+ mobile: 24
362
+ },
371
363
  size: {
372
- mobile: 20,
373
- desktop: 28
364
+ desktop: 18,
365
+ mobile: 16
374
366
  },
375
- lineHeight: {
376
- mobile: 24,
377
- desktop: 32
378
- }
379
- },
380
- indicator: {
381
- weight: "medium"
382
- },
383
- navigationBar: {
384
367
  weight: "medium"
385
368
  },
386
369
  text1: {
387
- size: {
388
- mobile: 12,
389
- desktop: 14
390
- },
391
370
  lineHeight: {
392
- mobile: 16,
393
- desktop: 20
371
+ desktop: 20,
372
+ mobile: 16
373
+ },
374
+ size: {
375
+ desktop: 14,
376
+ mobile: 12
394
377
  }
395
378
  },
396
379
  text2: {
397
- size: {
398
- mobile: 14,
399
- desktop: 16
400
- },
401
380
  lineHeight: {
402
- mobile: 20,
403
- desktop: 24
381
+ desktop: 24,
382
+ mobile: 20
383
+ },
384
+ size: {
385
+ desktop: 16,
386
+ mobile: 14
404
387
  }
405
388
  },
406
389
  text3: {
407
- size: {
408
- mobile: 16,
409
- desktop: 18
410
- },
411
390
  lineHeight: {
412
- mobile: 24,
413
- desktop: 24
391
+ desktop: 24,
392
+ mobile: 24
393
+ },
394
+ size: {
395
+ desktop: 18,
396
+ mobile: 16
414
397
  }
415
398
  },
416
399
  text4: {
417
- size: {
418
- mobile: 18,
419
- desktop: 20
420
- },
421
400
  lineHeight: {
422
- mobile: 24,
423
- desktop: 28
401
+ desktop: 28,
402
+ mobile: 24
403
+ },
404
+ size: {
405
+ desktop: 20,
406
+ mobile: 18
424
407
  }
425
408
  },
426
409
  text5: {
427
- weight: "bold",
410
+ lineHeight: {
411
+ desktop: 32,
412
+ mobile: 24
413
+ },
428
414
  size: {
429
- mobile: 20,
430
- desktop: 28
415
+ desktop: 28,
416
+ mobile: 20
431
417
  },
432
- lineHeight: {
433
- mobile: 24,
434
- desktop: 32
435
- }
418
+ weight: "bold"
436
419
  },
437
420
  text6: {
438
- weight: "bold",
421
+ lineHeight: {
422
+ desktop: 40,
423
+ mobile: 32
424
+ },
439
425
  size: {
440
- mobile: 24,
441
- desktop: 32
426
+ desktop: 32,
427
+ mobile: 24
442
428
  },
443
- lineHeight: {
444
- mobile: 32,
445
- desktop: 40
446
- }
429
+ weight: "bold"
447
430
  },
448
431
  text7: {
449
- weight: "bold",
432
+ lineHeight: {
433
+ desktop: 48,
434
+ mobile: 32
435
+ },
450
436
  size: {
451
- mobile: 28,
452
- desktop: 40
437
+ desktop: 40,
438
+ mobile: 28
453
439
  },
454
- lineHeight: {
455
- mobile: 32,
456
- desktop: 48
457
- }
440
+ weight: "bold"
458
441
  },
459
442
  text8: {
460
- weight: "bold",
443
+ lineHeight: {
444
+ desktop: 56,
445
+ mobile: 40
446
+ },
461
447
  size: {
462
- mobile: 32,
463
- desktop: 48
448
+ desktop: 48,
449
+ mobile: 32
464
450
  },
465
- lineHeight: {
466
- mobile: 40,
467
- desktop: 56
468
- }
451
+ weight: "bold"
469
452
  },
470
453
  text9: {
471
- weight: "bold",
454
+ lineHeight: {
455
+ desktop: 64,
456
+ mobile: 48
457
+ },
472
458
  size: {
473
- mobile: 40,
474
- desktop: 56
459
+ desktop: 56,
460
+ mobile: 40
475
461
  },
476
- lineHeight: {
477
- mobile: 48,
478
- desktop: 64
479
- }
462
+ weight: "bold"
480
463
  },
481
464
  text10: {
482
- weight: "bold",
465
+ lineHeight: {
466
+ desktop: 72,
467
+ mobile: 56
468
+ },
483
469
  size: {
484
- mobile: 48,
485
- desktop: 64
470
+ desktop: 64,
471
+ mobile: 48
486
472
  },
473
+ weight: "bold"
474
+ },
475
+ title1: {
476
+ weight: "medium"
477
+ },
478
+ title2: {
479
+ weight: "bold"
480
+ },
481
+ title3: {
487
482
  lineHeight: {
488
- mobile: 56,
489
- desktop: 72
490
- }
483
+ desktop: 32,
484
+ mobile: 24
485
+ },
486
+ size: {
487
+ desktop: 28,
488
+ mobile: 20
489
+ },
490
+ weight: "bold"
491
491
  }
492
492
  }
493
493
  });