@webiny/ui 5.40.0-beta.1 → 5.40.0-beta.3

package/AutoComplete/AutoComplete.stories.js

@@ -1,81 +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 _AutoCompleteReadme = _interopRequireDefault(require("./AutoCompleteReadme.md"));
-var _form = require("@webiny/form");
-var _AutoComplete = require("./AutoComplete");
-var story = (0, _react2.storiesOf)("Components/AutoComplete", module);
-var options = [{
-  name: "France",
-  id: "france"
-}, {
-  name: "Germany",
-  id: "germany"
-}, {
-  name: "Italy",
-  id: "italy"
-}, {
-  name: "Spain",
-  id: "spain"
-}, {
-  name: "UK",
-  id: "uk"
-}, {
-  name: "US",
-  id: "us"
-}, {
-  name: "Norway",
-  id: "norway"
-}, {
-  name: "Finland",
-  id: "finland"
-}, {
-  name: "Czech Republic",
-  id: "czech-republic"
-}];
-story.add("AutoComplete", function () {
-  return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _AutoCompleteReadme.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, null, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, {
-    title: "Single value"
-  }, /*#__PURE__*/_react.default.createElement(_form.Form, {
-    data: {
-      country: {
-        id: "italy",
-        name: "Italy"
-      }
-    }
-  }, function (_ref) {
-    var Bind = _ref.Bind;
-    return /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "country"
-    }, /*#__PURE__*/_react.default.createElement(_AutoComplete.AutoComplete, {
-      options: options,
-      label: "Country",
-      description: "Choose your country"
-    }));
-  })), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                    <Form>\n                        {({ Bind }) => (\n                             <Bind name=\"country\">\n                                <AutoComplete\n                                    options={".concat(JSON.stringify(options), "}\n                                    label=\"Country\"\n                                    description=\"Choose your country.\"\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    "))), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, null, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, {
-    title: "Single value - use simple strings"
-  }, /*#__PURE__*/_react.default.createElement(_form.Form, {
-    data: {
-      country: "Germany"
-    }
-  }, function (_ref2) {
-    var Bind = _ref2.Bind;
-    return /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "country"
-    }, /*#__PURE__*/_react.default.createElement(_AutoComplete.AutoComplete, {
-      useSimpleValues: true,
-      options: ["France", "Germany", "Italy", "Spain"],
-      label: "Country",
-      description: "Choose your country"
-    }));
-  })), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                    <Form data={{ country: \"Germany\" }}>\n                        {({ Bind }) => (\n                            <Bind name=\"country\">\n                                <AutoComplete\n                                    useSimpleValues\n                                    options={[\"France\", \"Germany\", \"Italy\", \"Spain\"]}\n                                    label=\"Country\"\n                                    description=\"Choose your country\"\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    ")));
-}, {
-  info: {
-    propTables: [_AutoComplete.AutoComplete]
-  }
-});
-
-//# sourceMappingURL=AutoComplete.stories.js.map

package/AutoComplete/AutoComplete.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_AutoCompleteReadme","_form","_AutoComplete","story","storiesOf","module","options","name","id","add","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","title","Form","data","country","_ref","Bind","AutoComplete","label","description","StorySandboxCode","concat","JSON","stringify","_ref2","useSimpleValues","info","propTables"],"sources":["AutoComplete.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 \"./AutoCompleteReadme.md\";\n\nimport { Form } from \"@webiny/form\";\nimport { AutoComplete } from \"./AutoComplete\";\n\nconst story = storiesOf(\"Components/AutoComplete\", module);\n\nconst options = [\n    { name: \"France\", id: \"france\" },\n    { name: \"Germany\", id: \"germany\" },\n    { name: \"Italy\", id: \"italy\" },\n    { name: \"Spain\", id: \"spain\" },\n    { name: \"UK\", id: \"uk\" },\n    { name: \"US\", id: \"us\" },\n    { name: \"Norway\", id: \"norway\" },\n    { name: \"Finland\", id: \"finland\" },\n    { name: \"Czech Republic\", id: \"czech-republic\" }\n];\n\nstory.add(\n    \"AutoComplete\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Single value\"}>\n                        <Form data={{ country: { id: \"italy\", name: \"Italy\" } }}>\n                            {({ Bind }) => (\n                                <Bind name=\"country\">\n                                    <AutoComplete\n                                        options={options}\n                                        label=\"Country\"\n                                        description=\"Choose your country\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Form>\n                        {({ Bind }) => (\n                             <Bind name=\"country\">\n                                <AutoComplete\n                                    options={${JSON.stringify(options)}}\n                                    label=\"Country\"\n                                    description=\"Choose your country.\"\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n\n                <StorySandbox>\n                    <StorySandboxExample title={\"Single value - use simple strings\"}>\n                        <Form data={{ country: \"Germany\" }}>\n                            {({ Bind }) => (\n                                <Bind name=\"country\">\n                                    <AutoComplete\n                                        useSimpleValues\n                                        options={[\"France\", \"Germany\", \"Italy\", \"Spain\"]}\n                                        label=\"Country\"\n                                        description=\"Choose your country\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Form data={{ country: \"Germany\" }}>\n                        {({ Bind }) => (\n                            <Bind name=\"country\">\n                                <AutoComplete\n                                    useSimpleValues\n                                    options={[\"France\", \"Germany\", \"Italy\", \"Spain\"]}\n                                    label=\"Country\"\n                                    description=\"Choose your country\"\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [AutoComplete] } }\n);\n"],"mappings":"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"}

