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

package/Section/Section.stories.js

@@ -1,30 +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]
-  }
-});
-
-//# sourceMappingURL=Section.stories.js.map

package/Section/Section.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_index","_styled","story","storiesOf","module","RenderSection","styled","target","label","backgroundColor","padding","add","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","title","StorySandboxCode","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAOA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,OAAA,GAAAN,sBAAA,CAAAC,OAAA;AAEA,IAAMM,KAAK,GAAG,IAAAC,iBAAS,EAAC,oBAAoB,EAAEC,MAAM,CAAC;AAErD,IAAMC,aAAa,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EAChCC,eAAe,EAAE,6BAA6B;EAC9CC,OAAO,EAAE;AACb,CAAC,CAAC;AAEFR,KAAK,CAACS,GAAG,CACL,OAAO,EACP,YAAM;EACF,oBACIjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAAgB,KAAK,qBACFpB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAAiB,WAAW,QAAEC,eAAoB,CAAC,eACnCtB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAAmB,YAAY,qBACTvB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAAoB,mBAAmB,qBAChBxB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACR,aAAa,qBACVX,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACb,MAAA,CAAAY,OAAO;IAACO,KAAK,EAAC;EAAW,GAAC,6BAAoC,CAAC,eAChEzB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACb,MAAA,CAAAY,OAAO;IAACO,KAAK,EAAC;EAAW,GAAC,6CAA0C,CAC1D,CACE,CAAC,eACtBzB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAAsB,gBAAgB,woBAcC,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,cAAO;EAAE;AAAE,CACtC,CAAC"}

package/Select/Select.stories.d.ts

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

package/Select/Select.stories.js

@@ -1,51 +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]
-  }
-});
-
-//# sourceMappingURL=Select.stories.js.map

package/Select/Select.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_addonKnobs","_README","_form","_Select","story","storiesOf","module","addDecorator","withKnobs","add","disabled","boolean","box","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","title","Form","_ref","Bind","name","Select","label","toString","description","value","StorySandboxCode","info","propTables"],"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,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;AAEA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAEA,IAAMO,KAAK,GAAG,IAAAC,iBAAS,EAAC,mBAAmB,EAAEC,MAAM,CAAC;AACpDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,OAAO,EACP,YAAM;EACF,IAAMC,QAAQ,GAAG,IAAAC,mBAAO,EAAC,UAAU,EAAE,KAAK,CAAC;EAC3C,IAAMC,GAAG,GAAG,IAAAD,mBAAO,EAAC,KAAK,EAAE,KAAK,CAAC;EAEjC,oBACIhB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAAgB,KAAK,qBACFpB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAAiB,WAAW,QAAEC,eAAoB,CAAC,eACnCtB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAAmB,YAAY,qBACTvB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAAoB,mBAAmB;IAACC,KAAK,EAAE;EAA6C,gBACrEzB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACZ,KAAA,CAAAmB,IAAI,QACA,UAAAC,IAAA;IAAA,IAAGC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAA,oBACJ5B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACS,IAAI;MAACC,IAAI,EAAC;IAAK,gBACZ7B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACX,OAAA,CAAAsB,MAAM;MACHC,KAAK,EAAC,MAAM;MACZhB,QAAQ,EAAEA,QAAS;MACnBE,GAAG,EAAEA,GAAG,CAACe,QAAQ,CAAC,CAAE;MACpBC,WAAW,EAAC;IAA8B,gBAE1CjC,MAAA,CAAAkB,OAAA,CAAAC,aAAA;MAAUY,KAAK,EAAC;IAAM,gBAClB/B,MAAA,CAAAkB,OAAA,CAAAC,aAAA;MAAQe,KAAK,EAAC;IAAgB,GAAC,iBAAuB,CAAC,eACvDlC,MAAA,CAAAkB,OAAA,CAAAC,aAAA;MAAQe,KAAK,EAAC;IAAS,GAAC,SAAe,CAAC,eACxClC,MAAA,CAAAkB,OAAA,CAAAC,aAAA;MAAQe,KAAK,EAAC;IAAS,GAAC,UAAgB,CAClC,CAAC,eACXlC,MAAA,CAAAkB,OAAA,CAAAC,aAAA;MAAUY,KAAK,EAAC;IAAO,gBACnB/B,MAAA,CAAAkB,OAAA,CAAAC,aAAA;MAAQe,KAAK,EAAC;IAAQ,GAAC,QAAc,CAAC,eACtClC,MAAA,CAAAkB,OAAA,CAAAC,aAAA;MAAQe,KAAK,EAAC;IAAK,GAAC,KAAW,CAAC,eAChClC,MAAA,CAAAkB,OAAA,CAAAC,aAAA;MAAQe,KAAK,EAAC;IAAS,GAAC,YAAkB,CACpC,CACN,CACN,CAAC;EAAA,CAET,CACW,CAAC,eACtBlC,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAA+B,gBAAgB,65CA4BC,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACP,cAAM;EAAE;AAAE,CACrC,CAAC"}

