@webiny/ui 0.0.0-mt-2 → 0.0.0-unstable.06b2ede40f

package/Tabs/Tabs.stories.js

@@ -1,41 +0,0 @@
-import * as React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandboxCode, StorySandbox, StorySandboxExample } from "@webiny/storybook-utils/Story";
-import readme from "./../Tabs/README.md";
-import { ReactComponent as DeleteIcon } from "@svgr/webpack!./svg/baseline-delete-24px.svg";
-import { ReactComponent as DoneIcon } from "@svgr/webpack!./svg/baseline-done-24px.svg";
-import { withKnobs } from "@storybook/addon-knobs";
-import { Tabs, Tab } from "./index";
-var story = storiesOf("Components/Tabs", module);
-story.addDecorator(withKnobs);
-story.add("usage", function () {
-  var Div = function Div(props) {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        padding: 50
-      }
-    }, props.children);
-  };
-
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, {
-    title: "Tabs example"
-  }, /*#__PURE__*/React.createElement(StorySandboxExample, null, /*#__PURE__*/React.createElement("div", {
-    style: {
-      overflow: "hidden"
-    }
-  }, /*#__PURE__*/React.createElement(Tabs, null, /*#__PURE__*/React.createElement(Tab, {
-    label: "Tab 1",
-    icon: /*#__PURE__*/React.createElement(DeleteIcon, null)
-  }, /*#__PURE__*/React.createElement(Div, null, "Tab 1 content.")), /*#__PURE__*/React.createElement(Tab, {
-    label: "Tab 2",
-    icon: /*#__PURE__*/React.createElement(DoneIcon, null)
-  }, /*#__PURE__*/React.createElement(Div, null, "Tab 2 content.")), /*#__PURE__*/React.createElement(Tab, {
-    label: "Tab 3"
-  }, /*#__PURE__*/React.createElement(Div, null, "Tab 3 content - header without icon.")), /*#__PURE__*/React.createElement(Tab, {
-    icon: /*#__PURE__*/React.createElement(DoneIcon, null)
-  }, /*#__PURE__*/React.createElement(Div, null, "Tab 4 content - header without label."))))), /*#__PURE__*/React.createElement(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: [Tabs, Tab]
-  }
-});

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,32 +0,0 @@
-import React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandboxCode, StorySandbox, StorySandboxExample } from "@webiny/storybook-utils/Story";
-import { withKnobs, boolean } from "@storybook/addon-knobs";
-import readme from "./README.md";
-import { Form } from "@webiny/form";
-import { Tags } from "./Tags";
-var story = storiesOf("Components/Tags", module);
-story.addDecorator(withKnobs);
-story.add("usage", function () {
-  var disabled = boolean("Disabled", false);
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement(StorySandboxExample, {
-    title: "Single value"
-  }, /*#__PURE__*/React.createElement(Form, {
-    data: {
-      tags: ["animals", "dogs", "food"]
-    }
-  }, function (_ref) {
-    var Bind = _ref.Bind;
-    return /*#__PURE__*/React.createElement(Bind, {
-      name: "tags"
-    }, /*#__PURE__*/React.createElement(Tags, {
-      label: "Tags",
-      disabled: disabled,
-      description: "Choose your tags"
-    }));
-  })), /*#__PURE__*/React.createElement(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]
-  }
-});

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,17 +0,0 @@
-import React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandbox } from "@webiny/storybook-utils/Story";
-import readme from "./../Tooltip/README.md";
-import { Tooltip } from "./Tooltip";
-var story = storiesOf("Components/Tooltip", module);
-story.add("usage", function () {
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, {
-    title: "A simple tooltip, triggered with a button"
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    content: /*#__PURE__*/React.createElement("span", null, "This is a tooltip.")
-  }, /*#__PURE__*/React.createElement("span", null, "Hover to see additional information."))));
-}, {
-  info: {
-    propTables: [Tooltip]
-  }
-});

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,56 +0,0 @@
-import React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandbox } from "@webiny/storybook-utils/Story";
-import readme from "./../TopAppBar/README.md";
-import { withKnobs, text } from "@storybook/addon-knobs";
-import { ReactComponent as AutoRenewIcon } from "@svgr/webpack!./icons/baseline-autorenew-24px.svg";
-import { ReactComponent as CloudDoneIcon } from "@svgr/webpack!./icons/baseline-cloud_done-24px.svg";
-import { ReactComponent as EnvelopeIcon } from "@svgr/webpack!./icons/baseline-email-24px.svg";
-import { ReactComponent as MenuIcon } from "@svgr/webpack!./icons/baseline-menu-24px.svg";
-import { TopAppBar, TopAppBarSection, TopAppBarNavigationIcon, TopAppBarTitle, TopAppBarActionItem } from "./index";
-var story = storiesOf("Components/TopAppBar", module);
-story.addDecorator(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 = text("title", "Webiny");
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement("div", {
-    className: "top-app-bar-storybook"
-  }, /*#__PURE__*/React.createElement(TopAppBar, null, /*#__PURE__*/React.createElement(TopAppBarSection, {
-    alignStart: true
-  }, /*#__PURE__*/React.createElement(TopAppBarNavigationIcon, {
-    icon: /*#__PURE__*/React.createElement(MenuIcon, null)
-  }), /*#__PURE__*/React.createElement(TopAppBarTitle, null, title)), /*#__PURE__*/React.createElement(TopAppBarSection, {
-    alignEnd: true
-  }, /*#__PURE__*/React.createElement(TopAppBarActionItem, {
-    icon: /*#__PURE__*/React.createElement(CloudDoneIcon, null)
-  }), /*#__PURE__*/React.createElement(TopAppBarActionItem, {
-    icon: /*#__PURE__*/React.createElement(AutoRenewIcon, null)
-  }), /*#__PURE__*/React.createElement(TopAppBarActionItem, {
-    icon: /*#__PURE__*/React.createElement(EnvelopeIcon, null)
-  }))))));
-}, {
-  info: {
-    propTables: [TopAppBar, TopAppBarSection, TopAppBarNavigationIcon, TopAppBarTitle, TopAppBarActionItem]
-  }
-});

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 * as React from "react";
-import nprogress from "nprogress";
-import "./style.scss";
-export declare type TopProgressBarRender = {
-    start: () => void;
-    finish: () => void;
-    nprogress: nprogress;
-};
-export declare type 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 | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)>) | (new (props: any) => React.Component<any, any, any>)>;