package/AutoComplete/MultiAutoComplete.stories.d.ts

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

package/AutoComplete/MultiAutoComplete.stories.js

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

package/AutoComplete/MultiAutoComplete.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_addonKnobs","_MultiAutoCompleteReadme","_form","_MultiAutoComplete","story","storiesOf","module","addDecorator","withKnobs","options","name","id","add","disabled","boolean","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","title","Form","data","country","_ref","Bind","MultiAutoComplete","label","description","StorySandboxCode","concat","JSON","stringify","_ref2","useSimpleValues","map","item","_ref3","allowFreeInput","_ref4","info","propTables"],"sources":["MultiAutoComplete.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 \"./MultiAutoCompleteReadme.md\";\n\nimport { Form } from \"@webiny/form\";\nimport { MultiAutoComplete } from \"./MultiAutoComplete\";\n\nconst story = storiesOf(\"Components/AutoComplete\", module);\nstory.addDecorator(withKnobs);\n\nconst options = [\n    { name: \"France\", id: \"france\" },\n    { name: \"Germany\", id: \"germany\" },\n    { name: \"Italy\", id: \"italy\" },\n    { name: \"Spain\", id: \"spain\" },\n    { name: \"UK\", id: \"uk\" },\n    { name: \"US\", id: \"us\" },\n    { name: \"Norway\", id: \"norway\" },\n    { name: \"Finland\", id: \"finland\" },\n    { name: \"Czech Republic\", id: \"czech-republic\" }\n];\n\nstory.add(\n    \"MultiAutoComplete\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Values as objects\"}>\n                        <Form\n                            data={{\n                                country: [\n                                    { id: \"uk\", name: \"UK\" },\n                                    { id: \"italy\", name: \"Italy\" }\n                                ]\n                            }}\n                        >\n                            {({ Bind }) => (\n                                <Bind name=\"country\">\n                                    <MultiAutoComplete\n                                        options={options}\n                                        label=\"Country\"\n                                        disabled={disabled}\n                                        description=\"Choose one or more countries.\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        <Form>\n                            {({ Bind }) => (\n                                 <Bind name=\"country\">\n                                    <MultiAutoComplete\n                                        options={${JSON.stringify(options)}}\n                                        label=\"Country\"\n                                        disabled={${disabled}}\n                                        description=\"Choose one or more countries.\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n\n                <StorySandbox>\n                    <StorySandboxExample title={\"Values as strings\"}>\n                        <Form data={{ country: [\"Italy\", \"France\"] }}>\n                            {({ Bind }) => (\n                                <Bind name=\"country\">\n                                    <MultiAutoComplete\n                                        useSimpleValues\n                                        options={options.map(item => item.name)}\n                                        label=\"Country\"\n                                        disabled={disabled}\n                                        description=\"Choose one or more countries.\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        <Form>\n                            {({ Bind }) => (\n                                 <Bind name=\"country\">\n                                    <MultiAutoComplete\n                                        useSimpleValues\n                                        options={${JSON.stringify(options)}}\n                                        label=\"Country\"\n                                        disabled={${disabled}}\n                                        description=\"Choose one or more countries.\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n\n                <StorySandbox>\n                    <StorySandboxExample title={\"Allow free input\"}>\n                        <Form\n                            data={{\n                                country: [\n                                    { id: \"anotherCountry\", name: \"Another Country\" },\n                                    { id: \"nowhere\", name: \"Nowhere\" },\n                                    { id: \"france\", name: \"France\" }\n                                ]\n                            }}\n                        >\n                            {({ Bind }) => (\n                                <Bind name=\"country\">\n                                    <MultiAutoComplete\n                                        allowFreeInput\n                                        options={options}\n                                        label=\"Country\"\n                                        disabled={disabled}\n                                        description=\"Choose your country\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Form data={{ country: { id: \"anotherCountry\", name: \"Another Country\" } }}>\n                        {({ Bind }) => (\n                            <Bind name=\"country\">\n                                <MultiAutoComplete\n                                    useSimpleValues\n                                    options={${JSON.stringify(options)}}\n                                    label=\"Country\"\n                                    disabled={disabled}\n                                    description=\"Choose your country\"\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n\n                <StorySandbox>\n                    <StorySandboxExample title={\"Allow free input (values as strings)\"}>\n                        <Form\n                            data={{\n                                country: [\"Another Country\", \"Nowhere\", \"France\"]\n                            }}\n                        >\n                            {({ Bind }) => (\n                                <Bind name=\"country\">\n                                    <MultiAutoComplete\n                                        useSimpleValues\n                                        allowFreeInput\n                                        options={options.map(item => item.name)}\n                                        label=\"Country\"\n                                        disabled={disabled}\n                                        description=\"Choose your country\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                  <Form\n                        data={{\n                            country: [\"Another Country\", \"Nowhere\", \"France\"]\n                        }}\n                    >\n                        {({ Bind }) => (\n                            <Bind name=\"country\">\n                                <MultiAutoComplete\n                                    useSimpleValues\n                                    allowFreeInput\n                                    options={options.map(item => item.name)}\n                                    label=\"Country\"\n                                    disabled={disabled}\n                                    description=\"Choose your country\"\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [MultiAutoComplete] } }\n);\n"],"mappings":"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"}

