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

package/Snackbar/Snackbar.stories.js

@@ -1,91 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@storybook/react");
-
-var _Story = require("@webiny/storybook-utils/Story");
-
-var _README = _interopRequireDefault(require("./../Snackbar/README.md"));
-
-var _addonKnobs = require("@storybook/addon-knobs");
-
-var _Button = require("./../Button");
-
-var _Snackbar = require("./Snackbar");
-
-var story = (0, _react2.storiesOf)("Components/Snackbar", module);
-story.addDecorator(_addonKnobs.withKnobs);
-
-var SnackbarContainer = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(SnackbarContainer, _React$Component);
-
-  var _super = (0, _createSuper2.default)(SnackbarContainer);
-
-  function SnackbarContainer() {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, SnackbarContainer);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      show: false
-    });
-    return _this;
-  }
-
-  (0, _createClass2.default)(SnackbarContainer, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Snackbar.Snackbar, {
-        open: this.state.show,
-        onClose: function onClose() {
-          return _this2.setState({
-            show: false
-          });
-        },
-        message: "This is a message.",
-        leading: this.props.leading,
-        action: "Something"
-      }), /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
-        onClick: function onClick() {
-          return _this2.setState({
-            show: true
-          });
-        }
-      }, "Show message"));
-    }
-  }]);
-  return SnackbarContainer;
-}(_react.default.Component);
-
-story.add("usage", function () {
-  var leading = (0, _addonKnobs.boolean)("leading", false);
-  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(SnackbarContainer, {
-    leading: true
-  })), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                        <div>\n                             <Snackbar\n                                open={this.state.show}\n                                leading={".concat(leading, "}\n                                onHide={() => this.setState({ show: false })}\n                                message=\"This is a message.\"\n                            />\n                            <ButtonPrimary onClick={() => this.setState({ show: true })}>\n                                Show message\n                            </ButtonPrimary>\n                        </div>\n                    "))));
-}, {
-  info: {
-    propTables: [_Snackbar.Snackbar]
-  }
-});

package/Snackbar/Snackbar.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","SnackbarContainer","show","state","setState","props","leading","React","Component","add","boolean","readme","info","propTables","Snackbar"],"sources":["Snackbar.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 \"./../Snackbar/README.md\";\nimport { withKnobs, boolean } from \"@storybook/addon-knobs\";\nimport { ButtonPrimary } from \"./../Button\";\nimport { Snackbar } from \"./Snackbar\";\n\nconst story = storiesOf(\"Components/Snackbar\", module);\nstory.addDecorator(withKnobs);\n\nclass SnackbarContainer extends React.Component<{ leading: boolean }, { show: boolean }> {\n    public override state = {\n        show: false\n    };\n\n    public override render() {\n        return (\n            <React.Fragment>\n                <Snackbar\n                    open={this.state.show}\n                    onClose={() => this.setState({ show: false })}\n                    message=\"This is a message.\"\n                    leading={this.props.leading}\n                    action=\"Something\"\n                />\n                <ButtonPrimary onClick={() => this.setState({ show: true })}>\n                    Show message\n                </ButtonPrimary>\n            </React.Fragment>\n        );\n    }\n}\n\nstory.add(\n    \"usage\",\n    () => {\n        const leading = boolean(\"leading\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <SnackbarContainer leading />\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        <div>\n                             <Snackbar\n                                open={this.state.show}\n                                leading={${leading}}\n                                onHide={() => this.setState({ show: false })}\n                                message=\"This is a message.\"\n                            />\n                            <ButtonPrimary onClick={() => this.setState({ show: true })}>\n                                Show message\n                            </ButtonPrimary>\n                        </div>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Snackbar] } }\n);\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAOA;;AACA;;AACA;;AACA;;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,qBAAV,EAAiCC,MAAjC,CAAd;AACAF,KAAK,CAACG,YAAN,CAAmBC,qBAAnB;;IAEMC,iB;;;;;;;;;;;;;;;wFACsB;MACpBC,IAAI,EAAE;IADc,C;;;;;;WAIxB,kBAAyB;MAAA;;MACrB,oBACI,6BAAC,cAAD,CAAO,QAAP,qBACI,6BAAC,kBAAD;QACI,IAAI,EAAE,KAAKC,KAAL,CAAWD,IADrB;QAEI,OAAO,EAAE;UAAA,OAAM,MAAI,CAACE,QAAL,CAAc;YAAEF,IAAI,EAAE;UAAR,CAAd,CAAN;QAAA,CAFb;QAGI,OAAO,EAAC,oBAHZ;QAII,OAAO,EAAE,KAAKG,KAAL,CAAWC,OAJxB;QAKI,MAAM,EAAC;MALX,EADJ,eAQI,6BAAC,qBAAD;QAAe,OAAO,EAAE;UAAA,OAAM,MAAI,CAACF,QAAL,CAAc;YAAEF,IAAI,EAAE;UAAR,CAAd,CAAN;QAAA;MAAxB,kBARJ,CADJ;IAcH;;;EApB2BK,cAAA,CAAMC,S;;AAuBtCZ,KAAK,CAACa,GAAN,CACI,OADJ,EAEI,YAAM;EACF,IAAMH,OAAO,GAAG,IAAAI,mBAAA,EAAQ,SAAR,EAAmB,KAAnB,CAAhB;EAEA,oBACI,6BAAC,YAAD,qBACI,6BAAC,kBAAD,QAAcC,eAAd,CADJ,eAEI,6BAAC,mBAAD,qBACI,6BAAC,0BAAD,qBACI,6BAAC,iBAAD;IAAmB,OAAO;EAA1B,EADJ,CADJ,eAII,6BAAC,uBAAD,4LAKuBL,OALvB,maAJJ,CAFJ,CADJ;AAyBH,CA9BL,EA+BI;EAAEM,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,kBAAD;EAAd;AAAR,CA/BJ"}