package/TopProgressBar/TopProgressBar.js

@@ -1,9 +0,0 @@
-import nprogress from "nprogress";
-import "./style.scss";
-export var TopProgressBar = function TopProgressBar(props) {
-  return props.children({
-    start: nprogress.start,
-    finish: nprogress.done,
-    nprogress: nprogress
-  });
-};

package/TopProgressBar/TopProgressBar.stories.d.ts

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

package/TopProgressBar/TopProgressBar.stories.js

@@ -1,22 +0,0 @@
-import * as React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandboxCode, StorySandbox, StorySandboxExample } from "@webiny/storybook-utils/Story";
-import readme from "./../TopProgressBar/README.md";
-import { ButtonPrimary } from "./../Button";
-import { TopProgressBar } from "./TopProgressBar";
-var story = storiesOf("Components/TopProgressBar", module);
-story.add("usage", function () {
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement(StorySandboxExample, null, /*#__PURE__*/React.createElement(TopProgressBar, null, function (_ref) {
-    var start = _ref.start,
-        finish = _ref.finish;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ButtonPrimary, {
-      onClick: start
-    }, "Start"), "\xA0", /*#__PURE__*/React.createElement(ButtonPrimary, {
-      onClick: finish
-    }, "Done"));
-  })), /*#__PURE__*/React.createElement(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]
-  }
-});

