@gem-sdk/components 2.5.3-staging.3 → 2.5.3

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 (34) hide show
  1. package/dist/cjs/banner/components/hero-banner/index.liquid.js +2 -13
  2. package/dist/cjs/banner/setting/HeroBanner.js +6 -50
  3. package/dist/cjs/button/components/Button.liquid.js +2 -11
  4. package/dist/cjs/button/setting/Button.js +5 -112
  5. package/dist/cjs/icon/components/Icon.liquid.js +2 -10
  6. package/dist/cjs/icon/setting/Icon.js +5 -69
  7. package/dist/cjs/image/components/Image.liquid.js +3 -12
  8. package/dist/cjs/image/setting/Image.js +16 -207
  9. package/dist/cjs/product/components/ProductImagesV2/liquid/ProductFeaturedImageCarousel.liquid.js +1 -6
  10. package/dist/cjs/product/setting/product-image-v2/ProductFeatureImage.js +6 -11
  11. package/dist/esm/banner/components/hero-banner/index.liquid.js +2 -13
  12. package/dist/esm/banner/setting/HeroBanner.js +6 -50
  13. package/dist/esm/button/components/Button.liquid.js +2 -11
  14. package/dist/esm/button/setting/Button.js +5 -112
  15. package/dist/esm/icon/components/Icon.liquid.js +2 -10
  16. package/dist/esm/icon/setting/Icon.js +5 -69
  17. package/dist/esm/image/components/Image.liquid.js +3 -12
  18. package/dist/esm/image/setting/Image.js +16 -207
  19. package/dist/esm/product/components/ProductImagesV2/liquid/ProductFeaturedImageCarousel.liquid.js +1 -6
  20. package/dist/esm/product/setting/product-image-v2/ProductFeatureImage.js +6 -11
  21. package/dist/types/index.d.ts +0 -25
  22. package/package.json +2 -2
  23. package/dist/cjs/banner/setting/presets/heroBanner1ColPreSalesPage.js +0 -134
  24. package/dist/cjs/banner/setting/presets/heroBannerContentLeftPreSalesPage.js +0 -154
  25. package/dist/cjs/banner/setting/presets/heroBannerContentRightPreSalesPage.js +0 -162
  26. package/dist/cjs/banner/setting/presets/heroBannerParallaxPreSalesPage.js +0 -134
  27. package/dist/cjs/banner/setting/presets/heroBannerVideoPreSalesPage.js +0 -130
  28. package/dist/cjs/constants.js +0 -5
  29. package/dist/esm/banner/setting/presets/heroBanner1ColPreSalesPage.js +0 -132
  30. package/dist/esm/banner/setting/presets/heroBannerContentLeftPreSalesPage.js +0 -152
  31. package/dist/esm/banner/setting/presets/heroBannerContentRightPreSalesPage.js +0 -160
  32. package/dist/esm/banner/setting/presets/heroBannerParallaxPreSalesPage.js +0 -132
  33. package/dist/esm/banner/setting/presets/heroBannerVideoPreSalesPage.js +0 -128
  34. package/dist/esm/constants.js +0 -3