package/Skeleton/Skeleton.stories.d.ts

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

package/Skeleton/Skeleton.stories.js

@@ -1,24 +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]
-  }
-});
-
-//# sourceMappingURL=Skeleton.stories.js.map

package/Skeleton/Skeleton.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_Skeleton","story","storiesOf","module","add","default","createElement","Story","StoryReadme","readme","StorySandbox","title","Skeleton","count","info","propTables"],"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,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,SAAA,GAAAJ,OAAA;AAEA,IAAMK,KAAK,GAAG,IAAAC,iBAAS,EAAC,qBAAqB,EAAEC,MAAM,CAAC;AAEtDF,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;EAAyC,gBAC1DjB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,SAAA,CAAAY,QAAQ,MAAE,CACD,CAAC,eACflB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,MAAA,CAAAY,YAAY;IAACC,KAAK,EAAE;EAAmC,gBACpDjB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,SAAA,CAAAY,QAAQ;IAACC,KAAK,EAAE;EAAE,CAAE,CACX,CACX,CAAC;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACH,kBAAQ;EAAE;AAAE,CACvC,CAAC"}

package/Slider/Slider.stories.d.ts

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

package/Slider/Slider.stories.js

@@ -1,49 +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]
-  }
-});
-
-//# sourceMappingURL=Slider.stories.js.map

package/Slider/Slider.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_addonKnobs","_README","_form","_Slider","story","storiesOf","module","addDecorator","withKnobs","add","disabled","boolean","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","title","Form","data","width","_ref","Bind","name","_ref2","value","onChange","label","description","discrete","displayMarkers","min","max","step","onInput","StorySandboxCode","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,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;AAEA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAP,sBAAA,CAAAC,OAAA;AAEA,IAAMO,KAAK,GAAG,IAAAC,iBAAS,EAAC,mBAAmB,EAAEC,MAAM,CAAC;AACpDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,OAAO,EACP,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,eAAoB,CAAC,eACnCrB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAkB,YAAY,qBACTtB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAmB,mBAAmB;IAACC,KAAK,EAAE;EAA6C,gBACrExB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACX,KAAA,CAAAkB,IAAI;IAACC,IAAI,EAAE;MAAEC,KAAK,EAAE;IAAI;EAAE,GACtB,UAAAC,IAAA;IAAA,IAAGC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAA,oBACJ7B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACW,IAAI;MAACC,IAAI,EAAC;IAAO,GACb,UAAAC,KAAA;MAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;QAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;MAAA,oBACfjC,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAS,OAAM;QACHiB,KAAK,EAAE,kBAAmB;QAC1BnB,QAAQ,EAAEA,QAAS;QACnBoB,WAAW,EACP,+CACH;QACDC,QAAQ;QACRC,cAAc;QACdC,GAAG,EAAE,CAAE;QACPC,GAAG,EAAE,EAAG;QACRC,IAAI,EAAE,CAAE;QACRC,OAAO,EAAER,QAAS;QAClBA,QAAQ,EAAEA,QAAS;QACnBD,KAAK,EAAEA;MAAM,CAChB,CAAC;IAAA,CAEJ,CAAC;EAAA,CAET,CACW,CAAC,eACtBhC,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAsC,gBAAgB,urCA0BC,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,eAAM;EAAE;AAAE,CACrC,CAAC"}

package/Snackbar/Snackbar.stories.d.ts

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

package/Snackbar/Snackbar.stories.js

