@webiny/ui 0.0.0-unstable.1e66d121db → 0.0.0-unstable.2aaa1916d9

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>

package/TopAppBar/icons/baseline-menu-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="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/>
-</svg>

package/TopProgressBar/README.md

@@ -1,11 +0,0 @@
-# TopProgressBar
-
-### Description
-
-Use `TopProgressBar` to let users know their actions are being processed.
-
-### Import
-
-```js
-import { TopProgressBar } from "@webiny/ui/TopProgressBar";
-```

package/TopProgressBar/TopProgressBar.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-import nprogress from "nprogress";
-import "./style.scss";
-export interface TopProgressBarRender {
-    start: () => void;
-    finish: () => void;
-    nprogress: typeof nprogress;
-}
-export interface TopProgressBarProps {
-    /**
-     * Elements that require top loading bar to be shown.
-     */
-    children: (params: TopProgressBarRender) => React.ReactElement;
-}
-export declare const TopProgressBar: (props: TopProgressBarProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;

package/TopProgressBar/TopProgressBar.js

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TopProgressBar = void 0;
-
-var _nprogress = _interopRequireDefault(require("nprogress"));
-
-require("./style.scss");
-
-var TopProgressBar = function TopProgressBar(props) {
-  return props.children({
-    start: _nprogress.default.start,
-    finish: _nprogress.default.done,
-    nprogress: _nprogress.default
-  });
-};
-
-exports.TopProgressBar = TopProgressBar;

package/TopProgressBar/TopProgressBar.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["TopProgressBar","props","children","start","nprogress","finish","done"],"sources":["TopProgressBar.tsx"],"sourcesContent":["import React from \"react\";\nimport nprogress from \"nprogress\";\nimport \"./style.scss\";\n\nexport interface TopProgressBarRender {\n    start: () => void;\n    finish: () => void;\n    nprogress: typeof nprogress;\n}\n\nexport interface TopProgressBarProps {\n    /**\n     * Elements that require top loading bar to be shown.\n     */\n    children: (params: TopProgressBarRender) => React.ReactElement;\n}\n\nexport const TopProgressBar = (props: TopProgressBarProps) => {\n    return props.children({\n        start: nprogress.start,\n        finish: nprogress.done,\n        nprogress\n    });\n};\n"],"mappings":";;;;;;;;;AACA;;AACA;;AAeO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAgC;EAC1D,OAAOA,KAAK,CAACC,QAAN,CAAe;IAClBC,KAAK,EAAEC,kBAAA,CAAUD,KADC;IAElBE,MAAM,EAAED,kBAAA,CAAUE,IAFA;IAGlBF,SAAS,EAATA;EAHkB,CAAf,CAAP;AAKH,CANM"}

package/TopProgressBar/TopProgressBar.stories.d.ts

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

package/TopProgressBar/TopProgressBar.stories.js

@@ -1,32 +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("./../TopProgressBar/README.md"));
-
-var _Button = require("./../Button");
-
-var _TopProgressBar = require("./TopProgressBar");
-
-var story = (0, _react2.storiesOf)("Components/TopProgressBar", 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, null, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, null, /*#__PURE__*/_react.default.createElement(_TopProgressBar.TopProgressBar, null, function (_ref) {
-    var start = _ref.start,
-        finish = _ref.finish;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
-      onClick: start
-    }, "Start"), "\xA0", /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
-      onClick: finish
-    }, "Done"));
-  })), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                    <TopProgressBar>\n                        {({start, done}) => (\n                            <React.Fragment>\n                                <ButtonPrimary onClick={start}>Start</ButtonPrimary>\n                                <ButtonPrimary onClick={done}>Done</ButtonPrimary>\n                            </React.Fragment>\n                        )}\n                    </TopProgressBar>\n                    ")));
-}, {
-  info: {
-    propTables: [_TopProgressBar.TopProgressBar]
-  }
-});

