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

package/List/DataList/icons/baseline-navigate_next-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="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>

package/List/DataList/icons/baseline-sort-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="M3 18h6v-2H3v2zM3 6v2h18V6H3zm0 7h12v-2H3v2z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>

package/List/DataList/icons/baseline-tune-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 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z"/>
-</svg>

package/List/DataList/icons/filter_alt-24px.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24" width="24"><g><path d="M0,0h24 M24,24H0" fill="none"/><path d="M4.25,5.61C6.57,8.59,10,13,10,13v5c0,1.1,0.9,2,2,2h0c1.1,0,2-0.9,2-2v-5c0,0,3.43-4.41,5.75-7.39 C20.26,4.95,19.79,4,18.95,4H5.04C4.21,4,3.74,4.95,4.25,5.61z"/><path d="M0,0h24v24H0V0z" fill="none"/></g></svg>

package/List/DataList/icons/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/List/List.d.ts

@@ -1,131 +0,0 @@
-import * as React from "react";
-import { ListProps as RmwcListProps, ListItemProps as RmwcListItemProps, ListItemTextProps as RmwcListItemTextProps, SimpleListItemProps as RmwcSimpleListItemProps } from "@rmwc/list";
-export declare type ListItemProps = RmwcListItemProps & {
-    children: React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-    onClick?: (e: React.MouseEvent) => void;
-};
-/**
- * ListItem components are placed as direct children to List component.
- * @param props
- * @returns {*}
- * @constructor
- */
-export declare const ListItem: (props: ListItemProps) => JSX.Element;
-export declare type ListProps = RmwcListProps & {
-    children?: any;
-    className?: string;
-    style?: React.CSSProperties;
-};
-/**
- * Use List component to display data and offer additional actions if needed.
- */
-export declare class List extends React.Component<ListProps> {
-    render(): JSX.Element;
-}
-export declare type ListItemTextProps = RmwcListItemTextProps & {
-    children: React.ReactNode;
-    className?: string;
-    onClick?: (e: React.SyntheticEvent<MouseEvent>) => void;
-};
-/**
- * Used to show regular text in list items.
- * @param props
- * @returns {*}
- * @constructor
- */
-export declare const ListItemText: (props: ListItemTextProps) => JSX.Element;
-export declare type ListItemTextPrimaryProps = {
-    /**
-     * Text content
-     */
-    children: React.ReactNode;
-};
-export declare const ListItemTextPrimary: (props: ListItemTextPrimaryProps) => JSX.Element;
-export declare type ListItemTextSecondaryProps = {
-    /**
-     * Text content
-     */
-    children: React.ReactNode;
-};
-/**
- * Used to show secondary text in list items.
- * @param props
- * @returns {*}
- * @constructor
- */
-export declare const ListItemTextSecondary: (props: ListItemTextSecondaryProps) => JSX.Element;
-export declare type ListItemGraphicProps = {
-    children: React.ReactNode;
-    className?: string;
-};
-/**
- * Can be used to show an icon or any other custom element. Rendered on the left side.
- * @param props
- * @returns {*}
- * @constructor
- */
-export declare const ListItemGraphic: (props: ListItemGraphicProps) => JSX.Element;
-export declare type ListItemMetaProps = {
-    children: React.ReactNode;
-    className?: string;
-};
-/**
- * Can be used to show an icon or any other custom element. Rendered on the right side.
- * @param props
- * @returns {*}
- * @constructor
- */
-export declare const ListItemMeta: (props: ListItemMetaProps) => JSX.Element;
-export declare type ListTopCaptionProps = {
-    children: React.ReactNode;
-};
-/**
- * Can be used to show a top caption inside ListItemMeta component.
- * @param props
- * @returns {*}
- * @constructor
- */
-export declare const ListTopCaption: (props: ListTopCaptionProps) => JSX.Element;
-export declare type ListBottomCaptionProps = {
-    children: React.ReactNode;
-};
-/**
- * Can be used to show a bottom caption inside ListItemMeta component.
- * @param props
- * @returns {*}
- * @constructor
- */
-export declare const ListBottomCaption: (props: ListBottomCaptionProps) => JSX.Element;
-export declare type ListTextOverlineProps = {
-    children: React.ReactNode;
-};
-/**
- * Can be used to show an overline text inside ListItem component.
- * @param props
- * @returns {*}
- * @constructor
- */
-export declare const ListTextOverline: (props: ListTextOverlineProps) => JSX.Element;
-export declare type ListActionsProps = {
-    children: React.ReactNode;
-};
-/**
- * Used to contain the actions inside ListItemMate component.
- * @param props
- * @returns {*}
- * @constructor
- */
-export declare const ListActions: (props: ListActionsProps) => JSX.Element;
-export declare type ListSelectBoxProps = {
-    children: React.ReactNode;
-};
-/**
- * Used to hold the Checkbox element for multi-select options.
- * @param {*} props
- */
-export declare const ListSelectBox: (props: ListSelectBoxProps) => JSX.Element;
-export declare const SimpleListItem: (props: RmwcSimpleListItemProps & {
-    onClick?: any;
-}) => JSX.Element;