package/TopProgressBar/hoc/index.d.ts

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

package/TopProgressBar/hoc/index.js

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

package/TopProgressBar/hoc/withTopProgressBar.d.ts

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

package/TopProgressBar/hoc/withTopProgressBar.js

@@ -1,23 +0,0 @@
-import * as React from "react";
-import { TopProgressBar } from "..";
-
-var withTopProgressBar = function withTopProgressBar() {
-  return function (BaseComponent) {
-    var WithTopProgressBar = function WithTopProgressBar(props) {
-      return /*#__PURE__*/React.createElement(TopProgressBar, null, function (_ref) {
-        var start = _ref.start,
-            finish = _ref.finish,
-            nprogress = _ref.nprogress;
-        return /*#__PURE__*/React.createElement(BaseComponent, Object.assign({}, props, {
-          startTopProgressBar: start,
-          finishTopProgressBar: finish,
-          nprogress: nprogress
-        }));
-      });
-    };
-
-    return WithTopProgressBar;
-  };
-};
-
-export default withTopProgressBar;

package/TopProgressBar/index.d.ts

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

package/TopProgressBar/index.js

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

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,67 +0,0 @@
-import * as React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandboxCode, StorySandbox, StorySandboxExample } from "@webiny/storybook-utils/Story";
-import readme from "./README.md";
-import { Typography } from "./Typography";
-var story = storiesOf("Components/Typography", module);
-story.add("usage", function () {
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, {
-    title: "Typography styles"
-  }, /*#__PURE__*/React.createElement(StorySandboxExample, null, /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Typography, {
-    use: "headline1"
-  }, "headline1")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Typography, {
-    use: "headline2"
-  }, "headline2")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Typography, {
-    use: "headline3"
-  }, "headline3")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Typography, {
-    use: "headline4"
-  }, "headline4")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Typography, {
-    use: "headline5"
-  }, "headline5")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Typography, {
-    use: "headline6"
-  }, "headline6")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Typography, {
-    use: "subtitle1"
-  }, "subtitle1")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Typography, {
-    use: "subtitle2"
-  }, "subtitle2")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Typography, {
-    use: "body1"
-  }, "body1")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Typography, {
-    use: "body2"
-  }, "body2")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Typography, {
-    use: "caption"
-  }, "caption")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Typography, {
-    use: "button"
-  }, "button")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Typography, {
-    use: "overline"
-  }, "overline")))), /*#__PURE__*/React.createElement(StorySandboxCode, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Typography, {
-    use: "headline1"
-  }, "headline1"), /*#__PURE__*/React.createElement(Typography, {
-    use: "headline2"
-  }, "headline2"), /*#__PURE__*/React.createElement(Typography, {
-    use: "headline3"
-  }, "headline3"), /*#__PURE__*/React.createElement(Typography, {
-    use: "headline4"
-  }, "headline4"), /*#__PURE__*/React.createElement(Typography, {
-    use: "headline5"
-  }, "headline5"), /*#__PURE__*/React.createElement(Typography, {
-    use: "headline6"
-  }, "headline6"), /*#__PURE__*/React.createElement(Typography, {
-    use: "subtitle1"
-  }, "subtitle1"), /*#__PURE__*/React.createElement(Typography, {
-    use: "subtitle2"
-  }, "subtitle2"), /*#__PURE__*/React.createElement(Typography, {
-    use: "body1"
-  }, "body1"), /*#__PURE__*/React.createElement(Typography, {
-    use: "body2"
-  }, "body2"), /*#__PURE__*/React.createElement(Typography, {
-    use: "caption"
-  }, "caption"), /*#__PURE__*/React.createElement(Typography, {
-    use: "button"
-  }, "button"), /*#__PURE__*/React.createElement(Typography, {
-    use: "overline"
-  }, "overline")))));
-}, {
-  info: {
-    propTables: [Typography]
-  }
-});