@@ -1,70 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@storybook/react");
-var _Story = require("@webiny/storybook-utils/Story");
-var _README = _interopRequireDefault(require("./../Snackbar/README.md"));
-var _addonKnobs = require("@storybook/addon-knobs");
-var _Button = require("./../Button");
-var _Snackbar = require("./Snackbar");
-var story = (0, _react2.storiesOf)("Components/Snackbar", module);
-story.addDecorator(_addonKnobs.withKnobs);
-var SnackbarContainer = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(SnackbarContainer, _React$Component);
-  var _super = (0, _createSuper2.default)(SnackbarContainer);
-  function SnackbarContainer() {
-    var _this;
-    (0, _classCallCheck2.default)(this, SnackbarContainer);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      show: false
-    });
-    return _this;
-  }
-  (0, _createClass2.default)(SnackbarContainer, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Snackbar.Snackbar, {
-        open: this.state.show,
-        onClose: function onClose() {
-          return _this2.setState({
-            show: false
-          });
-        },
-        message: "This is a message.",
-        leading: this.props.leading,
-        action: "Something"
-      }), /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
-        onClick: function onClick() {
-          return _this2.setState({
-            show: true
-          });
-        }
-      }, "Show message"));
-    }
-  }]);
-  return SnackbarContainer;
-}(_react.default.Component);
-story.add("usage", function () {
-  var leading = (0, _addonKnobs.boolean)("leading", 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, null, /*#__PURE__*/_react.default.createElement(SnackbarContainer, {
-    leading: true
-  })), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                        <div>\n                             <Snackbar\n                                open={this.state.show}\n                                leading={".concat(leading, "}\n                                onHide={() => this.setState({ show: false })}\n                                message=\"This is a message.\"\n                            />\n                            <ButtonPrimary onClick={() => this.setState({ show: true })}>\n                                Show message\n                            </ButtonPrimary>\n                        </div>\n                    "))));
-}, {
-  info: {
-    propTables: [_Snackbar.Snackbar]
-  }
-});
-
-//# sourceMappingURL=Snackbar.stories.js.map

