@webiny/ui 0.0.0-unstable.fcdad0bc61 → 0.0.0-unstable.fdd9228b5d

package/List/List.stories.js

@@ -1,62 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@storybook/react");
-
-var _Story = require("@webiny/storybook-utils/Story");
-
-var _README = _interopRequireDefault(require("./../List/README.md"));
-
-var _Icon = require("./../Icon");
-
-var _Button = require("./../Button");
-
-var _baselineAutorenew24px = require("./icons/baseline-autorenew-24px.svg");
-
-var _baselineCloud_done24px = require("./icons/baseline-cloud_done-24px.svg");
-
-var _baselineDelete24px = require("./icons/baseline-delete-24px.svg");
-
-var _baselineDone24px = require("./icons/baseline-done-24px.svg");
-
-var _List = require("./List");
-
-var story = (0, _react2.storiesOf)("Components/List", module);
-story.add("simple list", function () {
-  return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, null, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, {
-    title: "Basic list"
-  }, /*#__PURE__*/_react.default.createElement(_List.List, null, /*#__PURE__*/_react.default.createElement(_List.ListItem, null, "Item 1"), /*#__PURE__*/_react.default.createElement(_List.ListItem, null, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineDelete24px.ReactComponent, null)
-  })), "Item 2 - with icon on left side"), /*#__PURE__*/_react.default.createElement(_List.ListItem, null, "Item 3 - with icon on right side", /*#__PURE__*/_react.default.createElement(_List.ListItemMeta, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineDone24px.ReactComponent, null)
-  }))), /*#__PURE__*/_react.default.createElement(_List.ListItem, null, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineDelete24px.ReactComponent, null)
-  })), "Item 4 - icons on both sides", /*#__PURE__*/_react.default.createElement(_List.ListItemMeta, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineDone24px.ReactComponent, null)
-  }))))), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                        <List>\n                        <ListItem>\n                            Item 1\n                        </ListItem>\n\n                        <ListItem>\n                            <ListItemGraphic>\n                                <Icon icon={<BaselineDeleteIcon />} />\n                            </ListItemGraphic>\n                            Item 2 - with icon on left side\n                        </ListItem>\n                        <ListItem>\n                            Item 3 - with icon on right side\n                            <ListItemMeta>\n                                <Icon icon={<BaselineDoneIcon />} />\n                            </ListItemMeta>\n                        </ListItem>\n                        <ListItem>\n                            <ListItemGraphic>\n                                <Icon icon={<BaselineDeleteIcon />} />\n                            </ListItemGraphic>\n                            Item 4 - icons on both sides\n                            <ListItemMeta>\n                                <Icon icon={<BaselineDoneIcon />} />\n                            </ListItemMeta>\n                        </ListItem>\n                    </List>\n                    ")), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, null, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, {
-    title: "List with 2 lines"
-  }, /*#__PURE__*/_react.default.createElement(_List.List, {
-    twoLine: true
-  }, /*#__PURE__*/_react.default.createElement(_List.ListItem, null, /*#__PURE__*/_react.default.createElement(_List.ListItemText, null, /*#__PURE__*/_react.default.createElement(_List.ListItemTextPrimary, null, "Primary text"), /*#__PURE__*/_react.default.createElement(_List.ListItemTextSecondary, null, "Secondary text"))), /*#__PURE__*/_react.default.createElement(_List.ListItem, null, /*#__PURE__*/_react.default.createElement(_List.ListItemText, null, /*#__PURE__*/_react.default.createElement(_List.ListItemTextPrimary, null, "Primary text"), /*#__PURE__*/_react.default.createElement(_List.ListItemTextSecondary, null, "Secondary text"))), /*#__PURE__*/_react.default.createElement(_List.ListItem, null, /*#__PURE__*/_react.default.createElement(_List.ListItemText, null, /*#__PURE__*/_react.default.createElement(_List.ListItemTextPrimary, null, "Primary text"), /*#__PURE__*/_react.default.createElement(_List.ListItemTextSecondary, null, "Secondary text"))))), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                        <List twoLine>\n                        <ListItem>\n                            <ListItemText>\n                                <ListItemTextPrimary>\n                                    Primary text\n                                </ListItemTextPrimary>\n                                <ListItemTextSecondary>\n                                    Secondary text\n                                </ListItemTextSecondary>\n                            </ListItemText>\n                        </ListItem>\n                        <ListItem>\n                            <ListItemText>\n                                <ListItemTextPrimary>\n                                    Primary text\n                                </ListItemTextPrimary>\n                                <ListItemTextSecondary>\n                                    Secondary text\n                                </ListItemTextSecondary>\n                            </ListItemText>\n                        </ListItem>\n                        <ListItem>\n                            <ListItemText>\n                                <ListItemTextPrimary>\n                                    Primary text\n                                </ListItemTextPrimary>\n                                <ListItemTextSecondary>\n                                    Secondary text\n                                </ListItemTextSecondary>\n                            </ListItemText>\n                        </ListItem>\n                    </List>\n                    ")), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, null, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, {
-    title: "A list with all possible options"
-  }, /*#__PURE__*/_react.default.createElement(_List.List, {
-    twoLine: true
-  }, /*#__PURE__*/_react.default.createElement(_List.ListItem, null, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineAutorenew24px.ReactComponent, null)
-  })), /*#__PURE__*/_react.default.createElement(_List.ListItemText, null, /*#__PURE__*/_react.default.createElement(_List.ListItemTextPrimary, null, "Rocket"), /*#__PURE__*/_react.default.createElement(_List.ListItemTextSecondary, null, "This could be a really cool rocket.")), /*#__PURE__*/_react.default.createElement(_List.ListItemMeta, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineCloud_done24px.ReactComponent, null)
-  }))), /*#__PURE__*/_react.default.createElement(_List.ListItem, null, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineDelete24px.ReactComponent, null)
-  })), /*#__PURE__*/_react.default.createElement(_List.ListItemText, null, /*#__PURE__*/_react.default.createElement(_List.ListItemTextPrimary, null, "Coffee"), /*#__PURE__*/_react.default.createElement(_List.ListItemTextSecondary, null, "A nice cup of coffee.")), /*#__PURE__*/_react.default.createElement(_List.ListItemMeta, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineDone24px.ReactComponent, null)
-  }))), /*#__PURE__*/_react.default.createElement(_List.ListItem, null, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineAutorenew24px.ReactComponent, null)
-  })), /*#__PURE__*/_react.default.createElement(_List.ListItemText, null, /*#__PURE__*/_react.default.createElement(_List.ListItemTextPrimary, null, "E-mail"), /*#__PURE__*/_react.default.createElement(_List.ListItemTextSecondary, null, "Send an e-mail to your best friend.")), /*#__PURE__*/_react.default.createElement(_List.ListItemMeta, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, null, "Send"))))), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                        <List twoLine>\n                        <ListItem>\n                            <ListItemGraphic>\n                                <Icon icon={<AutoRenewIcon />} />\n                            </ListItemGraphic>\n                            <ListItemText>\n                                <ListItemTextPrimary>Rocket</ListItemTextPrimary>\n                                <ListItemTextSecondary>\n                                    This could be a really cool rocket.\n                                </ListItemTextSecondary>\n                            </ListItemText>\n                            <ListItemMeta>\n                                <Icon icon={<CloudDoneIcon />} />\n                            </ListItemMeta>\n                        </ListItem>\n\n                        <ListItem>\n                            <ListItemGraphic>\n                                <Icon icon={<BaselineDeleteIcon />} />\n                            </ListItemGraphic>\n                            <ListItemText>\n                                <ListItemTextPrimary>Coffee</ListItemTextPrimary>\n                                <ListItemTextSecondary>A nice cup of coffee.</ListItemTextSecondary>\n                            </ListItemText>\n                            <ListItemMeta>\n                                <Icon icon={<BaselineDoneIcon />} />\n                            </ListItemMeta>\n                        </ListItem>\n                        <ListItem>\n                            <ListItemGraphic>\n                                <Icon icon={<AutoRenewIcon />} />\n                            </ListItemGraphic>\n                            <ListItemText>\n                                <ListItemTextPrimary>E-mail</ListItemTextPrimary>\n                                <ListItemTextSecondary>\n                                    Send an e-mail to your best friend.\n                                </ListItemTextSecondary>\n                            </ListItemText>\n                            <ListItemMeta>\n                                <ButtonPrimary>Send</ButtonPrimary>\n                            </ListItemMeta>\n                        </ListItem>\n                    </List>\n                    ")));
-}, {
-  info: {
-    propTables: [_List.List, _List.ListItem, _List.ListItemText, _List.ListItemTextSecondary, _List.ListItemMeta, _List.ListItemGraphic, _List.ListItemTextPrimary]
-  }
-});

