@webiny/ui 0.0.0-mt-3 → 0.0.0-unstable.2af142b57e

package/TopAppBar/index.js.map

@@ -0,0 +1 @@
+{"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.d.ts

@@ -1,15 +1,15 @@
-import * as React from "react";
+import React from "react";
 import nprogress from "nprogress";
 import "./style.scss";
-export declare type TopProgressBarRender = {
+export interface TopProgressBarRender {
     start: () => void;
     finish: () => void;
-    nprogress: nprogress;
-};
-export declare type TopProgressBarProps = {
+    nprogress: typeof nprogress;
+}
+export interface TopProgressBarProps {
     /**
      * Elements that require top loading bar to be shown.
      */
     children: (params: TopProgressBarRender) => React.ReactElement;
-};
-export declare const TopProgressBar: (props: TopProgressBarProps) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)>) | (new (props: any) => React.Component<any, any, any>)>;
+}
+export declare const TopProgressBar: (props: TopProgressBarProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;

package/TopProgressBar/TopProgressBar.js

@@ -1,9 +1,17 @@
-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

@@ -0,0 +1 @@
+{"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,cAAc,CAAIC,KAA0B,EAAK;EAC1D,OAAOA,KAAK,CAACC,QAAQ,CAAC;IAClBC,KAAK,EAAEC,kBAAS,CAACD,KAAK;IACtBE,MAAM,EAAED,kBAAS,CAACE,IAAI;IACtBF,SAAS,EAATA;EACJ,CAAC,CAAC;AACN,CAAC;AAAC"}

package/TopProgressBar/TopProgressBar.stories.js

@@ -1,22 +1,25 @@
-import * as 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, {
+      finish = _ref.finish;
+    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

@@ -0,0 +1 @@
+{"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,iBAAS,EAAC,2BAA2B,EAAEC,MAAM,CAAC;AAE5DF,KAAK,CAACG,GAAG,CACL,OAAO,EACP,YAAM;EACF,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEC,eAAM,CAAe,eACnC,6BAAC,mBAAY,qBACT,6BAAC,0BAAmB,qBAChB,6BAAC,8BAAc,QACV;IAAA,IAAGC,KAAK,QAALA,KAAK;MAAEC,MAAM,QAANA,MAAM;IAAA,oBACb,6BAAC,cAAK,CAAC,QAAQ,qBACX,6BAAC,qBAAa;MAAC,OAAO,EAAED;IAAM,GAAC,OAAK,CAAgB,QAEpD,4CAAC,qBAAa;MAAC,OAAO,EAAEC;IAAO,GAAC,MAAI,CAAgB,CACvC;EAAA,CACpB,CACY,CACC,eACtB,6BAAC,uBAAgB,gcAWE,CACR,CACX;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,8BAAc;EAAE;AAAE,CAAC,CAC7C"}

package/TopProgressBar/hoc/index.js

@@ -1 +1,13 @@
-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

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

package/TopProgressBar/hoc/withTopProgressBar.d.ts

@@ -1,3 +1,3 @@
-import * as React from "react";
+import React from "react";
 declare const withTopProgressBar: () => (BaseComponent: React.ComponentType<any>) => (props: any) => JSX.Element;
 export default withTopProgressBar;

package/TopProgressBar/hoc/withTopProgressBar.js

@@ -1,23 +1,28 @@
-import * as 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, {
+          finish = _ref.finish,
+          nprogress = _ref.nprogress;
+        return /*#__PURE__*/_react.default.createElement(BaseComponent, Object.assign({}, props, {
           startTopProgressBar: start,
           finishTopProgressBar: finish,
           nprogress: nprogress
         }));
       });
     };
-
     return WithTopProgressBar;
   };
 };
-
-export default withTopProgressBar;
+var _default = withTopProgressBar;
+exports.default = _default;

package/TopProgressBar/hoc/withTopProgressBar.js.map

