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