package/List/List.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["story","storiesOf","module","add","readme","info","propTables","List","ListItem","ListItemText","ListItemTextSecondary","ListItemMeta","ListItemGraphic","ListItemTextPrimary"],"sources":["List.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../List/README.md\";\n\nimport { Icon } from \"./../Icon\";\nimport { ButtonPrimary } from \"./../Button\";\n\nimport { ReactComponent as AutoRenewIcon } from \"./icons/baseline-autorenew-24px.svg\";\nimport { ReactComponent as CloudDoneIcon } from \"./icons/baseline-cloud_done-24px.svg\";\nimport { ReactComponent as BaselineDeleteIcon } from \"./icons/baseline-delete-24px.svg\";\nimport { ReactComponent as BaselineDoneIcon } from \"./icons/baseline-done-24px.svg\";\n\nimport {\n    List,\n    ListItem,\n    ListItemText,\n    ListItemTextSecondary,\n    ListItemMeta,\n    ListItemGraphic,\n    ListItemTextPrimary\n} from \"./List\";\n\nconst story = storiesOf(\"Components/List\", module);\n\nstory.add(\n    \"simple list\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Basic list\"}>\n                        <List>\n                            <ListItem>Item 1</ListItem>\n                            <ListItem>\n                                <ListItemGraphic>\n                                    <Icon icon={<BaselineDeleteIcon />} />\n                                </ListItemGraphic>\n                                Item 2 - with icon on left side\n                            </ListItem>\n                            <ListItem>\n                                Item 3 - with icon on right side\n                                <ListItemMeta>\n                                    <Icon icon={<BaselineDoneIcon />} />\n                                </ListItemMeta>\n                            </ListItem>\n                            <ListItem>\n                                <ListItemGraphic>\n                                    <Icon icon={<BaselineDeleteIcon />} />\n                                </ListItemGraphic>\n                                Item 4 - icons on both sides\n                                <ListItemMeta>\n                                    <Icon icon={<BaselineDoneIcon />} />\n                                </ListItemMeta>\n                            </ListItem>\n                        </List>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        <List>\n                        <ListItem>\n                            Item 1\n                        </ListItem>\n\n                        <ListItem>\n                            <ListItemGraphic>\n                                <Icon icon={<BaselineDeleteIcon />} />\n                            </ListItemGraphic>\n                            Item 2 - with icon on left side\n                        </ListItem>\n                        <ListItem>\n                            Item 3 - with icon on right side\n                            <ListItemMeta>\n                                <Icon icon={<BaselineDoneIcon />} />\n                            </ListItemMeta>\n                        </ListItem>\n                        <ListItem>\n                            <ListItemGraphic>\n                                <Icon icon={<BaselineDeleteIcon />} />\n                            </ListItemGraphic>\n                            Item 4 - icons on both sides\n                            <ListItemMeta>\n                                <Icon icon={<BaselineDoneIcon />} />\n                            </ListItemMeta>\n                        </ListItem>\n                    </List>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n\n                <StorySandbox>\n                    <StorySandboxExample title={\"List with 2 lines\"}>\n                        <List twoLine>\n                            <ListItem>\n                                <ListItemText>\n                                    <ListItemTextPrimary>Primary text</ListItemTextPrimary>\n                                    <ListItemTextSecondary>Secondary text</ListItemTextSecondary>\n                                </ListItemText>\n                            </ListItem>\n                            <ListItem>\n                                <ListItemText>\n                                    <ListItemTextPrimary>Primary text</ListItemTextPrimary>\n                                    <ListItemTextSecondary>Secondary text</ListItemTextSecondary>\n                                </ListItemText>\n                            </ListItem>\n                            <ListItem>\n                                <ListItemText>\n                                    <ListItemTextPrimary>Primary text</ListItemTextPrimary>\n                                    <ListItemTextSecondary>Secondary text</ListItemTextSecondary>\n                                </ListItemText>\n                            </ListItem>\n                        </List>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        <List twoLine>\n                        <ListItem>\n                            <ListItemText>\n                                <ListItemTextPrimary>\n                                    Primary text\n                                </ListItemTextPrimary>\n                                <ListItemTextSecondary>\n                                    Secondary text\n                                </ListItemTextSecondary>\n                            </ListItemText>\n                        </ListItem>\n                        <ListItem>\n                            <ListItemText>\n                                <ListItemTextPrimary>\n                                    Primary text\n                                </ListItemTextPrimary>\n                                <ListItemTextSecondary>\n                                    Secondary text\n                                </ListItemTextSecondary>\n                            </ListItemText>\n                        </ListItem>\n                        <ListItem>\n                            <ListItemText>\n                                <ListItemTextPrimary>\n                                    Primary text\n                                </ListItemTextPrimary>\n                                <ListItemTextSecondary>\n                                    Secondary text\n                                </ListItemTextSecondary>\n                            </ListItemText>\n                        </ListItem>\n                    </List>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n\n                <StorySandbox>\n                    <StorySandboxExample title={\"A list with all possible options\"}>\n                        <List twoLine>\n                            <ListItem>\n                                <ListItemGraphic>\n                                    <Icon icon={<AutoRenewIcon />} />\n                                </ListItemGraphic>\n                                <ListItemText>\n                                    <ListItemTextPrimary>Rocket</ListItemTextPrimary>\n                                    <ListItemTextSecondary>\n                                        This could be a really cool rocket.\n                                    </ListItemTextSecondary>\n                                </ListItemText>\n                                <ListItemMeta>\n                                    <Icon icon={<CloudDoneIcon />} />\n                                </ListItemMeta>\n                            </ListItem>\n\n                            <ListItem>\n                                <ListItemGraphic>\n                                    <Icon icon={<BaselineDeleteIcon />} />\n                                </ListItemGraphic>\n                                <ListItemText>\n                                    <ListItemTextPrimary>Coffee</ListItemTextPrimary>\n                                    <ListItemTextSecondary>\n                                        A nice cup of coffee.\n                                    </ListItemTextSecondary>\n                                </ListItemText>\n                                <ListItemMeta>\n                                    <Icon icon={<BaselineDoneIcon />} />\n                                </ListItemMeta>\n                            </ListItem>\n                            <ListItem>\n                                <ListItemGraphic>\n                                    <Icon icon={<AutoRenewIcon />} />\n                                </ListItemGraphic>\n                                <ListItemText>\n                                    <ListItemTextPrimary>E-mail</ListItemTextPrimary>\n                                    <ListItemTextSecondary>\n                                        Send an e-mail to your best friend.\n                                    </ListItemTextSecondary>\n                                </ListItemText>\n                                <ListItemMeta>\n                                    <ButtonPrimary>Send</ButtonPrimary>\n                                </ListItemMeta>\n                            </ListItem>\n                        </List>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        <List twoLine>\n                        <ListItem>\n                            <ListItemGraphic>\n                                <Icon icon={<AutoRenewIcon />} />\n                            </ListItemGraphic>\n                            <ListItemText>\n                                <ListItemTextPrimary>Rocket</ListItemTextPrimary>\n                                <ListItemTextSecondary>\n                                    This could be a really cool rocket.\n                                </ListItemTextSecondary>\n                            </ListItemText>\n                            <ListItemMeta>\n                                <Icon icon={<CloudDoneIcon />} />\n                            </ListItemMeta>\n                        </ListItem>\n\n                        <ListItem>\n                            <ListItemGraphic>\n                                <Icon icon={<BaselineDeleteIcon />} />\n                            </ListItemGraphic>\n                            <ListItemText>\n                                <ListItemTextPrimary>Coffee</ListItemTextPrimary>\n                                <ListItemTextSecondary>A nice cup of coffee.</ListItemTextSecondary>\n                            </ListItemText>\n                            <ListItemMeta>\n                                <Icon icon={<BaselineDoneIcon />} />\n                            </ListItemMeta>\n                        </ListItem>\n                        <ListItem>\n                            <ListItemGraphic>\n                                <Icon icon={<AutoRenewIcon />} />\n                            </ListItemGraphic>\n                            <ListItemText>\n                                <ListItemTextPrimary>E-mail</ListItemTextPrimary>\n                                <ListItemTextSecondary>\n                                    Send an e-mail to your best friend.\n                                </ListItemTextSecondary>\n                            </ListItemText>\n                            <ListItemMeta>\n                                <ButtonPrimary>Send</ButtonPrimary>\n                            </ListItemMeta>\n                        </ListItem>\n                    </List>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTables: [\n                List,\n                ListItem,\n                ListItemText,\n                ListItemTextSecondary,\n                ListItemMeta,\n                ListItemGraphic,\n                ListItemTextPrimary\n            ]\n        }\n    }\n);\n"],"mappings":";;;;AAAA;;AACA;;AACA;;AAOA;;AAEA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AAEA;;AAUA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,iBAAV,EAA6BC,MAA7B,CAAd;AAEAF,KAAK,CAACG,GAAN,CACI,aADJ,EAEI,YAAM;EACF,oBACI,6BAAC,YAAD,qBACI,6BAAC,kBAAD,QAAcC,eAAd,CADJ,eAEI,6BAAC,mBAAD,qBACI,6BAAC,0BAAD;IAAqB,KAAK,EAAE;EAA5B,gBACI,6BAAC,UAAD,qBACI,6BAAC,cAAD,iBADJ,eAEI,6BAAC,cAAD,qBACI,6BAAC,qBAAD,qBACI,6BAAC,UAAD;IAAM,IAAI,eAAE,6BAAC,kCAAD;EAAZ,EADJ,CADJ,oCAFJ,eAQI,6BAAC,cAAD,yDAEI,6BAAC,kBAAD,qBACI,6BAAC,UAAD;IAAM,IAAI,eAAE,6BAAC,gCAAD;EAAZ,EADJ,CAFJ,CARJ,eAcI,6BAAC,cAAD,qBACI,6BAAC,qBAAD,qBACI,6BAAC,UAAD;IAAM,IAAI,eAAE,6BAAC,kCAAD;EAAZ,EADJ,CADJ,+CAKI,6BAAC,kBAAD,qBACI,6BAAC,UAAD;IAAM,IAAI,eAAE,6BAAC,gCAAD;EAAZ,EADJ,CALJ,CAdJ,CADJ,CADJ,eA2BI,6BAAC,uBAAD,yuCA3BJ,CAFJ,eA8DI,6BAAC,mBAAD,qBACI,6BAAC,0BAAD;IAAqB,KAAK,EAAE;EAA5B,gBACI,6BAAC,UAAD;IAAM,OAAO;EAAb,gBACI,6BAAC,cAAD,qBACI,6BAAC,kBAAD,qBACI,6BAAC,yBAAD,uBADJ,eAEI,6BAAC,2BAAD,yBAFJ,CADJ,CADJ,eAOI,6BAAC,cAAD,qBACI,6BAAC,kBAAD,qBACI,6BAAC,yBAAD,uBADJ,eAEI,6BAAC,2BAAD,yBAFJ,CADJ,CAPJ,eAaI,6BAAC,cAAD,qBACI,6BAAC,kBAAD,qBACI,6BAAC,yBAAD,uBADJ,eAEI,6BAAC,2BAAD,yBAFJ,CADJ,CAbJ,CADJ,CADJ,eAuBI,6BAAC,uBAAD,oiDAvBJ,CA9DJ,eA2HI,6BAAC,mBAAD,qBACI,6BAAC,0BAAD;IAAqB,KAAK,EAAE;EAA5B,gBACI,6BAAC,UAAD;IAAM,OAAO;EAAb,gBACI,6BAAC,cAAD,qBACI,6BAAC,qBAAD,qBACI,6BAAC,UAAD;IAAM,IAAI,eAAE,6BAAC,qCAAD;EAAZ,EADJ,CADJ,eAII,6BAAC,kBAAD,qBACI,6BAAC,yBAAD,iBADJ,eAEI,6BAAC,2BAAD,8CAFJ,CAJJ,eAUI,6BAAC,kBAAD,qBACI,6BAAC,UAAD;IAAM,IAAI,eAAE,6BAAC,sCAAD;EAAZ,EADJ,CAVJ,CADJ,eAgBI,6BAAC,cAAD,qBACI,6BAAC,qBAAD,qBACI,6BAAC,UAAD;IAAM,IAAI,eAAE,6BAAC,kCAAD;EAAZ,EADJ,CADJ,eAII,6BAAC,kBAAD,qBACI,6BAAC,yBAAD,iBADJ,eAEI,6BAAC,2BAAD,gCAFJ,CAJJ,eAUI,6BAAC,kBAAD,qBACI,6BAAC,UAAD;IAAM,IAAI,eAAE,6BAAC,gCAAD;EAAZ,EADJ,CAVJ,CAhBJ,eA8BI,6BAAC,cAAD,qBACI,6BAAC,qBAAD,qBACI,6BAAC,UAAD;IAAM,IAAI,eAAE,6BAAC,qCAAD;EAAZ,EADJ,CADJ,eAII,6BAAC,kBAAD,qBACI,6BAAC,yBAAD,iBADJ,eAEI,6BAAC,2BAAD,8CAFJ,CAJJ,eAUI,6BAAC,kBAAD,qBACI,6BAAC,qBAAD,eADJ,CAVJ,CA9BJ,CADJ,CADJ,eAgDI,6BAAC,uBAAD,yuEAhDJ,CA3HJ,CADJ;AA8NH,CAjOL,EAkOI;EACIC,IAAI,EAAE;IACFC,UAAU,EAAE,CACRC,UADQ,EAERC,cAFQ,EAGRC,kBAHQ,EAIRC,2BAJQ,EAKRC,kBALQ,EAMRC,qBANQ,EAORC,yBAPQ;EADV;AADV,CAlOJ"}

