@cntrl-site/components 0.1.0-2 → 0.1.0-4

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 (4) hide show
  1. package/dist/Components/Lightbox/Lightbox.d.ts +0 -1
  2. package/dist/index.js +10 -19
  3. package/dist/index.mjs +10 -19
  4. package/package.json +1 -1
package/dist/Components/Lightbox/Lightbox.d.ts CHANGED
@@ -29,7 +29,6 @@ type Alignment = 'top-left' | 'top-center' | 'top-right' | 'middle-left' | 'midd
29
29
  type Caption = {
30
30
  isActive: boolean;
31
31
  alignment: Alignment;
32
- color: string;
33
32
  offset: Offset;
34
33
  hover: string;
35
34
  };
package/dist/index.js CHANGED
@@ -1696,7 +1696,7 @@ const Lightbox = ({ isOpen, onClose, content, settings, closeOnBackdropClick = t
1696
1696
  )
1697
1697
  ] }),
1698
1698
  settings.area.closeIconUrl && /* @__PURE__ */ jsxRuntime.jsx("button", { className: styles.closeButton, style: { top: settings.area.closeIconOffset.y, left: settings.area.closeIconOffset.x }, onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(SvgImage, { url: settings.area.closeIconUrl, fill: settings.area.color }) }),
1699
- settings.caption.isActive && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.caption, style: { top: settings.caption.offset.y, left: settings.caption.offset.x, color: settings.caption.color }, children: /* @__PURE__ */ jsxRuntime.jsx(RichTextRenderer, { content: content[currentIndex].imageCaption }) }),
1699
+ settings.caption.isActive && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.caption, style: { top: settings.caption.offset.y, left: settings.caption.offset.x }, children: /* @__PURE__ */ jsxRuntime.jsx(RichTextRenderer, { content: content[currentIndex].imageCaption }) }),
1700
1700
  settings.thumbnail.isActive && /* @__PURE__ */ jsxRuntime.jsx(
1701
1701
  "div",
1702
1702
  {
@@ -1767,7 +1767,7 @@ const LightboxComponent = {
1767
1767
  properties: {
1768
1768
  cover: {
1769
1769
  title: "COVER",
1770
- icon: "image",
1770
+ icon: "cover",
1771
1771
  tooltip: "Cover Image",
1772
1772
  type: "object",
1773
1773
  properties: {
@@ -1794,7 +1794,7 @@ const LightboxComponent = {
1794
1794
  },
1795
1795
  duration: {
1796
1796
  type: "string",
1797
- label: "hourglass-icon",
1797
+ label: "T",
1798
1798
  display: {
1799
1799
  type: "step-selector"
1800
1800
  },
@@ -1841,7 +1841,7 @@ const LightboxComponent = {
1841
1841
  },
1842
1842
  duration: {
1843
1843
  type: "string",
1844
- label: "hourglass-icon",
1844
+ label: "T",
1845
1845
  display: {
1846
1846
  type: "step-selector"
1847
1847
  },
@@ -1874,7 +1874,7 @@ const LightboxComponent = {
1874
1874
  },
1875
1875
  thumbnail: {
1876
1876
  title: "THUMB",
1877
- icon: "pagination",
1877
+ icon: "thumbnail",
1878
1878
  tooltip: "Thumbnail",
1879
1879
  type: "object",
1880
1880
  properties: {
@@ -2105,7 +2105,7 @@ const LightboxComponent = {
2105
2105
  },
2106
2106
  area: {
2107
2107
  title: "AREA",
2108
- icon: "background",
2108
+ icon: "area",
2109
2109
  tooltip: "Area",
2110
2110
  type: "object",
2111
2111
  properties: {
@@ -2181,14 +2181,6 @@ const LightboxComponent = {
2181
2181
  }
2182
2182
  }
2183
2183
  },
2184
- color: {
2185
- title: "Color",
2186
- type: "string",
2187
- display: {
2188
- type: "settings-color-picker",
2189
- format: "single"
2190
- }
2191
- },
2192
2184
  hover: {
2193
2185
  title: "Hover",
2194
2186
  type: "string",
@@ -2254,12 +2246,11 @@ const LightboxComponent = {
2254
2246
  blur: 0,
2255
2247
  closeIconUrl: null,
2256
2248
  closeIconAlign: "top-right",
2257
- closeIconOffset: { x: 12, y: 12 }
2249
+ closeIconOffset: { x: 0, y: 0 }
2258
2250
  },
2259
2251
  caption: {
2260
2252
  alignment: "middle-center",
2261
2253
  offset: { x: 0, y: 0 },
2262
- color: "#000000",
2263
2254
  hover: "#cccccc"
2264
2255
  }
2265
2256
  },
@@ -2288,9 +2279,9 @@ const LightboxComponent = {
2288
2279
  properties: {
2289
2280
  image: {
2290
2281
  type: "object",
2282
+ label: "Image",
2291
2283
  display: {
2292
2284
  type: "media-input",
2293
- label: "Image",
2294
2285
  minWidth: 58,
2295
2286
  maxWidth: 108
2296
2287
  },
@@ -2309,10 +2300,10 @@ const LightboxComponent = {
2309
2300
  required: ["url", "name"]
2310
2301
  },
2311
2302
  imageCaption: {
2303
+ label: "Description",
2304
+ placeholder: "Add Caption...",
2312
2305
  display: {
2313
2306
  type: "rich-text",
2314
- label: "Description",
2315
- placeholder: "Add Caption...",
2316
2307
  minWidth: 300,
2317
2308
  maxWidth: 550
2318
2309
  }
package/dist/index.mjs CHANGED
@@ -1694,7 +1694,7 @@ const Lightbox = ({ isOpen, onClose, content, settings, closeOnBackdropClick = t
1694
1694
  )
1695
1695
  ] }),
1696
1696
  settings.area.closeIconUrl && /* @__PURE__ */ jsx("button", { className: styles.closeButton, style: { top: settings.area.closeIconOffset.y, left: settings.area.closeIconOffset.x }, onClick: onClose, children: /* @__PURE__ */ jsx(SvgImage, { url: settings.area.closeIconUrl, fill: settings.area.color }) }),
1697
- settings.caption.isActive && /* @__PURE__ */ jsx("div", { className: styles.caption, style: { top: settings.caption.offset.y, left: settings.caption.offset.x, color: settings.caption.color }, children: /* @__PURE__ */ jsx(RichTextRenderer, { content: content[currentIndex].imageCaption }) }),
1697
+ settings.caption.isActive && /* @__PURE__ */ jsx("div", { className: styles.caption, style: { top: settings.caption.offset.y, left: settings.caption.offset.x }, children: /* @__PURE__ */ jsx(RichTextRenderer, { content: content[currentIndex].imageCaption }) }),
1698
1698
  settings.thumbnail.isActive && /* @__PURE__ */ jsx(
1699
1699
  "div",
1700
1700
  {
@@ -1765,7 +1765,7 @@ const LightboxComponent = {
1765
1765
  properties: {
1766
1766
  cover: {
1767
1767
  title: "COVER",
1768
- icon: "image",
1768
+ icon: "cover",
1769
1769
  tooltip: "Cover Image",
1770
1770
  type: "object",
1771
1771
  properties: {
@@ -1792,7 +1792,7 @@ const LightboxComponent = {
1792
1792
  },
1793
1793
  duration: {
1794
1794
  type: "string",
1795
- label: "hourglass-icon",
1795
+ label: "T",
1796
1796
  display: {
1797
1797
  type: "step-selector"
1798
1798
  },
@@ -1839,7 +1839,7 @@ const LightboxComponent = {
1839
1839
  },
1840
1840
  duration: {
1841
1841
  type: "string",
1842
- label: "hourglass-icon",
1842
+ label: "T",
1843
1843
  display: {
1844
1844
  type: "step-selector"
1845
1845
  },
@@ -1872,7 +1872,7 @@ const LightboxComponent = {
1872
1872
  },
1873
1873
  thumbnail: {
1874
1874
  title: "THUMB",
1875
- icon: "pagination",
1875
+ icon: "thumbnail",
1876
1876
  tooltip: "Thumbnail",
1877
1877
  type: "object",
1878
1878
  properties: {
@@ -2103,7 +2103,7 @@ const LightboxComponent = {
2103
2103
  },
2104
2104
  area: {
2105
2105
  title: "AREA",
2106
- icon: "background",
2106
+ icon: "area",
2107
2107
  tooltip: "Area",
2108
2108
  type: "object",
2109
2109
  properties: {
@@ -2179,14 +2179,6 @@ const LightboxComponent = {
2179
2179
  }
2180
2180
  }
2181
2181
  },
2182
- color: {
2183
- title: "Color",
2184
- type: "string",
2185
- display: {
2186
- type: "settings-color-picker",
2187
- format: "single"
2188
- }
2189
- },
2190
2182
  hover: {
2191
2183
  title: "Hover",
2192
2184
  type: "string",
@@ -2252,12 +2244,11 @@ const LightboxComponent = {
2252
2244
  blur: 0,
2253
2245
  closeIconUrl: null,
2254
2246
  closeIconAlign: "top-right",
2255
- closeIconOffset: { x: 12, y: 12 }
2247
+ closeIconOffset: { x: 0, y: 0 }
2256
2248
  },
2257
2249
  caption: {
2258
2250
  alignment: "middle-center",
2259
2251
  offset: { x: 0, y: 0 },
2260
- color: "#000000",
2261
2252
  hover: "#cccccc"
2262
2253
  }
2263
2254
  },
@@ -2286,9 +2277,9 @@ const LightboxComponent = {
2286
2277
  properties: {
2287
2278
  image: {
2288
2279
  type: "object",
2280
+ label: "Image",
2289
2281
  display: {
2290
2282
  type: "media-input",
2291
- label: "Image",
2292
2283
  minWidth: 58,
2293
2284
  maxWidth: 108
2294
2285
  },
@@ -2307,10 +2298,10 @@ const LightboxComponent = {
2307
2298
  required: ["url", "name"]
2308
2299
  },
2309
2300
  imageCaption: {
2301
+ label: "Description",
2302
+ placeholder: "Add Caption...",
2310
2303
  display: {
2311
2304
  type: "rich-text",
2312
- label: "Description",
2313
- placeholder: "Add Caption...",
2314
2305
  minWidth: 300,
2315
2306
  maxWidth: 550
2316
2307
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cntrl-site/components",
3
- "version": "0.1.0-2",
3
+ "version": "0.1.0-4",
4
4
  "description": "Custom components for control editor and public websites.",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",