design-zystem 1.0.302 → 1.0.304
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.d.mts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +7 -4
- package/dist/index.mjs +7 -4
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -713,7 +713,8 @@ var shouldForwardProp3 = (prop) => ![
|
|
|
713
713
|
"height",
|
|
714
714
|
"backgroundColor",
|
|
715
715
|
"isRound",
|
|
716
|
-
"shadow"
|
|
716
|
+
"shadow",
|
|
717
|
+
"cursor"
|
|
717
718
|
].includes(prop);
|
|
718
719
|
var StyledIcon = import_styled_components6.default.i.withConfig({ shouldForwardProp: shouldForwardProp3 })`
|
|
719
720
|
font-size: ${(props) => textSizes2[props.size] || props.size || "1em"};
|
|
@@ -728,7 +729,7 @@ var StyledIcon = import_styled_components6.default.i.withConfig({ shouldForwardP
|
|
|
728
729
|
aspect-ratio: ${(props) => props.isRound ? "1" : "auto"};
|
|
729
730
|
text-align: center;
|
|
730
731
|
align-self: center;
|
|
731
|
-
cursor: ${(props) => props.onClick ? "pointer" : "inherit"};
|
|
732
|
+
cursor: ${(props) => props.cursor || (props.onClick ? "pointer" : "inherit")};
|
|
732
733
|
background-color: ${(props) => colors[props.backgroundColor] || props.backgroundColor || "transparent"};
|
|
733
734
|
border-radius: ${(props) => props.isRound ? "50%" : "0"};
|
|
734
735
|
text-shadow: ${(props) => props.shadow ? `0 0 6px ${colors[props.shadow] || props.shadow}` : "none"};
|
|
@@ -5302,10 +5303,11 @@ var Popover = ({
|
|
|
5302
5303
|
viewportPadding,
|
|
5303
5304
|
Math.min(top, window.innerHeight - menuHeight - viewportPadding)
|
|
5304
5305
|
),
|
|
5305
|
-
left: align === "left" ? rect.left : rect.right
|
|
5306
|
+
left: align === "left" ? rect.left : rect.right,
|
|
5307
|
+
width: fullWidth ? rect.width : void 0
|
|
5306
5308
|
});
|
|
5307
5309
|
}
|
|
5308
|
-
}, [items.length, anchorRef, offsetY, align]);
|
|
5310
|
+
}, [items.length, anchorRef, offsetY, align, fullWidth]);
|
|
5309
5311
|
(0, import_react28.useEffect)(() => {
|
|
5310
5312
|
const handleClickOutside = (event) => {
|
|
5311
5313
|
var _a, _b;
|
|
@@ -5337,6 +5339,7 @@ var Popover = ({
|
|
|
5337
5339
|
top: menuPosition.top,
|
|
5338
5340
|
bottom: "auto",
|
|
5339
5341
|
left: menuPosition.left,
|
|
5342
|
+
width: menuPosition.width,
|
|
5340
5343
|
transform: align === "left" ? "none" : "translateX(-100%)"
|
|
5341
5344
|
};
|
|
5342
5345
|
return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(PopoverWrapper, { ref, $fullWidth: fullWidth, children: [
|
package/dist/index.mjs
CHANGED
|
@@ -572,7 +572,8 @@ var shouldForwardProp3 = (prop) => ![
|
|
|
572
572
|
"height",
|
|
573
573
|
"backgroundColor",
|
|
574
574
|
"isRound",
|
|
575
|
-
"shadow"
|
|
575
|
+
"shadow",
|
|
576
|
+
"cursor"
|
|
576
577
|
].includes(prop);
|
|
577
578
|
var StyledIcon = styled6.i.withConfig({ shouldForwardProp: shouldForwardProp3 })`
|
|
578
579
|
font-size: ${(props) => textSizes2[props.size] || props.size || "1em"};
|
|
@@ -587,7 +588,7 @@ var StyledIcon = styled6.i.withConfig({ shouldForwardProp: shouldForwardProp3 })
|
|
|
587
588
|
aspect-ratio: ${(props) => props.isRound ? "1" : "auto"};
|
|
588
589
|
text-align: center;
|
|
589
590
|
align-self: center;
|
|
590
|
-
cursor: ${(props) => props.onClick ? "pointer" : "inherit"};
|
|
591
|
+
cursor: ${(props) => props.cursor || (props.onClick ? "pointer" : "inherit")};
|
|
591
592
|
background-color: ${(props) => colors[props.backgroundColor] || props.backgroundColor || "transparent"};
|
|
592
593
|
border-radius: ${(props) => props.isRound ? "50%" : "0"};
|
|
593
594
|
text-shadow: ${(props) => props.shadow ? `0 0 6px ${colors[props.shadow] || props.shadow}` : "none"};
|
|
@@ -5181,10 +5182,11 @@ var Popover = ({
|
|
|
5181
5182
|
viewportPadding,
|
|
5182
5183
|
Math.min(top, window.innerHeight - menuHeight - viewportPadding)
|
|
5183
5184
|
),
|
|
5184
|
-
left: align === "left" ? rect.left : rect.right
|
|
5185
|
+
left: align === "left" ? rect.left : rect.right,
|
|
5186
|
+
width: fullWidth ? rect.width : void 0
|
|
5185
5187
|
});
|
|
5186
5188
|
}
|
|
5187
|
-
}, [items.length, anchorRef, offsetY, align]);
|
|
5189
|
+
}, [items.length, anchorRef, offsetY, align, fullWidth]);
|
|
5188
5190
|
useEffect14(() => {
|
|
5189
5191
|
const handleClickOutside = (event) => {
|
|
5190
5192
|
var _a, _b;
|
|
@@ -5216,6 +5218,7 @@ var Popover = ({
|
|
|
5216
5218
|
top: menuPosition.top,
|
|
5217
5219
|
bottom: "auto",
|
|
5218
5220
|
left: menuPosition.left,
|
|
5221
|
+
width: menuPosition.width,
|
|
5219
5222
|
transform: align === "left" ? "none" : "translateX(-100%)"
|
|
5220
5223
|
};
|
|
5221
5224
|
return /* @__PURE__ */ jsxs26(PopoverWrapper, { ref, $fullWidth: fullWidth, children: [
|