package/Avatar/Avatar.stories.d.ts

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

package/Avatar/Avatar.stories.js

@@ -1,32 +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("./../Avatar/README.md"));
-var _Avatar = require("./Avatar");
-var story = (0, _react2.storiesOf)("Components/Avatar", 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 avatar"
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Avatar.Avatar, {
-    width: 48,
-    height: 48,
-    alt: "Test alt.",
-    fallbackText: "T",
-    src: "http://i.pravatar.cc/150?img=49"
-  }), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Avatar.Avatar, {
-    width: 64,
-    height: 64,
-    alt: "Test alt.",
-    fallbackText: "T",
-    src: ""
-  }))));
-}, {
-  info: {
-    propTables: [_Avatar.Avatar]
-  }
-});
-
-//# sourceMappingURL=Avatar.stories.js.map

package/Avatar/Avatar.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_Avatar","story","storiesOf","module","add","default","createElement","Story","StoryReadme","readme","StorySandbox","title","Avatar","width","height","alt","fallbackText","src","info","propTables"],"sources":["Avatar.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../Avatar/README.md\";\nimport { Avatar } from \"./Avatar\";\n\nconst story = storiesOf(\"Components/Avatar\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"A simple avatar\"}>\n                    <div>\n                        <Avatar\n                            width={48}\n                            height={48}\n                            alt=\"Test alt.\"\n                            fallbackText=\"T\"\n                            src=\"http://i.pravatar.cc/150?img=49\"\n                        />\n\n                        <br />\n                        <br />\n\n                        <Avatar width={64} height={64} alt=\"Test alt.\" fallbackText=\"T\" src={\"\"} />\n                    </div>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Avatar] } }\n);\n"],"mappings":";;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAEA,IAAMK,KAAK,GAAG,IAAAC,iBAAS,EAAC,mBAAmB,EAAEC,MAAM,CAAC;AAEpDF,KAAK,CAACG,GAAG,CACL,OAAO,EACP,YAAM;EACF,oBACIV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,MAAA,CAAAS,KAAK,qBACFb,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,MAAA,CAAAU,WAAW,QAAEC,eAAoB,CAAC,eACnCf,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,MAAA,CAAAY,YAAY;IAACC,KAAK,EAAE;EAAkB,gBACnCjB,MAAA,CAAAW,OAAA,CAAAC,aAAA,2BACIZ,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,OAAA,CAAAY,MAAM;IACHC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,GAAG,EAAC,WAAW;IACfC,YAAY,EAAC,GAAG;IAChBC,GAAG,EAAC;EAAiC,CACxC,CAAC,eAEFvB,MAAA,CAAAW,OAAA,CAAAC,aAAA,WAAK,CAAC,eACNZ,MAAA,CAAAW,OAAA,CAAAC,aAAA,WAAK,CAAC,eAENZ,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,OAAA,CAAAY,MAAM;IAACC,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE,EAAG;IAACC,GAAG,EAAC,WAAW;IAACC,YAAY,EAAC,GAAG;IAACC,GAAG,EAAE;EAAG,CAAE,CACzE,CACK,CACX,CAAC;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACP,cAAM;EAAE;AAAE,CACrC,CAAC"}

