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

package/Radio/Radio.styles.d.ts

@@ -1,6 +0,0 @@
-/**
- * Controls the helper text below the checkbox.
- * @type {string}
- */
-declare const webinyRadioTitle: string;
-export { webinyRadioTitle };

package/Radio/Radio.styles.js

@@ -1,15 +0,0 @@
-import { css } from "emotion";
-/**
- * Controls the helper text below the checkbox.
- * @type {string}
- */
-
-var webinyRadioTitle = /*#__PURE__*/css({}, {
-  "&.mdc-text-field-helper-text": {
-    paddingLeft: 10,
-    //textTransform: "uppercase",
-    //fontWeight: "bold",
-    marginBottom: "5px"
-  }
-}, "label:webinyRadioTitle;");
-export { webinyRadioTitle };

package/Radio/RadioGroup.stories.d.ts

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

package/Radio/RadioGroup.stories.js

@@ -1,55 +0,0 @@
-import * as 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 { Radio, RadioGroup } from ".";
-var story = storiesOf("Components/Radio", module);
-story.addDecorator(withKnobs);
-story.add("usage", function () {
-  var disabled = boolean("Disabled", false);
-  var options = [{
-    id: "apple",
-    name: "Apple"
-  }, {
-    id: "pear",
-    name: "Pear"
-  }, {
-    id: "orange",
-    name: "Orange"
-  }];
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement(StorySandboxExample, {
-    title: "Simple radio with label and description"
-  }, /*#__PURE__*/React.createElement(Form, {
-    data: {
-      fruits: "pear"
-    }
-  }, function (_ref) {
-    var Bind = _ref.Bind;
-    return /*#__PURE__*/React.createElement(Bind, {
-      name: "fruits"
-    }, /*#__PURE__*/React.createElement(RadioGroup, {
-      label: "Fruit selection",
-      description: "Choose fruit you like the most."
-    }, function (_ref2) {
-      var onChange = _ref2.onChange,
-          getValue = _ref2.getValue;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, options.map(function (_ref3) {
-        var id = _ref3.id,
-            name = _ref3.name;
-        return /*#__PURE__*/React.createElement(Radio, {
-          disabled: disabled,
-          key: id,
-          label: name,
-          value: getValue(id),
-          onChange: onChange(id)
-        });
-      }));
-    }));
-  })), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                     <Form data={{fruits: ['pear']}}>\n                        {({ Bind }) => (\n                            <Bind name=\"fruits\">\n                                <RadioGroup\n                                    label=\"Fruits selection\"\n                                    description={\"Choose only fruits you like.\"}\n                                >\n                                    {({ onChange, getValue }) => (\n                                        <React.Fragment>\n                                            {options.map(({id, name}) => (\n                                                <Radio\n                                                    disabled={disabled}\n                                                    key={id}\n                                                    label={name}\n                                                    value={getValue(id)}\n                                                    onChange={onChange(id)}\n                                                />\n                                            ))}\n                                        </React.Fragment>\n                                    )}\n                                </RadioGroup>\n                            </Bind>\n                        )}\n                    </Form>\n                    ")));
-}, {
-  info: {
-    propTables: [Radio, RadioGroup]
-  }
-});

package/RichTextEditor/README.md

@@ -1,10 +0,0 @@
-# RichTextEditor
-
-### Description
-https://editorjs.io
-
-### Import
-
-```js
-import { RichTextEditor } from "@webiny/ui/RichTextEditor";
-```

package/RichTextEditor/RichTextEditor.stories.d.ts

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

package/RichTextEditor/RichTextEditor.stories.js

@@ -1,19 +0,0 @@
-import React, { useCallback } from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandboxCode, StorySandbox, StorySandboxExample } from "@webiny/storybook-utils/Story";
-import readme from "./README.md";
-import { RichTextEditor } from "./index";
-var story = storiesOf("Components/RichTextEditor", module);
-story.add("usage", function () {
-  var onChange = useCallback(function (data) {
-    console.log(data);
-  }, []);
-  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(RichTextEditor, {
-    value: null,
-    onChange: onChange
-  })), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                        import { RichTextEditor } from \"..\";\n\n                        <RichTextEditor/>\n                    ")));
-}, {
-  info: {
-    propTables: [RichTextEditor]
-  }
-});