package/List/README.md

@@ -1,22 +0,0 @@
-# List
-
-### Design
-
-<a href="https://material.io/design/components/lists.html" target="_blank">https://material.io/design/components/lists.html</a>
-
-### Description
-
-Use `List` component to display data and offer additional actions if needed.
-
-### Import
-
-```js
-import {
-  List,
-  ListItem,
-  ListItemText,
-  ListItemTextSecondary,
-  ListItemGraphic,
-  ListItemMeta
-} from "@webiny/ui/List";
-```

package/List/icons/baseline-autorenew-24px.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-    <path d="M12 6v3l4-4-4-4v3c-4.42 0-8 3.58-8 8 0 1.57.46 3.03 1.24 4.26L6.7 14.8c-.45-.83-.7-1.79-.7-2.8 0-3.31 2.69-6 6-6zm6.76 1.74L17.3 9.2c.44.84.7 1.79.7 2.8 0 3.31-2.69 6-6 6v-3l-4 4 4 4v-3c4.42 0 8-3.58 8-8 0-1.57-.46-3.03-1.24-4.26z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>

package/List/icons/baseline-cloud_done-24px.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM10 17l-3.5-3.5 1.41-1.41L10 14.17 15.18 9l1.41 1.41L10 17z"/>
-</svg>