package/Button/Button.stories.d.ts

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

package/Button/Button.stories.js

@@ -1,58 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@storybook/react");
-var _addonKnobs = require("@storybook/addon-knobs");
-var _Story = require("@webiny/storybook-utils/Story");
-var _README = _interopRequireDefault(require("./../Button/README.md"));
-var _baselineCloud_done24px = require("./assets/baseline-cloud_done-24px.svg");
-var _Button = require("./Button");
-var story = (0, _react2.storiesOf)("Components/Button", module);
-story.addDecorator(_addonKnobs.withKnobs);
-story.add("standard buttons", function () {
-  var label = (0, _addonKnobs.text)("Label", "Click to proceed");
-  var small = (0, _addonKnobs.boolean)("Small", false);
-  var flat = (0, _addonKnobs.boolean)("Flat", false);
-  var icon = /*#__PURE__*/_react.default.createElement(_Button.ButtonIcon, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineCloud_done24px.ReactComponent, null)
-  });
-  return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, {
-    title: "Primary button"
-  }, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
-    small: small,
-    flat: flat
-  }, label)), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, {
-    title: "Primary button with icon"
-  }, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
-    small: small,
-    flat: flat
-  }, icon, label)), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, {
-    title: "Secondary button"
-  }, /*#__PURE__*/_react.default.createElement(_Button.ButtonSecondary, {
-    small: small
-  }, label)), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, {
-    title: "Secondary button with icon"
-  }, /*#__PURE__*/_react.default.createElement(_Button.ButtonSecondary, {
-    small: small
-  }, icon, label)), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, {
-    title: "Default button"
-  }, /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
-    small: small
-  }, label)), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, {
-    title: "Default button with icon"
-  }, /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
-    small: small
-  }, icon, label)), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, {
-    title: "Floating button"
-  }, /*#__PURE__*/_react.default.createElement(_Button.ButtonFloating, {
-    small: small,
-    icon: icon
-  })));
-}, {
-  info: {
-    propTables: [_Button.ButtonPrimary, _Button.ButtonSecondary, _Button.ButtonDefault, _Button.ButtonFloating, _Button.ButtonIcon]
-  }
-});
-
-//# sourceMappingURL=Button.stories.js.map

package/Button/Button.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_addonKnobs","_Story","_README","_baselineCloud_done24px","_Button","story","storiesOf","module","addDecorator","withKnobs","add","label","text","small","boolean","flat","icon","default","createElement","ButtonIcon","ReactComponent","Story","StoryReadme","readme","StorySandbox","title","ButtonPrimary","ButtonSecondary","ButtonDefault","ButtonFloating","info","propTables"],"sources":["Button.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { withKnobs, text, boolean } from \"@storybook/addon-knobs\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../Button/README.md\";\nimport { ReactComponent as CloudIcon } from \"./assets/baseline-cloud_done-24px.svg\";\n\nimport {\n    ButtonPrimary,\n    ButtonSecondary,\n    ButtonDefault,\n    ButtonFloating,\n    ButtonIcon\n} from \"./Button\";\n\nconst story = storiesOf(\"Components/Button\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"standard buttons\",\n    () => {\n        const label = text(\"Label\", \"Click to proceed\");\n        const small = boolean(\"Small\", false);\n        const flat = boolean(\"Flat\", false);\n        const icon = <ButtonIcon icon={<CloudIcon />} />;\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Primary button\"}>\n                    <ButtonPrimary small={small} flat={flat}>\n                        {label}\n                    </ButtonPrimary>\n                </StorySandbox>\n                <StorySandbox title={\"Primary button with icon\"}>\n                    <ButtonPrimary small={small} flat={flat}>\n                        {icon}\n                        {label}\n                    </ButtonPrimary>\n                </StorySandbox>\n                <StorySandbox title={\"Secondary button\"}>\n                    <ButtonSecondary small={small}>{label}</ButtonSecondary>\n                </StorySandbox>\n                <StorySandbox title={\"Secondary button with icon\"}>\n                    <ButtonSecondary small={small}>\n                        {icon}\n                        {label}\n                    </ButtonSecondary>\n                </StorySandbox>\n                <StorySandbox title={\"Default button\"}>\n                    <ButtonDefault small={small}>{label}</ButtonDefault>\n                </StorySandbox>\n                <StorySandbox title={\"Default button with icon\"}>\n                    <ButtonDefault small={small}>\n                        {icon}\n                        {label}\n                    </ButtonDefault>\n                </StorySandbox>\n                <StorySandbox title={\"Floating button\"}>\n                    <ButtonFloating small={small} icon={icon} />\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTables: [ButtonPrimary, ButtonSecondary, ButtonDefault, ButtonFloating, ButtonIcon]\n        }\n    }\n);\n"],"mappings":"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"}

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

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

