design-zystem 1.0.218 → 1.0.220
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 +16 -16
- package/dist/index.mjs +16 -16
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -588,17 +588,17 @@ var Icon_default = Icon;
|
|
|
588
588
|
var import_styled_components7 = __toESM(require("styled-components"));
|
|
589
589
|
var import_jsx_runtime8 = require("react/jsx-runtime");
|
|
590
590
|
var StyledDivider = import_styled_components7.default.div`
|
|
591
|
-
background-color: ${({ color }) => color || "#DCDCDC"};
|
|
592
|
-
${({ orientation, thickness }) => orientation === "vertical" ? `
|
|
593
|
-
width: ${thickness || "1px"};
|
|
591
|
+
background-color: ${({ $color }) => $color || "#DCDCDC"};
|
|
592
|
+
${({ $orientation, $thickness }) => $orientation === "vertical" ? `
|
|
593
|
+
width: ${$thickness || "1px"};
|
|
594
594
|
height: 100%;
|
|
595
595
|
align-self: stretch;
|
|
596
596
|
` : `
|
|
597
|
-
height: ${thickness || "1px"};
|
|
597
|
+
height: ${$thickness || "1px"};
|
|
598
598
|
width: 100%;
|
|
599
599
|
`}
|
|
600
|
-
margin-top: ${({ ySpacing }) => ySpacing || "0px"};
|
|
601
|
-
margin-bottom: ${({ ySpacing }) => ySpacing || "0px"};
|
|
600
|
+
margin-top: ${({ $ySpacing }) => $ySpacing || "0px"};
|
|
601
|
+
margin-bottom: ${({ $ySpacing }) => $ySpacing || "0px"};
|
|
602
602
|
border: none;
|
|
603
603
|
`;
|
|
604
604
|
var Divider = (_a) => {
|
|
@@ -618,10 +618,10 @@ var Divider = (_a) => {
|
|
|
618
618
|
return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
619
619
|
StyledDivider,
|
|
620
620
|
__spreadValues({
|
|
621
|
-
orientation,
|
|
622
|
-
color,
|
|
623
|
-
thickness,
|
|
624
|
-
ySpacing,
|
|
621
|
+
$orientation: orientation,
|
|
622
|
+
$color: color,
|
|
623
|
+
$thickness: thickness,
|
|
624
|
+
$ySpacing: ySpacing,
|
|
625
625
|
className,
|
|
626
626
|
role: "separator"
|
|
627
627
|
}, rest)
|
|
@@ -3797,9 +3797,9 @@ var Tabs = (_a) => {
|
|
|
3797
3797
|
var import_styled_components37 = __toESM(require("styled-components"));
|
|
3798
3798
|
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
3799
3799
|
var StyledImage = import_styled_components37.default.img`
|
|
3800
|
-
object-fit: ${(props) => props
|
|
3801
|
-
align-self: ${(props) => props
|
|
3802
|
-
border-radius: ${(props) => props
|
|
3800
|
+
object-fit: ${(props) => props.$objectFit || "cover"};
|
|
3801
|
+
align-self: ${(props) => props.$alignSelf || "center"};
|
|
3802
|
+
border-radius: ${(props) => props.$borderRadius || "5px"};
|
|
3803
3803
|
width: ${(props) => props.width || "100%"};
|
|
3804
3804
|
height: ${(props) => props.height || "auto"};
|
|
3805
3805
|
display: block;
|
|
@@ -3831,9 +3831,9 @@ var Image2 = (_a) => {
|
|
|
3831
3831
|
alt,
|
|
3832
3832
|
width,
|
|
3833
3833
|
height,
|
|
3834
|
-
borderRadius,
|
|
3835
|
-
objectFit,
|
|
3836
|
-
alignSelf,
|
|
3834
|
+
$borderRadius: borderRadius,
|
|
3835
|
+
$objectFit: objectFit,
|
|
3836
|
+
$alignSelf: alignSelf,
|
|
3837
3837
|
style: style2
|
|
3838
3838
|
}, rest)
|
|
3839
3839
|
);
|
package/dist/index.mjs
CHANGED
|
@@ -496,17 +496,17 @@ var Icon_default = Icon;
|
|
|
496
496
|
import styled7 from "styled-components";
|
|
497
497
|
import { jsx as jsx8 } from "react/jsx-runtime";
|
|
498
498
|
var StyledDivider = styled7.div`
|
|
499
|
-
background-color: ${({ color }) => color || "#DCDCDC"};
|
|
500
|
-
${({ orientation, thickness }) => orientation === "vertical" ? `
|
|
501
|
-
width: ${thickness || "1px"};
|
|
499
|
+
background-color: ${({ $color }) => $color || "#DCDCDC"};
|
|
500
|
+
${({ $orientation, $thickness }) => $orientation === "vertical" ? `
|
|
501
|
+
width: ${$thickness || "1px"};
|
|
502
502
|
height: 100%;
|
|
503
503
|
align-self: stretch;
|
|
504
504
|
` : `
|
|
505
|
-
height: ${thickness || "1px"};
|
|
505
|
+
height: ${$thickness || "1px"};
|
|
506
506
|
width: 100%;
|
|
507
507
|
`}
|
|
508
|
-
margin-top: ${({ ySpacing }) => ySpacing || "0px"};
|
|
509
|
-
margin-bottom: ${({ ySpacing }) => ySpacing || "0px"};
|
|
508
|
+
margin-top: ${({ $ySpacing }) => $ySpacing || "0px"};
|
|
509
|
+
margin-bottom: ${({ $ySpacing }) => $ySpacing || "0px"};
|
|
510
510
|
border: none;
|
|
511
511
|
`;
|
|
512
512
|
var Divider = (_a) => {
|
|
@@ -526,10 +526,10 @@ var Divider = (_a) => {
|
|
|
526
526
|
return /* @__PURE__ */ jsx8(
|
|
527
527
|
StyledDivider,
|
|
528
528
|
__spreadValues({
|
|
529
|
-
orientation,
|
|
530
|
-
color,
|
|
531
|
-
thickness,
|
|
532
|
-
ySpacing,
|
|
529
|
+
$orientation: orientation,
|
|
530
|
+
$color: color,
|
|
531
|
+
$thickness: thickness,
|
|
532
|
+
$ySpacing: ySpacing,
|
|
533
533
|
className,
|
|
534
534
|
role: "separator"
|
|
535
535
|
}, rest)
|
|
@@ -3720,9 +3720,9 @@ var Tabs = (_a) => {
|
|
|
3720
3720
|
import styled37 from "styled-components";
|
|
3721
3721
|
import { jsx as jsx44 } from "react/jsx-runtime";
|
|
3722
3722
|
var StyledImage = styled37.img`
|
|
3723
|
-
object-fit: ${(props) => props
|
|
3724
|
-
align-self: ${(props) => props
|
|
3725
|
-
border-radius: ${(props) => props
|
|
3723
|
+
object-fit: ${(props) => props.$objectFit || "cover"};
|
|
3724
|
+
align-self: ${(props) => props.$alignSelf || "center"};
|
|
3725
|
+
border-radius: ${(props) => props.$borderRadius || "5px"};
|
|
3726
3726
|
width: ${(props) => props.width || "100%"};
|
|
3727
3727
|
height: ${(props) => props.height || "auto"};
|
|
3728
3728
|
display: block;
|
|
@@ -3754,9 +3754,9 @@ var Image2 = (_a) => {
|
|
|
3754
3754
|
alt,
|
|
3755
3755
|
width,
|
|
3756
3756
|
height,
|
|
3757
|
-
borderRadius,
|
|
3758
|
-
objectFit,
|
|
3759
|
-
alignSelf,
|
|
3757
|
+
$borderRadius: borderRadius,
|
|
3758
|
+
$objectFit: objectFit,
|
|
3759
|
+
$alignSelf: alignSelf,
|
|
3760
3760
|
style: style2
|
|
3761
3761
|
}, rest)
|
|
3762
3762
|
);
|