package/TopProgressBar/TopProgressBar.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["story","storiesOf","module","add","readme","start","finish","info","propTables","TopProgressBar"],"sources":["TopProgressBar.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 \"./../TopProgressBar/README.md\";\nimport { ButtonPrimary } from \"./../Button\";\nimport { TopProgressBar } from \"./TopProgressBar\";\n\nconst story = storiesOf(\"Components/TopProgressBar\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <TopProgressBar>\n                            {({ start, finish }) => (\n                                <React.Fragment>\n                                    <ButtonPrimary onClick={start}>Start</ButtonPrimary>\n                                    &nbsp;\n                                    <ButtonPrimary onClick={finish}>Done</ButtonPrimary>\n                                </React.Fragment>\n                            )}\n                        </TopProgressBar>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <TopProgressBar>\n                        {({start, done}) => (\n                            <React.Fragment>\n                                <ButtonPrimary onClick={start}>Start</ButtonPrimary>\n                                <ButtonPrimary onClick={done}>Done</ButtonPrimary>\n                            </React.Fragment>\n                        )}\n                    </TopProgressBar>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [TopProgressBar] } }\n);\n"],"mappings":";;;;AAAA;;AACA;;AACA;;AAOA;;AACA;;AACA;;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,2BAAV,EAAuCC,MAAvC,CAAd;AAEAF,KAAK,CAACG,GAAN,CACI,OADJ,EAEI,YAAM;EACF,oBACI,6BAAC,YAAD,qBACI,6BAAC,kBAAD,QAAcC,eAAd,CADJ,eAEI,6BAAC,mBAAD,qBACI,6BAAC,0BAAD,qBACI,6BAAC,8BAAD,QACK;IAAA,IAAGC,KAAH,QAAGA,KAAH;IAAA,IAAUC,MAAV,QAAUA,MAAV;IAAA,oBACG,6BAAC,cAAD,CAAO,QAAP,qBACI,6BAAC,qBAAD;MAAe,OAAO,EAAED;IAAxB,WADJ,uBAGI,6BAAC,qBAAD;MAAe,OAAO,EAAEC;IAAxB,UAHJ,CADH;EAAA,CADL,CADJ,CADJ,eAYI,6BAAC,uBAAD,gcAZJ,CAFJ,CADJ;AA8BH,CAjCL,EAkCI;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,8BAAD;EAAd;AAAR,CAlCJ"}

package/TopProgressBar/hoc/index.d.ts

@@ -1 +0,0 @@
-export { default as withTopProgressBar } from "./withTopProgressBar";

package/TopProgressBar/hoc/index.js

@@ -1,15 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "withTopProgressBar", {
-  enumerable: true,
-  get: function get() {
-    return _withTopProgressBar.default;
-  }
-});
-
-var _withTopProgressBar = _interopRequireDefault(require("./withTopProgressBar"));

package/TopProgressBar/hoc/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as withTopProgressBar } from \"./withTopProgressBar\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}

package/TopProgressBar/hoc/withTopProgressBar.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const withTopProgressBar: () => (BaseComponent: React.ComponentType<any>) => (props: any) => JSX.Element;
-export default withTopProgressBar;

package/TopProgressBar/hoc/withTopProgressBar.js

@@ -1,34 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _ = require("..");
-
-var withTopProgressBar = function withTopProgressBar() {
-  return function (BaseComponent) {
-    var WithTopProgressBar = function WithTopProgressBar(props) {
-      return /*#__PURE__*/_react.default.createElement(_.TopProgressBar, null, function (_ref) {
-        var start = _ref.start,
-            finish = _ref.finish,
-            nprogress = _ref.nprogress;
-        return /*#__PURE__*/_react.default.createElement(BaseComponent, Object.assign({}, props, {
-          startTopProgressBar: start,
-          finishTopProgressBar: finish,
-          nprogress: nprogress
-        }));
-      });
-    };
-
-    return WithTopProgressBar;
-  };
-};
-
-var _default = withTopProgressBar;
-exports.default = _default;

