@flodesk/grain 10.0.0 → 10.1.0

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/es/icons/icon-column-and-rows.js

@@ -0,0 +1,21 @@
+import "core-js/modules/es.object.assign.js";
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import * as React from 'react';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var LayoutColumnAndRows = function LayoutColumnAndRows(props) {
+  return ___EmotionJSX("svg", _extends({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), ___EmotionJSX("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 2a2 2 0 012-2h20a2 2 0 012 2v20a2 2 0 01-2 2H2a2 2 0 01-2-2V2zm22 0h-9v9h9V2zm0 11h-9v9h9v-9zM2 2h9v20H2V2z",
+    fill: "currentColor"
+  }));
+};
+
+export default LayoutColumnAndRows;

package/es/icons/icon-columns-and-row.js

@@ -0,0 +1,21 @@
+import "core-js/modules/es.object.assign.js";
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import * as React from 'react';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var LayoutColumnsAndRow = function LayoutColumnsAndRow(props) {
+  return ___EmotionJSX("svg", _extends({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), ___EmotionJSX("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 2a2 2 0 012-2h20a2 2 0 012 2v20a2 2 0 01-2 2H2a2 2 0 01-2-2V2zm22 0h-9v9h9V2zm0 11H2v9h20v-9zM2 11h9V2H2v9z",
+    fill: "currentColor"
+  }));
+};
+
+export default LayoutColumnsAndRow;

package/es/icons/icon-columns.js

@@ -0,0 +1,21 @@
+import "core-js/modules/es.object.assign.js";
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import * as React from 'react';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var LayoutColumns = function LayoutColumns(props) {
+  return ___EmotionJSX("svg", _extends({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), ___EmotionJSX("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2 0a2 2 0 00-2 2v20a2 2 0 002 2h20a2 2 0 002-2V2a2 2 0 00-2-2H2zm11 2h9v20h-9V2zm-2 0H2v20h9V2z",
+    fill: "currentColor"
+  }));
+};
+
+export default LayoutColumns;

package/es/icons/icon-row-and-columns.js

@@ -0,0 +1,21 @@
+import "core-js/modules/es.object.assign.js";
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import * as React from 'react';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var LayoutRowAndColumns = function LayoutRowAndColumns(props) {
+  return ___EmotionJSX("svg", _extends({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), ___EmotionJSX("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 2a2 2 0 012-2h20a2 2 0 012 2v20a2 2 0 01-2 2H2a2 2 0 01-2-2V2zm22 0H2v9h20V2zm0 11h-9v9h9v-9zm-11 0H2v9h9v-9z",
+    fill: "currentColor"
+  }));
+};
+
+export default LayoutRowAndColumns;

package/es/icons/icon-rows-and-column.js

@@ -0,0 +1,21 @@
+import "core-js/modules/es.object.assign.js";
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import * as React from 'react';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var LayoutRowsAndColumn = function LayoutRowsAndColumn(props) {
+  return ___EmotionJSX("svg", _extends({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), ___EmotionJSX("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 2a2 2 0 012-2h20a2 2 0 012 2v20a2 2 0 01-2 2H2a2 2 0 01-2-2V2zm22 0h-9v20h9V2zM2 2h9v9H2V2zm0 11v9h9v-9H2z",
+    fill: "currentColor"
+  }));
+};
+
+export default LayoutRowsAndColumn;

package/es/icons/icon-rows.js

@@ -0,0 +1,21 @@
+import "core-js/modules/es.object.assign.js";
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import * as React from 'react';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var LayoutRows = function LayoutRows(props) {
+  return ___EmotionJSX("svg", _extends({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), ___EmotionJSX("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2 0a2 2 0 00-2 2v20a2 2 0 002 2h20a2 2 0 002-2V2a2 2 0 00-2-2H2zm0 2h20v9H2V2zm0 11v9h20v-9H2z",
+    fill: "currentColor"
+  }));
+};
+
+export default LayoutRows;

package/es/icons/index.js

@@ -59,4 +59,10 @@ export { default as IconReset } from './icon-reset';
 export { default as IconDrag } from './icon-drag';
 export { default as IconLocation } from './icon-location';
 export { default as IconPlay } from './icon-play';
-export { default as IconArchive } from './icon-archive';
+export { default as IconArchive } from './icon-archive';
+export { default as ColumnsAndRow } from './icon-columns-and-row';
+export { default as ColumnAndRows } from './icon-column-and-rows';
+export { default as Columns } from './icon-columns';
+export { default as Rows } from './icon-rows';
+export { default as RowAndColumns } from './icon-row-and-columns';
+export { default as RowsAndColumn } from './icon-rows-and-column';

package/package.json

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