package/Button/CopyButton/CopyButton.stories.js

@@ -1,23 +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 = require("./../../Menu/index");
-var _CopyButton = require("./CopyButton");
-var story = (0, _react2.storiesOf)("Components/Button", module);
-story.add("copy button", 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: "Copy button"
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", null, "Click the button to copy the \"Hello\" value:"), /*#__PURE__*/_react.default.createElement(_CopyButton.CopyButton, {
-    value: "Hello"
-  }))));
-}, {
-  info: {
-    propTablesExclude: [_index.Menu, _index.MenuItem, _Story.Story, _Story.StoryReadme, _Story.StorySandbox]
-  }
-});
-
-//# sourceMappingURL=CopyButton.stories.js.map

package/Button/CopyButton/CopyButton.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_index","_CopyButton","story","storiesOf","module","add","default","createElement","Story","StoryReadme","readme","StorySandbox","title","CopyButton","value","info","propTablesExclude","Menu","MenuItem"],"sources":["CopyButton.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./README.md\";\nimport { Menu, MenuItem } from \"./../../Menu/index\";\n\nimport { CopyButton } from \"./CopyButton\";\n\nconst story = storiesOf(\"Components/Button\", module);\n\nstory.add(\n    \"copy button\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Copy button\"}>\n                    <div>\n                        <span>Click the button to copy the &quot;Hello&quot; value:</span>\n                        <CopyButton value=\"Hello\" />\n                    </div>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTablesExclude: [Menu, MenuItem, Story, StoryReadme, StorySandbox]\n        }\n    }\n);\n"],"mappings":";;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAEA,IAAAK,WAAA,GAAAL,OAAA;AAEA,IAAMM,KAAK,GAAG,IAAAC,iBAAS,EAAC,mBAAmB,EAAEC,MAAM,CAAC;AAEpDF,KAAK,CAACG,GAAG,CACL,aAAa,EACb,YAAM;EACF,oBACIX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,MAAA,CAAAU,KAAK,qBACFd,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,MAAA,CAAAW,WAAW,QAAEC,eAAoB,CAAC,eACnChB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,MAAA,CAAAa,YAAY;IAACC,KAAK,EAAE;EAAc,gBAC/BlB,MAAA,CAAAY,OAAA,CAAAC,aAAA,2BACIb,MAAA,CAAAY,OAAA,CAAAC,aAAA,eAAM,+CAA2D,CAAC,eAClEb,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACN,WAAA,CAAAY,UAAU;IAACC,KAAK,EAAC;EAAO,CAAE,CAC1B,CACK,CACX,CAAC;AAEhB,CAAC,EACD;EACIC,IAAI,EAAE;IACFC,iBAAiB,EAAE,CAACC,WAAI,EAAEC,eAAQ,EAAEV,YAAK,EAAEC,kBAAW,EAAEE,mBAAY;EACxE;AACJ,CACJ,CAAC"}

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

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

package/Button/IconButton/IconButton.stories.js

