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

package/dist/Components/Lightbox/Lightbox.d.ts

@@ -29,7 +29,6 @@ type Alignment = 'top-left' | 'top-center' | 'top-right' | 'middle-left' | 'midd
 type Caption = {
     isActive: boolean;
     alignment: Alignment;
-    color: string;
     offset: Offset;
     hover: string;
 };

package/dist/index.js

@@ -1696,7 +1696,7 @@ const Lightbox = ({ isOpen, onClose, content, settings, closeOnBackdropClick = t
                 )
               ] }),
               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 }) }),
-              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 }) }),
+              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 }) }),
               settings.thumbnail.isActive && /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
@@ -1767,7 +1767,7 @@ const LightboxComponent = {
         properties: {
           cover: {
             title: "COVER",
-            icon: "image",
+            icon: "cover",
             tooltip: "Cover Image",
             type: "object",
             properties: {
@@ -1874,7 +1874,7 @@ const LightboxComponent = {
           },
           thumbnail: {
             title: "THUMB",
-            icon: "pagination",
+            icon: "thumbnail",
             tooltip: "Thumbnail",
             type: "object",
             properties: {
@@ -2105,7 +2105,7 @@ const LightboxComponent = {
           },
           area: {
             title: "AREA",
-            icon: "background",
+            icon: "area",
             tooltip: "Area",
             type: "object",
             properties: {
@@ -2181,14 +2181,6 @@ const LightboxComponent = {
                   }
                 }
               },
-              color: {
-                title: "Color",
-                type: "string",
-                display: {
-                  type: "settings-color-picker",
-                  format: "single"
-                }
-              },
               hover: {
                 title: "Hover",
                 type: "string",
@@ -2259,7 +2251,6 @@ const LightboxComponent = {
           caption: {
             alignment: "middle-center",
             offset: { x: 0, y: 0 },
-            color: "#000000",
             hover: "#cccccc"
           }
         },

package/dist/index.mjs

@@ -1694,7 +1694,7 @@ const Lightbox = ({ isOpen, onClose, content, settings, closeOnBackdropClick = t
                 )
               ] }),
               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 }) }),
-              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 }) }),
+              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 }) }),
               settings.thumbnail.isActive && /* @__PURE__ */ jsx(
                 "div",
                 {
@@ -1765,7 +1765,7 @@ const LightboxComponent = {
         properties: {
           cover: {
             title: "COVER",
-            icon: "image",
+            icon: "cover",
             tooltip: "Cover Image",
             type: "object",
             properties: {
@@ -1872,7 +1872,7 @@ const LightboxComponent = {
           },
           thumbnail: {
             title: "THUMB",
-            icon: "pagination",
+            icon: "thumbnail",
             tooltip: "Thumbnail",
             type: "object",
             properties: {
@@ -2103,7 +2103,7 @@ const LightboxComponent = {
           },
           area: {
             title: "AREA",
-            icon: "background",
+            icon: "area",
             tooltip: "Area",
             type: "object",
             properties: {
@@ -2179,14 +2179,6 @@ const LightboxComponent = {
                   }
                 }
               },
-              color: {
-                title: "Color",
-                type: "string",
-                display: {
-                  type: "settings-color-picker",
-                  format: "single"
-                }
-              },
               hover: {
                 title: "Hover",
                 type: "string",
@@ -2257,7 +2249,6 @@ const LightboxComponent = {
           caption: {
             alignment: "middle-center",
             offset: { x: 0, y: 0 },
-            color: "#000000",
             hover: "#cccccc"
           }
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cntrl-site/components",
-  "version": "0.1.0-3",
+  "version": "0.1.0-4",
   "description": "Custom components for control editor and public websites.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",