package/List/List.js

@@ -1,167 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import * as React from "react";
-import { List as RmwcList, ListItem as RmwcListItem, ListItemText as RmwcListItemText, ListItemPrimaryText as RmwcListItemPrimaryText, ListItemSecondaryText as RmwcListItemSecondaryText, SimpleListItem as RmwcSimpleListItem } from "@rmwc/list";
-import { Typography } from "../Typography";
-import classNames from "classnames";
-import styled from "@emotion/styled";
-
-/**
- * ListItem components are placed as direct children to List component.
- * @param props
- * @returns {*}
- * @constructor
- */
-export var ListItem = function ListItem(props) {
-  return /*#__PURE__*/React.createElement(RmwcListItem, props);
-};
-
-/**
- * Use List component to display data and offer additional actions if needed.
- */
-export var List = /*#__PURE__*/function (_React$Component) {
-  _inherits(List, _React$Component);
-
-  var _super = _createSuper(List);
-
-  function List() {
-    _classCallCheck(this, List);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(List, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement(RmwcList, this.props, this.props.children);
-    }
-  }]);
-
-  return List;
-}(React.Component);
-
-/**
- * Used to show regular text in list items.
- * @param props
- * @returns {*}
- * @constructor
- */
-export var ListItemText = function ListItemText(props) {
-  return /*#__PURE__*/React.createElement(RmwcListItemText, props, props.children);
-};
-export var ListItemTextPrimary = function ListItemTextPrimary(props) {
-  return /*#__PURE__*/React.createElement(RmwcListItemPrimaryText, null, props.children);
-};
-
-/**
- * Used to show secondary text in list items.
- * @param props
- * @returns {*}
- * @constructor
- */
-export var ListItemTextSecondary = function ListItemTextSecondary(props) {
-  return /*#__PURE__*/React.createElement(RmwcListItemSecondaryText, null, props.children);
-};
-
-/**
- * Can be used to show an icon or any other custom element. Rendered on the left side.
- * @param props
- * @returns {*}
- * @constructor
- */
-export var ListItemGraphic = function ListItemGraphic(props) {
-  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
-    className: classNames("mdc-list-item__graphic", props.className)
-  }), props.children);
-};
-
-/**
- * Can be used to show an icon or any other custom element. Rendered on the right side.
- * @param props
- * @returns {*}
- * @constructor
- */
-export var ListItemMeta = function ListItemMeta(props) {
-  return /*#__PURE__*/React.createElement("span", Object.assign({}, props, {
-    className: classNames("mdc-list-item__meta", props.className)
-  }), props.children);
-};
-
-/**
- * Can be used to show a top caption inside ListItemMeta component.
- * @param props
- * @returns {*}
- * @constructor
- */
-export var ListTopCaption = function ListTopCaption(props) {
-  return /*#__PURE__*/React.createElement("span", Object.assign({}, props, {
-    className: "webiny-list-top-caption"
-  }), /*#__PURE__*/React.createElement(Typography, {
-    use: "overline"
-  }, props.children));
-};
-
-/**
- * Can be used to show a bottom caption inside ListItemMeta component.
- * @param props
- * @returns {*}
- * @constructor
- */
-export var ListBottomCaption = function ListBottomCaption(props) {
-  return /*#__PURE__*/React.createElement("span", Object.assign({}, props, {
-    className: "webiny-list-bottom-caption"
-  }), /*#__PURE__*/React.createElement(Typography, {
-    use: "overline"
-  }, props.children));
-};
-
-/**
- * Can be used to show an overline text inside ListItem component.
- * @param props
- * @returns {*}
- * @constructor
- */
-export var ListTextOverline = function ListTextOverline(props) {
-  return /*#__PURE__*/React.createElement("span", Object.assign({}, props, {
-    className: "webiny-list-text-overline"
-  }), /*#__PURE__*/React.createElement(Typography, {
-    use: "overline"
-  }, props.children));
-};
-
-/**
- * Used to contain the actions inside ListItemMate component.
- * @param props
- * @returns {*}
- * @constructor
- */
-export var ListActions = function ListActions(props) {
-  return /*#__PURE__*/React.createElement("span", Object.assign({}, props, {
-    className: "webiny-list-actions"
-  }), props.children);
-};
-var SelectBoxWrapper = /*#__PURE__*/styled("div", {
-  target: "entzw6n0",
-  label: "SelectBoxWrapper"
-})({
-  overflow: "hidden",
-  width: 25,
-  height: 25,
-  display: "flex",
-  position: "relative",
-  alignItems: "center",
-  justifyContent: "center"
-});
-
-/**
- * Used to hold the Checkbox element for multi-select options.
- * @param {*} props
- */
-export var ListSelectBox = function ListSelectBox(props) {
-  return /*#__PURE__*/React.createElement(ListItemGraphic, null, /*#__PURE__*/React.createElement(SelectBoxWrapper, null, props.children));
-};
-export var SimpleListItem = function SimpleListItem(props) {
-  return /*#__PURE__*/React.createElement(RmwcSimpleListItem, props);
-};

