@webiny/ui 0.0.0-unstable.fcdad0bc61 → 0.0.0-unstable.fdd9228b5d

package/RichTextEditor/RichTextEditor.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["story","storiesOf","module","add","onChange","useCallback","data","console","log","readme","undefined","info","propTables","RichTextEditor"],"sources":["RichTextEditor.stories.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { storiesOf } from \"@storybook/react\";\n\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport readme from \"./README.md\";\n\nimport { RichTextEditor } from \"./index\";\n\nconst story = storiesOf(\"Components/RichTextEditor\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        const onChange = useCallback(data => {\n            console.log(data);\n        }, []);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <RichTextEditor value={undefined} onChange={onChange} />\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        import { RichTextEditor } from \"..\";\n\n                        <RichTextEditor/>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [RichTextEditor] } }\n);\n"],"mappings":";;;;;;AAAA;;AACA;;AAEA;;AAOA;;AAEA;;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,2BAAV,EAAuCC,MAAvC,CAAd;AAEAF,KAAK,CAACG,GAAN,CACI,OADJ,EAEI,YAAM;EACF,IAAMC,QAAQ,GAAG,IAAAC,kBAAA,EAAY,UAAAC,IAAI,EAAI;IACjCC,OAAO,CAACC,GAAR,CAAYF,IAAZ;EACH,CAFgB,EAEd,EAFc,CAAjB;EAIA,oBACI,6BAAC,YAAD,qBACI,6BAAC,kBAAD,QAAcG,eAAd,CADJ,eAEI,6BAAC,mBAAD,qBACI,6BAAC,0BAAD,qBACI,6BAAC,qBAAD;IAAgB,KAAK,EAAEC,SAAvB;IAAkC,QAAQ,EAAEN;EAA5C,EADJ,CADJ,eAII,6BAAC,uBAAD,8IAJJ,CAFJ,CADJ;AAiBH,CAxBL,EAyBI;EAAEO,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,qBAAD;EAAd;AAAR,CAzBJ"}

package/RichTextEditor/createPropsFromConfig.d.ts

@@ -1,15 +0,0 @@
-import { RichTextEditorProps } from "./RichTextEditor";
-import { ToolSettings } from "@editorjs/editorjs";
-interface CreatePropsFromConfigResult {
-    onReady: (editor: any) => void;
-    tools: {
-        [key: string]: ToolSettings;
-    };
-}
-/**
- * Creates RichTextEditor props from the given config (or array of configs).
- *
- * TODO: figure out types for editor and return type of the function.
- */
-export declare const createPropsFromConfig: (config: RichTextEditorProps[]) => CreatePropsFromConfigResult;
-export {};

package/RichTextEditor/createPropsFromConfig.js

@@ -1,33 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createPropsFromConfig = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
-/**
- * Creates RichTextEditor props from the given config (or array of configs).
- *
- * TODO: figure out types for editor and return type of the function.
- */
-var createPropsFromConfig = function createPropsFromConfig(config) {
-  var configs = Array.isArray(config) ? config : [config];
-  return {
-    onReady: function onReady(params) {
-      configs.forEach(function (config) {
-        if (typeof config.onReady === "function") {
-          config.onReady(params);
-        }
-      });
-    },
-    tools: configs.reduce(function (tools, config) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, tools), config.tools);
-    }, {})
-  };
-};
-
-exports.createPropsFromConfig = createPropsFromConfig;