package/Switch/README.md

@@ -1,15 +0,0 @@
-# Switch
-
-### Design
-
-<a href="https://material.io/design/components/selection-controls.html#switches" target="_blank">https://material.io/design/components/selection-controls.html#switches</a>
-
-### Description
-
-`Switch` component can be used to store simple boolean values.
-
-### Import
-
-```js
-import { Switch } from "@webiny/ui/Switch";
-```

package/Switch/Switch.stories.d.ts

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

package/Switch/Switch.stories.js

@@ -1,43 +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 _Switch = require("./Switch");
-
-var story = (0, _react2.storiesOf)("Components/Switch", module);
-story.addDecorator(_addonKnobs.withKnobs);
-story.add("usage", function () {
-  var disabled = (0, _addonKnobs.boolean)("Disabled", false);
-  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 switch with a label and description"
-  }, /*#__PURE__*/_react.default.createElement(_form.Form, {
-    data: {
-      rememberMe: true
-    }
-  }, function (_ref) {
-    var Bind = _ref.Bind;
-    return /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "rememberMe"
-    }, /*#__PURE__*/_react.default.createElement(_Switch.Switch, {
-      label: "Remember me",
-      disabled: disabled,
-      description: "You won't be logged out after you leave the app."
-    }));
-  })), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                    <Form>\n                        {({ Bind }) => (\n                            <Bind name=\"rememberMe\">\n                                  <Switch\n                                    label={\"Remember me\"}\n                                    disabled={disabled}\n                                    description={\"You won't be logged out after you leave the app.\"}\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    ")));
-}, {
-  info: {
-    propTables: [_Switch.Switch]
-  }
-});

package/Switch/Switch.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","add","disabled","boolean","readme","rememberMe","Bind","info","propTables","Switch"],"sources":["Switch.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 { Switch } from \"./Switch\";\n\nconst story = storiesOf(\"Components/Switch\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Simple switch with a label and description\"}>\n                        <Form data={{ rememberMe: true }}>\n                            {({ Bind }) => (\n                                <Bind name=\"rememberMe\">\n                                    <Switch\n                                        label={\"Remember me\"}\n                                        disabled={disabled}\n                                        description={\n                                            \"You won't be logged out after you leave the app.\"\n                                        }\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Form>\n                        {({ Bind }) => (\n                            <Bind name=\"rememberMe\">\n                                  <Switch\n                                    label={\"Remember me\"}\n                                    disabled={disabled}\n                                    description={\"You won't be logged out after you leave the app.\"}\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Switch] } }\n);\n"],"mappings":";;;;AAAA;;AACA;;AACA;;AAOA;;AACA;;AAEA;;AACA;;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,mBAAV,EAA+BC,MAA/B,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,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,UAAU,EAAE;IAAd;EAAZ,GACK;IAAA,IAAGC,IAAH,QAAGA,IAAH;IAAA,oBACG,6BAAC,IAAD;MAAM,IAAI,EAAC;IAAX,gBACI,6BAAC,cAAD;MACI,KAAK,EAAE,aADX;MAEI,QAAQ,EAAEJ,QAFd;MAGI,WAAW,EACP;IAJR,EADJ,CADH;EAAA,CADL,CADJ,CADJ,eAgBI,6BAAC,uBAAD,0iBAhBJ,CAFJ,CADJ;AAqCH,CA1CL,EA2CI;EAAEK,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,cAAD;EAAd;AAAR,CA3CJ"}