package/RichTextEditor/createPropsFromConfig.d.ts

@@ -1,5 +0,0 @@
-import { RichTextEditorProps } from "./RichTextEditor";
-/**
- * Creates RichTextEditor props from the given config (or array of configs).
- */
-export declare const createPropsFromConfig: (config: any) => Partial<RichTextEditorProps>;

package/RichTextEditor/createPropsFromConfig.js

@@ -1,18 +0,0 @@
-/**
- * Creates RichTextEditor props from the given config (or array of configs).
- */
-export var createPropsFromConfig = function createPropsFromConfig(config) {
-  var configs = Array.isArray(config) ? config : [config];
-  return {
-    onReady: function onReady(editor) {
-      configs.forEach(function (config) {
-        if (typeof config.onReady === "function") {
-          config.onReady(editor);
-        }
-      });
-    },
-    tools: configs.reduce(function (tools, config) {
-      return Object.assign(tools, config.tools);
-    }, {})
-  };
-};

package/Ripple/README.md

@@ -1,15 +0,0 @@
-# Ripple
-
-### Design
-
-<a href="https://material.io/develop/web/components/ripples/" target="_blank">https://material.io/develop/web/components/ripples/</a>
-
-### Description
-
-`Ripple` component is used to represent interactive surfaces.
-
-### Import
-
-```js
-import { Ripple } from "@webiny/ui/Ripple";
-```

package/Ripple/Ripple.stories.d.ts

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

package/Ripple/Ripple.stories.js

@@ -1,71 +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 "./../Ripple/README.md";
-import { Icon } from "./../Icon";
-import { withKnobs, boolean } from "@storybook/addon-knobs";
-import { ReactComponent as AutoRenewIcon } from "@svgr/webpack!./svg/baseline-autorenew-24px.svg";
-import { ReactComponent as CloudDoneIcon } from "@svgr/webpack!./svg/baseline-cloud_done-24px.svg";
-import { ReactComponent as BaselineDeleteIcon } from "@svgr/webpack!./svg/baseline-delete-24px.svg";
-import { ReactComponent as BaselineDoneIcon } from "@svgr/webpack!./svg/baseline-done-24px.svg";
-import { Ripple } from "./Ripple";
-var story = storiesOf("Components/Ripple", module);
-story.addDecorator(withKnobs);
-story.add("usage", function () {
-  var disabled = boolean("Disabled", false);
-  var style = {
-    padding: 20,
-    width: 20,
-    height: 20,
-    display: "inline-block"
-  };
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, {
-    title: "Icon with and without ripple"
-  }, /*#__PURE__*/React.createElement(StorySandboxExample, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, "No effect"), /*#__PURE__*/React.createElement("div", {
-    style: style
-  }, /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(AutoRenewIcon, null)
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("code", null, "unbounded")), /*#__PURE__*/React.createElement(Ripple, {
-    type: "unbounded",
-    disabled: disabled
-  }, /*#__PURE__*/React.createElement("div", {
-    style: style
-  }, /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(CloudDoneIcon, null)
-  }))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("code", null, "primary")), /*#__PURE__*/React.createElement(Ripple, {
-    type: "primary",
-    disabled: disabled
-  }, /*#__PURE__*/React.createElement("div", {
-    style: style
-  }, /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(BaselineDeleteIcon, null)
-  }))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("code", null, "accent")), /*#__PURE__*/React.createElement(Ripple, {
-    type: "accent",
-    disabled: disabled
-  }, /*#__PURE__*/React.createElement("div", {
-    style: style
-  }, /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(BaselineDoneIcon, null)
-  }))))), /*#__PURE__*/React.createElement(StorySandboxCode, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(AutoRenewIcon, null)
-  })), /*#__PURE__*/React.createElement(Ripple, {
-    type: "unbounded",
-    disabled: disabled
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(CloudDoneIcon, null)
-  }))), /*#__PURE__*/React.createElement(Ripple, {
-    type: "primary",
-    disabled: disabled
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(BaselineDeleteIcon, null)
-  }))), /*#__PURE__*/React.createElement(Ripple, {
-    type: "accent",
-    disabled: disabled
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(BaselineDoneIcon, null)
-  })))))));
-}, {
-  info: {
-    propTables: [Ripple]
-  }
-});

