@gem-sdk/pages 1.14.0-next.45 → 1.14.0-next.48

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 (3) hide show
  1. package/dist/cjs/components/image-to-layout/AddSectionImageToLayout.js +25 -3
  2. package/dist/esm/components/image-to-layout/AddSectionImageToLayout.js +25 -3
  3. package/package.json +1 -1
package/dist/cjs/components/image-to-layout/AddSectionImageToLayout.js CHANGED
@@ -158,7 +158,7 @@ const AddSectionImageToLayout = ()=>{
158
158
  }, action.id);
159
159
  }),
160
160
  /*#__PURE__*/ jsxRuntime.jsxs("div", {
161
- className: `max-w-[calc(100%_-_32px)] items-center ${isInput ? 'flex' : 'hidden'}`,
161
+ className: `relative max-w-[calc(100%_-_32px)] items-center ${isInput ? 'flex' : 'hidden'}`,
162
162
  children: [
163
163
  /*#__PURE__*/ jsxRuntime.jsx("div", {
164
164
  "aria-hidden": true,
@@ -243,15 +243,37 @@ const AddSectionImageToLayout = ()=>{
243
243
  },
244
244
  autoComplete: "off",
245
245
  id: "gp-img-to-layout-bottom-input-link",
246
- placeholder: "Paste an URL to create layout",
246
+ placeholder: "Paste your link",
247
247
  className: "ml-2 mr-2 flex-1 text-[14px] text-[#676767] outline-none"
248
248
  }),
249
249
  /*#__PURE__*/ jsxRuntime.jsx("div", {
250
250
  id: "gp-img-to-layout-bottom-generate-btn",
251
- className: "generate-image-to-layout-btn flex h-[36px] w-[86px] cursor-pointer items-center justify-center rounded-[3px] text-sm font-medium text-white",
251
+ className: `generate-image-to-layout-btn flex h-[36px] w-[86px] cursor-pointer items-center justify-center rounded-[3px] text-sm font-medium text-white ${!link ? 'btn-disable' : ''}`,
252
252
  children: "Generate"
253
253
  })
254
254
  ]
255
+ }),
256
+ /*#__PURE__*/ jsxRuntime.jsxs("div", {
257
+ className: "error-url-bottom-add-section absolute bottom-[-20px] left-[40px] mx-[-1px] flex hidden w-[600px] max-w-[100%] items-center",
258
+ children: [
259
+ /*#__PURE__*/ jsxRuntime.jsx("svg", {
260
+ width: "16",
261
+ height: "16",
262
+ viewBox: "0 0 16 16",
263
+ fill: "none",
264
+ xmlns: "http://www.w3.org/2000/svg",
265
+ children: /*#__PURE__*/ jsxRuntime.jsx("path", {
266
+ fillRule: "evenodd",
267
+ clipRule: "evenodd",
268
+ 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",
269
+ fill: "#F44336"
270
+ })
271
+ }),
272
+ /*#__PURE__*/ jsxRuntime.jsx("span", {
273
+ className: "ml-[8px] text-[12px] text-[#F44336]",
274
+ children: "Please use an valid URL to generate"
275
+ })
276
+ ]
255
277
  })
256
278
  ]
257
279
  })
package/dist/esm/components/image-to-layout/AddSectionImageToLayout.js CHANGED
@@ -154,7 +154,7 @@ const AddSectionImageToLayout = ()=>{
154
154
  }, action.id);
155
155
  }),
156
156
  /*#__PURE__*/ jsxs("div", {
157
- className: `max-w-[calc(100%_-_32px)] items-center ${isInput ? 'flex' : 'hidden'}`,
157
+ className: `relative max-w-[calc(100%_-_32px)] items-center ${isInput ? 'flex' : 'hidden'}`,
158
158
  children: [
159
159
  /*#__PURE__*/ jsx("div", {
160
160
  "aria-hidden": true,
@@ -239,15 +239,37 @@ const AddSectionImageToLayout = ()=>{
239
239
  },
240
240
  autoComplete: "off",
241
241
  id: "gp-img-to-layout-bottom-input-link",
242
- placeholder: "Paste an URL to create layout",
242
+ placeholder: "Paste your link",
243
243
  className: "ml-2 mr-2 flex-1 text-[14px] text-[#676767] outline-none"
244
244
  }),
245
245
  /*#__PURE__*/ jsx("div", {
246
246
  id: "gp-img-to-layout-bottom-generate-btn",
247
- className: "generate-image-to-layout-btn flex h-[36px] w-[86px] cursor-pointer items-center justify-center rounded-[3px] text-sm font-medium text-white",
247
+ className: `generate-image-to-layout-btn flex h-[36px] w-[86px] cursor-pointer items-center justify-center rounded-[3px] text-sm font-medium text-white ${!link ? 'btn-disable' : ''}`,
248
248
  children: "Generate"
249
249
  })
250
250
  ]
251
+ }),
252
+ /*#__PURE__*/ jsxs("div", {
253
+ className: "error-url-bottom-add-section absolute bottom-[-20px] left-[40px] mx-[-1px] flex hidden w-[600px] max-w-[100%] items-center",
254
+ children: [
255
+ /*#__PURE__*/ jsx("svg", {
256
+ width: "16",
257
+ height: "16",
258
+ viewBox: "0 0 16 16",
259
+ fill: "none",
260
+ xmlns: "http://www.w3.org/2000/svg",
261
+ children: /*#__PURE__*/ jsx("path", {
262
+ fillRule: "evenodd",
263
+ clipRule: "evenodd",
264
+ 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",
265
+ fill: "#F44336"
266
+ })
267
+ }),
268
+ /*#__PURE__*/ jsx("span", {
269
+ className: "ml-[8px] text-[12px] text-[#F44336]",
270
+ children: "Please use an valid URL to generate"
271
+ })
272
+ ]
251
273
  })
252
274
  ]
253
275
  })
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/pages",
3
- "version": "1.14.0-next.45",
3
+ "version": "1.14.0-next.48",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",