@trafilea/afrodita-components 5.0.0-beta.263 → 5.0.0-beta.264

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/build/index.d.ts CHANGED
@@ -1833,10 +1833,10 @@ declare type ThemeComponent = {
1833
1833
  };
1834
1834
  orderSummary: {
1835
1835
  headingTextAlign: string;
1836
- backgroundColor: string;
1837
- maxWidth?: string;
1836
+ backgroundColor?: string;
1838
1837
  padding?: string;
1839
1838
  borderRadius?: string;
1839
+ maxWidth?: string;
1840
1840
  onMobile: {
1841
1841
  maxWidth?: string;
1842
1842
  padding?: string;
@@ -1915,6 +1915,30 @@ declare type ThemeComponent = {
1915
1915
  divider: {
1916
1916
  color: string;
1917
1917
  };
1918
+ upsell: {
1919
+ banner: {
1920
+ outlined: {
1921
+ color?: string;
1922
+ };
1923
+ };
1924
+ price: {
1925
+ colors: {
1926
+ regular: string;
1927
+ deal: string;
1928
+ each: string;
1929
+ badgeBG: string;
1930
+ badgeColor: string;
1931
+ };
1932
+ };
1933
+ };
1934
+ thankyou: {
1935
+ emailSection: {
1936
+ backgroundColor?: string;
1937
+ };
1938
+ socialIcon: {
1939
+ color?: string;
1940
+ };
1941
+ };
1918
1942
  };
1919
1943
  declare type ThemeTypography = {
1920
1944
  config: {
@@ -531,10 +531,10 @@ declare type ThemeComponent = {
531
531
  };
532
532
  orderSummary: {
533
533
  headingTextAlign: string;
534
- backgroundColor: string;
535
- maxWidth?: string;
534
+ backgroundColor?: string;
536
535
  padding?: string;
537
536
  borderRadius?: string;
537
+ maxWidth?: string;
538
538
  onMobile: {
539
539
  maxWidth?: string;
540
540
  padding?: string;
@@ -613,6 +613,30 @@ declare type ThemeComponent = {
613
613
  divider: {
614
614
  color: string;
615
615
  };
616
+ upsell: {
617
+ banner: {
618
+ outlined: {
619
+ color?: string;
620
+ };
621
+ };
622
+ price: {
623
+ colors: {
624
+ regular: string;
625
+ deal: string;
626
+ each: string;
627
+ badgeBG: string;
628
+ badgeColor: string;
629
+ };
630
+ };
631
+ };
632
+ thankyou: {
633
+ emailSection: {
634
+ backgroundColor?: string;
635
+ };
636
+ socialIcon: {
637
+ color?: string;
638
+ };
639
+ };
616
640
  };
617
641
  declare type ThemeTypography = {
618
642
  config: {
@@ -659,7 +659,7 @@ var revel = {
659
659
  backgroundColor: '--colors-shades-10-color',
660
660
  padding: '20px',
661
661
  borderRadius: '--radius-regular',
662
- maxWidth: '',
662
+ maxWidth: '100%',
663
663
  onMobile: {
664
664
  maxWidth: '100%',
665
665
  padding: '15px',
@@ -737,6 +737,30 @@ var revel = {
737
737
  divider: {
738
738
  color: '--colors-pallete-secondary-soft-color',
739
739
  },
740
+ upsell: {
741
+ banner: {
742
+ outlined: {
743
+ color: '--colors-semantic-positive-color',
744
+ },
745
+ },
746
+ price: {
747
+ colors: {
748
+ regular: '--colors-shades-400-color',
749
+ deal: '#DA918A',
750
+ each: 'colors-shades-700-color',
751
+ badgeBG: '#DA918A',
752
+ badgeColor: '--colors-shades-white-color',
753
+ },
754
+ },
755
+ },
756
+ thankyou: {
757
+ emailSection: {
758
+ backgroundColor: '#F5DECE',
759
+ },
760
+ socialIcon: {
761
+ color: '#DA918A',
762
+ },
763
+ },
740
764
  },
741
765
  typography: {
742
766
  config: {
@@ -531,10 +531,10 @@ declare type ThemeComponent = {
531
531
  };
532
532
  orderSummary: {
533
533
  headingTextAlign: string;
534
- backgroundColor: string;
535
- maxWidth?: string;
534
+ backgroundColor?: string;
536
535
  padding?: string;
537
536
  borderRadius?: string;
537
+ maxWidth?: string;
538
538
  onMobile: {
539
539
  maxWidth?: string;
540
540
  padding?: string;
@@ -613,6 +613,30 @@ declare type ThemeComponent = {
613
613
  divider: {
614
614
  color: string;
615
615
  };
616
+ upsell: {
617
+ banner: {
618
+ outlined: {
619
+ color?: string;
620
+ };
621
+ };
622
+ price: {
623
+ colors: {
624
+ regular: string;
625
+ deal: string;
626
+ each: string;
627
+ badgeBG: string;
628
+ badgeColor: string;
629
+ };
630
+ };
631
+ };
632
+ thankyou: {
633
+ emailSection: {
634
+ backgroundColor?: string;
635
+ };
636
+ socialIcon: {
637
+ color?: string;
638
+ };
639
+ };
616
640
  };
617
641
  declare type ThemeTypography = {
618
642
  config: {
@@ -656,10 +656,7 @@ var shapermint = {
656
656
  },
657
657
  orderSummary: {
658
658
  headingTextAlign: 'left',
659
- backgroundColor: '--colors-shades-5-color',
660
- padding: '',
661
- borderRadius: '',
662
- maxWidth: '453px',
659
+ maxWidth: '428px',
663
660
  onMobile: {
664
661
  maxWidth: '100%',
665
662
  padding: '15px',
@@ -736,6 +733,30 @@ var shapermint = {
736
733
  divider: {
737
734
  color: '--colors-pallete-secondary-soft-color',
738
735
  },
736
+ upsell: {
737
+ banner: {
738
+ outlined: {
739
+ color: '--colors-semantic-urgent-color',
740
+ },
741
+ },
742
+ price: {
743
+ colors: {
744
+ regular: '--colors-shades-300-color',
745
+ deal: '--colors-semantic-urgent-color',
746
+ each: 'colors-shades-700-color',
747
+ badgeBG: 'colors-semantic-urgent-color',
748
+ badgeColor: '--colors-shades-white-color',
749
+ },
750
+ },
751
+ },
752
+ thankyou: {
753
+ emailSection: {
754
+ backgroundColor: '#FDF1EF',
755
+ },
756
+ socialIcon: {
757
+ color: '--colors-pallete-primary-color',
758
+ },
759
+ },
739
760
  },
740
761
  typography: {
741
762
  config: {
@@ -531,10 +531,10 @@ declare type ThemeComponent = {
531
531
  };
532
532
  orderSummary: {
533
533
  headingTextAlign: string;
534
- backgroundColor: string;
535
- maxWidth?: string;
534
+ backgroundColor?: string;
536
535
  padding?: string;
537
536
  borderRadius?: string;
537
+ maxWidth?: string;
538
538
  onMobile: {
539
539
  maxWidth?: string;
540
540
  padding?: string;
@@ -613,6 +613,30 @@ declare type ThemeComponent = {
613
613
  divider: {
614
614
  color: string;
615
615
  };
616
+ upsell: {
617
+ banner: {
618
+ outlined: {
619
+ color?: string;
620
+ };
621
+ };
622
+ price: {
623
+ colors: {
624
+ regular: string;
625
+ deal: string;
626
+ each: string;
627
+ badgeBG: string;
628
+ badgeColor: string;
629
+ };
630
+ };
631
+ };
632
+ thankyou: {
633
+ emailSection: {
634
+ backgroundColor?: string;
635
+ };
636
+ socialIcon: {
637
+ color?: string;
638
+ };
639
+ };
616
640
  };
617
641
  declare type ThemeTypography = {
618
642
  config: {
@@ -694,10 +694,10 @@ var tsd = {
694
694
  },
695
695
  orderSummary: {
696
696
  headingTextAlign: 'center',
697
- backgroundColor: '--colors-shades-10-color',
697
+ backgroundColor: '#F3F8ED',
698
698
  padding: '20px',
699
699
  borderRadius: '--radius-regular',
700
- maxWidth: '',
700
+ maxWidth: '100%',
701
701
  onMobile: {
702
702
  maxWidth: '100%',
703
703
  padding: '15px',
@@ -775,6 +775,30 @@ var tsd = {
775
775
  divider: {
776
776
  color: '--colors-pallete-tertiary-soft-color',
777
777
  },
778
+ upsell: {
779
+ banner: {
780
+ outlined: {
781
+ color: '--colors-semantic-positive-color',
782
+ },
783
+ },
784
+ price: {
785
+ colors: {
786
+ regular: '--colors-shades-400-color',
787
+ deal: '--colors-pallete-primary-color',
788
+ each: 'colors-shades-700-color',
789
+ badgeBG: '--colors-pallete-gold?-soft?-color' ,
790
+ badgeColor: 'colors-shades-700-color',
791
+ },
792
+ },
793
+ },
794
+ thankyou: {
795
+ emailSection: {
796
+ backgroundColor: '--colors-pallete-mint-soft-color',
797
+ },
798
+ socialIcon: {
799
+ color: '--colors-pallete-primary-color',
800
+ },
801
+ },
778
802
  },
779
803
  typography: {
780
804
  config: {
@@ -531,10 +531,10 @@ declare type ThemeComponent = {
531
531
  };
532
532
  orderSummary: {
533
533
  headingTextAlign: string;
534
- backgroundColor: string;
535
- maxWidth?: string;
534
+ backgroundColor?: string;
536
535
  padding?: string;
537
536
  borderRadius?: string;
537
+ maxWidth?: string;
538
538
  onMobile: {
539
539
  maxWidth?: string;
540
540
  padding?: string;
@@ -613,6 +613,30 @@ declare type ThemeComponent = {
613
613
  divider: {
614
614
  color: string;
615
615
  };
616
+ upsell: {
617
+ banner: {
618
+ outlined: {
619
+ color?: string;
620
+ };
621
+ };
622
+ price: {
623
+ colors: {
624
+ regular: string;
625
+ deal: string;
626
+ each: string;
627
+ badgeBG: string;
628
+ badgeColor: string;
629
+ };
630
+ };
631
+ };
632
+ thankyou: {
633
+ emailSection: {
634
+ backgroundColor?: string;
635
+ };
636
+ socialIcon: {
637
+ color?: string;
638
+ };
639
+ };
616
640
  };
617
641
  declare type ThemeTypography = {
618
642
  config: {
@@ -736,11 +736,11 @@ var truekind = {
736
736
  },
737
737
  },
738
738
  orderSummary: {
739
- headingTextAlign: 'left',
740
- backgroundColor: '--colors-shades-5-color',
741
- padding: '',
742
- borderRadius: '',
743
- maxWidth: '460px',
739
+ headingTextAlign: 'center',
740
+ backgroundColor: '#FFF5E9',
741
+ padding: '20px',
742
+ borderRadius: '--radius-regular',
743
+ maxWidth: '100%',
744
744
  onMobile: {
745
745
  maxWidth: '100%',
746
746
  padding: '15px',
@@ -817,6 +817,30 @@ var truekind = {
817
817
  divider: {
818
818
  color: '--colors-pallete-secondary-soft-color',
819
819
  },
820
+ upsell: {
821
+ banner: {
822
+ outlined: {
823
+ color: '--colors-semantic-positive-color',
824
+ },
825
+ },
826
+ price: {
827
+ colors: {
828
+ regular: '--colors-shades-300-color',
829
+ deal: '--colors-semantic-urgent-color',
830
+ each: 'colors-shades-700-color',
831
+ badgeBG: 'colors-semantic-urgent-color',
832
+ badgeColor: '--colors-shades-white-color',
833
+ },
834
+ },
835
+ },
836
+ thankyou: {
837
+ emailSection: {
838
+ backgroundColor: '--colors-pallete-champagne-color',
839
+ },
840
+ socialIcon: {
841
+ color: '--colors-pallete-primary-color',
842
+ },
843
+ },
820
844
  },
821
845
  fonts: {
822
846
  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.263",
6
+ "version": "5.0.0-beta.264",
7
7
  "private": false,
8
8
  "main": "build/index.js",
9
9
  "style": "build/index.css",