package/Ripple/svg/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/Ripple/svg/baseline-cloud_done-24px.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <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/Ripple/svg/baseline-delete-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="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/Ripple/svg/baseline-done-24px.svg

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

package/Scrollbar/README.md

@@ -1,15 +0,0 @@
-# Scrollbar
-
-### Additional information
-
-<a href="https://github.com/malte-wessel/react-custom-scrollbars" target="_blank">https://github.com/malte-wessel/react-custom-scrollbars</a>
-
-### Description
-
-Use `Scrollbar` component to show vertical or horizontal scrollbars.
-
-### Import
-
-```js
-import { Scrollbar } from "@webiny/ui/Scrollbar";
-```

package/Scrollbar/Scrollbar.stories.d.ts

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

package/Scrollbar/Scrollbar.stories.js

@@ -1,20 +0,0 @@
-import * as React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandbox } from "@webiny/storybook-utils/Story";
-import readme from "./../Scrollbar/README.md";
-import { Scrollbar } from "./Scrollbar";
-var story = storiesOf("Components/Scrollbar", module);
-story.add("usage", function () {
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, {
-    title: "Scrollbar demo"
-  }, /*#__PURE__*/React.createElement(Scrollbar, {
-    style: {
-      width: 300,
-      height: 200
-    }
-  }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lorem leo, aliquam aliquet arcu vel, faucibus feugiat est. Nulla facilisi. Donec lobortis metus dictum sem egestas, non lobortis erat suscipit. Nunc fermentum tempor nisi, nec venenatis odio egestas at. Nulla facilisi. Fusce sed venenatis velit, ac rhoncus ligula. Integer hendrerit egestas ante, tristique posuere augue auctor non. Curabitur accumsan, ipsum cursus euismod volutpat, enim ligula interdum diam, id suscipit ipsum lectus id ligula. Ut nec odio vel lacus volutpat commodo. In hac habitasse platea dictumst. Donec nunc lacus, venenatis non tellus vel, semper porta quam. Ut fermentum mattis urna non imperdiet. Fusce tincidunt enim nec tincidunt dapibus. Aliquam eu ligula quis ligula pretium tincidunt non sit amet velit. Curabitur vel interdum enim, ut molestie ligula.")));
-}, {
-  info: {
-    propTables: [Scrollbar]
-  }
-});

package/Section/README.md

@@ -1,11 +0,0 @@
-# Section
-
-### Description
-
-Use `Section` to nicely separate components vertically in the UI.
-
-### Import
-
-```js
-import Section from "@webiny/ui/Section";
-```

package/Section/Section.stories.d.ts

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

package/Section/Section.stories.js

@@ -1,25 +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 "./README.md";
-import Section from "./index";
-import styled from "@emotion/styled";
-var story = storiesOf("Components/Section", module);
-var RenderSection = /*#__PURE__*/styled("div", {
-  target: "e1mp9e2d0",
-  label: "RenderSection"
-})({
-  backgroundColor: "var(--mdc-theme-background)",
-  padding: "1px 25px 0 25px"
-});
-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(RenderSection, null, /*#__PURE__*/React.createElement(Section, {
-    title: "Section 1"
-  }, "Here goes the first section"), /*#__PURE__*/React.createElement(Section, {
-    title: "Section 2"
-  }, "And this is the second section \uD83E\uDD84"))), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                        import styled from \"@emotion/styled\";\n                        \n                        const RenderSection = styled(\"div\")({\n                            backgroundColor: \"var(--mdc-theme-background)\",\n                            padding: \"1px 25px 0 25px\"\n                        });\n\n                         <RenderSection>\n                            <Section title=\"Section 1\">Here goes the first section</Section>\n                            <Section title=\"Section 2\">And this is the second section \uD83E\uDD84</Section>\n                        </RenderSection>\n                    ")));
-}, {
-  info: {
-    propTables: [Section]
-  }
-});

package/Select/README.md

@@ -1,15 +0,0 @@
-# Select
-
-### Design
-
-<a href="https://material.io/develop/web/components/input-controls/select-menus/" target="_blank">https://material.io/develop/web/components/input-controls/select-menus/</a>
-
-### Description
-
-`Select` component lets users choose a value from given set of options.
-
-### Import
-
-```js
-import { Select, SelectOptionGroup, SelectOption } from "@webiny/ui/Select";
-```