package/Tabs/Tabs.stories.d.ts

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

package/Tabs/Tabs.stories.js

@@ -1,53 +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("./../Tabs/README.md"));
-
-var _baselineDelete24px = require("./svg/baseline-delete-24px.svg");
-
-var _baselineDone24px = require("./svg/baseline-done-24px.svg");
-
-var _addonKnobs = require("@storybook/addon-knobs");
-
-var _index = require("./index");
-
-var story = (0, _react2.storiesOf)("Components/Tabs", module);
-story.addDecorator(_addonKnobs.withKnobs);
-story.add("usage", function () {
-  var Div = function Div(props) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        padding: 50
-      }
-    }, props.children);
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, {
-    title: "Tabs example"
-  }, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, null, /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      overflow: "hidden"
-    }
-  }, /*#__PURE__*/_react.default.createElement(_index.Tabs, null, /*#__PURE__*/_react.default.createElement(_index.Tab, {
-    label: "Tab 1",
-    icon: /*#__PURE__*/_react.default.createElement(_baselineDelete24px.ReactComponent, null)
-  }, /*#__PURE__*/_react.default.createElement(Div, null, "Tab 1 content.")), /*#__PURE__*/_react.default.createElement(_index.Tab, {
-    label: "Tab 2",
-    icon: /*#__PURE__*/_react.default.createElement(_baselineDone24px.ReactComponent, null)
-  }, /*#__PURE__*/_react.default.createElement(Div, null, "Tab 2 content.")), /*#__PURE__*/_react.default.createElement(_index.Tab, {
-    label: "Tab 3"
-  }, /*#__PURE__*/_react.default.createElement(Div, null, "Tab 3 content - header without icon.")), /*#__PURE__*/_react.default.createElement(_index.Tab, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineDone24px.ReactComponent, null)
-  }, /*#__PURE__*/_react.default.createElement(Div, null, "Tab 4 content - header without label."))))), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                            <Tabs>\n                                <Tab label=\"Tab 1\" icon={<DeleteIcon />}>\n                                    <Div>Tab 1 content.</Div>\n                                </Tab>\n                                <Tab label=\"Tab 2\" icon={<DoneIcon />}>\n                                    <Div>Tab 2 content.</Div>\n                                </Tab>\n                                <Tab label=\"Tab 3\">\n                                    <Div>Tab 3 content - header without icon.</Div>\n                                </Tab>\n                                <Tab icon={<DoneIcon />}>\n                                    <Div>Tab 4 content - header without label.</Div>\n                                </Tab>\n                            </Tabs>\n                        ")));
-}, {
-  info: {
-    propTables: [_index.Tabs, _index.Tab]
-  }
-});

