@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
@@ -321,154 +321,154 @@ const e = {
321
321
  mediaSmall: "0px"
322
322
  },
323
323
  textPresets: {
324
+ button: {
325
+ weight: "medium"
326
+ },
324
327
  cardTitle: {
325
328
  weight: "regular"
326
329
  },
327
- button: {
330
+ indicator: {
328
331
  weight: "medium"
329
332
  },
330
- tabsLabel: {
331
- weight: "medium",
332
- size: {
333
- mobile: 16,
334
- desktop: 18
335
- },
336
- lineHeight: {
337
- mobile: 24,
338
- desktop: 24
339
- }
340
- },
341
333
  link: {
342
334
  weight: "medium"
343
335
  },
344
- title1: {
336
+ navigationBar: {
345
337
  weight: "medium"
346
338
  },
347
- title2: {
348
- weight: "regular"
349
- },
350
- title3: {
351
- weight: "regular",
339
+ tabsLabel: {
340
+ lineHeight: {
341
+ desktop: 24,
342
+ mobile: 24
343
+ },
352
344
  size: {
353
- mobile: 20,
354
- desktop: 28
345
+ desktop: 18,
346
+ mobile: 16
355
347
  },
356
- lineHeight: {
357
- mobile: 24,
358
- desktop: 32
359
- }
360
- },
361
- indicator: {
362
- weight: "medium"
363
- },
364
- navigationBar: {
365
348
  weight: "medium"
366
349
  },
367
350
  text1: {
368
- size: {
369
- mobile: 12,
370
- desktop: 14
371
- },
372
351
  lineHeight: {
373
- mobile: 16,
374
- desktop: 20
352
+ desktop: 20,
353
+ mobile: 16
354
+ },
355
+ size: {
356
+ desktop: 14,
357
+ mobile: 12
375
358
  }
376
359
  },
377
360
  text2: {
378
- size: {
379
- mobile: 14,
380
- desktop: 16
381
- },
382
361
  lineHeight: {
383
- mobile: 20,
384
- desktop: 24
362
+ desktop: 24,
363
+ mobile: 20
364
+ },
365
+ size: {
366
+ desktop: 16,
367
+ mobile: 14
385
368
  }
386
369
  },
387
370
  text3: {
388
- size: {
389
- mobile: 16,
390
- desktop: 18
391
- },
392
371
  lineHeight: {
393
- mobile: 24,
394
- desktop: 24
372
+ desktop: 24,
373
+ mobile: 24
374
+ },
375
+ size: {
376
+ desktop: 18,
377
+ mobile: 16
395
378
  }
396
379
  },
397
380
  text4: {
398
- size: {
399
- mobile: 18,
400
- desktop: 20
401
- },
402
381
  lineHeight: {
403
- mobile: 24,
404
- desktop: 28
382
+ desktop: 28,
383
+ mobile: 24
384
+ },
385
+ size: {
386
+ desktop: 20,
387
+ mobile: 18
405
388
  }
406
389
  },
407
390
  text5: {
408
- weight: "regular",
391
+ lineHeight: {
392
+ desktop: 32,
393
+ mobile: 24
394
+ },
409
395
  size: {
410
- mobile: 20,
411
- desktop: 28
396
+ desktop: 28,
397
+ mobile: 20
412
398
  },
413
- lineHeight: {
414
- mobile: 24,
415
- desktop: 32
416
- }
399
+ weight: "regular"
417
400
  },
418
401
  text6: {
419
- weight: "regular",
402
+ lineHeight: {
403
+ desktop: 40,
404
+ mobile: 32
405
+ },
420
406
  size: {
421
- mobile: 24,
422
- desktop: 32
407
+ desktop: 32,
408
+ mobile: 24
423
409
  },
424
- lineHeight: {
425
- mobile: 32,
426
- desktop: 40
427
- }
410
+ weight: "regular"
428
411
  },
429
412
  text7: {
430
- weight: "regular",
413
+ lineHeight: {
414
+ desktop: 48,
415
+ mobile: 32
416
+ },
431
417
  size: {
432
- mobile: 28,
433
- desktop: 40
418
+ desktop: 40,
419
+ mobile: 28
434
420
  },
435
- lineHeight: {
436
- mobile: 32,
437
- desktop: 48
438
- }
421
+ weight: "regular"
439
422
  },
440
423
  text8: {
441
- weight: "regular",
424
+ lineHeight: {
425
+ desktop: 56,
426
+ mobile: 40
427
+ },
442
428
  size: {
443
- mobile: 32,
444
- desktop: 48
429
+ desktop: 48,
430
+ mobile: 32
445
431
  },
446
- lineHeight: {
447
- mobile: 40,
448
- desktop: 56
449
- }
432
+ weight: "regular"
450
433
  },
451
434
  text9: {
452
- weight: "regular",
435
+ lineHeight: {
436
+ desktop: 64,
437
+ mobile: 48
438
+ },
453
439
  size: {
454
- mobile: 40,
455
- desktop: 56
440
+ desktop: 56,
441
+ mobile: 40
456
442
  },
457
- lineHeight: {
458
- mobile: 48,
459
- desktop: 64
460
- }
443
+ weight: "regular"
461
444
  },
462
445
  text10: {
463
- weight: "regular",
446
+ lineHeight: {
447
+ desktop: 72,
448
+ mobile: 56
449
+ },
464
450
  size: {
465
- mobile: 48,
466
- desktop: 64
451
+ desktop: 64,
452
+ mobile: 48
467
453
  },
454
+ weight: "regular"
455
+ },
456
+ title1: {
457
+ weight: "medium"
458
+ },
459
+ title2: {
460
+ weight: "regular"
461
+ },
462
+ title3: {
468
463
  lineHeight: {
469
- mobile: 56,
470
- desktop: 72
471
- }
464
+ desktop: 32,
465
+ mobile: 24
466
+ },
467
+ size: {
468
+ desktop: 28,
469
+ mobile: 20
470
+ },
471
+ weight: "regular"
472
472
  }
473
473
  }
474
474
  });
