feat(deps): move Emotion to peerDeps

system-ui · Jul 19, 2021 · 15b108c · 15b108c
1 parent 27424d6
commit 15b108c
Show file tree

Hide file tree

Showing 14 changed files with 48 additions and 42 deletions.
diff --git a/examples/codesandbox-starter/package.json b/examples/codesandbox-starter/package.json
@@ -1,20 +1,20 @@
 {
   "name": "theme-ui-starter",
-  "private": "true",
-  "version": "0.4.0-rc.0",
+  "private": true,
+  "version": "0.1.0",
   "description": "A sandbox configured with Theme UI, including the `base` theme.",
   "main": "index.html",
   "scripts": {
     "start": "parcel index.html --open",
     "build": "parcel build index.html"
   },
   "dependencies": {
-    "@emotion/react": "^11.1.1",
+    "@emotion/react": "^11",
     "@mdx-js/react": "^1.6.22",
-    "@theme-ui/presets": "^0.4.0-rc.0",
+    "@theme-ui/presets": "latest",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
-    "theme-ui": "^0.4.0-rc.0"
+    "theme-ui": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.7.4",

diff --git a/packages/color-modes/package.json b/packages/color-modes/package.json
@@ -14,13 +14,13 @@
     "access": "public"
   },
   "dependencies": {
-    "@emotion/react": "^11.1.1",
     "@theme-ui/core": "0.10.0",
     "@theme-ui/css": "0.10.0",
     "deepmerge": "^4.2.2"
   },
   "peerDependencies": {
-    "react": "^16 || ^17"
+    "react": "^16 || ^17",
+    "@emotion/react": "^11"
   },
   "devDependencies": {
     "react": "^17.0.1"

diff --git a/packages/components/README.md b/packages/components/README.md
@@ -2,10 +2,11 @@
 
 Primitive layout, typographic, and other components for use with Theme UI.
 
-**Note:** _This package is included in the main `theme-ui` package and a separate installation is not required._
+**Note:** _This package is included in the main `theme-ui` package and a
+separate installation is not required._
 
 ```sh
-npm i @theme-ui/components
+npm i @theme-ui/components @emotion/react @emotion/styled
 ```
 
 https://theme-ui.com/components
diff --git a/packages/components/package.json b/packages/components/package.json
@@ -7,16 +7,16 @@
   "sideEffects": false,
   "scripts": {},
   "dependencies": {
-    "@emotion/react": "^11.1.1",
-    "@emotion/styled": "^11.0.0",
     "@styled-system/color": "^5.1.2",
     "@styled-system/should-forward-prop": "^5.1.2",
     "@styled-system/space": "^5.1.2",
     "@theme-ui/css": "0.10.0",
     "@types/styled-system": "^5.1.10"
   },
   "peerDependencies": {
-    "react": "^16 || ^17"
+    "react": "^16 || ^17",
+    "@emotion/react": "^11",
+    "@emotion/styled": "^11"
   },
   "publishConfig": {
     "access": "public"

diff --git a/packages/core/README.md b/packages/core/README.md
@@ -5,12 +5,14 @@ Core Emotion and JSX implementation for Theme UI
 https://theme-ui.com
 
 ```sh
-npm i @theme-ui/core
+npm i @theme-ui/core @emotion/react
 ```
 
 ## Usage
 
-This package is already included in the main `theme-ui` package. However, for a minimal installation, it's possible to install this standalone and then subsequently install only the packages you require.
+This package is already included in the main `theme-ui` package. However, for a
+minimal installation, it's possible to install this standalone and then
+subsequently install only the packages you require.
 
 ## API
 

diff --git a/packages/core/package.json b/packages/core/package.json
@@ -14,13 +14,13 @@
     "access": "public"
   },
   "dependencies": {
-    "@emotion/react": "^11.1.1",
     "@theme-ui/css": "0.10.0",
     "@theme-ui/parse-props": "0.10.0",
     "deepmerge": "^4.2.2"
   },
   "peerDependencies": {
-    "react": "^16 || ^17"
+    "react": "^16 || ^17",
+    "@emotion/react": "^11"
   },
   "preconstruct": {
     "entrypoints": [

diff --git a/packages/css/README.md b/packages/css/README.md
@@ -1,10 +1,10 @@
 # @theme-ui/css
 
-Theme UI CSS lets you write style objects with responsive, theme-aware ergonomic shortcuts.
-This package powers the `sx` prop in Theme UI.
+Theme UI CSS lets you write style objects with responsive, theme-aware ergonomic
+shortcuts. This package powers the `sx` prop in Theme UI.
 
 ```sh
-npm i @theme-ui/css
+npm i @theme-ui/css @emotion/react
 ```
 
 https://theme-ui.com
diff --git a/packages/css/package.json b/packages/css/package.json
@@ -13,8 +13,10 @@
     "access": "public"
   },
   "dependencies": {
-    "@emotion/react": "^11.1.1",
     "csstype": "^3.0.5"
   },
+  "peerDependencies": {
+    "@emotion/react": "^11"
+  },
   "gitHead": "621199460fa3bdb0100748441e62517b7529b8c8"
 }
diff --git a/packages/editor/package.json b/packages/editor/package.json
@@ -21,7 +21,7 @@
     "tinycolor2": "^1.4.1"
   },
   "peerDependencies": {
-    "@emotion/react": "^11.1.1",
+    "@emotion/react": "^11",
     "react": "^16 || ^17",
     "react-dom": "^16 || ^17",
     "theme-ui": ">= 0.7.0"

diff --git a/packages/mdx/package.json b/packages/mdx/package.json
@@ -7,8 +7,6 @@
   "sideEffects": false,
   "scripts": {},
   "dependencies": {
-    "@emotion/react": "^11.1.1",
-    "@emotion/styled": "^11.0.0",
     "@mdx-js/react": "^1.6.22",
     "@theme-ui/core": "0.10.0",
     "@theme-ui/css": "0.10.0"
@@ -17,7 +15,9 @@
     "react": "^17.0.1"
   },
   "peerDependencies": {
-    "react": "^16 || ^17"
+    "react": "^16 || ^17",
+    "@emotion/react": "^11",
+    "@emotion/styled": "^11"
   },
   "author": "Brent Jackson",
   "repository": "system-ui/theme-ui",

diff --git a/packages/parse-props/package.json b/packages/parse-props/package.json
@@ -18,11 +18,11 @@
     "access": "public"
   },
   "dependencies": {
-    "@emotion/react": "^11.1.1",
     "@theme-ui/css": "0.10.0"
   },
   "peerDependencies": {
-    "react": "^16 || ^17"
+    "react": "^16 || ^17",
+    "@emotion/styled": "^11"
   },
   "gitHead": "621199460fa3bdb0100748441e62517b7529b8c8"
 }