package/List/icons/baseline-delete-24px.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-    <path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>

package/List/icons/baseline-done-24px.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-    <path fill="none" d="M0 0h24v24H0z"/>
-    <path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"/>
-</svg>

package/List/icons/baseline-email-24px.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-    <path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>

package/List/icons/index.d.ts

@@ -1,3 +0,0 @@
-import refreshIcon from "./baseline-autorenew-24px.svg";
-import deleteIcon from "./baseline-delete-24px.svg";
-export { refreshIcon, deleteIcon };

package/List/icons/index.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "deleteIcon", {
-  enumerable: true,
-  get: function get() {
-    return _baselineDelete24px.default;
-  }
-});
-Object.defineProperty(exports, "refreshIcon", {
-  enumerable: true,
-  get: function get() {
-    return _baselineAutorenew24px.default;
-  }
-});
-
-var _baselineAutorenew24px = _interopRequireDefault(require("./baseline-autorenew-24px.svg"));
-
-var _baselineDelete24px = _interopRequireDefault(require("./baseline-delete-24px.svg"));

package/List/icons/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["import refreshIcon from \"./baseline-autorenew-24px.svg\";\nimport deleteIcon from \"./baseline-delete-24px.svg\";\n\nexport { refreshIcon, deleteIcon };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;AACA"}

package/Menu/Menu.stories.d.ts

@@ -1 +0,0 @@
-export {};

package/Menu/Menu.stories.js

@@ -1,39 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@storybook/react");
-
-var _Story = require("@webiny/storybook-utils/Story");
-
-var _Button = require("../Button");
-
-var _README = _interopRequireDefault(require("./../Menu/README.md"));
-
-var _Menu = require("./Menu");
-
-var story = (0, _react2.storiesOf)("Components/Menu", module);
-var style = {
-  position: "relative",
-  width: 200,
-  margin: "0 auto"
-};
-story.add("usage", function () {
-  return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, null, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, {
-    title: "A simple menu, triggered with a button"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    style: style
-  }, /*#__PURE__*/_react.default.createElement(_Menu.Menu, {
-    handle: /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, null, "Open menu")
-  }, /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
-    onClick: function onClick() {
-      console.log("Apple selected!");
-    }
-  }, "Apple"), /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, null, "Banana"), /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, null, "Watermelon")))), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                   <Menu handle={<ButtonPrimary>Open menu</ButtonPrimary>}>\n                        <MenuItem\n                            onClick={() => {\n                                console.log(\"Apple selected!\");\n                            }}\n                        >\n                            Apple\n                        </MenuItem>\n                        <MenuItem>Banana</MenuItem>\n                        <MenuItem>Watermelon</MenuItem>\n                    </Menu>\n                    ")));
-}, {
-  info: {
-    propTables: [_Menu.Menu, _Menu.MenuItem, _Menu.MenuDivider]
-  }
-});

