Merge pull request #851 from dburles/default-breakpoints-match-media

match-media package imports defaultBreakpoints from css package

Author: jxnblk

packages/css/src/index.ts

@@ -18,7 +18,7 @@ export function get(
   return obj === undef ? def : obj
 }
 
-const defaultBreakpoints = [40, 52, 64].map(n => n + 'em')
+export const defaultBreakpoints = [40, 52, 64].map(n => n + 'em')
 
 const defaultTheme = {
   space: [0, 4, 8, 16, 32, 64, 128, 256, 512],

packages/match-media/package.json

@@ -22,7 +22,8 @@
     "react": "^16.9.0"
   },
   "peerDependencies": {
-    "react": "^16.9.0",
-    "theme-ui": "^0.3.0"
+    "@theme-ui/core": "^0.4.0-alpha.0",
+    "@theme-ui/css": "^0.4.0-alpha.0",
+    "react": "^16.9.0"
   }
 }

packages/match-media/src/index.ts

@@ -1,9 +1,6 @@
 import { useState, useEffect, useCallback } from 'react'
 import { useThemeUI } from '@theme-ui/core'
-import { Theme } from '@theme-ui/css'
-
-// Shared with @theme-ui/css
-const defaultBreakpoints = [40, 52, 64].map(n => n + 'em')
+import { Theme, defaultBreakpoints } from '@theme-ui/css'
 
 type defaultOptions = {
   defaultIndex?: number