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

package/AutoComplete/MultiAutoComplete.stories.js

@@ -1,132 +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 "./MultiAutoCompleteReadme.md";
-import { Form } from "@webiny/form";
-import { MultiAutoComplete } from "./MultiAutoComplete";
-var story = storiesOf("Components/AutoComplete", module);
-story.addDecorator(withKnobs);
-var options = [{
-  name: "France",
-  id: "france"
-}, {
-  name: "Germany",
-  id: "germany"
-}, {
-  name: "Italy",
-  id: "italy"
-}, {
-  name: "Spain",
-  id: "spain"
-}, {
-  name: "UK",
-  id: "uk"
-}, {
-  name: "US",
-  id: "us"
-}, {
-  name: "Norway",
-  id: "norway"
-}, {
-  name: "Finland",
-  id: "finland"
-}, {
-  name: "Czech Republic",
-  id: "czech-republic"
-}];
-story.add("MultiAutoComplete", 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: "Values as objects"
-  }, /*#__PURE__*/React.createElement(Form, {
-    data: {
-      country: [{
-        id: "uk",
-        name: "UK"
-      }, {
-        id: "italy",
-        name: "Italy"
-      }]
-    }
-  }, function (_ref) {
-    var Bind = _ref.Bind;
-    return /*#__PURE__*/React.createElement(Bind, {
-      name: "country"
-    }, /*#__PURE__*/React.createElement(MultiAutoComplete, {
-      options: options,
-      label: "Country",
-      disabled: disabled,
-      description: "Choose one or more countries."
-    }));
-  })), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                        <Form>\n                            {({ Bind }) => (\n                                 <Bind name=\"country\">\n                                    <MultiAutoComplete\n                                        options={".concat(JSON.stringify(options), "}\n                                        label=\"Country\"\n                                        disabled={").concat(disabled, "}\n                                        description=\"Choose one or more countries.\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    "))), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement(StorySandboxExample, {
-    title: "Values as strings"
-  }, /*#__PURE__*/React.createElement(Form, {
-    data: {
-      country: ["Italy", "France"]
-    }
-  }, function (_ref2) {
-    var Bind = _ref2.Bind;
-    return /*#__PURE__*/React.createElement(Bind, {
-      name: "country"
-    }, /*#__PURE__*/React.createElement(MultiAutoComplete, {
-      useSimpleValues: true,
-      options: options.map(function (item) {
-        return item.name;
-      }),
-      label: "Country",
-      disabled: disabled,
-      description: "Choose one or more countries."
-    }));
-  })), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                        <Form>\n                            {({ Bind }) => (\n                                 <Bind name=\"country\">\n                                    <MultiAutoComplete\n                                        useSimpleValues\n                                        options={".concat(JSON.stringify(options), "}\n                                        label=\"Country\"\n                                        disabled={").concat(disabled, "}\n                                        description=\"Choose one or more countries.\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    "))), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement(StorySandboxExample, {
-    title: "Allow free input"
-  }, /*#__PURE__*/React.createElement(Form, {
-    data: {
-      country: [{
-        id: "anotherCountry",
-        name: "Another Country"
-      }, {
-        id: "nowhere",
-        name: "Nowhere"
-      }, {
-        id: "france",
-        name: "France"
-      }]
-    }
-  }, function (_ref3) {
-    var Bind = _ref3.Bind;
-    return /*#__PURE__*/React.createElement(Bind, {
-      name: "country"
-    }, /*#__PURE__*/React.createElement(MultiAutoComplete, {
-      allowFreeInput: true,
-      options: options,
-      label: "Country",
-      disabled: disabled,
-      description: "Choose your country"
-    }));
-  })), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                    <Form data={{ country: { id: \"anotherCountry\", name: \"Another Country\" } }}>\n                        {({ Bind }) => (\n                            <Bind name=\"country\">\n                                <MultiAutoComplete\n                                    useSimpleValues\n                                    options={".concat(JSON.stringify(options), "}\n                                    label=\"Country\"\n                                    disabled={disabled}\n                                    description=\"Choose your country\"\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    "))), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement(StorySandboxExample, {
-    title: "Allow free input (values as strings)"
-  }, /*#__PURE__*/React.createElement(Form, {
-    data: {
-      country: ["Another Country", "Nowhere", "France"]
-    }
-  }, function (_ref4) {
-    var Bind = _ref4.Bind;
-    return /*#__PURE__*/React.createElement(Bind, {
-      name: "country"
-    }, /*#__PURE__*/React.createElement(MultiAutoComplete, {
-      useSimpleValues: true,
-      allowFreeInput: true,
-      options: options.map(function (item) {
-        return item.name;
-      }),
-      label: "Country",
-      disabled: disabled,
-      description: "Choose your country"
-    }));
-  })), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                  <Form\n                        data={{\n                            country: [\"Another Country\", \"Nowhere\", \"France\"]\n                        }}\n                    >\n                        {({ Bind }) => (\n                            <Bind name=\"country\">\n                                <MultiAutoComplete\n                                    useSimpleValues\n                                    allowFreeInput\n                                    options={options.map(item => item.name)}\n                                    label=\"Country\"\n                                    disabled={disabled}\n                                    description=\"Choose your country\"\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    ")));
-}, {
-  info: {
-    propTables: [MultiAutoComplete]
-  }
-});