@@ -0,0 +1 @@
+{"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,kBAAkB,GAAS;EAC7B,OAAO,UAACC,aAAuC,EAAK;IAChD,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIC,KAAU,EAAK;MACvC,oBACI,6BAAC,gBAAc,QACV;QAAA,IAAGC,KAAK,QAALA,KAAK;UAAEC,MAAM,QAANA,MAAM;UAAEC,SAAS,QAATA,SAAS;QAAA,oBACxB,6BAAC,aAAa,oBACNH,KAAK;UACT,mBAAmB,EAAEC,KAAM;UAC3B,oBAAoB,EAAEC,MAAO;UAC7B,SAAS,EAAEC;QAAU,GACvB;MAAA,CACL,CACY;IAEzB,CAAC;IAED,OAAOJ,kBAAkB;EAC7B,CAAC;AACL,CAAC;AAAC,eAEaF,kBAAkB;AAAA"}

package/TopProgressBar/index.js

@@ -1 +1,16 @@
-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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -1,13 +1,13 @@
-import * as React from "react";
+import React from "react";
 import { TypographyProps as RmwcTypographyProps } from "@rmwc/typography";
-declare type TypographyProps = RmwcTypographyProps & {
+interface TypographyProps extends RmwcTypographyProps {
     children?: React.ReactNode;
     className?: string;
     style?: React.CSSProperties;
     tag?: string;
-};
+}
 /**
  * Use Ripple component to display a list of choices, once the handler is triggered.
  */
-declare const Typography: (props: TypographyProps) => JSX.Element;
-export { Typography };
+declare const Typography: React.FC<TypographyProps>;
+export { Typography, TypographyProps };

package/Typography/Typography.js

@@ -1,11 +1,16 @@
-import * as 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

@@ -0,0 +1 @@
+{"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\ninterface 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, TypographyProps };\n"],"mappings":";;;;;;;AAAA;AACA;AAYA;AACA;AACA;AACA,IAAMA,UAAqC,GAAG,SAAxCA,UAAqC,CAAGC,KAAK,EAAI;EACnD,oBAAO,6BAAC,sBAAc,EAAKA,KAAK,EAAGA,KAAK,CAACC,QAAQ,CAAkB;AACvE,CAAC;AAAC"}

package/Typography/Typography.stories.js

@@ -1,67 +1,70 @@
-import * as 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

