@nypl/design-system-react-components 4.0.2 → 4.1.0-rc

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

@@ -1679,7 +1679,7 @@ const Lb = /* @__PURE__ */ Io(tT), v7 = (r = !1) => ({
     /** Blogs is used for the Blogs section. */
     blogs: qy.light,
     /** Books and More is used for the Catalog, Staff Picks, Recommendations,
-     * New Arrivals, and E-Book Central. */
+     * and E-Book Central. */
     "books-and-more": Gy.light,
     /** Connect is used for the Connect and Get Help section fronts. */
     connect: Xy.light,
@@ -8561,7 +8561,6 @@ const NZ = ie({
 }, aO = ie({
   baseStyle: L2(() => ({
     boxSizing: "border-box",
-    color: "ui.typography.body",
     display: "flex",
     gap: m7.gridGap,
     flexDirection: "column",
@@ -41243,30 +41242,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/dist/src/theme/components/template.d.ts

@@ -2,7 +2,6 @@ declare const _default: {
     Template: {
         baseStyle?: () => {
             boxSizing: string;
-            color: string;
             display: string;
             gap: {
                 base: string;

package/package.json

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