@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
package/dist/package-version.js CHANGED
@@ -8,4 +8,4 @@ Object.defineProperty(exports, "PACKAGE_VERSION", {
8
8
  return o;
9
9
  }
10
10
  });
11
- const o = "16.4.0";
11
+ const o = "16.5.0";
package/dist/skins/blau.js CHANGED
@@ -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: "regular"
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: "light"
368
- },
369
- title3: {
370
- weight: "light",
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: "light",
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: "light"
436
419
  },
437
420
  text6: {
438
- weight: "light",
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: "light"
447
430
  },
448
431
  text7: {
449
- weight: "light",
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: "light"
458
441
  },
459
442
  text8: {
460
- weight: "light",
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: "light"
469
452
  },
470
453
  text9: {
471
- weight: "light",
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: "light"
480
463
  },
481
464
  text10: {
482
- weight: "light",
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: "light"
474
+ },
475
+ title1: {
476
+ weight: "medium"
477
+ },
478
+ title2: {
479
+ weight: "light"
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: "light"
491
491
  }
492
492
  }
493
493
  });
package/dist/skins/movistar.js CHANGED
@@ -358,154 +358,154 @@ const e = {
358
358
  mediaSmall: "8px"
359
359
  },
360
360
  textPresets: {
361
+ button: {
362
+ weight: "medium"
363
+ },
361
364
  cardTitle: {
362
365
  weight: "bold"
363
366
  },
364
- button: {
367
+ indicator: {
365
368
  weight: "medium"
366
369
  },
367
- tabsLabel: {
368
- weight: "medium",
369
- size: {
370
- mobile: 16,
371
- desktop: 18
372
- },
373
- lineHeight: {
374
- mobile: 24,
375
- desktop: 24
376
- }
377
- },
378
370
  link: {
379
371
  weight: "medium"
380
372
  },
381
- title1: {
373
+ navigationBar: {
382
374
  weight: "medium"
383
375
  },
384
- title2: {
385
- weight: "bold"
386
- },
387
- title3: {
388
- weight: "bold",
376
+ tabsLabel: {
377
+ lineHeight: {
378
+ desktop: 24,
379
+ mobile: 24
380
+ },
389
381
  size: {
390
- mobile: 20,
391
- desktop: 28
382
+ desktop: 18,
383
+ mobile: 16
392
384
  },
393
- lineHeight: {
394
- mobile: 24,
395
- desktop: 32
396
- }
397
- },
398
- indicator: {
399
- weight: "medium"
400
- },
401
- navigationBar: {
402
385
  weight: "medium"
403
386
  },
404
387
  text1: {
405
- size: {
406
- mobile: 12,
407
- desktop: 14
408
- },
409
388
  lineHeight: {
410
- mobile: 16,
411
- desktop: 20
389
+ desktop: 20,
390
+ mobile: 16
391
+ },
392
+ size: {
393
+ desktop: 14,
394
+ mobile: 12
412
395
  }
413
396
  },
414
397
  text2: {
415
- size: {
416
- mobile: 14,
417
- desktop: 16
418
- },
419
398
  lineHeight: {
420
- mobile: 20,
421
- desktop: 24
399
+ desktop: 24,
400
+ mobile: 20
401
+ },
402
+ size: {
403
+ desktop: 16,
404
+ mobile: 14
422
405
  }
423
406
  },
424
407
  text3: {
425
- size: {
426
- mobile: 16,
427
- desktop: 18
428
- },
429
408
  lineHeight: {
430
- mobile: 24,
431
- desktop: 24
409
+ desktop: 24,
410
+ mobile: 24
411
+ },
412
+ size: {
413
+ desktop: 18,
414
+ mobile: 16
432
415
  }
433
416
  },
434
417
  text4: {
435
- size: {
436
- mobile: 18,
437
- desktop: 20
438
- },
439
418
  lineHeight: {
440
- mobile: 24,
441
- desktop: 28
419
+ desktop: 28,
420
+ mobile: 24
421
+ },
422
+ size: {
423
+ desktop: 20,
424
+ mobile: 18
442
425
  }
443
426
  },
444
427
  text5: {
445
- weight: "bold",
428
+ lineHeight: {
429
+ desktop: 32,
430
+ mobile: 24
431
+ },
446
432
  size: {
447
- mobile: 20,
448
- desktop: 28
433
+ desktop: 28,
434
+ mobile: 20
449
435
  },
450
- lineHeight: {
451
- mobile: 24,
452
- desktop: 32
453
- }
436
+ weight: "bold"
454
437
  },
455
438
  text6: {
456
- weight: "bold",
439
+ lineHeight: {
440
+ desktop: 40,
441
+ mobile: 32
442
+ },
457
443
  size: {
458
- mobile: 24,
459
- desktop: 32
444
+ desktop: 32,
445
+ mobile: 24
460
446
  },
461
- lineHeight: {
462
- mobile: 32,
463
- desktop: 40
464
- }
447
+ weight: "bold"
465
448
  },
466
449
  text7: {
467
- weight: "bold",
450
+ lineHeight: {
451
+ desktop: 48,
452
+ mobile: 32
453
+ },
468
454
  size: {
469
- mobile: 28,
470
- desktop: 40
455
+ desktop: 40,
456
+ mobile: 28
471
457
  },
472
- lineHeight: {
473
- mobile: 32,
474
- desktop: 48
475
- }
458
+ weight: "bold"
476
459
  },
477
460
  text8: {
478
- weight: "bold",
461
+ lineHeight: {
462
+ desktop: 56,
463
+ mobile: 40
464
+ },
479
465
  size: {
480
- mobile: 32,
481
- desktop: 48
466
+ desktop: 48,
467
+ mobile: 32
482
468
  },
483
- lineHeight: {
484
- mobile: 40,
485
- desktop: 56
486
- }
469
+ weight: "bold"
487
470
  },
488
471
  text9: {
489
- weight: "bold",
472
+ lineHeight: {
473
+ desktop: 64,
474
+ mobile: 48
475
+ },
490
476
  size: {
491
- mobile: 40,
492
- desktop: 56
477
+ desktop: 56,
478
+ mobile: 40
493
479
  },
494
- lineHeight: {
495
- mobile: 48,
496
- desktop: 64
497
- }
480
+ weight: "bold"
498
481
  },
499
482
  text10: {
500
- weight: "bold",
483
+ lineHeight: {
484
+ desktop: 72,
485
+ mobile: 56
486
+ },
501
487
  size: {
502
- mobile: 48,
503
- desktop: 64
488
+ desktop: 64,
489
+ mobile: 48
504
490
  },
491
+ weight: "bold"
492
+ },
493
+ title1: {
494
+ weight: "medium"
495
+ },
496
+ title2: {
497
+ weight: "bold"
498
+ },
499
+ title3: {
505
500
  lineHeight: {
506
- mobile: 56,
507
- desktop: 72
508
- }
501
+ desktop: 32,
502
+ mobile: 24
503
+ },
504
+ size: {
505
+ desktop: 28,
506
+ mobile: 20
507
+ },
508
+ weight: "bold"
509
509
  }
510
510
  }
511
511
  });