package/List/List.stories.d.ts

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

package/List/List.stories.js

@@ -1,47 +0,0 @@
-import React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandboxCode, StorySandbox, StorySandboxExample } from "@webiny/storybook-utils/Story";
-import readme from "./../List/README.md";
-import { Icon } from "./../Icon";
-import { ButtonPrimary } from "./../Button";
-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 BaselineDeleteIcon } from "@svgr/webpack!./icons/baseline-delete-24px.svg";
-import { ReactComponent as BaselineDoneIcon } from "@svgr/webpack!./icons/baseline-done-24px.svg";
-import { List, ListItem, ListItemText, ListItemTextSecondary, ListItemMeta, ListItemGraphic, ListItemTextPrimary } from "./List";
-var story = storiesOf("Components/List", module);
-story.add("simple list", function () {
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement(StorySandboxExample, {
-    title: "Basic list"
-  }, /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(ListItem, null, "Item 1"), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(ListItemGraphic, null, /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(BaselineDeleteIcon, null)
-  })), "Item 2 - with icon on left side"), /*#__PURE__*/React.createElement(ListItem, null, "Item 3 - with icon on right side", /*#__PURE__*/React.createElement(ListItemMeta, null, /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(BaselineDoneIcon, null)
-  }))), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(ListItemGraphic, null, /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(BaselineDeleteIcon, null)
-  })), "Item 4 - icons on both sides", /*#__PURE__*/React.createElement(ListItemMeta, null, /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(BaselineDoneIcon, null)
-  }))))), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                        <List>\n                        <ListItem>\n                            Item 1\n                        </ListItem>\n\n                        <ListItem>\n                            <ListItemGraphic>\n                                <Icon icon={<BaselineDeleteIcon />} />\n                            </ListItemGraphic>\n                            Item 2 - with icon on left side\n                        </ListItem>\n                        <ListItem>\n                            Item 3 - with icon on right side\n                            <ListItemMeta>\n                                <Icon icon={<BaselineDoneIcon />} />\n                            </ListItemMeta>\n                        </ListItem>\n                        <ListItem>\n                            <ListItemGraphic>\n                                <Icon icon={<BaselineDeleteIcon />} />\n                            </ListItemGraphic>\n                            Item 4 - icons on both sides\n                            <ListItemMeta>\n                                <Icon icon={<BaselineDoneIcon />} />\n                            </ListItemMeta>\n                        </ListItem>\n                    </List>\n                    ")), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement(StorySandboxExample, {
-    title: "List with 2 lines"
-  }, /*#__PURE__*/React.createElement(List, {
-    twoLine: true
-  }, /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(ListItemText, null, /*#__PURE__*/React.createElement(ListItemTextPrimary, null, "Primary text"), /*#__PURE__*/React.createElement(ListItemTextSecondary, null, "Secondary text"))), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(ListItemText, null, /*#__PURE__*/React.createElement(ListItemTextPrimary, null, "Primary text"), /*#__PURE__*/React.createElement(ListItemTextSecondary, null, "Secondary text"))), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(ListItemText, null, /*#__PURE__*/React.createElement(ListItemTextPrimary, null, "Primary text"), /*#__PURE__*/React.createElement(ListItemTextSecondary, null, "Secondary text"))))), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                        <List twoLine>\n                        <ListItem>\n                            <ListItemText>\n                                <ListItemTextPrimary>\n                                    Primary text\n                                </ListItemTextPrimary>\n                                <ListItemTextSecondary>\n                                    Secondary text\n                                </ListItemTextSecondary>\n                            </ListItemText>\n                        </ListItem>\n                        <ListItem>\n                            <ListItemText>\n                                <ListItemTextPrimary>\n                                    Primary text\n                                </ListItemTextPrimary>\n                                <ListItemTextSecondary>\n                                    Secondary text\n                                </ListItemTextSecondary>\n                            </ListItemText>\n                        </ListItem>\n                        <ListItem>\n                            <ListItemText>\n                                <ListItemTextPrimary>\n                                    Primary text\n                                </ListItemTextPrimary>\n                                <ListItemTextSecondary>\n                                    Secondary text\n                                </ListItemTextSecondary>\n                            </ListItemText>\n                        </ListItem>\n                    </List>\n                    ")), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement(StorySandboxExample, {
-    title: "A list with all possible options"
-  }, /*#__PURE__*/React.createElement(List, {
-    twoLine: true
-  }, /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(ListItemGraphic, null, /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(AutoRenewIcon, null)
-  })), /*#__PURE__*/React.createElement(ListItemText, null, /*#__PURE__*/React.createElement(ListItemTextPrimary, null, "Rocket"), /*#__PURE__*/React.createElement(ListItemTextSecondary, null, "This could be a really cool rocket.")), /*#__PURE__*/React.createElement(ListItemMeta, null, /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(CloudDoneIcon, null)
-  }))), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(ListItemGraphic, null, /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(BaselineDeleteIcon, null)
-  })), /*#__PURE__*/React.createElement(ListItemText, null, /*#__PURE__*/React.createElement(ListItemTextPrimary, null, "Coffee"), /*#__PURE__*/React.createElement(ListItemTextSecondary, null, "A nice cup of coffee.")), /*#__PURE__*/React.createElement(ListItemMeta, null, /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(BaselineDoneIcon, null)
-  }))), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(ListItemGraphic, null, /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(AutoRenewIcon, null)
-  })), /*#__PURE__*/React.createElement(ListItemText, null, /*#__PURE__*/React.createElement(ListItemTextPrimary, null, "E-mail"), /*#__PURE__*/React.createElement(ListItemTextSecondary, null, "Send an e-mail to your best friend.")), /*#__PURE__*/React.createElement(ListItemMeta, null, /*#__PURE__*/React.createElement(ButtonPrimary, null, "Send"))))), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                        <List twoLine>\n                        <ListItem>\n                            <ListItemGraphic>\n                                <Icon icon={<AutoRenewIcon />} />\n                            </ListItemGraphic>\n                            <ListItemText>\n                                <ListItemTextPrimary>Rocket</ListItemTextPrimary>\n                                <ListItemTextSecondary>\n                                    This could be a really cool rocket.\n                                </ListItemTextSecondary>\n                            </ListItemText>\n                            <ListItemMeta>\n                                <Icon icon={<CloudDoneIcon />} />\n                            </ListItemMeta>\n                        </ListItem>\n\n                        <ListItem>\n                            <ListItemGraphic>\n                                <Icon icon={<BaselineDeleteIcon />} />\n                            </ListItemGraphic>\n                            <ListItemText>\n                                <ListItemTextPrimary>Coffee</ListItemTextPrimary>\n                                <ListItemTextSecondary>A nice cup of coffee.</ListItemTextSecondary>\n                            </ListItemText>\n                            <ListItemMeta>\n                                <Icon icon={<BaselineDoneIcon />} />\n                            </ListItemMeta>\n                        </ListItem>\n                        <ListItem>\n                            <ListItemGraphic>\n                                <Icon icon={<AutoRenewIcon />} />\n                            </ListItemGraphic>\n                            <ListItemText>\n                                <ListItemTextPrimary>E-mail</ListItemTextPrimary>\n                                <ListItemTextSecondary>\n                                    Send an e-mail to your best friend.\n                                </ListItemTextSecondary>\n                            </ListItemText>\n                            <ListItemMeta>\n                                <ButtonPrimary>Send</ButtonPrimary>\n                            </ListItemMeta>\n                        </ListItem>\n                    </List>\n                    ")));
-}, {
-  info: {
-    propTables: [List, ListItem, ListItemText, ListItemTextSecondary, ListItemMeta, ListItemGraphic, ListItemTextPrimary]
-  }
-});

