design-zystem 1.0.303 → 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 +3 -2
- package/dist/index.mjs +3 -2
- 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"};
|
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"};
|