@webiny/ui 5.27.0 → 5.29.0-beta.0

package/Tooltip/Tooltip.js

@@ -1,50 +1,65 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from "react";
-import { default as RcTooltip } from "rc-tooltip";
-import "rc-tooltip/assets/bootstrap_white.css";
-import "./style.scss";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tooltip = void 0;
+
+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 _rcTooltip = _interopRequireDefault(require("rc-tooltip"));
+
+require("rc-tooltip/assets/bootstrap_white.css");
+
+require("./style.scss");
 
 /**
  * Use Tooltip component to display a list of choices, once the handler is triggered.
  */
 var Tooltip = /*#__PURE__*/function (_React$Component) {
-  _inherits(Tooltip, _React$Component);
+  (0, _inherits2.default)(Tooltip, _React$Component);
 
-  var _super = _createSuper(Tooltip);
+  var _super = (0, _createSuper2.default)(Tooltip);
 
   function Tooltip() {
     var _this;
 
-    _classCallCheck(this, Tooltip);
+    (0, _classCallCheck2.default)(this, Tooltip);
 
     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));
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
       tooltipIsOpen: false
     });
-
-    _defineProperty(_assertThisInitialized(_this), "onVisibleChange", function (visible) {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onVisibleChange", function (visible) {
       _this.setState({
         tooltipIsOpen: visible || false
       });
     });
-
     return _this;
   }
 
-  _createClass(Tooltip, [{
+  (0, _createClass2.default)(Tooltip, [{
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React.createElement(RcTooltip
+      return /*#__PURE__*/_react.default.createElement(_rcTooltip.default
       /**
        * rc-tooltip types do not have animation as prop, but the rc-tooltip lib has.
        */
@@ -53,13 +68,12 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
         animation: "fade",
         onVisibleChange: this.onVisibleChange,
         overlay: this.props.content
-      }, this.props), /*#__PURE__*/React.createElement("span", {
+      }, this.props), /*#__PURE__*/_react.default.createElement("span", {
         className: "webiny-ui-tooltip tooltip-content-wrapper"
       }, this.props.children));
     }
   }]);
-
   return Tooltip;
-}(React.Component);
+}(_react.default.Component);
 
-export { Tooltip };
+exports.Tooltip = Tooltip;

