Merge pull request #535 from system-ui/next-core-mdx

v0.3

Author: jxnblk

CHANGELOG.md

@@ -2,6 +2,21 @@
 
 ## Unreleased
 
+### v0.3.0
+
+- Split theme-ui package into `@theme-ui/core`, `@theme-ui/mdx`, and `@theme-ui/color-modes`
+- Removes `context.components` (still available through MDX context)
+- Adds separate `ColorModeProvider` component
+- Removes support for `theme.initialColorMode` - use `initialColorModeName` instead
+- Removes layout components (`Layout`, `Header`, `Main`, `Footer`) - use `Box` and `Flex` instead
+- Updates CSS custom properties implementation for color modes
+- When using `useColorSchemeMediaQuery` flag, it will initialize the mode to `light` when `@media (prefers-color-scheme: light)` is enabled
+- Global color mode styles are automatically added to the body without needing to render the `ColorMode` component
+- Removes `ThemeStateProvider`
+- Adds global typographic styles, set `useBodyStyles: false` to disable
+- Fix issue where `<del>` tag was incorrectly specified as `delete`
+- The `@theme-ui/editor` API has changed significantly. See the README.md for more information.
+
 - `@theme-ui/components`: on Grid component, allow custom `columns` definitions via strings #541
 - `@theme-ui/gatsby-theme-style-guide`: add docs on shadowing #558
 - Adds `@theme-ui/preset-polaris` #567

babel.config.js

@@ -1,3 +1,10 @@
 module.exports = {
   presets: ['@babel/env', '@babel/react'],
+  env: {
+    test: {
+      plugins: [
+        '@babel/plugin-transform-runtime',
+      ],
+    },
+  },
 }

examples/codesandbox-starter/package.json

@@ -1,7 +1,7 @@
 {
   "name": "theme-ui-starter",
   "private": "true",
-  "version": "0.2.52",
+  "version": "0.3.0-alpha.6",
   "description": "A sandbox configured with Theme UI, including the `base` theme.",
   "main": "index.html",
   "scripts": {
@@ -11,10 +11,10 @@
   "dependencies": {
     "@emotion/core": "^10.0.17",
     "@mdx-js/react": "^1.4.5",
-    "@theme-ui/presets": "^0.2.44",
+    "@theme-ui/presets": "^0.3.0-alpha.6",
     "react": "^16.12.0",
     "react-dom": "^16.9.0",
-    "theme-ui": "^0.2.52"
+    "theme-ui": "^0.3.0-alpha.6"
   },
   "devDependencies": {
     "@babel/core": "^7.7.4",

examples/create-react-app/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "create-react-app-theme-ui-example",
-  "version": "0.2.40",
+  "version": "0.3.0-alpha.6",
   "dependencies": {
     "mdx.macro": "^0.2.8",
     "react": "^16.8.6",

examples/custom-pragma/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "custom-pragma-example",
-  "version": "0.2.52",
+  "version": "0.3.0-alpha.6",
   "main": "index.js",
   "author": "Brent Jackson <[email protected]>",
   "license": "MIT",
@@ -17,6 +17,6 @@
     "gatsby-plugin-mdx": "^1.0.4",
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
-    "theme-ui": "^0.2.52"
+    "theme-ui": "^0.3.0-alpha.6"
   }
 }

examples/dark-mode/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "dark-mode-theme-ui-example",
-  "version": "0.2.52",
+  "version": "0.3.0-alpha.6",
   "main": "index.js",
   "author": "Brent Jackson <[email protected]>",
   "license": "MIT",
@@ -17,6 +17,6 @@
     "gatsby-plugin-mdx": "^1.0.4",
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
-    "theme-ui": "^0.2.52"
+    "theme-ui": "^0.3.0-alpha.6"
   }
 }

examples/gatsby-plugin/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "gatsby-plugin-theme-ui-example",
-  "version": "0.2.53",
+  "version": "0.3.0-alpha.6",
   "main": "index.js",
   "author": "Brent Jackson <[email protected]>",
   "license": "MIT",
@@ -15,14 +15,14 @@
     "@mdx-js/react": "^1.0.16",
     "gatsby": "^2.6.3",
     "gatsby-plugin-mdx": "^1.0.4",
-    "gatsby-plugin-theme-ui": "^0.2.53",
+    "gatsby-plugin-theme-ui": "^0.3.0-alpha.6",
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
-    "theme-ui": "^0.2.52"
+    "theme-ui": "^0.3.0-alpha.6"
   },
   "devDependencies": {
     "@testing-library/react": "^9.1.3",
-    "husky": ">=1",
+    "husky": ">=4.0.7",
     "jest": "^24.8.0",
     "lint-staged": "10",
     "react-test-renderer": "^16.8.6"

examples/gatsby/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "gatsby-theme-ui-example",
-  "version": "0.2.52",
+  "version": "0.3.0-alpha.6",
   "main": "index.js",
   "author": "Brent Jackson <[email protected]>",
   "license": "MIT",
@@ -17,6 +17,6 @@
     "gatsby-plugin-mdx": "^1.0.4",
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
-    "theme-ui": "^0.2.52"
+    "theme-ui": "^0.3.0-alpha.6"
   }
 }

examples/next/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "next-theme-ui-example",
-  "version": "0.2.52",
+  "version": "0.3.0-alpha.6",
   "main": "index.js",
   "author": "Brent Jackson <[email protected]>",
   "license": "MIT",
@@ -17,6 +17,6 @@
     "next": "^9.0.2",
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
-    "theme-ui": "^0.2.52"
+    "theme-ui": "^0.3.0-alpha.6"
   }
 }

examples/prism/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "prism-theme-ui-example",
-  "version": "0.2.52",
+  "version": "0.3.0-alpha.6",
   "main": "index.js",
   "author": "Brent Jackson <[email protected]>",
   "license": "MIT",
@@ -19,6 +19,6 @@
     "prismjs": "^1.16.0",
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
-    "theme-ui": "^0.2.52"
+    "theme-ui": "^0.3.0-alpha.6"
   }
 }