@trafilea/afrodita-components 5.0.0-beta.145 → 5.0.0-beta.147

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.
@@ -236,6 +236,7 @@ declare type ThemeComponent = {
236
236
  };
237
237
  card: {
238
238
  borderRadius: string;
239
+ backgroundColor: string;
239
240
  };
240
241
  radio: {
241
242
  borderColor: string;
@@ -514,11 +515,20 @@ declare type ThemeComponent = {
514
515
  price: {
515
516
  size: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
516
517
  originalPriceColor: string;
518
+ actualPriceColor: string;
517
519
  };
518
520
  };
519
521
  };
520
522
  orderSummary: {
521
523
  backgroundColor: string;
524
+ maxWidth?: string;
525
+ padding?: string;
526
+ borderRadius?: string;
527
+ onMobile: {
528
+ maxWidth?: string;
529
+ padding?: string;
530
+ backgroundColor?: string;
531
+ };
522
532
  };
523
533
  expressCheckout: {
524
534
  fontFamily: string;
@@ -535,6 +545,18 @@ declare type ThemeComponent = {
535
545
  fontWeight: number;
536
546
  lineHeight: string;
537
547
  };
548
+ deliveryDetails: {
549
+ note: {
550
+ accentColor: string;
551
+ color: string;
552
+ backgroundColor: string;
553
+ };
554
+ };
555
+ text: {
556
+ orderHeader: {
557
+ color: string;
558
+ };
559
+ };
538
560
  };