package/RichTextEditor/createPropsFromConfig.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["createPropsFromConfig","config","configs","Array","isArray","onReady","params","forEach","tools","reduce"],"sources":["createPropsFromConfig.ts"],"sourcesContent":["import { RichTextEditorProps } from \"./RichTextEditor\";\nimport { ToolSettings } from \"@editorjs/editorjs\";\nimport { OutputData } from \"@editorjs/editorjs/types\";\n\ninterface CreatePropsFromConfigResult {\n    onReady: (editor: any) => void;\n    tools: {\n        [key: string]: ToolSettings;\n    };\n}\n\ninterface OnReadyParams {\n    editor: any;\n    initialData: OutputData;\n}\n/**\n * Creates RichTextEditor props from the given config (or array of configs).\n *\n * TODO: figure out types for editor and return type of the function.\n */\nexport const createPropsFromConfig = (\n    config: RichTextEditorProps[]\n): CreatePropsFromConfigResult => {\n    const configs = (Array.isArray(config) ? config : [config]) as RichTextEditorProps[];\n\n    return {\n        onReady(params: OnReadyParams) {\n            configs.forEach(config => {\n                if (typeof config.onReady === \"function\") {\n                    config.onReady(params);\n                }\n            });\n        },\n        tools: configs.reduce((tools, config) => {\n            return {\n                ...tools,\n                ...config.tools\n            };\n        }, {} as Record<string, ToolSettings>)\n    };\n};\n"],"mappings":";;;;;;;;;;;AAeA;AACA;AACA;AACA;AACA;AACO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAwB,CACjCC,MADiC,EAEH;EAC9B,IAAMC,OAAO,GAAIC,KAAK,CAACC,OAAN,CAAcH,MAAd,IAAwBA,MAAxB,GAAiC,CAACA,MAAD,CAAlD;EAEA,OAAO;IACHI,OADG,mBACKC,MADL,EAC4B;MAC3BJ,OAAO,CAACK,OAAR,CAAgB,UAAAN,MAAM,EAAI;QACtB,IAAI,OAAOA,MAAM,CAACI,OAAd,KAA0B,UAA9B,EAA0C;UACtCJ,MAAM,CAACI,OAAP,CAAeC,MAAf;QACH;MACJ,CAJD;IAKH,CAPE;IAQHE,KAAK,EAAEN,OAAO,CAACO,MAAR,CAAe,UAACD,KAAD,EAAQP,MAAR,EAAmB;MACrC,mEACOO,KADP,GAEOP,MAAM,CAACO,KAFd;IAIH,CALM,EAKJ,EALI;EARJ,CAAP;AAeH,CApBM"}

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,86 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@storybook/react");
-
-var _Story = require("@webiny/storybook-utils/Story");
-
-var _README = _interopRequireDefault(require("./../Ripple/README.md"));
-
-var _Icon = require("../Icon");
-
-var _addonKnobs = require("@storybook/addon-knobs");
-
-var _baselineAutorenew24px = require("./svg/baseline-autorenew-24px.svg");
-
-var _baselineCloud_done24px = require("./svg/baseline-cloud_done-24px.svg");
-
-var _baselineDelete24px = require("./svg/baseline-delete-24px.svg");
-
-var _baselineDone24px = require("./svg/baseline-done-24px.svg");
-
-var _Ripple = require("./Ripple");
-
-var story = (0, _react2.storiesOf)("Components/Ripple", module);
-story.addDecorator(_addonKnobs.withKnobs);
-story.add("usage", function () {
-  var disabled = (0, _addonKnobs.boolean)("Disabled", false);
-  var style = {
-    padding: 20,
-    width: 20,
-    height: 20,
-    display: "inline-block"
-  };
-  return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, {
-    title: "Icon with and without ripple"
-  }, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", null, "No effect"), /*#__PURE__*/_react.default.createElement("div", {
-    style: style
-  }, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineAutorenew24px.ReactComponent, null)
-  })), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("code", null, "unbounded")), /*#__PURE__*/_react.default.createElement(_Ripple.Ripple, {
-    type: "unbounded",
-    disabled: disabled
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    style: style
-  }, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineCloud_done24px.ReactComponent, null)
-  }))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("code", null, "primary")), /*#__PURE__*/_react.default.createElement(_Ripple.Ripple, {
-    type: "primary",
-    disabled: disabled
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    style: style
-  }, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineDelete24px.ReactComponent, null)
-  }))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("code", null, "accent")), /*#__PURE__*/_react.default.createElement(_Ripple.Ripple, {
-    type: "accent",
-    disabled: disabled
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    style: style
-  }, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineDone24px.ReactComponent, null)
-  }))))), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineAutorenew24px.ReactComponent, null)
-  })), /*#__PURE__*/_react.default.createElement(_Ripple.Ripple, {
-    type: "unbounded",
-    disabled: disabled
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineCloud_done24px.ReactComponent, null)
-  }))), /*#__PURE__*/_react.default.createElement(_Ripple.Ripple, {
-    type: "primary",
-    disabled: disabled
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineDelete24px.ReactComponent, null)
-  }))), /*#__PURE__*/_react.default.createElement(_Ripple.Ripple, {
-    type: "accent",
-    disabled: disabled
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineDone24px.ReactComponent, null)
-  })))))));
-}, {
-  info: {
-    propTables: [_Ripple.Ripple]
-  }
-});

