@trafilea/afrodita-components 5.0.0-beta.132 → 5.0.0-beta.134

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.
@@ -401,6 +401,79 @@ declare type ThemeComponent = {
401
401
  dotsOpacity: number;
402
402
  };
403
403
  };
404
+ beforeAfter: {
405
+ size: {
406
+ small: {
407
+ image: {
408
+ minHeight: string;
409
+ minWidth: string;
410
+ mobile: {
411
+ minHeight: string;
412
+ minWidth: string;
413
+ };
414
+ };
415
+ imageContainer: {
416
+ maxWidth: string;
417
+ padding: string;
418
+ mobile: {
419
+ maxWidth: string;
420
+ };
421
+ };
422
+ userInfoText: {
423
+ fontSize: string;
424
+ mobile: {
425
+ fontSize: string;
426
+ };
427
+ };
428
+ };
429
+ medium: {
430
+ image: {
431
+ minHeight: string;
432
+ minWidth: string;
433
+ mobile: {
434
+ minHeight: string;
435
+ minWidth: string;
436
+ };
437
+ };
438
+ imageContainer: {
439
+ maxWidth: string;
440
+ padding: string;
441
+ mobile: {
442
+ maxWidth: string;
443
+ };
444
+ };
445
+ userInfoText: {
446
+ fontSize: string;
447
+ mobile: {
448
+ fontSize: string;
449
+ };
450
+ };
451
+ };
452
+ large: {
453
+ image: {
454
+ minHeight: string;
455
+ minWidth: string;
456
+ mobile: {
457
+ minHeight: string;
458
+ minWidth: string;
459
+ };
460
+ };
461
+ imageContainer: {
462
+ maxWidth: string;
463
+ padding: string;
464
+ mobile: {
465
+ maxWidth: string;
466
+ };
467
+ };
468
+ userInfoText: {
469
+ fontSize: string;
470
+ mobile: {
471
+ fontSize: string;
472
+ };
473
+ };
474
+ };
475
+ };
476
+ };
404
477
  };
405
478
  declare type ThemeTypography = {
406
479
  config: {
@@ -505,6 +505,79 @@ var revel = {
505
505
  dotsOpacity: 0.9,
506
506
  },
507
507
  },
508
+ beforeAfter: {
509
+ size: {
510
+ small: {
511
+ image: {
512
+ minHeight: 'auto',
513
+ minWidth: '92px',
514
+ mobile: {
515
+ minHeight: '138px',
516
+ minWidth: '128px',
517
+ },
518
+ },
519
+ imageContainer: {
520
+ maxWidth: '214px',
521
+ padding: '12px',
522
+ mobile: {
523
+ maxWidth: '286px',
524
+ },
525
+ },
526
+ userInfoText: {
527
+ fontSize: '12px',
528
+ mobile: {
529
+ fontSize: '12px',
530
+ },
531
+ },
532
+ },
533
+ medium: {
534
+ image: {
535
+ minHeight: '200px',
536
+ minWidth: '187px',
537
+ mobile: {
538
+ minHeight: '157px',
539
+ minWidth: '150px',
540
+ },
541
+ },
542
+ imageContainer: {
543
+ maxWidth: '427px',
544
+ padding: '18px',
545
+ mobile: {
546
+ maxWidth: '342px',
547
+ },
548
+ },
549
+ userInfoText: {
550
+ fontSize: '18px',
551
+ mobile: {
552
+ fontSize: '14px',
553
+ },
554
+ },
555
+ },
556
+ large: {
557
+ image: {
558
+ minHeight: '200px',
559
+ minWidth: '187px',
560
+ mobile: {
561
+ minHeight: '157px',
562
+ minWidth: '150px',
563
+ },
564
+ },
565
+ imageContainer: {
566
+ maxWidth: '427px',
567
+ padding: '18px',
568
+ mobile: {
569
+ maxWidth: '342px',
570
+ },
571
+ },
572
+ userInfoText: {
573
+ fontSize: '18px',
574
+ mobile: {
575
+ fontSize: '14px',
576
+ },
577
+ },
578
+ },
579
+ },
580
+ },
508
581
  },