package/AutoComplete/MultiAutoCompleteReadme.md

@@ -1,11 +0,0 @@
-# MultiAutoComplete
-
-### Description
-
-`MultiAutoComplete` component lets users select multiple values from a list of suggestions (created based on their input).
-
-### Import
-
-```js
-import { MultiAutoComplete } from "@webiny/ui/MultiAutoComplete";
-```

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

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" 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/AutoComplete/icons/delete.svg

@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
-	 height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
-<g id="Rounded">
-	<g id="ui_x5F_spec_x5F_header_copy_5">
-	</g>
-	<path fill="currentColor" d="M6,19c0,1.1,0.9,2,2,2h8c1.1,0,2-0.9,2-2V9c0-1.1-0.9-2-2-2H8C6.9,7,6,7.9,6,9V19z M18,4h-2.5l-0.71-0.71
-		C14.61,3.11,14.35,3,14.09,3H9.91C9.65,3,9.39,3.11,9.21,3.29L8.5,4H6C5.45,4,5,4.45,5,5v0c0,0.55,0.45,1,1,1h12c0.55,0,1-0.45,1-1
-		v0C19,4.45,18.55,4,18,4z"/>
-</g>
-</svg>

package/AutoComplete/icons/navigate_before-24px.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M14.91 6.71c-.39-.39-1.02-.39-1.41 0L8.91 11.3c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L11.03 12l3.88-3.88c.38-.39.38-1.03 0-1.41z"/></svg>

package/AutoComplete/icons/navigate_next-24px.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M9.31 6.71c-.39.39-.39 1.02 0 1.41L13.19 12l-3.88 3.88c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41L10.72 6.7c-.38-.38-1.02-.38-1.41.01z"/></svg>

package/AutoComplete/icons/reorder_black_24dp.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 15h18v-2H3v2zm0 4h18v-2H3v2zm0-8h18V9H3v2zm0-6v2h18V5H3z"/></svg>

package/AutoComplete/icons/skip_next-24px.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M7.58 16.89l5.77-4.07c.56-.4.56-1.24 0-1.63L7.58 7.11C6.91 6.65 6 7.12 6 7.93v8.14c0 .81.91 1.28 1.58.82zM16 7v10c0 .55.45 1 1 1s1-.45 1-1V7c0-.55-.45-1-1-1s-1 .45-1 1z"/></svg>