package/Ripple/Ripple.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","add","disabled","boolean","style","padding","width","height","display","readme","info","propTables","Ripple"],"sources":["Ripple.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../Ripple/README.md\";\nimport { Icon } from \"~/Icon\";\nimport { withKnobs, boolean } from \"@storybook/addon-knobs\";\n\nimport { ReactComponent as AutoRenewIcon } from \"./svg/baseline-autorenew-24px.svg\";\nimport { ReactComponent as CloudDoneIcon } from \"./svg/baseline-cloud_done-24px.svg\";\nimport { ReactComponent as BaselineDeleteIcon } from \"./svg/baseline-delete-24px.svg\";\nimport { ReactComponent as BaselineDoneIcon } from \"./svg/baseline-done-24px.svg\";\n\nimport { Ripple } from \"./Ripple\";\n\nconst story = storiesOf(\"Components/Ripple\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n\n        const style = { padding: 20, width: 20, height: 20, display: \"inline-block\" };\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Icon with and without ripple\"}>\n                    <StorySandboxExample>\n                        <div>\n                            <div>No effect</div>\n                            <div style={style}>\n                                <Icon icon={<AutoRenewIcon />} />\n                            </div>\n\n                            <div>\n                                <code>unbounded</code>\n                            </div>\n                            <Ripple type=\"unbounded\" disabled={disabled}>\n                                <div style={style}>\n                                    <Icon icon={<CloudDoneIcon />} />\n                                </div>\n                            </Ripple>\n\n                            <div>\n                                <code>primary</code>\n                            </div>\n                            <Ripple type=\"primary\" disabled={disabled}>\n                                <div style={style}>\n                                    <Icon icon={<BaselineDeleteIcon />} />\n                                </div>\n                            </Ripple>\n\n                            <div>\n                                <code>accent</code>\n                            </div>\n                            <Ripple type=\"accent\" disabled={disabled}>\n                                <div style={style}>\n                                    <Icon icon={<BaselineDoneIcon />} />\n                                </div>\n                            </Ripple>\n                        </div>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        <div>\n                            <div>\n                                <Icon icon={<AutoRenewIcon />} />\n                            </div>\n\n                            <Ripple type=\"unbounded\" disabled={disabled}>\n                                <div>\n                                    <Icon icon={<CloudDoneIcon />} />\n                                </div>\n                            </Ripple>\n\n                            <Ripple type=\"primary\" disabled={disabled}>\n                                <div>\n                                    <Icon icon={<BaselineDeleteIcon />} />\n                                </div>\n                            </Ripple>\n\n                            <Ripple type=\"accent\" disabled={disabled}>\n                                <div>\n                                    <Icon icon={<BaselineDoneIcon />} />\n                                </div>\n                            </Ripple>\n                        </div>\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Ripple] } }\n);\n"],"mappings":";;;;AAAA;;AACA;;AACA;;AAOA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AAEA;;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,mBAAV,EAA+BC,MAA/B,CAAd;AACAF,KAAK,CAACG,YAAN,CAAmBC,qBAAnB;AAEAJ,KAAK,CAACK,GAAN,CACI,OADJ,EAEI,YAAM;EACF,IAAMC,QAAQ,GAAG,IAAAC,mBAAA,EAAQ,UAAR,EAAoB,KAApB,CAAjB;EAEA,IAAMC,KAAK,GAAG;IAAEC,OAAO,EAAE,EAAX;IAAeC,KAAK,EAAE,EAAtB;IAA0BC,MAAM,EAAE,EAAlC;IAAsCC,OAAO,EAAE;EAA/C,CAAd;EAEA,oBACI,6BAAC,YAAD,qBACI,6BAAC,kBAAD,QAAcC,eAAd,CADJ,eAEI,6BAAC,mBAAD;IAAc,KAAK,EAAE;EAArB,gBACI,6BAAC,0BAAD,qBACI,uDACI,sDADJ,eAEI;IAAK,KAAK,EAAEL;EAAZ,gBACI,6BAAC,UAAD;IAAM,IAAI,eAAE,6BAAC,qCAAD;EAAZ,EADJ,CAFJ,eAMI,uDACI,uDADJ,CANJ,eASI,6BAAC,cAAD;IAAQ,IAAI,EAAC,WAAb;IAAyB,QAAQ,EAAEF;EAAnC,gBACI;IAAK,KAAK,EAAEE;EAAZ,gBACI,6BAAC,UAAD;IAAM,IAAI,eAAE,6BAAC,sCAAD;EAAZ,EADJ,CADJ,CATJ,eAeI,uDACI,qDADJ,CAfJ,eAkBI,6BAAC,cAAD;IAAQ,IAAI,EAAC,SAAb;IAAuB,QAAQ,EAAEF;EAAjC,gBACI;IAAK,KAAK,EAAEE;EAAZ,gBACI,6BAAC,UAAD;IAAM,IAAI,eAAE,6BAAC,kCAAD;EAAZ,EADJ,CADJ,CAlBJ,eAwBI,uDACI,oDADJ,CAxBJ,eA2BI,6BAAC,cAAD;IAAQ,IAAI,EAAC,QAAb;IAAsB,QAAQ,EAAEF;EAAhC,gBACI;IAAK,KAAK,EAAEE;EAAZ,gBACI,6BAAC,UAAD;IAAM,IAAI,eAAE,6BAAC,gCAAD;EAAZ,EADJ,CADJ,CA3BJ,CADJ,CADJ,eAoCI,6BAAC,uBAAD,qBACI,uDACI,uDACI,6BAAC,UAAD;IAAM,IAAI,eAAE,6BAAC,qCAAD;EAAZ,EADJ,CADJ,eAKI,6BAAC,cAAD;IAAQ,IAAI,EAAC,WAAb;IAAyB,QAAQ,EAAEF;EAAnC,gBACI,uDACI,6BAAC,UAAD;IAAM,IAAI,eAAE,6BAAC,sCAAD;EAAZ,EADJ,CADJ,CALJ,eAWI,6BAAC,cAAD;IAAQ,IAAI,EAAC,SAAb;IAAuB,QAAQ,EAAEA;EAAjC,gBACI,uDACI,6BAAC,UAAD;IAAM,IAAI,eAAE,6BAAC,kCAAD;EAAZ,EADJ,CADJ,CAXJ,eAiBI,6BAAC,cAAD;IAAQ,IAAI,EAAC,QAAb;IAAsB,QAAQ,EAAEA;EAAhC,gBACI,uDACI,6BAAC,UAAD;IAAM,IAAI,eAAE,6BAAC,gCAAD;EAAZ,EADJ,CADJ,CAjBJ,CADJ,CApCJ,CAFJ,CADJ;AAmEH,CA1EL,EA2EI;EAAEQ,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,cAAD;EAAd;AAAR,CA3EJ"}

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,29 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@storybook/react");
-
-var _Story = require("@webiny/storybook-utils/Story");
-
-var _README = _interopRequireDefault(require("./../Scrollbar/README.md"));
-
-var _Scrollbar = require("./Scrollbar");
-
-var story = (0, _react2.storiesOf)("Components/Scrollbar", module);
-story.add("usage", function () {
-  return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, {
-    title: "Scrollbar demo"
-  }, /*#__PURE__*/_react.default.createElement(_Scrollbar.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.Scrollbar]
-  }
-});

