@webiny/ui 5.27.0 → 5.28.0-beta.0

package/TopAppBar/index.js

@@ -1,7 +1,96 @@
-export * from "./TopAppBar";
-export * from "./TopAppBarPrimary";
-export * from "./TopAppBarSecondary";
-export * from "./TopAppBarSection";
-export * from "./TopAppBarTitle";
-export * from "./TopAppBarNavigationIcon";
-export * from "./TopAppBarActionItem";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _TopAppBar = require("./TopAppBar");
+
+Object.keys(_TopAppBar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TopAppBar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TopAppBar[key];
+    }
+  });
+});
+
+var _TopAppBarPrimary = require("./TopAppBarPrimary");
+
+Object.keys(_TopAppBarPrimary).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TopAppBarPrimary[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TopAppBarPrimary[key];
+    }
+  });
+});
+
+var _TopAppBarSecondary = require("./TopAppBarSecondary");
+
+Object.keys(_TopAppBarSecondary).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TopAppBarSecondary[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TopAppBarSecondary[key];
+    }
+  });
+});
+
+var _TopAppBarSection = require("./TopAppBarSection");
+
+Object.keys(_TopAppBarSection).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TopAppBarSection[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TopAppBarSection[key];
+    }
+  });
+});
+
+var _TopAppBarTitle = require("./TopAppBarTitle");
+
+Object.keys(_TopAppBarTitle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TopAppBarTitle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TopAppBarTitle[key];
+    }
+  });
+});
+
+var _TopAppBarNavigationIcon = require("./TopAppBarNavigationIcon");
+
+Object.keys(_TopAppBarNavigationIcon).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TopAppBarNavigationIcon[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TopAppBarNavigationIcon[key];
+    }
+  });
+});
+
+var _TopAppBarActionItem = require("./TopAppBarActionItem");
+
+Object.keys(_TopAppBarActionItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TopAppBarActionItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TopAppBarActionItem[key];
+    }
+  });
+});

package/TopAppBar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA","sourcesContent":["export * from \"./TopAppBar\";\nexport * from \"./TopAppBarPrimary\";\nexport * from \"./TopAppBarSecondary\";\nexport * from \"./TopAppBarSection\";\nexport * from \"./TopAppBarTitle\";\nexport * from \"./TopAppBarNavigationIcon\";\nexport * from \"./TopAppBarActionItem\";\n"]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./TopAppBar\";\nexport * from \"./TopAppBarPrimary\";\nexport * from \"./TopAppBarSecondary\";\nexport * from \"./TopAppBarSection\";\nexport * from \"./TopAppBarTitle\";\nexport * from \"./TopAppBarNavigationIcon\";\nexport * from \"./TopAppBarActionItem\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/TopProgressBar/TopProgressBar.js

@@ -1,9 +1,22 @@
-import nprogress from "nprogress";
-import "./style.scss";
-export var TopProgressBar = function TopProgressBar(props) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TopProgressBar = void 0;
+
+var _nprogress = _interopRequireDefault(require("nprogress"));
+
+require("./style.scss");
+
+var TopProgressBar = function TopProgressBar(props) {
   return props.children({
-    start: nprogress.start,
-    finish: nprogress.done,
-    nprogress: nprogress
+    start: _nprogress.default.start,
+    finish: _nprogress.default.done,
+    nprogress: _nprogress.default
   });
-};
+};
+
+exports.TopProgressBar = TopProgressBar;