package/Menu/Menu.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["story","storiesOf","module","style","position","width","margin","add","readme","console","log","info","propTables","Menu","MenuItem","MenuDivider"],"sources":["Menu.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandbox,\n    StorySandboxExample,\n    StorySandboxCode\n} from \"@webiny/storybook-utils/Story\";\nimport { ButtonPrimary } from \"~/Button\";\nimport readme from \"./../Menu/README.md\";\nimport { Menu, MenuItem, MenuDivider } from \"./Menu\";\n\nconst story = storiesOf(\"Components/Menu\", module);\n\nconst style: React.CSSProperties = {\n    position: \"relative\",\n    width: 200,\n    margin: \"0 auto\"\n};\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"A simple menu, triggered with a button\"}>\n                        <div style={style}>\n                            <Menu handle={<ButtonPrimary>Open menu</ButtonPrimary>}>\n                                <MenuItem\n                                    onClick={() => {\n                                        console.log(\"Apple selected!\");\n                                    }}\n                                >\n                                    Apple\n                                </MenuItem>\n                                <MenuItem>Banana</MenuItem>\n                                <MenuItem>Watermelon</MenuItem>\n                            </Menu>\n                        </div>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                   <Menu handle={<ButtonPrimary>Open menu</ButtonPrimary>}>\n                        <MenuItem\n                            onClick={() => {\n                                console.log(\"Apple selected!\");\n                            }}\n                        >\n                            Apple\n                        </MenuItem>\n                        <MenuItem>Banana</MenuItem>\n                        <MenuItem>Watermelon</MenuItem>\n                    </Menu>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Menu, MenuItem, MenuDivider] } }\n);\n"],"mappings":";;;;AAAA;;AACA;;AACA;;AAOA;;AACA;;AACA;;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,iBAAV,EAA6BC,MAA7B,CAAd;AAEA,IAAMC,KAA0B,GAAG;EAC/BC,QAAQ,EAAE,UADqB;EAE/BC,KAAK,EAAE,GAFwB;EAG/BC,MAAM,EAAE;AAHuB,CAAnC;AAMAN,KAAK,CAACO,GAAN,CACI,OADJ,EAEI,YAAM;EACF,oBACI,6BAAC,YAAD,qBACI,6BAAC,kBAAD,QAAcC,eAAd,CADJ,eAEI,6BAAC,mBAAD,qBACI,6BAAC,0BAAD;IAAqB,KAAK,EAAE;EAA5B,gBACI;IAAK,KAAK,EAAEL;EAAZ,gBACI,6BAAC,UAAD;IAAM,MAAM,eAAE,6BAAC,qBAAD;EAAd,gBACI,6BAAC,cAAD;IACI,OAAO,EAAE,mBAAM;MACXM,OAAO,CAACC,GAAR,CAAY,iBAAZ;IACH;EAHL,WADJ,eAQI,6BAAC,cAAD,iBARJ,eASI,6BAAC,cAAD,qBATJ,CADJ,CADJ,CADJ,eAgBI,6BAAC,uBAAD,ghBAhBJ,CAFJ,CADJ;AAqCH,CAxCL,EAyCI;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,UAAD,EAAOC,cAAP,EAAiBC,iBAAjB;EAAd;AAAR,CAzCJ"}

package/Menu/README.md

@@ -1,15 +0,0 @@
-# Menu
-
-### Design
-
-<a href="https://material.io/design/components/menus.html" target="_blank">https://material.io/design/components/menus.html</a>
-
-### Description
-
-Use `Menu` component to display a list of choices, once the handler is triggered.
-
-### Import
-
-```js
-import { Menu, MenuItem } from "@webiny/ui/Menu";
-```

package/Mosaic/Mosaic.stories.d.ts

@@ -1 +0,0 @@
-export {};

package/Mosaic/Mosaic.stories.js

@@ -1,84 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@storybook/react");
-
-var _Story = require("@webiny/storybook-utils/Story");
-
-var _README = _interopRequireDefault(require("./../Mosaic/README.md"));
-
-var _Mosaic = require("./Mosaic");
-
-var story = (0, _react2.storiesOf)("Components/Mosaic", module);
-story.add("usage", function () {
-  return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, {
-    title: "A simple responsive mosaic."
-  }, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, null, /*#__PURE__*/_react.default.createElement(_Mosaic.Mosaic, null, /*#__PURE__*/_react.default.createElement("img", {
-    alt: "Image 1",
-    src: "https://via.placeholder.com/800x600/001F3F/FFFFFF.png?text=1"
-  }), /*#__PURE__*/_react.default.createElement("img", {
-    alt: "Image 2",
-    src: "https://via.placeholder.com/400x300/0074D9/FFFFFF.png?text=2"
-  }), /*#__PURE__*/_react.default.createElement("img", {
-    alt: "Image 3",
-    src: "https://via.placeholder.com/1024x768/7FDBFF/FFFFFF.png?text=3"
-  }), /*#__PURE__*/_react.default.createElement("img", {
-    alt: "Image 4",
-    src: "https://via.placeholder.com/1280x1024/39CCCC/FFFFFF.png?text=4"
-  }), /*#__PURE__*/_react.default.createElement("img", {
-    alt: "Image 5",
-    src: "https://via.placeholder.com/640x480/3D9970/FFFFFF.png?text=5"
-  }), /*#__PURE__*/_react.default.createElement("img", {
-    alt: "Image 6",
-    src: "https://via.placeholder.com/1000x500/2ECC40/FFFFFF.png?text=6"
-  }), /*#__PURE__*/_react.default.createElement("img", {
-    alt: "Image 7",
-    src: "https://via.placeholder.com/700x1000/01FF70/FFFFFF.png?text=7"
-  }), /*#__PURE__*/_react.default.createElement("img", {
-    alt: "Image 8",
-    src: "https://via.placeholder.com/800x600/FFDC00/FFFFFF.png?text=8"
-  }), /*#__PURE__*/_react.default.createElement("img", {
-    alt: "Image 9",
-    src: "https://via.placeholder.com/200x100/FF851B/FFFFFF.png?text=9"
-  }), /*#__PURE__*/_react.default.createElement("img", {
-    alt: "Image 10",
-    src: "https://via.placeholder.com/200x100/FF4136/FFFFFF.png?text=10"
-  }))), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, /*#__PURE__*/_react.default.createElement(_Mosaic.Mosaic, null, /*#__PURE__*/_react.default.createElement("img", {
-    alt: "Image 1",
-    src: "https://..."
-  }), /*#__PURE__*/_react.default.createElement("img", {
-    alt: "Image 2",
-    src: "https://..."
-  }), /*#__PURE__*/_react.default.createElement("img", {
-    alt: "Image 3",
-    src: "https://..."
-  }), /*#__PURE__*/_react.default.createElement("img", {
-    alt: "Image 4",
-    src: "https://..."
-  }), /*#__PURE__*/_react.default.createElement("img", {
-    alt: "Image 5",
-    src: "https://..."
-  }), /*#__PURE__*/_react.default.createElement("img", {
-    alt: "Image 6",
-    src: "https://..."
-  }), /*#__PURE__*/_react.default.createElement("img", {
-    alt: "Image 7",
-    src: "https://..."
-  }), /*#__PURE__*/_react.default.createElement("img", {
-    alt: "Image 8",
-    src: "https://..."
-  }), /*#__PURE__*/_react.default.createElement("img", {
-    alt: "Image 9",
-    src: "https://..."
-  }), /*#__PURE__*/_react.default.createElement("img", {
-    alt: "Image 10",
-    src: "https://..."
-  })))));
-}, {
-  info: {
-    propTables: [_Mosaic.Mosaic]
-  }
-});