@@ -1,43 +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 _baselineCloud_done24px = require("./../assets/baseline-cloud_done-24px.svg");
-var _roundMore_vert24px = require("./../assets/round-more_vert-24px.svg");
-var _index = require("./../../Menu/index");
-var _IconButton = require("./IconButton");
-var story = (0, _react2.storiesOf)("Components/Button", module);
-story.add("icon button", 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: "Icon button"
-  }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineCloud_done24px.ReactComponent, null),
-    label: "Icon label",
-    onClick: function onClick() {
-      return console.log("Button clicked");
-    }
-  })), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, {
-    title: "Menu example"
-  }, /*#__PURE__*/_react.default.createElement(_index.Menu, {
-    handle: /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
-      icon: /*#__PURE__*/_react.default.createElement(_roundMore_vert24px.ReactComponent, null),
-      label: "Toggle menu",
-      onClick: function onClick() {
-        return console.log("Button clicked");
-      }
-    })
-  }, /*#__PURE__*/_react.default.createElement(_index.MenuItem, {
-    onClick: function onClick() {
-      console.log("Apple selected!");
-    }
-  }, "Apple"), /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, "Banana"), /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, "Watermelon"))));
-}, {
-  info: {
-    propTablesExclude: [_index.Menu, _index.MenuItem, _Story.Story, _Story.StoryReadme, _Story.StorySandbox]
-  }
-});
-
-//# sourceMappingURL=IconButton.stories.js.map

package/Button/IconButton/IconButton.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_baselineCloud_done24px","_roundMore_vert24px","_index","_IconButton","story","storiesOf","module","add","default","createElement","Story","StoryReadme","readme","StorySandbox","title","IconButton","icon","ReactComponent","label","onClick","console","log","Menu","handle","MenuItem","info","propTablesExclude"],"sources":["IconButton.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./README.md\";\nimport { ReactComponent as CloudIcon } from \"./../assets/baseline-cloud_done-24px.svg\";\nimport { ReactComponent as MoreIcon } from \"./../assets/round-more_vert-24px.svg\";\nimport { Menu, MenuItem } from \"./../../Menu/index\";\n\nimport { IconButton } from \"./IconButton\";\n\nconst story = storiesOf(\"Components/Button\", module);\n\nstory.add(\n    \"icon button\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Icon button\"}>\n                    <IconButton\n                        icon={<CloudIcon />}\n                        label=\"Icon label\"\n                        onClick={() => console.log(\"Button clicked\")}\n                    />\n                </StorySandbox>\n                <StorySandbox title={\"Menu example\"}>\n                    <Menu\n                        handle={\n                            <IconButton\n                                icon={<MoreIcon />}\n                                label=\"Toggle menu\"\n                                onClick={() => console.log(\"Button clicked\")}\n                            />\n                        }\n                    >\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                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTablesExclude: [Menu, MenuItem, Story, StoryReadme, StorySandbox]\n        }\n    }\n);\n"],"mappings":";;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,uBAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAEA,IAAAO,WAAA,GAAAP,OAAA;AAEA,IAAMQ,KAAK,GAAG,IAAAC,iBAAS,EAAC,mBAAmB,EAAEC,MAAM,CAAC;AAEpDF,KAAK,CAACG,GAAG,CACL,aAAa,EACb,YAAM;EACF,oBACIb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,MAAA,CAAAY,KAAK,qBACFhB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,MAAA,CAAAa,WAAW,QAAEC,eAAoB,CAAC,eACnClB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,MAAA,CAAAe,YAAY;IAACC,KAAK,EAAE;EAAc,gBAC/BpB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACN,WAAA,CAAAY,UAAU;IACPC,IAAI,eAAEtB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACT,uBAAA,CAAAiB,cAAS,MAAE,CAAE;IACpBC,KAAK,EAAC,YAAY;IAClBC,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMC,OAAO,CAACC,GAAG,CAAC,gBAAgB,CAAC;IAAA;EAAC,CAChD,CACS,CAAC,eACf3B,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,MAAA,CAAAe,YAAY;IAACC,KAAK,EAAE;EAAe,gBAChCpB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACP,MAAA,CAAAoB,IAAI;IACDC,MAAM,eACF7B,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACN,WAAA,CAAAY,UAAU;MACPC,IAAI,eAAEtB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACR,mBAAA,CAAAgB,cAAQ,MAAE,CAAE;MACnBC,KAAK,EAAC,aAAa;MACnBC,OAAO,EAAE,SAAAA,QAAA;QAAA,OAAMC,OAAO,CAACC,GAAG,CAAC,gBAAgB,CAAC;MAAA;IAAC,CAChD;EACJ,gBAED3B,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACP,MAAA,CAAAsB,QAAQ;IACLL,OAAO,EAAE,SAAAA,QAAA,EAAM;MACXC,OAAO,CAACC,GAAG,CAAC,iBAAiB,CAAC;IAClC;EAAE,GACL,OAES,CAAC,eACX3B,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACP,MAAA,CAAAsB,QAAQ,QAAC,QAAgB,CAAC,eAC3B9B,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACP,MAAA,CAAAsB,QAAQ,QAAC,YAAoB,CAC5B,CACI,CACX,CAAC;AAEhB,CAAC,EACD;EACIC,IAAI,EAAE;IACFC,iBAAiB,EAAE,CAACJ,WAAI,EAAEE,eAAQ,EAAEd,YAAK,EAAEC,kBAAW,EAAEE,mBAAY;EACxE;AACJ,CACJ,CAAC"}