@@ -0,0 +1 @@
+{"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,iBAAS,EAAC,uBAAuB,EAAEC,MAAM,CAAC;AAExDF,KAAK,CAACG,GAAG,CACL,OAAO,EACP,YAAM;EACF,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEC,eAAM,CAAe,eACnC,6BAAC,mBAAY;IAAC,KAAK,EAAE;EAAoB,gBACrC,6BAAC,0BAAmB,qBAChB,sDACI,sDACI,6BAAC,sBAAU;IAAC,GAAG,EAAC;EAAW,GAAC,WAAS,CAAa,CACjD,eACL,sDACI,6BAAC,sBAAU;IAAC,GAAG,EAAC;EAAW,GAAC,WAAS,CAAa,CACjD,eACL,sDACI,6BAAC,sBAAU;IAAC,GAAG,EAAC;EAAW,GAAC,WAAS,CAAa,CACjD,eACL,sDACI,6BAAC,sBAAU;IAAC,GAAG,EAAC;EAAW,GAAC,WAAS,CAAa,CACjD,eACL,sDACI,6BAAC,sBAAU;IAAC,GAAG,EAAC;EAAW,GAAC,WAAS,CAAa,CACjD,eACL,sDACI,6BAAC,sBAAU;IAAC,GAAG,EAAC;EAAW,GAAC,WAAS,CAAa,CACjD,eACL,sDACI,6BAAC,sBAAU;IAAC,GAAG,EAAC;EAAW,GAAC,WAAS,CAAa,CACjD,eACL,sDACI,6BAAC,sBAAU;IAAC,GAAG,EAAC;EAAW,GAAC,WAAS,CAAa,CACjD,eACL,sDACI,6BAAC,sBAAU;IAAC,GAAG,EAAC;EAAO,GAAC,OAAK,CAAa,CACzC,eACL,sDACI,6BAAC,sBAAU;IAAC,GAAG,EAAC;EAAO,GAAC,OAAK,CAAa,CACzC,eACL,sDACI,6BAAC,sBAAU;IAAC,GAAG,EAAC;EAAS,GAAC,SAAO,CAAa,CAC7C,eACL,sDACI,6BAAC,sBAAU;IAAC,GAAG,EAAC;EAAQ,GAAC,QAAM,CAAa,CAC3C,eACL,sDACI,6BAAC,sBAAU;IAAC,GAAG,EAAC;EAAU,GAAC,UAAQ,CAAa,CAC/C,CACJ,CACa,eACtB,6BAAC,uBAAgB,qBACb,uDACI,6BAAC,sBAAU;IAAC,GAAG,EAAC;EAAW,GAAC,WAAS,CAAa,eAClD,6BAAC,sBAAU;IAAC,GAAG,EAAC;EAAW,GAAC,WAAS,CAAa,eAClD,6BAAC,sBAAU;IAAC,GAAG,EAAC;EAAW,GAAC,WAAS,CAAa,eAClD,6BAAC,sBAAU;IAAC,GAAG,EAAC;EAAW,GAAC,WAAS,CAAa,eAClD,6BAAC,sBAAU;IAAC,GAAG,EAAC;EAAW,GAAC,WAAS,CAAa,eAClD,6BAAC,sBAAU;IAAC,GAAG,EAAC;EAAW,GAAC,WAAS,CAAa,eAClD,6BAAC,sBAAU;IAAC,GAAG,EAAC;EAAW,GAAC,WAAS,CAAa,eAClD,6BAAC,sBAAU;IAAC,GAAG,EAAC;EAAW,GAAC,WAAS,CAAa,eAClD,6BAAC,sBAAU;IAAC,GAAG,EAAC;EAAO,GAAC,OAAK,CAAa,eAC1C,6BAAC,sBAAU;IAAC,GAAG,EAAC;EAAO,GAAC,OAAK,CAAa,eAC1C,6BAAC,sBAAU;IAAC,GAAG,EAAC;EAAS,GAAC,SAAO,CAAa,eAC9C,6BAAC,sBAAU;IAAC,GAAG,EAAC;EAAQ,GAAC,QAAM,CAAa,eAC5C,6BAAC,sBAAU;IAAC,GAAG,EAAC;EAAU,GAAC,UAAQ,CAAa,CAC9C,CACS,CACR,CACX;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,sBAAU;EAAE;AAAE,CAAC,CACzC"}

package/Typography/index.js

@@ -1 +1,16 @@
-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