@@ -325,154 +325,154 @@ const e = {
325
325
  mediaSmall: "8px"
326
326
  },
327
327
  textPresets: {
328
- cardTitle: {
329
- weight: "medium"
330
- },
331
328
  button: {
332
329
  weight: "medium"
333
330
  },
334
- tabsLabel: {
335
- weight: "medium",
336
- size: {
337
- mobile: 16,
338
- desktop: 18
339
- },
340
- lineHeight: {
341
- mobile: 24,
342
- desktop: 24
343
- }
331
+ cardTitle: {
332
+ weight: "medium"
344
333
  },
345
- link: {
334
+ indicator: {
346
335
  weight: "medium"
347
336
  },
348
- title1: {
337
+ link: {
349
338
  weight: "medium"
350
339
  },
351
- title2: {
340
+ navigationBar: {
352
341
  weight: "medium"
353
342
  },
354
- title3: {
355
- weight: "medium",
343
+ tabsLabel: {
344
+ lineHeight: {
345
+ desktop: 24,
346
+ mobile: 24
347
+ },
356
348
  size: {
357
- mobile: 20,
358
- desktop: 28
349
+ desktop: 18,
350
+ mobile: 16
359
351
  },
360
- lineHeight: {
361
- mobile: 24,
362
- desktop: 32
363
- }
364
- },
365
- indicator: {
366
- weight: "medium"
367
- },
368
- navigationBar: {
369
352
  weight: "medium"
370
353
  },
371
354
  text1: {
372
- size: {
373
- mobile: 12,
374
- desktop: 14
375
- },
376
355
  lineHeight: {
377
- mobile: 16,
378
- desktop: 20
356
+ desktop: 20,
357
+ mobile: 16
358
+ },
359
+ size: {
360
+ desktop: 14,
361
+ mobile: 12
379
362
  }
380
363
  },
381
364
  text2: {
382
- size: {
383
- mobile: 14,
384
- desktop: 16
385
- },
386
365
  lineHeight: {
387
- mobile: 20,
388
- desktop: 24
366
+ desktop: 24,
367
+ mobile: 20
368
+ },
369
+ size: {
370
+ desktop: 16,
371
+ mobile: 14
389
372
  }
390
373
  },
391
374
  text3: {
392
- size: {
393
- mobile: 16,
394
- desktop: 18
395
- },
396
375
  lineHeight: {
397
- mobile: 24,
398
- desktop: 24
376
+ desktop: 24,
377
+ mobile: 24
378
+ },
379
+ size: {
380
+ desktop: 18,
381
+ mobile: 16
399
382
  }
400
383
  },
401
384
  text4: {
402
- size: {
403
- mobile: 18,
404
- desktop: 20
405
- },
406
385
  lineHeight: {
407
- mobile: 24,
408
- desktop: 28
386
+ desktop: 28,
387
+ mobile: 24
388
+ },
389
+ size: {
390
+ desktop: 20,
391
+ mobile: 18
409
392
  }
410
393
  },
411
394
  text5: {
412
- weight: "medium",
395
+ lineHeight: {
396
+ desktop: 32,
397
+ mobile: 24
398
+ },
413
399
  size: {
414
- mobile: 20,
415
- desktop: 28
400
+ desktop: 28,
401
+ mobile: 20
416
402
  },
417
- lineHeight: {
418
- mobile: 24,
419
- desktop: 32
420
- }
403
+ weight: "medium"
421
404
  },
422
405
  text6: {
423
- weight: "medium",
406
+ lineHeight: {
407
+ desktop: 40,
408
+ mobile: 32
409
+ },
424
410
  size: {
425
- mobile: 24,
426
- desktop: 32
411
+ desktop: 32,
412
+ mobile: 24
427
413
  },
428
- lineHeight: {
429
- mobile: 32,
430
- desktop: 40
431
- }
414
+ weight: "medium"
432
415
  },
433
416
  text7: {
434
- weight: "medium",
417
+ lineHeight: {
418
+ desktop: 48,
419
+ mobile: 32
420
+ },
435
421
  size: {
436
- mobile: 28,
437
- desktop: 40
422
+ desktop: 40,
423
+ mobile: 28
438
424
  },
439
- lineHeight: {
440
- mobile: 32,
441
- desktop: 48
442
- }
425
+ weight: "medium"
443
426
  },
444
427
  text8: {
445
- weight: "medium",
428
+ lineHeight: {
429
+ desktop: 56,
430
+ mobile: 40
431
+ },
446
432
  size: {
447
- mobile: 32,
448
- desktop: 48
433
+ desktop: 48,
434
+ mobile: 32
449
435
  },
450
- lineHeight: {
451
- mobile: 40,
452
- desktop: 56
453
- }
436
+ weight: "medium"
454
437
  },
455
438
  text9: {
456
- weight: "medium",
439
+ lineHeight: {
440
+ desktop: 64,
441
+ mobile: 48
442
+ },
457
443
  size: {
458
- mobile: 40,
459
- desktop: 56
444
+ desktop: 56,
445
+ mobile: 40
460
446
  },
461
- lineHeight: {
462
- mobile: 48,
463
- desktop: 64
464
- }
447
+ weight: "medium"
465
448
  },
466
449
  text10: {
467
- weight: "medium",
450
+ lineHeight: {
451
+ desktop: 72,
452
+ mobile: 56
453
+ },
468
454
  size: {
469
- mobile: 48,
470
- desktop: 64
455
+ desktop: 64,
456
+ mobile: 48
471
457
  },
458
+ weight: "medium"
459
+ },
460
+ title1: {
461
+ weight: "medium"
462
+ },
463
+ title2: {
464
+ weight: "medium"
465
+ },
466
+ title3: {
472
467
  lineHeight: {
473
- mobile: 56,
474
- desktop: 72
475
- }
468
+ desktop: 32,
469
+ mobile: 24
470
+ },
471
+ size: {
472
+ desktop: 28,
473
+ mobile: 20
474
+ },
475
+ weight: "medium"
476
476
  }
477
477
  }
478
478
  });