✨ Add ThemeDefaultsProvider

Author: exah

package.json

@@ -111,6 +111,7 @@
     "emotion": "^9.2.6",
     "emotion-theming": "^9.2.6",
     "pss": "^2.2.0",
-    "react-emotion": "^9.2.6"
+    "react-emotion": "^9.2.6",
+    "recompose": "^0.28.2"
   }
 }

src/index.js

@@ -25,3 +25,7 @@ export {
   GridItem,
   GridContent
 } from './grid'
+
+export {
+  ThemeDefaultsProvider
+} from './theme-defaults-provider'

src/theme-defaults-provider/about.mdx

@@ -0,0 +1,37 @@
+---
+name: ThemeDefaultsProvider
+route: /theme-defaults-provider
+order: -10
+---
+
+import { Playground } from 'docz'
+import { ThemeDefaultsProvider } from './index'
+import { Box } from '../box'
+
+# ThemeDefaultsProvider
+
+## Description
+
+Change `theme.defaults` with props.
+
+
+## Usage
+
+```js
+import { ThemeDefaultsProvider } from 'pss-components'
+```
+
+## Examples
+
+<Playground>
+  <Box bg='gray.0' pd>
+    <Box tm ratio={16 / 9} pd mgb>
+      Content
+    </Box>
+    <ThemeDefaultsProvider palette='inverted'>
+      <Box tm ratio={16 / 9} pd>
+        Content
+      </Box>
+    </ThemeDefaultsProvider>
+  </Box>
+</Playground>

src/theme-defaults-provider/index.js

@@ -0,0 +1,18 @@
+import { ThemeProvider, withTheme } from 'emotion-theming'
+import { compose, withProps } from 'recompose'
+
+const ThemeDefaultsProvider = compose(
+  withTheme,
+  withProps(({ theme, ...rest }) => ({
+    theme: {
+      default: {
+        ...theme.default,
+        ...rest
+      }
+    }
+  }))
+)(ThemeProvider)
+
+export {
+  ThemeDefaultsProvider
+}

yarn.lock

@@ -834,6 +834,12 @@
     core-js "^2.5.6"
     regenerator-runtime "^0.11.1"
 
+"@babel/[email protected]":
+  version "7.0.0-beta.56"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.0.0-beta.56.tgz#cda612dffd5b1719a7b8e91e3040bd6ae64de8b0"
+  dependencies:
+    regenerator-runtime "^0.12.0"
+
 "@babel/runtime@^7.0.0-beta.55":
   version "7.0.0-rc.1"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.0.0-rc.1.tgz#42f36fc5817911c89ea75da2b874054922967616"
@@ -2896,6 +2902,10 @@ chalk@^2.0.1, chalk@^2.1.0:
     escape-string-regexp "^1.0.5"
     supports-color "^4.0.0"
 
+change-emitter@^0.1.2:
+  version "0.1.6"
+  resolved "https://registry.yarnpkg.com/change-emitter/-/change-emitter-0.1.6.tgz#e8b2fe3d7f1ab7d69a32199aff91ea6931409515"
+
 character-entities-html4@^1.0.0:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/character-entities-html4/-/character-entities-html4-1.1.2.tgz#c44fdde3ce66b52e8d321d6c1bf46101f0150610"
@@ -4621,7 +4631,7 @@ faye-websocket@~0.11.0:
   dependencies:
     websocket-driver ">=0.5.1"
 
-fbjs@^0.8.0, fbjs@^0.8.16, fbjs@^0.8.9:
+fbjs@^0.8.0, fbjs@^0.8.1, fbjs@^0.8.16, fbjs@^0.8.9:
   version "0.8.17"
   resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-0.8.17.tgz#c4d598ead6949112653d6588b01a5cdcd9f90fdd"
   dependencies:
@@ -8247,7 +8257,7 @@ react-is@^16.4.2:
   version "16.4.2"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.4.2.tgz#84891b56c2b6d9efdee577cc83501dfc5ecead88"
 
-react-lifecycles-compat@^3.0.4:
+react-lifecycles-compat@^3.0.2, react-lifecycles-compat@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz#4f1a273afdfc8f3488a8c516bfda78f872352362"
 
@@ -8415,6 +8425,17 @@ recast@^0.15.0:
     private "~0.1.5"
     source-map "~0.6.1"
 
+recompose@^0.28.2:
+  version "0.28.2"
+  resolved "https://registry.yarnpkg.com/recompose/-/recompose-0.28.2.tgz#19e679227bdf979e0d31b73ffe7ae38c9194f4a7"
+  dependencies:
+    "@babel/runtime" "7.0.0-beta.56"
+    change-emitter "^0.1.2"
+    fbjs "^0.8.1"
+    hoist-non-react-statics "^2.3.1"
+    react-lifecycles-compat "^3.0.2"
+    symbol-observable "^1.0.4"
+
 [email protected]:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/recursive-readdir/-/recursive-readdir-2.2.1.tgz#90ef231d0778c5ce093c9a48d74e5c5422d13a99"