diff --git a/packages/sidenav/package.json b/packages/sidenav/package.json
@@ -10,19 +10,19 @@
   "publishConfig": {
     "access": "public"
   },
-  "peerDependencies": {
-    "react": "^16 || ^17"
-  },
-  "devDependencies": {
-    "react": "^17.0.1"
-  },
   "dependencies": {
-    "@emotion/react": "^11.1.1",
     "@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"
+  },
+  "devDependencies": {
+    "react": "^17.0.1"
+  },
   "keywords": [
     "theme-ui",
     "mdx",

diff --git a/packages/theme-provider/package.json b/packages/theme-provider/package.json
@@ -1,26 +1,25 @@
 {
   "name": "@theme-ui/theme-provider",
   "version": "0.10.0",
+  "repository": "system-ui/theme-ui",
   "main": "dist/theme-ui-theme-provider.cjs.js",
   "module": "dist/theme-ui-theme-provider.esm.js",
   "source": "src/index.ts",
+  "author": "Brent Jackson",
+  "license": "MIT",
   "sideEffects": false,
-  "scripts": {},
+  "publishConfig": {
+    "access": "public"
+  },
   "dependencies": {
-    "@emotion/react": "^11.1.1",
     "@theme-ui/color-modes": "0.10.0",
     "@theme-ui/core": "0.10.0",
     "@theme-ui/css": "0.10.0",
     "@theme-ui/mdx": "0.10.0"
   },
   "peerDependencies": {
-    "react": "^16 || ^17"
-  },
-  "repository": "system-ui/theme-ui",
-  "author": "Brent Jackson",
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public"
+    "react": "^16 || ^17",
+    "@emotion/react": "^11"
   },
   "gitHead": "621199460fa3bdb0100748441e62517b7529b8c8"
 }
diff --git a/packages/theme-ui/README.md b/packages/theme-ui/README.md
@@ -114,6 +114,8 @@ scales help you build UI rooted in constraint-based design principles.
 
 ```sh
 npm install theme-ui
+
+npm install @emotion/react # peer dependencies
 ```
 
 Any styles in your app can reference values from the global `theme` object. To