package/AutoComplete/icons/skip_previous-24px.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M7 6c.55 0 1 .45 1 1v10c0 .55-.45 1-1 1s-1-.45-1-1V7c0-.55.45-1 1-1zm3.66 6.82l5.77 4.07c.66.47 1.58-.01 1.58-.82V7.93c0-.81-.91-1.28-1.58-.82l-5.77 4.07c-.57.4-.57 1.24 0 1.64z"/></svg>

package/AutoComplete/icons/spinner.svg

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

package/AutoComplete/styles.d.ts

@@ -1,2 +0,0 @@
-export declare const autoCompleteStyle: string;
-export declare const suggestionList: string;

package/AutoComplete/styles.js

@@ -1,37 +0,0 @@
-import { css } from "emotion";
-export var autoCompleteStyle = /*#__PURE__*/css({
-  position: "relative",
-  ".mdc-elevation--z1": {
-    position: "absolute",
-    width: "calc(100% - 2px)",
-    left: 1,
-    top: 56,
-    zIndex: 10,
-    maxHeight: 200,
-    overflowY: "scroll",
-    backgroundColor: "var(--mdc-theme-surface)"
-  },
-  ul: {
-    listStyle: "none",
-    width: "100%",
-    padding: 0,
-    li: {
-      padding: 10,
-      span: {
-        color: "var(--mdc-theme-on-surface)"
-      }
-    }
-  }
-}, "label:autoCompleteStyle;");
-export var suggestionList = /*#__PURE__*/css({
-  fontWeight: "normal",
-  backgroundColor: "var(--mdc-theme-surface)",
-  transition: "background-color 0.2s",
-  color: "var(--mdc-theme-text-primary-on-background)",
-  "&.selected": {
-    fontWeight: "bold"
-  },
-  "&.highlighted": {
-    backgroundColor: "var(--mdc-theme-on-background)"
-  }
-}, "label:suggestionList;");

package/Avatar/Avatar.stories.d.ts

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

package/Avatar/Avatar.stories.js

@@ -1,27 +0,0 @@
-import React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandbox } from "@webiny/storybook-utils/Story";
-import readme from "./../Avatar/README.md";
-import { Avatar } from "./Avatar";
-var story = storiesOf("Components/Avatar", module);
-story.add("usage", function () {
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, {
-    title: "A simple avatar"
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Avatar, {
-    width: 48,
-    height: 48,
-    alt: "Test alt.",
-    fallbackText: "T",
-    src: "http://i.pravatar.cc/150?img=49"
-  }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Avatar, {
-    width: 64,
-    height: 64,
-    alt: "Test alt.",
-    fallbackText: "T",
-    src: ""
-  }))));
-}, {
-  info: {
-    propTables: [Avatar]
-  }
-});

package/Avatar/README.md

@@ -1,11 +0,0 @@
-# Avatar
-
-### Description
-
-Use `Avatar` component to display an avatar.
-
-### Import
-
-```js
-import { Avatar } from "@webiny/ui/Avatar";
-```

package/Button/Button.stories.d.ts

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

package/Button/Button.stories.js

