design-zystem 1.0.303 → 1.0.305

package/dist/index.d.mts

@@ -335,6 +335,7 @@ interface IconProps {
     isRound?: boolean;
     shadow?: string;
     onClick?: () => void;
+    cursor?: string;
     className?: string;
     style?: CSSProperties;
     title?: string;

package/dist/index.d.ts

@@ -335,6 +335,7 @@ interface IconProps {
     isRound?: boolean;
     shadow?: string;
     onClick?: () => void;
+    cursor?: string;
     className?: string;
     style?: CSSProperties;
     title?: string;

package/dist/index.js

@@ -713,7 +713,8 @@ var shouldForwardProp3 = (prop) => ![
   "height",
   "backgroundColor",
   "isRound",
-  "shadow"
+  "shadow",
+  "cursor"
 ].includes(prop);
 var StyledIcon = import_styled_components6.default.i.withConfig({ shouldForwardProp: shouldForwardProp3 })`
   font-size: ${(props) => textSizes2[props.size] || props.size || "1em"};
@@ -728,7 +729,7 @@ var StyledIcon = import_styled_components6.default.i.withConfig({ shouldForwardP
   aspect-ratio: ${(props) => props.isRound ? "1" : "auto"};
   text-align: center;
   align-self: center;
-  cursor: ${(props) => props.onClick ? "pointer" : "inherit"};
+  cursor: ${(props) => props.cursor || (props.onClick ? "pointer" : "inherit")};
   background-color: ${(props) => colors[props.backgroundColor] || props.backgroundColor || "transparent"};
   border-radius: ${(props) => props.isRound ? "50%" : "0"};
   text-shadow: ${(props) => props.shadow ? `0 0 6px ${colors[props.shadow] || props.shadow}` : "none"};
@@ -5332,13 +5333,13 @@ var Popover = ({
     top: "auto",
     bottom: menuPosition.bottom,
     left: menuPosition.left,
-    width: menuPosition.width,
+    minWidth: menuPosition.width,
     transform: "none"
   } : {
     top: menuPosition.top,
     bottom: "auto",
     left: menuPosition.left,
-    width: menuPosition.width,
+    minWidth: menuPosition.width,
     transform: align === "left" ? "none" : "translateX(-100%)"
   };
   return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(PopoverWrapper, { ref, $fullWidth: fullWidth, children: [

package/dist/index.mjs

@@ -572,7 +572,8 @@ var shouldForwardProp3 = (prop) => ![
   "height",
   "backgroundColor",
   "isRound",
-  "shadow"
+  "shadow",
+  "cursor"
 ].includes(prop);
 var StyledIcon = styled6.i.withConfig({ shouldForwardProp: shouldForwardProp3 })`
   font-size: ${(props) => textSizes2[props.size] || props.size || "1em"};
@@ -587,7 +588,7 @@ var StyledIcon = styled6.i.withConfig({ shouldForwardProp: shouldForwardProp3 })
   aspect-ratio: ${(props) => props.isRound ? "1" : "auto"};
   text-align: center;
   align-self: center;
-  cursor: ${(props) => props.onClick ? "pointer" : "inherit"};
+  cursor: ${(props) => props.cursor || (props.onClick ? "pointer" : "inherit")};
   background-color: ${(props) => colors[props.backgroundColor] || props.backgroundColor || "transparent"};
   border-radius: ${(props) => props.isRound ? "50%" : "0"};
   text-shadow: ${(props) => props.shadow ? `0 0 6px ${colors[props.shadow] || props.shadow}` : "none"};
@@ -5211,13 +5212,13 @@ var Popover = ({
     top: "auto",
     bottom: menuPosition.bottom,
     left: menuPosition.left,
-    width: menuPosition.width,
+    minWidth: menuPosition.width,
     transform: "none"
   } : {
     top: menuPosition.top,
     bottom: "auto",
     left: menuPosition.left,
-    width: menuPosition.width,
+    minWidth: menuPosition.width,
     transform: align === "left" ? "none" : "translateX(-100%)"
   };
   return /* @__PURE__ */ jsxs26(PopoverWrapper, { ref, $fullWidth: fullWidth, children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "design-zystem",
-  "version": "1.0.303",
+  "version": "1.0.305",
   "description": "A React design system of importable components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",