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

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

@@ -38044,47 +38044,56 @@ const kz = ne({
     flexDirection: { base: "column", md: null },
     gridTemplateColumns: "1fr",
     paddingY: 0,
-    paddingX: "s",
-    gap: "grid.l"
+    rowGap: "grid.l"
   }),
   // With left or right sidebars, we need to set two grid columns and
-  // the column for the sidebar is max 255px width.
+  // the column for the sidebar is max 271px width (255px for the sidebar
+  // + 16px for padding).
   variants: {
     left: {
-      gridTemplateColumns: { md: "255px 1fr" }
+      gridTemplateColumns: { md: "271px 1fr" }
     },
     right: {
-      gridTemplateColumns: { md: "1fr 255px" }
+      gridTemplateColumns: { md: "1fr 271px" }
     }
   }
 }), Qz = ne({
   baseStyle: C2({
     gridColumn: { base: "1", md: "1 / span 2" },
-    height: "100%"
+    height: "100%",
+    paddingX: "s"
   })
 }), qz = ne({
   baseStyle: C2({
-    gridColumn: { base: "1", md: "1 / span 2" }
+    gridColumn: { base: "1", md: "1 / span 2" },
+    overflow: { base: "unset", md: "hidden" },
+    paddingX: "s"
   }),
   variants: {
     left: {
       gridColumn: { base: "1", md: "2" },
       marginEnd: { md: 0 },
       minWidth: { md: 0 },
-      overflow: { base: "unset", md: "hidden" }
+      paddingRight: "s",
+      paddingLeft: { base: "s", md: "l" }
     },
     right: {
-      gridColumn: { base: "1", md: "1" },
-      overflow: { base: "unset", md: "hidden" }
+      gridColumn: "1",
+      paddingRight: { base: "s", md: "l" },
+      paddingLeft: "s"
     }
   }
 }), Gz = ne({
   variants: {
     left: {
-      gridColumn: "1"
+      gridColumn: "1",
+      paddingLeft: "s",
+      paddingRight: { base: "s", md: 0 }
     },
     right: {
-      gridColumn: { base: "1", md: "2" }
+      gridColumn: { base: "1", md: "2" },
+      paddingLeft: { base: "s", md: 0 },
+      paddingRight: "s"
     }
   }
 }), Xz = {

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

@@ -50,8 +50,7 @@ declare const _default: {
             };
             gridTemplateColumns: string;
             paddingY: number;
-            paddingX: string;
-            gap: string;
+            rowGap: string;
         };
         sizes?: {
             [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
@@ -59,12 +58,12 @@ declare const _default: {
         variants?: {
             left: {
                 gridTemplateColumns: {
-                    md: "255px 1fr";
+                    md: "271px 1fr";
                 };
             };
             right: {
                 gridTemplateColumns: {
-                    md: "1fr 255px";
+                    md: "1fr 271px";
                 };
             };
         };
@@ -81,6 +80,7 @@ declare const _default: {
                 md: "1 / span 2";
             };
             height: string;
+            paddingX: string;
         };
         sizes?: {
             [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
@@ -100,6 +100,11 @@ 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;
@@ -116,20 +121,19 @@ declare const _default: {
                 minWidth: {
                     md: number;
                 };
-                overflow: {
-                    base: "unset";
-                    md: "hidden";
+                paddingRight: string;
+                paddingLeft: {
+                    base: "s";
+                    md: "l";
                 };
             };
             right: {
-                gridColumn: {
-                    base: "1";
-                    md: "1";
-                };
-                overflow: {
-                    base: "unset";
-                    md: "hidden";
+                gridColumn: string;
+                paddingRight: {
+                    base: "s";
+                    md: "l";
                 };
+                paddingLeft: string;
             };
         };
         defaultProps?: {
@@ -146,12 +150,22 @@ 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.3",
+  "version": "3.4.4-template-overflow-fix-rc",
   "description": "NYPL Reservoir Design System React Components",
   "repository": {
     "type": "git",