@@ -1,53 +0,0 @@
-import React from "react";
-import { storiesOf } from "@storybook/react";
-import { withKnobs, text, boolean } from "@storybook/addon-knobs";
-import { Story, StoryReadme, StorySandbox } from "@webiny/storybook-utils/Story";
-import readme from "./../Button/README.md";
-import { ReactComponent as CloudIcon } from "@svgr/webpack!./assets/baseline-cloud_done-24px.svg";
-import { ButtonPrimary, ButtonSecondary, ButtonDefault, ButtonFloating, ButtonIcon } from "./Button";
-var story = storiesOf("Components/Button", module);
-story.addDecorator(withKnobs);
-story.add("standard buttons", function () {
-  var label = text("Label", "Click to proceed");
-  var small = boolean("Small", false);
-  var flat = boolean("Flat", false);
-  var icon = /*#__PURE__*/React.createElement(ButtonIcon, {
-    icon: /*#__PURE__*/React.createElement(CloudIcon, null)
-  });
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, {
-    title: "Primary button"
-  }, /*#__PURE__*/React.createElement(ButtonPrimary, {
-    small: small,
-    flat: flat
-  }, label)), /*#__PURE__*/React.createElement(StorySandbox, {
-    title: "Primary button with icon"
-  }, /*#__PURE__*/React.createElement(ButtonPrimary, {
-    small: small,
-    flat: flat
-  }, icon, label)), /*#__PURE__*/React.createElement(StorySandbox, {
-    title: "Secondary button"
-  }, /*#__PURE__*/React.createElement(ButtonSecondary, {
-    small: small
-  }, label)), /*#__PURE__*/React.createElement(StorySandbox, {
-    title: "Secondary button with icon"
-  }, /*#__PURE__*/React.createElement(ButtonSecondary, {
-    small: small
-  }, icon, label)), /*#__PURE__*/React.createElement(StorySandbox, {
-    title: "Default button"
-  }, /*#__PURE__*/React.createElement(ButtonDefault, {
-    small: small
-  }, label)), /*#__PURE__*/React.createElement(StorySandbox, {
-    title: "Default button with icon"
-  }, /*#__PURE__*/React.createElement(ButtonDefault, {
-    small: small
-  }, icon, label)), /*#__PURE__*/React.createElement(StorySandbox, {
-    title: "Floating button"
-  }, /*#__PURE__*/React.createElement(ButtonFloating, {
-    small: small,
-    icon: icon
-  })));
-}, {
-  info: {
-    propTables: [ButtonPrimary, ButtonSecondary, ButtonDefault, ButtonFloating, ButtonIcon]
-  }
-});

package/Button/CopyButton/CopyButton.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { FormComponentProps } from "../../types";
-export declare type CopyButtonProps = FormComponentProps & {
-    value: string;
-    onCopy?: () => void;
-};
-/**
- * Shows the icon button.
- * @param props
- * @returns {*}
- * @constructor
- */
-declare const CopyButton: (props: CopyButtonProps) => JSX.Element;
-export { CopyButton };

package/Button/CopyButton/CopyButton.js

@@ -1,32 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["value", "onCopy"];
-import * as React from "react";
-import { ReactComponent as CopyToClipboardIcon } from "@svgr/webpack!../assets/file_copy-24px.svg";
-import { IconButton } from "../index";
-import { useCallback } from "react";
-
-/**
- * Shows the icon button.
- * @param props
- * @returns {*}
- * @constructor
- */
-var CopyButton = function CopyButton(props) {
-  var value = props.value,
-      onCopy = props.onCopy,
-      otherProps = _objectWithoutProperties(props, _excluded);
-
-  var copyToClipboard = useCallback(function () {
-    navigator.clipboard.writeText(value);
-
-    if (typeof onCopy === "function") {
-      onCopy();
-    }
-  }, [value]);
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({}, otherProps, {
-    onClick: copyToClipboard,
-    icon: /*#__PURE__*/React.createElement(CopyToClipboardIcon, null)
-  }));
-};
-
-export { CopyButton };

package/Button/CopyButton/CopyButton.stories.d.ts

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

package/Button/CopyButton/CopyButton.stories.js

@@ -1,18 +0,0 @@
-import React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandbox } from "@webiny/storybook-utils/Story";
-import readme from "./README.md";
-import { Menu, MenuItem } from "./../../Menu/index";
-import { CopyButton } from "./CopyButton";
-var story = storiesOf("Components/Button", module);
-story.add("copy button", function () {
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, {
-    title: "Copy button"
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, "Click the button to copy the \"Hello\" value:"), /*#__PURE__*/React.createElement(CopyButton, {
-    value: "Hello"
-  }))));
-}, {
-  info: {
-    propTablesExclude: [Menu, MenuItem, Story, StoryReadme, StorySandbox]
-  }
-});

package/Button/CopyButton/README.md