package/Snackbar/Snackbar.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_addonKnobs","_Button","_Snackbar","story","storiesOf","module","addDecorator","withKnobs","SnackbarContainer","_React$Component","_inherits2","default","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","show","_createClass2","key","value","render","_this2","createElement","Fragment","Snackbar","open","state","onClose","setState","message","leading","props","action","ButtonPrimary","onClick","React","Component","add","boolean","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","StorySandboxCode","info","propTables"],"sources":["Snackbar.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 \"./../Snackbar/README.md\";\nimport { withKnobs, boolean } from \"@storybook/addon-knobs\";\nimport { ButtonPrimary } from \"./../Button\";\nimport { Snackbar } from \"./Snackbar\";\n\nconst story = storiesOf(\"Components/Snackbar\", module);\nstory.addDecorator(withKnobs);\n\nclass SnackbarContainer extends React.Component<{ leading: boolean }, { show: boolean }> {\n    public override state = {\n        show: false\n    };\n\n    public override render() {\n        return (\n            <React.Fragment>\n                <Snackbar\n                    open={this.state.show}\n                    onClose={() => this.setState({ show: false })}\n                    message=\"This is a message.\"\n                    leading={this.props.leading}\n                    action=\"Something\"\n                />\n                <ButtonPrimary onClick={() => this.setState({ show: true })}>\n                    Show message\n                </ButtonPrimary>\n            </React.Fragment>\n        );\n    }\n}\n\nstory.add(\n    \"usage\",\n    () => {\n        const leading = boolean(\"leading\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <SnackbarContainer leading />\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        <div>\n                             <Snackbar\n                                open={this.state.show}\n                                leading={${leading}}\n                                onHide={() => this.setState({ show: false })}\n                                message=\"This is a message.\"\n                            />\n                            <ButtonPrimary onClick={() => this.setState({ show: true })}>\n                                Show message\n                            </ButtonPrimary>\n                        </div>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Snackbar] } }\n);\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAOA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AAEA,IAAMO,KAAK,GAAG,IAAAC,iBAAS,EAAC,qBAAqB,EAAEC,MAAM,CAAC;AACtDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAAC,IAExBC,iBAAiB,0BAAAC,gBAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,iBAAA,EAAAC,gBAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,iBAAA;EAAA,SAAAA,kBAAA;IAAA,IAAAM,KAAA;IAAA,IAAAC,gBAAA,CAAAJ,OAAA,QAAAH,iBAAA;IAAA,SAAAQ,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAA,IAAAM,gBAAA,CAAAd,OAAA,MAAAe,uBAAA,CAAAf,OAAA,EAAAG,KAAA,YACK;MACpBa,IAAI,EAAE;IACV,CAAC;IAAA,OAAAb,KAAA;EAAA;EAAA,IAAAc,aAAA,CAAAjB,OAAA,EAAAH,iBAAA;IAAAqB,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAA,EAAyB;MAAA,IAAAC,MAAA;MACrB,oBACItC,MAAA,CAAAiB,OAAA,CAAAsB,aAAA,CAACvC,MAAA,CAAAiB,OAAK,CAACuB,QAAQ,qBACXxC,MAAA,CAAAiB,OAAA,CAAAsB,aAAA,CAAC/B,SAAA,CAAAiC,QAAQ;QACLC,IAAI,EAAE,IAAI,CAACC,KAAK,CAACV,IAAK;QACtBW,OAAO,EAAE,SAAAA,QAAA;UAAA,OAAMN,MAAI,CAACO,QAAQ,CAAC;YAAEZ,IAAI,EAAE;UAAM,CAAC,CAAC;QAAA,CAAC;QAC9Ca,OAAO,EAAC,oBAAoB;QAC5BC,OAAO,EAAE,IAAI,CAACC,KAAK,CAACD,OAAQ;QAC5BE,MAAM,EAAC;MAAW,CACrB,CAAC,eACFjD,MAAA,CAAAiB,OAAA,CAAAsB,aAAA,CAAChC,OAAA,CAAA2C,aAAa;QAACC,OAAO,EAAE,SAAAA,QAAA;UAAA,OAAMb,MAAI,CAACO,QAAQ,CAAC;YAAEZ,IAAI,EAAE;UAAK,CAAC,CAAC;QAAA;MAAC,GAAC,cAE9C,CACH,CAAC;IAEzB;EAAC;EAAA,OAAAnB,iBAAA;AAAA,EApB2BsC,cAAK,CAACC,SAAS;AAuB/C5C,KAAK,CAAC6C,GAAG,CACL,OAAO,EACP,YAAM;EACF,IAAMP,OAAO,GAAG,IAAAQ,mBAAO,EAAC,SAAS,EAAE,KAAK,CAAC;EAEzC,oBACIvD,MAAA,CAAAiB,OAAA,CAAAsB,aAAA,CAACnC,MAAA,CAAAoD,KAAK,qBACFxD,MAAA,CAAAiB,OAAA,CAAAsB,aAAA,CAACnC,MAAA,CAAAqD,WAAW,QAAEC,eAAoB,CAAC,eACnC1D,MAAA,CAAAiB,OAAA,CAAAsB,aAAA,CAACnC,MAAA,CAAAuD,YAAY,qBACT3D,MAAA,CAAAiB,OAAA,CAAAsB,aAAA,CAACnC,MAAA,CAAAwD,mBAAmB,qBAChB5D,MAAA,CAAAiB,OAAA,CAAAsB,aAAA,CAACzB,iBAAiB;IAACiC,OAAO;EAAA,CAAE,CACX,CAAC,eACtB/C,MAAA,CAAAiB,OAAA,CAAAsB,aAAA,CAACnC,MAAA,CAAAyD,gBAAgB,qLAAA/B,MAAA,CAKMiB,OAAO,kaASZ,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAEe,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACtB,kBAAQ;EAAE;AAAE,CACvC,CAAC"}

package/Switch/Switch.stories.d.ts

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

package/Switch/Switch.stories.js

@@ -1,37 +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 _Switch = require("./Switch");
-var story = (0, _react2.storiesOf)("Components/Switch", 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 switch with a label and description"
-  }, /*#__PURE__*/_react.default.createElement(_form.Form, {
-    data: {
-      rememberMe: true
-    }
-  }, function (_ref) {
-    var Bind = _ref.Bind;
-    return /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "rememberMe"
-    }, /*#__PURE__*/_react.default.createElement(_Switch.Switch, {
-      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                                  <Switch\n                                    label={\"Remember me\"}\n                                    disabled={disabled}\n                                    description={\"You won't be logged out after you leave the app.\"}\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    ")));
-}, {
-  info: {
-    propTables: [_Switch.Switch]
-  }
-});
-
-//# sourceMappingURL=Switch.stories.js.map