@@ -0,0 +1 @@
+{"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": "0.0.0-mt-3",
+	"version": "0.0.0-unstable.2af142b57e",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -14,50 +14,44 @@
 	],
 	"license": "MIT",
 	"dependencies": {
-		"@babel/runtime": "7.15.4",
-		"@editorjs/editorjs": "2.22.3",
-		"@emotion/core": "10.1.1",
-		"@emotion/styled": "10.0.27",
-		"@material/base": "3.1.0",
-		"@material/textfield": "3.2.0",
-		"@rmwc/base": "5.7.2",
-		"@rmwc/button": "5.7.2",
-		"@rmwc/checkbox": "5.7.2",
-		"@rmwc/chip": "5.7.2",
-		"@rmwc/dialog": "5.7.2",
-		"@rmwc/drawer": "5.7.2",
-		"@rmwc/elevation": "5.7.2",
-		"@rmwc/fab": "5.7.2",
-		"@rmwc/floating-label": "5.7.2",
-		"@rmwc/grid": "5.7.2",
-		"@rmwc/icon": "5.7.2",
-		"@rmwc/icon-button": "5.7.2",
-		"@rmwc/line-ripple": "5.7.2",
-		"@rmwc/list": "5.7.2",
-		"@rmwc/menu": "5.7.2",
-		"@rmwc/notched-outline": "5.7.2",
-		"@rmwc/radio": "5.7.2",
-		"@rmwc/ripple": "5.7.2",
-		"@rmwc/select": "5.7.2",
-		"@rmwc/slider": "5.7.2",
-		"@rmwc/snackbar": "5.7.2",
-		"@rmwc/switch": "5.7.2",
-		"@rmwc/tabs": "5.7.2",
-		"@rmwc/textfield": "file:./rmwc/textfield",
-		"@rmwc/top-app-bar": "5.7.2",
-		"@rmwc/types": "5.6.0",
-		"@rmwc/typography": "5.7.2",
-		"@svgr/webpack": "4.3.3",
+		"@babel/runtime": "7.20.13",
+		"@editorjs/editorjs": "2.26.5",
+		"@emotion/core": "10.3.1",
+		"@emotion/styled": "10.3.0",
+		"@rmwc/button": "7.0.3",
+		"@rmwc/checkbox": "7.0.3",
+		"@rmwc/chip": "7.0.3",
+		"@rmwc/data-table": "7.0.3",
+		"@rmwc/dialog": "7.0.3",
+		"@rmwc/drawer": "7.0.3",
+		"@rmwc/elevation": "7.0.3",
+		"@rmwc/fab": "7.0.3",
+		"@rmwc/grid": "7.0.3",
+		"@rmwc/icon-button": "7.0.3",
+		"@rmwc/list": "7.0.3",
+		"@rmwc/menu": "7.0.3",
+		"@rmwc/radio": "7.0.3",
+		"@rmwc/ripple": "7.0.3",
+		"@rmwc/select": "7.0.3",
+		"@rmwc/slider": "7.0.3",
+		"@rmwc/snackbar": "7.0.3",
+		"@rmwc/switch": "7.0.3",
+		"@rmwc/tabs": "7.0.3",
+		"@rmwc/textfield": "7.0.3",
+		"@rmwc/top-app-bar": "7.0.3",
+		"@rmwc/typography": "7.0.3",
+		"@svgr/webpack": "6.5.1",
+		"@tanstack/react-table": "8.7.9",
 		"brace": "0.11.1",
-		"classnames": "2.3.1",
-		"cropperjs": "1.5.12",
+		"classnames": "2.3.2",
+		"cropperjs": "1.5.13",
 		"dot-prop-immutable": "2.1.1",
 		"downshift": "2.2.3",
 		"emotion": "10.0.17",
-		"keycode": "2.2.0",
+		"keycode": "2.2.1",
 		"load-script": "1.0.0",
 		"lodash": "4.17.21",
-		"material-components-web": "3.2.0",
+		"material-components-web": "5.1.0",
 		"nprogress": "0.2.0",
 		"nuka-carousel": "4.7.1",
 		"rc-tooltip": "3.7.3",
@@ -66,46 +60,52 @@
 		"react-color": "2.19.3",
 		"react-columned": "1.1.3",
 		"react-custom-scrollbars": "4.2.1",
-		"react-loading-skeleton": "0.5.0",
+		"react-loading-skeleton": "3.1.0",
 		"react-spinner-material": "1.1.4",
-		"react-transition-group": "4.4.2",
+		"react-transition-group": "4.4.5",
 		"shortid": "2.2.16"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.5.5",
-		"@babel/core": "^7.5.5",
-		"@babel/plugin-proposal-class-properties": "^7.5.5",
-		"@babel/preset-env": "^7.5.5",
-		"@babel/preset-typescript": "^7.8.3",
+		"@babel/cli": "^7.19.3",
+		"@babel/core": "^7.19.3",
+		"@babel/plugin-proposal-class-properties": "^7.18.6",
+		"@babel/preset-env": "^7.19.4",
+		"@babel/preset-typescript": "^7.18.6",
 		"@storybook/addon-info": "^5.2.8",
 		"@storybook/addon-knobs": "^5.0.5",
 		"@storybook/addon-links": "^5.0.5",
 		"@storybook/react": "^5.2.8",
-		"@webiny/cli": "^0.0.0-mt-3",
-		"@webiny/form": "^0.0.0-mt-3",
-		"@webiny/project-utils": "^0.0.0-mt-3",
-		"@webiny/storybook-utils": "^0.0.0-mt-3",
-		"@webiny/validation": "^0.0.0-mt-3",
+		"@testing-library/react": "^12.1.2",
+		"@types/nprogress": "^0.2.0",
+		"@types/rc-tooltip": "^3.7.2",
+		"@types/react-custom-scrollbars": "^4.0.10",
+		"@types/react-transition-group": "^4.4.4",
+		"@types/shortid": "^0.0.29",
+		"@webiny/cli": "^0.0.0-unstable.2af142b57e",
+		"@webiny/form": "^0.0.0-unstable.2af142b57e",
+		"@webiny/project-utils": "^0.0.0-unstable.2af142b57e",
+		"@webiny/storybook-utils": "^0.0.0-unstable.2af142b57e",
+		"@webiny/validation": "^0.0.0-unstable.2af142b57e",
 		"babel-loader": "^8.0.0-beta.6",
 		"babel-plugin-emotion": "^9.2.8",
-		"babel-plugin-named-asset-import": "^1.0.0-next.3e165448",
 		"execa": "^5.0.0",
 		"jest-dom": "^3.0.0",
 		"ncp": "^2.0.0",
 		"raw-loader": "^0.5.1",
 		"react-docgen": "^5.0.0",
 		"react-docgen-typescript-loader": "^3.6.0",
-		"react-testing-library": "^8.0.1",
 		"regenerator-runtime": "^0.13.2",
 		"rimraf": "^3.0.2",
 		"sass": "^1.38.0",
 		"sass-loader": "^12.1.0",
-		"typescript": "^4.1.3",
+		"ttypescript": "^1.5.13",
+		"typescript": "4.7.4",
 		"webpack": "^4.46.0"
 	},
 	"peerDependencies": {
-		"react": "16.14.0",
-		"react-dom": "16.14.0"
+		"minimatch": "^5.1.0",
+		"react": "^17.0.2",
+		"react-dom": "^17.0.2"
 	},
 	"publishConfig": {
 		"access": "public",
@@ -123,20 +123,14 @@
 		},
 		"setupTestFrameworkScriptFile": "jest-extended"
 	},
