@dfds-ui/react-components 0.9.9 → 0.9.11-alpha.ca6fd903

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 _theme = require("@dfds-ui/theme");
+
+var _flexbox = require("../flexbox");
+
+var _LockBodyScroll = _interopRequireDefault(require("../common/LockBodyScroll"));
+
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0RrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL2ZsZXhib3gnXG5pbXBvcnQgTG9ja0JvZHlTY3JvbGwgZnJvbSAnLi4vY29tbW9uL0xvY2tCb2R5U2Nyb2xsJ1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxMb2NrQm9keVNjcm9sbCBlbmFibGVkPXt0cnVlfSBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCIgaHRtbENsYXNzTmFtZUFwcGxpZWQ9XCJNb2RhbF9fSHRtbC0tb3BlblwiPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwYWRkaW5nLWxlZnQ6IGNhbGMoMTAwdncgLSAxMDAlKTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgxMjE4KWBcbiAgICAgICAgICAgIHRvcDogJHtzaG93TWVudSA/ICc0OHB4JyA6ICcwJ307XG4gICAgICAgICBgfVxuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGRpcmVjdGlvbkNvbHVtblxuICAgICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgICBpdGVtc0NlbnRlclxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8RmxleEJveD5cbiAgICAgICAgICAgIDxTaGlwXG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIHdpZHRoOiA3MHB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogNzBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtpY29uQ29sb3IgPz8gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMDtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxXYXZlc1xuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB0b3A6IDUwJTtcbiAgICAgICAgICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDE0NnB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogMjBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHt3YXZlQ29sb3IgPz8gdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMTtcbiAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogLTczcHg7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogMTNweDtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmIHNob3dNZW51ICYmICcyMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHshbGFiZWwgJiYgc2hvd01lbnUgJiYgJzQycHgnfTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoMTIxOClgXG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAxM3B4O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiBzaG93TWVudSAmJiAnMTJweCd9O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAkeyFsYWJlbCAmJiBzaG93TWVudSAmJiAnMzVweCd9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBhcz1cImRpdlwiXG4gICAgICAgICAgICAgIHN0eWxlZEFzPVwibGFiZWxcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9kaXY+XG4gICAgPC9Mb2NrQm9keVNjcm9sbD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBEZmRzTG9hZGVyXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+const DfdsLoader = ({
+  label,
+  iconColor,
+  waveColor,
+  showMenu
+}) => {
+  return (0, _react2.jsx)(_LockBodyScroll.default, {
+    enabled: true,
+    bodyClassNameApplied: "Modal__Body--open",
+    htmlClassNameApplied: "Modal__Html--open"
+  }, (0, _react2.jsx)("div", {
+    css: /*#__PURE__*/(0, _react2.css)("padding-left:calc(100vw - 100%);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(1218)`
+            top: ${showMenu ? '48px' : '0'};
+         `, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:DfdsLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0JnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL2ZsZXhib3gnXG5pbXBvcnQgTG9ja0JvZHlTY3JvbGwgZnJvbSAnLi4vY29tbW9uL0xvY2tCb2R5U2Nyb2xsJ1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxMb2NrQm9keVNjcm9sbCBlbmFibGVkPXt0cnVlfSBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCIgaHRtbENsYXNzTmFtZUFwcGxpZWQ9XCJNb2RhbF9fSHRtbC0tb3BlblwiPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwYWRkaW5nLWxlZnQ6IGNhbGMoMTAwdncgLSAxMDAlKTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgxMjE4KWBcbiAgICAgICAgICAgIHRvcDogJHtzaG93TWVudSA/ICc0OHB4JyA6ICcwJ307XG4gICAgICAgICBgfVxuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGRpcmVjdGlvbkNvbHVtblxuICAgICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgICBpdGVtc0NlbnRlclxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8RmxleEJveD5cbiAgICAgICAgICAgIDxTaGlwXG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIHdpZHRoOiA3MHB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogNzBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtpY29uQ29sb3IgPz8gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMDtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxXYXZlc1xuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB0b3A6IDUwJTtcbiAgICAgICAgICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDE0NnB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogMjBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHt3YXZlQ29sb3IgPz8gdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMTtcbiAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogLTczcHg7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogMTNweDtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmIHNob3dNZW51ICYmICcyMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHshbGFiZWwgJiYgc2hvd01lbnUgJiYgJzQycHgnfTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoMTIxOClgXG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAxM3B4O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiBzaG93TWVudSAmJiAnMTJweCd9O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAkeyFsYWJlbCAmJiBzaG93TWVudSAmJiAnMzVweCd9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBhcz1cImRpdlwiXG4gICAgICAgICAgICAgIHN0eWxlZEFzPVwibGFiZWxcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9kaXY+XG4gICAgPC9Mb2NrQm9keVNjcm9sbD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBEZmRzTG9hZGVyXG4iXX0= */")
+  }, (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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0RzQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL2ZsZXhib3gnXG5pbXBvcnQgTG9ja0JvZHlTY3JvbGwgZnJvbSAnLi4vY29tbW9uL0xvY2tCb2R5U2Nyb2xsJ1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxMb2NrQm9keVNjcm9sbCBlbmFibGVkPXt0cnVlfSBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCIgaHRtbENsYXNzTmFtZUFwcGxpZWQ9XCJNb2RhbF9fSHRtbC0tb3BlblwiPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwYWRkaW5nLWxlZnQ6IGNhbGMoMTAwdncgLSAxMDAlKTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgxMjE4KWBcbiAgICAgICAgICAgIHRvcDogJHtzaG93TWVudSA/ICc0OHB4JyA6ICcwJ307XG4gICAgICAgICBgfVxuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGRpcmVjdGlvbkNvbHVtblxuICAgICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgICBpdGVtc0NlbnRlclxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8RmxleEJveD5cbiAgICAgICAgICAgIDxTaGlwXG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIHdpZHRoOiA3MHB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogNzBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtpY29uQ29sb3IgPz8gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMDtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxXYXZlc1xuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB0b3A6IDUwJTtcbiAgICAgICAgICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDE0NnB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogMjBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHt3YXZlQ29sb3IgPz8gdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMTtcbiAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogLTczcHg7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogMTNweDtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmIHNob3dNZW51ICYmICcyMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHshbGFiZWwgJiYgc2hvd01lbnUgJiYgJzQycHgnfTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoMTIxOClgXG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAxM3B4O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiBzaG93TWVudSAmJiAnMTJweCd9O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAkeyFsYWJlbCAmJiBzaG93TWVudSAmJiAnMzVweCd9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBhcz1cImRpdlwiXG4gICAgICAgICAgICAgIHN0eWxlZEFzPVwibGFiZWxcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9kaXY+XG4gICAgPC9Mb2NrQm9keVNjcm9sbD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBEZmRzTG9hZGVyXG4iXX0= */")
+  }), (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:13px;margin-top:", label && showMenu && '20px', ";margin-top:", label && !showMenu && '-10px', ";margin-top:", !label && showMenu && '42px', ";animation:", wave, " 0.8s linear infinite;", _theme.media.lessThanEqual(1218)`
+                  margin-top: 13px;
+                  margin-top: ${label && showMenu && '12px'};
+                  margin-top: ${label && !showMenu && '-10px'};
+                  margin-top: ${!label && showMenu && '35px'};
+                `, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:DfdsLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUVzQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL2ZsZXhib3gnXG5pbXBvcnQgTG9ja0JvZHlTY3JvbGwgZnJvbSAnLi4vY29tbW9uL0xvY2tCb2R5U2Nyb2xsJ1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxMb2NrQm9keVNjcm9sbCBlbmFibGVkPXt0cnVlfSBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCIgaHRtbENsYXNzTmFtZUFwcGxpZWQ9XCJNb2RhbF9fSHRtbC0tb3BlblwiPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwYWRkaW5nLWxlZnQ6IGNhbGMoMTAwdncgLSAxMDAlKTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgxMjE4KWBcbiAgICAgICAgICAgIHRvcDogJHtzaG93TWVudSA/ICc0OHB4JyA6ICcwJ307XG4gICAgICAgICBgfVxuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGRpcmVjdGlvbkNvbHVtblxuICAgICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgICBpdGVtc0NlbnRlclxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8RmxleEJveD5cbiAgICAgICAgICAgIDxTaGlwXG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIHdpZHRoOiA3MHB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogNzBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtpY29uQ29sb3IgPz8gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMDtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxXYXZlc1xuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB0b3A6IDUwJTtcbiAgICAgICAgICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDE0NnB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogMjBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHt3YXZlQ29sb3IgPz8gdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMTtcbiAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogLTczcHg7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogMTNweDtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmIHNob3dNZW51ICYmICcyMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHshbGFiZWwgJiYgc2hvd01lbnUgJiYgJzQycHgnfTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoMTIxOClgXG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAxM3B4O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiBzaG93TWVudSAmJiAnMTJweCd9O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAkeyFsYWJlbCAmJiBzaG93TWVudSAmJiAnMzVweCd9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBhcz1cImRpdlwiXG4gICAgICAgICAgICAgIHN0eWxlZEFzPVwibGFiZWxcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9kaXY+XG4gICAgPC9Mb2NrQm9keVNjcm9sbD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBEZmRzTG9hZGVyXG4iXX0= */")
+  })), 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkZzQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL2ZsZXhib3gnXG5pbXBvcnQgTG9ja0JvZHlTY3JvbGwgZnJvbSAnLi4vY29tbW9uL0xvY2tCb2R5U2Nyb2xsJ1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxMb2NrQm9keVNjcm9sbCBlbmFibGVkPXt0cnVlfSBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCIgaHRtbENsYXNzTmFtZUFwcGxpZWQ9XCJNb2RhbF9fSHRtbC0tb3BlblwiPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwYWRkaW5nLWxlZnQ6IGNhbGMoMTAwdncgLSAxMDAlKTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgxMjE4KWBcbiAgICAgICAgICAgIHRvcDogJHtzaG93TWVudSA/ICc0OHB4JyA6ICcwJ307XG4gICAgICAgICBgfVxuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGRpcmVjdGlvbkNvbHVtblxuICAgICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgICBpdGVtc0NlbnRlclxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8RmxleEJveD5cbiAgICAgICAgICAgIDxTaGlwXG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIHdpZHRoOiA3MHB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogNzBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtpY29uQ29sb3IgPz8gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMDtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxXYXZlc1xuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB0b3A6IDUwJTtcbiAgICAgICAgICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDE0NnB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogMjBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHt3YXZlQ29sb3IgPz8gdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMTtcbiAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogLTczcHg7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogMTNweDtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmIHNob3dNZW51ICYmICcyMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHshbGFiZWwgJiYgc2hvd01lbnUgJiYgJzQycHgnfTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoMTIxOClgXG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAxM3B4O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiBzaG93TWVudSAmJiAnMTJweCd9O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAkeyFsYWJlbCAmJiBzaG93TWVudSAmJiAnMzVweCd9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBhcz1cImRpdlwiXG4gICAgICAgICAgICAgIHN0eWxlZEFzPVwibGFiZWxcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9kaXY+XG4gICAgPC9Mb2NrQm9keVNjcm9sbD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBEZmRzTG9hZGVyXG4iXX0= */"),
+    as: "div",
+    styledAs: "label"
+  }, label))));
+};
+
+var _default = DfdsLoader;
+exports.default = _default;

package/cjs/loader/Loader.js

@@ -34,7 +34,7 @@ const ShipLoader = ( /*#__PURE__*/0, _base.default)(_icons.Ship, process.env.NOD
 } : {
   target: "e1bb5ezl3",
   label: "ShipLoader"
-})("width:80px;height:80px;position:fixed;top:50%;left:50%;color:", _theme.theme.colors.secondary.main, ";z-index:5000;margin-top:-40px;margin-left:-40px;display:block;animation:", sail, " 0.58s ease-in-out alternate infinite;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQitCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTaGlwLCBXYXZlcyB9IGZyb20gJ0BkZmRzLXVpL2ljb25zJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBQcm9wcyA9IHsgbGFiZWw/OiBzdHJpbmcgfVxuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmNvbnN0IFNoaXBMb2FkZXIgPSBzdHlsZWQoU2hpcClgXG4gIHdpZHRoOiA4MHB4O1xuICBoZWlnaHQ6IDgwcHg7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgdG9wOiA1MCU7XG4gIGxlZnQ6IDUwJTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgei1pbmRleDogNTAwMDtcbiAgbWFyZ2luLXRvcDogLTQwcHg7XG4gIG1hcmdpbi1sZWZ0OiAtNDBweDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGFuaW1hdGlvbjogJHtzYWlsfSAwLjU4cyBlYXNlLWluLW91dCBhbHRlcm5hdGUgaW5maW5pdGU7XG5gXG5cbmNvbnN0IExhYmVsID0gc3R5bGVkLmRpdmBcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB0b3A6IDU1JTtcbiAgcmlnaHQ6IDA7XG4gIGxlZnQ6IDA7XG4gIHotaW5kZXg6IDUwMDA7XG4gIHBhZGRpbmctdG9wOiAycmVtO1xuICBmb250LXNpemU6IDE3cHg7XG5gXG5cbmNvbnN0IFdhdmVzTG9hZGVyID0gc3R5bGVkKFdhdmVzKWBcbiAgdG9wOiA1MCU7XG4gIGxlZnQ6IDUwJTtcbiAgd2lkdGg6IDE0NnB4O1xuICBoZWlnaHQ6IDIwcHg7XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgei1pbmRleDogNTAwMTtcbiAgbWFyZ2luLWxlZnQ6IC03M3B4O1xuICBtYXJnaW4tdG9wOiAxM3B4O1xuICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5gXG5cbmNvbnN0IE92ZXJsYXkgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMDtcbiAgYm90dG9tOiAwO1xuICB6LWluZGV4OiA0OTk5O1xuYFxuXG5mdW5jdGlvbiBMb2FkZXIocHJvcHM6IFByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPE92ZXJsYXk+XG4gICAgICA8ZGl2PlxuICAgICAgICA8U2hpcExvYWRlciAvPlxuICAgICAgICA8V2F2ZXNMb2FkZXIgLz5cbiAgICAgIDwvZGl2PlxuICAgICAgPExhYmVsPntwcm9wcy5sYWJlbH08L0xhYmVsPlxuICAgIDwvT3ZlcmxheT5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBMb2FkZXJcbiJdfQ== */"));
+})("width:80px;height:80px;position:fixed;top:50%;left:50%;color:", _theme.theme.colors.secondary.main, ";z-index:5000;margin-top:-40px;margin-left:-40px;display:block;animation:", sail, " 0.58s ease-in-out alternate infinite;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQitCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTaGlwLCBXYXZlcyB9IGZyb20gJ0BkZmRzLXVpL2ljb25zJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBQcm9wcyA9IHtcbiAgbGFiZWw/OiBzdHJpbmdcbn1cblxuY29uc3Qgc2FpbCA9IGtleWZyYW1lc2BcbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtM3B4KTtcbiAgfVxuYFxuXG5jb25zdCB3YXZlID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0zMHB4KTtcbiAgfVxuYFxuXG5jb25zdCBTaGlwTG9hZGVyID0gc3R5bGVkKFNoaXApYFxuICB3aWR0aDogODBweDtcbiAgaGVpZ2h0OiA4MHB4O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHRvcDogNTAlO1xuICBsZWZ0OiA1MCU7XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gIHotaW5kZXg6IDUwMDA7XG4gIG1hcmdpbi10b3A6IC00MHB4O1xuICBtYXJnaW4tbGVmdDogLTQwcHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuYFxuXG5jb25zdCBMYWJlbCA9IHN0eWxlZC5kaXZgXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgcG9zaXRpb246IGZpeGVkO1xuICBkaXNwbGF5OiBibG9jaztcbiAgdG9wOiA1NSU7XG4gIHJpZ2h0OiAwO1xuICBsZWZ0OiAwO1xuICB6LWluZGV4OiA1MDAwO1xuICBwYWRkaW5nLXRvcDogMnJlbTtcbiAgZm9udC1zaXplOiAxN3B4O1xuYFxuXG5jb25zdCBXYXZlc0xvYWRlciA9IHN0eWxlZChXYXZlcylgXG4gIHRvcDogNTAlO1xuICBsZWZ0OiA1MCU7XG4gIHdpZHRoOiAxNDZweDtcbiAgaGVpZ2h0OiAyMHB4O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHotaW5kZXg6IDUwMDE7XG4gIG1hcmdpbi1sZWZ0OiAtNzNweDtcbiAgbWFyZ2luLXRvcDogMTNweDtcbiAgYW5pbWF0aW9uOiAke3dhdmV9IDAuOHMgbGluZWFyIGluZmluaXRlO1xuYFxuXG5jb25zdCBPdmVybGF5ID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDA7XG4gIGJvdHRvbTogMDtcbiAgei1pbmRleDogNDk5OTtcbmBcblxuZnVuY3Rpb24gTG9hZGVyKHByb3BzOiBQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxPdmVybGF5PlxuICAgICAgPGRpdj5cbiAgICAgICAgPFNoaXBMb2FkZXIgLz5cbiAgICAgICAgPFdhdmVzTG9hZGVyIC8+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxMYWJlbD57cHJvcHMubGFiZWx9PC9MYWJlbD5cbiAgICA8L092ZXJsYXk+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTG9hZGVyXG4iXX0= */"));
 const Label = (0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "e1bb5ezl2"
 } : {
@@ -46,7 +46,7 @@ const Label = (0, _base.default)("div", process.env.NODE_ENV === "production" ?
 } : {
   name: "f3v03r",
   styles: "text-align:center;position:fixed;display:block;top:55%;right:0;left:0;z-index:5000;padding-top:2rem;font-size:17px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQ3dCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTaGlwLCBXYXZlcyB9IGZyb20gJ0BkZmRzLXVpL2ljb25zJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBQcm9wcyA9IHsgbGFiZWw/OiBzdHJpbmcgfVxuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmNvbnN0IFNoaXBMb2FkZXIgPSBzdHlsZWQoU2hpcClgXG4gIHdpZHRoOiA4MHB4O1xuICBoZWlnaHQ6IDgwcHg7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgdG9wOiA1MCU7XG4gIGxlZnQ6IDUwJTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgei1pbmRleDogNTAwMDtcbiAgbWFyZ2luLXRvcDogLTQwcHg7XG4gIG1hcmdpbi1sZWZ0OiAtNDBweDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGFuaW1hdGlvbjogJHtzYWlsfSAwLjU4cyBlYXNlLWluLW91dCBhbHRlcm5hdGUgaW5maW5pdGU7XG5gXG5cbmNvbnN0IExhYmVsID0gc3R5bGVkLmRpdmBcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB0b3A6IDU1JTtcbiAgcmlnaHQ6IDA7XG4gIGxlZnQ6IDA7XG4gIHotaW5kZXg6IDUwMDA7XG4gIHBhZGRpbmctdG9wOiAycmVtO1xuICBmb250LXNpemU6IDE3cHg7XG5gXG5cbmNvbnN0IFdhdmVzTG9hZGVyID0gc3R5bGVkKFdhdmVzKWBcbiAgdG9wOiA1MCU7XG4gIGxlZnQ6IDUwJTtcbiAgd2lkdGg6IDE0NnB4O1xuICBoZWlnaHQ6IDIwcHg7XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgei1pbmRleDogNTAwMTtcbiAgbWFyZ2luLWxlZnQ6IC03M3B4O1xuICBtYXJnaW4tdG9wOiAxM3B4O1xuICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5gXG5cbmNvbnN0IE92ZXJsYXkgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMDtcbiAgYm90dG9tOiAwO1xuICB6LWluZGV4OiA0OTk5O1xuYFxuXG5mdW5jdGlvbiBMb2FkZXIocHJvcHM6IFByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPE92ZXJsYXk+XG4gICAgICA8ZGl2PlxuICAgICAgICA8U2hpcExvYWRlciAvPlxuICAgICAgICA8V2F2ZXNMb2FkZXIgLz5cbiAgICAgIDwvZGl2PlxuICAgICAgPExhYmVsPntwcm9wcy5sYWJlbH08L0xhYmVsPlxuICAgIDwvT3ZlcmxheT5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBMb2FkZXJcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQ3dCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTaGlwLCBXYXZlcyB9IGZyb20gJ0BkZmRzLXVpL2ljb25zJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBQcm9wcyA9IHtcbiAgbGFiZWw/OiBzdHJpbmdcbn1cblxuY29uc3Qgc2FpbCA9IGtleWZyYW1lc2BcbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtM3B4KTtcbiAgfVxuYFxuXG5jb25zdCB3YXZlID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0zMHB4KTtcbiAgfVxuYFxuXG5jb25zdCBTaGlwTG9hZGVyID0gc3R5bGVkKFNoaXApYFxuICB3aWR0aDogODBweDtcbiAgaGVpZ2h0OiA4MHB4O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHRvcDogNTAlO1xuICBsZWZ0OiA1MCU7XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gIHotaW5kZXg6IDUwMDA7XG4gIG1hcmdpbi10b3A6IC00MHB4O1xuICBtYXJnaW4tbGVmdDogLTQwcHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuYFxuXG5jb25zdCBMYWJlbCA9IHN0eWxlZC5kaXZgXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgcG9zaXRpb246IGZpeGVkO1xuICBkaXNwbGF5OiBibG9jaztcbiAgdG9wOiA1NSU7XG4gIHJpZ2h0OiAwO1xuICBsZWZ0OiAwO1xuICB6LWluZGV4OiA1MDAwO1xuICBwYWRkaW5nLXRvcDogMnJlbTtcbiAgZm9udC1zaXplOiAxN3B4O1xuYFxuXG5jb25zdCBXYXZlc0xvYWRlciA9IHN0eWxlZChXYXZlcylgXG4gIHRvcDogNTAlO1xuICBsZWZ0OiA1MCU7XG4gIHdpZHRoOiAxNDZweDtcbiAgaGVpZ2h0OiAyMHB4O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHotaW5kZXg6IDUwMDE7XG4gIG1hcmdpbi1sZWZ0OiAtNzNweDtcbiAgbWFyZ2luLXRvcDogMTNweDtcbiAgYW5pbWF0aW9uOiAke3dhdmV9IDAuOHMgbGluZWFyIGluZmluaXRlO1xuYFxuXG5jb25zdCBPdmVybGF5ID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDA7XG4gIGJvdHRvbTogMDtcbiAgei1pbmRleDogNDk5OTtcbmBcblxuZnVuY3Rpb24gTG9hZGVyKHByb3BzOiBQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxPdmVybGF5PlxuICAgICAgPGRpdj5cbiAgICAgICAgPFNoaXBMb2FkZXIgLz5cbiAgICAgICAgPFdhdmVzTG9hZGVyIC8+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxMYWJlbD57cHJvcHMubGFiZWx9PC9MYWJlbD5cbiAgICA8L092ZXJsYXk+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTG9hZGVyXG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const WavesLoader = ( /*#__PURE__*/0, _base.default)(_icons.Waves, process.env.NODE_ENV === "production" ? {
@@ -54,13 +54,13 @@ const WavesLoader = ( /*#__PURE__*/0, _base.default)(_icons.Waves, process.env.N
 } : {
   target: "e1bb5ezl1",
   label: "WavesLoader"
-})("top:50%;left:50%;width:146px;height:20px;color:", _theme.theme.colors.surface.secondary, ";position:fixed;z-index:5001;margin-left:-73px;margin-top:13px;animation:", wave, " 0.8s linear infinite;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Q2lDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTaGlwLCBXYXZlcyB9IGZyb20gJ0BkZmRzLXVpL2ljb25zJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBQcm9wcyA9IHsgbGFiZWw/OiBzdHJpbmcgfVxuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmNvbnN0IFNoaXBMb2FkZXIgPSBzdHlsZWQoU2hpcClgXG4gIHdpZHRoOiA4MHB4O1xuICBoZWlnaHQ6IDgwcHg7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgdG9wOiA1MCU7XG4gIGxlZnQ6IDUwJTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgei1pbmRleDogNTAwMDtcbiAgbWFyZ2luLXRvcDogLTQwcHg7XG4gIG1hcmdpbi1sZWZ0OiAtNDBweDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGFuaW1hdGlvbjogJHtzYWlsfSAwLjU4cyBlYXNlLWluLW91dCBhbHRlcm5hdGUgaW5maW5pdGU7XG5gXG5cbmNvbnN0IExhYmVsID0gc3R5bGVkLmRpdmBcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB0b3A6IDU1JTtcbiAgcmlnaHQ6IDA7XG4gIGxlZnQ6IDA7XG4gIHotaW5kZXg6IDUwMDA7XG4gIHBhZGRpbmctdG9wOiAycmVtO1xuICBmb250LXNpemU6IDE3cHg7XG5gXG5cbmNvbnN0IFdhdmVzTG9hZGVyID0gc3R5bGVkKFdhdmVzKWBcbiAgdG9wOiA1MCU7XG4gIGxlZnQ6IDUwJTtcbiAgd2lkdGg6IDE0NnB4O1xuICBoZWlnaHQ6IDIwcHg7XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgei1pbmRleDogNTAwMTtcbiAgbWFyZ2luLWxlZnQ6IC03M3B4O1xuICBtYXJnaW4tdG9wOiAxM3B4O1xuICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5gXG5cbmNvbnN0IE92ZXJsYXkgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMDtcbiAgYm90dG9tOiAwO1xuICB6LWluZGV4OiA0OTk5O1xuYFxuXG5mdW5jdGlvbiBMb2FkZXIocHJvcHM6IFByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPE92ZXJsYXk+XG4gICAgICA8ZGl2PlxuICAgICAgICA8U2hpcExvYWRlciAvPlxuICAgICAgICA8V2F2ZXNMb2FkZXIgLz5cbiAgICAgIDwvZGl2PlxuICAgICAgPExhYmVsPntwcm9wcy5sYWJlbH08L0xhYmVsPlxuICAgIDwvT3ZlcmxheT5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBMb2FkZXJcbiJdfQ== */"));
+})("top:50%;left:50%;width:146px;height:20px;color:", _theme.theme.colors.surface.secondary, ";position:fixed;z-index:5001;margin-left:-73px;margin-top:13px;animation:", wave, " 0.8s linear infinite;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRGlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTaGlwLCBXYXZlcyB9IGZyb20gJ0BkZmRzLXVpL2ljb25zJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBQcm9wcyA9IHtcbiAgbGFiZWw/OiBzdHJpbmdcbn1cblxuY29uc3Qgc2FpbCA9IGtleWZyYW1lc2BcbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtM3B4KTtcbiAgfVxuYFxuXG5jb25zdCB3YXZlID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0zMHB4KTtcbiAgfVxuYFxuXG5jb25zdCBTaGlwTG9hZGVyID0gc3R5bGVkKFNoaXApYFxuICB3aWR0aDogODBweDtcbiAgaGVpZ2h0OiA4MHB4O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHRvcDogNTAlO1xuICBsZWZ0OiA1MCU7XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gIHotaW5kZXg6IDUwMDA7XG4gIG1hcmdpbi10b3A6IC00MHB4O1xuICBtYXJnaW4tbGVmdDogLTQwcHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuYFxuXG5jb25zdCBMYWJlbCA9IHN0eWxlZC5kaXZgXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgcG9zaXRpb246IGZpeGVkO1xuICBkaXNwbGF5OiBibG9jaztcbiAgdG9wOiA1NSU7XG4gIHJpZ2h0OiAwO1xuICBsZWZ0OiAwO1xuICB6LWluZGV4OiA1MDAwO1xuICBwYWRkaW5nLXRvcDogMnJlbTtcbiAgZm9udC1zaXplOiAxN3B4O1xuYFxuXG5jb25zdCBXYXZlc0xvYWRlciA9IHN0eWxlZChXYXZlcylgXG4gIHRvcDogNTAlO1xuICBsZWZ0OiA1MCU7XG4gIHdpZHRoOiAxNDZweDtcbiAgaGVpZ2h0OiAyMHB4O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHotaW5kZXg6IDUwMDE7XG4gIG1hcmdpbi1sZWZ0OiAtNzNweDtcbiAgbWFyZ2luLXRvcDogMTNweDtcbiAgYW5pbWF0aW9uOiAke3dhdmV9IDAuOHMgbGluZWFyIGluZmluaXRlO1xuYFxuXG5jb25zdCBPdmVybGF5ID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDA7XG4gIGJvdHRvbTogMDtcbiAgei1pbmRleDogNDk5OTtcbmBcblxuZnVuY3Rpb24gTG9hZGVyKHByb3BzOiBQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxPdmVybGF5PlxuICAgICAgPGRpdj5cbiAgICAgICAgPFNoaXBMb2FkZXIgLz5cbiAgICAgICAgPFdhdmVzTG9hZGVyIC8+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxMYWJlbD57cHJvcHMubGFiZWx9PC9MYWJlbD5cbiAgICA8L092ZXJsYXk+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTG9hZGVyXG4iXX0= */"));
 const Overlay = (0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "e1bb5ezl0"
 } : {
   target: "e1bb5ezl0",
   label: "Overlay"
-})("background-color:", _theme.theme.colors.surface.secondary, ";position:absolute;left:0;right:0;top:0;bottom:0;z-index:4999;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRDBCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTaGlwLCBXYXZlcyB9IGZyb20gJ0BkZmRzLXVpL2ljb25zJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBQcm9wcyA9IHsgbGFiZWw/OiBzdHJpbmcgfVxuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmNvbnN0IFNoaXBMb2FkZXIgPSBzdHlsZWQoU2hpcClgXG4gIHdpZHRoOiA4MHB4O1xuICBoZWlnaHQ6IDgwcHg7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgdG9wOiA1MCU7XG4gIGxlZnQ6IDUwJTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgei1pbmRleDogNTAwMDtcbiAgbWFyZ2luLXRvcDogLTQwcHg7XG4gIG1hcmdpbi1sZWZ0OiAtNDBweDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGFuaW1hdGlvbjogJHtzYWlsfSAwLjU4cyBlYXNlLWluLW91dCBhbHRlcm5hdGUgaW5maW5pdGU7XG5gXG5cbmNvbnN0IExhYmVsID0gc3R5bGVkLmRpdmBcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB0b3A6IDU1JTtcbiAgcmlnaHQ6IDA7XG4gIGxlZnQ6IDA7XG4gIHotaW5kZXg6IDUwMDA7XG4gIHBhZGRpbmctdG9wOiAycmVtO1xuICBmb250LXNpemU6IDE3cHg7XG5gXG5cbmNvbnN0IFdhdmVzTG9hZGVyID0gc3R5bGVkKFdhdmVzKWBcbiAgdG9wOiA1MCU7XG4gIGxlZnQ6IDUwJTtcbiAgd2lkdGg6IDE0NnB4O1xuICBoZWlnaHQ6IDIwcHg7XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgei1pbmRleDogNTAwMTtcbiAgbWFyZ2luLWxlZnQ6IC03M3B4O1xuICBtYXJnaW4tdG9wOiAxM3B4O1xuICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5gXG5cbmNvbnN0IE92ZXJsYXkgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMDtcbiAgYm90dG9tOiAwO1xuICB6LWluZGV4OiA0OTk5O1xuYFxuXG5mdW5jdGlvbiBMb2FkZXIocHJvcHM6IFByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPE92ZXJsYXk+XG4gICAgICA8ZGl2PlxuICAgICAgICA8U2hpcExvYWRlciAvPlxuICAgICAgICA8V2F2ZXNMb2FkZXIgLz5cbiAgICAgIDwvZGl2PlxuICAgICAgPExhYmVsPntwcm9wcy5sYWJlbH08L0xhYmVsPlxuICAgIDwvT3ZlcmxheT5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBMb2FkZXJcbiJdfQ== */"));
+})("background-color:", _theme.theme.colors.surface.secondary, ";position:absolute;left:0;right:0;top:0;bottom:0;z-index:4999;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RDBCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTaGlwLCBXYXZlcyB9IGZyb20gJ0BkZmRzLXVpL2ljb25zJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBQcm9wcyA9IHtcbiAgbGFiZWw/OiBzdHJpbmdcbn1cblxuY29uc3Qgc2FpbCA9IGtleWZyYW1lc2BcbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtM3B4KTtcbiAgfVxuYFxuXG5jb25zdCB3YXZlID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0zMHB4KTtcbiAgfVxuYFxuXG5jb25zdCBTaGlwTG9hZGVyID0gc3R5bGVkKFNoaXApYFxuICB3aWR0aDogODBweDtcbiAgaGVpZ2h0OiA4MHB4O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHRvcDogNTAlO1xuICBsZWZ0OiA1MCU7XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gIHotaW5kZXg6IDUwMDA7XG4gIG1hcmdpbi10b3A6IC00MHB4O1xuICBtYXJnaW4tbGVmdDogLTQwcHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuYFxuXG5jb25zdCBMYWJlbCA9IHN0eWxlZC5kaXZgXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgcG9zaXRpb246IGZpeGVkO1xuICBkaXNwbGF5OiBibG9jaztcbiAgdG9wOiA1NSU7XG4gIHJpZ2h0OiAwO1xuICBsZWZ0OiAwO1xuICB6LWluZGV4OiA1MDAwO1xuICBwYWRkaW5nLXRvcDogMnJlbTtcbiAgZm9udC1zaXplOiAxN3B4O1xuYFxuXG5jb25zdCBXYXZlc0xvYWRlciA9IHN0eWxlZChXYXZlcylgXG4gIHRvcDogNTAlO1xuICBsZWZ0OiA1MCU7XG4gIHdpZHRoOiAxNDZweDtcbiAgaGVpZ2h0OiAyMHB4O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHotaW5kZXg6IDUwMDE7XG4gIG1hcmdpbi1sZWZ0OiAtNzNweDtcbiAgbWFyZ2luLXRvcDogMTNweDtcbiAgYW5pbWF0aW9uOiAke3dhdmV9IDAuOHMgbGluZWFyIGluZmluaXRlO1xuYFxuXG5jb25zdCBPdmVybGF5ID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDA7XG4gIGJvdHRvbTogMDtcbiAgei1pbmRleDogNDk5OTtcbmBcblxuZnVuY3Rpb24gTG9hZGVyKHByb3BzOiBQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxPdmVybGF5PlxuICAgICAgPGRpdj5cbiAgICAgICAgPFNoaXBMb2FkZXIgLz5cbiAgICAgICAgPFdhdmVzTG9hZGVyIC8+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxMYWJlbD57cHJvcHMubGFiZWx9PC9MYWJlbD5cbiAgICA8L092ZXJsYXk+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTG9hZGVyXG4iXX0= */"));
 
 function Loader(props) {
   return (0, _react2.jsx)(Overlay, null, (0, _react2.jsx)("div", null, (0, _react2.jsx)(ShipLoader, null), (0, _react2.jsx)(WavesLoader, null)), (0, _react2.jsx)(Label, null, props.label));

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/cjs/stepper/Step.js

@@ -3,23 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.StepContext = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _react2 = require("@emotion/react");
-
-var _core = require("@material-ui/core");
+var _Stepper = require("./Stepper.styles");
 
-var _Stepper = require("./Stepper");
+var _Stepper2 = require("./Stepper");
 
-var _ListItem = _interopRequireDefault(require("./../lists/ListItem"));
+var _StepButton = _interopRequireDefault(require("./StepButton"));
 
-var _v = _interopRequireDefault(require("uuid/v4"));
+var _StepLabel = _interopRequireDefault(require("./StepLabel"));
 
-var _theme = require("@dfds-ui/theme");
+var _react2 = require("@emotion/react");
 
-const _excluded = ["children", "label", "listItemProps"];
+const _excluded = ["editable", "index", "label", "active", "completed", "disabled"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -29,63 +27,63 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-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 listItemStyles = ({
-  isActive
-}) => /*#__PURE__*/(0, _react2.css)("background-color:", isActive ? _theme.theme.colors.secondary.light : _theme.theme.colors.surface.secondary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:listItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwcGVyL1N0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdtRSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc3RlcHBlci9TdGVwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUsIEZ1bmN0aW9uQ29tcG9uZW50LCB1c2VFZmZlY3QsIHVzZVN0YXRlLCBtZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFN0ZXAgYXMgU3RlcFdyYXBwZXIsIFN0ZXBDb250ZW50IH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUnXG5pbXBvcnQgeyB1c2VTdGVwcGVyQ29udGV4dCB9IGZyb20gJy4vU3RlcHBlcidcbmltcG9ydCBMaXN0SXRlbSwgeyBMaXN0SXRlbVByb3BzIH0gZnJvbSAnLi8uLi9saXN0cy9MaXN0SXRlbSdcbmltcG9ydCB1dWlkIGZyb20gJ3V1aWQvdjQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIFN0ZXBQcm9wcyA9IHsgbGFiZWw6IFJlYWN0Tm9kZTsgY2hpbGRyZW46IFJlYWN0Tm9kZTsgbGlzdEl0ZW1Qcm9wcz86IExpc3RJdGVtUHJvcHMgfVxudHlwZSBTdGVwQ29tcG9uZW50ID0gRnVuY3Rpb25Db21wb25lbnQ8U3RlcFByb3BzPlxuXG5jb25zdCBsaXN0SXRlbVN0eWxlcyA9ICh7IGlzQWN0aXZlIH06IHsgaXNBY3RpdmU6IGJvb2xlYW4gfSkgPT4gY3NzYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2lzQWN0aXZlID8gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5saWdodCA6IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG5gXG5cbmNvbnN0IHN0ZXBDb250ZW50U3R5bGVzID0gY3NzYFxuICAuTXVpU3RlcENvbnRlbnQtcm9vdCB7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIG1hcmdpbjogMHB4O1xuICAgIHBhZGRpbmc6IDBweDtcbiAgfVxuYFxuXG5jb25zdCBTdGVwOiBTdGVwQ29tcG9uZW50ID0gKHsgY2hpbGRyZW4sIGxhYmVsLCBsaXN0SXRlbVByb3BzLCAuLi5wcm9wcyB9KSA9PiB7XG4gIGNvbnN0IFtzdGVwSWRdID0gdXNlU3RhdGUodXVpZCgpKVxuICBjb25zdCB7IHNldFN0ZXAsIGFjdGl2ZVN0ZXAgfSA9IHVzZVN0ZXBwZXJDb250ZXh0KClcbiAgY29uc3QgaXNBY3RpdmUgPSBzdGVwSWQgPT09IGFjdGl2ZVN0ZXBcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB1c2VFZmZlY3QoKCkgPT4gc2V0U3RlcChzdGVwSWQpLCBbXSlcbiAgcmV0dXJuIChcbiAgICA8U3RlcFdyYXBwZXIgey4uLnByb3BzfSBjc3M9e3N0ZXBDb250ZW50U3R5bGVzfT5cbiAgICAgIDxMaXN0SXRlbSBhcz1cImRpdlwiIGNzcz17bGlzdEl0ZW1TdHlsZXMoeyBpc0FjdGl2ZSB9KX0gey4uLmxpc3RJdGVtUHJvcHN9PlxuICAgICAgICB7bGFiZWx9XG4gICAgICA8L0xpc3RJdGVtPlxuICAgICAgPFN0ZXBDb250ZW50PntjaGlsZHJlbn08L1N0ZXBDb250ZW50PlxuICAgIDwvU3RlcFdyYXBwZXI+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgbWVtbyhTdGVwKVxuIl19 */");
-
-const stepContentStyles = process.env.NODE_ENV === "production" ? {
-  name: "1nyoacf",
-  styles: ".MuiStepContent-root{border:none;margin:0px;padding:0px;}"
-} : {
-  name: "ndmke3-stepContentStyles",
-  styles: ".MuiStepContent-root{border:none;margin:0px;padding:0px;};label:stepContentStyles;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwcGVyL1N0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWU2QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc3RlcHBlci9TdGVwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUsIEZ1bmN0aW9uQ29tcG9uZW50LCB1c2VFZmZlY3QsIHVzZVN0YXRlLCBtZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFN0ZXAgYXMgU3RlcFdyYXBwZXIsIFN0ZXBDb250ZW50IH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUnXG5pbXBvcnQgeyB1c2VTdGVwcGVyQ29udGV4dCB9IGZyb20gJy4vU3RlcHBlcidcbmltcG9ydCBMaXN0SXRlbSwgeyBMaXN0SXRlbVByb3BzIH0gZnJvbSAnLi8uLi9saXN0cy9MaXN0SXRlbSdcbmltcG9ydCB1dWlkIGZyb20gJ3V1aWQvdjQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIFN0ZXBQcm9wcyA9IHsgbGFiZWw6IFJlYWN0Tm9kZTsgY2hpbGRyZW46IFJlYWN0Tm9kZTsgbGlzdEl0ZW1Qcm9wcz86IExpc3RJdGVtUHJvcHMgfVxudHlwZSBTdGVwQ29tcG9uZW50ID0gRnVuY3Rpb25Db21wb25lbnQ8U3RlcFByb3BzPlxuXG5jb25zdCBsaXN0SXRlbVN0eWxlcyA9ICh7IGlzQWN0aXZlIH06IHsgaXNBY3RpdmU6IGJvb2xlYW4gfSkgPT4gY3NzYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2lzQWN0aXZlID8gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5saWdodCA6IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG5gXG5cbmNvbnN0IHN0ZXBDb250ZW50U3R5bGVzID0gY3NzYFxuICAuTXVpU3RlcENvbnRlbnQtcm9vdCB7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIG1hcmdpbjogMHB4O1xuICAgIHBhZGRpbmc6IDBweDtcbiAgfVxuYFxuXG5jb25zdCBTdGVwOiBTdGVwQ29tcG9uZW50ID0gKHsgY2hpbGRyZW4sIGxhYmVsLCBsaXN0SXRlbVByb3BzLCAuLi5wcm9wcyB9KSA9PiB7XG4gIGNvbnN0IFtzdGVwSWRdID0gdXNlU3RhdGUodXVpZCgpKVxuICBjb25zdCB7IHNldFN0ZXAsIGFjdGl2ZVN0ZXAgfSA9IHVzZVN0ZXBwZXJDb250ZXh0KClcbiAgY29uc3QgaXNBY3RpdmUgPSBzdGVwSWQgPT09IGFjdGl2ZVN0ZXBcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB1c2VFZmZlY3QoKCkgPT4gc2V0U3RlcChzdGVwSWQpLCBbXSlcbiAgcmV0dXJuIChcbiAgICA8U3RlcFdyYXBwZXIgey4uLnByb3BzfSBjc3M9e3N0ZXBDb250ZW50U3R5bGVzfT5cbiAgICAgIDxMaXN0SXRlbSBhcz1cImRpdlwiIGNzcz17bGlzdEl0ZW1TdHlsZXMoeyBpc0FjdGl2ZSB9KX0gey4uLmxpc3RJdGVtUHJvcHN9PlxuICAgICAgICB7bGFiZWx9XG4gICAgICA8L0xpc3RJdGVtPlxuICAgICAgPFN0ZXBDb250ZW50PntjaGlsZHJlbn08L1N0ZXBDb250ZW50PlxuICAgIDwvU3RlcFdyYXBwZXI+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgbWVtbyhTdGVwKVxuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
+const StepContext = /*#__PURE__*/(0, _react.createContext)({
+  completed: false,
+  active: false,
+  disabled: false,
+  editable: true,
+  index: 0
+});
+exports.StepContext = StepContext;
 
 const Step = _ref => {
-  let children = _ref.children,
-      label = _ref.label,
-      listItemProps = _ref.listItemProps,
+  let _ref$editable = _ref.editable,
+      editable = _ref$editable === void 0 ? true : _ref$editable,
+      index = _ref.index,
+      _ref$label = _ref.label,
+      label = _ref$label === void 0 ? '' : _ref$label,
+      activeProp = _ref.active,
+      completedProp = _ref.completed,
+      disabledProp = _ref.disabled,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  const _useState = (0, _react.useState)((0, _v.default)()),
-        _useState2 = _slicedToArray(_useState, 1),
-        stepId = _useState2[0];
-
-  const _useStepperContext = (0, _Stepper.useStepperContext)(),
-        setStep = _useStepperContext.setStep,
-        activeStep = _useStepperContext.activeStep;
-
-  const isActive = stepId === activeStep; // eslint-disable-next-line react-hooks/exhaustive-deps
-
-  (0, _react.useEffect)(() => setStep(stepId), []);
-  return (0, _react2.jsx)(_core.Step, _extends({}, props, {
-    css: stepContentStyles
-  }), (0, _react2.jsx)(_ListItem.default, _extends({
-    as: "div",
-    css: listItemStyles({
-      isActive
-    })
-  }, listItemProps), label), (0, _react2.jsx)(_core.StepContent, null, children));
+  const _useContext = (0, _react.useContext)(_Stepper2.StepperContext),
+        activeStep = _useContext.activeStep,
+        orientation = _useContext.orientation,
+        nonSequential = _useContext.nonSequential;
+
+  let _activeProp = activeProp,
+      active = _activeProp === void 0 ? false : _activeProp,
+      _completedProp = completedProp,
+      completed = _completedProp === void 0 ? false : _completedProp,
+      _disabledProp = disabledProp,
+      disabled = _disabledProp === void 0 ? false : _disabledProp;
+
+  if (activeStep === index) {
+    active = activeProp !== undefined ? activeProp : true;
+  } else if (!nonSequential && activeStep > index) {
+    completed = completedProp !== undefined ? completedProp : true;
+  } else if (!nonSequential && activeStep < index) {
+    disabled = disabledProp !== undefined ? disabledProp : true;
+  }
+
+  const contextValue = _react.default.useMemo(() => ({
+    index,
+    active,
+    completed,
+    disabled,
+    editable
+  }), [index, active, completed, disabled, editable]);
+
+  return (0, _react2.jsx)(StepContext.Provider, {
+    value: contextValue
+  }, (0, _react2.jsx)("div", _extends({
+    css: _Stepper.stepWrapperStyles
+  }, props), (0, _react2.jsx)(_StepButton.default, null), label && (0, _react2.jsx)(_StepLabel.default, null, label)));
 };
 
 var _default = /*#__PURE__*/(0, _react.memo)(Step);

package/cjs/stepper/StepButton.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Step = require("./Step");
+
+var _Stepper = require("./Stepper.styles");
+
+var _reactComponents = require("@dfds-ui/react-components");
+
+var _system = require("@dfds-ui/icons/system");
+
+var _react2 = require("@emotion/react");
+
+const _excluded = ["children"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+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)."; }
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1sljgw0",
+  styles: "min-height:1em;min-width:1em;margin:0;padding:0"
+} : {
+  name: "1jsyjm7-StepButton",
+  styles: "min-height:1em;min-width:1em;margin:0;padding:0;label:StepButton;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Ca0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N0ZXBwZXIvU3RlcEJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBTdGVwQ29udGV4dCB9IGZyb20gJy4vU3RlcCdcbmltcG9ydCB7IHN0ZXBCdXR0b25TdHlsZXMgfSBmcm9tICcuL1N0ZXBwZXIuc3R5bGVzJ1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBZZXMgfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgU3RlcEJ1dHRvblByb3BzID0gUmVhY3QuQnV0dG9uSFRNTEF0dHJpYnV0ZXM8SFRNTEJ1dHRvbkVsZW1lbnQ+XG5cbmNvbnN0IFN0ZXBCdXR0b246IFJlYWN0LkZDPFN0ZXBCdXR0b25Qcm9wcz4gPSAoeyBjaGlsZHJlbiwgLi4ucmVzdCB9KSA9PiB7XG4gIGNvbnN0IHsgY29tcGxldGVkLCBkaXNhYmxlZCwgaW5kZXgsIGFjdGl2ZSB9ID0gUmVhY3QudXNlQ29udGV4dChTdGVwQ29udGV4dClcbiAgcmV0dXJuIChcbiAgICA8YnV0dG9uIGRpc2FibGVkPXtkaXNhYmxlZH0gey4uLnJlc3R9IGNzcz17c3RlcEJ1dHRvblN0eWxlcyh7IGFjdGl2ZSwgY29tcGxldGVkIH0pfT5cbiAgICAgIHtjaGlsZHJlbiA/IChcbiAgICAgICAgY2hpbGRyZW5cbiAgICAgICkgOiBjb21wbGV0ZWQgPyAoXG4gICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgY29sb3I9XCJ3aGl0ZVwiXG4gICAgICAgICAgaWNvbj17WWVzfVxuICAgICAgICAgIGFyaWFMYWJlbD1cIkNvbXBsZXRlZFwiXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBtaW4taGVpZ2h0OiAxZW07XG4gICAgICAgICAgICBtaW4td2lkdGg6IDFlbTtcbiAgICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgICkgOiAoXG4gICAgICAgIGluZGV4ICsgMVxuICAgICAgKX1cbiAgICA8L2J1dHRvbj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBTdGVwQnV0dG9uXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+const StepButton = _ref2 => {
+  let children = _ref2.children,
+      rest = _objectWithoutProperties(_ref2, _excluded);
+
+  const _React$useContext = _react.default.useContext(_Step.StepContext),
+        completed = _React$useContext.completed,
+        disabled = _React$useContext.disabled,
+        index = _React$useContext.index,
+        active = _React$useContext.active;
+
+  return (0, _react2.jsx)("button", _extends({
+    disabled: disabled
+  }, rest, {
+    css: (0, _Stepper.stepButtonStyles)({
+      active,
+      completed
+    })
+  }), children ? children : completed ? (0, _react2.jsx)(_reactComponents.IconButton, {
+    color: "white",
+    icon: _system.Yes,
+    ariaLabel: "Completed",
+    css: _ref
+  }) : index + 1);
+};
+
+var _default = StepButton;
+exports.default = _default;

package/cjs/stepper/StepLabel.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _Step = require("./Step");
+
+var _theme = require("@dfds-ui/theme");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const StepLabel = ({
+  children
+}) => {
+  const _React$useContext = _react.default.useContext(_Step.StepContext),
+        completed = _React$useContext.completed,
+        active = _React$useContext.active;
+
+  return (0, _react2.jsx)("div", null, (0, _react2.jsx)("p", {
+    css: /*#__PURE__*/(0, _react2.css)("font-size:16px;color:", completed || active ? _theme.theme.colors.text.primary.primary : _theme.theme.colors.text.primary.secondary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:StepLabel;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBMYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWdCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBMYWJlbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBTdGVwQ29udGV4dCB9IGZyb20gJy4vU3RlcCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgU3RlcExhYmxlVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn1cblxuY29uc3QgU3RlcExhYmVsOiBGQzxTdGVwTGFibGVUeXBlcz4gPSAoeyBjaGlsZHJlbiB9KSA9PiB7XG4gIGNvbnN0IHsgY29tcGxldGVkLCBhY3RpdmUgfSA9IFJlYWN0LnVzZUNvbnRleHQoU3RlcENvbnRleHQpXG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgPHBcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgICAgIGNvbG9yOiAke2NvbXBsZXRlZCB8fCBhY3RpdmUgPyB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnkgOiB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnNlY29uZGFyeX07XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvcD5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBTdGVwTGFiZWxcbiJdfQ== */")
+  }, children));
+};
+
+var _default = StepLabel;
+exports.default = _default;

package/cjs/stepper/Stepper.js

@@ -3,90 +3,57 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.useStepperContext = void 0;
+exports.default = exports.StepperContext = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _core = require("@material-ui/core");
+var _Stepper = require("./Stepper.styles");
 
 var _react2 = require("@emotion/react");
 
-const _excluded = ["children", "initialStep"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-const StepperContext = /*#__PURE__*/(0, _react.createContext)(undefined);
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-const useStepperContext = () => {
-  const context = (0, _react.useContext)(StepperContext);
-
-  if (context === undefined) {
-    throw new Error('useStepperContext must be used within a StepperProvider');
-  }
-
-  return context;
-};
-
-exports.useStepperContext = useStepperContext;
-
-const StepperProvider = _ref => {
-  let children = _ref.children,
-      initialStep = _ref.initialStep,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  const _useState = (0, _react.useState)([]),
-        _useState2 = _slicedToArray(_useState, 2),
-        steps = _useState2[0],
-        setSteps = _useState2[1];
-
-  const _useState3 = (0, _react.useState)(initialStep || 0),
-        _useState4 = _slicedToArray(_useState3, 2),
-        activeIndex = _useState4[0],
-        setActiveIndex = _useState4[1];
+const StepperContext = /*#__PURE__*/(0, _react.createContext)({
+  activeStep: 0,
+  orientation: 'horizontal',
+  nonSequential: false
+});
+exports.StepperContext = StepperContext;
+
+const StepperProvider = ({
+  children,
+  activeStep = 0,
+  nonSequential = false,
+  orientation = 'horizontal'
+}) => {
+  const childrenArray = _react.default.Children.toArray(children).filter(Boolean);
+
+  const stepArray = childrenArray.map((child, index) => {
+    return /*#__PURE__*/_react.default.cloneElement(child, _objectSpread({
+      index,
+      last: index + 1 === childrenArray.length
+    }, child.props));
+  });
+
+  const contextValue = _react.default.useMemo(() => ({
+    activeStep,
+    nonSequential,
+    orientation
+  }), [activeStep, nonSequential, orientation]);
 
-  const activeStep = steps[activeIndex];
-  const setStep = (0, _react.useCallback)(newStep => setSteps(prevSteps => [...prevSteps, newStep]), []);
-  const setNext = (0, _react.useCallback)(() => setActiveIndex(prevIndex => prevIndex + 1), []);
-  const setBack = (0, _react.useCallback)(() => setActiveIndex(prevIndex => prevIndex - 1), []);
-  const setReset = (0, _react.useCallback)(() => setActiveIndex(0), []);
   return (0, _react2.jsx)(StepperContext.Provider, {
-    value: {
-      setStep,
-      activeStep,
-      setNext,
-      setBack,
-      setReset,
-      setActiveIndex
-    }
-  }, (0, _react2.jsx)(_core.Stepper, _extends({
-    style: {
-      padding: 0
-    }
-  }, props, {
-    connector: (0, _react2.jsx)(_react.default.Fragment, null),
-    orientation: "vertical",
-    activeStep: activeIndex
-  }), children));
+    value: contextValue
+  }, (0, _react2.jsx)("div", {
+    css: _Stepper.stepperWrapperStyles
+  }, stepArray));
 };
 
 var _default = /*#__PURE__*/(0, _react.memo)(StepperProvider);