@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/skins/vivo-new.js CHANGED
@@ -338,154 +338,154 @@ const e = {
338
338
  mediaSmall: "8px"
339
339
  },
340
340
  textPresets: {
341
- cardTitle: {
342
- weight: "regular"
343
- },
344
341
  button: {
345
- weight: "regular"
342
+ weight: "medium"
346
343
  },
347
- tabsLabel: {
348
- weight: "regular",
349
- size: {
350
- mobile: 18,
351
- desktop: 18
352
- },
353
- lineHeight: {
354
- mobile: 24,
355
- desktop: 24
356
- }
344
+ cardTitle: {
345
+ weight: "medium"
357
346
  },
358
- link: {
359
- weight: "regular"
347
+ indicator: {
348
+ weight: "medium"
360
349
  },
361
- title1: {
362
- weight: "regular"
350
+ link: {
351
+ weight: "medium"
363
352
  },
364
- title2: {
353
+ navigationBar: {
365
354
  weight: "regular"
366
355
  },
367
- title3: {
368
- weight: "regular",
356
+ tabsLabel: {
357
+ lineHeight: {
358
+ desktop: 24,
359
+ mobile: 24
360
+ },
369
361
  size: {
370
- mobile: 18,
371
- desktop: 20
362
+ desktop: 18,
363
+ mobile: 18
372
364
  },
373
- lineHeight: {
374
- mobile: 24,
375
- desktop: 28
376
- }
377
- },
378
- indicator: {
379
- weight: "regular"
380
- },
381
- navigationBar: {
382
- weight: "regular"
365
+ weight: "medium"
383
366
  },
384
367
  text1: {
385
- size: {
386
- mobile: 12,
387
- desktop: 14
388
- },
389
368
  lineHeight: {
390
- mobile: 16,
391
- desktop: 20
369
+ desktop: 20,
370
+ mobile: 16
371
+ },
372
+ size: {
373
+ desktop: 14,
374
+ mobile: 12
392
375
  }
393
376
  },
394
377
  text2: {
395
- size: {
396
- mobile: 14,
397
- desktop: 16
398
- },
399
378
  lineHeight: {
400
- mobile: 20,
401
- desktop: 24
379
+ desktop: 24,
380
+ mobile: 20
381
+ },
382
+ size: {
383
+ desktop: 16,
384
+ mobile: 14
402
385
  }
403
386
  },
404
387
  text3: {
405
- size: {
406
- mobile: 16,
407
- desktop: 18
408
- },
409
388
  lineHeight: {
410
- mobile: 24,
411
- desktop: 24
389
+ desktop: 24,
390
+ mobile: 24
391
+ },
392
+ size: {
393
+ desktop: 18,
394
+ mobile: 16
412
395
  }
413
396
  },
414
397
  text4: {
415
- size: {
416
- mobile: 18,
417
- desktop: 20
418
- },
419
398
  lineHeight: {
420
- mobile: 24,
421
- desktop: 28
399
+ desktop: 28,
400
+ mobile: 24
401
+ },
402
+ size: {
403
+ desktop: 20,
404
+ mobile: 18
422
405
  }
423
406
  },
424
407
  text5: {
425
- weight: "regular",
408
+ lineHeight: {
409
+ desktop: 32,
410
+ mobile: 24
411
+ },
426
412
  size: {
427
- mobile: 20,
428
- desktop: 28
413
+ desktop: 28,
414
+ mobile: 20
429
415
  },
430
- lineHeight: {
431
- mobile: 24,
432
- desktop: 32
433
- }
416
+ weight: "medium"
434
417
  },
435
418
  text6: {
436
- weight: "regular",
419
+ lineHeight: {
420
+ desktop: 40,
421
+ mobile: 32
422
+ },
437
423
  size: {
438
- mobile: 24,
439
- desktop: 32
424
+ desktop: 32,
425
+ mobile: 24
440
426
  },
441
- lineHeight: {
442
- mobile: 32,
443
- desktop: 40
444
- }
427
+ weight: "medium"
445
428
  },
446
429
  text7: {
447
- weight: "regular",
430
+ lineHeight: {
431
+ desktop: 48,
432
+ mobile: 32
433
+ },
448
434
  size: {
449
- mobile: 28,
450
- desktop: 40
435
+ desktop: 40,
436
+ mobile: 28
451
437
  },
452
- lineHeight: {
453
- mobile: 32,
454
- desktop: 48
455
- }
438
+ weight: "medium"
456
439
  },
457
440
  text8: {
458
- weight: "regular",
441
+ lineHeight: {
442
+ desktop: 56,
443
+ mobile: 40
444
+ },
459
445
  size: {
460
- mobile: 32,
461
- desktop: 48
446
+ desktop: 48,
447
+ mobile: 32
462
448
  },
463
- lineHeight: {
464
- mobile: 40,
465
- desktop: 56
466
- }
449
+ weight: "regular"
467
450
  },
468
451
  text9: {
469
- weight: "regular",
452
+ lineHeight: {
453
+ desktop: 64,
454
+ mobile: 48
455
+ },
470
456
  size: {
471
- mobile: 40,
472
- desktop: 56
457
+ desktop: 56,
458
+ mobile: 40
473
459
  },
474
- lineHeight: {
475
- mobile: 48,
476
- desktop: 64
477
- }
460
+ weight: "regular"
478
461
  },
479
462
  text10: {
480
- weight: "regular",
463
+ lineHeight: {
464
+ desktop: 72,
465
+ mobile: 56
466
+ },
481
467
  size: {
482
- mobile: 48,
483
- desktop: 64
468
+ desktop: 64,
469
+ mobile: 48
484
470
  },
471
+ weight: "regular"
472
+ },
473
+ title1: {
474
+ weight: "medium"
475
+ },
476
+ title2: {
477
+ weight: "medium"
478
+ },
479
+ title3: {
485
480
  lineHeight: {
486
- mobile: 56,
487
- desktop: 72
488
- }
481
+ desktop: 28,
482
+ mobile: 24
483
+ },
484
+ size: {
485
+ desktop: 20,
486
+ mobile: 18
487
+ },
488
+ weight: "medium"
489
489
  }
490
490
  }
491
491
  });
package/dist/skins/vivo.js CHANGED
@@ -338,154 +338,154 @@ const e = {
338
338
  mediaSmall: "8px"
339
339
  },
340
340
  textPresets: {
341
+ button: {
342
+ weight: "medium"
343
+ },
341
344
  cardTitle: {
342
345
  weight: "regular"
343
346
  },
344
- button: {
347
+ indicator: {
345
348
  weight: "medium"
346
349
  },
347
- tabsLabel: {
348
- weight: "medium",
349
- size: {
350
- mobile: 16,
351
- desktop: 18
352
- },
353
- lineHeight: {
354
- mobile: 24,
355
- desktop: 24
356
- }
357
- },
358
350
  link: {
359
351
  weight: "medium"
360
352
  },
361
- title1: {
353
+ navigationBar: {
362
354
  weight: "medium"
363
355
  },
364
- title2: {
365
- weight: "light"
366
- },
367
- title3: {
368
- weight: "light",
356
+ tabsLabel: {
357
+ lineHeight: {
358
+ desktop: 24,
359
+ mobile: 24
360
+ },
369
361
  size: {
370
- mobile: 20,
371
- desktop: 28
362
+ desktop: 18,
363
+ mobile: 16
372
364
  },
373
- lineHeight: {
374
- mobile: 24,
375
- desktop: 32
376
- }
377
- },
378
- indicator: {
379
- weight: "medium"
380
- },
381
- navigationBar: {
382
365
  weight: "medium"
383
366
  },
384
367
  text1: {
385
- size: {
386
- mobile: 12,
387
- desktop: 14
388
- },
389
368
  lineHeight: {
390
- mobile: 16,
391
- desktop: 20
369
+ desktop: 20,
370
+ mobile: 16
371
+ },
372
+ size: {
373
+ desktop: 14,
374
+ mobile: 12
392
375
  }
393
376
  },
394
377
  text2: {
395
- size: {
396
- mobile: 14,
397
- desktop: 16
398
- },
399
378
  lineHeight: {
400
- mobile: 20,
401
- desktop: 24
379
+ desktop: 24,
380
+ mobile: 20
381
+ },
382
+ size: {
383
+ desktop: 16,
384
+ mobile: 14
402
385
  }
403
386
  },
404
387
  text3: {
405
- size: {
406
- mobile: 16,
407
- desktop: 18
408
- },
409
388
  lineHeight: {
410
- mobile: 24,
411
- desktop: 24
389
+ desktop: 24,
390
+ mobile: 24
391
+ },
392
+ size: {
393
+ desktop: 18,
394
+ mobile: 16
412
395
  }
413
396
  },
414
397
  text4: {
415
- size: {
416
- mobile: 18,
417
- desktop: 20
418
- },
419
398
  lineHeight: {
420
- mobile: 24,
421
- desktop: 28
399
+ desktop: 28,
400
+ mobile: 24
401
+ },
402
+ size: {
403
+ desktop: 20,
404
+ mobile: 18
422
405
  }
423
406
  },
424
407
  text5: {
425
- weight: "light",
408
+ lineHeight: {
409
+ desktop: 32,
410
+ mobile: 24
411
+ },
426
412
  size: {
427
- mobile: 20,
428
- desktop: 28
413
+ desktop: 28,
414
+ mobile: 20
429
415
  },
430
- lineHeight: {
431
- mobile: 24,
432
- desktop: 32
433
- }
416
+ weight: "light"
434
417
  },
435
418
  text6: {
436
- weight: "light",
419
+ lineHeight: {
420
+ desktop: 40,
421
+ mobile: 32
422
+ },
437
423
  size: {
438
- mobile: 24,
439
- desktop: 32
424
+ desktop: 32,
425
+ mobile: 24
440
426
  },
441
- lineHeight: {
442
- mobile: 32,
443
- desktop: 40
444
- }
427
+ weight: "light"
445
428
  },
446
429
  text7: {
447
- weight: "light",
430
+ lineHeight: {
431
+ desktop: 48,
432
+ mobile: 32
433
+ },
448
434
  size: {
449
- mobile: 28,
450
- desktop: 40
435
+ desktop: 40,
436
+ mobile: 28
451
437
  },
452
- lineHeight: {
453
- mobile: 32,
454
- desktop: 48
455
- }
438
+ weight: "light"
456
439
  },
457
440
  text8: {
458
- weight: "light",
441
+ lineHeight: {
442
+ desktop: 56,
443
+ mobile: 40
444
+ },
459
445
  size: {
460
- mobile: 32,
461
- desktop: 48
446
+ desktop: 48,
447
+ mobile: 32
462
448
  },
463
- lineHeight: {
464
- mobile: 40,
465
- desktop: 56
466
- }
449
+ weight: "light"
467
450
  },
468
451
  text9: {
469
- weight: "light",
452
+ lineHeight: {
453
+ desktop: 64,
454
+ mobile: 48
455
+ },
470
456
  size: {
471
- mobile: 40,
472
- desktop: 56
457
+ desktop: 56,
458
+ mobile: 40
473
459
  },
474
- lineHeight: {
475
- mobile: 48,
476
- desktop: 64
477
- }
460
+ weight: "light"
478
461
  },
479
462
  text10: {
480
- weight: "light",
463
+ lineHeight: {
464
+ desktop: 72,
465
+ mobile: 56
466
+ },
481
467
  size: {
482
- mobile: 48,
483
- desktop: 64
468
+ desktop: 64,
469
+ mobile: 48
484
470
  },
471
+ weight: "light"
472
+ },
473
+ title1: {
474
+ weight: "medium"
475
+ },
476
+ title2: {
477
+ weight: "light"
478
+ },
479
+ title3: {
485
480
  lineHeight: {
486
- mobile: 56,
487
- desktop: 72
488
- }
481
+ desktop: 32,
482
+ mobile: 24
483
+ },
484
+ size: {
485
+ desktop: 28,
486
+ mobile: 20
487
+ },
488
+ weight: "light"
489
489
  }
490
490
  }
491
491
  });
package/dist/text-tokens.d.ts CHANGED
@@ -31,6 +31,8 @@ export type Dictionary = {
31
31
  menuLabelSuffix: string;
32
32
  openNavigationMenu: string;
33
33
  closeNavigationMenu: string;
34
+ mainNavigationBarOpenSectionMenu: string;
35
+ mainNavigationBarSectionSeeAll: string;
34
36
  backNavigationBar: string;
35
37
  clearButton: string;
36
38
  carouselNextButton: string;
@@ -102,6 +104,8 @@ export declare const formSearchClear: TextToken;
102
104
  export declare const menuLabelSuffix: TextToken;
103
105
  export declare const openNavigationMenu: TextToken;
104
106
  export declare const closeNavigationMenu: TextToken;
107
+ export declare const mainNavigationBarOpenSectionMenu: TextToken;
108
+ export declare const mainNavigationBarSectionSeeAll: TextToken;
105
109
  export declare const backNavigationBar: TextToken;
106
110
  export declare const clearButton: TextToken;
107
111
  export declare const carouselNextButton: TextToken;