package/TopProgressBar/TopProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TopProgressBar.tsx"],"names":["nprogress","TopProgressBar","props","children","start","finish","done"],"mappings":"AACA,OAAOA,SAAP,MAAsB,WAAtB;AACA;AAeA,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAgC;AAC1D,SAAOA,KAAK,CAACC,QAAN,CAAe;AAClBC,IAAAA,KAAK,EAAEJ,SAAS,CAACI,KADC;AAElBC,IAAAA,MAAM,EAAEL,SAAS,CAACM,IAFA;AAGlBN,IAAAA,SAAS,EAATA;AAHkB,GAAf,CAAP;AAKH,CANM","sourcesContent":["import React from \"react\";\nimport nprogress from \"nprogress\";\nimport \"./style.scss\";\n\nexport interface TopProgressBarRender {\n    start: () => void;\n    finish: () => void;\n    nprogress: typeof nprogress;\n}\n\nexport interface TopProgressBarProps {\n    /**\n     * Elements that require top loading bar to be shown.\n     */\n    children: (params: TopProgressBarRender) => React.ReactElement;\n}\n\nexport const TopProgressBar = (props: TopProgressBarProps) => {\n    return props.children({\n        start: nprogress.start,\n        finish: nprogress.done,\n        nprogress\n    });\n};\n"]}
+{"version":3,"names":["TopProgressBar","props","children","start","nprogress","finish","done"],"sources":["TopProgressBar.tsx"],"sourcesContent":["import React from \"react\";\nimport nprogress from \"nprogress\";\nimport \"./style.scss\";\n\nexport interface TopProgressBarRender {\n    start: () => void;\n    finish: () => void;\n    nprogress: typeof nprogress;\n}\n\nexport interface TopProgressBarProps {\n    /**\n     * Elements that require top loading bar to be shown.\n     */\n    children: (params: TopProgressBarRender) => React.ReactElement;\n}\n\nexport const TopProgressBar = (props: TopProgressBarProps) => {\n    return props.children({\n        start: nprogress.start,\n        finish: nprogress.done,\n        nprogress\n    });\n};\n"],"mappings":";;;;;;;;;AACA;;AACA;;AAeO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAgC;EAC1D,OAAOA,KAAK,CAACC,QAAN,CAAe;IAClBC,KAAK,EAAEC,kBAAA,CAAUD,KADC;IAElBE,MAAM,EAAED,kBAAA,CAAUE,IAFA;IAGlBF,SAAS,EAATA;EAHkB,CAAf,CAAP;AAKH,CANM"}

package/TopProgressBar/TopProgressBar.stories.js

@@ -1,22 +1,32 @@
-import React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandboxCode, StorySandbox, StorySandboxExample } from "@webiny/storybook-utils/Story";
-import readme from "./../TopProgressBar/README.md";
-import { ButtonPrimary } from "./../Button";
-import { TopProgressBar } from "./TopProgressBar";
-var story = storiesOf("Components/TopProgressBar", module);
+"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("./../TopProgressBar/README.md"));
+
+var _Button = require("./../Button");
+
+var _TopProgressBar = require("./TopProgressBar");
+
+var story = (0, _react2.storiesOf)("Components/TopProgressBar", module);
 story.add("usage", function () {
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement(StorySandboxExample, null, /*#__PURE__*/React.createElement(TopProgressBar, null, function (_ref) {
+  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(_TopProgressBar.TopProgressBar, null, function (_ref) {
     var start = _ref.start,
         finish = _ref.finish;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ButtonPrimary, {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
       onClick: start
-    }, "Start"), "\xA0", /*#__PURE__*/React.createElement(ButtonPrimary, {
+    }, "Start"), "\xA0", /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
       onClick: finish
     }, "Done"));
-  })), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                    <TopProgressBar>\n                        {({start, done}) => (\n                            <React.Fragment>\n                                <ButtonPrimary onClick={start}>Start</ButtonPrimary>\n                                <ButtonPrimary onClick={done}>Done</ButtonPrimary>\n                            </React.Fragment>\n                        )}\n                    </TopProgressBar>\n                    ")));
+  })), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                    <TopProgressBar>\n                        {({start, done}) => (\n                            <React.Fragment>\n                                <ButtonPrimary onClick={start}>Start</ButtonPrimary>\n                                <ButtonPrimary onClick={done}>Done</ButtonPrimary>\n                            </React.Fragment>\n                        )}\n                    </TopProgressBar>\n                    ")));
 }, {
   info: {
-    propTables: [TopProgressBar]
+    propTables: [_TopProgressBar.TopProgressBar]
   }
 });