package/Mosaic/Mosaic.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["story","storiesOf","module","add","readme","info","propTables","Mosaic"],"sources":["Mosaic.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../Mosaic/README.md\";\n\nimport { Mosaic } from \"./Mosaic\";\n\nconst story = storiesOf(\"Components/Mosaic\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"A simple responsive mosaic.\"}>\n                    <StorySandboxExample>\n                        <Mosaic>\n                            <img\n                                alt=\"Image 1\"\n                                src={\"https://via.placeholder.com/800x600/001F3F/FFFFFF.png?text=1\"}\n                            />\n                            <img\n                                alt=\"Image 2\"\n                                src={\"https://via.placeholder.com/400x300/0074D9/FFFFFF.png?text=2\"}\n                            />\n                            <img\n                                alt=\"Image 3\"\n                                src={\n                                    \"https://via.placeholder.com/1024x768/7FDBFF/FFFFFF.png?text=3\"\n                                }\n                            />\n                            <img\n                                alt=\"Image 4\"\n                                src={\n                                    \"https://via.placeholder.com/1280x1024/39CCCC/FFFFFF.png?text=4\"\n                                }\n                            />\n                            <img\n                                alt=\"Image 5\"\n                                src={\"https://via.placeholder.com/640x480/3D9970/FFFFFF.png?text=5\"}\n                            />\n                            <img\n                                alt=\"Image 6\"\n                                src={\n                                    \"https://via.placeholder.com/1000x500/2ECC40/FFFFFF.png?text=6\"\n                                }\n                            />\n                            <img\n                                alt=\"Image 7\"\n                                src={\n                                    \"https://via.placeholder.com/700x1000/01FF70/FFFFFF.png?text=7\"\n                                }\n                            />\n                            <img\n                                alt=\"Image 8\"\n                                src={\"https://via.placeholder.com/800x600/FFDC00/FFFFFF.png?text=8\"}\n                            />\n                            <img\n                                alt=\"Image 9\"\n                                src={\"https://via.placeholder.com/200x100/FF851B/FFFFFF.png?text=9\"}\n                            />\n                            <img\n                                alt=\"Image 10\"\n                                src={\n                                    \"https://via.placeholder.com/200x100/FF4136/FFFFFF.png?text=10\"\n                                }\n                            />\n                        </Mosaic>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        <Mosaic>\n                            <img alt=\"Image 1\" src={\"https://...\"} />\n                            <img alt=\"Image 2\" src={\"https://...\"} />\n                            <img alt=\"Image 3\" src={\"https://...\"} />\n                            <img alt=\"Image 4\" src={\"https://...\"} />\n                            <img alt=\"Image 5\" src={\"https://...\"} />\n                            <img alt=\"Image 6\" src={\"https://...\"} />\n                            <img alt=\"Image 7\" src={\"https://...\"} />\n                            <img alt=\"Image 8\" src={\"https://...\"} />\n                            <img alt=\"Image 9\" src={\"https://...\"} />\n                            <img alt=\"Image 10\" src={\"https://...\"} />\n                        </Mosaic>\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Mosaic] } }\n);\n"],"mappings":";;;;AAAA;;AACA;;AACA;;AAOA;;AAEA;;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,mBAAV,EAA+BC,MAA/B,CAAd;AAEAF,KAAK,CAACG,GAAN,CACI,OADJ,EAEI,YAAM;EACF,oBACI,6BAAC,YAAD,qBACI,6BAAC,kBAAD,QAAcC,eAAd,CADJ,eAEI,6BAAC,mBAAD;IAAc,KAAK,EAAE;EAArB,gBACI,6BAAC,0BAAD,qBACI,6BAAC,cAAD,qBACI;IACI,GAAG,EAAC,SADR;IAEI,GAAG,EAAE;EAFT,EADJ,eAKI;IACI,GAAG,EAAC,SADR;IAEI,GAAG,EAAE;EAFT,EALJ,eASI;IACI,GAAG,EAAC,SADR;IAEI,GAAG,EACC;EAHR,EATJ,eAeI;IACI,GAAG,EAAC,SADR;IAEI,GAAG,EACC;EAHR,EAfJ,eAqBI;IACI,GAAG,EAAC,SADR;IAEI,GAAG,EAAE;EAFT,EArBJ,eAyBI;IACI,GAAG,EAAC,SADR;IAEI,GAAG,EACC;EAHR,EAzBJ,eA+BI;IACI,GAAG,EAAC,SADR;IAEI,GAAG,EACC;EAHR,EA/BJ,eAqCI;IACI,GAAG,EAAC,SADR;IAEI,GAAG,EAAE;EAFT,EArCJ,eAyCI;IACI,GAAG,EAAC,SADR;IAEI,GAAG,EAAE;EAFT,EAzCJ,eA6CI;IACI,GAAG,EAAC,UADR;IAEI,GAAG,EACC;EAHR,EA7CJ,CADJ,CADJ,eAuDI,6BAAC,uBAAD,qBACI,6BAAC,cAAD,qBACI;IAAK,GAAG,EAAC,SAAT;IAAmB,GAAG,EAAE;EAAxB,EADJ,eAEI;IAAK,GAAG,EAAC,SAAT;IAAmB,GAAG,EAAE;EAAxB,EAFJ,eAGI;IAAK,GAAG,EAAC,SAAT;IAAmB,GAAG,EAAE;EAAxB,EAHJ,eAII;IAAK,GAAG,EAAC,SAAT;IAAmB,GAAG,EAAE;EAAxB,EAJJ,eAKI;IAAK,GAAG,EAAC,SAAT;IAAmB,GAAG,EAAE;EAAxB,EALJ,eAMI;IAAK,GAAG,EAAC,SAAT;IAAmB,GAAG,EAAE;EAAxB,EANJ,eAOI;IAAK,GAAG,EAAC,SAAT;IAAmB,GAAG,EAAE;EAAxB,EAPJ,eAQI;IAAK,GAAG,EAAC,SAAT;IAAmB,GAAG,EAAE;EAAxB,EARJ,eASI;IAAK,GAAG,EAAC,SAAT;IAAmB,GAAG,EAAE;EAAxB,EATJ,eAUI;IAAK,GAAG,EAAC,UAAT;IAAoB,GAAG,EAAE;EAAzB,EAVJ,CADJ,CAvDJ,CAFJ,CADJ;AA2EH,CA9EL,EA+EI;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,cAAD;EAAd;AAAR,CA/EJ"}