539
561
  declare type ThemeTypography = {
540
562
  config: {
@@ -365,6 +365,7 @@ var revel = {
365
365
  },
366
366
  card: {
367
367
  borderRadius: '1.25rem',
368
+ backgroundColor: '#F5DECE',
368
369
  },
369
370
  radio: {
370
371
  borderColor: '--colors-shades-700-color',
@@ -641,13 +642,21 @@ var revel = {
641
642
  pricing: {
642
643
  priceLabel: {
643
644
  price: {
644
- size: ComponentSize.Large,
645
+ size: ComponentSize.Medium,
645
646
  originalPriceColor: '--colors-shades-400-color',
647
+ actualPriceColor: '--colors-semantic-urgent-color',
646
648
  },
647
649
  },
648
650
  },
649
651
  orderSummary: {
650
652
  backgroundColor: '--colors-shades-10-color',
653
+ padding: '20px',
654
+ borderRadius: '--radius-regular',
655
+ maxWidth: '',
656
+ onMobile: {
657
+ maxWidth: '100%',
658
+ padding: '15px',
659
+ },
651
660
  },
652
661
  expressCheckout: {
653
662
  fontFamily: 'Jost',
@@ -664,6 +673,18 @@ var revel = {
664
673
  fontWeight: 600,
665
674
  lineHeight: '22px',
666
675
  },
676
+ deliveryDetails: {
677
+ note: {
678
+ accentColor: '--colors-semantic-urgent-color',
679
+ color: '--colors-text-color',
680
+ backgroundColor: '#F5DECE',
681
+ },
682
+ },
683
+ text: {
684
+ orderHeader: {
685
+ color: '--colors-shades-650-color',
686
+ },
687
+ },
667
688
  },
668
689
  typography: {
669
690
  config: {
@@ -236,6 +236,7 @@ declare type ThemeComponent = {
236
236
  };
237
237
  card: {
238
238
  borderRadius: string;
239
+ backgroundColor: string;
239
240
  };
240
241
  radio: {
241
242
  borderColor: string;
@@ -514,11 +515,20 @@ declare type ThemeComponent = {
514
515
  price: {
515
516
  size: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
516
517
  originalPriceColor: string;
518
+ actualPriceColor: string;
517
519
  };
518
520
  };
519
521
  };
520
522
  orderSummary: {
521
523
  backgroundColor: string;
524
+ maxWidth?: string;
525
+ padding?: string;
526
+ borderRadius?: string;
527
+ onMobile: {
528
+ maxWidth?: string;
529
+ padding?: string;
530
+ backgroundColor?: string;
531
+ };
522
532
  };
523
533
  expressCheckout: {
524
534
  fontFamily: string;
@@ -535,6 +545,18 @@ declare type ThemeComponent = {
535
545
  fontWeight: number;
536
546
  lineHeight: string;
537
547
  };
548
+ deliveryDetails: {
549
+ note: {
550
+ accentColor: string;
551
+ color: string;
552
+ backgroundColor: string;
553
+ };
554
+ };
555
+ text: {
556
+ orderHeader: {
557
+ color: string;
558
+ };
559
+ };
538
560
  };
539
561
  declare type ThemeTypography = {
540
562
  config: {
@@ -365,6 +365,7 @@ var shapermint = {
365
365
  },
366
366
  card: {
367
367
  borderRadius: '0.5rem',
368
+ backgroundColor: '#f7ece4',
368
369
  },
369
370
  radio: {
370
371
  borderColor: '--colors-shades-700-color',
@@ -643,11 +644,19 @@ var shapermint = {
643
644
  price: {
644
645
  size: ComponentSize.Small,
645
646
  originalPriceColor: '--colors-shades-300-color',
647
+ actualPriceColor: '--colors-semantic-urgent-color',
646
648
  },
647
649
  },
648
650
  },
649
651
  orderSummary: {
650
652
  backgroundColor: '--colors-shades-5-color',
653
+ padding: '',
654
+ borderRadius: '',
655
+ maxWidth: '460px',
656
+ onMobile: {
657
+ maxWidth: '100%',
658
+ padding: '15px',
659
+ },
651
660
  },
652
661
  expressCheckout: {
653
662
  fontFamily: '-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica,Arial, sans-serif',
@@ -664,6 +673,18 @@ var shapermint = {
664
673
  fontWeight: 500,
665
674
  lineHeight: 'normal',
666
675
  },
676
+ deliveryDetails: {
677
+ note: {
678
+ accentColor: '--colors-semantic-urgent-color',
679
+ color: '--colors-text-color',
680
+ backgroundColor: '--colors-pallete-primary-20-color',
681
+ },
682
+ },
683
+ text: {
684
+ orderHeader: {
685
+ color: '--colors-pallete-primary-color',
686
+ },
687
+ },
667
688
  },
668
689
  typography: {
669
690
  config: {
@@ -236,6 +236,7 @@ declare type ThemeComponent = {
236
236
  };
237
237
  card: {
238
238
  borderRadius: string;
239
+ backgroundColor: string;
239
240
  };
240
241
  radio: {
241
242
  borderColor: string;
@@ -514,11 +515,20 @@ declare type ThemeComponent = {
514
515
  price: {
515
516
  size: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
516
517
  originalPriceColor: string;
518
+ actualPriceColor: string;
517
519
  };
518
520
  };
519
521
  };
520
522
  orderSummary: {
521
523
  backgroundColor: string;
524
+ maxWidth?: string;
525
+ padding?: string;
526
+ borderRadius?: string;
527
+ onMobile: {
528
+ maxWidth?: string;
529
+ padding?: string;
530
+ backgroundColor?: string;
531
+ };
522
532
  };
523
533
  expressCheckout: {
524
534
  fontFamily: string;
@@ -535,6 +545,18 @@ declare type ThemeComponent = {
535
545
  fontWeight: number;
536
546
  lineHeight: string;
537
547
  };
548
+ deliveryDetails: {
549
+ note: {
550
+ accentColor: string;
551
+ color: string;
552
+ backgroundColor: string;
553
+ };
554
+ };
555
+ text: {
556
+ orderHeader: {
557
+ color: string;
558
+ };
559
+ };
538
560
  };
539
561
  declare type ThemeTypography = {
540
562
  config: {
@@ -438,6 +438,7 @@ var truekind = {
438
438
  },
439
439
  card: {
440
440
  borderRadius: '1.5rem',
441
+ backgroundColor: '#f7ece4',
441
442
  },
442
443
  radio: {
443
444
  borderColor: '#686872',
@@ -716,11 +717,19 @@ var truekind = {
716
717
  price: {
717
718
  size: ComponentSize.Small,
718
719
  originalPriceColor: '--colors-shades-300-color',
720
+ actualPriceColor: '--colors-semantic-urgent-color',
719
721
  },
720
722
  },
721
723
  },
722
724
  orderSummary: {
723
725
  backgroundColor: '--colors-shades-5-color',
726
+ padding: '',
727
+ borderRadius: '',
728
+ maxWidth: '460px',
729
+ onMobile: {
730
+ maxWidth: '100%',
731
+ padding: '15px',
732
+ },
724
733
  },
725
734
  expressCheckout: {
726
735
  fontFamily: '-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica,Arial, sans-serif',
@@ -737,6 +746,18 @@ var truekind = {
737
746
  fontWeight: 500,
738
747
  lineHeight: 'normal',
739
748
  },
749
+ deliveryDetails: {
750
+ note: {
751
+ accentColor: '--colors-semantic-urgent-color',
752
+ color: '--colors-text-color',
753
+ backgroundColor: '--colors-pallete-primary-20-color',
754
+ },
755
+ },
756
+ text: {
757
+ orderHeader: {
758
+ color: '--colors-pallete-primary-color',
759
+ },
760
+ },
740
761
  },
741
762
  fonts: {
742
763
  url: 'https://cdn.jsdelivr.net/gh/trafilea/storefront-static@main/fonts/truekind',
@@ -864,8 +885,8 @@ var truekind = {
864
885
  favicon: 'https://cdn.shopify.com/s/files/1/2679/8624/files/shapermint_favicon-128x128.png',
865
886
  logo: 'https://cdn.jsdelivr.net/gh/trafilea/storefront-static@main/images/shapermint/shapermint_logo_black.svg',
866
887
  logoSize: {
867
- width: '',
868
- height: '',
888
+ width: '230',
889
+ height: '46',
869
890
  },
870
891
  },
871
892
  },
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.145",
6
+ "version": "5.0.0-beta.147",
7
7
  "private": false,
8
8
  "main": "build/index.js",
9
9
  "style": "build/index.css",