package/dist/esm/banner/setting/presets/heroBannerParallaxPreSalesPage.js DELETED
@@ -1,132 +0,0 @@
1
- const heroBannerParallaxPreSalesPage = {
2
- id: 'hero-banner-parallax-pre-sales-page',
3
- name: {
4
- en: 'Hero Banner Parallax'
5
- },
6
- icon: {
7
- desktop: `
8
- <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
9
- <g clip-path="url(#clip0_21157_36120)">
10
- <rect width="96" height="48" rx="3" fill="#424242"/>
11
- <ellipse cx="5" cy="24.5" rx="11" ry="11.5" fill="#5E5E5E"/>
12
- <path d="M-4.39892 61.8234L13.5988 40.4906C14.2081 39.767 14.9611 39.1816 15.8088 38.7727C16.6564 38.3638 17.5796 38.1406 18.5181 38.1175C19.4566 38.0944 20.3894 38.272 21.2556 38.6387C22.1219 39.0055 22.902 39.5531 23.5453 40.2459L31.9609 49.2989L64.858 9.43075C65.502 8.64956 66.3116 8.02551 67.2264 7.60499C68.1413 7.18447 69.138 6.9783 70.1423 7.00181C71.1467 7.02532 72.1329 7.2779 73.0276 7.74078C73.9223 8.20366 74.7026 8.86493 75.3103 9.67543L114.641 62.0866C115.393 63.0913 115.853 64.2887 115.97 65.5441C116.087 66.7994 115.856 68.063 115.303 69.1926C114.751 70.3222 113.897 71.2732 112.84 71.9384C111.783 72.6037 110.564 72.957 109.319 72.9585L0.685989 73C-0.591779 72.9995 -1.84266 72.6281 -2.91866 71.9299C-3.99467 71.2317 -4.85077 70.2358 -5.38568 69.06C-5.92059 67.8843 -6.11193 66.5779 -5.93706 65.2955C-5.76219 64.0131 -5.22843 62.8082 -4.39892 61.8234Z" fill="#5E5E5E"/>
13
- <rect x="36" y="21" width="22" height="6" rx="3" fill="#F9F9F9"/>
14
- </g>
15
- <defs>
16
- <clipPath id="clip0_21157_36120">
17
- <rect width="96" height="48" rx="3" fill="white"/>
18
- </clipPath>
19
- </defs>
20
- </svg>
21
-
22
- `
23
- },
24
- components: [
25
- {
26
- tag: 'HeroBanner',
27
- settings: {
28
- layout: {
29
- desktop: {
30
- cols: [
31
- 12
32
- ],
33
- display: 'fill'
34
- }
35
- },
36
- enableParallax: true,
37
- speedParallax: 0.6,
38
- isGoToSalesPage: true
39
- },
40
- styles: {
41
- contentWidth: {
42
- desktop: '1200px'
43
- },
44
- sizeSetting: {
45
- desktop: {
46
- shape: 'custom',
47
- widthHeightLinked: false,
48
- width: '100%',
49
- height: '600px'
50
- },
51
- mobile: {
52
- shape: 'custom',
53
- widthHeightLinked: false,
54
- width: '1200px',
55
- height: '600px'
56
- }
57
- }
58
- },
59
- childrens: [
60
- {
61
- tag: 'Col',
62
- childrens: [
63
- {
64
- tag: 'Heading',
65
- settings: {
66
- text: 'Click here to edit heading'
67
- },
68
- styles: {
69
- textAlign: {
70
- desktop: 'center'
71
- },
72
- typo: {
73
- attrs: {
74
- color: '#FFFFFF'
75
- }
76
- }
77
- },
78
- advanced: {
79
- 'spacing-setting': {
80
- desktop: {
81
- margin: {
82
- bottom: 'var(--g-s-l)'
83
- }
84
- }
85
- }
86
- }
87
- },
88
- {
89
- tag: 'Text',
90
- settings: {
91
- text: "This is your text block. Click to edit and make it your own. Share your product's story<br/>\
92
- or services offered. Get creative and make it yours!"
93
- },
94
- styles: {
95
- textAlign: {
96
- desktop: 'center'
97
- },
98
- typo: {
99
- attrs: {
100
- color: '#FFFFFF'
101
- }
102
- }
103
- },
104
- advanced: {
105
- 'spacing-setting': {
106
- desktop: {
107
- margin: {
108
- bottom: 'var(--g-s-l)'
109
- }
110
- }
111
- }
112
- }
113
- },
114
- {
115
- tag: 'Button',
116
- settings: {
117
- label: 'Get started'
118
- },
119
- styles: {
120
- align: {
121
- desktop: 'center'
122
- }
123
- }
124
- }
125
- ]
126
- }
127
- ]
128
- }
129
- ]
130
- };
131
-
132
- export { heroBannerParallaxPreSalesPage };
package/dist/esm/banner/setting/presets/heroBannerVideoPreSalesPage.js DELETED
@@ -1,128 +0,0 @@
1
- const heroBannerVideoPreSalesPage = {
2
- id: 'hero-banner-video-pre-sales-page',
3
- name: {
4
- en: 'Video Banner'
5
- },
6
- icon: {
7
- desktop: `
8
- <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
9
- <g clip-path="url(#clip0_12567_1327)">
10
- <rect width="96" height="48" rx="3" fill="#424242"/>
11
- <ellipse cx="4" cy="1.5" rx="11" ry="11.5" fill="#5E5E5E"/>
12
- <path d="M25.6011 61.8234L43.5988 40.4906C44.2081 39.767 44.9611 39.1816 45.8088 38.7727C46.6564 38.3638 47.5796 38.1406 48.5181 38.1175C49.4566 38.0944 50.3894 38.272 51.2556 38.6387C52.1219 39.0055 52.902 39.5531 53.5453 40.2459L61.9609 49.2989L94.858 9.43075C95.502 8.64956 96.3116 8.02551 97.2264 7.60499C98.1413 7.18447 99.138 6.9783 100.142 7.00181C101.147 7.02532 102.133 7.2779 103.028 7.74078C103.922 8.20366 104.703 8.86493 105.31 9.67543L144.641 62.0866C145.393 63.0913 145.853 64.2887 145.97 65.5441C146.087 66.7994 145.856 68.063 145.303 69.1926C144.751 70.3222 143.897 71.2732 142.84 71.9384C141.783 72.6037 140.564 72.957 139.319 72.9585L30.686 73C29.4082 72.9995 28.1573 72.6281 27.0813 71.9299C26.0053 71.2317 25.1492 70.2358 24.6143 69.06C24.0794 67.8843 23.8881 66.5779 24.0629 65.2955C24.2378 64.0131 24.7716 62.8082 25.6011 61.8234Z" fill="#5E5E5E"/>
13
- <path d="M40 28.4163V14.3838C40 13.2662 41.3774 12.6113 42.3799 13.2521L53.3549 20.2684C54.215 20.8183 54.215 21.9818 53.3549 22.5317L42.3799 29.5479C41.3774 30.1888 40 29.5338 40 28.4163Z" fill="#F9F9F9"/>
14
- </g>
15
- <defs>
16
- <clipPath id="clip0_12567_1327">
17
- <rect width="96" height="48" rx="3" fill="white"/>
18
- </clipPath>
19
- </defs>
20
- </svg>
21
- `
22
- },
23
- components: [
24
- {
25
- tag: 'HeroBanner',
26
- settings: {
27
- layout: {
28
- desktop: {
29
- cols: [
30
- 12
31
- ],
32
- display: 'fill'
33
- }
34
- },
35
- isGoToSalesPage: true
36
- },
37
- styles: {
38
- contentWidth: {
39
- desktop: '1200px'
40
- },
41
- background: {
42
- desktop: {
43
- type: 'video',
44
- image: {
45
- src: '',
46
- width: 1920,
47
- height: 900
48
- },
49
- videoType: 'html5',
50
- video: 'https://youtu.be/KOxfzBp72uk',
51
- videoHtml5: 'https://media.w3.org/2010/05/sintel/trailer.mp4'
52
- }
53
- }
54
- },
55
- childrens: [
56
- {
57
- tag: 'Col',
58
- childrens: [
59
- {
60
- tag: 'Heading',
61
- settings: {
62
- text: 'Click here to edit heading'
63
- },
64
- styles: {
65
- textAlign: {
66
- desktop: 'center'
67
- },
68
- typo: {
69
- attrs: {
70
- color: '#FFFFFF'
71
- }
72
- }
73
- },
74
- advanced: {
75
- 'spacing-setting': {
76
- desktop: {
77
- margin: {
78
- bottom: 'var(--g-s-l)'
79
- }
80
- }
81
- }
82
- }
83
- },
84
- {
85
- tag: 'Text',
86
- settings: {
87
- text: "This is your text block. Click to edit and make it your own. Share your product's story<br/>\
88
- or services offered. Get creative and make it yours!"
89
- },
90
- styles: {
91
- textAlign: {
92
- desktop: 'center'
93
- },
94
- typo: {
95
- attrs: {
96
- color: '#FFFFFF'
97
- }
98
- }
99
- },
100
- advanced: {
101
- 'spacing-setting': {
102
- desktop: {
103
- margin: {
104
- bottom: 'var(--g-s-l)'
105
- }
106
- }
107
- }
108
- }
109
- },
110
- {
111
- tag: 'Button',
112
- settings: {
113
- label: 'Get started'
114
- },
115
- styles: {
116
- align: {
117
- desktop: 'center'
118
- }
119
- }
120
- }
121
- ]
122
- }
123
- ]
124
- }
125
- ]
126
- };
127
-
128
- export { heroBannerVideoPreSalesPage };
package/dist/esm/constants.js DELETED
@@ -1,3 +0,0 @@
1
- const HREF_TO_SALES_PAGE = '{{ page.metafields.sales_funnel.sales_page_url }}';
2
-
3
- export { HREF_TO_SALES_PAGE };