@@ -1,11 +0,0 @@
-# Copy Button
-
-### Description
-
-Provides a button that allows you to copy its passed `value` to the clipboard.
-
-### Import
-
-```js
-import { CopyButton } from "@webiny/ui/Button";
-```

package/Button/IconButton/IconButton.d.ts

@@ -1,39 +0,0 @@
-import * as React from "react";
-import { IconButtonProps as RmwcIconButtonProps } from "@rmwc/icon-button";
-import { FormComponentProps } from "../../types";
-export declare type IconButtonProps = FormComponentProps & RmwcIconButtonProps & {
-    id?: string;
-    /**
-     * Icon should be provided as an SvgComponent.
-     */
-    icon: React.ReactNode;
-    /**
-     * Button label
-     */
-    label?: string;
-    /**
-     * onClick handler
-     * @param event
-     */
-    onClick?: (event: React.MouseEvent) => void;
-    /**
-     * Custom CSS class
-     */
-    className?: string;
-    /**
-     * For testing purposes.
-     */
-    "data-testid"?: string;
-    /**
-     * Should icon be disabled?
-     */
-    disabled?: boolean;
-};
-/**
- * Shows the icon button.
- * @param props
- * @returns {*}
- * @constructor
- */
-declare const IconButton: (props: IconButtonProps) => JSX.Element;
-export { IconButton };

package/Button/IconButton/IconButton.js

@@ -1,31 +0,0 @@
-import * as React from "react";
-import { IconButton as RIconButton } from "@rmwc/icon-button";
-
-/**
- * Shows the icon button.
- * @param props
- * @returns {*}
- * @constructor
- */
-var IconButton = function IconButton(props) {
-  var id = props.id,
-      icon = props.icon,
-      label = props.label,
-      onClick = props.onClick,
-      className = props.className,
-      disabled = props.disabled,
-      _props$ripple = props.ripple,
-      ripple = _props$ripple === void 0 ? true : _props$ripple;
-  return /*#__PURE__*/React.createElement(RIconButton, {
-    id: id,
-    "data-testid": props["data-testid"],
-    onClick: onClick,
-    disabled: disabled,
-    className: className,
-    label: label,
-    icon: icon,
-    ripple: ripple
-  });
-};
-
-export { IconButton };

package/Button/IconButton/IconButton.stories.d.ts

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

package/Button/IconButton/IconButton.stories.js

@@ -1,38 +0,0 @@
-import React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandbox } from "@webiny/storybook-utils/Story";
-import readme from "./README.md";
-import { ReactComponent as CloudIcon } from "@svgr/webpack!./../assets/baseline-cloud_done-24px.svg";
-import { ReactComponent as MoreIcon } from "@svgr/webpack!./../assets/round-more_vert-24px.svg";
-import { Menu, MenuItem } from "./../../Menu/index";
-import { IconButton } from "./IconButton";
-var story = storiesOf("Components/Button", module);
-story.add("icon button", function () {
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, {
-    title: "Icon button"
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    icon: /*#__PURE__*/React.createElement(CloudIcon, null),
-    label: "Icon label",
-    onClick: function onClick() {
-      return console.log("Button clicked");
-    }
-  })), /*#__PURE__*/React.createElement(StorySandbox, {
-    title: "Menu example"
-  }, /*#__PURE__*/React.createElement(Menu, {
-    handle: /*#__PURE__*/React.createElement(IconButton, {
-      icon: /*#__PURE__*/React.createElement(MoreIcon, null),
-      label: "Toggle menu",
-      onClick: function onClick() {
-        return console.log("Button clicked");
-      }
-    })
-  }, /*#__PURE__*/React.createElement(MenuItem, {
-    onClick: function onClick() {
-      console.log("Apple selected!");
-    }
-  }, "Apple"), /*#__PURE__*/React.createElement(MenuItem, null, "Banana"), /*#__PURE__*/React.createElement(MenuItem, null, "Watermelon"))));
-}, {
-  info: {
-    propTablesExclude: [Menu, MenuItem, Story, StoryReadme, StorySandbox]
-  }
-});

