@nypl/design-system-react-components 1.0.6 → 1.1.0-rc

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

@@ -1,74 +1,62 @@
+/**
+ * Grid layout based on https://www.joshwcomeau.com/css/full-bleed/
+ */
 declare const _default: {
     Template: {
         baseStyle: {
             boxSizing: string;
             color: string;
-            overflowX: string;
-            "*": {
-                boxSizing: string;
-            };
-            "*::after": {
-                boxSizing: string;
-            };
-            "*::before": {
-                boxSizing: string;
-            };
+            display: string;
+            gridTemplateColumns: string;
+            rowGap: string;
         };
         sizes: {};
         defaultProps: {};
     };
-    TemplateHeader: {
-        baseStyle: {
-            marginBottom: string;
-        };
-    };
     TemplateBreakout: {
         baseStyle: {
             width: string;
-            marginBottom: string;
-            marginEnd: string;
-            marginStart: string;
+            gridColumn: string;
         };
     };
     TemplateContent: {
         baseStyle: {
+            gridColumn: string;
             display: string;
-            marginBottom: string;
-            marginY: number;
-            marginX: string;
-            maxWidth: string;
-            paddingTop: number;
-            paddingBottom: number;
-            paddingEnd: string;
-            paddingStart: string;
-            width: string;
+            gridTemplateColumns: string;
+            paddingY: number;
+            paddingX: string;
+            gap: string;
         };
         variants: {
-            sidebar: {
-                display: string;
-                flexFlow: {
-                    base: string;
+            left: {
+                gridTemplateColumns: {
+                    md: string;
+                };
+            };
+            right: {
+                gridTemplateColumns: {
                     md: string;
                 };
             };
         };
     };
-    TemplateContentTop: {
+    TemplateContentTopBottom: {
         baseStyle: {
-            flex: string;
-            marginBottom: string;
+            gridColumn: {
+                base: string;
+                md: string;
+            };
+            height: string;
         };
     };
     TemplateContentPrimary: {
-        baseStyle: {
-            flex: string;
-            marginBottom: string;
-        };
         variants: {
             left: {
-                display: string;
-                flexFlow: string;
-                order: string;
+                gridColumn: {
+                    base: string;
+                    md: string;
+                };
                 marginEnd: {
                     md: number;
                 };
@@ -79,26 +67,13 @@ declare const _default: {
         };
     };
     TemplateContentSidebar: {
-        baseStyle: {
-            flex: {
-                base: string;
-                md: string;
-            };
-            order: {
-                md: string;
-            };
-            marginBottom: string;
-        };
         variants: {
             left: {
-                marginEnd: {
-                    base: number;
-                    md: string;
-                };
+                gridColumn: string;
             };
             right: {
-                marginStart: {
-                    base: number;
+                gridColumn: {
+                    base: string;
                     md: string;
                 };
             };

package/dist/theme/components/tooltip.d.ts

@@ -0,0 +1,13 @@
+declare const Tooltip: {
+    baseStyle: {
+        [x: string]: string;
+        borderRadius: string;
+        color: string;
+        fontSize: string;
+        marginBottom: string;
+        maxWidth: string;
+        px: string;
+        py: string;
+    };
+};
+export default Tooltip;

package/dist/theme/foundations/radii.d.ts

@@ -1,5 +1,6 @@
 declare const radii: {
     checkbox: string;
+    headerDonate: string;
     pill: string;
     round: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nypl/design-system-react-components",
-  "version": "1.0.6",
+  "version": "1.1.0-rc",
   "description": "NYPL Reservoir Design System React Components",
   "repository": {
     "type": "git",
@@ -56,18 +56,22 @@
     }
   ],
   "dependencies": {
+    "@chakra-ui/focus-lock": ">=1.2.6 <2.0.0",
     "@chakra-ui/react": ">=1.8.5 <=1.8.8",
     "@chakra-ui/system": ">=1.11.0 <=1.12.1",
     "@charlietango/use-native-lazy-loading": "1.10.0",
     "@emotion/react": ">=11.4.1",
     "@emotion/styled": ">=11.3.0",
     "framer-motion": "^4.1.17",
+    "js-cookie": "3.0.1",
     "react-datepicker": "4.1.1",
+    "react-ga": "^3.3.1",
     "react-intersection-observer": "9.2.2",
     "system-font-css": "2.0.2",
     "typescript": "*"
   },
   "peerDependencies": {
+    "@chakra-ui/focus-lock": ">=1.2.6 <2.0.0",
     "@chakra-ui/react": ">=1.8.5 <=1.8.8",
     "@chakra-ui/system": ">=1.11.0 <=1.12.1",
     "@emotion/react": ">=11.4.1",
@@ -136,6 +140,7 @@
     "size-limit": "5.0.1",
     "storybook-addon-designs": "6.2.1",
     "style-loader": "2.0.0",
+    "tough-cookie": "4.0.0",
     "ts-jest": "27.0.4",
     "tsdx": "0.14.1",
     "tslib": "2.3.0"