@nypl/design-system-react-components 4.0.2 → 4.0.3

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

@@ -41243,30 +41243,32 @@ const qI = ({
     }
   ) });
 }, GI = ({
-  id: r,
-  children: a,
-  isOutlined: o,
-  isSelected: s,
-  href: i,
-  screenreaderOnlyText: p = ""
+  as: r = "a",
+  id: a,
+  children: o,
+  isOutlined: s,
+  isSelected: i,
+  href: p,
+  screenreaderOnlyText: C = ""
 }) => {
-  const C = O2("SubNavChildren", {
-    isOutlined: o
+  const v = O2("SubNavChildren", {
+    isOutlined: s
   });
   return /* @__PURE__ */ x.jsx("li", { children: /* @__PURE__ */ x.jsx(
     L9,
     {
-      "aria-current": s ? "page" : null,
-      className: s ? "ds-subNav-selectedItem" : "",
-      href: i,
-      id: r,
+      "aria-current": i ? "page" : null,
+      className: i ? "ds-subNav-selectedItem" : "",
+      href: p,
+      id: a,
       isUnderlined: !1,
-      screenreaderOnlyText: p,
+      screenreaderOnlyText: C,
       type: "action",
-      sx: C.outLine,
-      children: a
+      sx: v.outLine,
+      as: r,
+      children: o
     },
-    r
+    a
   ) });
 }, XI = P1(
   u2(

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

@@ -33,7 +33,7 @@ interface SubNavItemProps {
     isSelected?: boolean;
     screenreaderOnlyText?: string;
 }
-interface SubNavLinkProps extends SubNavItemProps {
+interface SubNavLinkProps extends SubNavItemProps, Pick<BoxProps, "as"> {
     href: string;
 }
 interface SubNavButtonProps extends SubNavItemProps {

package/package.json

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