@flodesk/grain 10.0.0 → 10.0.1

package/README.md

@@ -6,12 +6,20 @@
 npm install @flodesk/grain
 ```
 
-### Add base styles
+### Wrap your application root component with GrainProvider.
 
 `base.css` contains all Grain global styles. Import it in the highest component possible so that it's accessible everywhere in the UI.
 
 ```js
-import '@flodesk/grain/es/styles/base.css';
+import { GrainProvider } from '@flodesk/grain';
+
+function Demo() {
+  return (
+    <GrainProvider>
+      <App />
+    </GrainProvider>
+  );
+}
 ```
 
 ### Add text styles context

package/es/components/provider.js

@@ -1,3 +1,4 @@
+import React from 'react';
 import PropTypes from 'prop-types';
 import { Global } from '@emotion/react';
 import styles from '../styles';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flodesk/grain",
-  "version": "10.0.0",
+  "version": "10.0.1",
   "description": "Flodesk design system",
   "module": "es/index.js",
   "author": "Flodesk",