package/Tabs/Tabs.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","add","Div","props","padding","children","readme","overflow","info","propTables","Tabs","Tab"],"sources":["Tabs.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 \"./../Tabs/README.md\";\n\nimport { ReactComponent as DeleteIcon } from \"./svg/baseline-delete-24px.svg\";\nimport { ReactComponent as DoneIcon } from \"./svg/baseline-done-24px.svg\";\nimport { withKnobs } from \"@storybook/addon-knobs\";\nimport { Tabs, Tab } from \"./index\";\n\nconst story = storiesOf(\"Components/Tabs\", module);\n\nstory.addDecorator(withKnobs);\nstory.add(\n    \"usage\",\n    () => {\n        const Div: React.FC = props => {\n            return <div style={{ padding: 50 }}>{props.children}</div>;\n        };\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Tabs example\"}>\n                    <StorySandboxExample>\n                        <div style={{ overflow: \"hidden\" }}>\n                            <Tabs>\n                                <Tab label=\"Tab 1\" icon={<DeleteIcon />}>\n                                    <Div>Tab 1 content.</Div>\n                                </Tab>\n                                <Tab label=\"Tab 2\" icon={<DoneIcon />}>\n                                    <Div>Tab 2 content.</Div>\n                                </Tab>\n                                <Tab label=\"Tab 3\">\n                                    <Div>Tab 3 content - header without icon.</Div>\n                                </Tab>\n                                <Tab icon={<DoneIcon />}>\n                                    <Div>Tab 4 content - header without label.</Div>\n                                </Tab>\n                            </Tabs>\n                        </div>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                            <Tabs>\n                                <Tab label=\"Tab 1\" icon={<DeleteIcon />}>\n                                    <Div>Tab 1 content.</Div>\n                                </Tab>\n                                <Tab label=\"Tab 2\" icon={<DoneIcon />}>\n                                    <Div>Tab 2 content.</Div>\n                                </Tab>\n                                <Tab label=\"Tab 3\">\n                                    <Div>Tab 3 content - header without icon.</Div>\n                                </Tab>\n                                <Tab icon={<DoneIcon />}>\n                                    <Div>Tab 4 content - header without label.</Div>\n                                </Tab>\n                            </Tabs>\n                        `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Tabs, Tab] } }\n);\n"],"mappings":";;;;AAAA;;AACA;;AACA;;AAOA;;AAEA;;AACA;;AACA;;AACA;;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,iBAAV,EAA6BC,MAA7B,CAAd;AAEAF,KAAK,CAACG,YAAN,CAAmBC,qBAAnB;AACAJ,KAAK,CAACK,GAAN,CACI,OADJ,EAEI,YAAM;EACF,IAAMC,GAAa,GAAG,SAAhBA,GAAgB,CAAAC,KAAK,EAAI;IAC3B,oBAAO;MAAK,KAAK,EAAE;QAAEC,OAAO,EAAE;MAAX;IAAZ,GAA8BD,KAAK,CAACE,QAApC,CAAP;EACH,CAFD;;EAIA,oBACI,6BAAC,YAAD,qBACI,6BAAC,kBAAD,QAAcC,eAAd,CADJ,eAEI,6BAAC,mBAAD;IAAc,KAAK,EAAE;EAArB,gBACI,6BAAC,0BAAD,qBACI;IAAK,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAZ;EAAZ,gBACI,6BAAC,WAAD,qBACI,6BAAC,UAAD;IAAK,KAAK,EAAC,OAAX;IAAmB,IAAI,eAAE,6BAAC,kCAAD;EAAzB,gBACI,6BAAC,GAAD,yBADJ,CADJ,eAII,6BAAC,UAAD;IAAK,KAAK,EAAC,OAAX;IAAmB,IAAI,eAAE,6BAAC,gCAAD;EAAzB,gBACI,6BAAC,GAAD,yBADJ,CAJJ,eAOI,6BAAC,UAAD;IAAK,KAAK,EAAC;EAAX,gBACI,6BAAC,GAAD,+CADJ,CAPJ,eAUI,6BAAC,UAAD;IAAK,IAAI,eAAE,6BAAC,gCAAD;EAAX,gBACI,6BAAC,GAAD,gDADJ,CAVJ,CADJ,CADJ,CADJ,eAmBI,6BAAC,uBAAD,i0BAnBJ,CAFJ,CADJ;AA2CH,CAlDL,EAmDI;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,WAAD,EAAOC,UAAP;EAAd;AAAR,CAnDJ"}

package/Tabs/svg/baseline-autorenew-24px.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" 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/Tabs/svg/baseline-cloud_done-24px.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" 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/Tabs/svg/baseline-delete-24px.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" 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/Tabs/svg/baseline-done-24px.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" 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/Tags/README.md

@@ -1,15 +0,0 @@
-# Tags
-
-### Design
-
-N/A
-
-### Description
-
-`Tags` component lets users to input one or more tags.
-
-### Import
-
-```js
-import { Tags } from "@webiny/ui/Tags";
-```

package/Tags/Tags.stories.d.ts

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

package/Tags/Tags.stories.js