package/Switch/Switch.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_addonKnobs","_README","_form","_Switch","story","storiesOf","module","addDecorator","withKnobs","add","disabled","boolean","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","title","Form","data","rememberMe","_ref","Bind","name","Switch","label","description","StorySandboxCode","info","propTables"],"sources":["Switch.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 { Switch } from \"./Switch\";\n\nconst story = storiesOf(\"Components/Switch\", 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 switch with a label and description\"}>\n                        <Form data={{ rememberMe: true }}>\n                            {({ Bind }) => (\n                                <Bind name=\"rememberMe\">\n                                    <Switch\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                                  <Switch\n                                    label={\"Remember me\"}\n                                    disabled={disabled}\n                                    description={\"You won't be logged out after you leave the app.\"}\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Switch] } }\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;AAEA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAEA,IAAMO,KAAK,GAAG,IAAAC,iBAAS,EAAC,mBAAmB,EAAEC,MAAM,CAAC;AACpDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,OAAO,EACP,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,eAAoB,CAAC,eACnCrB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAkB,YAAY,qBACTtB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAmB,mBAAmB;IAACC,KAAK,EAAE;EAA6C,gBACrExB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACX,KAAA,CAAAkB,IAAI;IAACC,IAAI,EAAE;MAAEC,UAAU,EAAE;IAAK;EAAE,GAC5B,UAAAC,IAAA;IAAA,IAAGC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAA,oBACJ7B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACW,IAAI;MAACC,IAAI,EAAC;IAAY,gBACnB9B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAuB,MAAM;MACHC,KAAK,EAAE,aAAc;MACrBjB,QAAQ,EAAEA,QAAS;MACnBkB,WAAW,EACP;IACH,CACJ,CACC,CAAC;EAAA,CAET,CACW,CAAC,eACtBjC,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAA8B,gBAAgB,yiBAcC,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACL,cAAM;EAAE;AAAE,CACrC,CAAC"}

package/Tabs/Tabs.stories.d.ts

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

package/Tabs/Tabs.stories.js

@@ -1,45 +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("./../Tabs/README.md"));
-var _baselineDelete24px = require("./svg/baseline-delete-24px.svg");
-var _baselineDone24px = require("./svg/baseline-done-24px.svg");
-var _addonKnobs = require("@storybook/addon-knobs");
-var _index = require("./index");
-var story = (0, _react2.storiesOf)("Components/Tabs", module);
-story.addDecorator(_addonKnobs.withKnobs);
-story.add("usage", function () {
-  var Div = function Div(props) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        padding: 50
-      }
-    }, props.children);
-  };
-  return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, {
-    title: "Tabs example"
-  }, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, null, /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      overflow: "hidden"
-    }
-  }, /*#__PURE__*/_react.default.createElement(_index.Tabs, null, /*#__PURE__*/_react.default.createElement(_index.Tab, {
-    label: "Tab 1",
-    icon: /*#__PURE__*/_react.default.createElement(_baselineDelete24px.ReactComponent, null)
-  }, /*#__PURE__*/_react.default.createElement(Div, null, "Tab 1 content.")), /*#__PURE__*/_react.default.createElement(_index.Tab, {
-    label: "Tab 2",
-    icon: /*#__PURE__*/_react.default.createElement(_baselineDone24px.ReactComponent, null)
-  }, /*#__PURE__*/_react.default.createElement(Div, null, "Tab 2 content.")), /*#__PURE__*/_react.default.createElement(_index.Tab, {
-    label: "Tab 3"
-  }, /*#__PURE__*/_react.default.createElement(Div, null, "Tab 3 content - header without icon.")), /*#__PURE__*/_react.default.createElement(_index.Tab, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineDone24px.ReactComponent, null)
-  }, /*#__PURE__*/_react.default.createElement(Div, null, "Tab 4 content - header without label."))))), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                            <Tabs>\n                                <Tab label=\"Tab 1\" icon={<DeleteIcon />}>\n                                    <Div>Tab 1 content.</Div>\n                                </Tab>\n                                <Tab label=\"Tab 2\" icon={<DoneIcon />}>\n                                    <Div>Tab 2 content.</Div>\n                                </Tab>\n                                <Tab label=\"Tab 3\">\n                                    <Div>Tab 3 content - header without icon.</Div>\n                                </Tab>\n                                <Tab icon={<DoneIcon />}>\n                                    <Div>Tab 4 content - header without label.</Div>\n                                </Tab>\n                            </Tabs>\n                        ")));
-}, {
-  info: {
-    propTables: [_index.Tabs, _index.Tab]
-  }
-});
-
-//# sourceMappingURL=Tabs.stories.js.map