package/Scrollbar/Scrollbar.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["story","storiesOf","module","add","readme","width","height","info","propTables","Scrollbar"],"sources":["Scrollbar.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../Scrollbar/README.md\";\nimport { Scrollbar } from \"./Scrollbar\";\n\nconst story = storiesOf(\"Components/Scrollbar\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Scrollbar demo\"}>\n                    <Scrollbar style={{ width: 300, height: 200 }}>\n                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lorem leo,\n                        aliquam aliquet arcu vel, faucibus feugiat est. Nulla facilisi. Donec\n                        lobortis metus dictum sem egestas, non lobortis erat suscipit. Nunc\n                        fermentum tempor nisi, nec venenatis odio egestas at. Nulla facilisi. Fusce\n                        sed venenatis velit, ac rhoncus ligula. Integer hendrerit egestas ante,\n                        tristique posuere augue auctor non. Curabitur accumsan, ipsum cursus euismod\n                        volutpat, enim ligula interdum diam, id suscipit ipsum lectus id ligula. Ut\n                        nec odio vel lacus volutpat commodo. In hac habitasse platea dictumst. Donec\n                        nunc lacus, venenatis non tellus vel, semper porta quam. Ut fermentum mattis\n                        urna non imperdiet. Fusce tincidunt enim nec tincidunt dapibus. Aliquam eu\n                        ligula quis ligula pretium tincidunt non sit amet velit. Curabitur vel\n                        interdum enim, ut molestie ligula.\n                    </Scrollbar>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Scrollbar] } }\n);\n"],"mappings":";;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,sBAAV,EAAkCC,MAAlC,CAAd;AAEAF,KAAK,CAACG,GAAN,CACI,OADJ,EAEI,YAAM;EACF,oBACI,6BAAC,YAAD,qBACI,6BAAC,kBAAD,QAAcC,eAAd,CADJ,eAEI,6BAAC,mBAAD;IAAc,KAAK,EAAE;EAArB,gBACI,6BAAC,oBAAD;IAAW,KAAK,EAAE;MAAEC,KAAK,EAAE,GAAT;MAAcC,MAAM,EAAE;IAAtB;EAAlB,q1BADJ,CAFJ,CADJ;AAqBH,CAxBL,EAyBI;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,oBAAD;EAAd;AAAR,CAzBJ"}

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,35 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@storybook/react");
-
-var _Story = require("@webiny/storybook-utils/Story");
-
-var _README = _interopRequireDefault(require("./README.md"));
-
-var _index = _interopRequireDefault(require("./index"));
-
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-
-var story = (0, _react2.storiesOf)("Components/Section", module);
-var RenderSection = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "e1mp9e2d0",
-  label: "RenderSection"
-})({
-  backgroundColor: "var(--mdc-theme-background)",
-  padding: "1px 25px 0 25px"
-});
-story.add("usage", function () {
-  return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, null, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, null, /*#__PURE__*/_react.default.createElement(RenderSection, null, /*#__PURE__*/_react.default.createElement(_index.default, {
-    title: "Section 1"
-  }, "Here goes the first section"), /*#__PURE__*/_react.default.createElement(_index.default, {
-    title: "Section 2"
-  }, "And this is the second section \uD83E\uDD84"))), /*#__PURE__*/_react.default.createElement(_Story.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: [_index.default]
-  }
-});