@@ -1,43 +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 _Tags = require("./Tags");
-
-var story = (0, _react2.storiesOf)("Components/Tags", module);
-story.addDecorator(_addonKnobs.withKnobs);
-story.add("usage", function () {
-  var disabled = (0, _addonKnobs.boolean)("Disabled", false);
-  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: "Single value"
-  }, /*#__PURE__*/_react.default.createElement(_form.Form, {
-    data: {
-      tags: ["animals", "dogs", "food"]
-    }
-  }, function (_ref) {
-    var Bind = _ref.Bind;
-    return /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "tags"
-    }, /*#__PURE__*/_react.default.createElement(_Tags.Tags, {
-      label: "Tags",
-      disabled: disabled,
-      description: "Choose your tags"
-    }));
-  })), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                     <Form data={{ tags: ['animals', 'dogs', 'food'] }}>\n                        {({ Bind }) => (\n                            <Bind name=\"tags\">\n                                <Tags\n                                    label=\"Tags\"\n                                    disabled={disabled}\n                                    description=\"Choose your tags\"\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    ")));
-}, {
-  info: {
-    propTables: [_Tags.Tags]
-  }
-});

package/Tags/Tags.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","add","disabled","boolean","readme","tags","Bind","info","propTables","Tags"],"sources":["Tags.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 { Tags } from \"./Tags\";\n\nconst story = storiesOf(\"Components/Tags\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Single value\"}>\n                        <Form data={{ tags: [\"animals\", \"dogs\", \"food\"] }}>\n                            {({ Bind }) => (\n                                <Bind name=\"tags\">\n                                    <Tags\n                                        label=\"Tags\"\n                                        disabled={disabled}\n                                        description=\"Choose your tags\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                     <Form data={{ tags: ['animals', 'dogs', 'food'] }}>\n                        {({ Bind }) => (\n                            <Bind name=\"tags\">\n                                <Tags\n                                    label=\"Tags\"\n                                    disabled={disabled}\n                                    description=\"Choose your tags\"\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Tags] } }\n);\n"],"mappings":";;;;AAAA;;AACA;;AACA;;AAOA;;AACA;;AAEA;;AACA;;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,iBAAV,EAA6BC,MAA7B,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,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,IAAI,EAAE,CAAC,SAAD,EAAY,MAAZ,EAAoB,MAApB;IAAR;EAAZ,GACK;IAAA,IAAGC,IAAH,QAAGA,IAAH;IAAA,oBACG,6BAAC,IAAD;MAAM,IAAI,EAAC;IAAX,gBACI,6BAAC,UAAD;MACI,KAAK,EAAC,MADV;MAEI,QAAQ,EAAEJ,QAFd;MAGI,WAAW,EAAC;IAHhB,EADJ,CADH;EAAA,CADL,CADJ,CADJ,eAcI,6BAAC,uBAAD,miBAdJ,CAFJ,CADJ;AAmCH,CAxCL,EAyCI;EAAEK,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,UAAD;EAAd;AAAR,CAzCJ"}

package/Tags/icons/baseline-close-24px.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24">
-    <path fill="currentColor" d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>

package/Tooltip/README.md

@@ -1,15 +0,0 @@
-# Tooltip
-
-### Additional information
-
-<a href="http://react-component.github.io/tooltip/" target="_blank">http://react-component.github.io/tooltip/</a>
-
-### Description
-
-Use `Tooltip` component to display useful messages to users.
-
-### Import
-
-```js
-import { Tooltip } from "@webiny/ui/Tooltip";
-```

package/Tooltip/Tooltip.stories.d.ts

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

package/Tooltip/Tooltip.stories.js

@@ -1,26 +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("./../Tooltip/README.md"));
-
-var _Tooltip = require("./Tooltip");
-
-var story = (0, _react2.storiesOf)("Components/Tooltip", 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 tooltip, triggered with a button"
-  }, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
-    content: /*#__PURE__*/_react.default.createElement("span", null, "This is a tooltip.")
-  }, /*#__PURE__*/_react.default.createElement("span", null, "Hover to see additional information."))));
-}, {
-  info: {
-    propTables: [_Tooltip.Tooltip]
-  }
-});

