@nypl/design-system-react-components 2.1.0-rc → 2.1.0-rc-2

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

@@ -32842,15 +32842,11 @@ function fC(n, r) {
 const vP = {
   parts: ["pitch", "privacy", "action"],
   baseStyle: ({ newsletterSignupType: n }) => ({
-    alignItems: "center",
     borderWidth: { base: "0px 1px 1px 1px", md: "1px 1px 1px 0px" },
-    maxWidth: "1280px",
     width: "100%",
     pitch: {
-      // It's a two-column layout >md
-      width: { base: "100%", md: "50%" },
+      alignItems: "flex-start",
       bg: "ui.bg.default",
-      borderWidth: { base: ".75rem 0px 0px 0px", md: "0px 0px 0px .75rem" },
       borderLeftColor: {
         md: fC(
           n,
@@ -32864,6 +32860,11 @@ const vP = {
         ),
         md: "ui.border.default"
       },
+      borderWidth: { base: ".75rem 0px 0px 0px", md: "0px 0px 0px .75rem" },
+      gap: "xs",
+      justifyContent: "center",
+      width: { base: "100%", md: "50%" },
+      // It's a two-column layout >md
       _dark: {
         bg: "dark.ui.bg.default",
         borderTopColor: { md: "dark.ui.border.default" },
@@ -32878,18 +32879,17 @@ const vP = {
         base: "var(--nypl-space-s) var(--nypl-space-l) var(--nypl-space-l) var(--nypl-space-l)",
         md: "l",
         lg: "var(--nypl-space-l) var(--nypl-space-xxl) var(--nypl-space-l) var(--nypl-space-xl)"
-      },
-      alignItems: "flex-start",
-      gap: "xs"
+      }
     },
     privacy: {
       fontSize: "desktop.caption",
       fontWeight: "caption"
     },
     action: {
+      justifyContent: "center",
       padding: { base: "l", lg: "var(--nypl-space-l) var(--nypl-space-xxl)" },
-      // It's a two-column layout >md
       width: { base: "100%", md: "50%" }
+      // It's a two-column layout >md
     },
     form: {
       width: "100%"
@@ -34826,47 +34826,47 @@ function MA(n) {
 }
 const hF = q1(
   u2(
-    (n) => {
+    (n, r) => {
       const {
-        textContent: r,
-        isFullWidth: l,
-        imageProps: o = {
+        textContent: l,
+        isFullWidth: o,
+        imageProps: a = {
           alt: "",
           position: "end",
           width: "oneHalf",
           src: ""
         },
-        ...a
-      } = n, C = F2("FeaturedContent", {
-        imagePosition: o.position,
-        imageWidth: o.width,
-        isFullWidth: l
+        ...C
+      } = n, c = F2("FeaturedContent", {
+        imagePosition: a.position,
+        imageWidth: a.width,
+        isFullWidth: o
       });
-      return o.src || console.warn(
+      return a.src || console.warn(
         "NYPL Reservoir FeaturedContent: A value for 'imageProps.src' is required."
-      ), o.alt || console.warn(
+      ), a.alt || console.warn(
         "NYPL Reservoir FeaturedContent: A value for 'imageProps.alt' is required."
-      ), r || console.warn(
+      ), l || console.warn(
         "NYPL Reservoir FeaturedContent: The 'textContent' prop is required."
-      ), /* @__PURE__ */ _(b1, { "data-testid": "featuredcontent", __css: C, ...a, children: /* @__PURE__ */ c1(b1, { __css: C.wrapper, children: [
+      ), /* @__PURE__ */ _(b1, { "data-testid": "featuredcontent", __css: c, ref: r, ...C, children: /* @__PURE__ */ c1(b1, { __css: c.wrapper, children: [
         /* @__PURE__ */ _(
           b1,
           {
             "data-testid": "featuredcontent-bg-image",
             __css: {
-              ...C.imgWrapper,
-              backgroundImage: `url(${o.src})`
+              ...c.imgWrapper,
+              backgroundImage: `url(${a.src})`
             },
             children: /* @__PURE__ */ _(
               MA,
               {
-                alt: o.alt,
-                src: o.src ? o.src : void 0
+                alt: a.alt,
+                src: a.src ? a.src : void 0
               }
             )
           }
         ),
-        /* @__PURE__ */ _(b1, { __css: C.text, children: r })
+        /* @__PURE__ */ _(b1, { __css: c.text, children: l })
       ] }) });
     }
   )

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

@@ -5,23 +5,14 @@ interface NewsLetterStyleProps {
 declare const NewsletterSignup: {
     parts: string[];
     baseStyle: ({ newsletterSignupType }: NewsLetterStyleProps) => {
-        alignItems: string;
         borderWidth: {
             base: string;
             md: string;
         };
-        maxWidth: string;
         width: string;
         pitch: {
-            width: {
-                base: string;
-                md: string;
-            };
+            alignItems: string;
             bg: string;
-            borderWidth: {
-                base: string;
-                md: string;
-            };
             borderLeftColor: {
                 md: string | {
                     primary: string;
@@ -35,6 +26,16 @@ declare const NewsletterSignup: {
                 };
                 md: string;
             };
+            borderWidth: {
+                base: string;
+                md: string;
+            };
+            gap: string;
+            justifyContent: string;
+            width: {
+                base: string;
+                md: string;
+            };
             _dark: {
                 bg: string;
                 borderTopColor: {
@@ -52,14 +53,13 @@ declare const NewsletterSignup: {
                 md: string;
                 lg: string;
             };
-            alignItems: string;
-            gap: string;
         };
         privacy: {
             fontSize: string;
             fontWeight: string;
         };
         action: {
+            justifyContent: string;
             padding: {
                 base: string;
                 lg: string;

package/package.json

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