package/Mosaic/README.md

@@ -1,15 +0,0 @@
-# Mosaic
-
-### Additional information
-
-<a href="https://www.npmjs.com/package/react-columned" target="_blank">https://www.npmjs.com/package/react-columned</a>
-
-### Description
-
-`Mosaic` component is used to show images or any other component in columns.
-
-### Import
-
-```js
-import { Mosaic } from "@webiny/ui/Mosaic";
-```

package/Progress/README.md

@@ -1,19 +0,0 @@
-# Progress
-
-### Design
-
-<a href="https://material.io/design/components/progress-indicators.html#circular-progress-indicators" target="_blank">
-    https://material.io/design/components/progress-indicators.html#circular-progress-indicators
-</a>
-
-### Description
-
-Progress components are used in cases where user has to wait for a background process to finish.
-
-Currently only the `CircularProgress` component is available, which is ideal for forms.
-
-### Import
-
-```js
-import { CircularProgress } from "@webiny/ui/Progress";
-```

package/Progress/svg/circularProgress.svg

@@ -1,3 +0,0 @@
-<svg class="spinner" width="65px" height="65px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
-    <circle class="path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
-</svg>

package/Radio/README.md

@@ -1,17 +0,0 @@
-# Group
-
-### Design
-
-<a href="https://material.io/design/components/selection-controls.html#radio-buttons" target="_blank">https://material.io/design/components/selection-controls.html#radio-buttons</a>
-
-### Description
-
-Wrap `Radio` components with `RadioGroup` to create a set of options.
-Each `Radio` component must receive `value` and `onChange` callback via props.
-
-### Import
-To use, import base `Radio` component.
-
-```js
-import { Radio, RadioGroup } from "@webiny/ui/Radio";
-```

package/Radio/Radio.styles.d.ts

@@ -1,6 +0,0 @@
-/**
- * Controls the helper text below the checkbox.
- * @type {string}
- */
-declare const webinyRadioTitle: string;
-export { webinyRadioTitle };

package/Radio/Radio.styles.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.webinyRadioTitle = void 0;
-
-var _emotion = require("emotion");
-
-/**
- * Controls the helper text below the checkbox.
- * @type {string}
- */
-var webinyRadioTitle = /*#__PURE__*/(0, _emotion.css)({}, {
-  "&.mdc-text-field-helper-text": {
-    paddingLeft: 10,
-    //textTransform: "uppercase",
-    //fontWeight: "bold",
-    marginBottom: "5px"
-  }
-}, "label:webinyRadioTitle;");
-exports.webinyRadioTitle = webinyRadioTitle;

package/Radio/Radio.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["webinyRadioTitle","css","paddingLeft","marginBottom"],"sources":["Radio.styles.ts"],"sourcesContent":["import { css } from \"emotion\";\n\n/**\n * Controls the helper text below the checkbox.\n * @type {string}\n */\nconst webinyRadioTitle = css(\n    {},\n    {\n        \"&.mdc-text-field-helper-text\": {\n            paddingLeft: 10,\n            //textTransform: \"uppercase\",\n            //fontWeight: \"bold\",\n            marginBottom: \"5px\"\n        }\n    }\n);\n\nexport { webinyRadioTitle };\n"],"mappings":";;;;;;;AAAA;;AAEA;AACA;AACA;AACA;AACA,IAAMA,gBAAgB,gBAAG,IAAAC,YAAA,EACrB,EADqB,EAErB;EACI,gCAAgC;IAC5BC,WAAW,EAAE,EADe;IAE5B;IACA;IACAC,YAAY,EAAE;EAJc;AADpC,CAFqB,4BAAzB"}

package/Radio/RadioGroup.stories.d.ts

@@ -1 +0,0 @@
-export {};

package/Radio/RadioGroup.stories.js

@@ -1,66 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@storybook/react");
-
-var _Story = require("@webiny/storybook-utils/Story");
-
-var _addonKnobs = require("@storybook/addon-knobs");
-
-var _README = _interopRequireDefault(require("./README.md"));
-
-var _form = require("@webiny/form");
-
-var _ = require(".");
-
-var story = (0, _react2.storiesOf)("Components/Radio", module);
-story.addDecorator(_addonKnobs.withKnobs);
-story.add("usage", function () {
-  var disabled = (0, _addonKnobs.boolean)("Disabled", false);
-  var options = [{
-    id: "apple",
-    name: "Apple"
-  }, {
-    id: "pear",
-    name: "Pear"
-  }, {
-    id: "orange",
-    name: "Orange"
-  }];
-  return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, null, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, {
-    title: "Simple radio with label and description"
-  }, /*#__PURE__*/_react.default.createElement(_form.Form, {
-    data: {
-      fruits: "pear"
-    }
-  }, function (_ref) {
-    var Bind = _ref.Bind;
-    return /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "fruits"
-    }, /*#__PURE__*/_react.default.createElement(_.RadioGroup, {
-      label: "Fruit selection",
-      description: "Choose fruit you like the most."
-    }, function (_ref2) {
-      var onChange = _ref2.onChange,
-          getValue = _ref2.getValue;
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, options.map(function (_ref3) {
-        var id = _ref3.id,
-            name = _ref3.name;
-        return /*#__PURE__*/_react.default.createElement(_.Radio, {
-          disabled: disabled,
-          key: id,
-          label: name,
-          value: getValue(id),
-          onChange: onChange(id)
-        });
-      }));
-    }));
-  })), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                     <Form data={{fruits: ['pear']}}>\n                        {({ Bind }) => (\n                            <Bind name=\"fruits\">\n                                <RadioGroup\n                                    label=\"Fruits selection\"\n                                    description={\"Choose only fruits you like.\"}\n                                >\n                                    {({ onChange, getValue }) => (\n                                        <React.Fragment>\n                                            {options.map(({id, name}) => (\n                                                <Radio\n                                                    disabled={disabled}\n                                                    key={id}\n                                                    label={name}\n                                                    value={getValue(id)}\n                                                    onChange={onChange(id)}\n                                                />\n                                            ))}\n                                        </React.Fragment>\n                                    )}\n                                </RadioGroup>\n                            </Bind>\n                        )}\n                    </Form>\n                    ")));
-}, {
-  info: {
-    propTables: [_.Radio, _.RadioGroup]
-  }
-});