package/Tooltip/Tooltip.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["story","storiesOf","module","add","readme","info","propTables","Tooltip"],"sources":["Tooltip.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../Tooltip/README.md\";\nimport { Tooltip } from \"./Tooltip\";\n\nconst story = storiesOf(\"Components/Tooltip\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"A simple tooltip, triggered with a button\"}>\n                    <Tooltip content={<span>This is a tooltip.</span>}>\n                        <span>Hover to see additional information.</span>\n                    </Tooltip>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Tooltip] } }\n);\n"],"mappings":";;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,oBAAV,EAAgCC,MAAhC,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,gBAAD;IAAS,OAAO,eAAE;EAAlB,gBACI,kFADJ,CADJ,CAFJ,CADJ;AAUH,CAbL,EAcI;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,gBAAD;EAAd;AAAR,CAdJ"}

package/Tooltip/style.scss

@@ -1,97 +0,0 @@
-// Ensures we have a "solid" child for the tooltip.
-// Will take height / width of its child element, making it easier for the tooltip to be applied.
-.tooltip-content-wrapper {
-  display: inline-block;
-}
-
-.rc-tooltip {
-  opacity: 1;
-  max-width: 250px;
-}
-
-.rc-tooltip-arrow {
-  //display: none;
-}
-
-.rc-tooltip-placement-top .rc-tooltip-arrow,
-.rc-tooltip-placement-topLeft .rc-tooltip-arrow,
-.rc-tooltip-placement-topRight .rc-tooltip-arrow {
-  border-top-color: var(--mdc-theme-secondary);
-}
-
-.rc-tooltip-placement-right .rc-tooltip-arrow,
-.rc-tooltip-placement-rightTop .rc-tooltip-arrow,
-.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
-  border-right-color: var(--mdc-theme-secondary);
-}
-
-.rc-tooltip-placement-left .rc-tooltip-arrow,
-.rc-tooltip-placement-leftTop .rc-tooltip-arrow,
-.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
-  border-left-color: var(--mdc-theme-secondary);
-}
-
-.rc-tooltip-placement-bottom .rc-tooltip-arrow,
-.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,
-.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
-  border-bottom-color: var(--mdc-theme-secondary);
-}
-
-.rc-tooltip-inner {
-  min-height: auto;
-  background-color: var(--mdc-theme-secondary);
-  border: none;
-  color: var(--mdc-theme-on-secondary);
-  border-radius: 0;
-
-  font-family: var(--mdc-typography-font-family);
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  font-size: 0.75rem;
-  line-height: 125%;
-  font-weight: 500;
-  letter-spacing: 0.16667em;
-  text-decoration: none;
-  text-transform: uppercase;
-  text-align: center;
-  font-weight: 600;
-}
-
-.rc-tooltip.rc-tooltip-fade-enter {
-  display: block;
-  opacity: 0;
-}
-
-.rc-tooltip.rc-tooltip-fade-enter.rc-tooltip-fade-enter-active {
-  opacity: 1;
-  transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
-  transition: opacity 0.2s;
-}
-
-.rc-tooltip.rc-tooltip-fade-leave {
-  opacity: 0;
-}
-
-.rc-tooltip.rc-tooltip-fade-enter.rc-tooltip-fade-lave-active {
-  opacity: 0;
-  transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
-  transition: opacity 0.2s;
-}
-
-.example-enter {
-  opacity: 0.01;
-}
-
-.example-enter.example-enter-active {
-  opacity: 1;
-  transition: opacity 500ms ease-in;
-}
-
-.example-leave {
-  opacity: 1;
-}
-
-.example-leave.example-leave-active {
-  opacity: 0.01;
-  transition: opacity 300ms ease-in;
-}

package/TopAppBar/README.md

@@ -1,20 +0,0 @@
-# TopAppBar
-
-### Design
-
-<a href="https://material.io/design/components/app-bars-top.html" target="_blank">https://material.io/design/components/app-bars-top.html</a>
-
-### Description
-
-Use `TopAppBar` component to display title, navigation or additional actions for your app.
-
-### Import
-
-```js
-import {
-  TopAppBar,
-  TopAppBarSection,
-  TopAppBarActionItem,
-  TopAppBarTitle
-} from "@webiny/ui/TopAppBar";
-```

package/TopAppBar/TopAppBar.stories.d.ts

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

package/TopAppBar/TopAppBar.stories.js