package/TopProgressBar/hoc/withTopProgressBar.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["withTopProgressBar","BaseComponent","WithTopProgressBar","props","start","finish","nprogress"],"sources":["withTopProgressBar.tsx"],"sourcesContent":["import React from \"react\";\nimport { TopProgressBar } from \"..\";\n\nconst withTopProgressBar = () => {\n    return (BaseComponent: React.ComponentType<any>) => {\n        const WithTopProgressBar = (props: any) => {\n            return (\n                <TopProgressBar>\n                    {({ start, finish, nprogress }) => (\n                        <BaseComponent\n                            {...props}\n                            startTopProgressBar={start}\n                            finishTopProgressBar={finish}\n                            nprogress={nprogress}\n                        />\n                    )}\n                </TopProgressBar>\n            );\n        };\n\n        return WithTopProgressBar;\n    };\n};\n\nexport default withTopProgressBar;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,GAAM;EAC7B,OAAO,UAACC,aAAD,EAA6C;IAChD,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,EAAgB;MACvC,oBACI,6BAAC,gBAAD,QACK;QAAA,IAAGC,KAAH,QAAGA,KAAH;QAAA,IAAUC,MAAV,QAAUA,MAAV;QAAA,IAAkBC,SAAlB,QAAkBA,SAAlB;QAAA,oBACG,6BAAC,aAAD,oBACQH,KADR;UAEI,mBAAmB,EAAEC,KAFzB;UAGI,oBAAoB,EAAEC,MAH1B;UAII,SAAS,EAAEC;QAJf,GADH;MAAA,CADL,CADJ;IAYH,CAbD;;IAeA,OAAOJ,kBAAP;EACH,CAjBD;AAkBH,CAnBD;;eAqBeF,kB"}

package/TopProgressBar/index.d.ts

@@ -1 +0,0 @@
-export * from "./TopProgressBar";

package/TopProgressBar/index.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _TopProgressBar = require("./TopProgressBar");
-
-Object.keys(_TopProgressBar).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _TopProgressBar[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _TopProgressBar[key];
-    }
-  });
-});

package/TopProgressBar/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./TopProgressBar\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/TopProgressBar/style.scss

@@ -1,21 +0,0 @@
-/* Make clicks pass-through */
-#nprogress {
-  pointer-events: none;
-}
-
-#nprogress .bar {
-  background: var(--mdc-theme-secondary);
-
-  position: fixed;
-  z-index: 1031;
-  top: 64px;
-  left: 0;
-
-  width: 100%;
-  height: 2px;
-}
-
-/* Fancy blur effect */
-#nprogress .peg {
-  display: none;
-}

package/Typography/README.md

@@ -1,15 +0,0 @@
-# Typography
-
-### Design
-
-<a href="https://material.io/design/typography/the-type-system.html" target="_blank">https://material.io/design/typography/the-type-system.html</a>
-
-### Description
-
-`Typography` component is used to represent different text sizes and styles.
-
-### Import
-
-```js
-import { Typography } from "@webiny/ui/Typography";
-```

package/Typography/Typography.stories.d.ts

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

package/Typography/Typography.stories.js

@@ -1,76 +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("./README.md"));
-
-var _Typography = require("./Typography");
-
-var story = (0, _react2.storiesOf)("Components/Typography", 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: "Typography styles"
-  }, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, null, /*#__PURE__*/_react.default.createElement("ul", null, /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "headline1"
-  }, "headline1")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "headline2"
-  }, "headline2")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "headline3"
-  }, "headline3")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "headline4"
-  }, "headline4")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "headline5"
-  }, "headline5")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "headline6"
-  }, "headline6")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "subtitle1"
-  }, "subtitle1")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "subtitle2"
-  }, "subtitle2")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "body1"
-  }, "body1")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "body2"
-  }, "body2")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "caption"
-  }, "caption")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "button"
-  }, "button")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "overline"
-  }, "overline")))), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "headline1"
-  }, "headline1"), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "headline2"
-  }, "headline2"), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "headline3"
-  }, "headline3"), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "headline4"
-  }, "headline4"), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "headline5"
-  }, "headline5"), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "headline6"
-  }, "headline6"), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "subtitle1"
-  }, "subtitle1"), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "subtitle2"
-  }, "subtitle2"), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "body1"
-  }, "body1"), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "body2"
-  }, "body2"), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "caption"
-  }, "caption"), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "button"
-  }, "button"), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "overline"
-  }, "overline")))));
-}, {
-  info: {
-    propTables: [_Typography.Typography]
-  }
-});