package/Section/Section.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["story","storiesOf","module","RenderSection","styled","backgroundColor","padding","add","readme","info","propTables","Section"],"sources":["Section.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport readme from \"./README.md\";\n\nimport Section from \"./index\";\nimport styled from \"@emotion/styled\";\n\nconst story = storiesOf(\"Components/Section\", module);\n\nconst RenderSection = styled(\"div\")({\n    backgroundColor: \"var(--mdc-theme-background)\",\n    padding: \"1px 25px 0 25px\"\n});\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <RenderSection>\n                            <Section title=\"Section 1\">Here goes the first section</Section>\n                            <Section title=\"Section 2\">And this is the second section 🦄</Section>\n                        </RenderSection>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\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 🦄</Section>\n                        </RenderSection>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Section] } }\n);\n"],"mappings":";;;;AAAA;;AACA;;AACA;;AAOA;;AAEA;;AACA;;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,oBAAV,EAAgCC,MAAhC,CAAd;AAEA,IAAMC,aAAa,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EAChCC,eAAe,EAAE,6BADe;EAEhCC,OAAO,EAAE;AAFuB,CAAjB,CAAnB;AAKAN,KAAK,CAACO,GAAN,CACI,OADJ,EAEI,YAAM;EACF,oBACI,6BAAC,YAAD,qBACI,6BAAC,kBAAD,QAAcC,eAAd,CADJ,eAEI,6BAAC,mBAAD,qBACI,6BAAC,0BAAD,qBACI,6BAAC,aAAD,qBACI,6BAAC,cAAD;IAAS,KAAK,EAAC;EAAf,iCADJ,eAEI,6BAAC,cAAD;IAAS,KAAK,EAAC;EAAf,iDAFJ,CADJ,CADJ,eAOI,6BAAC,uBAAD,yoBAPJ,CAFJ,CADJ;AA4BH,CA/BL,EAgCI;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,cAAD;EAAd;AAAR,CAhCJ"}

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,57 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@storybook/react");
-
-var _Story = require("@webiny/storybook-utils/Story");
-
-var _addonKnobs = require("@storybook/addon-knobs");
-
-var _README = _interopRequireDefault(require("./README.md"));
-
-var _form = require("@webiny/form");
-
-var _Select = require("./Select");
-
-var story = (0, _react2.storiesOf)("Components/Select", module);
-story.addDecorator(_addonKnobs.withKnobs);
-story.add("usage", function () {
-  var disabled = (0, _addonKnobs.boolean)("Disabled", false);
-  var box = (0, _addonKnobs.boolean)("Box", false);
-  return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, null, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, {
-    title: "Simple select with a label and description"
-  }, /*#__PURE__*/_react.default.createElement(_form.Form, null, function (_ref) {
-    var Bind = _ref.Bind;
-    return /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "pet"
-    }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
-      label: "Pets",
-      disabled: disabled,
-      box: box.toString(),
-      description: "Choose a pet of your liking."
-    }, /*#__PURE__*/_react.default.createElement("optgroup", {
-      label: "Dogs"
-    }, /*#__PURE__*/_react.default.createElement("option", {
-      value: "germanShepherd"
-    }, "German Shepherd"), /*#__PURE__*/_react.default.createElement("option", {
-      value: "bulldog"
-    }, "Bulldog"), /*#__PURE__*/_react.default.createElement("option", {
-      value: "sharPei"
-    }, "Shar-Pei")), /*#__PURE__*/_react.default.createElement("optgroup", {
-      label: "Other"
-    }, /*#__PURE__*/_react.default.createElement("option", {
-      value: "parrot"
-    }, "Parrot"), /*#__PURE__*/_react.default.createElement("option", {
-      value: "cat"
-    }, "Cat"), /*#__PURE__*/_react.default.createElement("option", {
-      value: "guinea "
-    }, "Guinea Pig"))));
-  })), /*#__PURE__*/_react.default.createElement(_Story.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.Select]
-  }
-});