@@ -1,70 +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("./../TopAppBar/README.md"));
-
-var _addonKnobs = require("@storybook/addon-knobs");
-
-var _baselineAutorenew24px = require("./icons/baseline-autorenew-24px.svg");
-
-var _baselineCloud_done24px = require("./icons/baseline-cloud_done-24px.svg");
-
-var _baselineEmail24px = require("./icons/baseline-email-24px.svg");
-
-var _baselineMenu24px = require("./icons/baseline-menu-24px.svg");
-
-var _index = require("./index");
-
-var story = (0, _react2.storiesOf)("Components/TopAppBar", module);
-story.addDecorator(_addonKnobs.withKnobs);
-/**
- * Top app bar is by default rendered with "position: fixed", which then messes up the presentation.
- * For demonstration purposes, we had to switch to absolute positioning.
- */
-
-var appendedCssOverrides = false;
-
-var appendCssOverrides = function appendCssOverrides() {
-  if (appendedCssOverrides) {
-    return;
-  }
-
-  appendedCssOverrides = true;
-  var css = ".top-app-bar-storybook .mdc-top-app-bar { position: relative; top: 0 !important }\n                .top-app-bar-storybook .mdc-top-app-bar img { background: none; }",
-      head = document.head || document.getElementsByTagName("head")[0],
-      style = document.createElement("style");
-  style.type = "text/css";
-  style.appendChild(document.createTextNode(css));
-  head.appendChild(style);
-};
-
-story.add("usage", function () {
-  appendCssOverrides();
-  var title = (0, _addonKnobs.text)("title", "Webiny");
-  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("div", {
-    className: "top-app-bar-storybook"
-  }, /*#__PURE__*/_react.default.createElement(_index.TopAppBar, null, /*#__PURE__*/_react.default.createElement(_index.TopAppBarSection, {
-    alignStart: true
-  }, /*#__PURE__*/_react.default.createElement(_index.TopAppBarNavigationIcon, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineMenu24px.ReactComponent, null)
-  }), /*#__PURE__*/_react.default.createElement(_index.TopAppBarTitle, null, title)), /*#__PURE__*/_react.default.createElement(_index.TopAppBarSection, {
-    alignEnd: true
-  }, /*#__PURE__*/_react.default.createElement(_index.TopAppBarActionItem, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineCloud_done24px.ReactComponent, null)
-  }), /*#__PURE__*/_react.default.createElement(_index.TopAppBarActionItem, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineAutorenew24px.ReactComponent, null)
-  }), /*#__PURE__*/_react.default.createElement(_index.TopAppBarActionItem, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineEmail24px.ReactComponent, null)
-  }))))));
-}, {
-  info: {
-    propTables: [_index.TopAppBar, _index.TopAppBarSection, _index.TopAppBarNavigationIcon, _index.TopAppBarTitle, _index.TopAppBarActionItem]
-  }
-});