package/Select/Select.stories.d.ts

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

package/Select/Select.stories.js

@@ -1,46 +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 { Select } from "./Select";
-var story = storiesOf("Components/Select", module);
-story.addDecorator(withKnobs);
-story.add("usage", function () {
-  var disabled = boolean("Disabled", false);
-  var box = boolean("Box", false);
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement(StorySandboxExample, {
-    title: "Simple select with a label and description"
-  }, /*#__PURE__*/React.createElement(Form, null, function (_ref) {
-    var Bind = _ref.Bind;
-    return /*#__PURE__*/React.createElement(Bind, {
-      name: "pet"
-    }, /*#__PURE__*/React.createElement(Select, {
-      label: "Pets",
-      disabled: disabled,
-      box: box.toString(),
-      description: "Choose a pet of your liking."
-    }, /*#__PURE__*/React.createElement("optgroup", {
-      label: "Dogs"
-    }, /*#__PURE__*/React.createElement("option", {
-      value: "germanShepherd"
-    }, "German Shepherd"), /*#__PURE__*/React.createElement("option", {
-      value: "bulldog"
-    }, "Bulldog"), /*#__PURE__*/React.createElement("option", {
-      value: "sharPei"
-    }, "Shar-Pei")), /*#__PURE__*/React.createElement("optgroup", {
-      label: "Other"
-    }, /*#__PURE__*/React.createElement("option", {
-      value: "parrot"
-    }, "Parrot"), /*#__PURE__*/React.createElement("option", {
-      value: "cat"
-    }, "Cat"), /*#__PURE__*/React.createElement("option", {
-      value: "guinea "
-    }, "Guinea Pig"))));
-  })), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                    <Form>\n                        {({ Bind }) => (\n                            <Bind name=\"pet\">\n                               <Select\n                                    label=\"Pets\"\n                                    disabled={disabled}\n                                    box={box.toString()}\n                                    description=\"Choose a pet of your liking.\"\n                                >\n                                   <optgroup label=\"Dogs\">\n                                        <option value=\"germanShepherd\">\n                                            German Shepherd\n                                        </option>\n                                        <option value=\"bulldog\">Bulldog</option>\n                                        <option value=\"sharPei\">Shar-Pei</option>\n                                    </optgroup>\n                                    <optgroup label=\"Other\">\n                                        <option value=\"parrot\">Parrot</option>\n                                        <option value=\"cat\">Cat</option>\n                                        <option value=\"guinea \">Guinea Pig</option>\n                                    </optgroup>\n                                </Select>\n                            </Bind>\n                        )}\n                    </Form>\n                    ")));
-}, {
-  info: {
-    propTables: [Select]
-  }
-});

package/Slider/README.md

@@ -1,15 +0,0 @@
-# Slider
-
-### Design
-
-<a href="https://material.io/design/components/sliders.html" target="_blank">https://material.io/design/components/sliders.html</a>
-
-### Description
-
-`Slider` component lets users choose a value from given range.
-
-### Import
-
-```js
-import { Slider } from "@webiny/ui/Slider";
-```

package/Slider/Slider.stories.d.ts

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

package/Slider/Slider.stories.js

@@ -1,44 +0,0 @@
-import * as 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 Slider from "./Slider";
-var story = storiesOf("Components/Slider", 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: "Simple slider with a label and description"
-  }, /*#__PURE__*/React.createElement(Form, {
-    data: {
-      width: 200
-    }
-  }, function (_ref) {
-    var Bind = _ref.Bind;
-    return /*#__PURE__*/React.createElement(Bind, {
-      name: "width"
-    }, function (_ref2) {
-      var value = _ref2.value,
-          onChange = _ref2.onChange;
-      return /*#__PURE__*/React.createElement(Slider, {
-        label: "Number of rooms:",
-        disabled: disabled,
-        description: "Choose the number of rooms in your apartment.",
-        discrete: true,
-        displayMarkers: true,
-        min: 1,
-        max: 10,
-        step: 1,
-        onInput: onChange,
-        onChange: onChange,
-        value: value
-      });
-    });
-  })), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                     <Form data={{ width: 200 }}>\n                        {({ Bind }) => (\n                            <Bind name=\"width\">\n                                {({ value, onChange }) => (\n                                    <Slider\n                                        label={\"Number of rooms:\"}\n                                        disabled={disabled}\n                                        description={\n                                            \"Choose the number of rooms in your apartment.\"\n                                        }\n                                        discrete\n                                        displayMarkers\n                                        min={1}\n                                        max={10}\n                                        step={1}\n                                        onInput={onChange}\n                                        onChange={onChange}\n                                        value={value}\n                                    />\n                                )}\n                            </Bind>\n                        )}\n                    </Form>\n                    ")));
-}, {
-  info: {
-    propTables: [Slider]
-  }
-});

