@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.
- package/dist/{chunk-PFWU7QSM.cjs → chunk-L5FO6K6L.cjs} +23 -2
- package/dist/chunk-L5FO6K6L.cjs.map +1 -0
- package/dist/{chunk-3M22GRHH.js → chunk-NU6GI57K.js} +65 -4
- package/dist/chunk-NU6GI57K.js.map +1 -0
- package/dist/{chunk-SNUJBT5R.js → chunk-WFKEAD5P.js} +23 -2
- package/dist/chunk-WFKEAD5P.js.map +1 -0
- package/dist/{chunk-DDXDLT4K.cjs → chunk-WSJLKVXZ.cjs} +65 -4
- package/dist/chunk-WSJLKVXZ.cjs.map +1 -0
- package/dist/components/Breadcrumb.d.ts +31 -2
- package/dist/components/Breadcrumb.d.ts.map +1 -1
- package/dist/components/index.cjs +69 -69
- package/dist/components/index.js +1 -1
- package/dist/figma-codex.json +9 -8
- package/dist/index.cjs +73 -73
- package/dist/index.js +2 -2
- package/dist/preset/index.cjs +2 -2
- package/dist/preset/index.js +1 -1
- package/dist/preset/recipes/breadcrumb.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Breadcrumb.tsx +104 -2
- package/src/components/__tests__/Breadcrumb.test.tsx +180 -47
- package/src/preset/recipes/breadcrumb.ts +22 -0
- package/dist/chunk-3M22GRHH.js.map +0 -1
- package/dist/chunk-DDXDLT4K.cjs.map +0 -1
- package/dist/chunk-PFWU7QSM.cjs.map +0 -1
- package/dist/chunk-SNUJBT5R.js.map +0 -1
|
@@ -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
|
|
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-
|
|
2695
|
-
//# sourceMappingURL=chunk-
|
|
2755
|
+
//# sourceMappingURL=chunk-WSJLKVXZ.cjs.map
|
|
2756
|
+
//# sourceMappingURL=chunk-WSJLKVXZ.cjs.map
|