package/TopProgressBar/TopProgressBar.stories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TopProgressBar.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandboxCode","StorySandbox","StorySandboxExample","readme","ButtonPrimary","TopProgressBar","story","module","add","start","finish","info","propTables"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,kBAA1B;AACA,SACIC,KADJ,EAEIC,WAFJ,EAGIC,gBAHJ,EAIIC,YAJJ,EAKIC,mBALJ,QAMO,+BANP;AAOA,OAAOC,MAAP;AACA,SAASC,aAAT;AACA,SAASC,cAAT;AAEA,IAAMC,KAAK,GAAGT,SAAS,CAAC,2BAAD,EAA8BU,MAA9B,CAAvB;AAEAD,KAAK,CAACE,GAAN,CACI,OADJ,EAEI,YAAM;AACF,sBACI,oBAAC,KAAD,qBACI,oBAAC,WAAD,QAAcL,MAAd,CADJ,eAEI,oBAAC,YAAD,qBACI,oBAAC,mBAAD,qBACI,oBAAC,cAAD,QACK;AAAA,QAAGM,KAAH,QAAGA,KAAH;AAAA,QAAUC,MAAV,QAAUA,MAAV;AAAA,wBACG,oBAAC,KAAD,CAAO,QAAP,qBACI,oBAAC,aAAD;AAAe,MAAA,OAAO,EAAED;AAAxB,eADJ,uBAGI,oBAAC,aAAD;AAAe,MAAA,OAAO,EAAEC;AAAxB,cAHJ,CADH;AAAA,GADL,CADJ,CADJ,eAYI,oBAAC,gBAAD,gcAZJ,CAFJ,CADJ;AA8BH,CAjCL,EAkCI;AAAEC,EAAAA,IAAI,EAAE;AAAEC,IAAAA,UAAU,EAAE,CAACP,cAAD;AAAd;AAAR,CAlCJ","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 \"./../TopProgressBar/README.md\";\nimport { ButtonPrimary } from \"./../Button\";\nimport { TopProgressBar } from \"./TopProgressBar\";\n\nconst story = storiesOf(\"Components/TopProgressBar\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <TopProgressBar>\n                            {({ start, finish }) => (\n                                <React.Fragment>\n                                    <ButtonPrimary onClick={start}>Start</ButtonPrimary>\n                                    &nbsp;\n                                    <ButtonPrimary onClick={finish}>Done</ButtonPrimary>\n                                </React.Fragment>\n                            )}\n                        </TopProgressBar>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <TopProgressBar>\n                        {({start, done}) => (\n                            <React.Fragment>\n                                <ButtonPrimary onClick={start}>Start</ButtonPrimary>\n                                <ButtonPrimary onClick={done}>Done</ButtonPrimary>\n                            </React.Fragment>\n                        )}\n                    </TopProgressBar>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [TopProgressBar] } }\n);\n"]}
+{"version":3,"names":["story","storiesOf","module","add","readme","start","finish","info","propTables","TopProgressBar"],"sources":["TopProgressBar.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 \"./../TopProgressBar/README.md\";\nimport { ButtonPrimary } from \"./../Button\";\nimport { TopProgressBar } from \"./TopProgressBar\";\n\nconst story = storiesOf(\"Components/TopProgressBar\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <TopProgressBar>\n                            {({ start, finish }) => (\n                                <React.Fragment>\n                                    <ButtonPrimary onClick={start}>Start</ButtonPrimary>\n                                    &nbsp;\n                                    <ButtonPrimary onClick={finish}>Done</ButtonPrimary>\n                                </React.Fragment>\n                            )}\n                        </TopProgressBar>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <TopProgressBar>\n                        {({start, done}) => (\n                            <React.Fragment>\n                                <ButtonPrimary onClick={start}>Start</ButtonPrimary>\n                                <ButtonPrimary onClick={done}>Done</ButtonPrimary>\n                            </React.Fragment>\n                        )}\n                    </TopProgressBar>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [TopProgressBar] } }\n);\n"],"mappings":";;;;AAAA;;AACA;;AACA;;AAOA;;AACA;;AACA;;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,2BAAV,EAAuCC,MAAvC,CAAd;AAEAF,KAAK,CAACG,GAAN,CACI,OADJ,EAEI,YAAM;EACF,oBACI,6BAAC,YAAD,qBACI,6BAAC,kBAAD,QAAcC,eAAd,CADJ,eAEI,6BAAC,mBAAD,qBACI,6BAAC,0BAAD,qBACI,6BAAC,8BAAD,QACK;IAAA,IAAGC,KAAH,QAAGA,KAAH;IAAA,IAAUC,MAAV,QAAUA,MAAV;IAAA,oBACG,6BAAC,cAAD,CAAO,QAAP,qBACI,6BAAC,qBAAD;MAAe,OAAO,EAAED;IAAxB,WADJ,uBAGI,6BAAC,qBAAD;MAAe,OAAO,EAAEC;IAAxB,UAHJ,CADH;EAAA,CADL,CADJ,CADJ,eAYI,6BAAC,uBAAD,gcAZJ,CAFJ,CADJ;AA8BH,CAjCL,EAkCI;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,8BAAD;EAAd;AAAR,CAlCJ"}

package/TopProgressBar/hoc/index.js

@@ -1 +1,15 @@
-export { default as withTopProgressBar } from "./withTopProgressBar";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "withTopProgressBar", {
+  enumerable: true,
+  get: function get() {
+    return _withTopProgressBar.default;
+  }
+});
+
+var _withTopProgressBar = _interopRequireDefault(require("./withTopProgressBar"));

