@trafilea/afrodita-components 6.3.0 → 6.4.1

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 (14) hide show
  1. package/build/index.d.ts +24 -7
  2. package/build/index.esm.js +292 -295
  3. package/build/index.esm.js.map +1 -1
  4. package/build/index.js +292 -295
  5. package/build/index.js.map +1 -1
  6. package/build/theme/revel.theme.d.ts +5 -1
  7. package/build/theme/revel.theme.js +8 -4
  8. package/build/theme/shapermint.theme.d.ts +5 -1
  9. package/build/theme/shapermint.theme.js +8 -4
  10. package/build/theme/thespadr.theme.d.ts +5 -1
  11. package/build/theme/thespadr.theme.js +13 -6
  12. package/build/theme/truekind.theme.d.ts +5 -1
  13. package/build/theme/truekind.theme.js +8 -4
  14. package/package.json +1 -1
package/build/theme/revel.theme.d.ts CHANGED
@@ -29,7 +29,7 @@ declare type Theme = {
29
29
  };
30
30
  declare type ThemeBreakpoints = {
31
31
  mobile: number;
32
- tablet?: number;
32
+ tablet: number;
33
33
  desktop: number;
34
34
  };
35
35
  declare type ThemeBasicPallete = {
@@ -566,9 +566,13 @@ declare type ThemeComponent = {
566
566
  borderRadius?: string;
567
567
  maxWidth?: string;
568
568
  onMobile: {
569
+ position?: string;
569
570
  maxWidth?: string;
570
571
  padding?: string;
571
572
  backgroundColor?: string;
573
+ titleHeight?: string;
574
+ boxShadow?: string;
575
+ borderRadius?: string;
572
576
  };
573
577
  };
574
578
  expressCheckout: {
package/build/theme/revel.theme.js CHANGED
@@ -52,15 +52,19 @@ var InputValidationType;
52
52
  InputValidationType[InputValidationType["Empty"] = 2] = "Empty";
53
53
  })(InputValidationType || (InputValidationType = {}));
54
54
 
