@cntrl-site/components 0.1.0-alpha.16 → 0.1.0-alpha.17
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/index.js +4 -6
- package/dist/index.mjs +4 -6
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1759,7 +1759,7 @@ const Lightbox = ({ isOpen, onClose, content, settings, closeOnBackdropClick = t
|
|
|
1759
1759
|
"div",
|
|
1760
1760
|
{
|
|
1761
1761
|
className: cn(styles.backdropStyle, { [styles.editor]: isEditor }),
|
|
1762
|
-
style: { ...isEditor && { backgroundColor: area.color } },
|
|
1762
|
+
style: { ...isEditor && { backgroundColor: area.color, backdropFilter: `blur(${area.blur}px)` } },
|
|
1763
1763
|
onClick: handleBackdropClick,
|
|
1764
1764
|
onTouchEnd: handleBackdropClick,
|
|
1765
1765
|
children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -1811,9 +1811,7 @@ const Lightbox = ({ isOpen, onClose, content, settings, closeOnBackdropClick = t
|
|
|
1811
1811
|
{
|
|
1812
1812
|
className: styles.imgWrapper,
|
|
1813
1813
|
onClick: handleImageWrapperClick,
|
|
1814
|
-
style: {
|
|
1815
|
-
padding: `${layout.padding.top}px ${layout.padding.right}px ${layout.padding.bottom}px ${layout.padding.left}px`
|
|
1816
|
-
},
|
|
1814
|
+
style: { padding: `${layout.padding.top}px ${layout.padding.right}px ${layout.padding.bottom}px ${layout.padding.left}px` },
|
|
1817
1815
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1818
1816
|
"img",
|
|
1819
1817
|
{
|
|
@@ -1967,8 +1965,8 @@ const Lightbox = ({ isOpen, onClose, content, settings, closeOnBackdropClick = t
|
|
|
1967
1965
|
objectFit: thumbnail.fit === "cover" ? "cover" : "contain",
|
|
1968
1966
|
...thumbnail.fit === "fit" && slider.direction === "horiz" ? { width: "fit-content" } : {},
|
|
1969
1967
|
...thumbnail.fit === "fit" && slider.direction === "vert" ? { height: "fit-content" } : {},
|
|
1970
|
-
...slider.direction === "horiz" ? { height: "100%" } : {},
|
|
1971
|
-
...slider.direction === "vert" ? { width: "100%" } : {}
|
|
1968
|
+
...slider.direction === "horiz" ? { height: "100%", width: "auto" } : {},
|
|
1969
|
+
...slider.direction === "vert" ? { width: "100%", height: "auto" } : {}
|
|
1972
1970
|
}
|
|
1973
1971
|
}
|
|
1974
1972
|
)
|
package/dist/index.mjs
CHANGED
|
@@ -1757,7 +1757,7 @@ const Lightbox = ({ isOpen, onClose, content, settings, closeOnBackdropClick = t
|
|
|
1757
1757
|
"div",
|
|
1758
1758
|
{
|
|
1759
1759
|
className: cn(styles.backdropStyle, { [styles.editor]: isEditor }),
|
|
1760
|
-
style: { ...isEditor && { backgroundColor: area.color } },
|
|
1760
|
+
style: { ...isEditor && { backgroundColor: area.color, backdropFilter: `blur(${area.blur}px)` } },
|
|
1761
1761
|
onClick: handleBackdropClick,
|
|
1762
1762
|
onTouchEnd: handleBackdropClick,
|
|
1763
1763
|
children: /* @__PURE__ */ jsxs(
|
|
@@ -1809,9 +1809,7 @@ const Lightbox = ({ isOpen, onClose, content, settings, closeOnBackdropClick = t
|
|
|
1809
1809
|
{
|
|
1810
1810
|
className: styles.imgWrapper,
|
|
1811
1811
|
onClick: handleImageWrapperClick,
|
|
1812
|
-
style: {
|
|
1813
|
-
padding: `${layout.padding.top}px ${layout.padding.right}px ${layout.padding.bottom}px ${layout.padding.left}px`
|
|
1814
|
-
},
|
|
1812
|
+
style: { padding: `${layout.padding.top}px ${layout.padding.right}px ${layout.padding.bottom}px ${layout.padding.left}px` },
|
|
1815
1813
|
children: /* @__PURE__ */ jsx(
|
|
1816
1814
|
"img",
|
|
1817
1815
|
{
|
|
@@ -1965,8 +1963,8 @@ const Lightbox = ({ isOpen, onClose, content, settings, closeOnBackdropClick = t
|
|
|
1965
1963
|
objectFit: thumbnail.fit === "cover" ? "cover" : "contain",
|
|
1966
1964
|
...thumbnail.fit === "fit" && slider.direction === "horiz" ? { width: "fit-content" } : {},
|
|
1967
1965
|
...thumbnail.fit === "fit" && slider.direction === "vert" ? { height: "fit-content" } : {},
|
|
1968
|
-
...slider.direction === "horiz" ? { height: "100%" } : {},
|
|
1969
|
-
...slider.direction === "vert" ? { width: "100%" } : {}
|
|
1966
|
+
...slider.direction === "horiz" ? { height: "100%", width: "auto" } : {},
|
|
1967
|
+
...slider.direction === "vert" ? { width: "100%", height: "auto" } : {}
|
|
1970
1968
|
}
|
|
1971
1969
|
}
|
|
1972
1970
|
)
|