@gem-sdk/pages 1.13.27 → 1.13.36
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/dist/cjs/components/Footer.js +2 -2
- package/dist/cjs/components/Header.js +4 -4
- package/dist/cjs/components/image-to-layout/AddSectionImageToLayout.js +92 -110
- package/dist/cjs/components/image-to-layout/DropElement.js +1 -1
- package/dist/cjs/components/image-to-layout/ImageToLayoutInput.js +85 -46
- package/dist/esm/components/Footer.js +2 -2
- package/dist/esm/components/Header.js +4 -4
- package/dist/esm/components/image-to-layout/AddSectionImageToLayout.js +92 -110
- package/dist/esm/components/image-to-layout/DropElement.js +1 -1
- package/dist/esm/components/image-to-layout/ImageToLayoutInput.js +85 -46
- package/package.json +1 -1
|
@@ -5,7 +5,7 @@ const DropElement = ()=>{
|
|
|
5
5
|
className: "flex w-full flex-1 flex-col items-center justify-center",
|
|
6
6
|
children: [
|
|
7
7
|
/*#__PURE__*/ jsx("span", {
|
|
8
|
-
className: "mb-
|
|
8
|
+
className: "mb-6 text-sm font-normal text-[#676767]",
|
|
9
9
|
children: "Drag element from sidebar here"
|
|
10
10
|
}),
|
|
11
11
|
/*#__PURE__*/ jsxs("svg", {
|
|
@@ -24,9 +24,47 @@ const ImageToLayoutInput = ({ totalSection })=>{
|
|
|
24
24
|
return /*#__PURE__*/ jsxs("div", {
|
|
25
25
|
className: "relative mt-[64px] flex w-full max-w-[calc(100%_-_32px)] flex-col items-center rounded-[3px] border border-[#EEEEEE] px-[16px] pb-[24px] pt-[32px]",
|
|
26
26
|
children: [
|
|
27
|
-
/*#__PURE__*/
|
|
28
|
-
className: "absolute top-[-15px] z-10 bg-white px-[8px] py-[4px] text-[14px] font-normal leading-[21px] text-[#
|
|
29
|
-
children:
|
|
27
|
+
/*#__PURE__*/ jsxs("div", {
|
|
28
|
+
className: "absolute top-[-15px] z-10 flex gap-1 bg-white px-[8px] py-[4px] text-[14px] font-normal leading-[21px] text-[#676767]",
|
|
29
|
+
children: [
|
|
30
|
+
"or use Image to Layout",
|
|
31
|
+
/*#__PURE__*/ jsxs("svg", {
|
|
32
|
+
width: "36",
|
|
33
|
+
height: "20",
|
|
34
|
+
viewBox: "0 0 36 20",
|
|
35
|
+
fill: "none",
|
|
36
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
37
|
+
children: [
|
|
38
|
+
/*#__PURE__*/ jsx("path", {
|
|
39
|
+
d: "M0.5 3C0.5 1.34315 1.84315 0 3.5 0H32.5C34.1569 0 35.5 1.34315 35.5 3V17C35.5 18.6569 34.1569 20 32.5 20H3.5C1.84315 20 0.5 18.6569 0.5 17V3Z",
|
|
40
|
+
fill: "#EBDDF8"
|
|
41
|
+
}),
|
|
42
|
+
/*#__PURE__*/ jsx("path", {
|
|
43
|
+
d: "M5.45881 14V5.27273H8.65483C9.27415 5.27273 9.78693 5.375 10.1932 5.57955C10.5994 5.78125 10.9034 6.0554 11.1051 6.40199C11.3068 6.74574 11.4077 7.13352 11.4077 7.56534C11.4077 7.92898 11.3409 8.2358 11.2074 8.4858C11.0739 8.73295 10.8949 8.93182 10.6705 9.08239C10.4489 9.23011 10.2045 9.33807 9.9375 9.40625V9.49148C10.2273 9.50568 10.5099 9.59943 10.7855 9.77273C11.0639 9.94318 11.294 10.1861 11.4759 10.5014C11.6577 10.8168 11.7486 11.2003 11.7486 11.652C11.7486 12.098 11.6435 12.4986 11.4332 12.8537C11.2259 13.206 10.9048 13.4858 10.4702 13.6932C10.0355 13.8977 9.48011 14 8.80398 14H5.45881ZM6.77557 12.8707H8.67614C9.30682 12.8707 9.75852 12.7486 10.0312 12.5043C10.304 12.2599 10.4403 11.9545 10.4403 11.5881C10.4403 11.3125 10.3707 11.0597 10.2315 10.8295C10.0923 10.5994 9.89347 10.4162 9.63494 10.2798C9.37926 10.1435 9.07528 10.0753 8.72301 10.0753H6.77557V12.8707ZM6.77557 9.0483H8.53977C8.83523 9.0483 9.10085 8.99148 9.33665 8.87784C9.57528 8.7642 9.7642 8.60511 9.90341 8.40057C10.0455 8.19318 10.1165 7.94886 10.1165 7.66761C10.1165 7.30682 9.99006 7.00426 9.73722 6.75994C9.48438 6.51562 9.09659 6.39347 8.57386 6.39347H6.77557V9.0483ZM16.0291 14.1321C15.3842 14.1321 14.8288 13.9943 14.3629 13.7188C13.8999 13.4403 13.5419 13.0497 13.2891 12.5469C13.0391 12.0412 12.9141 11.4489 12.9141 10.7699C12.9141 10.0994 13.0391 9.50852 13.2891 8.99716C13.5419 8.4858 13.8942 8.08665 14.3459 7.79972C14.8004 7.51278 15.3317 7.36932 15.9396 7.36932C16.3089 7.36932 16.6669 7.4304 17.0135 7.55256C17.3601 7.67472 17.6712 7.86648 17.9467 8.12784C18.2223 8.3892 18.4396 8.72869 18.5987 9.14631C18.7578 9.56108 18.8374 10.0653 18.8374 10.6591V11.1108H13.6342V10.1562H17.5888C17.5888 9.82102 17.5206 9.52415 17.3842 9.26562C17.2479 9.00426 17.0561 8.7983 16.8089 8.64773C16.5646 8.49716 16.2777 8.42188 15.9482 8.42188C15.5902 8.42188 15.2777 8.50994 15.0107 8.68608C14.7464 8.85937 14.5419 9.08665 14.397 9.3679C14.255 9.64631 14.1839 9.94886 14.1839 10.2756V11.0213C14.1839 11.4588 14.2607 11.831 14.4141 12.1378C14.5703 12.4446 14.7876 12.679 15.0661 12.8409C15.3445 13 15.6697 13.0795 16.0419 13.0795C16.2834 13.0795 16.5036 13.0455 16.7024 12.9773C16.9013 12.9062 17.0732 12.8011 17.218 12.6619C17.3629 12.5227 17.4737 12.3509 17.5504 12.1463L18.7564 12.3636C18.6598 12.7187 18.4865 13.0298 18.2365 13.2969C17.9893 13.5611 17.6783 13.767 17.3033 13.9148C16.9311 14.0597 16.5064 14.1321 16.0291 14.1321ZM23.3065 7.45455V8.47727H19.7312V7.45455H23.3065ZM20.69 5.88636H21.9641V12.0781C21.9641 12.3253 22.0011 12.5114 22.0749 12.6364C22.1488 12.7585 22.244 12.8423 22.3604 12.8878C22.4798 12.9304 22.609 12.9517 22.7482 12.9517C22.8505 12.9517 22.94 12.9446 23.0167 12.9304C23.0934 12.9162 23.1531 12.9048 23.1957 12.8963L23.4258 13.9489C23.3519 13.9773 23.2468 14.0057 23.1104 14.0341C22.9741 14.0653 22.8036 14.0824 22.5991 14.0852C22.2638 14.0909 21.9513 14.0312 21.6616 13.9062C21.3718 13.7812 21.1374 13.5881 20.9585 13.3267C20.7795 13.0653 20.69 12.7372 20.69 12.3423V5.88636ZM26.6207 14.1449C26.206 14.1449 25.831 14.0682 25.4957 13.9148C25.1605 13.7585 24.8949 13.5327 24.6989 13.2372C24.5057 12.9418 24.4091 12.5795 24.4091 12.1506C24.4091 11.7812 24.4801 11.4773 24.6222 11.2386C24.7642 11 24.956 10.8111 25.1974 10.6719C25.4389 10.5327 25.7088 10.4276 26.0071 10.3565C26.3054 10.2855 26.6094 10.2315 26.919 10.1946C27.3111 10.1491 27.6293 10.1122 27.8736 10.0838C28.1179 10.0526 28.2955 10.0028 28.4062 9.93466C28.517 9.86648 28.5724 9.75568 28.5724 9.60227V9.57244C28.5724 9.20028 28.4673 8.91193 28.2571 8.70739C28.0497 8.50284 27.7401 8.40057 27.3281 8.40057C26.8991 8.40057 26.5611 8.49574 26.3139 8.68608C26.0696 8.87358 25.9006 9.08239 25.8068 9.3125L24.6094 9.03977C24.7514 8.64205 24.9588 8.32102 25.2315 8.0767C25.5071 7.82955 25.8239 7.65057 26.1818 7.53977C26.5398 7.42614 26.9162 7.36932 27.3111 7.36932C27.5724 7.36932 27.8494 7.40057 28.142 7.46307C28.4375 7.52273 28.7131 7.63352 28.9688 7.79545C29.2273 7.95739 29.4389 8.18892 29.6037 8.49006C29.7685 8.78835 29.8509 9.17614 29.8509 9.65341V14H28.6065V13.1051H28.5554C28.473 13.2699 28.3494 13.4318 28.1847 13.5909C28.0199 13.75 27.8082 13.8821 27.5497 13.9872C27.2912 14.0923 26.9815 14.1449 26.6207 14.1449ZM26.8977 13.1222C27.25 13.1222 27.5511 13.0526 27.8011 12.9134C28.054 12.7741 28.2457 12.5923 28.3764 12.3679C28.5099 12.1406 28.5767 11.8977 28.5767 11.6392V10.7955C28.5313 10.8409 28.4432 10.8835 28.3125 10.9233C28.1847 10.9602 28.0384 10.9929 27.8736 11.0213C27.7088 11.0469 27.5483 11.071 27.392 11.0938C27.2358 11.1136 27.1051 11.1307 27 11.1449C26.7528 11.1761 26.527 11.2287 26.3224 11.3026C26.1207 11.3764 25.9588 11.483 25.8366 11.6222C25.7173 11.7585 25.6577 11.9403 25.6577 12.1676C25.6577 12.483 25.7741 12.7216 26.0071 12.8835C26.2401 13.0426 26.5369 13.1222 26.8977 13.1222Z",
|
|
44
|
+
fill: "url(#paint0_linear_5203_64584)"
|
|
45
|
+
}),
|
|
46
|
+
/*#__PURE__*/ jsx("defs", {
|
|
47
|
+
children: /*#__PURE__*/ jsxs("linearGradient", {
|
|
48
|
+
id: "paint0_linear_5203_64584",
|
|
49
|
+
x1: "31.5",
|
|
50
|
+
y1: "15.2703",
|
|
51
|
+
x2: "4.49944",
|
|
52
|
+
y2: "15.2287",
|
|
53
|
+
gradientUnits: "userSpaceOnUse",
|
|
54
|
+
children: [
|
|
55
|
+
/*#__PURE__*/ jsx("stop", {
|
|
56
|
+
stopColor: "#874CFD"
|
|
57
|
+
}),
|
|
58
|
+
/*#__PURE__*/ jsx("stop", {
|
|
59
|
+
offset: "1",
|
|
60
|
+
stopColor: "#3C38E1"
|
|
61
|
+
})
|
|
62
|
+
]
|
|
63
|
+
})
|
|
64
|
+
})
|
|
65
|
+
]
|
|
66
|
+
})
|
|
67
|
+
]
|
|
30
68
|
}),
|
|
31
69
|
/*#__PURE__*/ jsxs("div", {
|
|
32
70
|
className: "image-to-layout-input-border relative max-w-[calc(100%)]",
|
|
@@ -34,29 +72,45 @@ const ImageToLayoutInput = ({ totalSection })=>{
|
|
|
34
72
|
/*#__PURE__*/ jsxs("div", {
|
|
35
73
|
className: "image-to-layout-input-wrapper flex h-[60px] w-[600px] max-w-[100%] items-center rounded-[3px] py-[10px] pl-3 pr-2",
|
|
36
74
|
children: [
|
|
37
|
-
/*#__PURE__*/ jsxs("svg", {
|
|
38
|
-
width: "
|
|
39
|
-
height: "
|
|
40
|
-
viewBox: "0 0
|
|
75
|
+
!link ? /*#__PURE__*/ jsxs("svg", {
|
|
76
|
+
width: "21",
|
|
77
|
+
height: "20",
|
|
78
|
+
viewBox: "0 0 21 20",
|
|
41
79
|
fill: "none",
|
|
42
80
|
xmlns: "http://www.w3.org/2000/svg",
|
|
43
81
|
children: [
|
|
44
82
|
/*#__PURE__*/ jsx("path", {
|
|
45
|
-
d: "
|
|
46
|
-
fill: "
|
|
83
|
+
d: "M15.0455 3.3397C14.9859 3.155 14.7246 3.155 14.6649 3.3397L14.3917 4.18545C14.2941 4.48763 14.0588 4.72549 13.7576 4.82633L12.9216 5.1063C12.7396 5.16724 12.7396 5.42466 12.9216 5.4856L13.7576 5.76557C14.0588 5.8664 14.2941 6.10426 14.3917 6.40645L14.6649 7.2522C14.7246 7.4369 14.9859 7.4369 15.0455 7.2522L15.3187 6.40645C15.4163 6.10426 15.6517 5.8664 15.9528 5.76557L16.7889 5.4856C16.9708 5.42466 16.9708 5.16724 16.7889 5.1063L15.9528 4.82633C15.6517 4.72549 15.4163 4.48763 15.3187 4.18545L15.0455 3.3397Z",
|
|
84
|
+
fill: "#9E9E9E"
|
|
47
85
|
}),
|
|
48
86
|
/*#__PURE__*/ jsx("path", {
|
|
49
|
-
d: "
|
|
50
|
-
fill: "
|
|
87
|
+
d: "M10.0157 4.1343C9.9262 3.85725 9.53422 3.85725 9.44473 4.1343L8.49438 7.07649C8.20156 7.98304 7.49557 8.69662 6.5922 8.99912L3.70474 9.96602C3.43175 10.0574 3.43175 10.4436 3.70474 10.535L6.59221 11.5019C7.49557 11.8044 8.20156 12.5179 8.49438 13.4245L9.44473 16.3667C9.53422 16.6437 9.9262 16.6437 10.0157 16.3667L10.966 13.4245C11.2589 12.5179 11.9649 11.8044 12.8682 11.5019L15.7557 10.535C16.0287 10.4436 16.0287 10.0574 15.7557 9.96602L12.8682 8.99912C11.9649 8.69662 11.2589 7.98304 10.966 7.07649L10.0157 4.1343Z",
|
|
88
|
+
fill: "#9E9E9E"
|
|
89
|
+
})
|
|
90
|
+
]
|
|
91
|
+
}) : /*#__PURE__*/ jsxs("svg", {
|
|
92
|
+
width: "21",
|
|
93
|
+
height: "21",
|
|
94
|
+
viewBox: "0 0 21 21",
|
|
95
|
+
fill: "none",
|
|
96
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
97
|
+
children: [
|
|
98
|
+
/*#__PURE__*/ jsx("path", {
|
|
99
|
+
d: "M15.0455 3.8397C14.9859 3.655 14.7246 3.655 14.6649 3.8397L14.3917 4.68545C14.2941 4.98763 14.0588 5.22549 13.7576 5.32633L12.9216 5.6063C12.7396 5.66724 12.7396 5.92466 12.9216 5.9856L13.7576 6.26557C14.0588 6.3664 14.2941 6.60426 14.3917 6.90645L14.6649 7.7522C14.7246 7.9369 14.9859 7.9369 15.0455 7.7522L15.3187 6.90645C15.4163 6.60426 15.6517 6.3664 15.9528 6.26557L16.7889 5.9856C16.9708 5.92466 16.9708 5.66724 16.7889 5.6063L15.9528 5.32633C15.6517 5.22549 15.4163 4.98763 15.3187 4.68545L15.0455 3.8397Z",
|
|
100
|
+
fill: "url(#paint0_linear_5189_39651)"
|
|
101
|
+
}),
|
|
102
|
+
/*#__PURE__*/ jsx("path", {
|
|
103
|
+
d: "M10.0157 4.6343C9.9262 4.35725 9.53422 4.35725 9.44473 4.6343L8.49438 7.57649C8.20156 8.48304 7.49557 9.19662 6.5922 9.49912L3.70474 10.466C3.43175 10.5574 3.43175 10.9436 3.70474 11.035L6.59221 12.0019C7.49557 12.3044 8.20156 13.0179 8.49438 13.9245L9.44473 16.8667C9.53422 17.1437 9.9262 17.1437 10.0157 16.8667L10.966 13.9245C11.2589 13.0179 11.9649 12.3044 12.8682 12.0019L15.7557 11.035C16.0287 10.9436 16.0287 10.5574 15.7557 10.466L12.8682 9.49912C11.9649 9.19662 11.2589 8.48304 10.966 7.57649L10.0157 4.6343Z",
|
|
104
|
+
fill: "url(#paint1_linear_5189_39651)"
|
|
51
105
|
}),
|
|
52
106
|
/*#__PURE__*/ jsxs("defs", {
|
|
53
107
|
children: [
|
|
54
108
|
/*#__PURE__*/ jsxs("linearGradient", {
|
|
55
|
-
id: "
|
|
56
|
-
x1: "
|
|
57
|
-
y1: "
|
|
58
|
-
x2: "
|
|
59
|
-
y2: "
|
|
109
|
+
id: "paint0_linear_5189_39651",
|
|
110
|
+
x1: "16.9254",
|
|
111
|
+
y1: "13.9119",
|
|
112
|
+
x2: "3.49971",
|
|
113
|
+
y2: "13.8965",
|
|
60
114
|
gradientUnits: "userSpaceOnUse",
|
|
61
115
|
children: [
|
|
62
116
|
/*#__PURE__*/ jsx("stop", {
|
|
@@ -69,19 +123,19 @@ const ImageToLayoutInput = ({ totalSection })=>{
|
|
|
69
123
|
]
|
|
70
124
|
}),
|
|
71
125
|
/*#__PURE__*/ jsxs("linearGradient", {
|
|
72
|
-
id: "
|
|
73
|
-
x1: "
|
|
74
|
-
y1: "
|
|
75
|
-
x2: "
|
|
76
|
-
y2: "
|
|
126
|
+
id: "paint1_linear_5189_39651",
|
|
127
|
+
x1: "16.9254",
|
|
128
|
+
y1: "13.9119",
|
|
129
|
+
x2: "3.49971",
|
|
130
|
+
y2: "13.8965",
|
|
77
131
|
gradientUnits: "userSpaceOnUse",
|
|
78
132
|
children: [
|
|
79
133
|
/*#__PURE__*/ jsx("stop", {
|
|
80
|
-
stopColor: "#
|
|
134
|
+
stopColor: "#874CFD"
|
|
81
135
|
}),
|
|
82
136
|
/*#__PURE__*/ jsx("stop", {
|
|
83
137
|
offset: "1",
|
|
84
|
-
stopColor: "#
|
|
138
|
+
stopColor: "#3C38E1"
|
|
85
139
|
})
|
|
86
140
|
]
|
|
87
141
|
})
|
|
@@ -97,7 +151,7 @@ const ImageToLayoutInput = ({ totalSection })=>{
|
|
|
97
151
|
onBlur: ()=>setIsFocus(false),
|
|
98
152
|
autoComplete: "off",
|
|
99
153
|
id: "gp-img-to-layout-input-link",
|
|
100
|
-
placeholder: "Paste your link",
|
|
154
|
+
placeholder: "Paste your link here",
|
|
101
155
|
className: "mx-4 h-[60px] flex-1 text-[14px] text-[#676767] outline-none"
|
|
102
156
|
}),
|
|
103
157
|
/*#__PURE__*/ jsx("div", {
|
|
@@ -115,30 +169,15 @@ const ImageToLayoutInput = ({ totalSection })=>{
|
|
|
115
169
|
})
|
|
116
170
|
]
|
|
117
171
|
}),
|
|
118
|
-
/*#__PURE__*/
|
|
119
|
-
className: "error-url bottom-[-24px] mx-[-1px] mb-[-1px] mt-
|
|
120
|
-
children:
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
viewBox: "0 0 16 16",
|
|
125
|
-
fill: "none",
|
|
126
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
127
|
-
children: /*#__PURE__*/ jsx("path", {
|
|
128
|
-
fillRule: "evenodd",
|
|
129
|
-
clipRule: "evenodd",
|
|
130
|
-
d: "M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM8 10.5C7.58579 10.5 7.25 10.8358 7.25 11.25C7.25 11.6642 7.58579 12 8 12C8.41421 12 8.75 11.6642 8.75 11.25C8.75 10.8358 8.41421 10.5 8 10.5ZM8.5 4C8.5 3.72386 8.27614 3.5 8 3.5C7.72386 3.5 7.5 3.72386 7.5 4V9C7.5 9.27614 7.72386 9.5 8 9.5C8.27614 9.5 8.5 9.27614 8.5 9V4Z",
|
|
131
|
-
fill: "#F44336"
|
|
132
|
-
})
|
|
133
|
-
}),
|
|
134
|
-
/*#__PURE__*/ jsx("span", {
|
|
135
|
-
className: "ml-[8px] text-[12px] text-[#F44336]",
|
|
136
|
-
children: "Please use an valid URL to generate"
|
|
137
|
-
})
|
|
138
|
-
]
|
|
172
|
+
/*#__PURE__*/ jsx("div", {
|
|
173
|
+
className: "error-url bottom-[-24px] mx-[-1px] mb-[-1px] mt-1 hidden w-[600px] max-w-[100%] items-center justify-center",
|
|
174
|
+
children: /*#__PURE__*/ jsx("span", {
|
|
175
|
+
className: " text-xs text-[#C3362B]",
|
|
176
|
+
children: "Please use an valid URL to generate"
|
|
177
|
+
})
|
|
139
178
|
}),
|
|
140
179
|
/*#__PURE__*/ jsxs("div", {
|
|
141
|
-
className: "mt-
|
|
180
|
+
className: "mt-4 flex items-center text-xs",
|
|
142
181
|
children: [
|
|
143
182
|
/*#__PURE__*/ jsx("label", {
|
|
144
183
|
htmlFor: "gp-img-to-layout-gallery-btn",
|