package/Select/Select.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","add","disabled","boolean","box","readme","Bind","toString","info","propTables","Select"],"sources":["Select.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport { withKnobs, boolean } from \"@storybook/addon-knobs\";\nimport readme from \"./README.md\";\n\nimport { Form } from \"@webiny/form\";\nimport { Select } from \"./Select\";\n\nconst story = storiesOf(\"Components/Select\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n        const box = boolean(\"Box\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Simple select with a label and description\"}>\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\">German Shepherd</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                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\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                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Select] } }\n);\n"],"mappings":";;;;AAAA;;AACA;;AACA;;AAOA;;AACA;;AAEA;;AACA;;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,mBAAV,EAA+BC,MAA/B,CAAd;AACAF,KAAK,CAACG,YAAN,CAAmBC,qBAAnB;AAEAJ,KAAK,CAACK,GAAN,CACI,OADJ,EAEI,YAAM;EACF,IAAMC,QAAQ,GAAG,IAAAC,mBAAA,EAAQ,UAAR,EAAoB,KAApB,CAAjB;EACA,IAAMC,GAAG,GAAG,IAAAD,mBAAA,EAAQ,KAAR,EAAe,KAAf,CAAZ;EAEA,oBACI,6BAAC,YAAD,qBACI,6BAAC,kBAAD,QAAcE,eAAd,CADJ,eAEI,6BAAC,mBAAD,qBACI,6BAAC,0BAAD;IAAqB,KAAK,EAAE;EAA5B,gBACI,6BAAC,UAAD,QACK;IAAA,IAAGC,IAAH,QAAGA,IAAH;IAAA,oBACG,6BAAC,IAAD;MAAM,IAAI,EAAC;IAAX,gBACI,6BAAC,cAAD;MACI,KAAK,EAAC,MADV;MAEI,QAAQ,EAAEJ,QAFd;MAGI,GAAG,EAAEE,GAAG,CAACG,QAAJ,EAHT;MAII,WAAW,EAAC;IAJhB,gBAMI;MAAU,KAAK,EAAC;IAAhB,gBACI;MAAQ,KAAK,EAAC;IAAd,qBADJ,eAEI;MAAQ,KAAK,EAAC;IAAd,aAFJ,eAGI;MAAQ,KAAK,EAAC;IAAd,cAHJ,CANJ,eAWI;MAAU,KAAK,EAAC;IAAhB,gBACI;MAAQ,KAAK,EAAC;IAAd,YADJ,eAEI;MAAQ,KAAK,EAAC;IAAd,SAFJ,eAGI;MAAQ,KAAK,EAAC;IAAd,gBAHJ,CAXJ,CADJ,CADH;EAAA,CADL,CADJ,CADJ,eA0BI,6BAAC,uBAAD,85CA1BJ,CAFJ,CADJ;AA6DH,CAnEL,EAoEI;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,cAAD;EAAd;AAAR,CApEJ"}

