design-zystem 1.0.245 → 1.0.247
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 +6 -2
- package/dist/index.mjs +6 -2
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -583,6 +583,10 @@ var StyledIcon = import_styled_components6.default.i.withConfig({ shouldForwardP
|
|
|
583
583
|
padding: ${(props) => props.padding || 0};
|
|
584
584
|
width: ${(props) => props.width || "auto"};
|
|
585
585
|
height: ${(props) => props.height || "auto"};
|
|
586
|
+
display: ${(props) => props.isRound ? "inline-flex" : "inline"};
|
|
587
|
+
align-items: center;
|
|
588
|
+
justify-content: center;
|
|
589
|
+
aspect-ratio: ${(props) => props.isRound ? "1" : "auto"};
|
|
586
590
|
text-align: center;
|
|
587
591
|
align-self: center;
|
|
588
592
|
cursor: ${(props) => props.onClick ? "pointer" : "inherit"};
|
|
@@ -1917,7 +1921,7 @@ var SelectInput = import_styled_components17.default.div`
|
|
|
1917
1921
|
border-radius: 5px;
|
|
1918
1922
|
cursor: ${(props) => props.disabled ? "not-allowed" : "pointer"};
|
|
1919
1923
|
background-color: ${(props) => props.disabled ? colors.grey_200 : colors.white};
|
|
1920
|
-
height: ${(props) => props.height || "
|
|
1924
|
+
height: ${(props) => props.height || "36px"};
|
|
1921
1925
|
display: flex;
|
|
1922
1926
|
padding: 0 10px;
|
|
1923
1927
|
align-items: center;
|
|
@@ -2097,7 +2101,7 @@ var Select = ({
|
|
|
2097
2101
|
document.removeEventListener("mousedown", handleClickOutside);
|
|
2098
2102
|
};
|
|
2099
2103
|
}, [isOpen]);
|
|
2100
|
-
return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(StyledContainer, { width, noFlex, children: [
|
|
2104
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(StyledContainer, { width, noFlex, label, children: [
|
|
2101
2105
|
/* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Text, { size: "xs", children: [
|
|
2102
2106
|
label,
|
|
2103
2107
|
" ",
|
package/dist/index.mjs
CHANGED
|
@@ -489,6 +489,10 @@ var StyledIcon = styled6.i.withConfig({ shouldForwardProp: shouldForwardProp3 })
|
|
|
489
489
|
padding: ${(props) => props.padding || 0};
|
|
490
490
|
width: ${(props) => props.width || "auto"};
|
|
491
491
|
height: ${(props) => props.height || "auto"};
|
|
492
|
+
display: ${(props) => props.isRound ? "inline-flex" : "inline"};
|
|
493
|
+
align-items: center;
|
|
494
|
+
justify-content: center;
|
|
495
|
+
aspect-ratio: ${(props) => props.isRound ? "1" : "auto"};
|
|
492
496
|
text-align: center;
|
|
493
497
|
align-self: center;
|
|
494
498
|
cursor: ${(props) => props.onClick ? "pointer" : "inherit"};
|
|
@@ -1823,7 +1827,7 @@ var SelectInput = styled17.div`
|
|
|
1823
1827
|
border-radius: 5px;
|
|
1824
1828
|
cursor: ${(props) => props.disabled ? "not-allowed" : "pointer"};
|
|
1825
1829
|
background-color: ${(props) => props.disabled ? colors.grey_200 : colors.white};
|
|
1826
|
-
height: ${(props) => props.height || "
|
|
1830
|
+
height: ${(props) => props.height || "36px"};
|
|
1827
1831
|
display: flex;
|
|
1828
1832
|
padding: 0 10px;
|
|
1829
1833
|
align-items: center;
|
|
@@ -2003,7 +2007,7 @@ var Select = ({
|
|
|
2003
2007
|
document.removeEventListener("mousedown", handleClickOutside);
|
|
2004
2008
|
};
|
|
2005
2009
|
}, [isOpen]);
|
|
2006
|
-
return /* @__PURE__ */ jsxs8(StyledContainer, { width, noFlex, children: [
|
|
2010
|
+
return /* @__PURE__ */ jsxs8(StyledContainer, { width, noFlex, label, children: [
|
|
2007
2011
|
/* @__PURE__ */ jsxs8(Text, { size: "xs", children: [
|
|
2008
2012
|
label,
|
|
2009
2013
|
" ",
|