509
582
  typography: {
510
583
  config: {
@@ -630,103 +703,108 @@ var revel = {
630
703
  },
631
704
  },
632
705
  fonts: {
633
- url: 'https://fonts.gstatic.com/s/jost/v14',
706
+ url: 'https://cdn.jsdelivr.net/gh/trafilea/storefront-static@main/fonts/revel',
634
707
  config: [
635
708
  {
636
709
  family: 'Jost',
637
- src: '92zPtBhPNqw79Ij1E865zBUv7myjJTVBNIg.woff2',
710
+ src: 'Jost400Book.otf',
638
711
  weight: 400,
639
712
  },
640
713
  {
641
714
  family: 'Jost',
642
- src: 'Jost-SemiBold.otf',
643
- weight: 600,
715
+ src: 'Jost100Hairline.otf',
716
+ weight: 100,
644
717
  },
645
718
  {
646
719
  family: 'Jost',
647
- src: 'Jost-Bold.otf',
648
- weight: 700,
720
+ src: 'Jost200Thin.otf',
721
+ weight: 200,
649
722
  },
650
723
  {
651
724
  family: 'Jost',
652
- src: 'Jost-SemiBold.otf',
653
- weight: 600,
654
- stretch: 'condensed',
725
+ src: 'Jost300Light.otf',
726
+ weight: 300,
655
727
  },
656
728
  {
657
729
  family: 'Jost',
658
- src: 'Jost-SemiBoldItalic.otf',
659
- weight: 600,
660
- stretch: 'condensed',
661
- style: 'italic',
730
+ src: 'Jost500Medium.otf',
731
+ weight: 500,
662
732
  },
663
733
  {
664
734
  family: 'Jost',
665
- src: 'Jost-SemiBoldItalic.otf',
735
+ src: 'Jost600Semi.otf',
666
736
  weight: 600,
667
- style: 'italic',
668
737
  },
669
738
  {
670
739
  family: 'Jost',
671
- src: 'Jost-Medium.otf',
672
- weight: 500,
673
- stretch: 'condensed',
740
+ src: 'Jost700Bold.otf',
741
+ weight: 700,
674
742
  },
675
743
  {
676
744
  family: 'Jost',
677
- src: 'Jost-MediumItalic.otf',
678
- weight: 500,
679
- style: 'italic',
745
+ src: 'Jost800Heavy.otf',
746
+ weight: 800,
680
747
  stretch: 'condensed',
681
748
  },
682
749
  {
683
750
  family: 'Jost',
684
- src: 'Jost-ExtraLight.otf',
685
- weight: 200,
751
+ src: 'Jost900Black.otf',
752
+ weight: 900,
686
753
  stretch: 'condensed',
687
754
  },
688
755
  {
689
756
  family: 'Jost',
690
- src: 'Jost-ExtraLightItalic.otf',
757
+ src: 'Jost100HairlineItalic.otf',
758
+ weight: 100,
759
+ style: 'italic',
760
+ },
761
+ {
762
+ family: 'Jost',
763
+ src: 'Jost200ThinItalic.otf',
691
764
  weight: 200,
692
765
  style: 'italic',
693
- stretch: 'condensed',
694
766
  },
695
767
  {
696
768
  family: 'Jost',
697
- src: 'Jost-ExtraBold.otf',
698
- weight: 800,
769
+ src: 'Jost300LightItalic.otf',
770
+ weight: 300,
771
+ style: 'italic',
699
772
  },
700
773
  {
701
774
  family: 'Jost',
702
- src: 'Jost-ExtraBold.otf',
703
- weight: 800,
704
- stretch: 'condensed',
775
+ src: 'Jost400BookItalic.otf',
776
+ weight: 400,
777
+ style: 'italic',
705
778
  },
706
779
  {
707
780
  family: 'Jost',
708
- src: 'Jost-ExtraBoldItalic.otf',
709
- weight: 800,
781
+ src: 'Jost500MediumItalic.otf',
782
+ weight: 500,
710
783
  style: 'italic',
711
- stretch: 'condensed',
712
784
  },
713
785
  {
714
786
  family: 'Jost',
715
- src: 'Jost-Black.otf',
716
- weight: 900,
787
+ src: 'Jost600SemiItalic.otf',
788
+ weight: 600,
789
+ style: 'italic',
717
790
  },
718
791
  {
719
792
  family: 'Jost',
720
- src: 'Jost-Black.otf',
721
- weight: 900,
722
- stretch: 'condensed',
793
+ src: 'Jost700BoldItalic.otf',
794
+ weight: 700,
795
+ style: 'italic',
723
796
  },
724
797
  {
725
798
  family: 'Jost',
726
- src: 'Jost-BlackItalic.otf',
799
+ src: 'Jost800HeavyItalic.otf',
800
+ weight: 800,
801
+ style: 'italic',
802
+ },
803
+ {
804
+ family: 'Jost',
805
+ src: 'Jost900BlackItalic.otf',
727
806
  weight: 900,
728
807
  style: 'italic',
729
- stretch: 'condensed',
730
808
  },
731
809
  {
732
810
  family: 'Georgia',
@@ -401,6 +401,79 @@ declare type ThemeComponent = {
401
401
  dotsOpacity: number;
402
402
  };
403
403
  };
404
+ beforeAfter: {
405
+ size: {
406
+ small: {
407
+ image: {
408
+ minHeight: string;
409
+ minWidth: string;
410
+ mobile: {
411
+ minHeight: string;
412
+ minWidth: string;
413
+ };
414
+ };
415
+ imageContainer: {
416
+ maxWidth: string;
417
+ padding: string;
418
+ mobile: {
419
+ maxWidth: string;
420
+ };
421
+ };
422
+ userInfoText: {
423
+ fontSize: string;
424
+ mobile: {
425
+ fontSize: string;
426
+ };
427
+ };
428
+ };
429
+ medium: {
430
+ image: {
431
+ minHeight: string;
432
+ minWidth: string;
433
+ mobile: {
434
+ minHeight: string;
435
+ minWidth: string;
436
+ };
437
+ };
438
+ imageContainer: {
439
+ maxWidth: string;
440
+ padding: string;
441
+ mobile: {
442
+ maxWidth: string;
443
+ };
444
+ };
445
+ userInfoText: {
446
+ fontSize: string;
447
+ mobile: {
448
+ fontSize: string;
449
+ };
450
+ };
451
+ };
452
+ large: {
453
+ image: {
454
+ minHeight: string;
455
+ minWidth: string;
456
+ mobile: {
457
+ minHeight: string;
458
+ minWidth: string;
459
+ };
460
+ };
461
+ imageContainer: {
462
+ maxWidth: string;
463
+ padding: string;
464
+ mobile: {
465
+ maxWidth: string;
466
+ };
467
+ };
468
+ userInfoText: {
469
+ fontSize: string;
470
+ mobile: {
471
+ fontSize: string;
472
+ };
473
+ };
474
+ };
475
+ };
476
+ };
404
477
  };
405
478
  declare type ThemeTypography = {
406
479
  config: {
@@ -505,6 +505,79 @@ var shapermint = {
505
505
  dotsOpacity: 0.6,
506
506
  },
507
507
  },
508
+ beforeAfter: {
509
+ size: {
510
+ small: {
511
+ image: {
512
+ minHeight: 'auto',
513
+ minWidth: '92px',
514
+ mobile: {
515
+ minHeight: '138px',
516
+ minWidth: '128px',
517
+ },
518
+ },
519
+ imageContainer: {
520
+ maxWidth: '214px',
521
+ padding: '12px',
522
+ mobile: {
523
+ maxWidth: '286px',
524
+ },
525
+ },
526
+ userInfoText: {
527
+ fontSize: '12px',
528
+ mobile: {
529
+ fontSize: '12px',
530
+ },
531
+ },
532
+ },
533
+ medium: {
534
+ image: {
535
+ minHeight: '200px',
536
+ minWidth: '187px',
537
+ mobile: {
538
+ minHeight: '157px',
539
+ minWidth: '150px',
540
+ },
541
+ },
542
+ imageContainer: {
543
+ maxWidth: '427px',
544
+ padding: '18px',
545
+ mobile: {
546
+ maxWidth: '342px',
547
+ },
548
+ },
549
+ userInfoText: {
550
+ fontSize: '18px',
551
+ mobile: {
552
+ fontSize: '14px',
553
+ },
554
+ },
555
+ },
556
+ large: {
557
+ image: {
558
+ minHeight: '200px',
559
+ minWidth: '187px',
560
+ mobile: {
561
+ minHeight: '157px',
562
+ minWidth: '150px',
563
+ },
564
+ },
565
+ imageContainer: {
566
+ maxWidth: '427px',
567
+ padding: '18px',
568
+ mobile: {
569
+ maxWidth: '342px',
570
+ },
571
+ },
572
+ userInfoText: {
573
+ fontSize: '18px',
574
+ mobile: {
575
+ fontSize: '14px',
576
+ },
577
+ },
578
+ },
579
+ },
580
+ },
508
581
  },
509
582
  typography: {
510
583
  config: {
@@ -401,6 +401,79 @@ declare type ThemeComponent = {
401
401
  dotsOpacity: number;
402
402
  };
403
403
  };
404
+ beforeAfter: {
405
+ size: {
406
+ small: {
407
+ image: {
408
+ minHeight: string;
409
+ minWidth: string;
410
+ mobile: {
411
+ minHeight: string;
412
+ minWidth: string;
413
+ };
414
+ };
415
+ imageContainer: {
416
+ maxWidth: string;
417
+ padding: string;
418
+ mobile: {
419
+ maxWidth: string;
420
+ };
421
+ };
422
+ userInfoText: {
423
+ fontSize: string;
424
+ mobile: {
425
+ fontSize: string;
426
+ };
427
+ };
428
+ };
429
+ medium: {
430
+ image: {
431
+ minHeight: string;
432
+ minWidth: string;
433
+ mobile: {
434
+ minHeight: string;
435
+ minWidth: string;
436
+ };
437
+ };
438
+ imageContainer: {
439
+ maxWidth: string;
440
+ padding: string;
441
+ mobile: {
442
+ maxWidth: string;
443
+ };
444
+ };
445
+ userInfoText: {
446
+ fontSize: string;
447
+ mobile: {
448
+ fontSize: string;
449
+ };
450
+ };
451
+ };
452
+ large: {
453
+ image: {
454
+ minHeight: string;
455
+ minWidth: string;
456
+ mobile: {
457
+ minHeight: string;
458
+ minWidth: string;
459
+ };
460
+ };
461
+ imageContainer: {
462
+ maxWidth: string;
463
+ padding: string;
464
+ mobile: {
465
+ maxWidth: string;
466
+ };
467
+ };
468
+ userInfoText: {
469
+ fontSize: string;
470
+ mobile: {
471
+ fontSize: string;
472
+ };
473
+ };
474
+ };
475
+ };
476
+ };
404
477
  };
405
478
  declare type ThemeTypography = {
406
479
  config: {
@@ -578,6 +578,79 @@ var truekind = {
578
578
  dotsOpacity: 0.6,
579
579
  },
580
580
  },
581
+ beforeAfter: {
582
+ size: {
583
+ small: {
584
+ image: {
585
+ minHeight: 'auto',
586
+ minWidth: '92px',
587
+ mobile: {
588
+ minHeight: '138px',
589
+ minWidth: '128px',
590
+ },
591
+ },
592
+ imageContainer: {
593
+ maxWidth: '214px',
594
+ padding: '12px',
595
+ mobile: {
596
+ maxWidth: '286px',
597
+ },
598
+ },
599
+ userInfoText: {
600
+ fontSize: '12px',
601
+ mobile: {
602
+ fontSize: '12px',
603
+ },
604
+ },
605
+ },
606
+ medium: {
607
+ image: {
608
+ minHeight: '200px',
609
+ minWidth: '187px',
610
+ mobile: {
611
+ minHeight: '157px',
612
+ minWidth: '150px',
613
+ },
614
+ },
615
+ imageContainer: {
616
+ maxWidth: '427px',
617
+ padding: '18px',
618
+ mobile: {
619
+ maxWidth: '342px',
620
+ },
621
+ },
622
+ userInfoText: {
623
+ fontSize: '18px',
624
+ mobile: {
625
+ fontSize: '14px',
626
+ },
627
+ },
628
+ },
629
+ large: {
630
+ image: {
631
+ minHeight: '200px',
632
+ minWidth: '187px',
633
+ mobile: {
634
+ minHeight: '157px',
635
+ minWidth: '150px',
636
+ },
637
+ },
638
+ imageContainer: {
639
+ maxWidth: '427px',
640
+ padding: '18px',
641
+ mobile: {
642
+ maxWidth: '342px',
643
+ },
644
+ },
645
+ userInfoText: {
646
+ fontSize: '18px',
647
+ mobile: {
648
+ fontSize: '14px',
649
+ },
650
+ },
651
+ },
652
+ },
653
+ },
581
654
  },
582
655
  fonts: {
583
656
  url: 'https://cdn.jsdelivr.net/gh/trafilea/storefront-static@main/fonts/truekind',
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Trafilea's Design System",
4
4
  "author": "Trafilea",
5
5
  "repository": "https://github.com/trafilea/afrodita-components",
6
- "version": "5.0.0-beta.132",
6
+ "version": "5.0.0-beta.134",
7
7
  "private": false,
8
8
  "main": "build/index.js",
9
9
  "style": "build/index.css",