feat(deps): move @mdx-js/react to peerDeps

examples/create-react-app/package.json

@@ -5,7 +5,8 @@
   "dependencies": {
     "mdx.macro": "^0.2.8",
     "react": "^16.14.0",
-    "react-dom": "^16.14.0"
+    "react-dom": "^16.14.0",
+    "theme-ui": "latest"
   },
   "scripts": {
     "start": "react-scripts start",

examples/custom-pragma/package.json

@@ -17,6 +17,6 @@
     "gatsby-plugin-mdx": "^1.6.0",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
-    "theme-ui": "^0.4.0-rc.0"
+    "theme-ui": "latest"
   }
 }

examples/dark-mode/package.json

@@ -17,6 +17,6 @@
     "gatsby-plugin-mdx": "^1.6.0",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
-    "theme-ui": "^0.4.0-rc.0"
+    "theme-ui": "latest"
   }
 }

examples/gatsby-plugin/package.json

@@ -15,10 +15,10 @@
     "@mdx-js/react": "^1.6.22",
     "gatsby": "^2.6.3",
     "gatsby-plugin-mdx": "^1.6.0",
-    "gatsby-plugin-theme-ui": "^0.4.0-rc.0",
+    "gatsby-plugin-theme-ui": "latest",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
-    "theme-ui": "^0.4.0-rc.0"
+    "theme-ui": "latest"
   },
   "devDependencies": {
     "@testing-library/react": "^9.1.3",

examples/gatsby/package.json

@@ -17,7 +17,7 @@
     "gatsby-plugin-mdx": "^1.6.0",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
-    "theme-ui": "^0.4.0-rc.0"
+    "theme-ui": "latest"
   },
   "devDependencies": {
     "@types/react": "^16.9.55",

examples/next/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "next-theme-ui-example",
-  "version": "0.4.0-rc.0",
+  "version": "1.0.0",
   "main": "index.js",
   "author": "Brent Jackson <jxnblk@gmail.com>",
   "license": "MIT",
@@ -11,11 +11,11 @@
     "start": "next start"
   },
   "dependencies": {
-    "@mdx-js/loader": "^1.6.16",
+    "@mdx-js/loader": "^1.6.22",
     "@next/mdx": "^10.0.1",
     "next": "^10.0.1",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
-    "theme-ui": "^0.4.0-rc.0"
+    "theme-ui": "latest"
   }
 }

examples/prism/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "prism-theme-ui-example",
-  "version": "0.4.0-rc.0",
+  "version": "1.0.0",
   "main": "index.js",
   "author": "Brent Jackson <jxnblk@gmail.com>",
   "license": "MIT",
@@ -19,6 +19,6 @@
     "prismjs": "^1.16.0",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
-    "theme-ui": "^0.4.0-rc.0"
+    "theme-ui": "latest"
   }
 }

examples/typography/package.json

@@ -19,7 +19,7 @@
     "lodash.merge": "^4.6.1",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
-    "theme-ui": "^0.4.0-rc.0",
+    "theme-ui": "latest",
     "theme-ui-typography": "^0.1.7",
     "typography-theme-fairy-gates": "^0.16.19"
   }

package.json

@@ -69,7 +69,10 @@
     "ts-jest": "^26.5.5",
     "ts-toolbelt": "^9.6.0",
     "typecov": "^0.2.3",
-    "typescript": "^4"
+    "typescript": "^4",
+    "@mdx-js/react": "^1 || ^2",
+    "@types/mdx-js__react": "^1 || ^2",
+    "@emotion/react": "^11"
   },
   "husky": {
     "hooks": {

packages/mdx/package.json

@@ -7,7 +7,6 @@
   "sideEffects": false,
   "scripts": {},
   "dependencies": {
-    "@mdx-js/react": "^1.6.22",
     "@theme-ui/core": "0.10.0",
     "@theme-ui/css": "0.10.0"
   },
@@ -17,7 +16,8 @@
   "peerDependencies": {
     "react": "^16 || ^17",
     "@emotion/react": "^11",
-    "@emotion/styled": "^11"
+    "@emotion/styled": "^11",
+    "@mdx-js/react": "^1 || ^2"
   },
   "author": "Brent Jackson",
   "repository": "system-ui/theme-ui",

packages/sidenav/package.json

@@ -11,14 +11,14 @@
     "access": "public"
   },
   "dependencies": {
-    "@mdx-js/react": "^1.6.22",
-    "@types/mdx-js__react": "^1.5.3",
     "deepmerge": "^4.0.0",
     "theme-ui": "0.10.0"
   },
   "peerDependencies": {
     "react": "^16 || ^17",
-    "@emotion/react": "^11"
+    "@emotion/react": "^11",
+    "@mdx-js/react": "^1 || ^2",
+    "@types/mdx-js__react": "^1 || ^2"
   },
   "devDependencies": {
     "react": "^17.0.1"

packages/theme-provider/test/index.tsx

@@ -1,13 +1,7 @@
 /** @jsx jsx */
 import { jsx, useThemeUI, __ThemeUIContext } from '@theme-ui/core'
 import { mdx } from '@mdx-js/react'
-import {
-  render,
-  cleanup,
-  fireEvent,
-  waitFor,
-  waitForElementToBeRemoved,
-} from '@testing-library/react'
+import { render, cleanup, fireEvent } from '@testing-library/react'
 import { matchers } from '@emotion/jest'
 import { renderJSON } from '@theme-ui/test-utils'