@nypl/design-system-react-components 2.1.2 → 2.2.0-react-chakra-rc-2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nypl/design-system-react-components",
-  "version": "2.1.2",
+  "version": "2.2.0-react-chakra-rc-2",
   "description": "NYPL Reservoir Design System React Components",
   "repository": {
     "type": "git",
@@ -21,7 +21,7 @@
     "./dist/styles.css": "./dist/styles.css"
   },
   "engines": {
-    "node": ">=14 <=16"
+    "node": ">=18"
   },
   "author": "NYPL",
   "license": "Apache-2.0",
@@ -56,14 +56,14 @@
     "types-ramda": "0.29.4"
   },
   "dependencies": {
-    "@chakra-ui/focus-lock": ">=1.2.6 <2.0.0",
-    "@chakra-ui/react": ">=1.8.5 <=1.8.9",
-    "@chakra-ui/system": ">=1.11.0 <=1.12.1",
+    "@chakra-ui/focus-lock": "2.1.0",
+    "@chakra-ui/react": "2.8.1",
+    "@chakra-ui/system": "2.6.2",
     "@charlietango/use-native-lazy-loading": "1.10.0",
-    "@emotion/react": "11.4.1",
-    "@emotion/styled": "11.3.0",
+    "@emotion/react": "11.11.1",
+    "@emotion/styled": "11.11.0",
     "downshift": "6.1.7",
-    "framer-motion": "4.1.17",
+    "framer-motion": "10.16.4",
     "react-datepicker": "4.14.1",
     "react-intersection-observer": "9.2.2",
     "system-font-css": "2.0.2",
@@ -72,14 +72,14 @@
     "vite-plugin-svgr": "2.4.0"
   },
   "peerDependencies": {
-    "@chakra-ui/focus-lock": ">=1.2.6 <2.0.0",
-    "@chakra-ui/react": ">=1.8.5 <=1.8.9",
-    "@chakra-ui/system": ">=1.11.0 <=1.12.1",
-    "@emotion/react": "11.4.1",
-    "@emotion/styled": "11.3.0",
-    "framer-motion": "4.1.17",
-    "react": ">=16.13.0",
-    "react-dom": ">=16.13.0",
+    "@chakra-ui/focus-lock": ">=2.1.0",
+    "@chakra-ui/system": ">=2.6.2",
+    "@chakra-ui/react": ">=2.8.1",
+    "@emotion/react": ">=11.11.1",
+    "@emotion/styled": ">=11.11.0",
+    "framer-motion": ">=10.16.4",
+    "react": ">=17",
+    "react-dom": ">=17",
     "typescript": "4.9.5"
   },
   "devDependencies": {
@@ -105,7 +105,7 @@
     "@types/jest": "29.4.0",
     "@types/jest-axe": "3.5.3",
     "@types/node": "18.13.0",
-    "@types/react": "16.9.41",
+    "@types/react": "18.2.21",
     "@types/testing-library__jest-dom": "5.14.1",
     "@typescript-eslint/eslint-plugin": "5.57.0",
     "@typescript-eslint/parser": "5.57.0",
@@ -125,11 +125,11 @@
     "normalize.css": "8.0.1",
     "prettier": "2.4.1",
     "prop-types": "15.8.1",
-    "react": "17.0.2",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "react-autosuggest": "10.0.2",
     "react-docgen-typescript-loader": "3.7.2",
-    "react-dom": "17.0.2",
-    "react-test-renderer": "17.0.2",
+    "react-test-renderer": "18.2.0",
     "remark-gfm": "3.0.1",
     "sass": "1.60.0",
     "sass-loader": "10.0.0",

package/dist/src/theme/internalChakraProvider.d.ts

@@ -1,67 +0,0 @@
-/**
- * DS Maintainer note:
- * This file is a copy of the ChakraProvider component from the Chakra UI v1.8.8
- * library. The fixes we want are available in v2.7.0 but that is not compatible
- * with our current implementation. The workaround is to copy the entire component
- * and add the fixes ourselves. The prop names are kept the same as the fixed
- * 2.7.0 version to allow an easier upgrade path in the future.
- *
- * https://github.com/chakra-ui/chakra-ui/blob/%40chakra-ui/react%401.8.8/packages/provider/src/chakra-provider.tsx
- */
-import { ColorModeProviderProps, ThemeProviderProps } from "@chakra-ui/system";
-import { Dict } from "@chakra-ui/utils";
-import { EnvironmentProviderProps } from "@chakra-ui/react-env";
-import * as React from "react";
-export interface ChakraProviderProps extends Pick<ThemeProviderProps, "cssVarsRoot"> {
-    /**
-     * a theme. if omitted, uses the default theme provided by chakra
-     */
-    theme?: Dict;
-    /**
-     * Common z-index to use for `Portal`
-     *
-     * @default undefined
-     */
-    portalZIndex?: number;
-    /**
-     * If `true`, `CSSReset` component will be mounted to help
-     * you reset browser styles
-     *
-     * @default true
-     */
-    resetCSS?: boolean;
-    /**
-     * The selector to scope the css reset styles to.
-     */
-    resetScope?: string;
-    /**
-     * manager to persist a users color mode preference in
-     *
-     * omit if you don't render server-side
-     * for SSR: choose `cookieStorageManager`
-     *
-     * @default localStorageManager
-     */
-    colorModeManager?: ColorModeProviderProps["colorModeManager"];
-    /**
-     * Your application content
-     */
-    children?: React.ReactNode;
-    /**
-     * The environment (`window` and `document`) to be used by
-     * all components and hooks.
-     *
-     * By default, we smartly determine the ownerDocument and defaultView
-     * based on where `ChakraProvider` is rendered.
-     */
-    environment?: EnvironmentProviderProps["environment"];
-    /**
-     * If `true`, Chakra will not mount the global styles defined in the theme.
-     */
-    disableGlobalStyle?: boolean;
-}
-/**
- * The global provider that must be added to make all Chakra components
- * work correctly
- */
-export declare const ChakraProvider: React.FC<ChakraProviderProps>;