@nypl/design-system-react-components 3.4.4-template-overflow-fix-rc → 3.4.4

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

@@ -34852,15 +34852,15 @@ const { defineMultiStyleConfig: TP, definePartsStyle: _P } = U2(["container", "b
 }, wF = {
   baseStyle: {
     ul: {
-      alignItems: "center",
-      marginBottom: "0",
-      marginLeft: "auto",
-      whiteSpace: "nowrap"
-    },
-    li: {
-      marginEnd: { mh: "s", xl: "m" },
-      _last: {
-        marginRight: "0"
+      alignItems: "center !important",
+      marginBottom: "0 !important",
+      marginLeft: "auto !important",
+      whiteSpace: "nowrap !important",
+      li: {
+        marginEnd: { mh: "s !important", xl: "m !important" },
+        _last: {
+          marginRight: "0 !important"
+        }
       }
     },
     "li > a": {
@@ -35232,17 +35232,17 @@ const { defineMultiStyleConfig: TP, definePartsStyle: _P } = U2(["container", "b
   baseStyle: {
     height: "37px",
     ul: {
-      alignItems: "center",
-      display: "flex",
-      margin: "0",
-      whiteSpace: "nowrap"
-    },
-    li: {
-      fontSize: "var(--nypl-fontSizes-desktop-body-body2) !important",
-      fontWeight: "medium",
-      marginRight: "s",
-      _last: {
-        marginRight: "0"
+      alignItems: "center !important",
+      display: "flex !important",
+      margin: "0 !important",
+      whiteSpace: "nowrap !important",
+      li: {
+        fontSize: "var(--nypl-fontSizes-desktop-body-body2) !important",
+        fontWeight: "medium !important",
+        marginRight: "s !important",
+        _last: {
+          marginRight: "0 !important"
+        }
       }
     },
     a: {
@@ -38044,56 +38044,47 @@ const kz = ne({
     flexDirection: { base: "column", md: null },
     gridTemplateColumns: "1fr",
     paddingY: 0,
-    rowGap: "grid.l"
+    paddingX: "s",
+    gap: "grid.l"
   }),
   // With left or right sidebars, we need to set two grid columns and
-  // the column for the sidebar is max 271px width (255px for the sidebar
-  // + 16px for padding).
+  // the column for the sidebar is max 255px width.
   variants: {
     left: {
-      gridTemplateColumns: { md: "271px 1fr" }
+      gridTemplateColumns: { md: "255px 1fr" }
     },
     right: {
-      gridTemplateColumns: { md: "1fr 271px" }
+      gridTemplateColumns: { md: "1fr 255px" }
     }
   }
 }), Qz = ne({
   baseStyle: C2({
     gridColumn: { base: "1", md: "1 / span 2" },
-    height: "100%",
-    paddingX: "s"
+    height: "100%"
   })
 }), qz = ne({
   baseStyle: C2({
-    gridColumn: { base: "1", md: "1 / span 2" },
-    overflow: { base: "unset", md: "hidden" },
-    paddingX: "s"
+    gridColumn: { base: "1", md: "1 / span 2" }
   }),
   variants: {
     left: {
       gridColumn: { base: "1", md: "2" },
       marginEnd: { md: 0 },
       minWidth: { md: 0 },
-      paddingRight: "s",
-      paddingLeft: { base: "s", md: "l" }
+      overflow: { base: "unset", md: "hidden" }
     },
     right: {
-      gridColumn: "1",
-      paddingRight: { base: "s", md: "l" },
-      paddingLeft: "s"
+      gridColumn: { base: "1", md: "1" },
+      overflow: { base: "unset", md: "hidden" }
     }
   }
 }), Gz = ne({
   variants: {
     left: {
-      gridColumn: "1",
-      paddingLeft: "s",
-      paddingRight: { base: "s", md: 0 }
+      gridColumn: "1"
     },
     right: {
-      gridColumn: { base: "1", md: "2" },
-      paddingLeft: { base: "s", md: 0 },
-      paddingRight: "s"
+      gridColumn: { base: "1", md: "2" }
     }
   }
 }), Xz = {

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

@@ -5,14 +5,14 @@ declare const HeaderLowerNav: {
             marginBottom: string;
             marginLeft: string;
             whiteSpace: string;
-        };
-        li: {
-            marginEnd: {
-                mh: string;
-                xl: string;
-            };
-            _last: {
-                marginRight: string;
+            li: {
+                marginEnd: {
+                    mh: string;
+                    xl: string;
+                };
+                _last: {
+                    marginRight: string;
+                };
             };
         };
         "li > a": {

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

@@ -7,13 +7,13 @@ declare const HeaderUpperNav: {
             display: string;
             margin: string;
             whiteSpace: string;
-        };
-        li: {
-            fontSize: string;
-            fontWeight: string;
-            marginRight: string;
-            _last: {
+            li: {
+                fontSize: string;
+                fontWeight: string;
                 marginRight: string;
+                _last: {
+                    marginRight: string;
+                };
             };
         };
         a: {

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

@@ -50,7 +50,8 @@ declare const _default: {
             };
             gridTemplateColumns: string;
             paddingY: number;
-            rowGap: string;
+            paddingX: string;
+            gap: string;
         };
         sizes?: {
             [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
@@ -58,12 +59,12 @@ declare const _default: {
         variants?: {
             left: {
                 gridTemplateColumns: {
-                    md: "271px 1fr";
+                    md: "255px 1fr";
                 };
             };
             right: {
                 gridTemplateColumns: {
-                    md: "1fr 271px";
+                    md: "1fr 255px";
                 };
             };
         };
@@ -80,7 +81,6 @@ declare const _default: {
                 md: "1 / span 2";
             };
             height: string;
-            paddingX: string;
         };
         sizes?: {
             [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
@@ -100,11 +100,6 @@ declare const _default: {
                 base: "1";
                 md: "1 / span 2";
             };
-            overflow: {
-                base: "unset";
-                md: "hidden";
-            };
-            paddingX: string;
         };
         sizes?: {
             [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
@@ -121,19 +116,20 @@ declare const _default: {
                 minWidth: {
                     md: number;
                 };
-                paddingRight: string;
-                paddingLeft: {
-                    base: "s";
-                    md: "l";
+                overflow: {
+                    base: "unset";
+                    md: "hidden";
                 };
             };
             right: {
-                gridColumn: string;
-                paddingRight: {
-                    base: "s";
-                    md: "l";
+                gridColumn: {
+                    base: "1";
+                    md: "1";
+                };
+                overflow: {
+                    base: "unset";
+                    md: "hidden";
                 };
-                paddingLeft: string;
             };
         };
         defaultProps?: {
@@ -150,22 +146,12 @@ declare const _default: {
         variants?: {
             left: {
                 gridColumn: string;
-                paddingLeft: string;
-                paddingRight: {
-                    base: "s";
-                    md: number;
-                };
             };
             right: {
                 gridColumn: {
                     base: "1";
                     md: "2";
                 };
-                paddingLeft: {
-                    base: "s";
-                    md: number;
-                };
-                paddingRight: string;
             };
         };
         defaultProps?: {

package/package.json

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