@dfds-ui/react-components 0.9.9-alpha.8b9bb3de → 0.9.9-alpha.acd1615d

package/cjs/loader/DfdsLoader.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _icons = require("@dfds-ui/icons");
+
+var _typography = require("@dfds-ui/typography");
+
+var _reactComponents = require("@dfds-ui/react-components");
+
+var _theme = require("@dfds-ui/theme");
+
+var _flexbox = require("../flexbox");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+const sail = (0, _react2.keyframes)`
+  to {
+    transform: translateY(-3px);
+  }
+`;
+const wave = (0, _react2.keyframes)`
+  to {
+    transform: translateX(-30px);
+  }
+`;
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "13udsys",
+  styles: "height:100%"
+} : {
+  name: "1w2dfgd-DfdsLoader",
+  styles: "height:100%;label:DfdsLoader;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0RrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IExvY2tCb2R5U2Nyb2xsLCBMb2NrQm9keVNjcm9sbFJlc3VsdCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBtZWRpYSwgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICcuLi9mbGV4Ym94J1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICBjb25zdCByZWYgPSBSZWFjdC51c2VSZWY8TG9ja0JvZHlTY3JvbGxSZXN1bHQ+KG51bGwpXG5cbiAgcmV0dXJuIChcbiAgICA8TG9ja0JvZHlTY3JvbGxcbiAgICAgIGVuYWJsZWQ9e3RydWV9XG4gICAgICBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCJcbiAgICAgIGh0bWxDbGFzc05hbWVBcHBsaWVkPVwiTW9kYWxfX0h0bWwtLW9wZW5cIlxuICAgICAgcmVmPXtyZWZ9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgnbScpYFxuICAgICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzQ4cHgnIDogJzAnfTtcbiAgICAgICAgYH1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBkaXJlY3Rpb25Db2x1bW5cbiAgICAgICAgICBqdXN0aWZ5Q2VudGVyXG4gICAgICAgICAgaXRlbXNDZW50ZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPEZsZXhCb3g+XG4gICAgICAgICAgICA8U2hpcFxuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB3aWR0aDogNzBweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDcwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7aWNvbkNvbG9yID8/IHRoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgICAgIHotaW5kZXg6IDUwMDA7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uOiAke3NhaWx9IDAuNThzIGVhc2UtaW4tb3V0IGFsdGVybmF0ZSBpbmZpbml0ZTtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8V2F2ZXNcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgICAgICAgICAgbGVmdDogNTAlO1xuICAgICAgICAgICAgICAgIHdpZHRoOiAxNDZweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDIwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7d2F2ZUNvbG9yID8/IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgICAgICAgIHotaW5kZXg6IDUwMDE7XG4gICAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC03M3B4O1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7c2hvd01lbnUgPyAobGFiZWwgPyAnMjBweCcgOiAnNDJweCcpIDogbGFiZWwgPyAnLTEwcHgnIDogJzEzcHgnfTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoJ20nKWBcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke3Nob3dNZW51ID8gKGxhYmVsID8gJzEycHgnIDogJzM1cHgnKSA6IGxhYmVsID8gJy0xMHB4JyA6ICcxM3B4J307XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7dGhlbWUuc3BhY2luZy5tfTtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgYXM9XCJkaXZcIlxuICAgICAgICAgICAgICBzdHlsZWRBcz1cImxhYmVsXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgIDwvZGl2PlxuICAgIDwvTG9ja0JvZHlTY3JvbGw+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRGZkc0xvYWRlclxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+const DfdsLoader = ({
+  label,
+  iconColor,
+  waveColor,
+  showMenu
+}) => {
+  const ref = _react.default.useRef(null);
+
+  return (0, _react2.jsx)(_reactComponents.LockBodyScroll, {
+    enabled: true,
+    bodyClassNameApplied: "Modal__Body--open",
+    htmlClassNameApplied: "Modal__Html--open",
+    ref: ref
+  }, (0, _react2.jsx)("div", {
+    css: /*#__PURE__*/(0, _react2.css)("background-color:", _theme.theme.colors.surface.secondary, ";position:fixed;left:0;right:0;top:", showMenu ? '60px' : '0', ";bottom:0;z-index:4999;", _theme.media.lessThanEqual('m')`
+            top: ${showMenu ? '48px' : '0'};
+        `, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:DfdsLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IExvY2tCb2R5U2Nyb2xsLCBMb2NrQm9keVNjcm9sbFJlc3VsdCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBtZWRpYSwgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICcuLi9mbGV4Ym94J1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICBjb25zdCByZWYgPSBSZWFjdC51c2VSZWY8TG9ja0JvZHlTY3JvbGxSZXN1bHQ+KG51bGwpXG5cbiAgcmV0dXJuIChcbiAgICA8TG9ja0JvZHlTY3JvbGxcbiAgICAgIGVuYWJsZWQ9e3RydWV9XG4gICAgICBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCJcbiAgICAgIGh0bWxDbGFzc05hbWVBcHBsaWVkPVwiTW9kYWxfX0h0bWwtLW9wZW5cIlxuICAgICAgcmVmPXtyZWZ9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgnbScpYFxuICAgICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzQ4cHgnIDogJzAnfTtcbiAgICAgICAgYH1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBkaXJlY3Rpb25Db2x1bW5cbiAgICAgICAgICBqdXN0aWZ5Q2VudGVyXG4gICAgICAgICAgaXRlbXNDZW50ZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPEZsZXhCb3g+XG4gICAgICAgICAgICA8U2hpcFxuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB3aWR0aDogNzBweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDcwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7aWNvbkNvbG9yID8/IHRoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgICAgIHotaW5kZXg6IDUwMDA7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uOiAke3NhaWx9IDAuNThzIGVhc2UtaW4tb3V0IGFsdGVybmF0ZSBpbmZpbml0ZTtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8V2F2ZXNcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgICAgICAgICAgbGVmdDogNTAlO1xuICAgICAgICAgICAgICAgIHdpZHRoOiAxNDZweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDIwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7d2F2ZUNvbG9yID8/IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgICAgICAgIHotaW5kZXg6IDUwMDE7XG4gICAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC03M3B4O1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7c2hvd01lbnUgPyAobGFiZWwgPyAnMjBweCcgOiAnNDJweCcpIDogbGFiZWwgPyAnLTEwcHgnIDogJzEzcHgnfTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoJ20nKWBcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke3Nob3dNZW51ID8gKGxhYmVsID8gJzEycHgnIDogJzM1cHgnKSA6IGxhYmVsID8gJy0xMHB4JyA6ICcxM3B4J307XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7dGhlbWUuc3BhY2luZy5tfTtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgYXM9XCJkaXZcIlxuICAgICAgICAgICAgICBzdHlsZWRBcz1cImxhYmVsXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgIDwvZGl2PlxuICAgIDwvTG9ja0JvZHlTY3JvbGw+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRGZkc0xvYWRlclxuIl19 */")
+  }, (0, _react2.jsx)(_flexbox.FlexBox, {
+    directionColumn: true,
+    justifyCenter: true,
+    itemsCenter: true,
+    css: _ref
+  }, (0, _react2.jsx)(_flexbox.FlexBox, null, (0, _react2.jsx)(_icons.Ship, {
+    css: /*#__PURE__*/(0, _react2.css)("width:70px;height:70px;color:", iconColor !== null && iconColor !== void 0 ? iconColor : _theme.theme.colors.primary.main, ";z-index:5000;animation:", sail, " 0.58s ease-in-out alternate infinite;" + (process.env.NODE_ENV === "production" ? "" : ";label:DfdsLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOERzQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IExvY2tCb2R5U2Nyb2xsLCBMb2NrQm9keVNjcm9sbFJlc3VsdCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBtZWRpYSwgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICcuLi9mbGV4Ym94J1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICBjb25zdCByZWYgPSBSZWFjdC51c2VSZWY8TG9ja0JvZHlTY3JvbGxSZXN1bHQ+KG51bGwpXG5cbiAgcmV0dXJuIChcbiAgICA8TG9ja0JvZHlTY3JvbGxcbiAgICAgIGVuYWJsZWQ9e3RydWV9XG4gICAgICBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCJcbiAgICAgIGh0bWxDbGFzc05hbWVBcHBsaWVkPVwiTW9kYWxfX0h0bWwtLW9wZW5cIlxuICAgICAgcmVmPXtyZWZ9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgnbScpYFxuICAgICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzQ4cHgnIDogJzAnfTtcbiAgICAgICAgYH1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBkaXJlY3Rpb25Db2x1bW5cbiAgICAgICAgICBqdXN0aWZ5Q2VudGVyXG4gICAgICAgICAgaXRlbXNDZW50ZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPEZsZXhCb3g+XG4gICAgICAgICAgICA8U2hpcFxuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB3aWR0aDogNzBweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDcwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7aWNvbkNvbG9yID8/IHRoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgICAgIHotaW5kZXg6IDUwMDA7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uOiAke3NhaWx9IDAuNThzIGVhc2UtaW4tb3V0IGFsdGVybmF0ZSBpbmZpbml0ZTtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8V2F2ZXNcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgICAgICAgICAgbGVmdDogNTAlO1xuICAgICAgICAgICAgICAgIHdpZHRoOiAxNDZweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDIwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7d2F2ZUNvbG9yID8/IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgICAgICAgIHotaW5kZXg6IDUwMDE7XG4gICAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC03M3B4O1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7c2hvd01lbnUgPyAobGFiZWwgPyAnMjBweCcgOiAnNDJweCcpIDogbGFiZWwgPyAnLTEwcHgnIDogJzEzcHgnfTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoJ20nKWBcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke3Nob3dNZW51ID8gKGxhYmVsID8gJzEycHgnIDogJzM1cHgnKSA6IGxhYmVsID8gJy0xMHB4JyA6ICcxM3B4J307XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7dGhlbWUuc3BhY2luZy5tfTtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgYXM9XCJkaXZcIlxuICAgICAgICAgICAgICBzdHlsZWRBcz1cImxhYmVsXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgIDwvZGl2PlxuICAgIDwvTG9ja0JvZHlTY3JvbGw+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRGZkc0xvYWRlclxuIl19 */")
+  }), (0, _react2.jsx)(_icons.Waves, {
+    css: /*#__PURE__*/(0, _react2.css)("top:50%;left:50%;width:146px;height:20px;color:", waveColor !== null && waveColor !== void 0 ? waveColor : _theme.theme.colors.surface.secondary, ";position:fixed;z-index:5001;margin-left:-73px;margin-top:", showMenu ? label ? '20px' : '42px' : label ? '-10px' : '13px', ";animation:", wave, " 0.8s linear infinite;", _theme.media.lessThanEqual('m')`
+                margin-top: ${showMenu ? label ? '12px' : '35px' : label ? '-10px' : '13px'};
+            `, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:DfdsLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUVzQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IExvY2tCb2R5U2Nyb2xsLCBMb2NrQm9keVNjcm9sbFJlc3VsdCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBtZWRpYSwgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICcuLi9mbGV4Ym94J1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICBjb25zdCByZWYgPSBSZWFjdC51c2VSZWY8TG9ja0JvZHlTY3JvbGxSZXN1bHQ+KG51bGwpXG5cbiAgcmV0dXJuIChcbiAgICA8TG9ja0JvZHlTY3JvbGxcbiAgICAgIGVuYWJsZWQ9e3RydWV9XG4gICAgICBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCJcbiAgICAgIGh0bWxDbGFzc05hbWVBcHBsaWVkPVwiTW9kYWxfX0h0bWwtLW9wZW5cIlxuICAgICAgcmVmPXtyZWZ9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgnbScpYFxuICAgICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzQ4cHgnIDogJzAnfTtcbiAgICAgICAgYH1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBkaXJlY3Rpb25Db2x1bW5cbiAgICAgICAgICBqdXN0aWZ5Q2VudGVyXG4gICAgICAgICAgaXRlbXNDZW50ZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPEZsZXhCb3g+XG4gICAgICAgICAgICA8U2hpcFxuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB3aWR0aDogNzBweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDcwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7aWNvbkNvbG9yID8/IHRoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgICAgIHotaW5kZXg6IDUwMDA7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uOiAke3NhaWx9IDAuNThzIGVhc2UtaW4tb3V0IGFsdGVybmF0ZSBpbmZpbml0ZTtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8V2F2ZXNcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgICAgICAgICAgbGVmdDogNTAlO1xuICAgICAgICAgICAgICAgIHdpZHRoOiAxNDZweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDIwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7d2F2ZUNvbG9yID8/IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgICAgICAgIHotaW5kZXg6IDUwMDE7XG4gICAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC03M3B4O1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7c2hvd01lbnUgPyAobGFiZWwgPyAnMjBweCcgOiAnNDJweCcpIDogbGFiZWwgPyAnLTEwcHgnIDogJzEzcHgnfTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoJ20nKWBcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke3Nob3dNZW51ID8gKGxhYmVsID8gJzEycHgnIDogJzM1cHgnKSA6IGxhYmVsID8gJy0xMHB4JyA6ICcxM3B4J307XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7dGhlbWUuc3BhY2luZy5tfTtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgYXM9XCJkaXZcIlxuICAgICAgICAgICAgICBzdHlsZWRBcz1cImxhYmVsXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgIDwvZGl2PlxuICAgIDwvTG9ja0JvZHlTY3JvbGw+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRGZkc0xvYWRlclxuIl19 */")
+  })), label && (0, _react2.jsx)(_typography.Text, {
+    css: /*#__PURE__*/(0, _react2.css)("margin-top:", _theme.theme.spacing.m, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:DfdsLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkZzQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IExvY2tCb2R5U2Nyb2xsLCBMb2NrQm9keVNjcm9sbFJlc3VsdCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBtZWRpYSwgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICcuLi9mbGV4Ym94J1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICBjb25zdCByZWYgPSBSZWFjdC51c2VSZWY8TG9ja0JvZHlTY3JvbGxSZXN1bHQ+KG51bGwpXG5cbiAgcmV0dXJuIChcbiAgICA8TG9ja0JvZHlTY3JvbGxcbiAgICAgIGVuYWJsZWQ9e3RydWV9XG4gICAgICBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCJcbiAgICAgIGh0bWxDbGFzc05hbWVBcHBsaWVkPVwiTW9kYWxfX0h0bWwtLW9wZW5cIlxuICAgICAgcmVmPXtyZWZ9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgnbScpYFxuICAgICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzQ4cHgnIDogJzAnfTtcbiAgICAgICAgYH1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBkaXJlY3Rpb25Db2x1bW5cbiAgICAgICAgICBqdXN0aWZ5Q2VudGVyXG4gICAgICAgICAgaXRlbXNDZW50ZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPEZsZXhCb3g+XG4gICAgICAgICAgICA8U2hpcFxuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB3aWR0aDogNzBweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDcwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7aWNvbkNvbG9yID8/IHRoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgICAgIHotaW5kZXg6IDUwMDA7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uOiAke3NhaWx9IDAuNThzIGVhc2UtaW4tb3V0IGFsdGVybmF0ZSBpbmZpbml0ZTtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8V2F2ZXNcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgICAgICAgICAgbGVmdDogNTAlO1xuICAgICAgICAgICAgICAgIHdpZHRoOiAxNDZweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDIwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7d2F2ZUNvbG9yID8/IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgICAgICAgIHotaW5kZXg6IDUwMDE7XG4gICAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC03M3B4O1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7c2hvd01lbnUgPyAobGFiZWwgPyAnMjBweCcgOiAnNDJweCcpIDogbGFiZWwgPyAnLTEwcHgnIDogJzEzcHgnfTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoJ20nKWBcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke3Nob3dNZW51ID8gKGxhYmVsID8gJzEycHgnIDogJzM1cHgnKSA6IGxhYmVsID8gJy0xMHB4JyA6ICcxM3B4J307XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7dGhlbWUuc3BhY2luZy5tfTtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgYXM9XCJkaXZcIlxuICAgICAgICAgICAgICBzdHlsZWRBcz1cImxhYmVsXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgIDwvZGl2PlxuICAgIDwvTG9ja0JvZHlTY3JvbGw+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRGZkc0xvYWRlclxuIl19 */"),
+    as: "div",
+    styledAs: "label"
+  }, label))));
+};
+
+var _default = DfdsLoader;
+exports.default = _default;

package/cjs/loader/index.js

@@ -9,7 +9,15 @@ Object.defineProperty(exports, "Loader", {
     return _Loader.default;
   }
 });
+Object.defineProperty(exports, "DfdsLoader", {
+  enumerable: true,
+  get: function get() {
+    return _DfdsLoader.default;
+  }
+});
 
 var _Loader = _interopRequireDefault(require("./Loader"));
 
+var _DfdsLoader = _interopRequireDefault(require("./DfdsLoader"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/loader/{ShipLoader.d.ts → DfdsLoader.d.ts}

@@ -2,6 +2,8 @@ import React from 'react';
 interface Props {
     label?: string;
     showMenu?: boolean;
+    iconColor?: string;
+    waveColor?: string;
 }
 declare const DfdsLoader: React.FC<Props>;
 export default DfdsLoader;

package/loader/DfdsLoader.js

@@ -0,0 +1,57 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+import React from 'react';
+import { css, keyframes } from '@emotion/react';
+import { Ship, Waves } from '@dfds-ui/icons';
+import { Text } from '@dfds-ui/typography';
+import { LockBodyScroll } from '@dfds-ui/react-components';
+import { media, theme } from '@dfds-ui/theme';
+import { FlexBox } from '../flexbox';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var sail = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  to {\n    transform: translateY(-3px);\n  }\n"])));
+var wave = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  to {\n    transform: translateX(-30px);\n  }\n"])));
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "13udsys",
+  styles: "height:100%"
+} : {
+  name: "1w2dfgd-DfdsLoader",
+  styles: "height:100%;label:DfdsLoader;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0RrQiIsImZpbGUiOiIuLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IExvY2tCb2R5U2Nyb2xsLCBMb2NrQm9keVNjcm9sbFJlc3VsdCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBtZWRpYSwgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICcuLi9mbGV4Ym94J1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICBjb25zdCByZWYgPSBSZWFjdC51c2VSZWY8TG9ja0JvZHlTY3JvbGxSZXN1bHQ+KG51bGwpXG5cbiAgcmV0dXJuIChcbiAgICA8TG9ja0JvZHlTY3JvbGxcbiAgICAgIGVuYWJsZWQ9e3RydWV9XG4gICAgICBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCJcbiAgICAgIGh0bWxDbGFzc05hbWVBcHBsaWVkPVwiTW9kYWxfX0h0bWwtLW9wZW5cIlxuICAgICAgcmVmPXtyZWZ9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgnbScpYFxuICAgICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzQ4cHgnIDogJzAnfTtcbiAgICAgICAgYH1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBkaXJlY3Rpb25Db2x1bW5cbiAgICAgICAgICBqdXN0aWZ5Q2VudGVyXG4gICAgICAgICAgaXRlbXNDZW50ZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPEZsZXhCb3g+XG4gICAgICAgICAgICA8U2hpcFxuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB3aWR0aDogNzBweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDcwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7aWNvbkNvbG9yID8/IHRoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgICAgIHotaW5kZXg6IDUwMDA7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uOiAke3NhaWx9IDAuNThzIGVhc2UtaW4tb3V0IGFsdGVybmF0ZSBpbmZpbml0ZTtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8V2F2ZXNcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgICAgICAgICAgbGVmdDogNTAlO1xuICAgICAgICAgICAgICAgIHdpZHRoOiAxNDZweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDIwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7d2F2ZUNvbG9yID8/IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgICAgICAgIHotaW5kZXg6IDUwMDE7XG4gICAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC03M3B4O1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7c2hvd01lbnUgPyAobGFiZWwgPyAnMjBweCcgOiAnNDJweCcpIDogbGFiZWwgPyAnLTEwcHgnIDogJzEzcHgnfTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoJ20nKWBcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke3Nob3dNZW51ID8gKGxhYmVsID8gJzEycHgnIDogJzM1cHgnKSA6IGxhYmVsID8gJy0xMHB4JyA6ICcxM3B4J307XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7dGhlbWUuc3BhY2luZy5tfTtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgYXM9XCJkaXZcIlxuICAgICAgICAgICAgICBzdHlsZWRBcz1cImxhYmVsXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgIDwvZGl2PlxuICAgIDwvTG9ja0JvZHlTY3JvbGw+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRGZkc0xvYWRlclxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var DfdsLoader = function DfdsLoader(_ref2) {
+  var label = _ref2.label,
+      iconColor = _ref2.iconColor,
+      waveColor = _ref2.waveColor,
+      showMenu = _ref2.showMenu;
+  var ref = React.useRef(null);
+  return ___EmotionJSX(LockBodyScroll, {
+    enabled: true,
+    bodyClassNameApplied: "Modal__Body--open",
+    htmlClassNameApplied: "Modal__Html--open",
+    ref: ref
+  }, ___EmotionJSX("div", {
+    css: /*#__PURE__*/css("background-color:", theme.colors.surface.secondary, ";position:fixed;left:0;right:0;top:", showMenu ? '60px' : '0', ";bottom:0;z-index:4999;", media.lessThanEqual('m')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            top: ", ";\n        "])), showMenu ? '48px' : '0'), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:DfdsLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NnQiIsImZpbGUiOiIuLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IExvY2tCb2R5U2Nyb2xsLCBMb2NrQm9keVNjcm9sbFJlc3VsdCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBtZWRpYSwgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICcuLi9mbGV4Ym94J1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICBjb25zdCByZWYgPSBSZWFjdC51c2VSZWY8TG9ja0JvZHlTY3JvbGxSZXN1bHQ+KG51bGwpXG5cbiAgcmV0dXJuIChcbiAgICA8TG9ja0JvZHlTY3JvbGxcbiAgICAgIGVuYWJsZWQ9e3RydWV9XG4gICAgICBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCJcbiAgICAgIGh0bWxDbGFzc05hbWVBcHBsaWVkPVwiTW9kYWxfX0h0bWwtLW9wZW5cIlxuICAgICAgcmVmPXtyZWZ9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgnbScpYFxuICAgICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzQ4cHgnIDogJzAnfTtcbiAgICAgICAgYH1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBkaXJlY3Rpb25Db2x1bW5cbiAgICAgICAgICBqdXN0aWZ5Q2VudGVyXG4gICAgICAgICAgaXRlbXNDZW50ZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPEZsZXhCb3g+XG4gICAgICAgICAgICA8U2hpcFxuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB3aWR0aDogNzBweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDcwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7aWNvbkNvbG9yID8/IHRoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgICAgIHotaW5kZXg6IDUwMDA7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uOiAke3NhaWx9IDAuNThzIGVhc2UtaW4tb3V0IGFsdGVybmF0ZSBpbmZpbml0ZTtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8V2F2ZXNcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgICAgICAgICAgbGVmdDogNTAlO1xuICAgICAgICAgICAgICAgIHdpZHRoOiAxNDZweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDIwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7d2F2ZUNvbG9yID8/IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgICAgICAgIHotaW5kZXg6IDUwMDE7XG4gICAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC03M3B4O1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7c2hvd01lbnUgPyAobGFiZWwgPyAnMjBweCcgOiAnNDJweCcpIDogbGFiZWwgPyAnLTEwcHgnIDogJzEzcHgnfTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoJ20nKWBcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke3Nob3dNZW51ID8gKGxhYmVsID8gJzEycHgnIDogJzM1cHgnKSA6IGxhYmVsID8gJy0xMHB4JyA6ICcxM3B4J307XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7dGhlbWUuc3BhY2luZy5tfTtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgYXM9XCJkaXZcIlxuICAgICAgICAgICAgICBzdHlsZWRBcz1cImxhYmVsXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgIDwvZGl2PlxuICAgIDwvTG9ja0JvZHlTY3JvbGw+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRGZkc0xvYWRlclxuIl19 */")
+  }, ___EmotionJSX(FlexBox, {
+    directionColumn: true,
+    justifyCenter: true,
+    itemsCenter: true,
+    css: _ref
+  }, ___EmotionJSX(FlexBox, null, ___EmotionJSX(Ship, {
+    css: /*#__PURE__*/css("width:70px;height:70px;color:", iconColor !== null && iconColor !== void 0 ? iconColor : theme.colors.primary.main, ";z-index:5000;animation:", sail, " 0.58s ease-in-out alternate infinite;" + (process.env.NODE_ENV === "production" ? "" : ";label:DfdsLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOERzQiIsImZpbGUiOiIuLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IExvY2tCb2R5U2Nyb2xsLCBMb2NrQm9keVNjcm9sbFJlc3VsdCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBtZWRpYSwgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICcuLi9mbGV4Ym94J1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICBjb25zdCByZWYgPSBSZWFjdC51c2VSZWY8TG9ja0JvZHlTY3JvbGxSZXN1bHQ+KG51bGwpXG5cbiAgcmV0dXJuIChcbiAgICA8TG9ja0JvZHlTY3JvbGxcbiAgICAgIGVuYWJsZWQ9e3RydWV9XG4gICAgICBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCJcbiAgICAgIGh0bWxDbGFzc05hbWVBcHBsaWVkPVwiTW9kYWxfX0h0bWwtLW9wZW5cIlxuICAgICAgcmVmPXtyZWZ9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgnbScpYFxuICAgICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzQ4cHgnIDogJzAnfTtcbiAgICAgICAgYH1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBkaXJlY3Rpb25Db2x1bW5cbiAgICAgICAgICBqdXN0aWZ5Q2VudGVyXG4gICAgICAgICAgaXRlbXNDZW50ZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPEZsZXhCb3g+XG4gICAgICAgICAgICA8U2hpcFxuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB3aWR0aDogNzBweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDcwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7aWNvbkNvbG9yID8/IHRoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgICAgIHotaW5kZXg6IDUwMDA7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uOiAke3NhaWx9IDAuNThzIGVhc2UtaW4tb3V0IGFsdGVybmF0ZSBpbmZpbml0ZTtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8V2F2ZXNcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgICAgICAgICAgbGVmdDogNTAlO1xuICAgICAgICAgICAgICAgIHdpZHRoOiAxNDZweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDIwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7d2F2ZUNvbG9yID8/IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgICAgICAgIHotaW5kZXg6IDUwMDE7XG4gICAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC03M3B4O1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7c2hvd01lbnUgPyAobGFiZWwgPyAnMjBweCcgOiAnNDJweCcpIDogbGFiZWwgPyAnLTEwcHgnIDogJzEzcHgnfTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoJ20nKWBcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke3Nob3dNZW51ID8gKGxhYmVsID8gJzEycHgnIDogJzM1cHgnKSA6IGxhYmVsID8gJy0xMHB4JyA6ICcxM3B4J307XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7dGhlbWUuc3BhY2luZy5tfTtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgYXM9XCJkaXZcIlxuICAgICAgICAgICAgICBzdHlsZWRBcz1cImxhYmVsXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgIDwvZGl2PlxuICAgIDwvTG9ja0JvZHlTY3JvbGw+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRGZkc0xvYWRlclxuIl19 */")
+  }), ___EmotionJSX(Waves, {
+    css: /*#__PURE__*/css("top:50%;left:50%;width:146px;height:20px;color:", waveColor !== null && waveColor !== void 0 ? waveColor : theme.colors.surface.secondary, ";position:fixed;z-index:5001;margin-left:-73px;margin-top:", showMenu ? label ? '20px' : '42px' : label ? '-10px' : '13px', ";animation:", wave, " 0.8s linear infinite;", media.lessThanEqual('m')(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n                margin-top: ", ";\n            "])), showMenu ? label ? '12px' : '35px' : label ? '-10px' : '13px'), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:DfdsLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUVzQiIsImZpbGUiOiIuLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IExvY2tCb2R5U2Nyb2xsLCBMb2NrQm9keVNjcm9sbFJlc3VsdCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBtZWRpYSwgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICcuLi9mbGV4Ym94J1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICBjb25zdCByZWYgPSBSZWFjdC51c2VSZWY8TG9ja0JvZHlTY3JvbGxSZXN1bHQ+KG51bGwpXG5cbiAgcmV0dXJuIChcbiAgICA8TG9ja0JvZHlTY3JvbGxcbiAgICAgIGVuYWJsZWQ9e3RydWV9XG4gICAgICBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCJcbiAgICAgIGh0bWxDbGFzc05hbWVBcHBsaWVkPVwiTW9kYWxfX0h0bWwtLW9wZW5cIlxuICAgICAgcmVmPXtyZWZ9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgnbScpYFxuICAgICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzQ4cHgnIDogJzAnfTtcbiAgICAgICAgYH1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBkaXJlY3Rpb25Db2x1bW5cbiAgICAgICAgICBqdXN0aWZ5Q2VudGVyXG4gICAgICAgICAgaXRlbXNDZW50ZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPEZsZXhCb3g+XG4gICAgICAgICAgICA8U2hpcFxuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB3aWR0aDogNzBweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDcwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7aWNvbkNvbG9yID8/IHRoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgICAgIHotaW5kZXg6IDUwMDA7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uOiAke3NhaWx9IDAuNThzIGVhc2UtaW4tb3V0IGFsdGVybmF0ZSBpbmZpbml0ZTtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8V2F2ZXNcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgICAgICAgICAgbGVmdDogNTAlO1xuICAgICAgICAgICAgICAgIHdpZHRoOiAxNDZweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDIwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7d2F2ZUNvbG9yID8/IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgICAgICAgIHotaW5kZXg6IDUwMDE7XG4gICAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC03M3B4O1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7c2hvd01lbnUgPyAobGFiZWwgPyAnMjBweCcgOiAnNDJweCcpIDogbGFiZWwgPyAnLTEwcHgnIDogJzEzcHgnfTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoJ20nKWBcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke3Nob3dNZW51ID8gKGxhYmVsID8gJzEycHgnIDogJzM1cHgnKSA6IGxhYmVsID8gJy0xMHB4JyA6ICcxM3B4J307XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7dGhlbWUuc3BhY2luZy5tfTtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgYXM9XCJkaXZcIlxuICAgICAgICAgICAgICBzdHlsZWRBcz1cImxhYmVsXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgIDwvZGl2PlxuICAgIDwvTG9ja0JvZHlTY3JvbGw+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRGZkc0xvYWRlclxuIl19 */")
+  })), label && ___EmotionJSX(Text, {
+    css: /*#__PURE__*/css("margin-top:", theme.spacing.m, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:DfdsLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkZzQiIsImZpbGUiOiIuLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IExvY2tCb2R5U2Nyb2xsLCBMb2NrQm9keVNjcm9sbFJlc3VsdCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBtZWRpYSwgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICcuLi9mbGV4Ym94J1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICBjb25zdCByZWYgPSBSZWFjdC51c2VSZWY8TG9ja0JvZHlTY3JvbGxSZXN1bHQ+KG51bGwpXG5cbiAgcmV0dXJuIChcbiAgICA8TG9ja0JvZHlTY3JvbGxcbiAgICAgIGVuYWJsZWQ9e3RydWV9XG4gICAgICBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCJcbiAgICAgIGh0bWxDbGFzc05hbWVBcHBsaWVkPVwiTW9kYWxfX0h0bWwtLW9wZW5cIlxuICAgICAgcmVmPXtyZWZ9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgnbScpYFxuICAgICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzQ4cHgnIDogJzAnfTtcbiAgICAgICAgYH1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBkaXJlY3Rpb25Db2x1bW5cbiAgICAgICAgICBqdXN0aWZ5Q2VudGVyXG4gICAgICAgICAgaXRlbXNDZW50ZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPEZsZXhCb3g+XG4gICAgICAgICAgICA8U2hpcFxuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB3aWR0aDogNzBweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDcwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7aWNvbkNvbG9yID8/IHRoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgICAgIHotaW5kZXg6IDUwMDA7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uOiAke3NhaWx9IDAuNThzIGVhc2UtaW4tb3V0IGFsdGVybmF0ZSBpbmZpbml0ZTtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8V2F2ZXNcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgICAgICAgICAgbGVmdDogNTAlO1xuICAgICAgICAgICAgICAgIHdpZHRoOiAxNDZweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDIwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7d2F2ZUNvbG9yID8/IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgICAgICAgIHotaW5kZXg6IDUwMDE7XG4gICAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC03M3B4O1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7c2hvd01lbnUgPyAobGFiZWwgPyAnMjBweCcgOiAnNDJweCcpIDogbGFiZWwgPyAnLTEwcHgnIDogJzEzcHgnfTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoJ20nKWBcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke3Nob3dNZW51ID8gKGxhYmVsID8gJzEycHgnIDogJzM1cHgnKSA6IGxhYmVsID8gJy0xMHB4JyA6ICcxM3B4J307XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7dGhlbWUuc3BhY2luZy5tfTtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgYXM9XCJkaXZcIlxuICAgICAgICAgICAgICBzdHlsZWRBcz1cImxhYmVsXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgIDwvZGl2PlxuICAgIDwvTG9ja0JvZHlTY3JvbGw+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRGZkc0xvYWRlclxuIl19 */"),
+    as: "div",
+    styledAs: "label"
+  }, label))));
+};
+
+export default DfdsLoader;

package/loader/index.d.ts

@@ -1 +1,2 @@
 export { default as Loader } from './Loader';
+export { default as DfdsLoader } from './DfdsLoader';

package/loader/index.js

@@ -1 +1,2 @@
-export { default as Loader } from './Loader';
+export { default as Loader } from './Loader';
+export { default as DfdsLoader } from './DfdsLoader';

package/package.json

@@ -3,7 +3,7 @@
   "description": "Shared react components within DFDS",
   "license": "MIT",
   "private": false,
-  "version": "0.9.9-alpha.8b9bb3de",
+  "version": "0.9.9-alpha.acd1615d",
   "sideEffects": false,
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -18,13 +18,13 @@
     "react-select": "^4.0.0"
   },
   "dependencies": {
-    "@dfds-ui/colors": "0.9.9-alpha.8b9bb3de",
-    "@dfds-ui/fonts": "0.9.9-alpha.8b9bb3de",
-    "@dfds-ui/hooks": "0.9.9-alpha.8b9bb3de",
-    "@dfds-ui/icons": "0.9.9-alpha.8b9bb3de",
-    "@dfds-ui/spacing": "0.9.9-alpha.8b9bb3de",
-    "@dfds-ui/theme": "0.9.9-alpha.8b9bb3de",
-    "@dfds-ui/typography": "0.9.9-alpha.8b9bb3de",
+    "@dfds-ui/colors": "0.9.9-alpha.acd1615d",
+    "@dfds-ui/fonts": "0.9.9-alpha.acd1615d",
+    "@dfds-ui/hooks": "0.9.9-alpha.acd1615d",
+    "@dfds-ui/icons": "0.9.9-alpha.acd1615d",
+    "@dfds-ui/spacing": "0.9.9-alpha.acd1615d",
+    "@dfds-ui/theme": "0.9.9-alpha.acd1615d",
+    "@dfds-ui/typography": "0.9.9-alpha.acd1615d",
     "@kunukn/react-collapse": "^2.2.9",
     "@material-ui/core": "^4.12.3",
     "@material-ui/lab": "4.0.0-alpha.60",
@@ -34,7 +34,7 @@
     "react-hook-intersection-observer": "^0.1.0",
     "uuid": "^3.3.2"
   },
-  "gitHead": "8b9bb3de524bb593e0505c00bcd15c2e81b73841",
+  "gitHead": "acd1615d078c2410f994acd953351bab78a39507",
   "publishConfig": {
     "access": "public"
   }

package/cjs/accordion/Accordion.d.ts

@@ -1,97 +0,0 @@
-import React, { ReactNode } from 'react';
-import { CollapseProps } from '@kunukn/react-collapse';
-export declare type AccordionHeaderProps = {
-    /**
-     * Add heading to the Accordion.
-     */
-    heading?: string;
-    /**
-     * Add secondary heading to the Accordion.
-     */
-    secondaryHeading?: ReactNode;
-    /**
-     * Specify the duration of the transition between open and closed.
-     */
-    transitionDuration?: string;
-    /**
-     * If set to `true` the Accordion is open.
-     */
-    isOpen?: boolean;
-    /**
-     * Disable the Accordion.
-     */
-    disabled?: boolean;
-    /**
-     * Use the Accordion without animation.
-     */
-    noAnimation?: boolean;
-    /**
-     * Hide the secondary heading when the Accordion is opened.
-     */
-    noSecondaryHeadingWhenOpen?: boolean;
-    /**
-     * Callback when toggling the accordion
-     */
-    onToggle?: () => void;
-};
-export declare const AccordionHeader: React.FunctionComponent<AccordionHeaderProps>;
-export declare type AccordionProps = {
-    /**
-     * Add heading to the Accordion.
-     */
-    heading?: string;
-    /**
-     * Add a custom header to the Accordion.
-     */
-    header?: ReactNode;
-    /**
-     * Add secondary heading to the Accordion.
-     */
-    secondaryHeading?: ReactNode;
-    /**
-     * Specify the duration of the transition between open and closed.
-     */
-    transitionDuration?: string;
-    /**
-     * If set to `true` the Accordion is open.
-     */
-    isOpen?: boolean;
-    /**
-     * Disable the Accordion.
-     */
-    disabled?: boolean;
-    /**
-     * Callback when toggling the accordion
-     */
-    onToggle?: () => void;
-    /**
-     * Props passed on to the Collapse component
-     */
-    collapseProps?: CollapseProps;
-    /**
-     * Use the Accordion without animation.
-     */
-    noAnimation?: boolean;
-    /**
-     * The compressed variant removes the `margin-bottom` of the Accordion.
-     */
-    variant?: 'default' | 'compressed';
-    /**
-     * Specify the content padding of the Accordion.
-     */
-    type?: 'small' | 'medium';
-    /**
-     * Add a className to the Accordion.
-     */
-    className?: string;
-    /**
-     * Hide the secondary heading when the Accordion is opened.
-     */
-    noSecondaryHeadingWhenOpen?: boolean;
-    /**
-     * Hide the Divider (the grey line under the header)
-     */
-    hideDivider?: boolean;
-};
-export declare const Accordion: React.FunctionComponent<AccordionProps>;
-export default Accordion;

package/cjs/accordion/AccordionContent.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-export declare type AccordionContentProps = {
-    /**
-     * The compressed variant removes the `margin-bottom` of the Accordion.
-     */
-    variant?: 'default' | 'compressed';
-    /**
-     * Specify the content padding of the Accordion.
-     */
-    type?: 'small' | 'medium';
-};
-export declare const AccordionContent: React.FunctionComponent<AccordionContentProps>;
-export default AccordionContent;

package/cjs/accordion/AccordionSmall.d.ts

@@ -1,55 +0,0 @@
-import React from 'react';
-export declare type AccordionSmallHeaderProps = {
-    /**
-     * Add a heading to the Accordion.
-     */
-    heading: string;
-    /**
-     * Add a secondary heading to the Accordion.
-     */
-    secondaryHeading?: string;
-    /**
-     * Specify the duration of the transition between open and closed.
-     */
-    transitionDuration?: string;
-    /**
-     * If set to `true` the Accordion is open.
-     */
-    isOpen?: boolean;
-    /**
-     * Disable the Accordion.
-     */
-    disabled?: boolean;
-    /**
-     * Use the Accordion without animation.
-     */
-    noAnimation?: boolean;
-    onToggle?: () => void;
-};
-export declare const AccordionSmallHeader: React.FunctionComponent<AccordionSmallHeaderProps>;
-export declare type AccordionSmallProps = {
-    /**
-     * Add a heading to the Accordion.
-     */
-    heading: string;
-    /**
-     * Specify the duration of the transition between open and closed.
-     */
-    transitionDuration?: string;
-    /**
-     * If set to `true` the Accordion is open.
-     */
-    isOpen?: boolean;
-    /**
-     * Disable the Accordion.
-     */
-    disabled?: boolean;
-    /**
-     * Use the Accordion without animation.
-     */
-    noAnimation?: boolean;
-    onToggle?: () => void;
-    collapseProps?: object;
-};
-export declare const AccordionSmall: React.FunctionComponent<AccordionSmallProps>;
-export default AccordionSmall;

package/cjs/accordion/index.d.ts

@@ -1,3 +0,0 @@
-export * from './Accordion';
-export * from './AccordionSmall';
-export * from './AccordionContent';

package/cjs/app-bar/AppBar.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-declare type Breakpoint = 's' | 'm' | 'l';
-declare const AppBar: React.FC<{
-    leftActions?: React.ReactNode;
-    actions?: React.ReactNode;
-    className?: string;
-    logoProps?: any;
-    menuBreakpoint?: Breakpoint;
-    hasMenuButton?: boolean;
-    handleMenuButtonClick?: () => void;
-}>;
-export default AppBar;

package/cjs/app-bar/AppBarContext.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-declare type AppBarState = {
-    drawerOpen: boolean;
-    setDrawerOpen: React.Dispatch<React.SetStateAction<boolean>>;
-    height: number;
-    setHeight: React.Dispatch<React.SetStateAction<number>>;
-};
-export declare const AppBarProvider: React.FC;
-export declare const useAppBarContext: () => AppBarState;
-export {};

package/cjs/app-bar/AppBarDrawer.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-declare const AppBarDrawer: React.FC;
-export default AppBarDrawer;

package/cjs/app-bar/AppBarIconButton.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-declare type AppBarIconButtonProps = {
-    isActive?: boolean;
-    ariaLabel: string;
-    icon: React.ElementType;
-    showTooltip?: boolean;
-    onClick?: (event: React.MouseEvent) => void;
-};
-declare const AppBarIconButton: React.FC<AppBarIconButtonProps>;
-export default AppBarIconButton;

package/cjs/app-bar/AppBarItem.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-export declare type AppBarItemProps = {
-    id: string;
-    Icon?: React.ElementType;
-    LeadingIcon?: React.ElementType;
-    TrailingIcon?: React.ElementType;
-    title: string;
-    divider?: 'start' | 'end' | 'both';
-    children?: React.ReactNode;
-    as?: React.ElementType;
-    onClick?: () => void;
-    placement?: 'bottom-start' | 'bottom-end';
-    isActive?: boolean;
-};
-export declare const MenuPopOverContext: React.Context<{
-    handlePopoverClose: () => void;
-} | undefined>;
-export declare const AppBarPopper: import("@emotion/styled").StyledComponent<import("@material-ui/core/Popper").PopperProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export declare const AppBarItem: React.FC<AppBarItemProps & JSX.IntrinsicElements['a']>;

package/cjs/app-bar/AppBarListItem.d.ts

@@ -1,15 +0,0 @@
-declare const AppBarListItem: import("@emotion/styled").StyledComponent<{
-    multiline?: boolean | undefined;
-    selected?: boolean | undefined;
-    condensed?: boolean | undefined;
-    tabIndex?: number | undefined;
-    clickable?: boolean | undefined;
-    divider?: boolean | undefined;
-    onClick?: (() => void) | undefined;
-    flexBoxProps?: import("../flexbox").FlexBoxProps | undefined;
-    className?: string | undefined;
-    children?: import("react").ReactNode;
-} & import("..").PolymorphicComponentProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export default AppBarListItem;

package/cjs/app-bar/index.d.ts

@@ -1,7 +0,0 @@
-import { useAppBarContext, AppBarProvider } from './AppBarContext';
-import { AppBarItem, MenuPopOverContext } from './AppBarItem';
-export { default as AppBarDrawer } from './AppBarDrawer';
-export { default as AppBar } from './AppBar';
-export { default as AppBarIconButton } from './AppBarIconButton';
-export { default as AppBarListItem } from './AppBarListItem';
-export { useAppBarContext, AppBarProvider, AppBarItem, MenuPopOverContext };

package/cjs/assertions/banner/Banner.d.ts

@@ -1,52 +0,0 @@
-import React from 'react';
-import { Intent } from '../../common/intent';
-export declare type BannerProps = {
-    /**
-     * Specifies the intent of the Banner (change the color of the banner icon to match intended status)
-     */
-    intent?: Intent;
-    /**
-     * Actions to be displayed inside the banner
-     */
-    actions?: React.ReactNode;
-    /**
-     * Class name to be added to the banner
-     */
-    className?: string;
-    /**
-     * Add a close icon in the top-right corner which will invoke the provided callback
-     */
-    onRequestClose?: () => void;
-    /**
-     * Specifies the ariaLabel to be added to the close(x) button
-     */
-    closeLabel?: string;
-    /**
-     * Specifies the variation of the banner.
-     */
-    variant?: 'default' | 'inverted';
-    /**
-     * Specifies if the Banner should be displayed with `position: fixed;`
-     *
-     * When the value is `undefined` the Banner default to being sticky if `variant` is set to `inverted`
-     */
-    sticky?: boolean;
-    /**
-     * Specifies the position of the Sticky Banner.
-     */
-    stickyPosition?: 'top' | 'bottom';
-    /**
-     * Specifies if the Banner should have a border/divider at the bottom`
-     */
-    divider?: boolean;
-    /**
-     * Specify a custom icon to replace the one derived from `intent`
-     *
-     * @type {React.ElementType<{ className?: string }>}
-     */
-    icon?: React.ElementType<{
-        className?: string;
-    }>;
-};
-declare const Banner: React.FunctionComponent<BannerProps>;
-export default Banner;

package/cjs/assertions/banner/BannerAction.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import { Intent } from '../../common/intent';
-export declare type BannerActionVariation = 'primary' | 'secondary';
-export interface BannerActionProps {
-    variation?: BannerActionVariation;
-    variant?: 'default' | 'inverted';
-    intent?: Intent;
-    onClick?: () => void;
-    /**
-     * className to be assigned to the button
-     */
-    className?: string;
-    /**
-     * HTML tag or custom component being rendered
-     */
-    as?: React.ElementType;
-}
-export declare const BannerAction: React.FunctionComponent<BannerActionProps>;