package/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Tooltip.tsx"],"names":["React","default","RcTooltip","Tooltip","tooltipIsOpen","visible","setState","onVisibleChange","props","content","children","Component"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,OAAO,IAAIC,SAApB,QAAqC,YAArC;AACA,OAAO,uCAAP;AACA;;AAqCA;AACA;AACA;IACMC,O;;;;;;;;;;;;;;;;4DACsB;AACpBC,MAAAA,aAAa,EAAE;AADK,K;;sEAIN,UAACC,OAAD,EAAuB;AACrC,YAAKC,QAAL,CAAc;AACVF,QAAAA,aAAa,EAAEC,OAAO,IAAI;AADhB,OAAd;AAGH,K;;;;;;;WAED,kBAAyB;AACrB,0BACI,oBAAC;AACG;AAChB;AACA;AACgB;AAJJ;AAKI,QAAA,SAAS,EAAE,MALf;AAMI,QAAA,eAAe,EAAE,KAAKE,eAN1B;AAOI,QAAA,OAAO,EAAE,KAAKC,KAAL,CAAWC;AAPxB,SAQQ,KAAKD,KARb,gBAUI;AAAM,QAAA,SAAS,EAAC;AAAhB,SACK,KAAKA,KAAL,CAAWE,QADhB,CAVJ,CADJ;AAgBH;;;;EA5BiBV,KAAK,CAACW,S;;AA+B5B,SAASR,OAAT","sourcesContent":["import React from \"react\";\nimport { default as RcTooltip } from \"rc-tooltip\";\nimport \"rc-tooltip/assets/bootstrap_white.css\";\nimport \"./style.scss\";\n\ntype TooltipPropsContent =\n    | (() => React.ReactChild)\n    | React.ReactChild\n    | React.ReactFragment\n    | React.ReactPortal;\n\nexport interface TooltipProps {\n    // A component (eg. button) which will trigger the tooltip.\n    children: React.ReactNode;\n\n    // Content which will be shown inside the tooltip.\n    content: TooltipPropsContent;\n\n    // Defines which action will trigger the tooltip: \"hover\", \"click\" or \"focus\".\n    trigger?: string;\n\n    // Can be \"left\",\"right\",\"top\",\"bottom\", \"topLeft\", \"topRight\", \"bottomLeft\" or \"bottomRight\".\n    placement?:\n        | \"left\"\n        | \"right\"\n        | \"top\"\n        | \"bottom\"\n        | \"topLeft\"\n        | \"topRight\"\n        | \"bottomLeft\"\n        | \"bottomRight\";\n\n    // CSS class name\n    className?: string;\n}\n\ninterface State {\n    tooltipIsOpen: boolean;\n}\n\n/**\n * Use Tooltip component to display a list of choices, once the handler is triggered.\n */\nclass Tooltip extends React.Component<TooltipProps, State> {\n    public override state = {\n        tooltipIsOpen: false\n    };\n\n    onVisibleChange = (visible?: boolean) => {\n        this.setState({\n            tooltipIsOpen: visible || false\n        });\n    };\n\n    public override render() {\n        return (\n            <RcTooltip\n                /**\n                 * rc-tooltip types do not have animation as prop, but the rc-tooltip lib has.\n                 */\n                // @ts-ignore\n                animation={\"fade\"}\n                onVisibleChange={this.onVisibleChange}\n                overlay={this.props.content}\n                {...this.props}\n            >\n                <span className=\"webiny-ui-tooltip tooltip-content-wrapper\">\n                    {this.props.children}\n                </span>\n            </RcTooltip>\n        );\n    }\n}\n\nexport { Tooltip };\n"]}
+{"version":3,"names":["Tooltip","tooltipIsOpen","visible","setState","onVisibleChange","props","content","children","React","Component"],"sources":["Tooltip.tsx"],"sourcesContent":["import React from \"react\";\nimport { default as RcTooltip } from \"rc-tooltip\";\nimport \"rc-tooltip/assets/bootstrap_white.css\";\nimport \"./style.scss\";\n\ntype TooltipPropsContent =\n    | (() => React.ReactChild)\n    | React.ReactChild\n    | React.ReactFragment\n    | React.ReactPortal;\n\nexport interface TooltipProps {\n    // A component (eg. button) which will trigger the tooltip.\n    children: React.ReactNode;\n\n    // Content which will be shown inside the tooltip.\n    content: TooltipPropsContent;\n\n    // Defines which action will trigger the tooltip: \"hover\", \"click\" or \"focus\".\n    trigger?: string;\n\n    // Can be \"left\",\"right\",\"top\",\"bottom\", \"topLeft\", \"topRight\", \"bottomLeft\" or \"bottomRight\".\n    placement?:\n        | \"left\"\n        | \"right\"\n        | \"top\"\n        | \"bottom\"\n        | \"topLeft\"\n        | \"topRight\"\n        | \"bottomLeft\"\n        | \"bottomRight\";\n\n    // CSS class name\n    className?: string;\n}\n\ninterface State {\n    tooltipIsOpen: boolean;\n}\n\n/**\n * Use Tooltip component to display a list of choices, once the handler is triggered.\n */\nclass Tooltip extends React.Component<TooltipProps, State> {\n    public override state = {\n        tooltipIsOpen: false\n    };\n\n    onVisibleChange = (visible?: boolean) => {\n        this.setState({\n            tooltipIsOpen: visible || false\n        });\n    };\n\n    public override render() {\n        return (\n            <RcTooltip\n                /**\n                 * rc-tooltip types do not have animation as prop, but the rc-tooltip lib has.\n                 */\n                // @ts-ignore\n                animation={\"fade\"}\n                onVisibleChange={this.onVisibleChange}\n                overlay={this.props.content}\n                {...this.props}\n            >\n                <span className=\"webiny-ui-tooltip tooltip-content-wrapper\">\n                    {this.props.children}\n                </span>\n            </RcTooltip>\n        );\n    }\n}\n\nexport { Tooltip };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAqCA;AACA;AACA;IACMA,O;;;;;;;;;;;;;;;wFACsB;MACpBC,aAAa,EAAE;IADK,C;kGAIN,UAACC,OAAD,EAAuB;MACrC,MAAKC,QAAL,CAAc;QACVF,aAAa,EAAEC,OAAO,IAAI;MADhB,CAAd;IAGH,C;;;;;;WAED,kBAAyB;MACrB,oBACI,6BAAC;MACG;AAChB;AACA;MACgB;MAJJ;QAKI,SAAS,EAAE,MALf;QAMI,eAAe,EAAE,KAAKE,eAN1B;QAOI,OAAO,EAAE,KAAKC,KAAL,CAAWC;MAPxB,GAQQ,KAAKD,KARb,gBAUI;QAAM,SAAS,EAAC;MAAhB,GACK,KAAKA,KAAL,CAAWE,QADhB,CAVJ,CADJ;IAgBH;;;EA5BiBC,cAAA,CAAMC,S"}

package/Tooltip/Tooltip.stories.js

@@ -1,17 +1,26 @@
-import React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandbox } from "@webiny/storybook-utils/Story";
-import readme from "./../Tooltip/README.md";
-import { Tooltip } from "./Tooltip";
-var story = storiesOf("Components/Tooltip", 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("./../Tooltip/README.md"));
+
+var _Tooltip = require("./Tooltip");
+
+var story = (0, _react2.storiesOf)("Components/Tooltip", 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: "A simple tooltip, triggered with a button"
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    content: /*#__PURE__*/React.createElement("span", null, "This is a tooltip.")
-  }, /*#__PURE__*/React.createElement("span", null, "Hover to see additional information."))));
+  }, /*#__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]
+    propTables: [_Tooltip.Tooltip]
   }
 });

package/Tooltip/Tooltip.stories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Tooltip.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandbox","readme","Tooltip","story","module","add","info","propTables"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,kBAA1B;AACA,SAASC,KAAT,EAAgBC,WAAhB,EAA6BC,YAA7B,QAAiD,+BAAjD;AACA,OAAOC,MAAP;AACA,SAASC,OAAT;AAEA,IAAMC,KAAK,GAAGN,SAAS,CAAC,oBAAD,EAAuBO,MAAvB,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,OAAD;AAAS,IAAA,OAAO,eAAE;AAAlB,kBACI,yEADJ,CADJ,CAFJ,CADJ;AAUH,CAbL,EAcI;AAAEK,EAAAA,IAAI,EAAE;AAAEC,IAAAA,UAAU,EAAE,CAACL,OAAD;AAAd;AAAR,CAdJ","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"]}
+{"version":3,"names":["story","storiesOf","module","add","readme","info","propTables","Tooltip"],"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;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,oBAAV,EAAgCC,MAAhC,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,gBAAD;IAAS,OAAO,eAAE;EAAlB,gBACI,kFADJ,CADJ,CAFJ,CADJ;AAUH,CAbL,EAcI;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,gBAAD;EAAd;AAAR,CAdJ"}

package/Tooltip/index.js

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

package/Tooltip/index.js.map

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

package/TopAppBar/TopAppBar.js

@@ -1,13 +1,24 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TopAppBar = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _topAppBar = require("@rmwc/top-app-bar");
+
 var _excluded = ["children"];
-import React from "react";
-import { TopAppBar as RmwcTopAppBar, TopAppBarRow } from "@rmwc/top-app-bar";
 
 var TopAppBar = function TopAppBar(props) {
   var children = props.children,
-      rest = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/React.createElement(RmwcTopAppBar, rest, /*#__PURE__*/React.createElement(TopAppBarRow, null, children));
+      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_topAppBar.TopAppBar, rest, /*#__PURE__*/_react.default.createElement(_topAppBar.TopAppBarRow, null, children));
 };
 
-export { TopAppBar };
+exports.TopAppBar = TopAppBar;

