Merge pull request #2432 from system-ui/deps-16

Deps bumps for 0.16.0

Author: hasparus

.codesandbox/ci.json

@@ -3,5 +3,5 @@
   "buildCommand": "build",
   "packages": ["packages/theme-ui", "packages/core"],
   "sandboxes": ["/examples/next", "/examples/gatsby-plugin"],
-  "node": "16"
+  "node": "18"
 }

.prettierignore

@@ -8,3 +8,6 @@ dist
 coverage
 examples/next/.next
 docs/src/pages/index.mdx
+
+# Prettier doesn't know how to format MDX2 and makes silly mistakes.
+*.mdx

babel.config.js

@@ -9,7 +9,13 @@ module.exports = {
         targets: '> 0.25%, not dead, not ie 11',
       },
     ],
-    '@babel/react',
+    [
+      '@babel/react',
+      {
+        runtime: 'automatic',
+        importSource: '@theme-ui/core',
+      },
+    ],
     '@babel/preset-typescript',
   ],
   env: {

examples/gatsby-plugin/package.json

@@ -12,17 +12,17 @@
     "build": "gatsby build"
   },
   "dependencies": {
-    "@emotion/react": "^11",
-    "gatsby": "^4.21.0",
-    "gatsby-plugin-mdx": "^3.7.1",
+    "@emotion/react": "^11.11.1",
+    "gatsby": "^5",
+    "gatsby-plugin-mdx": "^5",
     "gatsby-plugin-theme-ui": "workspace:^",
     "react": "^18.1.0",
-    "react-dom": "^18.1.0",
+    "react-dom": "^18",
     "theme-ui": "workspace:^"
   },
   "devDependencies": {
-    "@types/react": "^18",
-    "typescript": "^4",
-    "babel-eslint": "^10"
+    "@types/react": "^18.2.12",
+    "babel-eslint": "^10",
+    "typescript": "^5"
   }
 }

examples/gatsby-plugin/src/layout.js

@@ -1,5 +1,5 @@
-/** @jsx jsx */
-import { jsx, Themed } from 'theme-ui'
+/** @jsxImportSource theme-ui */
+import { Themed } from 'theme-ui'
 
 const Layout = (props) => (
   <Themed.root>

examples/gatsby/package.json

@@ -12,21 +12,20 @@
     "build": "gatsby build"
   },
   "dependencies": {
-    "@emotion/react": "^11",
-    "gatsby": "^4.21.0",
-    "gatsby-plugin-mdx": "^4.0.0",
-    "react": "^18.1.0",
-    "react-dom": "^18.1.0",
+    "@emotion/react": "^11.11.1",
+    "@mdx-js/react": "^2.3.0",
     "@theme-ui/mdx": "workspace:^",
-    "theme-ui": "workspace:^",
-    "@mdx-js/react": "^2",
-    "gatsby-source-filesystem": "latest"
+    "gatsby": "^5",
+    "gatsby-plugin-mdx": "^5",
+    "gatsby-source-filesystem": "latest",
+    "react": "^18.1.0",
+    "react-dom": "^18",
+    "theme-ui": "workspace:^"
   },
   "devDependencies": {
-    "@types/react": "^18",
-    "typescript": "^4",
-    "@babel/core": "^7.15.8",
+    "@types/react": "^18.2.12",
     "babel-eslint": "^10",
-    "graphql": "^15"
+    "graphql": "^15",
+    "typescript": "^5"
   }
 }

examples/next/package.json

@@ -12,20 +12,19 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@emotion/react": "^11",
-    "@mdx-js/loader": "^2.1.2",
-    "@mdx-js/react": "^2.1.2",
-    "@next/mdx": "^12.0.7",
+    "@emotion/react": "^11.11.1",
+    "@mdx-js/loader": "^2.3.0",
+    "@mdx-js/react": "^2.3.0",
+    "@next/mdx": "^13.4.5",
     "@theme-ui/css": "workspace:^",
-    "next": "^12.1.0",
-    "react": "^18",
+    "next": "^13.4.5",
+    "react": "^18.1.0",
     "react-dom": "^18",
     "theme-ui": "workspace:^"
   },
   "devDependencies": {
-    "typescript": "^4",
-    "@babel/core": "^7",
-    "webpack": "^4",
-    "@types/react": "^18"
+    "@types/react": "^18.2.12",
+    "typescript": "^5",
+    "webpack": "^5.86.0"
   }
 }