package/Tabs/Tabs.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_baselineDelete24px","_baselineDone24px","_addonKnobs","_index","story","storiesOf","module","addDecorator","withKnobs","add","Div","props","default","createElement","style","padding","children","Story","StoryReadme","readme","StorySandbox","title","StorySandboxExample","overflow","Tabs","Tab","label","icon","ReactComponent","StorySandboxCode","info","propTables"],"sources":["Tabs.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 \"./../Tabs/README.md\";\n\nimport { ReactComponent as DeleteIcon } from \"./svg/baseline-delete-24px.svg\";\nimport { ReactComponent as DoneIcon } from \"./svg/baseline-done-24px.svg\";\nimport { withKnobs } from \"@storybook/addon-knobs\";\nimport { Tabs, Tab } from \"./index\";\n\nconst story = storiesOf(\"Components/Tabs\", module);\n\ninterface DivProps {\n    children: React.ReactNode;\n}\n\nstory.addDecorator(withKnobs);\nstory.add(\n    \"usage\",\n    () => {\n        const Div = (props: DivProps) => {\n            return <div style={{ padding: 50 }}>{props.children}</div>;\n        };\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Tabs example\"}>\n                    <StorySandboxExample>\n                        <div style={{ overflow: \"hidden\" }}>\n                            <Tabs>\n                                <Tab label=\"Tab 1\" icon={<DeleteIcon />}>\n                                    <Div>Tab 1 content.</Div>\n                                </Tab>\n                                <Tab label=\"Tab 2\" icon={<DoneIcon />}>\n                                    <Div>Tab 2 content.</Div>\n                                </Tab>\n                                <Tab label=\"Tab 3\">\n                                    <Div>Tab 3 content - header without icon.</Div>\n                                </Tab>\n                                <Tab icon={<DoneIcon />}>\n                                    <Div>Tab 4 content - header without label.</Div>\n                                </Tab>\n                            </Tabs>\n                        </div>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                            <Tabs>\n                                <Tab label=\"Tab 1\" icon={<DeleteIcon />}>\n                                    <Div>Tab 1 content.</Div>\n                                </Tab>\n                                <Tab label=\"Tab 2\" icon={<DoneIcon />}>\n                                    <Div>Tab 2 content.</Div>\n                                </Tab>\n                                <Tab label=\"Tab 3\">\n                                    <Div>Tab 3 content - header without icon.</Div>\n                                </Tab>\n                                <Tab icon={<DoneIcon />}>\n                                    <Div>Tab 4 content - header without label.</Div>\n                                </Tab>\n                            </Tabs>\n                        `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Tabs, Tab] } }\n);\n"],"mappings":";;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAOA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,IAAAI,mBAAA,GAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAEA,IAAMQ,KAAK,GAAG,IAAAC,iBAAS,EAAC,iBAAiB,EAAEC,MAAM,CAAC;AAMlDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAC7BJ,KAAK,CAACK,GAAG,CACL,OAAO,EACP,YAAM;EACF,IAAMC,GAAG,GAAG,SAANA,GAAGA,CAAIC,KAAe,EAAK;IAC7B,oBAAOjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA;MAAKC,KAAK,EAAE;QAAEC,OAAO,EAAE;MAAG;IAAE,GAAEJ,KAAK,CAACK,QAAc,CAAC;EAC9D,CAAC;EAED,oBACItB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAAmB,KAAK,qBACFvB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAAoB,WAAW,QAAEC,eAAoB,CAAC,eACnCzB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAAsB,YAAY;IAACC,KAAK,EAAE;EAAe,gBAChC3B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAAwB,mBAAmB,qBAChB5B,MAAA,CAAAkB,OAAA,CAAAC,aAAA;IAAKC,KAAK,EAAE;MAAES,QAAQ,EAAE;IAAS;EAAE,gBAC/B7B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACV,MAAA,CAAAqB,IAAI,qBACD9B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACV,MAAA,CAAAsB,GAAG;IAACC,KAAK,EAAC,OAAO;IAACC,IAAI,eAAEjC,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACb,mBAAA,CAAA4B,cAAU,MAAE;EAAE,gBACpClC,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACH,GAAG,QAAC,gBAAmB,CACvB,CAAC,eACNhB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACV,MAAA,CAAAsB,GAAG;IAACC,KAAK,EAAC,OAAO;IAACC,IAAI,eAAEjC,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACZ,iBAAA,CAAA2B,cAAQ,MAAE;EAAE,gBAClClC,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACH,GAAG,QAAC,gBAAmB,CACvB,CAAC,eACNhB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACV,MAAA,CAAAsB,GAAG;IAACC,KAAK,EAAC;EAAO,gBACdhC,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACH,GAAG,QAAC,sCAAyC,CAC7C,CAAC,eACNhB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACV,MAAA,CAAAsB,GAAG;IAACE,IAAI,eAAEjC,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACZ,iBAAA,CAAA2B,cAAQ,MAAE;EAAE,gBACpBlC,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACH,GAAG,QAAC,uCAA0C,CAC9C,CACH,CACL,CACY,CAAC,eACtBhB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAA+B,gBAAgB,g0BAiBC,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACP,WAAI,EAAEC,UAAG;EAAE;AAAE,CACxC,CAAC"}