package/TopProgressBar/hoc/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["default","withTopProgressBar"],"mappings":"AAAA,SAASA,OAAO,IAAIC,kBAApB","sourcesContent":["export { default as withTopProgressBar } from \"./withTopProgressBar\";\n"]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as withTopProgressBar } from \"./withTopProgressBar\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}

package/TopProgressBar/hoc/withTopProgressBar.js

@@ -1,14 +1,24 @@
-import React from "react";
-import { TopProgressBar } from "..";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ = require("..");
 
 var withTopProgressBar = function withTopProgressBar() {
   return function (BaseComponent) {
     var WithTopProgressBar = function WithTopProgressBar(props) {
-      return /*#__PURE__*/React.createElement(TopProgressBar, null, function (_ref) {
+      return /*#__PURE__*/_react.default.createElement(_.TopProgressBar, null, function (_ref) {
         var start = _ref.start,
             finish = _ref.finish,
             nprogress = _ref.nprogress;
-        return /*#__PURE__*/React.createElement(BaseComponent, Object.assign({}, props, {
+        return /*#__PURE__*/_react.default.createElement(BaseComponent, Object.assign({}, props, {
           startTopProgressBar: start,
           finishTopProgressBar: finish,
           nprogress: nprogress
@@ -20,4 +30,5 @@ var withTopProgressBar = function withTopProgressBar() {
   };
 };
 
-export default withTopProgressBar;
+var _default = withTopProgressBar;
+exports.default = _default;

package/TopProgressBar/hoc/withTopProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["withTopProgressBar.tsx"],"names":["React","TopProgressBar","withTopProgressBar","BaseComponent","WithTopProgressBar","props","start","finish","nprogress"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,cAAT,QAA+B,IAA/B;;AAEA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,GAAM;AAC7B,SAAO,UAACC,aAAD,EAA6C;AAChD,QAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,EAAgB;AACvC,0BACI,oBAAC,cAAD,QACK;AAAA,YAAGC,KAAH,QAAGA,KAAH;AAAA,YAAUC,MAAV,QAAUA,MAAV;AAAA,YAAkBC,SAAlB,QAAkBA,SAAlB;AAAA,4BACG,oBAAC,aAAD,oBACQH,KADR;AAEI,UAAA,mBAAmB,EAAEC,KAFzB;AAGI,UAAA,oBAAoB,EAAEC,MAH1B;AAII,UAAA,SAAS,EAAEC;AAJf,WADH;AAAA,OADL,CADJ;AAYH,KAbD;;AAeA,WAAOJ,kBAAP;AACH,GAjBD;AAkBH,CAnBD;;AAqBA,eAAeF,kBAAf","sourcesContent":["import React from \"react\";\nimport { TopProgressBar } from \"..\";\n\nconst withTopProgressBar = () => {\n    return (BaseComponent: React.ComponentType<any>) => {\n        const WithTopProgressBar = (props: any) => {\n            return (\n                <TopProgressBar>\n                    {({ start, finish, nprogress }) => (\n                        <BaseComponent\n                            {...props}\n                            startTopProgressBar={start}\n                            finishTopProgressBar={finish}\n                            nprogress={nprogress}\n                        />\n                    )}\n                </TopProgressBar>\n            );\n        };\n\n        return WithTopProgressBar;\n    };\n};\n\nexport default withTopProgressBar;\n"]}
+{"version":3,"names":["withTopProgressBar","BaseComponent","WithTopProgressBar","props","start","finish","nprogress"],"sources":["withTopProgressBar.tsx"],"sourcesContent":["import React from \"react\";\nimport { TopProgressBar } from \"..\";\n\nconst withTopProgressBar = () => {\n    return (BaseComponent: React.ComponentType<any>) => {\n        const WithTopProgressBar = (props: any) => {\n            return (\n                <TopProgressBar>\n                    {({ start, finish, nprogress }) => (\n                        <BaseComponent\n                            {...props}\n                            startTopProgressBar={start}\n                            finishTopProgressBar={finish}\n                            nprogress={nprogress}\n                        />\n                    )}\n                </TopProgressBar>\n            );\n        };\n\n        return WithTopProgressBar;\n    };\n};\n\nexport default withTopProgressBar;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,GAAM;EAC7B,OAAO,UAACC,aAAD,EAA6C;IAChD,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,EAAgB;MACvC,oBACI,6BAAC,gBAAD,QACK;QAAA,IAAGC,KAAH,QAAGA,KAAH;QAAA,IAAUC,MAAV,QAAUA,MAAV;QAAA,IAAkBC,SAAlB,QAAkBA,SAAlB;QAAA,oBACG,6BAAC,aAAD,oBACQH,KADR;UAEI,mBAAmB,EAAEC,KAFzB;UAGI,oBAAoB,EAAEC,MAH1B;UAII,SAAS,EAAEC;QAJf,GADH;MAAA,CADL,CADJ;IAYH,CAbD;;IAeA,OAAOJ,kBAAP;EACH,CAjBD;AAkBH,CAnBD;;eAqBeF,kB"}

package/TopProgressBar/index.js

@@ -1 +1,18 @@
-export * from "./TopProgressBar";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _TopProgressBar = require("./TopProgressBar");
+
+Object.keys(_TopProgressBar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TopProgressBar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TopProgressBar[key];
+    }
+  });
+});

package/TopProgressBar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA","sourcesContent":["export * from \"./TopProgressBar\";\n"]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./TopProgressBar\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/Typography/Typography.js

@@ -1,11 +1,21 @@
-import React from "react";
-import { Typography as RwmcTypography } from "@rmwc/typography";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Typography = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _typography = require("@rmwc/typography");
 
 /**
  * Use Ripple component to display a list of choices, once the handler is triggered.
  */
 var Typography = function Typography(props) {
-  return /*#__PURE__*/React.createElement(RwmcTypography, props, props.children);
+  return /*#__PURE__*/_react.default.createElement(_typography.Typography, props, props.children);
 };
 
-export { Typography };
+exports.Typography = Typography;

package/Typography/Typography.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Typography.tsx"],"names":["React","Typography","RwmcTypography","props","children"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACIC,UAAU,IAAIC,cADlB,QAGO,kBAHP;;AAYA;AACA;AACA;AACA,IAAMD,UAAqC,GAAG,SAAxCA,UAAwC,CAAAE,KAAK,EAAI;AACnD,sBAAO,oBAAC,cAAD,EAAoBA,KAApB,EAA4BA,KAAK,CAACC,QAAlC,CAAP;AACH,CAFD;;AAIA,SAASH,UAAT","sourcesContent":["import React from \"react\";\nimport {\n    Typography as RwmcTypography,\n    TypographyProps as RmwcTypographyProps\n} from \"@rmwc/typography\";\n\nexport interface TypographyProps extends RmwcTypographyProps {\n    children?: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n    tag?: string;\n}\n\n/**\n * Use Ripple component to display a list of choices, once the handler is triggered.\n */\nconst Typography: React.FC<TypographyProps> = props => {\n    return <RwmcTypography {...props}>{props.children}</RwmcTypography>;\n};\n\nexport { Typography };\n"]}
+{"version":3,"names":["Typography","props","children"],"sources":["Typography.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    Typography as RwmcTypography,\n    TypographyProps as RmwcTypographyProps\n} from \"@rmwc/typography\";\n\nexport interface TypographyProps extends RmwcTypographyProps {\n    children?: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n    tag?: string;\n}\n\n/**\n * Use Ripple component to display a list of choices, once the handler is triggered.\n */\nconst Typography: React.FC<TypographyProps> = props => {\n    return <RwmcTypography {...props}>{props.children}</RwmcTypography>;\n};\n\nexport { Typography };\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAYA;AACA;AACA;AACA,IAAMA,UAAqC,GAAG,SAAxCA,UAAwC,CAAAC,KAAK,EAAI;EACnD,oBAAO,6BAAC,sBAAD,EAAoBA,KAApB,EAA4BA,KAAK,CAACC,QAAlC,CAAP;AACH,CAFD"}

package/Typography/Typography.stories.js

@@ -1,67 +1,76 @@
-import React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandboxCode, StorySandbox, StorySandboxExample } from "@webiny/storybook-utils/Story";
-import readme from "./README.md";
-import { Typography } from "./Typography";
-var story = storiesOf("Components/Typography", module);
+"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 _Typography = require("./Typography");
+
+var story = (0, _react2.storiesOf)("Components/Typography", module);
 story.add("usage", function () {
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, {
+  return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, {
     title: "Typography styles"
-  }, /*#__PURE__*/React.createElement(StorySandboxExample, null, /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, null, /*#__PURE__*/_react.default.createElement("ul", null, /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "headline1"
-  }, "headline1")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Typography, {
+  }, "headline1")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "headline2"
-  }, "headline2")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Typography, {
+  }, "headline2")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "headline3"
-  }, "headline3")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Typography, {
+  }, "headline3")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "headline4"
-  }, "headline4")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Typography, {
+  }, "headline4")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "headline5"
-  }, "headline5")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Typography, {
+  }, "headline5")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "headline6"
-  }, "headline6")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Typography, {
+  }, "headline6")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "subtitle1"
-  }, "subtitle1")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Typography, {
+  }, "subtitle1")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "subtitle2"
-  }, "subtitle2")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Typography, {
+  }, "subtitle2")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "body1"
-  }, "body1")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Typography, {
+  }, "body1")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "body2"
-  }, "body2")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Typography, {
+  }, "body2")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "caption"
-  }, "caption")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Typography, {
+  }, "caption")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "button"
-  }, "button")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Typography, {
+  }, "button")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "overline"
-  }, "overline")))), /*#__PURE__*/React.createElement(StorySandboxCode, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Typography, {
+  }, "overline")))), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "headline1"
-  }, "headline1"), /*#__PURE__*/React.createElement(Typography, {
+  }, "headline1"), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "headline2"
-  }, "headline2"), /*#__PURE__*/React.createElement(Typography, {
+  }, "headline2"), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "headline3"
-  }, "headline3"), /*#__PURE__*/React.createElement(Typography, {
+  }, "headline3"), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "headline4"
-  }, "headline4"), /*#__PURE__*/React.createElement(Typography, {
+  }, "headline4"), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "headline5"
-  }, "headline5"), /*#__PURE__*/React.createElement(Typography, {
+  }, "headline5"), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "headline6"
-  }, "headline6"), /*#__PURE__*/React.createElement(Typography, {
+  }, "headline6"), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "subtitle1"
-  }, "subtitle1"), /*#__PURE__*/React.createElement(Typography, {
+  }, "subtitle1"), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "subtitle2"
-  }, "subtitle2"), /*#__PURE__*/React.createElement(Typography, {
+  }, "subtitle2"), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "body1"
-  }, "body1"), /*#__PURE__*/React.createElement(Typography, {
+  }, "body1"), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "body2"
-  }, "body2"), /*#__PURE__*/React.createElement(Typography, {
+  }, "body2"), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "caption"
-  }, "caption"), /*#__PURE__*/React.createElement(Typography, {
+  }, "caption"), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "button"
-  }, "button"), /*#__PURE__*/React.createElement(Typography, {
+  }, "button"), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "overline"
   }, "overline")))));
 }, {
   info: {
-    propTables: [Typography]
+    propTables: [_Typography.Typography]
   }
 });