package/Skeleton/README.md

@@ -1,21 +0,0 @@
-# Skeleton
-
-### Additional information
-
-[https://www.npmjs.com/package/react-loading-skeleton](https://www.npmjs.com/package/react-loading-skeleton)
-
-### Description
-
-`Skeleton` component is used to render animated loading skeletons within Webiny.
-
-### Usage
-
-```jsx
-import { Skeleton } from "@webiny/ui/Skeleton";
-
-...
-
-return (
-    <Skeleton />
-)
-```

package/Skeleton/Skeleton.stories.d.ts

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

package/Skeleton/Skeleton.stories.js

@@ -1,28 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@storybook/react");
-
-var _Story = require("@webiny/storybook-utils/Story");
-
-var _README = _interopRequireDefault(require("./../Skeleton/README.md"));
-
-var _Skeleton = require("./Skeleton");
-
-var story = (0, _react2.storiesOf)("Components/Skeleton", module);
-story.add("usage", function () {
-  return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, {
-    title: "A simple loading Skeleton, single line"
-  }, /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, null)), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, {
-    title: "A loading Skeleton, with 3 lines"
-  }, /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
-    count: 3
-  })));
-}, {
-  info: {
-    propTables: [_Skeleton.Skeleton]
-  }
-});

package/Skeleton/Skeleton.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["story","storiesOf","module","add","readme","info","propTables","Skeleton"],"sources":["Skeleton.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../Skeleton/README.md\";\nimport { Skeleton } from \"./Skeleton\";\n\nconst story = storiesOf(\"Components/Skeleton\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"A simple loading Skeleton, single line\"}>\n                    <Skeleton />\n                </StorySandbox>\n                <StorySandbox title={\"A loading Skeleton, with 3 lines\"}>\n                    <Skeleton count={3} />\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Skeleton] } }\n);\n"],"mappings":";;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,qBAAV,EAAiCC,MAAjC,CAAd;AAEAF,KAAK,CAACG,GAAN,CACI,OADJ,EAEI,YAAM;EACF,oBACI,6BAAC,YAAD,qBACI,6BAAC,kBAAD,QAAcC,eAAd,CADJ,eAEI,6BAAC,mBAAD;IAAc,KAAK,EAAE;EAArB,gBACI,6BAAC,kBAAD,OADJ,CAFJ,eAKI,6BAAC,mBAAD;IAAc,KAAK,EAAE;EAArB,gBACI,6BAAC,kBAAD;IAAU,KAAK,EAAE;EAAjB,EADJ,CALJ,CADJ;AAWH,CAdL,EAeI;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,kBAAD;EAAd;AAAR,CAfJ"}

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,55 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@storybook/react");
-
-var _Story = require("@webiny/storybook-utils/Story");
-
-var _addonKnobs = require("@storybook/addon-knobs");
-
-var _README = _interopRequireDefault(require("./README.md"));
-
-var _form = require("@webiny/form");
-
-var _Slider = _interopRequireDefault(require("./Slider"));
-
-var story = (0, _react2.storiesOf)("Components/Slider", module);
-story.addDecorator(_addonKnobs.withKnobs);
-story.add("usage", function () {
-  var disabled = (0, _addonKnobs.boolean)("Disabled", false);
-  return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, null, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, {
-    title: "Simple slider with a label and description"
-  }, /*#__PURE__*/_react.default.createElement(_form.Form, {
-    data: {
-      width: 200
-    }
-  }, function (_ref) {
-    var Bind = _ref.Bind;
-    return /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "width"
-    }, function (_ref2) {
-      var value = _ref2.value,
-          onChange = _ref2.onChange;
-      return /*#__PURE__*/_react.default.createElement(_Slider.default, {
-        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.default.createElement(_Story.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.default]
-  }
-});

package/Slider/Slider.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","add","disabled","boolean","readme","width","Bind","value","onChange","info","propTables","Slider"],"sources":["Slider.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport { withKnobs, boolean } from \"@storybook/addon-knobs\";\nimport readme from \"./README.md\";\n\nimport { Form } from \"@webiny/form\";\nimport Slider from \"./Slider\";\n\nconst story = storiesOf(\"Components/Slider\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Simple slider with a label and description\"}>\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                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\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                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Slider] } }\n);\n"],"mappings":";;;;AAAA;;AACA;;AACA;;AAOA;;AACA;;AAEA;;AACA;;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,mBAAV,EAA+BC,MAA/B,CAAd;AACAF,KAAK,CAACG,YAAN,CAAmBC,qBAAnB;AAEAJ,KAAK,CAACK,GAAN,CACI,OADJ,EAEI,YAAM;EACF,IAAMC,QAAQ,GAAG,IAAAC,mBAAA,EAAQ,UAAR,EAAoB,KAApB,CAAjB;EAEA,oBACI,6BAAC,YAAD,qBACI,6BAAC,kBAAD,QAAcC,eAAd,CADJ,eAEI,6BAAC,mBAAD,qBACI,6BAAC,0BAAD;IAAqB,KAAK,EAAE;EAA5B,gBACI,6BAAC,UAAD;IAAM,IAAI,EAAE;MAAEC,KAAK,EAAE;IAAT;EAAZ,GACK;IAAA,IAAGC,IAAH,QAAGA,IAAH;IAAA,oBACG,6BAAC,IAAD;MAAM,IAAI,EAAC;IAAX,GACK;MAAA,IAAGC,KAAH,SAAGA,KAAH;MAAA,IAAUC,QAAV,SAAUA,QAAV;MAAA,oBACG,6BAAC,eAAD;QACI,KAAK,EAAE,kBADX;QAEI,QAAQ,EAAEN,QAFd;QAGI,WAAW,EACP,+CAJR;QAMI,QAAQ,MANZ;QAOI,cAAc,MAPlB;QAQI,GAAG,EAAE,CART;QASI,GAAG,EAAE,EATT;QAUI,IAAI,EAAE,CAVV;QAWI,OAAO,EAAEM,QAXb;QAYI,QAAQ,EAAEA,QAZd;QAaI,KAAK,EAAED;MAbX,EADH;IAAA,CADL,CADH;EAAA,CADL,CADJ,CADJ,eA0BI,6BAAC,uBAAD,wrCA1BJ,CAFJ,CADJ;AA2DH,CAhEL,EAiEI;EAAEE,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,eAAD;EAAd;AAAR,CAjEJ"}

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 {};