package/Tags/Tags.stories.d.ts

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

package/Tags/Tags.stories.js

@@ -1,37 +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 _Tags = require("./Tags");
-var story = (0, _react2.storiesOf)("Components/Tags", 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: "Single value"
-  }, /*#__PURE__*/_react.default.createElement(_form.Form, {
-    data: {
-      tags: ["animals", "dogs", "food"]
-    }
-  }, function (_ref) {
-    var Bind = _ref.Bind;
-    return /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "tags"
-    }, /*#__PURE__*/_react.default.createElement(_Tags.Tags, {
-      label: "Tags",
-      disabled: disabled,
-      description: "Choose your tags"
-    }));
-  })), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                     <Form data={{ tags: ['animals', 'dogs', 'food'] }}>\n                        {({ Bind }) => (\n                            <Bind name=\"tags\">\n                                <Tags\n                                    label=\"Tags\"\n                                    disabled={disabled}\n                                    description=\"Choose your tags\"\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    ")));
-}, {
-  info: {
-    propTables: [_Tags.Tags]
-  }
-});
-
-//# sourceMappingURL=Tags.stories.js.map

package/Tags/Tags.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_addonKnobs","_README","_form","_Tags","story","storiesOf","module","addDecorator","withKnobs","add","disabled","boolean","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","title","Form","data","tags","_ref","Bind","name","Tags","label","description","StorySandboxCode","info","propTables"],"sources":["Tags.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 { Tags } from \"./Tags\";\n\nconst story = storiesOf(\"Components/Tags\", 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={\"Single value\"}>\n                        <Form data={{ tags: [\"animals\", \"dogs\", \"food\"] }}>\n                            {({ Bind }) => (\n                                <Bind name=\"tags\">\n                                    <Tags\n                                        label=\"Tags\"\n                                        disabled={disabled}\n                                        description=\"Choose your tags\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                     <Form data={{ tags: ['animals', 'dogs', 'food'] }}>\n                        {({ Bind }) => (\n                            <Bind name=\"tags\">\n                                <Tags\n                                    label=\"Tags\"\n                                    disabled={disabled}\n                                    description=\"Choose your tags\"\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Tags] } }\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;AAEA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AAEA,IAAMO,KAAK,GAAG,IAAAC,iBAAS,EAAC,iBAAiB,EAAEC,MAAM,CAAC;AAClDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,OAAO,EACP,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,eAAoB,CAAC,eACnCrB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAkB,YAAY,qBACTtB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAmB,mBAAmB;IAACC,KAAK,EAAE;EAAe,gBACvCxB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACX,KAAA,CAAAkB,IAAI;IAACC,IAAI,EAAE;MAAEC,IAAI,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM;IAAE;EAAE,GAC7C,UAAAC,IAAA;IAAA,IAAGC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAA,oBACJ7B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACW,IAAI;MAACC,IAAI,EAAC;IAAM,gBACb9B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACV,KAAA,CAAAuB,IAAI;MACDC,KAAK,EAAC,MAAM;MACZjB,QAAQ,EAAEA,QAAS;MACnBkB,WAAW,EAAC;IAAkB,CACjC,CACC,CAAC;EAAA,CAET,CACW,CAAC,eACtBjC,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAA8B,gBAAgB,kiBAcC,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACL,UAAI;EAAE;AAAE,CACnC,CAAC"}

package/Tooltip/Tooltip.stories.d.ts

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

package/Tooltip/Tooltip.stories.js

@@ -1,22 +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("./../Tooltip/README.md"));
-var _Tooltip = require("./Tooltip");
-var story = (0, _react2.storiesOf)("Components/Tooltip", 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 tooltip, triggered with a button"
-  }, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
-    content: /*#__PURE__*/_react.default.createElement("span", null, "This is a tooltip.")
-  }, /*#__PURE__*/_react.default.createElement("span", null, "Hover to see additional information."))));
-}, {
-  info: {
-    propTables: [_Tooltip.Tooltip]
-  }
-});
-
-//# sourceMappingURL=Tooltip.stories.js.map