package/Typography/Typography.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["story","storiesOf","module","add","readme","info","propTables","Typography"],"sources":["Typography.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\";\n\nimport readme from \"./README.md\";\nimport { Typography } from \"./Typography\";\n\nconst story = storiesOf(\"Components/Typography\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Typography styles\"}>\n                    <StorySandboxExample>\n                        <ul>\n                            <li>\n                                <Typography use=\"headline1\">headline1</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"headline2\">headline2</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"headline3\">headline3</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"headline4\">headline4</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"headline5\">headline5</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"headline6\">headline6</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"subtitle1\">subtitle1</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"subtitle2\">subtitle2</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"body1\">body1</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"body2\">body2</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"caption\">caption</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"button\">button</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"overline\">overline</Typography>\n                            </li>\n                        </ul>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        <div>\n                            <Typography use=\"headline1\">headline1</Typography>\n                            <Typography use=\"headline2\">headline2</Typography>\n                            <Typography use=\"headline3\">headline3</Typography>\n                            <Typography use=\"headline4\">headline4</Typography>\n                            <Typography use=\"headline5\">headline5</Typography>\n                            <Typography use=\"headline6\">headline6</Typography>\n                            <Typography use=\"subtitle1\">subtitle1</Typography>\n                            <Typography use=\"subtitle2\">subtitle2</Typography>\n                            <Typography use=\"body1\">body1</Typography>\n                            <Typography use=\"body2\">body2</Typography>\n                            <Typography use=\"caption\">caption</Typography>\n                            <Typography use=\"button\">button</Typography>\n                            <Typography use=\"overline\">overline</Typography>\n                        </div>\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Typography] } }\n);\n"],"mappings":";;;;AAAA;;AACA;;AACA;;AAQA;;AACA;;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,uBAAV,EAAmCC,MAAnC,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,sDACI,sDACI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,eADJ,CADJ,eAII,sDACI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,eADJ,CAJJ,eAOI,sDACI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,eADJ,CAPJ,eAUI,sDACI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,eADJ,CAVJ,eAaI,sDACI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,eADJ,CAbJ,eAgBI,sDACI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,eADJ,CAhBJ,eAmBI,sDACI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,eADJ,CAnBJ,eAsBI,sDACI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,eADJ,CAtBJ,eAyBI,sDACI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,WADJ,CAzBJ,eA4BI,sDACI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,WADJ,CA5BJ,eA+BI,sDACI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,aADJ,CA/BJ,eAkCI,sDACI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,YADJ,CAlCJ,eAqCI,sDACI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,cADJ,CArCJ,CADJ,CADJ,eA4CI,6BAAC,uBAAD,qBACI,uDACI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,eADJ,eAEI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,eAFJ,eAGI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,eAHJ,eAII,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,eAJJ,eAKI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,eALJ,eAMI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,eANJ,eAOI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,eAPJ,eAQI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,eARJ,eASI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,WATJ,eAUI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,WAVJ,eAWI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,aAXJ,eAYI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,YAZJ,eAaI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,cAbJ,CADJ,CA5CJ,CAFJ,CADJ;AAmEH,CAtEL,EAuEI;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,sBAAD;EAAd;AAAR,CAvEJ"}