@nypl/design-system-react-components 3.1.7-rc-breadcrumbs → 3.1.7-rc-breadcrumbs-2

package/dist/design-system-react-components.js

@@ -2162,15 +2162,16 @@ const O_ = A1(
       }
     );
   })
-), sp = 40, N_ = (r, a, o = !1, s = !1) => {
-  const i = r.text.length, p = i >= sp, C = i <= sp ? r.text : g_(r.text, sp), v = /* @__PURE__ */ x.jsxs(
+), sp = 40, N_ = (r, a, o, s = !1, i = !1) => {
+  const p = r.text.length, C = p >= sp, v = p <= sp ? r.text : g_(r.text, sp), y = /* @__PURE__ */ x.jsxs(
     GS,
     {
-      as: r.link,
+      as: o,
       href: r.url,
-      "aria-current": s ? "page" : void 0,
+      "aria-current": i ? "page" : void 0,
+      ...r.linkProps,
       children: [
-        o && /* @__PURE__ */ x.jsx(
+        s && /* @__PURE__ */ x.jsx(
           B3,
           {
             name: "arrow",
@@ -2181,52 +2182,58 @@ const O_ = A1(
             type: "breadcrumbs"
           }
         ),
-        /* @__PURE__ */ x.jsx("span", { className: "breadcrumb-label", children: C })
+        /* @__PURE__ */ x.jsx("span", { className: "breadcrumb-label", children: v })
       ]
     }
   );
-  return p ? /* @__PURE__ */ x.jsx(
+  return C ? /* @__PURE__ */ x.jsx(
     pb,
     {
       content: r.text,
       id: `breadcrumb-${a}-tooltip`,
-      children: v
+      children: y
     }
-  ) : /* @__PURE__ */ x.jsx(x.Fragment, { children: v });
-}, P_ = (r, a) => r != null && r.length ? r.map((s, i) => {
-  const p = i === r.length - 2, C = i === r.length - 1;
+  ) : /* @__PURE__ */ x.jsx(x.Fragment, { children: y });
+}, P_ = (r, a, o) => r != null && r.length ? r.map((i, p) => {
+  const C = p === r.length - 2, v = p === r.length - 1;
   return /* @__PURE__ */ x.jsx(qS, { children: N_(
-    s,
+    i,
     a,
-    p,
-    C
-  ) }, i);
+    o,
+    C,
+    v
+  ) }, p);
 }) : null, aI = A1(
   f2((r, a) => {
     const {
       breadcrumbsData: o,
       breadcrumbsType: s = "whatsOn",
       className: i,
-      id: p,
-      ...C
+      customLink: p,
+      id: C,
+      ...v
     } = r;
     if (!o || o.length === 0)
       throw new Error(
         "NYPL Reservoir Breadcrumbs: No data was passed to the `breadcrumbsData` prop."
       );
-    const v = R3("CustomBreadcrumb", {
+    const y = R3("CustomBreadcrumb", {
       variant: s
-    }), y = P_(o, p);
+    }), L = P_(
+      o,
+      C,
+      p
+    );
     return /* @__PURE__ */ x.jsx(
       QS,
       {
         "aria-label": "Breadcrumb",
         className: i,
-        id: p,
+        id: C,
         ref: a,
-        __css: v,
-        ...C,
-        children: y
+        __css: y,
+        ...v,
+        children: L
       }
     );
   })
@@ -32840,6 +32847,7 @@ const { defineMultiStyleConfig: QP, definePartsStyle: qP } = Y2(["container", "b
       paddingEnd: "s"
     },
     a: {
+      _visited: { color: "unset" },
       _hover: {
         color: "ui.gray.light-cool",
         textDecoration: "none"

package/dist/src/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,11 +1,11 @@
 import { ChakraComponent } from "@chakra-ui/react";
 import React from "react";
 export declare const breadcrumbTypeArray: readonly ["blogs", "booksAndMore", "brand", "connect", "digitalCollections", "education", "locations", "research", "whatsOn"];
-export type BreadcrumbsTypes = (typeof breadcrumbTypeArray)[number];
+export type BreadcrumbsTypes = typeof breadcrumbTypeArray[number];
 export interface BreadcrumbsDataProps {
     url: string;
     text: string | React.ReactNode;
-    link?: any;
+    linkProps?: any;
 }
 export interface BreadcrumbProps {
     /** Breadcrumb links as an array */
@@ -16,6 +16,8 @@ export interface BreadcrumbProps {
     className?: string;
     /** ID that other components can cross reference for accessibility purposes */
     id?: string;
+    /** Custom Link component for apps with internal routing, defaults to BreadcrumbLink if not passed */
+    customLink?: any;
 }
 /**
  * The `Breadcrumbs` component is a navigation element that provides a

package/dist/src/theme/components/breadcrumb.d.ts

@@ -25,6 +25,9 @@ declare const Breadcrumb: {
             paddingEnd: string;
         };
         a: {
+            _visited: {
+                color: string;
+            };
             _hover: {
                 color: string;
                 textDecoration: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nypl/design-system-react-components",
-  "version": "3.1.7-rc-breadcrumbs",
+  "version": "3.1.7-rc-breadcrumbs-2",
   "description": "NYPL Reservoir Design System React Components",
   "repository": {
     "type": "git",