-	"svgo": {
-		"plugins": {
-			"removeViewBox": false
-		}
-	},
 	"adio": {
 		"ignore": {
 			"dependencies": [
 				"@svgr/webpack",
 				"material-components-web",
-				"@emotion/core",
-				"@rmwc/base"
+				"@emotion/core"
 			]
 		}
 	},
-	"gitHead": "ebea815be2be99404591cba465cc1fe88355bd48"
+	"gitHead": "2af142b57e7cdc433f5098b3b6d43ae6caa5d54e"
 }

package/styles.scss

@@ -11,9 +11,8 @@ $webiny-theme-light-text-primary-on-background: rgba(0, 0, 0, 0.87);
 $webiny-theme-light-text-secondary-on-background: rgba(0, 0, 0, 0.54);
 $webiny-theme-light-text-hint-on-dark: rgba(255, 255, 255, 0.5);
 $webiny-theme-light-caret-down: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E");
-
-// webiny typography
 $webiny-theme-typography-font-family: "Source Sans Pro" !default;
+$webiny-theme-typography-subtitle2-font-weight: 600 !default;
 
 $mdc-theme-primary: $webiny-theme-light-primary;
 $mdc-theme-on-primary: $webiny-theme-light-on-primary;
@@ -28,8 +27,8 @@ $mdc-theme-text-secondary-on-background: $webiny-theme-light-text-secondary-on-b
 $mdc-theme-text-hint-on-dark: $webiny-theme-light-text-hint-on-dark;
 $mdc-typography-font-family: $webiny-theme-typography-font-family;
 
-@import "~material-components-web/material-components-web.scss";
-@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700");
+@import "material-components-web/material-components-web.scss";
+@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700|Open+Sans:300,400,600,700|Source+Code+Pro:400,700");
 
 /*
 Fix for select box appearance. For some reason browser prefix css attributes are striped away.