package/Tooltip/Tooltip.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_Tooltip","story","storiesOf","module","add","default","createElement","Story","StoryReadme","readme","StorySandbox","title","Tooltip","content","info","propTables"],"sources":["Tooltip.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../Tooltip/README.md\";\nimport { Tooltip } from \"./Tooltip\";\n\nconst story = storiesOf(\"Components/Tooltip\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"A simple tooltip, triggered with a button\"}>\n                    <Tooltip content={<span>This is a tooltip.</span>}>\n                        <span>Hover to see additional information.</span>\n                    </Tooltip>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Tooltip] } }\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,QAAA,GAAAJ,OAAA;AAEA,IAAMK,KAAK,GAAG,IAAAC,iBAAS,EAAC,oBAAoB,EAAEC,MAAM,CAAC;AAErDF,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;EAA4C,gBAC7DjB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,QAAA,CAAAY,OAAO;IAACC,OAAO,eAAEnB,MAAA,CAAAW,OAAA,CAAAC,aAAA,eAAM,oBAAwB;EAAE,gBAC9CZ,MAAA,CAAAW,OAAA,CAAAC,aAAA,eAAM,sCAA0C,CAC3C,CACC,CACX,CAAC;AAEhB,CAAC,EACD;EAAEQ,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACH,gBAAO;EAAE;AAAE,CACtC,CAAC"}

package/TopAppBar/TopAppBar.stories.d.ts

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

package/TopAppBar/TopAppBar.stories.js

@@ -1,59 +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("./../TopAppBar/README.md"));
-var _addonKnobs = require("@storybook/addon-knobs");
-var _baselineAutorenew24px = require("./icons/baseline-autorenew-24px.svg");
-var _baselineCloud_done24px = require("./icons/baseline-cloud_done-24px.svg");
-var _baselineEmail24px = require("./icons/baseline-email-24px.svg");
-var _baselineMenu24px = require("./icons/baseline-menu-24px.svg");
-var _index = require("./index");
-var story = (0, _react2.storiesOf)("Components/TopAppBar", module);
-story.addDecorator(_addonKnobs.withKnobs);
-
-/**
- * Top app bar is by default rendered with "position: fixed", which then messes up the presentation.
- * For demonstration purposes, we had to switch to absolute positioning.
- */
-
-var appendedCssOverrides = false;
-var appendCssOverrides = function appendCssOverrides() {
-  if (appendedCssOverrides) {
-    return;
-  }
-  appendedCssOverrides = true;
-  var css = ".top-app-bar-storybook .mdc-top-app-bar { position: relative; top: 0 !important }\n                .top-app-bar-storybook .mdc-top-app-bar img { background: none; }",
-    head = document.head || document.getElementsByTagName("head")[0],
-    style = document.createElement("style");
-  style.type = "text/css";
-  style.appendChild(document.createTextNode(css));
-  head.appendChild(style);
-};
-story.add("usage", function () {
-  appendCssOverrides();
-  var title = (0, _addonKnobs.text)("title", "Webiny");
-  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("div", {
-    className: "top-app-bar-storybook"
-  }, /*#__PURE__*/_react.default.createElement(_index.TopAppBar, null, /*#__PURE__*/_react.default.createElement(_index.TopAppBarSection, {
-    alignStart: true
-  }, /*#__PURE__*/_react.default.createElement(_index.TopAppBarNavigationIcon, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineMenu24px.ReactComponent, null)
-  }), /*#__PURE__*/_react.default.createElement(_index.TopAppBarTitle, null, title)), /*#__PURE__*/_react.default.createElement(_index.TopAppBarSection, {
-    alignEnd: true
-  }, /*#__PURE__*/_react.default.createElement(_index.TopAppBarActionItem, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineCloud_done24px.ReactComponent, null)
-  }), /*#__PURE__*/_react.default.createElement(_index.TopAppBarActionItem, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineAutorenew24px.ReactComponent, null)
-  }), /*#__PURE__*/_react.default.createElement(_index.TopAppBarActionItem, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineEmail24px.ReactComponent, null)
-  }))))));
-}, {
-  info: {
-    propTables: [_index.TopAppBar, _index.TopAppBarSection, _index.TopAppBarNavigationIcon, _index.TopAppBarTitle, _index.TopAppBarActionItem]
-  }
-});
-
-//# sourceMappingURL=TopAppBar.stories.js.map