package/TopAppBar/TopAppBar.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","appendedCssOverrides","appendCssOverrides","css","head","document","getElementsByTagName","style","createElement","type","appendChild","createTextNode","add","title","text","readme","info","propTables","TopAppBar","TopAppBarSection","TopAppBarNavigationIcon","TopAppBarTitle","TopAppBarActionItem"],"sources":["TopAppBar.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../TopAppBar/README.md\";\nimport { withKnobs, text } from \"@storybook/addon-knobs\";\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 EnvelopeIcon } from \"./icons/baseline-email-24px.svg\";\nimport { ReactComponent as MenuIcon } from \"./icons/baseline-menu-24px.svg\";\n\nimport {\n    TopAppBar,\n    TopAppBarSection,\n    TopAppBarNavigationIcon,\n    TopAppBarTitle,\n    TopAppBarActionItem\n} from \"./index\";\n\nconst story = storiesOf(\"Components/TopAppBar\", module);\nstory.addDecorator(withKnobs);\n\n/**\n * Top app bar is by default rendered with \"position: fixed\", which then messes up the presentation.\n * For demonstration purposes, we had to switch to absolute positioning.\n */\n\nlet appendedCssOverrides = false;\nconst appendCssOverrides = () => {\n    if (appendedCssOverrides) {\n        return;\n    }\n\n    appendedCssOverrides = true;\n    const css = `.top-app-bar-storybook .mdc-top-app-bar { position: relative; top: 0 !important }\n                .top-app-bar-storybook .mdc-top-app-bar img { background: none; }`,\n        head = document.head || document.getElementsByTagName(\"head\")[0],\n        style = document.createElement(\"style\");\n\n    style.type = \"text/css\";\n    style.appendChild(document.createTextNode(css));\n    head.appendChild(style);\n};\n\nstory.add(\n    \"usage\",\n    () => {\n        appendCssOverrides();\n\n        const title = text(\"title\", \"Webiny\");\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <div className=\"top-app-bar-storybook\">\n                        <TopAppBar>\n                            <TopAppBarSection alignStart>\n                                <TopAppBarNavigationIcon icon={<MenuIcon />} />\n                                <TopAppBarTitle>{title}</TopAppBarTitle>\n                            </TopAppBarSection>\n                            <TopAppBarSection alignEnd>\n                                <TopAppBarActionItem icon={<CloudDoneIcon />} />\n                                <TopAppBarActionItem icon={<AutoRenewIcon />} />\n                                <TopAppBarActionItem icon={<EnvelopeIcon />} />\n                            </TopAppBarSection>\n                        </TopAppBar>\n                    </div>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTables: [\n                TopAppBar,\n                TopAppBarSection,\n                TopAppBarNavigationIcon,\n                TopAppBarTitle,\n                TopAppBarActionItem\n            ]\n        }\n    }\n);\n"],"mappings":";;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AAEA;;AAQA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,sBAAV,EAAkCC,MAAlC,CAAd;AACAF,KAAK,CAACG,YAAN,CAAmBC,qBAAnB;AAEA;AACA;AACA;AACA;;AAEA,IAAIC,oBAAoB,GAAG,KAA3B;;AACA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,GAAM;EAC7B,IAAID,oBAAJ,EAA0B;IACtB;EACH;;EAEDA,oBAAoB,GAAG,IAAvB;EACA,IAAME,GAAG,yKAAT;EAAA,IAEIC,IAAI,GAAGC,QAAQ,CAACD,IAAT,IAAiBC,QAAQ,CAACC,oBAAT,CAA8B,MAA9B,EAAsC,CAAtC,CAF5B;EAAA,IAGIC,KAAK,GAAGF,QAAQ,CAACG,aAAT,CAAuB,OAAvB,CAHZ;EAKAD,KAAK,CAACE,IAAN,GAAa,UAAb;EACAF,KAAK,CAACG,WAAN,CAAkBL,QAAQ,CAACM,cAAT,CAAwBR,GAAxB,CAAlB;EACAC,IAAI,CAACM,WAAL,CAAiBH,KAAjB;AACH,CAdD;;AAgBAX,KAAK,CAACgB,GAAN,CACI,OADJ,EAEI,YAAM;EACFV,kBAAkB;EAElB,IAAMW,KAAK,GAAG,IAAAC,gBAAA,EAAK,OAAL,EAAc,QAAd,CAAd;EACA,oBACI,6BAAC,YAAD,qBACI,6BAAC,kBAAD,QAAcC,eAAd,CADJ,eAEI,6BAAC,mBAAD,qBACI;IAAK,SAAS,EAAC;EAAf,gBACI,6BAAC,gBAAD,qBACI,6BAAC,uBAAD;IAAkB,UAAU;EAA5B,gBACI,6BAAC,8BAAD;IAAyB,IAAI,eAAE,6BAAC,gCAAD;EAA/B,EADJ,eAEI,6BAAC,qBAAD,QAAiBF,KAAjB,CAFJ,CADJ,eAKI,6BAAC,uBAAD;IAAkB,QAAQ;EAA1B,gBACI,6BAAC,0BAAD;IAAqB,IAAI,eAAE,6BAAC,sCAAD;EAA3B,EADJ,eAEI,6BAAC,0BAAD;IAAqB,IAAI,eAAE,6BAAC,qCAAD;EAA3B,EAFJ,eAGI,6BAAC,0BAAD;IAAqB,IAAI,eAAE,6BAAC,iCAAD;EAA3B,EAHJ,CALJ,CADJ,CADJ,CAFJ,CADJ;AAoBH,CA1BL,EA2BI;EACIG,IAAI,EAAE;IACFC,UAAU,EAAE,CACRC,gBADQ,EAERC,uBAFQ,EAGRC,8BAHQ,EAIRC,qBAJQ,EAKRC,0BALQ;EADV;AADV,CA3BJ"}

package/TopAppBar/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/TopAppBar/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/TopAppBar/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/TopAppBar/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>