package/Carousel/Carouser.stories.d.ts

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

package/Carousel/Carouser.stories.js

@@ -1,34 +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 _Carousel = _interopRequireDefault(require("./Carousel"));
-var story = (0, _react2.storiesOf)("Components/Carousel", module);
-story.addDecorator(_addonKnobs.withKnobs);
-story.add("usage - single", 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, {
-    title: "Simple checkbox with a label and description"
-  }, /*#__PURE__*/_react.default.createElement(_Carousel.default, null, /*#__PURE__*/_react.default.createElement("img", {
-    src: "http://placehold.it/1000x400/ffffff/c0392b/&text=slide1"
-  }), /*#__PURE__*/_react.default.createElement("img", {
-    src: "http://placehold.it/1000x400/ffffff/c0392b/&text=slide2"
-  }), /*#__PURE__*/_react.default.createElement("img", {
-    src: "http://placehold.it/1000x400/ffffff/c0392b/&text=slide3"
-  }), /*#__PURE__*/_react.default.createElement("img", {
-    src: "http://placehold.it/1000x400/ffffff/c0392b/&text=slide4"
-  }), /*#__PURE__*/_react.default.createElement("img", {
-    src: "http://placehold.it/1000x400/ffffff/c0392b/&text=slide5"
-  }), /*#__PURE__*/_react.default.createElement("img", {
-    src: "http://placehold.it/1000x400/ffffff/c0392b/&text=slide6"
-  }))), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                    <Carousel>\n                        <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide1\" />\n                        <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide2\" />\n                        <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide3\" />\n                        <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide4\" />\n                        <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide5\" />\n                        <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide6\" />\n                    </Carousel>\n                    ")));
-}, {
-  info: {
-    propTables: [_Carousel.default]
-  }
-});
-
-//# sourceMappingURL=Carouser.stories.js.map

package/Carousel/Carouser.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_addonKnobs","_README","_Carousel","story","storiesOf","module","addDecorator","withKnobs","add","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","title","src","StorySandboxCode","info","propTables","Carousel"],"sources":["Carouser.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 } from \"@storybook/addon-knobs\";\nimport readme from \"./README.md\";\nimport Carousel from \"./Carousel\";\n\nconst story = storiesOf(\"Components/Carousel\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage - single\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Simple checkbox with a label and description\"}>\n                        <Carousel>\n                            <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide1\" />\n                            <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide2\" />\n                            <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide3\" />\n                            <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide4\" />\n                            <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide5\" />\n                            <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide6\" />\n                        </Carousel>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Carousel>\n                        <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide1\" />\n                        <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide2\" />\n                        <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide3\" />\n                        <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide4\" />\n                        <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide5\" />\n                        <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide6\" />\n                    </Carousel>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Carousel] } }\n);\n"],"mappings":";;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAOA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,SAAA,GAAAN,sBAAA,CAAAC,OAAA;AAEA,IAAMM,KAAK,GAAG,IAAAC,iBAAS,EAAC,qBAAqB,EAAEC,MAAM,CAAC;AACtDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,gBAAgB,EAChB,YAAM;EACF,oBACIb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,MAAA,CAAAY,KAAK,qBACFhB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,MAAA,CAAAa,WAAW,QAAEC,eAAoB,CAAC,eACnClB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,MAAA,CAAAe,YAAY,qBACTnB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,MAAA,CAAAgB,mBAAmB;IAACC,KAAK,EAAE;EAA+C,gBACvErB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACR,SAAA,CAAAO,OAAQ,qBACLd,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAKO,GAAG,EAAC;EAAyD,CAAE,CAAC,eACrEtB,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAKO,GAAG,EAAC;EAAyD,CAAE,CAAC,eACrEtB,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAKO,GAAG,EAAC;EAAyD,CAAE,CAAC,eACrEtB,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAKO,GAAG,EAAC;EAAyD,CAAE,CAAC,eACrEtB,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAKO,GAAG,EAAC;EAAyD,CAAE,CAAC,eACrEtB,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAKO,GAAG,EAAC;EAAyD,CAAE,CAC9D,CACO,CAAC,eACtBtB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,MAAA,CAAAmB,gBAAgB,uqBAWC,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,iBAAQ;EAAE;AAAE,CACvC,CAAC"}