package/TopAppBar/TopAppBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TopAppBar.tsx"],"names":["React","TopAppBar","RmwcTopAppBar","TopAppBarRow","props","children","rest"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SACIC,SAAS,IAAIC,aADjB,EAGIC,YAHJ,QAIO,mBAJP;;AAqBA,IAAMF,SAAS,GAAG,SAAZA,SAAY,CAACG,KAAD,EAA2B;AACzC,MAAQC,QAAR,GAA8BD,KAA9B,CAAQC,QAAR;AAAA,MAAqBC,IAArB,4BAA8BF,KAA9B;;AACA,sBACI,oBAAC,aAAD,EAAmBE,IAAnB,eACI,oBAAC,YAAD,QAAeD,QAAf,CADJ,CADJ;AAKH,CAPD;;AASA,SAASJ,SAAT","sourcesContent":["import React from \"react\";\n\nimport {\n    TopAppBar as RmwcTopAppBar,\n    TopAppBarProps as RmwcTopAppBarProps,\n    TopAppBarRow\n} from \"@rmwc/top-app-bar\";\n\nexport type TopAppBarProps = RmwcTopAppBarProps & {\n    /**\n     * Element children\n     */\n    children: React.ReactNode[] | React.ReactNode;\n    /**\n     * CSS class name\n     */\n    className?: string;\n    /**\n     * Style object\n     */\n    style?: React.CSSProperties;\n};\n\nconst TopAppBar = (props: TopAppBarProps) => {\n    const { children, ...rest } = props;\n    return (\n        <RmwcTopAppBar {...rest}>\n            <TopAppBarRow>{children}</TopAppBarRow>\n        </RmwcTopAppBar>\n    );\n};\n\nexport { TopAppBar };\n"]}
+{"version":3,"names":["TopAppBar","props","children","rest"],"sources":["TopAppBar.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n    TopAppBar as RmwcTopAppBar,\n    TopAppBarProps as RmwcTopAppBarProps,\n    TopAppBarRow\n} from \"@rmwc/top-app-bar\";\n\nexport type TopAppBarProps = RmwcTopAppBarProps & {\n    /**\n     * Element children\n     */\n    children: React.ReactNode[] | React.ReactNode;\n    /**\n     * CSS class name\n     */\n    className?: string;\n    /**\n     * Style object\n     */\n    style?: React.CSSProperties;\n};\n\nconst TopAppBar = (props: TopAppBarProps) => {\n    const { children, ...rest } = props;\n    return (\n        <RmwcTopAppBar {...rest}>\n            <TopAppBarRow>{children}</TopAppBarRow>\n        </RmwcTopAppBar>\n    );\n};\n\nexport { TopAppBar };\n"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;;;AAqBA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD,EAA2B;EACzC,IAAQC,QAAR,GAA8BD,KAA9B,CAAQC,QAAR;EAAA,IAAqBC,IAArB,0CAA8BF,KAA9B;EACA,oBACI,6BAAC,oBAAD,EAAmBE,IAAnB,eACI,6BAAC,uBAAD,QAAeD,QAAf,CADJ,CADJ;AAKH,CAPD"}

package/TopAppBar/TopAppBar.stories.js

@@ -1,15 +1,29 @@
-import React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandbox } from "@webiny/storybook-utils/Story";
-import readme from "./../TopAppBar/README.md";
-import { withKnobs, text } from "@storybook/addon-knobs";
-import { ReactComponent as AutoRenewIcon } from "./icons/baseline-autorenew-24px.svg";
-import { ReactComponent as CloudDoneIcon } from "./icons/baseline-cloud_done-24px.svg";
-import { ReactComponent as EnvelopeIcon } from "./icons/baseline-email-24px.svg";
-import { ReactComponent as MenuIcon } from "./icons/baseline-menu-24px.svg";
-import { TopAppBar, TopAppBarSection, TopAppBarNavigationIcon, TopAppBarTitle, TopAppBarActionItem } from "./index";
-var story = storiesOf("Components/TopAppBar", module);
-story.addDecorator(withKnobs);
+"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.
@@ -33,24 +47,24 @@ var appendCssOverrides = function appendCssOverrides() {
 
 story.add("usage", function () {
   appendCssOverrides();
-  var title = text("title", "Webiny");
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement("div", {
+  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.createElement(TopAppBar, null, /*#__PURE__*/React.createElement(TopAppBarSection, {
+  }, /*#__PURE__*/_react.default.createElement(_index.TopAppBar, null, /*#__PURE__*/_react.default.createElement(_index.TopAppBarSection, {
     alignStart: true
-  }, /*#__PURE__*/React.createElement(TopAppBarNavigationIcon, {
-    icon: /*#__PURE__*/React.createElement(MenuIcon, null)
-  }), /*#__PURE__*/React.createElement(TopAppBarTitle, null, title)), /*#__PURE__*/React.createElement(TopAppBarSection, {
+  }, /*#__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.createElement(TopAppBarActionItem, {
-    icon: /*#__PURE__*/React.createElement(CloudDoneIcon, null)
-  }), /*#__PURE__*/React.createElement(TopAppBarActionItem, {
-    icon: /*#__PURE__*/React.createElement(AutoRenewIcon, null)
-  }), /*#__PURE__*/React.createElement(TopAppBarActionItem, {
-    icon: /*#__PURE__*/React.createElement(EnvelopeIcon, null)
+  }, /*#__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: [TopAppBar, TopAppBarSection, TopAppBarNavigationIcon, TopAppBarTitle, TopAppBarActionItem]
+    propTables: [_index.TopAppBar, _index.TopAppBarSection, _index.TopAppBarNavigationIcon, _index.TopAppBarTitle, _index.TopAppBarActionItem]
   }
 });

package/TopAppBar/TopAppBar.stories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TopAppBar.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandbox","readme","withKnobs","text","ReactComponent","AutoRenewIcon","CloudDoneIcon","EnvelopeIcon","MenuIcon","TopAppBar","TopAppBarSection","TopAppBarNavigationIcon","TopAppBarTitle","TopAppBarActionItem","story","module","addDecorator","appendedCssOverrides","appendCssOverrides","css","head","document","getElementsByTagName","style","createElement","type","appendChild","createTextNode","add","title","info","propTables"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,kBAA1B;AACA,SAASC,KAAT,EAAgBC,WAAhB,EAA6BC,YAA7B,QAAiD,+BAAjD;AACA,OAAOC,MAAP;AACA,SAASC,SAAT,EAAoBC,IAApB,QAAgC,wBAAhC;AAEA,SAASC,cAAc,IAAIC,aAA3B;AACA,SAASD,cAAc,IAAIE,aAA3B;AACA,SAASF,cAAc,IAAIG,YAA3B;AACA,SAASH,cAAc,IAAII,QAA3B;AAEA,SACIC,SADJ,EAEIC,gBAFJ,EAGIC,uBAHJ,EAIIC,cAJJ,EAKIC,mBALJ;AAQA,IAAMC,KAAK,GAAGjB,SAAS,CAAC,sBAAD,EAAyBkB,MAAzB,CAAvB;AACAD,KAAK,CAACE,YAAN,CAAmBd,SAAnB;AAEA;AACA;AACA;AACA;;AAEA,IAAIe,oBAAoB,GAAG,KAA3B;;AACA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,GAAM;AAC7B,MAAID,oBAAJ,EAA0B;AACtB;AACH;;AAEDA,EAAAA,oBAAoB,GAAG,IAAvB;AACA,MAAME,GAAG,yKAAT;AAAA,MAEIC,IAAI,GAAGC,QAAQ,CAACD,IAAT,IAAiBC,QAAQ,CAACC,oBAAT,CAA8B,MAA9B,EAAsC,CAAtC,CAF5B;AAAA,MAGIC,KAAK,GAAGF,QAAQ,CAACG,aAAT,CAAuB,OAAvB,CAHZ;AAKAD,EAAAA,KAAK,CAACE,IAAN,GAAa,UAAb;AACAF,EAAAA,KAAK,CAACG,WAAN,CAAkBL,QAAQ,CAACM,cAAT,CAAwBR,GAAxB,CAAlB;AACAC,EAAAA,IAAI,CAACM,WAAL,CAAiBH,KAAjB;AACH,CAdD;;AAgBAT,KAAK,CAACc,GAAN,CACI,OADJ,EAEI,YAAM;AACFV,EAAAA,kBAAkB;AAElB,MAAMW,KAAK,GAAG1B,IAAI,CAAC,OAAD,EAAU,QAAV,CAAlB;AACA,sBACI,oBAAC,KAAD,qBACI,oBAAC,WAAD,QAAcF,MAAd,CADJ,eAEI,oBAAC,YAAD,qBACI;AAAK,IAAA,SAAS,EAAC;AAAf,kBACI,oBAAC,SAAD,qBACI,oBAAC,gBAAD;AAAkB,IAAA,UAAU;AAA5B,kBACI,oBAAC,uBAAD;AAAyB,IAAA,IAAI,eAAE,oBAAC,QAAD;AAA/B,IADJ,eAEI,oBAAC,cAAD,QAAiB4B,KAAjB,CAFJ,CADJ,eAKI,oBAAC,gBAAD;AAAkB,IAAA,QAAQ;AAA1B,kBACI,oBAAC,mBAAD;AAAqB,IAAA,IAAI,eAAE,oBAAC,aAAD;AAA3B,IADJ,eAEI,oBAAC,mBAAD;AAAqB,IAAA,IAAI,eAAE,oBAAC,aAAD;AAA3B,IAFJ,eAGI,oBAAC,mBAAD;AAAqB,IAAA,IAAI,eAAE,oBAAC,YAAD;AAA3B,IAHJ,CALJ,CADJ,CADJ,CAFJ,CADJ;AAoBH,CA1BL,EA2BI;AACIC,EAAAA,IAAI,EAAE;AACFC,IAAAA,UAAU,EAAE,CACRtB,SADQ,EAERC,gBAFQ,EAGRC,uBAHQ,EAIRC,cAJQ,EAKRC,mBALQ;AADV;AADV,CA3BJ","sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../TopAppBar/README.md\";\nimport { withKnobs, text } from \"@storybook/addon-knobs\";\n\nimport { ReactComponent as AutoRenewIcon } from \"./icons/baseline-autorenew-24px.svg\";\nimport { ReactComponent as CloudDoneIcon } from \"./icons/baseline-cloud_done-24px.svg\";\nimport { ReactComponent as EnvelopeIcon } from \"./icons/baseline-email-24px.svg\";\nimport { ReactComponent as MenuIcon } from \"./icons/baseline-menu-24px.svg\";\n\nimport {\n    TopAppBar,\n    TopAppBarSection,\n    TopAppBarNavigationIcon,\n    TopAppBarTitle,\n    TopAppBarActionItem\n} from \"./index\";\n\nconst story = storiesOf(\"Components/TopAppBar\", module);\nstory.addDecorator(withKnobs);\n\n/**\n * Top app bar is by default rendered with \"position: fixed\", which then messes up the presentation.\n * For demonstration purposes, we had to switch to absolute positioning.\n */\n\nlet appendedCssOverrides = false;\nconst appendCssOverrides = () => {\n    if (appendedCssOverrides) {\n        return;\n    }\n\n    appendedCssOverrides = true;\n    const 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; }`,\n        head = document.head || document.getElementsByTagName(\"head\")[0],\n        style = document.createElement(\"style\");\n\n    style.type = \"text/css\";\n    style.appendChild(document.createTextNode(css));\n    head.appendChild(style);\n};\n\nstory.add(\n    \"usage\",\n    () => {\n        appendCssOverrides();\n\n        const title = text(\"title\", \"Webiny\");\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <div className=\"top-app-bar-storybook\">\n                        <TopAppBar>\n                            <TopAppBarSection alignStart>\n                                <TopAppBarNavigationIcon icon={<MenuIcon />} />\n                                <TopAppBarTitle>{title}</TopAppBarTitle>\n                            </TopAppBarSection>\n                            <TopAppBarSection alignEnd>\n                                <TopAppBarActionItem icon={<CloudDoneIcon />} />\n                                <TopAppBarActionItem icon={<AutoRenewIcon />} />\n                                <TopAppBarActionItem icon={<EnvelopeIcon />} />\n                            </TopAppBarSection>\n                        </TopAppBar>\n                    </div>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTables: [\n                TopAppBar,\n                TopAppBarSection,\n                TopAppBarNavigationIcon,\n                TopAppBarTitle,\n                TopAppBarActionItem\n            ]\n        }\n    }\n);\n"]}
+{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","appendedCssOverrides","appendCssOverrides","css","head","document","getElementsByTagName","style","createElement","type","appendChild","createTextNode","add","title","text","readme","info","propTables","TopAppBar","TopAppBarSection","TopAppBarNavigationIcon","TopAppBarTitle","TopAppBarActionItem"],"sources":["TopAppBar.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../TopAppBar/README.md\";\nimport { withKnobs, text } from \"@storybook/addon-knobs\";\n\nimport { ReactComponent as AutoRenewIcon } from \"./icons/baseline-autorenew-24px.svg\";\nimport { ReactComponent as CloudDoneIcon } from \"./icons/baseline-cloud_done-24px.svg\";\nimport { ReactComponent as EnvelopeIcon } from \"./icons/baseline-email-24px.svg\";\nimport { ReactComponent as MenuIcon } from \"./icons/baseline-menu-24px.svg\";\n\nimport {\n    TopAppBar,\n    TopAppBarSection,\n    TopAppBarNavigationIcon,\n    TopAppBarTitle,\n    TopAppBarActionItem\n} from \"./index\";\n\nconst story = storiesOf(\"Components/TopAppBar\", module);\nstory.addDecorator(withKnobs);\n\n/**\n * Top app bar is by default rendered with \"position: fixed\", which then messes up the presentation.\n * For demonstration purposes, we had to switch to absolute positioning.\n */\n\nlet appendedCssOverrides = false;\nconst appendCssOverrides = () => {\n    if (appendedCssOverrides) {\n        return;\n    }\n\n    appendedCssOverrides = true;\n    const 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; }`,\n        head = document.head || document.getElementsByTagName(\"head\")[0],\n        style = document.createElement(\"style\");\n\n    style.type = \"text/css\";\n    style.appendChild(document.createTextNode(css));\n    head.appendChild(style);\n};\n\nstory.add(\n    \"usage\",\n    () => {\n        appendCssOverrides();\n\n        const title = text(\"title\", \"Webiny\");\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <div className=\"top-app-bar-storybook\">\n                        <TopAppBar>\n                            <TopAppBarSection alignStart>\n                                <TopAppBarNavigationIcon icon={<MenuIcon />} />\n                                <TopAppBarTitle>{title}</TopAppBarTitle>\n                            </TopAppBarSection>\n                            <TopAppBarSection alignEnd>\n                                <TopAppBarActionItem icon={<CloudDoneIcon />} />\n                                <TopAppBarActionItem icon={<AutoRenewIcon />} />\n                                <TopAppBarActionItem icon={<EnvelopeIcon />} />\n                            </TopAppBarSection>\n                        </TopAppBar>\n                    </div>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTables: [\n                TopAppBar,\n                TopAppBarSection,\n                TopAppBarNavigationIcon,\n                TopAppBarTitle,\n                TopAppBarActionItem\n            ]\n        }\n    }\n);\n"],"mappings":";;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AAEA;;AAQA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,sBAAV,EAAkCC,MAAlC,CAAd;AACAF,KAAK,CAACG,YAAN,CAAmBC,qBAAnB;AAEA;AACA;AACA;AACA;;AAEA,IAAIC,oBAAoB,GAAG,KAA3B;;AACA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,GAAM;EAC7B,IAAID,oBAAJ,EAA0B;IACtB;EACH;;EAEDA,oBAAoB,GAAG,IAAvB;EACA,IAAME,GAAG,yKAAT;EAAA,IAEIC,IAAI,GAAGC,QAAQ,CAACD,IAAT,IAAiBC,QAAQ,CAACC,oBAAT,CAA8B,MAA9B,EAAsC,CAAtC,CAF5B;EAAA,IAGIC,KAAK,GAAGF,QAAQ,CAACG,aAAT,CAAuB,OAAvB,CAHZ;EAKAD,KAAK,CAACE,IAAN,GAAa,UAAb;EACAF,KAAK,CAACG,WAAN,CAAkBL,QAAQ,CAACM,cAAT,CAAwBR,GAAxB,CAAlB;EACAC,IAAI,CAACM,WAAL,CAAiBH,KAAjB;AACH,CAdD;;AAgBAX,KAAK,CAACgB,GAAN,CACI,OADJ,EAEI,YAAM;EACFV,kBAAkB;EAElB,IAAMW,KAAK,GAAG,IAAAC,gBAAA,EAAK,OAAL,EAAc,QAAd,CAAd;EACA,oBACI,6BAAC,YAAD,qBACI,6BAAC,kBAAD,QAAcC,eAAd,CADJ,eAEI,6BAAC,mBAAD,qBACI;IAAK,SAAS,EAAC;EAAf,gBACI,6BAAC,gBAAD,qBACI,6BAAC,uBAAD;IAAkB,UAAU;EAA5B,gBACI,6BAAC,8BAAD;IAAyB,IAAI,eAAE,6BAAC,gCAAD;EAA/B,EADJ,eAEI,6BAAC,qBAAD,QAAiBF,KAAjB,CAFJ,CADJ,eAKI,6BAAC,uBAAD;IAAkB,QAAQ;EAA1B,gBACI,6BAAC,0BAAD;IAAqB,IAAI,eAAE,6BAAC,sCAAD;EAA3B,EADJ,eAEI,6BAAC,0BAAD;IAAqB,IAAI,eAAE,6BAAC,qCAAD;EAA3B,EAFJ,eAGI,6BAAC,0BAAD;IAAqB,IAAI,eAAE,6BAAC,iCAAD;EAA3B,EAHJ,CALJ,CADJ,CADJ,CAFJ,CADJ;AAoBH,CA1BL,EA2BI;EACIG,IAAI,EAAE;IACFC,UAAU,EAAE,CACRC,gBADQ,EAERC,uBAFQ,EAGRC,8BAHQ,EAIRC,qBAJQ,EAKRC,0BALQ;EADV;AADV,CA3BJ"}

package/TopAppBar/TopAppBarActionItem.js

@@ -1,8 +1,18 @@
-import React from "react";
-import { TopAppBarActionItem as RmwcTopAppBarActionItem } from "@rmwc/top-app-bar";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TopAppBarActionItem = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _topAppBar = require("@rmwc/top-app-bar");
 
 var TopAppBarActionItem = function TopAppBarActionItem(props) {
-  return /*#__PURE__*/React.createElement(RmwcTopAppBarActionItem, props);
+  return /*#__PURE__*/_react.default.createElement(_topAppBar.TopAppBarActionItem, props);
 };
 
-export { TopAppBarActionItem };
+exports.TopAppBarActionItem = TopAppBarActionItem;

package/TopAppBar/TopAppBarActionItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TopAppBarActionItem.tsx"],"names":["React","TopAppBarActionItem","RmwcTopAppBarActionItem","props"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACIC,mBAAmB,IAAIC,uBAD3B,QAGO,mBAHP;;AAOA,IAAMD,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACE,KAAD,EAAqC;AAC7D,sBAAO,oBAAC,uBAAD,EAA6BA,KAA7B,CAAP;AACH,CAFD;;AAIA,SAASF,mBAAT","sourcesContent":["import React from \"react\";\nimport {\n    TopAppBarActionItem as RmwcTopAppBarActionItem,\n    TopAppBarActionItemProps as RmwcTopAppBarActionItemProps\n} from \"@rmwc/top-app-bar\";\n\nexport type TopAppBarActionItemProps = RmwcTopAppBarActionItemProps;\n\nconst TopAppBarActionItem = (props: TopAppBarActionItemProps) => {\n    return <RmwcTopAppBarActionItem {...props} />;\n};\n\nexport { TopAppBarActionItem };\n"]}
+{"version":3,"names":["TopAppBarActionItem","props"],"sources":["TopAppBarActionItem.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    TopAppBarActionItem as RmwcTopAppBarActionItem,\n    TopAppBarActionItemProps as RmwcTopAppBarActionItemProps\n} from \"@rmwc/top-app-bar\";\n\nexport type TopAppBarActionItemProps = RmwcTopAppBarActionItemProps;\n\nconst TopAppBarActionItem = (props: TopAppBarActionItemProps) => {\n    return <RmwcTopAppBarActionItem {...props} />;\n};\n\nexport { TopAppBarActionItem };\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAOA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD,EAAqC;EAC7D,oBAAO,6BAAC,8BAAD,EAA6BA,KAA7B,CAAP;AACH,CAFD"}

package/TopAppBar/TopAppBarNavigationIcon.js

@@ -1,8 +1,18 @@
-import React from "react";
-import { TopAppBarNavigationIcon as RmwcTopAppBarNavigationIcon } from "@rmwc/top-app-bar";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TopAppBarNavigationIcon = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _topAppBar = require("@rmwc/top-app-bar");
 
 var TopAppBarNavigationIcon = function TopAppBarNavigationIcon(props) {
-  return /*#__PURE__*/React.createElement(RmwcTopAppBarNavigationIcon, props);
+  return /*#__PURE__*/_react.default.createElement(_topAppBar.TopAppBarNavigationIcon, props);
 };
 
-export { TopAppBarNavigationIcon };
+exports.TopAppBarNavigationIcon = TopAppBarNavigationIcon;

package/TopAppBar/TopAppBarNavigationIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TopAppBarNavigationIcon.tsx"],"names":["React","TopAppBarNavigationIcon","RmwcTopAppBarNavigationIcon","props"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SACIC,uBAAuB,IAAIC,2BAD/B,QAGO,mBAHP;;AAOA,IAAMD,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACE,KAAD,EAAyC;AACrE,sBAAO,oBAAC,2BAAD,EAAiCA,KAAjC,CAAP;AACH,CAFD;;AAIA,SAASF,uBAAT","sourcesContent":["import React from \"react\";\n\nimport {\n    TopAppBarNavigationIcon as RmwcTopAppBarNavigationIcon,\n    TopAppBarNavigationIconProps as RmwcTopAppBarNavigationIconProps\n} from \"@rmwc/top-app-bar\";\n\nexport type TopAppBarNavigationIconProps = RmwcTopAppBarNavigationIconProps;\n\nconst TopAppBarNavigationIcon = (props: TopAppBarNavigationIconProps) => {\n    return <RmwcTopAppBarNavigationIcon {...props} />;\n};\n\nexport { TopAppBarNavigationIcon };\n"]}
+{"version":3,"names":["TopAppBarNavigationIcon","props"],"sources":["TopAppBarNavigationIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n    TopAppBarNavigationIcon as RmwcTopAppBarNavigationIcon,\n    TopAppBarNavigationIconProps as RmwcTopAppBarNavigationIconProps\n} from \"@rmwc/top-app-bar\";\n\nexport type TopAppBarNavigationIconProps = RmwcTopAppBarNavigationIconProps;\n\nconst TopAppBarNavigationIcon = (props: TopAppBarNavigationIconProps) => {\n    return <RmwcTopAppBarNavigationIcon {...props} />;\n};\n\nexport { TopAppBarNavigationIcon };\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;AAOA,IAAMA,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACC,KAAD,EAAyC;EACrE,oBAAO,6BAAC,kCAAD,EAAiCA,KAAjC,CAAP;AACH,CAFD"}

package/TopAppBar/TopAppBarPrimary.js

@@ -1,15 +1,26 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TopAppBarPrimary = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _TopAppBar = require("./TopAppBar");
+
 var _excluded = ["children"];
-import React from "react";
-import { TopAppBar } from "./TopAppBar";
 
 var TopAppBarPrimary = function TopAppBarPrimary(props) {
   var children = props.children,
-      other = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/React.createElement(TopAppBar, Object.assign({}, other, {
+      other = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBar, Object.assign({}, other, {
     className: "primary"
   }), children);
 };
 
-export { TopAppBarPrimary };
+exports.TopAppBarPrimary = TopAppBarPrimary;

package/TopAppBar/TopAppBarPrimary.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TopAppBarPrimary.tsx"],"names":["React","TopAppBar","TopAppBarPrimary","props","children","other"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT;;AAIA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAkC;AACvD,MAAQC,QAAR,GAA+BD,KAA/B,CAAQC,QAAR;AAAA,MAAqBC,KAArB,4BAA+BF,KAA/B;;AACA,sBACI,oBAAC,SAAD,oBAAeE,KAAf;AAAsB,IAAA,SAAS,EAAE;AAAjC,MACKD,QADL,CADJ;AAKH,CAPD;;AASA,SAASF,gBAAT","sourcesContent":["import React from \"react\";\nimport { TopAppBar, TopAppBarProps } from \"./TopAppBar\";\n\nexport type TopAppBarPrimaryProps = TopAppBarProps;\n\nconst TopAppBarPrimary = (props: TopAppBarPrimaryProps) => {\n    const { children, ...other } = props;\n    return (\n        <TopAppBar {...other} className={\"primary\"}>\n            {children}\n        </TopAppBar>\n    );\n};\n\nexport { TopAppBarPrimary };\n"]}
+{"version":3,"names":["TopAppBarPrimary","props","children","other"],"sources":["TopAppBarPrimary.tsx"],"sourcesContent":["import React from \"react\";\nimport { TopAppBar, TopAppBarProps } from \"./TopAppBar\";\n\nexport type TopAppBarPrimaryProps = TopAppBarProps;\n\nconst TopAppBarPrimary = (props: TopAppBarPrimaryProps) => {\n    const { children, ...other } = props;\n    return (\n        <TopAppBar {...other} className={\"primary\"}>\n            {children}\n        </TopAppBar>\n    );\n};\n\nexport { TopAppBarPrimary };\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;;;AAIA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAkC;EACvD,IAAQC,QAAR,GAA+BD,KAA/B,CAAQC,QAAR;EAAA,IAAqBC,KAArB,0CAA+BF,KAA/B;EACA,oBACI,6BAAC,oBAAD,oBAAeE,KAAf;IAAsB,SAAS,EAAE;EAAjC,IACKD,QADL,CADJ;AAKH,CAPD"}

package/TopAppBar/TopAppBarSecondary.js

@@ -1,17 +1,28 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TopAppBarSecondary = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _TopAppBar = require("./TopAppBar");
+
 var _excluded = ["style", "children"];
-import React from "react";
-import { TopAppBar } from "./TopAppBar";
 
 var TopAppBarSecondary = function TopAppBarSecondary(props) {
   var _props$style = props.style,
       style = _props$style === void 0 ? {} : _props$style,
       children = props.children,
-      other = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/React.createElement(TopAppBar, Object.assign({}, other, {
+      other = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBar, Object.assign({}, other, {
     style: style
   }), children);
 };
 
-export { TopAppBarSecondary };
+exports.TopAppBarSecondary = TopAppBarSecondary;

package/TopAppBar/TopAppBarSecondary.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TopAppBarSecondary.tsx"],"names":["React","TopAppBar","TopAppBarSecondary","props","style","children","other"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT;;AAIA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,EAAoC;AAC3D,qBAA2CA,KAA3C,CAAQC,KAAR;AAAA,MAAQA,KAAR,6BAAgB,EAAhB;AAAA,MAAoBC,QAApB,GAA2CF,KAA3C,CAAoBE,QAApB;AAAA,MAAiCC,KAAjC,4BAA2CH,KAA3C;;AACA,sBACI,oBAAC,SAAD,oBAAeG,KAAf;AAAsB,IAAA,KAAK,EAAEF;AAA7B,MACKC,QADL,CADJ;AAKH,CAPD;;AASA,SAASH,kBAAT","sourcesContent":["import React from \"react\";\nimport { TopAppBar, TopAppBarProps } from \"./TopAppBar\";\n\nexport type TopAppBarSecondaryProps = TopAppBarProps;\n\nconst TopAppBarSecondary = (props: TopAppBarSecondaryProps) => {\n    const { style = {}, children, ...other } = props;\n    return (\n        <TopAppBar {...other} style={style}>\n            {children}\n        </TopAppBar>\n    );\n};\n\nexport { TopAppBarSecondary };\n"]}
+{"version":3,"names":["TopAppBarSecondary","props","style","children","other"],"sources":["TopAppBarSecondary.tsx"],"sourcesContent":["import React from \"react\";\nimport { TopAppBar, TopAppBarProps } from \"./TopAppBar\";\n\nexport type TopAppBarSecondaryProps = TopAppBarProps;\n\nconst TopAppBarSecondary = (props: TopAppBarSecondaryProps) => {\n    const { style = {}, children, ...other } = props;\n    return (\n        <TopAppBar {...other} style={style}>\n            {children}\n        </TopAppBar>\n    );\n};\n\nexport { TopAppBarSecondary };\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;;;AAIA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,EAAoC;EAC3D,mBAA2CA,KAA3C,CAAQC,KAAR;EAAA,IAAQA,KAAR,6BAAgB,EAAhB;EAAA,IAAoBC,QAApB,GAA2CF,KAA3C,CAAoBE,QAApB;EAAA,IAAiCC,KAAjC,0CAA2CH,KAA3C;EACA,oBACI,6BAAC,oBAAD,oBAAeG,KAAf;IAAsB,KAAK,EAAEF;EAA7B,IACKC,QADL,CADJ;AAKH,CAPD"}

package/TopAppBar/TopAppBarSection.js

@@ -1,13 +1,24 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TopAppBarSection = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _topAppBar = require("@rmwc/top-app-bar");
+
 var _excluded = ["children"];
-import React from "react";
-import { TopAppBarSection as RmwcTopAppBarSection } from "@rmwc/top-app-bar";
 
 var TopAppBarSection = function TopAppBarSection(props) {
   var children = props.children,
-      rest = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/React.createElement(RmwcTopAppBarSection, rest, children);
+      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_topAppBar.TopAppBarSection, rest, children);
 };
 
-export { TopAppBarSection };
+exports.TopAppBarSection = TopAppBarSection;

package/TopAppBar/TopAppBarSection.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TopAppBarSection.tsx"],"names":["React","TopAppBarSection","RmwcTopAppBarSection","props","children","rest"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACIC,gBAAgB,IAAIC,oBADxB,QAGO,mBAHP;;AAsBA,IAAMD,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACE,KAAD,EAAkC;AACvD,MAAQC,QAAR,GAA8BD,KAA9B,CAAQC,QAAR;AAAA,MAAqBC,IAArB,4BAA8BF,KAA9B;;AACA,sBAAO,oBAAC,oBAAD,EAA0BE,IAA1B,EAAiCD,QAAjC,CAAP;AACH,CAHD;;AAKA,SAASH,gBAAT","sourcesContent":["import React from \"react\";\nimport {\n    TopAppBarSection as RmwcTopAppBarSection,\n    TopAppBarSectionProps as RmwcTopAppBarSectionProps\n} from \"@rmwc/top-app-bar\";\n\nexport type TopAppBarSectionProps = RmwcTopAppBarSectionProps & {\n    /**\n     * Element children\n     */\n    children: React.ReactNode[] | React.ReactNode;\n\n    /**\n     * Style object.\n     */\n    style?: React.CSSProperties;\n\n    /**\n     * CSS class name.\n     */\n    className?: string;\n};\n\nconst TopAppBarSection = (props: TopAppBarSectionProps) => {\n    const { children, ...rest } = props;\n    return <RmwcTopAppBarSection {...rest}>{children}</RmwcTopAppBarSection>;\n};\n\nexport { TopAppBarSection };\n"]}
+{"version":3,"names":["TopAppBarSection","props","children","rest"],"sources":["TopAppBarSection.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    TopAppBarSection as RmwcTopAppBarSection,\n    TopAppBarSectionProps as RmwcTopAppBarSectionProps\n} from \"@rmwc/top-app-bar\";\n\nexport type TopAppBarSectionProps = RmwcTopAppBarSectionProps & {\n    /**\n     * Element children\n     */\n    children: React.ReactNode[] | React.ReactNode;\n\n    /**\n     * Style object.\n     */\n    style?: React.CSSProperties;\n\n    /**\n     * CSS class name.\n     */\n    className?: string;\n};\n\nconst TopAppBarSection = (props: TopAppBarSectionProps) => {\n    const { children, ...rest } = props;\n    return <RmwcTopAppBarSection {...rest}>{children}</RmwcTopAppBarSection>;\n};\n\nexport { TopAppBarSection };\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;;;AAsBA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAkC;EACvD,IAAQC,QAAR,GAA8BD,KAA9B,CAAQC,QAAR;EAAA,IAAqBC,IAArB,0CAA8BF,KAA9B;EACA,oBAAO,6BAAC,2BAAD,EAA0BE,IAA1B,EAAiCD,QAAjC,CAAP;AACH,CAHD"}

package/TopAppBar/TopAppBarTitle.js

@@ -1,13 +1,24 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TopAppBarTitle = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _topAppBar = require("@rmwc/top-app-bar");
+
 var _excluded = ["children"];
-import React from "react";
-import { TopAppBarTitle as RmwcTopAppBarTitle } from "@rmwc/top-app-bar";
 
 var TopAppBarTitle = function TopAppBarTitle(props) {
   var children = props.children,
-      rest = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/React.createElement(RmwcTopAppBarTitle, rest, children);
+      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_topAppBar.TopAppBarTitle, rest, children);
 };
 
-export { TopAppBarTitle };
+exports.TopAppBarTitle = TopAppBarTitle;

package/TopAppBar/TopAppBarTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TopAppBarTitle.tsx"],"names":["React","TopAppBarTitle","RmwcTopAppBarTitle","props","children","rest"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACIC,cAAc,IAAIC,kBADtB,QAGO,mBAHP;;AAYA,IAAMD,cAAc,GAAG,SAAjBA,cAAiB,CAACE,KAAD,EAAgC;AACnD,MAAQC,QAAR,GAA8BD,KAA9B,CAAQC,QAAR;AAAA,MAAqBC,IAArB,4BAA8BF,KAA9B;;AACA,sBAAO,oBAAC,kBAAD,EAAwBE,IAAxB,EAA+BD,QAA/B,CAAP;AACH,CAHD;;AAKA,SAASH,cAAT","sourcesContent":["import React from \"react\";\nimport {\n    TopAppBarTitle as RmwcTopAppBarTitle,\n    TopAppBarTitleProps as RmwcTopAppBarTitleProps\n} from \"@rmwc/top-app-bar\";\n\nexport type TopAppBarTitleProps = RmwcTopAppBarTitleProps & {\n    /**\n     * Element children\n     */\n    children: React.ReactNode[] | React.ReactNode;\n};\n\nconst TopAppBarTitle = (props: TopAppBarTitleProps) => {\n    const { children, ...rest } = props;\n    return <RmwcTopAppBarTitle {...rest}>{children}</RmwcTopAppBarTitle>;\n};\n\nexport { TopAppBarTitle };\n"]}
+{"version":3,"names":["TopAppBarTitle","props","children","rest"],"sources":["TopAppBarTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    TopAppBarTitle as RmwcTopAppBarTitle,\n    TopAppBarTitleProps as RmwcTopAppBarTitleProps\n} from \"@rmwc/top-app-bar\";\n\nexport type TopAppBarTitleProps = RmwcTopAppBarTitleProps & {\n    /**\n     * Element children\n     */\n    children: React.ReactNode[] | React.ReactNode;\n};\n\nconst TopAppBarTitle = (props: TopAppBarTitleProps) => {\n    const { children, ...rest } = props;\n    return <RmwcTopAppBarTitle {...rest}>{children}</RmwcTopAppBarTitle>;\n};\n\nexport { TopAppBarTitle };\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;;;AAYA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAgC;EACnD,IAAQC,QAAR,GAA8BD,KAA9B,CAAQC,QAAR;EAAA,IAAqBC,IAArB,0CAA8BF,KAA9B;EACA,oBAAO,6BAAC,yBAAD,EAAwBE,IAAxB,EAA+BD,QAA/B,CAAP;AACH,CAHD"}