package/Typography/Typography.stories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Typography.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandboxCode","StorySandbox","StorySandboxExample","readme","Typography","story","module","add","info","propTables"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,kBAA1B;AACA,SACIC,KADJ,EAEIC,WAFJ,EAGIC,gBAHJ,EAIIC,YAJJ,EAKIC,mBALJ,QAMO,+BANP;AAQA,OAAOC,MAAP;AACA,SAASC,UAAT;AAEA,IAAMC,KAAK,GAAGR,SAAS,CAAC,uBAAD,EAA0BS,MAA1B,CAAvB;AAEAD,KAAK,CAACE,GAAN,CACI,OADJ,EAEI,YAAM;AACF,sBACI,oBAAC,KAAD,qBACI,oBAAC,WAAD,QAAcJ,MAAd,CADJ,eAEI,oBAAC,YAAD;AAAc,IAAA,KAAK,EAAE;AAArB,kBACI,oBAAC,mBAAD,qBACI,6CACI,6CACI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAC;AAAhB,iBADJ,CADJ,eAII,6CACI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAC;AAAhB,iBADJ,CAJJ,eAOI,6CACI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAC;AAAhB,iBADJ,CAPJ,eAUI,6CACI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAC;AAAhB,iBADJ,CAVJ,eAaI,6CACI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAC;AAAhB,iBADJ,CAbJ,eAgBI,6CACI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAC;AAAhB,iBADJ,CAhBJ,eAmBI,6CACI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAC;AAAhB,iBADJ,CAnBJ,eAsBI,6CACI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAC;AAAhB,iBADJ,CAtBJ,eAyBI,6CACI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAC;AAAhB,aADJ,CAzBJ,eA4BI,6CACI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAC;AAAhB,aADJ,CA5BJ,eA+BI,6CACI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAC;AAAhB,eADJ,CA/BJ,eAkCI,6CACI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAC;AAAhB,cADJ,CAlCJ,eAqCI,6CACI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAC;AAAhB,gBADJ,CArCJ,CADJ,CADJ,eA4CI,oBAAC,gBAAD,qBACI,8CACI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAC;AAAhB,iBADJ,eAEI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAC;AAAhB,iBAFJ,eAGI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAC;AAAhB,iBAHJ,eAII,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAC;AAAhB,iBAJJ,eAKI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAC;AAAhB,iBALJ,eAMI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAC;AAAhB,iBANJ,eAOI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAC;AAAhB,iBAPJ,eAQI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAC;AAAhB,iBARJ,eASI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAC;AAAhB,aATJ,eAUI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAC;AAAhB,aAVJ,eAWI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAC;AAAhB,eAXJ,eAYI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAC;AAAhB,cAZJ,eAaI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAC;AAAhB,gBAbJ,CADJ,CA5CJ,CAFJ,CADJ;AAmEH,CAtEL,EAuEI;AAAEK,EAAAA,IAAI,EAAE;AAAEC,IAAAA,UAAU,EAAE,CAACL,UAAD;AAAd;AAAR,CAvEJ","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\";\n\nimport readme from \"./README.md\";\nimport { Typography } from \"./Typography\";\n\nconst story = storiesOf(\"Components/Typography\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Typography styles\"}>\n                    <StorySandboxExample>\n                        <ul>\n                            <li>\n                                <Typography use=\"headline1\">headline1</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"headline2\">headline2</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"headline3\">headline3</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"headline4\">headline4</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"headline5\">headline5</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"headline6\">headline6</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"subtitle1\">subtitle1</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"subtitle2\">subtitle2</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"body1\">body1</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"body2\">body2</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"caption\">caption</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"button\">button</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"overline\">overline</Typography>\n                            </li>\n                        </ul>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        <div>\n                            <Typography use=\"headline1\">headline1</Typography>\n                            <Typography use=\"headline2\">headline2</Typography>\n                            <Typography use=\"headline3\">headline3</Typography>\n                            <Typography use=\"headline4\">headline4</Typography>\n                            <Typography use=\"headline5\">headline5</Typography>\n                            <Typography use=\"headline6\">headline6</Typography>\n                            <Typography use=\"subtitle1\">subtitle1</Typography>\n                            <Typography use=\"subtitle2\">subtitle2</Typography>\n                            <Typography use=\"body1\">body1</Typography>\n                            <Typography use=\"body2\">body2</Typography>\n                            <Typography use=\"caption\">caption</Typography>\n                            <Typography use=\"button\">button</Typography>\n                            <Typography use=\"overline\">overline</Typography>\n                        </div>\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Typography] } }\n);\n"]}
+{"version":3,"names":["story","storiesOf","module","add","readme","info","propTables","Typography"],"sources":["Typography.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\";\n\nimport readme from \"./README.md\";\nimport { Typography } from \"./Typography\";\n\nconst story = storiesOf(\"Components/Typography\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Typography styles\"}>\n                    <StorySandboxExample>\n                        <ul>\n                            <li>\n                                <Typography use=\"headline1\">headline1</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"headline2\">headline2</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"headline3\">headline3</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"headline4\">headline4</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"headline5\">headline5</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"headline6\">headline6</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"subtitle1\">subtitle1</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"subtitle2\">subtitle2</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"body1\">body1</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"body2\">body2</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"caption\">caption</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"button\">button</Typography>\n                            </li>\n                            <li>\n                                <Typography use=\"overline\">overline</Typography>\n                            </li>\n                        </ul>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        <div>\n                            <Typography use=\"headline1\">headline1</Typography>\n                            <Typography use=\"headline2\">headline2</Typography>\n                            <Typography use=\"headline3\">headline3</Typography>\n                            <Typography use=\"headline4\">headline4</Typography>\n                            <Typography use=\"headline5\">headline5</Typography>\n                            <Typography use=\"headline6\">headline6</Typography>\n                            <Typography use=\"subtitle1\">subtitle1</Typography>\n                            <Typography use=\"subtitle2\">subtitle2</Typography>\n                            <Typography use=\"body1\">body1</Typography>\n                            <Typography use=\"body2\">body2</Typography>\n                            <Typography use=\"caption\">caption</Typography>\n                            <Typography use=\"button\">button</Typography>\n                            <Typography use=\"overline\">overline</Typography>\n                        </div>\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Typography] } }\n);\n"],"mappings":";;;;AAAA;;AACA;;AACA;;AAQA;;AACA;;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,uBAAV,EAAmCC,MAAnC,CAAd;AAEAF,KAAK,CAACG,GAAN,CACI,OADJ,EAEI,YAAM;EACF,oBACI,6BAAC,YAAD,qBACI,6BAAC,kBAAD,QAAcC,eAAd,CADJ,eAEI,6BAAC,mBAAD;IAAc,KAAK,EAAE;EAArB,gBACI,6BAAC,0BAAD,qBACI,sDACI,sDACI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,eADJ,CADJ,eAII,sDACI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,eADJ,CAJJ,eAOI,sDACI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,eADJ,CAPJ,eAUI,sDACI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,eADJ,CAVJ,eAaI,sDACI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,eADJ,CAbJ,eAgBI,sDACI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,eADJ,CAhBJ,eAmBI,sDACI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,eADJ,CAnBJ,eAsBI,sDACI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,eADJ,CAtBJ,eAyBI,sDACI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,WADJ,CAzBJ,eA4BI,sDACI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,WADJ,CA5BJ,eA+BI,sDACI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,aADJ,CA/BJ,eAkCI,sDACI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,YADJ,CAlCJ,eAqCI,sDACI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,cADJ,CArCJ,CADJ,CADJ,eA4CI,6BAAC,uBAAD,qBACI,uDACI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,eADJ,eAEI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,eAFJ,eAGI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,eAHJ,eAII,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,eAJJ,eAKI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,eALJ,eAMI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,eANJ,eAOI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,eAPJ,eAQI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,eARJ,eASI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,WATJ,eAUI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,WAVJ,eAWI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,aAXJ,eAYI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,YAZJ,eAaI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,cAbJ,CADJ,CA5CJ,CAFJ,CADJ;AAmEH,CAtEL,EAuEI;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,sBAAD;EAAd;AAAR,CAvEJ"}