package/Radio/RadioGroup.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","add","disabled","boolean","options","id","name","readme","fruits","Bind","onChange","getValue","map","info","propTables","Radio","RadioGroup"],"sources":["RadioGroup.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport { withKnobs, boolean } from \"@storybook/addon-knobs\";\nimport readme from \"./README.md\";\n\nimport { Form } from \"@webiny/form\";\nimport { Radio, RadioGroup } from \".\";\n\nconst story = storiesOf(\"Components/Radio\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n\n        const options = [\n            { id: \"apple\", name: \"Apple\" },\n            { id: \"pear\", name: \"Pear\" },\n            { id: \"orange\", name: \"Orange\" }\n        ];\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Simple radio with label and description\"}>\n                        <Form data={{ fruits: \"pear\" }}>\n                            {({ Bind }) => (\n                                <Bind name=\"fruits\">\n                                    <RadioGroup\n                                        label=\"Fruit selection\"\n                                        description={\"Choose fruit you like the most.\"}\n                                    >\n                                        {({ onChange, getValue }) => (\n                                            <React.Fragment>\n                                                {options.map(({ id, name }) => (\n                                                    <Radio\n                                                        disabled={disabled}\n                                                        key={id}\n                                                        label={name}\n                                                        value={getValue(id)}\n                                                        onChange={onChange(id)}\n                                                    />\n                                                ))}\n                                            </React.Fragment>\n                                        )}\n                                    </RadioGroup>\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                     <Form data={{fruits: ['pear']}}>\n                        {({ Bind }) => (\n                            <Bind name=\"fruits\">\n                                <RadioGroup\n                                    label=\"Fruits selection\"\n                                    description={\"Choose only fruits you like.\"}\n                                >\n                                    {({ onChange, getValue }) => (\n                                        <React.Fragment>\n                                            {options.map(({id, name}) => (\n                                                <Radio\n                                                    disabled={disabled}\n                                                    key={id}\n                                                    label={name}\n                                                    value={getValue(id)}\n                                                    onChange={onChange(id)}\n                                                />\n                                            ))}\n                                        </React.Fragment>\n                                    )}\n                                </RadioGroup>\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Radio, RadioGroup] } }\n);\n"],"mappings":";;;;AAAA;;AACA;;AACA;;AAOA;;AACA;;AAEA;;AACA;;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,kBAAV,EAA8BC,MAA9B,CAAd;AACAF,KAAK,CAACG,YAAN,CAAmBC,qBAAnB;AAEAJ,KAAK,CAACK,GAAN,CACI,OADJ,EAEI,YAAM;EACF,IAAMC,QAAQ,GAAG,IAAAC,mBAAA,EAAQ,UAAR,EAAoB,KAApB,CAAjB;EAEA,IAAMC,OAAO,GAAG,CACZ;IAAEC,EAAE,EAAE,OAAN;IAAeC,IAAI,EAAE;EAArB,CADY,EAEZ;IAAED,EAAE,EAAE,MAAN;IAAcC,IAAI,EAAE;EAApB,CAFY,EAGZ;IAAED,EAAE,EAAE,QAAN;IAAgBC,IAAI,EAAE;EAAtB,CAHY,CAAhB;EAMA,oBACI,6BAAC,YAAD,qBACI,6BAAC,kBAAD,QAAcC,eAAd,CADJ,eAEI,6BAAC,mBAAD,qBACI,6BAAC,0BAAD;IAAqB,KAAK,EAAE;EAA5B,gBACI,6BAAC,UAAD;IAAM,IAAI,EAAE;MAAEC,MAAM,EAAE;IAAV;EAAZ,GACK;IAAA,IAAGC,IAAH,QAAGA,IAAH;IAAA,oBACG,6BAAC,IAAD;MAAM,IAAI,EAAC;IAAX,gBACI,6BAAC,YAAD;MACI,KAAK,EAAC,iBADV;MAEI,WAAW,EAAE;IAFjB,GAIK;MAAA,IAAGC,QAAH,SAAGA,QAAH;MAAA,IAAaC,QAAb,SAAaA,QAAb;MAAA,oBACG,6BAAC,cAAD,CAAO,QAAP,QACKP,OAAO,CAACQ,GAAR,CAAY;QAAA,IAAGP,EAAH,SAAGA,EAAH;QAAA,IAAOC,IAAP,SAAOA,IAAP;QAAA,oBACT,6BAAC,OAAD;UACI,QAAQ,EAAEJ,QADd;UAEI,GAAG,EAAEG,EAFT;UAGI,KAAK,EAAEC,IAHX;UAII,KAAK,EAAEK,QAAQ,CAACN,EAAD,CAJnB;UAKI,QAAQ,EAAEK,QAAQ,CAACL,EAAD;QALtB,EADS;MAAA,CAAZ,CADL,CADH;IAAA,CAJL,CADJ,CADH;EAAA,CADL,CADJ,CADJ,eA2BI,6BAAC,uBAAD,i1CA3BJ,CAFJ,CADJ;AA6DH,CAxEL,EAyEI;EAAEQ,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,OAAD,EAAQC,YAAR;EAAd;AAAR,CAzEJ"}

package/RichTextEditor/README.md

@@ -1,10 +0,0 @@
-# RichTextEditor
-
-### Description
-https://editorjs.io
-
-### Import
-
-```js
-import { RichTextEditor } from "@webiny/ui/RichTextEditor";
-```

package/RichTextEditor/RichTextEditor.stories.d.ts

@@ -1 +0,0 @@
-export {};

package/RichTextEditor/RichTextEditor.stories.js

@@ -1,30 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _react2 = require("@storybook/react");
-
-var _Story = require("@webiny/storybook-utils/Story");
-
-var _README = _interopRequireDefault(require("./README.md"));
-
-var _index = require("./index");
-
-var story = (0, _react2.storiesOf)("Components/RichTextEditor", module);
-story.add("usage", function () {
-  var onChange = (0, _react.useCallback)(function (data) {
-    console.log(data);
-  }, []);
-  return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, null, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, null, /*#__PURE__*/_react.default.createElement(_index.RichTextEditor, {
-    value: undefined,
-    onChange: onChange
-  })), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                        import { RichTextEditor } from \"..\";\n\n                        <RichTextEditor/>\n                    ")));
-}, {
-  info: {
-    propTables: [_index.RichTextEditor]
-  }
-});