@discourser/design-system 0.19.0 → 0.20.1

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.
@@ -1667,8 +1667,12 @@ chunkEARF7VDF_cjs.__export(Breadcrumb_exports, {
1667
1667
  Item: () => Item4,
1668
1668
  Link: () => Link,
1669
1669
  List: () => List3,
1670
+ ParentItem: () => ParentItem,
1671
+ ParentRow: () => ParentRow,
1672
+ ParentSeparator: () => ParentSeparator,
1670
1673
  Root: () => Root17,
1671
- Separator: () => Separator
1674
+ Separator: () => Separator,
1675
+ TwoRowRoot: () => TwoRowRoot
1672
1676
  });
1673
1677
  var ChevronRightIcon = () => /* @__PURE__ */ jsxRuntime.jsx(
1674
1678
  "svg",
@@ -1690,7 +1694,14 @@ var Root17 = withProvider12(factory.ark.nav, "root", {
1690
1694
  });
1691
1695
  var List3 = withContext16(factory.ark.ol, "list");
1692
1696
  var Item4 = withContext16(factory.ark.li, "item");
1693
- var Link = withContext16(factory.ark.a, "link");
1697
+ var LinkBase = withContext16(factory.ark.a, "link");
1698
+ var LinkDisabled = withContext16(factory.ark.span, "link");
1699
+ var Link = ({ disabled, href, ...props }) => {
1700
+ if (disabled) {
1701
+ return /* @__PURE__ */ jsxRuntime.jsx(LinkDisabled, { "data-disabled": true, ...props });
1702
+ }
1703
+ return /* @__PURE__ */ jsxRuntime.jsx(LinkBase, { href, ...props });
1704
+ };
1694
1705
  var Ellipsis = withContext16(factory.ark.li, "ellipsis", {
1695
1706
  defaultProps: {
1696
1707
  role: "presentation",
@@ -1709,6 +1720,56 @@ var CurrentLink = withContext16(factory.ark.span, "link", {
1709
1720
  "aria-current": "page"
1710
1721
  }
1711
1722
  });
1723
+ var TwoRowRoot = ({
1724
+ children,
1725
+ "aria-label": ariaLabel = "breadcrumb",
1726
+ className
1727
+ }) => /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": ariaLabel, className, children });
1728
+ var ParentRow = ({ children, show = true }) => {
1729
+ if (!show) return null;
1730
+ return /* @__PURE__ */ jsxRuntime.jsx(
1731
+ "div",
1732
+ {
1733
+ "aria-hidden": "true",
1734
+ className: css.css({
1735
+ display: "flex",
1736
+ alignItems: "center",
1737
+ flexWrap: "wrap",
1738
+ gap: "1",
1739
+ mb: "1"
1740
+ }),
1741
+ children
1742
+ }
1743
+ );
1744
+ };
1745
+ var ParentItem = ({
1746
+ children,
1747
+ href
1748
+ }) => {
1749
+ const styles = css.css({
1750
+ color: "fg.subtle",
1751
+ textStyle: "sm",
1752
+ fontWeight: "normal",
1753
+ textDecoration: "none",
1754
+ _hover: href ? { color: "fg.default", textDecoration: "underline" } : void 0
1755
+ });
1756
+ if (href) {
1757
+ return /* @__PURE__ */ jsxRuntime.jsx("a", { href, className: styles, children });
1758
+ }
1759
+ return /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles, children });
1760
+ };
1761
+ var ParentSeparator = () => /* @__PURE__ */ jsxRuntime.jsx(
1762
+ "span",
1763
+ {
1764
+ "aria-hidden": "true",
1765
+ className: css.css({
1766
+ color: "fg.subtle",
1767
+ textStyle: "sm",
1768
+ mx: "0.5"
1769
+ }),
1770
+ children: "/"
1771
+ }
1772
+ );
1712
1773
 
1713
1774
  // src/components/ContentCard/index.ts
1714
1775
  var ContentCard_exports = {};
@@ -2691,5 +2752,5 @@ exports.UserProfileIcon = UserProfileIcon;
2691
2752
  exports.difficultyColorMap = difficultyColorMap;
2692
2753
  exports.difficultyLabel = difficultyLabel;
2693
2754
  exports.toaster = toaster;
2694
- //# sourceMappingURL=chunk-DDXDLT4K.cjs.map
2695
- //# sourceMappingURL=chunk-DDXDLT4K.cjs.map
2755
+ //# sourceMappingURL=chunk-WSJLKVXZ.cjs.map
2756
+ //# sourceMappingURL=chunk-WSJLKVXZ.cjs.map