package/Typography/index.js

@@ -1 +1,18 @@
-export * from "./Typography";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Typography = require("./Typography");
+
+Object.keys(_Typography).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Typography[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Typography[key];
+    }
+  });
+});

package/Typography/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA","sourcesContent":["export * from \"./Typography\";\n"]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Typography\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/ui",
-	"version": "5.27.0",
+	"version": "5.28.0-beta.0",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -14,7 +14,7 @@
 	],
 	"license": "MIT",
 	"dependencies": {
-		"@babel/runtime": "7.16.7",
+		"@babel/runtime": "7.18.3",
 		"@editorjs/editorjs": "2.24.3",
 		"@emotion/core": "10.3.1",
 		"@emotion/styled": "10.3.0",
@@ -91,11 +91,11 @@
 		"@types/react-custom-scrollbars": "^4.0.10",
 		"@types/react-transition-group": "^4.4.4",
 		"@types/shortid": "^0.0.29",
-		"@webiny/cli": "^5.27.0",
-		"@webiny/form": "^5.27.0",
-		"@webiny/project-utils": "^5.27.0",
-		"@webiny/storybook-utils": "^5.27.0",
-		"@webiny/validation": "^5.27.0",
+		"@webiny/cli": "^5.28.0-beta.0",
+		"@webiny/form": "^5.28.0-beta.0",
+		"@webiny/project-utils": "^5.28.0-beta.0",
+		"@webiny/storybook-utils": "^5.28.0-beta.0",
+		"@webiny/validation": "^5.28.0-beta.0",
 		"babel-loader": "^8.0.0-beta.6",
 		"babel-plugin-emotion": "^9.2.8",
 		"execa": "^5.0.0",
@@ -142,5 +142,5 @@
 			]
 		}
 	},
-	"gitHead": "0f2b0b65639d2e1a79cf9189c8fe5cea2c32d302"
+	"gitHead": "6503c7f86cfc90660f005acf72049505bfd4fb76"
 }

package/types.js

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["export interface FormComponentProps {\n    validation?: {\n        /* Is form element's value valid? */\n        isValid: boolean;\n        /* Error message if value is not valid. */\n        message: string;\n        /* Any validation result returned by the validator. */\n        results?: { [key: string]: any };\n    };\n\n    /* Provided by <Form> component to perform validation when value has changed. */\n    validate?: () => Promise<boolean | any>;\n\n    /* Form component's value. */\n    value?: any;\n\n    /* A callback that is executed each time a value is changed. */\n    onChange?: (value: any) => void;\n}\n"],"mappings":""}