@nypl/design-system-react-components 4.0.0-remove-matchMedia-test → 4.0.1-rc

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nypl/design-system-react-components",
-  "version": "4.0.0-remove-matchMedia-test",
+  "version": "4.0.1-rc",
   "description": "NYPL Reservoir Design System React Components",
   "repository": {
     "type": "git",
@@ -35,7 +35,7 @@
     "lint": "eslint src --ext=ts,tsx --cache",
     "prepare": "npm run build && husky install",
     "storybook": "storybook dev -p 6006",
-    "build-storybook:v3": "storybook build -c .storybook -o ./reservoir/v3",
+    "build-storybook:v4": "storybook build -c .storybook -o ./reservoir/v4",
     "prebuild:storybook": "npm run test:generate-output",
     "build-storybook": "storybook build"
   },
@@ -79,16 +79,12 @@
     "@jest/core": "29.7.0",
     "@rollup/plugin-commonjs": "24.0.1",
     "@rollup/plugin-typescript": "11.0.0",
-    "@storybook/addon-a11y": "8.3.6",
-    "@storybook/addon-designs": "8.0.2",
-    "@storybook/addon-essentials": "8.3.6",
-    "@storybook/addon-interactions": "8.3.6",
-    "@storybook/addon-jest": "8.1.11",
-    "@storybook/addon-links": "8.1.11",
-    "@storybook/blocks": "8.3.6",
-    "@storybook/react": "8.3.6",
-    "@storybook/react-vite": "8.3.6",
-    "@storybook/test": "8.3.6",
+    "@storybook/addon-a11y": "9.0.16",
+    "@storybook/addon-designs": "10.0.1",
+    "@storybook/addon-docs": "9.0.16",
+    "@storybook/addon-jest": "9.0.16",
+    "@storybook/addon-links": "9.0.16",
+    "@storybook/react-vite": "9.0.16",
     "@testing-library/dom": "9.2.0",
     "@testing-library/jest-dom": "5.14.1",
     "@testing-library/react": "12.0.0",
@@ -101,7 +97,7 @@
     "@types/testing-library__jest-dom": "5.14.1",
     "@typescript-eslint/eslint-plugin": "5.57.0",
     "@typescript-eslint/parser": "5.57.0",
-    "@vitejs/plugin-react": "4.2.1",
+    "@vitejs/plugin-react": "4.4.1",
     "eslint": "7.31.0",
     "eslint-config-prettier": "8.8.0",
     "eslint-plugin-jsx-a11y": "6.7.1",
@@ -113,23 +109,23 @@
     "jest-axe": "9.0.0",
     "jest-environment-jsdom": "29.7.0",
     "jest-transformer-svg": "2.0.2",
-    "js-cookie": "^3.0.5",
+    "js-cookie": "3.0.5",
     "lint-staged": "10.5.4",
     "normalize.css": "8.0.1",
     "prettier": "2.4.1",
     "prop-types": "15.8.1",
     "react": "18.2.0",
-    "react-autosuggest": "10.0.2",
     "react-dom": "18.2.0",
     "react-test-renderer": "18.2.0",
     "remark-gfm": "4.0.0",
+    "rollup": "3.29.5",
     "sass": "1.60.0",
-    "storybook": "8.3.6",
+    "storybook": "9.0.16",
     "ts-jest": "29.1.5",
     "tslib": "2.3.0",
     "typescript": "4.9.5",
-    "vite": "5.2.14",
+    "vite": "5.4.18",
     "vite-plugin-dts": "2.1.0",
-    "vite-plugin-svgr": "4.2.0"
+    "vite-plugin-svgr": "4.3.0"
   }
 }

package/dist/src/hooks/useCarouselStyles.d.ts

@@ -1,17 +0,0 @@
-/**
- * Custom hook that controls the sliding function for the carousel wrapper.
- * This returns functions to use for the "previous" and "next" buttons as well
- * as a CSS style object that should be use to transition between slides. There
- * is also a function to programmatically slide to the first slide.
- * Inspired by: https://codesandbox.io/s/fxjeo
- */
-export declare const useCarouselStyles: (slidesCount?: number, slideWidth?: number) => {
-    prevSlide: () => void;
-    nextSlide: () => void;
-    carouselStyle: {
-        transition: string;
-        marginStart: string;
-    };
-    goToStart: () => void;
-};
-export default useCarouselStyles;

package/dist/src/hooks/useWindowSize.d.ts

@@ -1,10 +0,0 @@
-interface WindowSize {
-    width: number;
-    height: number;
-}
-/**
- * React hook used to get the window size on device resizing.
- * Based on https://usehooks-typescript.com/react-hook/use-window-size
- */
-declare function useWindowSize(): WindowSize;
-export default useWindowSize;

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

@@ -1,46 +0,0 @@
-export declare const filterBarWidth: {
-    default: {
-        width: {
-            base: string;
-            md: string;
-        };
-    };
-    full: {
-        width: string;
-    };
-};
-declare const FilterBar: {
-    parts: string[];
-    baseStyle: ({ width }: {
-        width: any;
-    }) => {
-        width: string;
-        modalBody: {
-            _dark: {
-                background: string;
-            };
-        };
-        modalHeader: {
-            bg: string;
-            _dark: {
-                background: string;
-                borderBottom: string;
-                borderColor: string;
-            };
-        };
-        modalFooter: {
-            bg: string;
-            _dark: {
-                background: string;
-                borderTop: string;
-                borderColor: string;
-                color: string;
-            };
-        };
-        modalCloseButton: {
-            mt: string;
-        };
-        globalButtonGroupWrapper: any;
-    };
-};
-export default FilterBar;