package/Button/IconButton/README.md

@@ -1,15 +0,0 @@
-# Icon Button
-
-### Design
-
-<a href="https://material.io/design/components/buttons.html" target="_blank">https://material.io/design/components/buttons.html</a>
-
-### Description
-
-`IconButton` component provides a simple icon button component with ripple effect.
-
-### Import
-
-```js
-import { IconButton } from "@webiny/ui/Button";
-```

package/Button/README.md

@@ -1,28 +0,0 @@
-# Button
-
-### Design
-
-<a href="https://material.io/design/components/buttons.html" target="_blank">https://material.io/design/components/buttons.html</a>
-
-### Description
-
-`Button` component provides 4 commonly used button types:
-
-- `Default`
-- `Primary`
-- `Secondary`
-- `Floating`
-
-To create buttons with icon, use a `<Button.Icon/>` component.
-
-### Import
-
-```js
-import {
-  ButtonPrimary,
-  ButtonSecondary,
-  ButtonDefault,
-  ButtonFloating,
-  ButtonIcon
-} from "@webiny/ui/Button";
-```

package/Button/assets/baseline-cloud_done-24px.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path fill="currentColor" 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/Button/assets/file_copy-24px.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4l6 6v10c0 1.1-.9 2-2 2H7.99C6.89 23 6 22.1 6 21l.01-14c0-1.1.89-2 1.99-2h7zm-1 7h5.5L14 6.5V12z"/></svg>

package/Button/assets/round-more_vert-24px.svg

@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
-	 height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
-<g id="Bounding_Boxes">
-	<path fill="none" d="M0,0h24v24H0V0z"/>
-</g>
-<g id="Rounded">
-	<path d="M12,8c1.1,0,2-0.9,2-2s-0.9-2-2-2s-2,0.9-2,2S10.9,8,12,8z M12,10c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S13.1,10,12,10z
-		 M12,16c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S13.1,16,12,16z"/>
-</g>
-</svg>

package/Carousel/Carouser.stories.d.ts

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

package/Carousel/Carouser.stories.js

@@ -1,29 +0,0 @@
-import React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandboxCode, StorySandbox, StorySandboxExample } from "@webiny/storybook-utils/Story";
-import { withKnobs } from "@storybook/addon-knobs";
-import readme from "./README.md";
-import Carousel from "./Carousel";
-var story = storiesOf("Components/Carousel", module);
-story.addDecorator(withKnobs);
-story.add("usage - single", function () {
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement(StorySandboxExample, {
-    title: "Simple checkbox with a label and description"
-  }, /*#__PURE__*/React.createElement(Carousel, null, /*#__PURE__*/React.createElement("img", {
-    src: "http://placehold.it/1000x400/ffffff/c0392b/&text=slide1"
-  }), /*#__PURE__*/React.createElement("img", {
-    src: "http://placehold.it/1000x400/ffffff/c0392b/&text=slide2"
-  }), /*#__PURE__*/React.createElement("img", {
-    src: "http://placehold.it/1000x400/ffffff/c0392b/&text=slide3"
-  }), /*#__PURE__*/React.createElement("img", {
-    src: "http://placehold.it/1000x400/ffffff/c0392b/&text=slide4"
-  }), /*#__PURE__*/React.createElement("img", {
-    src: "http://placehold.it/1000x400/ffffff/c0392b/&text=slide5"
-  }), /*#__PURE__*/React.createElement("img", {
-    src: "http://placehold.it/1000x400/ffffff/c0392b/&text=slide6"
-  }))), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                    <Carousel>\n                        <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide1\" />\n                        <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide2\" />\n                        <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide3\" />\n                        <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide4\" />\n                        <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide5\" />\n                        <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide6\" />\n                    </Carousel>\n                    ")));
-}, {
-  info: {
-    propTables: [Carousel]
-  }
-});