55
+ //ANNOTATION: Those values are up to.
56
+ var DEFAULT_BREAKPOINTS = {
57
+ mobile: 640,
58
+ tablet: 1024,
59
+ desktop: 1280,
60
+ };
61
+
55
62
  var revel = {
56
63
  name: 'Revel',
57
64
  fontSizes: [10, 12, 14, 16, 18, 20, 24, 30, 36, 42, 52, 60, 68, 72, 76],
58
65
  fontWeights: [400, 600, 500, 700, 800],
59
66
  lineHeights: [14, 16, 18, 20, 22, 24, 28, 32, 38, 44, 52, 68, 76, 84, 88, 92],
60
- mediaQueries: {
61
- mobile: 0,
62
- desktop: 1200,
63
- },
67
+ mediaQueries: DEFAULT_BREAKPOINTS,
64
68
  radius: {
65
69
  regular: '8px',
66
70
  },
package/build/theme/shapermint.theme.d.ts CHANGED
@@ -29,7 +29,7 @@ declare type Theme = {
29
29
  };
30
30
  declare type ThemeBreakpoints = {
31
31
  mobile: number;
32
- tablet?: number;
32
+ tablet: number;
33
33
  desktop: number;
34
34
  };
35
35
  declare type ThemeBasicPallete = {
@@ -566,9 +566,13 @@ declare type ThemeComponent = {
566
566
  borderRadius?: string;
567
567
  maxWidth?: string;
568
568
  onMobile: {
569
+ position?: string;
569
570
  maxWidth?: string;
570
571
  padding?: string;
571
572
  backgroundColor?: string;
573
+ titleHeight?: string;
574
+ boxShadow?: string;
575
+ borderRadius?: string;
572
576
  };
573
577
  };
574
578
  expressCheckout: {
package/build/theme/shapermint.theme.js CHANGED
@@ -52,15 +52,19 @@ var InputValidationType;
52
52
  InputValidationType[InputValidationType["Empty"] = 2] = "Empty";
53
53
  })(InputValidationType || (InputValidationType = {}));
54
54
 
55
+ //ANNOTATION: Those values are up to.
56
+ var DEFAULT_BREAKPOINTS = {
57
+ mobile: 640,
58
+ tablet: 1024,
59
+ desktop: 1280,
60
+ };
61
+
55
62
  var shapermint = {
56
63
  name: 'Shapermint',
57
64
  fontSizes: [10, 12, 14, 16, 18, 20, 24, 30, 36, 42, 52, 60, 68, 72, 76],
58
65
  fontWeights: [400, 600, 500, 700, 800],
59
66
  lineHeights: [14, 16, 18, 20, 22, 24, 28, 32, 38, 44, 52, 68, 76, 84, 88, 92],
60
- mediaQueries: {
61
- mobile: 0,
62
- desktop: 1200,
63
- },
67
+ mediaQueries: DEFAULT_BREAKPOINTS,
64
68
  radius: {
65
69
  regular: '8px',
66
70
  },
package/build/theme/thespadr.theme.d.ts CHANGED
@@ -29,7 +29,7 @@ declare type Theme = {
29
29
  };
30
30
  declare type ThemeBreakpoints = {
31
31
  mobile: number;
32
- tablet?: number;
32
+ tablet: number;
33
33
  desktop: number;
34
34
  };
35
35
  declare type ThemeBasicPallete = {
@@ -566,9 +566,13 @@ declare type ThemeComponent = {
566
566
  borderRadius?: string;
567
567
  maxWidth?: string;
568
568
  onMobile: {
569
+ position?: string;
569
570
  maxWidth?: string;
570
571
  padding?: string;
571
572
  backgroundColor?: string;
573
+ titleHeight?: string;
574
+ boxShadow?: string;
575
+ borderRadius?: string;
572
576
  };
573
577
  };
574
578
  expressCheckout: {
package/build/theme/thespadr.theme.js CHANGED
@@ -26,16 +26,19 @@ var InputValidationType;
26
26
  InputValidationType[InputValidationType["Empty"] = 2] = "Empty";
27
27
  })(InputValidationType || (InputValidationType = {}));
28
28
 
29
+ //ANNOTATION: Those values are up to.
30
+ var DEFAULT_BREAKPOINTS = {
31
+ mobile: 640,
32
+ tablet: 1024,
33
+ desktop: 1280,
34
+ };
35
+
29
36
  var tsd = {
30
37
  name: 'TheSpaDr',
31
38
  fontSizes: [8, 10, 12, 14, 16, 18, 20, 24, 30, 36, 42, 52, 60, 68, 72, 76],
32
39
  fontWeights: [300, 500, 700, 800],
33
40
  lineHeights: [14, 16, 18, 20, 22, 24, 28, 32, 38, 44, 52, 68, 76, 84, 88, 92],
34
- mediaQueries: {
35
- mobile: 768,
36
- tablet: 900,
37
- desktop: 1200,
38
- },
41
+ mediaQueries: DEFAULT_BREAKPOINTS,
39
42
  radius: {
40
43
  regular: '8px',
41
44
  },
@@ -632,9 +635,13 @@ var tsd = {
632
635
  borderRadius: '--radius-regular',
633
636
  maxWidth: '100%',
634
637
  onMobile: {
638
+ position: 'relative',
635
639
  maxWidth: '100%',
636
640
  padding: '15px',
637
- backgroundColor: '--colors-shades-white-color',
641
+ backgroundColor: '--colors-shades-50-color',
642
+ titleHeight: '60px',
643
+ boxShadow: '0px 5px 15px 0px rgba(0, 0, 0, 0.10)',
644
+ borderRadius: '0px 0px 12px 12px',
638
645
  },
639
646
  },
640
647
  expressCheckout: {
package/build/theme/truekind.theme.d.ts CHANGED
@@ -29,7 +29,7 @@ declare type Theme = {
29
29
  };
30
30
  declare type ThemeBreakpoints = {
31
31
  mobile: number;
32
- tablet?: number;
32
+ tablet: number;
33
33
  desktop: number;
34
34
  };
35
35
  declare type ThemeBasicPallete = {
@@ -566,9 +566,13 @@ declare type ThemeComponent = {
566
566
  borderRadius?: string;
567
567
  maxWidth?: string;
568
568
  onMobile: {
569
+ position?: string;
569
570
  maxWidth?: string;
570
571
  padding?: string;
571
572
  backgroundColor?: string;
573
+ titleHeight?: string;
574
+ boxShadow?: string;
575
+ borderRadius?: string;
572
576
  };
573
577
  };
574
578
  expressCheckout: {
package/build/theme/truekind.theme.js CHANGED
@@ -52,15 +52,19 @@ var InputValidationType;
52
52
  InputValidationType[InputValidationType["Empty"] = 2] = "Empty";
53
53
  })(InputValidationType || (InputValidationType = {}));
54
54
 
55
+ //ANNOTATION: Those values are up to.
56
+ var DEFAULT_BREAKPOINTS = {
57
+ mobile: 640,
58
+ tablet: 1024,
59
+ desktop: 1280,
60
+ };
61
+
55
62
  var truekind = {
56
63
  name: 'Truekind',
57
64
  fontSizes: [10, 12, 14, 16, 18, 20, 24, 30, 36, 42, 52, 60, 68, 72, 76],
58
65
  fontWeights: [400, 600, 500, 700, 800],
59
66
  lineHeights: [14, 16, 18, 20, 22, 24, 28, 32, 38, 44, 52, 68, 76, 84, 88, 92],
60
- mediaQueries: {
61
- mobile: 0,
62
- desktop: 1200,
63
- },
67
+ mediaQueries: DEFAULT_BREAKPOINTS,
64
68
  radius: {
65
69
  regular: '8px',
66
70
  },
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": "6.3.0",
6
+ "version": "6.4.1",
7
7
  "private": false,
8
8
  "main": "build/index.js",
9
9
  "style": "build/index.css",