design-zystem 1.0.219 → 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 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)
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)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "design-zystem",
3
- "version": "1.0.219",
3
+ "version": "1.0.220",
4
4
  "description": "A React design system of importable components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",