@nypl/design-system-react-components 1.5.0 → 1.5.2

package/dist/hooks/useCloseDropDown.d.ts

@@ -3,4 +3,5 @@
  * the escape key. It expects an action callback that will set
  * the dropdown state to false (close).
  */
-export declare const useCloseDropDown: (actionCb: (val: boolean) => void, ref: React.RefObject<HTMLDivElement>) => void;
+declare const useCloseDropDown: (actionCb: (val: boolean) => void, ref: React.RefObject<HTMLDivElement>) => void;
+export default useCloseDropDown;

package/dist/index.d.ts

@@ -55,6 +55,7 @@ export { default as Text, TextSizes } from "./components/Text/Text";
 export { default as TextInput, TextInputRefType, TextInputTypes, } from "./components/TextInput/TextInput";
 export { default as Toggle, ToggleSizes } from "./components/Toggle/Toggle";
 export { default as useCarouselStyles } from "./hooks/useCarouselStyles";
+export { default as useCloseDropDown } from "./hooks/useCloseDropDown";
 export { default as useFilterBar } from "./hooks/useFilterBar";
 export { default as useMultiSelect } from "./hooks/useMultiSelect";
 export { default as useNYPLBreakpoints } from "./hooks/useNYPLBreakpoints";

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

@@ -503,7 +503,7 @@ declare const Hero: {
                 display: string;
                 flexFlow: {
                     base: string;
-                    md: string;
+                    lg: string;
                 };
                 minHeight: string;
                 flex: {
@@ -528,26 +528,44 @@ declare const Hero: {
                 display: string;
             };
             img: {
-                flex: {
+                clip: string;
+                height: {
                     base: string;
                     md: string;
                 };
-                minWidth: string;
-                objectFit: string;
-                width: string;
-                height: {
+                overflow: string;
+                position: {
+                    base: string;
                     md: string;
                 };
-            };
-            interior: {
-                flex: {
+                width: {
                     base: string;
                     md: string;
                 };
-                padding: string;
+                wordWrap: string;
+            };
+            imgWrapper: {
+                backgroundPosition: string;
+                backgroundSize: string;
+                minHeight: string;
+                width: {
+                    base: string;
+                    lg: string;
+                };
+            };
+            interior: {
+                alignSelf: string;
                 maxWidth: {
                     md: string;
                 };
+                padding: {
+                    base: string;
+                    md: string;
+                };
+                width: {
+                    base: string;
+                    lg: string;
+                };
             };
         };
         fiftyFifty: {
@@ -558,33 +576,51 @@ declare const Hero: {
                     base: string;
                     lg: string;
                 };
-                paddingBottom: string;
-                paddingEnd: string;
-                paddingStart: string;
-                padding: {
-                    lg: string;
-                };
                 marginY: string;
                 marginX: string;
                 maxWidth: string;
+                padding: string;
                 width: string;
             };
             imgWrapper: {
-                marginBottom: {
+                backgroundPosition: string;
+                backgroundSize: string;
+                minHeight: string;
+                width: {
                     base: string;
                     lg: string;
                 };
-                marginEnd: {
+            };
+            img: {
+                clip: string;
+                height: {
                     base: string;
-                    lg: string;
+                    md: string;
                 };
-                marginStart: {
+                overflow: string;
+                position: {
                     base: string;
+                    md: string;
+                };
+                width: {
+                    base: string;
+                    md: string;
                 };
+                wordWrap: string;
+            };
+            bodyText: {
+                alignSelf: string;
                 maxWidth: {
+                    md: string;
+                };
+                padding: {
+                    base: string;
+                    md: string;
+                };
+                width: {
+                    base: string;
                     lg: string;
                 };
-                width: string;
             };
         };
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nypl/design-system-react-components",
-  "version": "1.5.0",
+  "version": "1.5.2",
   "description": "NYPL Reservoir Design System React Components",
   "repository": {
     "type": "git",
@@ -32,7 +32,7 @@
     "analyze": "size-limit --why",
     "generate-sass-resources": "gulp",
     "storybook": "start-storybook -p 6006 -s ./.storybook/public",
-    "build-storybook:v1": "npm run prebuild:storybook && NODE_OPTIONS=--openssl-legacy-provider build-storybook -c .storybook -o ./reservoir/v1",
+    "build-storybook:v1": "npm run prebuild:storybook && build-storybook -c .storybook -o ./reservoir/v1",
     "prebuild:storybook": "npm run test:generate-output"
   },
   "lint-staged": {
@@ -98,6 +98,7 @@
     "@storybook/react": "6.5.13",
     "@svgr/rollup": "6.2.1",
     "@svgr/webpack": "5.5.0",
+    "@testing-library/dom": "^9.2.0",
     "@testing-library/jest-dom": "5.14.1",
     "@testing-library/react": "12.0.0",
     "@testing-library/react-hooks": "7.0.2",
@@ -135,7 +136,7 @@
     "react-docgen-typescript-loader": "3.7.2",
     "react-dom": "17.0.2",
     "react-test-renderer": "17.0.2",
-    "rollup-plugin-postcss": "4.0.0",
+    "rollup-plugin-postcss": "4.0.2",
     "rollup-plugin-svg": "2.0.0",
     "sass": "1.35.1",
     "sass-loader": "10.0.0",