package/Checkbox/Checkbox.stories.d.ts

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

package/Checkbox/Checkbox.stories.js

@@ -1,33 +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_Checkbox = _interopRequireDefault(require("./README_Checkbox.md"));
-var _form = require("@webiny/form");
-var _Checkbox = _interopRequireDefault(require("./Checkbox"));
-var story = (0, _react2.storiesOf)("Components/Checkbox", module);
-story.addDecorator(_addonKnobs.withKnobs);
-story.add("usage - single", function () {
-  var disabled = (0, _addonKnobs.boolean)("Disabled", false);
-  return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README_Checkbox.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, null, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, {
-    title: "Simple checkbox 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: "rememberMe"
-    }, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
-      label: "Remember me",
-      disabled: disabled,
-      description: "You won't be logged out after you leave the app."
-    }));
-  })), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                    <Form>\n                        {({ Bind }) => (\n                            <Bind name=\"rememberMe\">\n                                  <Checkbox\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: [_Checkbox.default]
-  }
-});
-
-//# sourceMappingURL=Checkbox.stories.js.map

package/Checkbox/Checkbox.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_addonKnobs","_README_Checkbox","_form","_Checkbox","story","storiesOf","module","addDecorator","withKnobs","add","disabled","boolean","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","title","Form","_ref","Bind","name","label","description","StorySandboxCode","info","propTables","Checkbox"],"sources":["Checkbox.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_Checkbox.md\";\n\nimport { Form } from \"@webiny/form\";\nimport Checkbox from \"./Checkbox\";\n\nconst story = storiesOf(\"Components/Checkbox\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage - single\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Simple checkbox with a label and description\"}>\n                        <Form>\n                            {({ Bind }) => (\n                                <Bind name=\"rememberMe\">\n                                    <Checkbox\n                                        label={\"Remember me\"}\n                                        disabled={disabled}\n                                        description={\n                                            \"You won't be logged out after you leave the app.\"\n                                        }\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Form>\n                        {({ Bind }) => (\n                            <Bind name=\"rememberMe\">\n                                  <Checkbox\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                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Checkbox] } }\n);\n"],"mappings":";;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAOA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AAEA,IAAMO,KAAK,GAAG,IAAAC,iBAAS,EAAC,qBAAqB,EAAEC,MAAM,CAAC;AACtDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,gBAAgB,EAChB,YAAM;EACF,IAAMC,QAAQ,GAAG,IAAAC,mBAAO,EAAC,UAAU,EAAE,KAAK,CAAC;EAE3C,oBACIhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAe,KAAK,qBACFnB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAgB,WAAW,QAAEC,wBAAoB,CAAC,eACnCrB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAkB,YAAY,qBACTtB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAmB,mBAAmB;IAACC,KAAK,EAAE;EAA+C,gBACvExB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACX,KAAA,CAAAkB,IAAI,QACA,UAAAC,IAAA;IAAA,IAAGC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAA,oBACJ3B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACS,IAAI;MAACC,IAAI,EAAC;IAAY,gBACnB5B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACV,SAAA,CAAAS,OAAQ;MACLY,KAAK,EAAE,aAAc;MACrBd,QAAQ,EAAEA,QAAS;MACnBe,WAAW,EACP;IACH,CACJ,CACC,CAAC;EAAA,CAET,CACW,CAAC,eACtB9B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAA2B,gBAAgB,2iBAcC,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,iBAAQ;EAAE;AAAE,CACvC,CAAC"}

package/Checkbox/CheckboxGroup.stories.d.ts

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