package/Snackbar/README.md

@@ -1,15 +0,0 @@
-# Snackbar
-
-### Design
-
-<a href="https://material.io/design/components/snackbars.html" target="_blank">https://material.io/design/components/snackbars.html</a>
-
-### Description
-
-Use `Snackbar` component to display an informative or alert message and allow users to act upon it.
-
-### Import
-
-```js
-import { Snackbar } from "@webiny/ui/Snackbar";
-```

package/Snackbar/Snackbar.stories.d.ts

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

package/Snackbar/Snackbar.stories.js

@@ -1,77 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import * as React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandboxCode, StorySandbox, StorySandboxExample } from "@webiny/storybook-utils/Story";
-import readme from "./../Snackbar/README.md";
-import { withKnobs, boolean } from "@storybook/addon-knobs";
-import { ButtonPrimary } from "./../Button";
-import { Snackbar } from "./Snackbar";
-var story = storiesOf("Components/Snackbar", module);
-story.addDecorator(withKnobs);
-
-var SnackbarContainer = /*#__PURE__*/function (_React$Component) {
-  _inherits(SnackbarContainer, _React$Component);
-
-  var _super = _createSuper(SnackbarContainer);
-
-  function SnackbarContainer() {
-    var _this;
-
-    _classCallCheck(this, SnackbarContainer);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      show: false
-    });
-
-    return _this;
-  }
-
-  _createClass(SnackbarContainer, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Snackbar, {
-        open: this.state.show,
-        onClose: function onClose() {
-          return _this2.setState({
-            show: false
-          });
-        },
-        message: "This is a message.",
-        leading: this.props.leading,
-        action: "Something"
-      }), /*#__PURE__*/React.createElement(ButtonPrimary, {
-        onClick: function onClick() {
-          return _this2.setState({
-            show: true
-          });
-        }
-      }, "Show message"));
-    }
-  }]);
-
-  return SnackbarContainer;
-}(React.Component);
-
-story.add("usage", function () {
-  var leading = boolean("leading", false);
-  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(SnackbarContainer, {
-    leading: true
-  })), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                        <div>\n                             <Snackbar\n                                open={this.state.show}\n                                leading={".concat(leading, "}\n                                onHide={() => this.setState({ show: false })}\n                                message=\"This is a message.\"\n                            />\n                            <ButtonPrimary onClick={() => this.setState({ show: true })}>\n                                Show message\n                            </ButtonPrimary>\n                        </div>\n                    "))));
-}, {
-  info: {
-    propTables: [Snackbar]
-  }
-});

package/Switch/README.md

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

package/Switch/Switch.stories.d.ts

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

package/Switch/Switch.stories.js

@@ -1,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 { Switch } from "./Switch";
-var story = storiesOf("Components/Switch", 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: "Simple switch with a label and description"
-  }, /*#__PURE__*/React.createElement(Form, {
-    data: {
-      rememberMe: true
-    }
-  }, function (_ref) {
-    var Bind = _ref.Bind;
-    return /*#__PURE__*/React.createElement(Bind, {
-      name: "rememberMe"
-    }, /*#__PURE__*/React.createElement(Switch, {
-      label: "Remember me",
-      disabled: disabled,
-      description: "You won't be logged out after you leave the app."
-    }));
-  })), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                    <Form>\n                        {({ Bind }) => (\n                            <Bind name=\"rememberMe\">\n                                  <Switch\n                                    label={\"Remember me\"}\n                                    disabled={disabled}\n                                    description={\"You won't be logged out after you leave the app.\"}\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    ")));
-}, {
-  info: {
-    propTables: [Switch]
-  }
-});

package/Tabs/Tabs.stories.d.ts

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