package/List/README.md

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

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

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

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

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

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

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

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

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

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

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

package/List/icons/index.d.ts

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

package/List/icons/index.js

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

package/Menu/Menu.stories.d.ts

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

package/Menu/Menu.stories.js

@@ -1,29 +0,0 @@
-import React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandbox, StorySandboxExample, StorySandboxCode } from "@webiny/storybook-utils/Story";
-import { ButtonPrimary } from "./../Button";
-import readme from "./../Menu/README.md";
-import { Menu, MenuItem, MenuDivider } from "./Menu";
-var story = storiesOf("Components/Menu", module);
-var style = {
-  position: "relative",
-  width: 200,
-  margin: "0 auto"
-};
-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, {
-    title: "A simple menu, triggered with a button"
-  }, /*#__PURE__*/React.createElement("div", {
-    style: style
-  }, /*#__PURE__*/React.createElement(Menu, {
-    handle: /*#__PURE__*/React.createElement(ButtonPrimary, null, "Open menu")
-  }, /*#__PURE__*/React.createElement(MenuItem, {
-    onClick: function onClick() {
-      console.log("Apple selected!");
-    }
-  }, "Apple"), /*#__PURE__*/React.createElement(MenuItem, null, "Banana"), /*#__PURE__*/React.createElement(MenuItem, null, "Watermelon")))), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                   <Menu handle={<ButtonPrimary>Open menu</ButtonPrimary>}>\n                        <MenuItem\n                            onClick={() => {\n                                console.log(\"Apple selected!\");\n                            }}\n                        >\n                            Apple\n                        </MenuItem>\n                        <MenuItem>Banana</MenuItem>\n                        <MenuItem>Watermelon</MenuItem>\n                    </Menu>\n                    ")));
-}, {
-  info: {
-    propTables: [Menu, MenuItem, MenuDivider]
-  }
-});

