@nypl/design-system-react-components 3.6.0 → 3.6.1-rc2

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

@@ -2022,7 +2022,6 @@ const Yb = /* @__PURE__ */ el(_T), G6 = (n = !1) => ({
     // 16px
   }
 }, te = {
-  thin: 200,
   light: 300,
   regular: 400,
   regularImportant: "400 !important",
@@ -2192,15 +2191,15 @@ const Yb = /* @__PURE__ */ el(_T), G6 = (n = !1) => ({
     caption: te.regular,
     default: te.regularImportant,
     heading: {
-      display1: te.thin,
-      heading1: te.thin,
-      heading2: te.thin,
-      heading3: te.light,
-      heading4: te.regular,
-      heading5: te.medium,
-      heading6: te.medium,
-      heading7: te.medium,
-      heading8: te.medium,
+      display1: te.light,
+      heading1: te.light,
+      heading2: te.light,
+      heading3: te.regular,
+      heading4: te.medium,
+      heading5: te.semibold,
+      heading6: te.semibold,
+      heading7: te.bold,
+      heading8: te.bold,
       // deprecated tokens
       primary: te.light,
       secondary: te.medium,
@@ -5300,7 +5299,7 @@ const { defineMultiStyleConfig: N_, definePartsStyle: B_ } = B2(["container", "b
         md: "desktop.heading.display1"
       },
       fontWeight: "heading.display1",
-      letterSpacing: "0.0625rem",
+      letterSpacing: "0",
       lineHeight: { base: "1.15", md: "1.10" },
       width: "auto",
       a: { textUnderlineOffset: "7px" }
@@ -5313,7 +5312,7 @@ const { defineMultiStyleConfig: N_, definePartsStyle: B_ } = B2(["container", "b
         md: "desktop.heading.heading1"
       },
       fontWeight: "heading.heading1",
-      letterSpacing: "0.0625rem",
+      letterSpacing: "0",
       lineHeight: { base: "1.20", md: "1.15" },
       width: "auto",
       a: { textUnderlineOffset: "6px" }
@@ -5326,7 +5325,7 @@ const { defineMultiStyleConfig: N_, definePartsStyle: B_ } = B2(["container", "b
         md: "desktop.heading.heading2"
       },
       fontWeight: "heading.heading2",
-      letterSpacing: "0.0625rem",
+      letterSpacing: "0",
       lineHeight: { base: "1.25", md: "1.20" },
       width: "auto",
       a: { textUnderlineOffset: "5px" }
@@ -7415,7 +7414,7 @@ const { defineMultiStyleConfig: mZ, definePartsStyle: vZ } = B2([
     display: "flex",
     justifyContent: "center",
     content: {
-      color: o === "warning" ? "brand.primary" : "currentColor",
+      color: o === "warning" ? "ui.error.primary" : "currentColor",
       paddingStart: !n && l ? a ? "l" : "xs" : "0",
       pt: n ? "0" : "xxs",
       w: "100%",
@@ -7447,7 +7446,7 @@ const { defineMultiStyleConfig: mZ, definePartsStyle: vZ } = B2([
 }), { defineMultiStyleConfig: PZ, definePartsStyle: jZ } = B2(["heading"]), FZ = jZ(
   ({ icon: n, isCentered: a, notificationType: o }) => {
     let l = "ui.typography.heading";
-    return o === "announcement" ? l = "section.research.secondary" : o === "warning" && (l = "brand.primary"), {
+    return o === "announcement" ? l = "ui.success.primary" : o === "warning" && (l = "ui.error.primary"), {
       display: "flex",
       flexDirection: a ? "column" : "row",
       m: a ? "auto" : "null",
@@ -8259,6 +8258,7 @@ const { defineMultiStyleConfig: mZ, definePartsStyle: vZ } = B2([
     ".textInput": {
       flexGrow: 1,
       "div > input": {
+        borderRight: 0,
         borderRightRadius: 0
       }
     },
@@ -8325,9 +8325,10 @@ const { defineMultiStyleConfig: mZ, definePartsStyle: vZ } = B2([
         ...a ? { ...SO } : {}
       },
       button: {
-        height: "32px",
-        margin: "auto",
+        borderRadius: "20px",
+        height: "40px",
         maxWidth: "160px",
+        overflow: "hidden",
         width: "100%"
       },
       container: {
@@ -9667,7 +9668,7 @@ const {
     [PL.variable]: "colors.ui.gray.xx-dark",
     borderRadius: "4px",
     boxShadow: "none",
-    color: "ui.typography.inverse.body",
+    color: "ui.typography.inverse.heading",
     fontSize: "desktop.caption",
     marginBottom: "xxs",
     maxWidth: "240px",
@@ -39229,7 +39230,7 @@ const W$ = T1(
         });
       const v1 = {
         announcement: {
-          color: N === "dark" ? "dark.ui.success.primary" : "section.research.secondary",
+          color: N === "dark" ? "dark.ui.success.primary" : "ui.success.primary",
           name: "speakerNotes",
           title: "Notification announcement icon"
         },
@@ -39239,7 +39240,7 @@ const W$ = T1(
           title: "Notification standard icon"
         },
         warning: {
-          color: N === "dark" ? "dark.ui.error.primary" : "brand.primary",
+          color: N === "dark" ? "dark.ui.error.primary" : "ui.error.primary",
           name: "errorFilled",
           title: "Notification warning icon"
         }
@@ -42957,7 +42958,7 @@ const c$ = s2((n, a) => {
             /* @__PURE__ */ x.jsxs(c1, { className: y, __css: O.container, children: [
               M && /* @__PURE__ */ x.jsx(c1, { __css: O.section, children: N("heading", i, "80%") }),
               V && /* @__PURE__ */ x.jsx(c1, { __css: O.section, children: N("content", l, "30%") }),
-              L && /* @__PURE__ */ x.jsx(c1, { __css: { ...O.section, ...O.button }, children: /* @__PURE__ */ x.jsx(xp, { borderRadius: "16px", sx: O.loader, children: /* @__PURE__ */ x.jsx(c1, { __css: O.button }) }) })
+              L && /* @__PURE__ */ x.jsx(c1, { __css: { ...O.section, ...O.button }, children: /* @__PURE__ */ x.jsx(xp, { sx: O.loader, borderRadius: "20px", children: /* @__PURE__ */ x.jsx(c1, { __css: O.button }) }) })
             ] })
           ]
         }

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

@@ -3,6 +3,7 @@ declare const SearchBar: {
         ".textInput": {
             flexGrow: number;
             "div > input": {
+                borderRight: number;
                 borderRightRadius: number;
             };
         };

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

@@ -16,9 +16,10 @@ declare const SkeletonLoader: {
             width: string;
         };
         button: {
+            borderRadius: string;
             height: string;
-            margin: string;
             maxWidth: string;
+            overflow: string;
             width: string;
         };
         container: {

package/package.json

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