package/Menu/README.md

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

package/Mosaic/Mosaic.stories.d.ts

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

package/Mosaic/Mosaic.stories.js

@@ -1,75 +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 "./../Mosaic/README.md";
-import { Mosaic } from "./Mosaic";
-var story = storiesOf("Components/Mosaic", module);
-story.add("usage", function () {
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, {
-    title: "A simple responsive mosaic."
-  }, /*#__PURE__*/React.createElement(StorySandboxExample, null, /*#__PURE__*/React.createElement(Mosaic, null, /*#__PURE__*/React.createElement("img", {
-    alt: "Image 1",
-    src: "https://via.placeholder.com/800x600/001F3F/FFFFFF.png?text=1"
-  }), /*#__PURE__*/React.createElement("img", {
-    alt: "Image 2",
-    src: "https://via.placeholder.com/400x300/0074D9/FFFFFF.png?text=2"
-  }), /*#__PURE__*/React.createElement("img", {
-    alt: "Image 3",
-    src: "https://via.placeholder.com/1024x768/7FDBFF/FFFFFF.png?text=3"
-  }), /*#__PURE__*/React.createElement("img", {
-    alt: "Image 4",
-    src: "https://via.placeholder.com/1280x1024/39CCCC/FFFFFF.png?text=4"
-  }), /*#__PURE__*/React.createElement("img", {
-    alt: "Image 5",
-    src: "https://via.placeholder.com/640x480/3D9970/FFFFFF.png?text=5"
-  }), /*#__PURE__*/React.createElement("img", {
-    alt: "Image 6",
-    src: "https://via.placeholder.com/1000x500/2ECC40/FFFFFF.png?text=6"
-  }), /*#__PURE__*/React.createElement("img", {
-    alt: "Image 7",
-    src: "https://via.placeholder.com/700x1000/01FF70/FFFFFF.png?text=7"
-  }), /*#__PURE__*/React.createElement("img", {
-    alt: "Image 8",
-    src: "https://via.placeholder.com/800x600/FFDC00/FFFFFF.png?text=8"
-  }), /*#__PURE__*/React.createElement("img", {
-    alt: "Image 9",
-    src: "https://via.placeholder.com/200x100/FF851B/FFFFFF.png?text=9"
-  }), /*#__PURE__*/React.createElement("img", {
-    alt: "Image 10",
-    src: "https://via.placeholder.com/200x100/FF4136/FFFFFF.png?text=10"
-  }))), /*#__PURE__*/React.createElement(StorySandboxCode, null, /*#__PURE__*/React.createElement(Mosaic, null, /*#__PURE__*/React.createElement("img", {
-    alt: "Image 1",
-    src: "https://..."
-  }), /*#__PURE__*/React.createElement("img", {
-    alt: "Image 2",
-    src: "https://..."
-  }), /*#__PURE__*/React.createElement("img", {
-    alt: "Image 3",
-    src: "https://..."
-  }), /*#__PURE__*/React.createElement("img", {
-    alt: "Image 4",
-    src: "https://..."
-  }), /*#__PURE__*/React.createElement("img", {
-    alt: "Image 5",
-    src: "https://..."
-  }), /*#__PURE__*/React.createElement("img", {
-    alt: "Image 6",
-    src: "https://..."
-  }), /*#__PURE__*/React.createElement("img", {
-    alt: "Image 7",
-    src: "https://..."
-  }), /*#__PURE__*/React.createElement("img", {
-    alt: "Image 8",
-    src: "https://..."
-  }), /*#__PURE__*/React.createElement("img", {
-    alt: "Image 9",
-    src: "https://..."
-  }), /*#__PURE__*/React.createElement("img", {
-    alt: "Image 10",
-    src: "https://..."
-  })))));
-}, {
-  info: {
-    propTables: [Mosaic]
-  }
-});

package/Mosaic/README.md

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

package/Progress/README.md

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

package/Progress/svg/circularProgress.svg

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

package/Radio/README.md

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