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

package/cjs/stepper/Stepper.styles.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.stepButtonStyles = exports.stepWrapperStyles = exports.stepperWrapperStyles = void 0;
+
+var _theme = require("@dfds-ui/theme");
+
+var _react = require("@emotion/react");
+
+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 stepperWrapperStyles = process.env.NODE_ENV === "production" ? {
+  name: "zjik7",
+  styles: "display:flex"
+} : {
+  name: "1efy7gc-stepperWrapperStyles",
+  styles: "display:flex;label:stepperWrapperStyles;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBwZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N0ZXBwZXIvU3RlcHBlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3Qgc3RlcHBlcldyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG5gXG5cbmV4cG9ydCBjb25zdCBzdGVwV3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAwLjVyZW07XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICY6bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgZmxleDogMTtcbiAgICAmOmFmdGVyIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIHotaW5kZXg6IC0xO1xuICAgICAgaGVpZ2h0OiAycHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjYTZiNWJkO1xuICAgICAgZmxleDogMTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWFyZ2luLXJpZ2h0OiAwLjVyZW07XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzdGVwQnV0dG9uU3R5bGVzID0gKHsgYWN0aXZlLCBjb21wbGV0ZWQgfTogYW55KSA9PiBjc3NgXG4gIGJvcmRlcjogbm9uZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHthY3RpdmUgfHwgY29tcGxldGVkID8gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluIDogJyNhNmI1YmQnfTtcbiAgZm9udC13ZWlnaHQ6ICR7YWN0aXZlIHx8IGNvbXBsZXRlZCA/ICdib2xkJyA6ICcnfTtcbiAgbWluLXdpZHRoOiAxLjVlbTtcbiAgbWluLWhlaWdodDogMS41ZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjb2xvcjogI2ZmZjtcbiAgOmhvdmVyIHtcbiAgICBjb2xvcjogI2ZmZjtcbiAgfVxuYFxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+exports.stepperWrapperStyles = stepperWrapperStyles;
+const stepWrapperStyles = process.env.NODE_ENV === "production" ? {
+  name: "qws31f",
+  styles: "display:flex;gap:0.5rem;align-items:center;box-sizing:border-box;&:not(:last-child){flex:1;&:after{box-sizing:border-box;display:inline-block;content:'';position:relative;z-index:-1;height:2px;background-color:#a6b5bd;flex:1;width:100%;margin-right:0.5rem;}}"
+} : {
+  name: "8b6k6d-stepWrapperStyles",
+  styles: "display:flex;gap:0.5rem;align-items:center;box-sizing:border-box;&:not(:last-child){flex:1;&:after{box-sizing:border-box;display:inline-block;content:'';position:relative;z-index:-1;height:2px;background-color:#a6b5bd;flex:1;width:100%;margin-right:0.5rem;}};label:stepWrapperStyles;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBwZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPb0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N0ZXBwZXIvU3RlcHBlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3Qgc3RlcHBlcldyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG5gXG5cbmV4cG9ydCBjb25zdCBzdGVwV3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAwLjVyZW07XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICY6bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgZmxleDogMTtcbiAgICAmOmFmdGVyIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIHotaW5kZXg6IC0xO1xuICAgICAgaGVpZ2h0OiAycHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjYTZiNWJkO1xuICAgICAgZmxleDogMTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWFyZ2luLXJpZ2h0OiAwLjVyZW07XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzdGVwQnV0dG9uU3R5bGVzID0gKHsgYWN0aXZlLCBjb21wbGV0ZWQgfTogYW55KSA9PiBjc3NgXG4gIGJvcmRlcjogbm9uZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHthY3RpdmUgfHwgY29tcGxldGVkID8gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluIDogJyNhNmI1YmQnfTtcbiAgZm9udC13ZWlnaHQ6ICR7YWN0aXZlIHx8IGNvbXBsZXRlZCA/ICdib2xkJyA6ICcnfTtcbiAgbWluLXdpZHRoOiAxLjVlbTtcbiAgbWluLWhlaWdodDogMS41ZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjb2xvcjogI2ZmZjtcbiAgOmhvdmVyIHtcbiAgICBjb2xvcjogI2ZmZjtcbiAgfVxuYFxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+exports.stepWrapperStyles = stepWrapperStyles;
+
+const stepButtonStyles = ({
+  active,
+  completed
+}) => /*#__PURE__*/(0, _react.css)("border:none;margin:0;padding:0;cursor:pointer;border-radius:50%;background-color:", active || completed ? _theme.theme.colors.secondary.main : '#a6b5bd', ";font-weight:", active || completed ? 'bold' : '', ";min-width:1.5em;min-height:1.5em;display:flex;justify-content:center;align-items:center;color:#fff;:hover{color:#fff;}" + (process.env.NODE_ENV === "production" ? "" : ";label:stepButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBwZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Qm1FIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBwZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGNvbnN0IHN0ZXBwZXJXcmFwcGVyU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuYFxuXG5leHBvcnQgY29uc3Qgc3RlcFdyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogMC41cmVtO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAmOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgIGZsZXg6IDE7XG4gICAgJjphZnRlciB7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICB6LWluZGV4OiAtMTtcbiAgICAgIGhlaWdodDogMnB4O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2E2YjViZDtcbiAgICAgIGZsZXg6IDE7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIG1hcmdpbi1yaWdodDogMC41cmVtO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgc3RlcEJ1dHRvblN0eWxlcyA9ICh7IGFjdGl2ZSwgY29tcGxldGVkIH06IGFueSkgPT4gY3NzYFxuICBib3JkZXI6IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7YWN0aXZlIHx8IGNvbXBsZXRlZCA/IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbiA6ICcjYTZiNWJkJ307XG4gIGZvbnQtd2VpZ2h0OiAke2FjdGl2ZSB8fCBjb21wbGV0ZWQgPyAnYm9sZCcgOiAnJ307XG4gIG1pbi13aWR0aDogMS41ZW07XG4gIG1pbi1oZWlnaHQ6IDEuNWVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICNmZmY7XG4gIDpob3ZlciB7XG4gICAgY29sb3I6ICNmZmY7XG4gIH1cbmBcbiJdfQ== */");
+
+exports.stepButtonStyles = stepButtonStyles;

package/cjs/stepper/index.js

@@ -15,19 +15,9 @@ Object.defineProperty(exports, "Stepper", {
     return _Stepper.default;
   }
 });
-Object.defineProperty(exports, "useStepperContext", {
-  enumerable: true,
-  get: function get() {
-    return _Stepper.useStepperContext;
-  }
-});
 
 var _Step = _interopRequireDefault(require("./Step"));
 
-var _Stepper = _interopRequireWildcard(require("./Stepper"));
-
-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; }
+var _Stepper = _interopRequireDefault(require("./Stepper"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/loader/DfdsLoader.d.ts

@@ -0,0 +1,9 @@
+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,55 @@
+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 { media, theme } from '@dfds-ui/theme';
+import { FlexBox } from '../flexbox';
+import LockBodyScroll from '../common/LockBodyScroll';
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0RrQiIsImZpbGUiOiIuLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL2ZsZXhib3gnXG5pbXBvcnQgTG9ja0JvZHlTY3JvbGwgZnJvbSAnLi4vY29tbW9uL0xvY2tCb2R5U2Nyb2xsJ1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxMb2NrQm9keVNjcm9sbCBlbmFibGVkPXt0cnVlfSBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCIgaHRtbENsYXNzTmFtZUFwcGxpZWQ9XCJNb2RhbF9fSHRtbC0tb3BlblwiPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwYWRkaW5nLWxlZnQ6IGNhbGMoMTAwdncgLSAxMDAlKTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgxMjE4KWBcbiAgICAgICAgICAgIHRvcDogJHtzaG93TWVudSA/ICc0OHB4JyA6ICcwJ307XG4gICAgICAgICBgfVxuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGRpcmVjdGlvbkNvbHVtblxuICAgICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgICBpdGVtc0NlbnRlclxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8RmxleEJveD5cbiAgICAgICAgICAgIDxTaGlwXG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIHdpZHRoOiA3MHB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogNzBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtpY29uQ29sb3IgPz8gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMDtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxXYXZlc1xuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB0b3A6IDUwJTtcbiAgICAgICAgICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDE0NnB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogMjBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHt3YXZlQ29sb3IgPz8gdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMTtcbiAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogLTczcHg7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogMTNweDtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmIHNob3dNZW51ICYmICcyMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHshbGFiZWwgJiYgc2hvd01lbnUgJiYgJzQycHgnfTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoMTIxOClgXG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAxM3B4O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiBzaG93TWVudSAmJiAnMTJweCd9O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAkeyFsYWJlbCAmJiBzaG93TWVudSAmJiAnMzVweCd9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBhcz1cImRpdlwiXG4gICAgICAgICAgICAgIHN0eWxlZEFzPVwibGFiZWxcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9kaXY+XG4gICAgPC9Mb2NrQm9keVNjcm9sbD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBEZmRzTG9hZGVyXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var DfdsLoader = function DfdsLoader(_ref2) {
+  var label = _ref2.label,
+      iconColor = _ref2.iconColor,
+      waveColor = _ref2.waveColor,
+      showMenu = _ref2.showMenu;
+  return ___EmotionJSX(LockBodyScroll, {
+    enabled: true,
+    bodyClassNameApplied: "Modal__Body--open",
+    htmlClassNameApplied: "Modal__Html--open"
+  }, ___EmotionJSX("div", {
+    css: /*#__PURE__*/css("padding-left:calc(100vw - 100%);background-color:", theme.colors.surface.secondary, ";position:fixed;left:0;right:0;top:", showMenu ? '60px' : '0', ";bottom:0;z-index:4999;", media.lessThanEqual(1218)(_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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0JnQiIsImZpbGUiOiIuLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL2ZsZXhib3gnXG5pbXBvcnQgTG9ja0JvZHlTY3JvbGwgZnJvbSAnLi4vY29tbW9uL0xvY2tCb2R5U2Nyb2xsJ1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxMb2NrQm9keVNjcm9sbCBlbmFibGVkPXt0cnVlfSBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCIgaHRtbENsYXNzTmFtZUFwcGxpZWQ9XCJNb2RhbF9fSHRtbC0tb3BlblwiPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwYWRkaW5nLWxlZnQ6IGNhbGMoMTAwdncgLSAxMDAlKTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgxMjE4KWBcbiAgICAgICAgICAgIHRvcDogJHtzaG93TWVudSA/ICc0OHB4JyA6ICcwJ307XG4gICAgICAgICBgfVxuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGRpcmVjdGlvbkNvbHVtblxuICAgICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgICBpdGVtc0NlbnRlclxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8RmxleEJveD5cbiAgICAgICAgICAgIDxTaGlwXG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIHdpZHRoOiA3MHB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogNzBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtpY29uQ29sb3IgPz8gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMDtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxXYXZlc1xuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB0b3A6IDUwJTtcbiAgICAgICAgICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDE0NnB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogMjBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHt3YXZlQ29sb3IgPz8gdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMTtcbiAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogLTczcHg7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogMTNweDtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmIHNob3dNZW51ICYmICcyMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHshbGFiZWwgJiYgc2hvd01lbnUgJiYgJzQycHgnfTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoMTIxOClgXG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAxM3B4O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiBzaG93TWVudSAmJiAnMTJweCd9O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAkeyFsYWJlbCAmJiBzaG93TWVudSAmJiAnMzVweCd9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBhcz1cImRpdlwiXG4gICAgICAgICAgICAgIHN0eWxlZEFzPVwibGFiZWxcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9kaXY+XG4gICAgPC9Mb2NrQm9keVNjcm9sbD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBEZmRzTG9hZGVyXG4iXX0= */")
+  }, ___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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0RzQiIsImZpbGUiOiIuLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL2ZsZXhib3gnXG5pbXBvcnQgTG9ja0JvZHlTY3JvbGwgZnJvbSAnLi4vY29tbW9uL0xvY2tCb2R5U2Nyb2xsJ1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxMb2NrQm9keVNjcm9sbCBlbmFibGVkPXt0cnVlfSBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCIgaHRtbENsYXNzTmFtZUFwcGxpZWQ9XCJNb2RhbF9fSHRtbC0tb3BlblwiPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwYWRkaW5nLWxlZnQ6IGNhbGMoMTAwdncgLSAxMDAlKTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgxMjE4KWBcbiAgICAgICAgICAgIHRvcDogJHtzaG93TWVudSA/ICc0OHB4JyA6ICcwJ307XG4gICAgICAgICBgfVxuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGRpcmVjdGlvbkNvbHVtblxuICAgICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgICBpdGVtc0NlbnRlclxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8RmxleEJveD5cbiAgICAgICAgICAgIDxTaGlwXG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIHdpZHRoOiA3MHB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogNzBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtpY29uQ29sb3IgPz8gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMDtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxXYXZlc1xuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB0b3A6IDUwJTtcbiAgICAgICAgICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDE0NnB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogMjBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHt3YXZlQ29sb3IgPz8gdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMTtcbiAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogLTczcHg7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogMTNweDtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmIHNob3dNZW51ICYmICcyMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHshbGFiZWwgJiYgc2hvd01lbnUgJiYgJzQycHgnfTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoMTIxOClgXG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAxM3B4O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiBzaG93TWVudSAmJiAnMTJweCd9O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAkeyFsYWJlbCAmJiBzaG93TWVudSAmJiAnMzVweCd9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBhcz1cImRpdlwiXG4gICAgICAgICAgICAgIHN0eWxlZEFzPVwibGFiZWxcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9kaXY+XG4gICAgPC9Mb2NrQm9keVNjcm9sbD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBEZmRzTG9hZGVyXG4iXX0= */")
+  }), ___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:13px;margin-top:", label && showMenu && '20px', ";margin-top:", label && !showMenu && '-10px', ";margin-top:", !label && showMenu && '42px', ";animation:", wave, " 0.8s linear infinite;", media.lessThanEqual(1218)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n                  margin-top: 13px;\n                  margin-top: ", ";\n                  margin-top: ", ";\n                  margin-top: ", ";\n                "])), label && showMenu && '12px', label && !showMenu && '-10px', !label && showMenu && '35px'), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:DfdsLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUVzQiIsImZpbGUiOiIuLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL2ZsZXhib3gnXG5pbXBvcnQgTG9ja0JvZHlTY3JvbGwgZnJvbSAnLi4vY29tbW9uL0xvY2tCb2R5U2Nyb2xsJ1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxMb2NrQm9keVNjcm9sbCBlbmFibGVkPXt0cnVlfSBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCIgaHRtbENsYXNzTmFtZUFwcGxpZWQ9XCJNb2RhbF9fSHRtbC0tb3BlblwiPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwYWRkaW5nLWxlZnQ6IGNhbGMoMTAwdncgLSAxMDAlKTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgxMjE4KWBcbiAgICAgICAgICAgIHRvcDogJHtzaG93TWVudSA/ICc0OHB4JyA6ICcwJ307XG4gICAgICAgICBgfVxuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGRpcmVjdGlvbkNvbHVtblxuICAgICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgICBpdGVtc0NlbnRlclxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8RmxleEJveD5cbiAgICAgICAgICAgIDxTaGlwXG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIHdpZHRoOiA3MHB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogNzBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtpY29uQ29sb3IgPz8gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMDtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxXYXZlc1xuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB0b3A6IDUwJTtcbiAgICAgICAgICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDE0NnB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogMjBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHt3YXZlQ29sb3IgPz8gdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMTtcbiAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogLTczcHg7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogMTNweDtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmIHNob3dNZW51ICYmICcyMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHshbGFiZWwgJiYgc2hvd01lbnUgJiYgJzQycHgnfTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoMTIxOClgXG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAxM3B4O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiBzaG93TWVudSAmJiAnMTJweCd9O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAkeyFsYWJlbCAmJiBzaG93TWVudSAmJiAnMzVweCd9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBhcz1cImRpdlwiXG4gICAgICAgICAgICAgIHN0eWxlZEFzPVwibGFiZWxcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9kaXY+XG4gICAgPC9Mb2NrQm9keVNjcm9sbD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBEZmRzTG9hZGVyXG4iXX0= */")
+  })), 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkZzQiIsImZpbGUiOiIuLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL2ZsZXhib3gnXG5pbXBvcnQgTG9ja0JvZHlTY3JvbGwgZnJvbSAnLi4vY29tbW9uL0xvY2tCb2R5U2Nyb2xsJ1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxMb2NrQm9keVNjcm9sbCBlbmFibGVkPXt0cnVlfSBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCIgaHRtbENsYXNzTmFtZUFwcGxpZWQ9XCJNb2RhbF9fSHRtbC0tb3BlblwiPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwYWRkaW5nLWxlZnQ6IGNhbGMoMTAwdncgLSAxMDAlKTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgxMjE4KWBcbiAgICAgICAgICAgIHRvcDogJHtzaG93TWVudSA/ICc0OHB4JyA6ICcwJ307XG4gICAgICAgICBgfVxuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGRpcmVjdGlvbkNvbHVtblxuICAgICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgICBpdGVtc0NlbnRlclxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8RmxleEJveD5cbiAgICAgICAgICAgIDxTaGlwXG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIHdpZHRoOiA3MHB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogNzBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtpY29uQ29sb3IgPz8gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMDtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxXYXZlc1xuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB0b3A6IDUwJTtcbiAgICAgICAgICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDE0NnB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogMjBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHt3YXZlQ29sb3IgPz8gdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMTtcbiAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogLTczcHg7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogMTNweDtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmIHNob3dNZW51ICYmICcyMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHshbGFiZWwgJiYgc2hvd01lbnUgJiYgJzQycHgnfTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoMTIxOClgXG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAxM3B4O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiBzaG93TWVudSAmJiAnMTJweCd9O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAkeyFsYWJlbCAmJiBzaG93TWVudSAmJiAnMzVweCd9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBhcz1cImRpdlwiXG4gICAgICAgICAgICAgIHN0eWxlZEFzPVwibGFiZWxcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9kaXY+XG4gICAgPC9Mb2NrQm9keVNjcm9sbD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBEZmRzTG9hZGVyXG4iXX0= */"),
+    as: "div",
+    styledAs: "label"
+  }, label))));
+};
+
+export default DfdsLoader;

package/loader/Loader.js

@@ -19,7 +19,7 @@ var ShipLoader = /*#__PURE__*/_styled(Ship, process.env.NODE_ENV === "production
 } : {
   target: "e1bb5ezl3",
   label: "ShipLoader"
-})("width:80px;height:80px;position:fixed;top:50%;left:50%;color:", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQitCIiwiZmlsZSI6Ii4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTaGlwLCBXYXZlcyB9IGZyb20gJ0BkZmRzLXVpL2ljb25zJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBQcm9wcyA9IHsgbGFiZWw/OiBzdHJpbmcgfVxuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmNvbnN0IFNoaXBMb2FkZXIgPSBzdHlsZWQoU2hpcClgXG4gIHdpZHRoOiA4MHB4O1xuICBoZWlnaHQ6IDgwcHg7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgdG9wOiA1MCU7XG4gIGxlZnQ6IDUwJTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgei1pbmRleDogNTAwMDtcbiAgbWFyZ2luLXRvcDogLTQwcHg7XG4gIG1hcmdpbi1sZWZ0OiAtNDBweDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGFuaW1hdGlvbjogJHtzYWlsfSAwLjU4cyBlYXNlLWluLW91dCBhbHRlcm5hdGUgaW5maW5pdGU7XG5gXG5cbmNvbnN0IExhYmVsID0gc3R5bGVkLmRpdmBcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB0b3A6IDU1JTtcbiAgcmlnaHQ6IDA7XG4gIGxlZnQ6IDA7XG4gIHotaW5kZXg6IDUwMDA7XG4gIHBhZGRpbmctdG9wOiAycmVtO1xuICBmb250LXNpemU6IDE3cHg7XG5gXG5cbmNvbnN0IFdhdmVzTG9hZGVyID0gc3R5bGVkKFdhdmVzKWBcbiAgdG9wOiA1MCU7XG4gIGxlZnQ6IDUwJTtcbiAgd2lkdGg6IDE0NnB4O1xuICBoZWlnaHQ6IDIwcHg7XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgei1pbmRleDogNTAwMTtcbiAgbWFyZ2luLWxlZnQ6IC03M3B4O1xuICBtYXJnaW4tdG9wOiAxM3B4O1xuICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5gXG5cbmNvbnN0IE92ZXJsYXkgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMDtcbiAgYm90dG9tOiAwO1xuICB6LWluZGV4OiA0OTk5O1xuYFxuXG5mdW5jdGlvbiBMb2FkZXIocHJvcHM6IFByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPE92ZXJsYXk+XG4gICAgICA8ZGl2PlxuICAgICAgICA8U2hpcExvYWRlciAvPlxuICAgICAgICA8V2F2ZXNMb2FkZXIgLz5cbiAgICAgIDwvZGl2PlxuICAgICAgPExhYmVsPntwcm9wcy5sYWJlbH08L0xhYmVsPlxuICAgIDwvT3ZlcmxheT5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBMb2FkZXJcbiJdfQ== */"));
+})("width:80px;height:80px;position:fixed;top:50%;left:50%;color:", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQitCIiwiZmlsZSI6Ii4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTaGlwLCBXYXZlcyB9IGZyb20gJ0BkZmRzLXVpL2ljb25zJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBQcm9wcyA9IHtcbiAgbGFiZWw/OiBzdHJpbmdcbn1cblxuY29uc3Qgc2FpbCA9IGtleWZyYW1lc2BcbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtM3B4KTtcbiAgfVxuYFxuXG5jb25zdCB3YXZlID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0zMHB4KTtcbiAgfVxuYFxuXG5jb25zdCBTaGlwTG9hZGVyID0gc3R5bGVkKFNoaXApYFxuICB3aWR0aDogODBweDtcbiAgaGVpZ2h0OiA4MHB4O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHRvcDogNTAlO1xuICBsZWZ0OiA1MCU7XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gIHotaW5kZXg6IDUwMDA7XG4gIG1hcmdpbi10b3A6IC00MHB4O1xuICBtYXJnaW4tbGVmdDogLTQwcHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuYFxuXG5jb25zdCBMYWJlbCA9IHN0eWxlZC5kaXZgXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgcG9zaXRpb246IGZpeGVkO1xuICBkaXNwbGF5OiBibG9jaztcbiAgdG9wOiA1NSU7XG4gIHJpZ2h0OiAwO1xuICBsZWZ0OiAwO1xuICB6LWluZGV4OiA1MDAwO1xuICBwYWRkaW5nLXRvcDogMnJlbTtcbiAgZm9udC1zaXplOiAxN3B4O1xuYFxuXG5jb25zdCBXYXZlc0xvYWRlciA9IHN0eWxlZChXYXZlcylgXG4gIHRvcDogNTAlO1xuICBsZWZ0OiA1MCU7XG4gIHdpZHRoOiAxNDZweDtcbiAgaGVpZ2h0OiAyMHB4O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHotaW5kZXg6IDUwMDE7XG4gIG1hcmdpbi1sZWZ0OiAtNzNweDtcbiAgbWFyZ2luLXRvcDogMTNweDtcbiAgYW5pbWF0aW9uOiAke3dhdmV9IDAuOHMgbGluZWFyIGluZmluaXRlO1xuYFxuXG5jb25zdCBPdmVybGF5ID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDA7XG4gIGJvdHRvbTogMDtcbiAgei1pbmRleDogNDk5OTtcbmBcblxuZnVuY3Rpb24gTG9hZGVyKHByb3BzOiBQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxPdmVybGF5PlxuICAgICAgPGRpdj5cbiAgICAgICAgPFNoaXBMb2FkZXIgLz5cbiAgICAgICAgPFdhdmVzTG9hZGVyIC8+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxMYWJlbD57cHJvcHMubGFiZWx9PC9MYWJlbD5cbiAgICA8L092ZXJsYXk+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTG9hZGVyXG4iXX0= */"));
 
 var Label = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1bb5ezl2"
@@ -32,7 +32,7 @@ var Label = _styled("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQ3dCIiwiZmlsZSI6Ii4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTaGlwLCBXYXZlcyB9IGZyb20gJ0BkZmRzLXVpL2ljb25zJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBQcm9wcyA9IHsgbGFiZWw/OiBzdHJpbmcgfVxuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmNvbnN0IFNoaXBMb2FkZXIgPSBzdHlsZWQoU2hpcClgXG4gIHdpZHRoOiA4MHB4O1xuICBoZWlnaHQ6IDgwcHg7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgdG9wOiA1MCU7XG4gIGxlZnQ6IDUwJTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgei1pbmRleDogNTAwMDtcbiAgbWFyZ2luLXRvcDogLTQwcHg7XG4gIG1hcmdpbi1sZWZ0OiAtNDBweDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGFuaW1hdGlvbjogJHtzYWlsfSAwLjU4cyBlYXNlLWluLW91dCBhbHRlcm5hdGUgaW5maW5pdGU7XG5gXG5cbmNvbnN0IExhYmVsID0gc3R5bGVkLmRpdmBcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB0b3A6IDU1JTtcbiAgcmlnaHQ6IDA7XG4gIGxlZnQ6IDA7XG4gIHotaW5kZXg6IDUwMDA7XG4gIHBhZGRpbmctdG9wOiAycmVtO1xuICBmb250LXNpemU6IDE3cHg7XG5gXG5cbmNvbnN0IFdhdmVzTG9hZGVyID0gc3R5bGVkKFdhdmVzKWBcbiAgdG9wOiA1MCU7XG4gIGxlZnQ6IDUwJTtcbiAgd2lkdGg6IDE0NnB4O1xuICBoZWlnaHQ6IDIwcHg7XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgei1pbmRleDogNTAwMTtcbiAgbWFyZ2luLWxlZnQ6IC03M3B4O1xuICBtYXJnaW4tdG9wOiAxM3B4O1xuICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5gXG5cbmNvbnN0IE92ZXJsYXkgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMDtcbiAgYm90dG9tOiAwO1xuICB6LWluZGV4OiA0OTk5O1xuYFxuXG5mdW5jdGlvbiBMb2FkZXIocHJvcHM6IFByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPE92ZXJsYXk+XG4gICAgICA8ZGl2PlxuICAgICAgICA8U2hpcExvYWRlciAvPlxuICAgICAgICA8V2F2ZXNMb2FkZXIgLz5cbiAgICAgIDwvZGl2PlxuICAgICAgPExhYmVsPntwcm9wcy5sYWJlbH08L0xhYmVsPlxuICAgIDwvT3ZlcmxheT5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBMb2FkZXJcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQ3dCIiwiZmlsZSI6Ii4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTaGlwLCBXYXZlcyB9IGZyb20gJ0BkZmRzLXVpL2ljb25zJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBQcm9wcyA9IHtcbiAgbGFiZWw/OiBzdHJpbmdcbn1cblxuY29uc3Qgc2FpbCA9IGtleWZyYW1lc2BcbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtM3B4KTtcbiAgfVxuYFxuXG5jb25zdCB3YXZlID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0zMHB4KTtcbiAgfVxuYFxuXG5jb25zdCBTaGlwTG9hZGVyID0gc3R5bGVkKFNoaXApYFxuICB3aWR0aDogODBweDtcbiAgaGVpZ2h0OiA4MHB4O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHRvcDogNTAlO1xuICBsZWZ0OiA1MCU7XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gIHotaW5kZXg6IDUwMDA7XG4gIG1hcmdpbi10b3A6IC00MHB4O1xuICBtYXJnaW4tbGVmdDogLTQwcHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuYFxuXG5jb25zdCBMYWJlbCA9IHN0eWxlZC5kaXZgXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgcG9zaXRpb246IGZpeGVkO1xuICBkaXNwbGF5OiBibG9jaztcbiAgdG9wOiA1NSU7XG4gIHJpZ2h0OiAwO1xuICBsZWZ0OiAwO1xuICB6LWluZGV4OiA1MDAwO1xuICBwYWRkaW5nLXRvcDogMnJlbTtcbiAgZm9udC1zaXplOiAxN3B4O1xuYFxuXG5jb25zdCBXYXZlc0xvYWRlciA9IHN0eWxlZChXYXZlcylgXG4gIHRvcDogNTAlO1xuICBsZWZ0OiA1MCU7XG4gIHdpZHRoOiAxNDZweDtcbiAgaGVpZ2h0OiAyMHB4O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHotaW5kZXg6IDUwMDE7XG4gIG1hcmdpbi1sZWZ0OiAtNzNweDtcbiAgbWFyZ2luLXRvcDogMTNweDtcbiAgYW5pbWF0aW9uOiAke3dhdmV9IDAuOHMgbGluZWFyIGluZmluaXRlO1xuYFxuXG5jb25zdCBPdmVybGF5ID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDA7XG4gIGJvdHRvbTogMDtcbiAgei1pbmRleDogNDk5OTtcbmBcblxuZnVuY3Rpb24gTG9hZGVyKHByb3BzOiBQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxPdmVybGF5PlxuICAgICAgPGRpdj5cbiAgICAgICAgPFNoaXBMb2FkZXIgLz5cbiAgICAgICAgPFdhdmVzTG9hZGVyIC8+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxMYWJlbD57cHJvcHMubGFiZWx9PC9MYWJlbD5cbiAgICA8L092ZXJsYXk+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTG9hZGVyXG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 
@@ -41,14 +41,14 @@ var WavesLoader = /*#__PURE__*/_styled(Waves, process.env.NODE_ENV === "producti
 } : {
   target: "e1bb5ezl1",
   label: "WavesLoader"
-})("top:50%;left:50%;width:146px;height:20px;color:", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Q2lDIiwiZmlsZSI6Ii4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTaGlwLCBXYXZlcyB9IGZyb20gJ0BkZmRzLXVpL2ljb25zJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBQcm9wcyA9IHsgbGFiZWw/OiBzdHJpbmcgfVxuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmNvbnN0IFNoaXBMb2FkZXIgPSBzdHlsZWQoU2hpcClgXG4gIHdpZHRoOiA4MHB4O1xuICBoZWlnaHQ6IDgwcHg7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgdG9wOiA1MCU7XG4gIGxlZnQ6IDUwJTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgei1pbmRleDogNTAwMDtcbiAgbWFyZ2luLXRvcDogLTQwcHg7XG4gIG1hcmdpbi1sZWZ0OiAtNDBweDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGFuaW1hdGlvbjogJHtzYWlsfSAwLjU4cyBlYXNlLWluLW91dCBhbHRlcm5hdGUgaW5maW5pdGU7XG5gXG5cbmNvbnN0IExhYmVsID0gc3R5bGVkLmRpdmBcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB0b3A6IDU1JTtcbiAgcmlnaHQ6IDA7XG4gIGxlZnQ6IDA7XG4gIHotaW5kZXg6IDUwMDA7XG4gIHBhZGRpbmctdG9wOiAycmVtO1xuICBmb250LXNpemU6IDE3cHg7XG5gXG5cbmNvbnN0IFdhdmVzTG9hZGVyID0gc3R5bGVkKFdhdmVzKWBcbiAgdG9wOiA1MCU7XG4gIGxlZnQ6IDUwJTtcbiAgd2lkdGg6IDE0NnB4O1xuICBoZWlnaHQ6IDIwcHg7XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgei1pbmRleDogNTAwMTtcbiAgbWFyZ2luLWxlZnQ6IC03M3B4O1xuICBtYXJnaW4tdG9wOiAxM3B4O1xuICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5gXG5cbmNvbnN0IE92ZXJsYXkgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMDtcbiAgYm90dG9tOiAwO1xuICB6LWluZGV4OiA0OTk5O1xuYFxuXG5mdW5jdGlvbiBMb2FkZXIocHJvcHM6IFByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPE92ZXJsYXk+XG4gICAgICA8ZGl2PlxuICAgICAgICA8U2hpcExvYWRlciAvPlxuICAgICAgICA8V2F2ZXNMb2FkZXIgLz5cbiAgICAgIDwvZGl2PlxuICAgICAgPExhYmVsPntwcm9wcy5sYWJlbH08L0xhYmVsPlxuICAgIDwvT3ZlcmxheT5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBMb2FkZXJcbiJdfQ== */"));
+})("top:50%;left:50%;width:146px;height:20px;color:", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRGlDIiwiZmlsZSI6Ii4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTaGlwLCBXYXZlcyB9IGZyb20gJ0BkZmRzLXVpL2ljb25zJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBQcm9wcyA9IHtcbiAgbGFiZWw/OiBzdHJpbmdcbn1cblxuY29uc3Qgc2FpbCA9IGtleWZyYW1lc2BcbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtM3B4KTtcbiAgfVxuYFxuXG5jb25zdCB3YXZlID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0zMHB4KTtcbiAgfVxuYFxuXG5jb25zdCBTaGlwTG9hZGVyID0gc3R5bGVkKFNoaXApYFxuICB3aWR0aDogODBweDtcbiAgaGVpZ2h0OiA4MHB4O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHRvcDogNTAlO1xuICBsZWZ0OiA1MCU7XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gIHotaW5kZXg6IDUwMDA7XG4gIG1hcmdpbi10b3A6IC00MHB4O1xuICBtYXJnaW4tbGVmdDogLTQwcHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuYFxuXG5jb25zdCBMYWJlbCA9IHN0eWxlZC5kaXZgXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgcG9zaXRpb246IGZpeGVkO1xuICBkaXNwbGF5OiBibG9jaztcbiAgdG9wOiA1NSU7XG4gIHJpZ2h0OiAwO1xuICBsZWZ0OiAwO1xuICB6LWluZGV4OiA1MDAwO1xuICBwYWRkaW5nLXRvcDogMnJlbTtcbiAgZm9udC1zaXplOiAxN3B4O1xuYFxuXG5jb25zdCBXYXZlc0xvYWRlciA9IHN0eWxlZChXYXZlcylgXG4gIHRvcDogNTAlO1xuICBsZWZ0OiA1MCU7XG4gIHdpZHRoOiAxNDZweDtcbiAgaGVpZ2h0OiAyMHB4O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHotaW5kZXg6IDUwMDE7XG4gIG1hcmdpbi1sZWZ0OiAtNzNweDtcbiAgbWFyZ2luLXRvcDogMTNweDtcbiAgYW5pbWF0aW9uOiAke3dhdmV9IDAuOHMgbGluZWFyIGluZmluaXRlO1xuYFxuXG5jb25zdCBPdmVybGF5ID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDA7XG4gIGJvdHRvbTogMDtcbiAgei1pbmRleDogNDk5OTtcbmBcblxuZnVuY3Rpb24gTG9hZGVyKHByb3BzOiBQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxPdmVybGF5PlxuICAgICAgPGRpdj5cbiAgICAgICAgPFNoaXBMb2FkZXIgLz5cbiAgICAgICAgPFdhdmVzTG9hZGVyIC8+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxMYWJlbD57cHJvcHMubGFiZWx9PC9MYWJlbD5cbiAgICA8L092ZXJsYXk+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTG9hZGVyXG4iXX0= */"));
 
 var Overlay = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1bb5ezl0"
 } : {
   target: "e1bb5ezl0",
   label: "Overlay"
-})("background-color:", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRDBCIiwiZmlsZSI6Ii4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTaGlwLCBXYXZlcyB9IGZyb20gJ0BkZmRzLXVpL2ljb25zJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBQcm9wcyA9IHsgbGFiZWw/OiBzdHJpbmcgfVxuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmNvbnN0IFNoaXBMb2FkZXIgPSBzdHlsZWQoU2hpcClgXG4gIHdpZHRoOiA4MHB4O1xuICBoZWlnaHQ6IDgwcHg7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgdG9wOiA1MCU7XG4gIGxlZnQ6IDUwJTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgei1pbmRleDogNTAwMDtcbiAgbWFyZ2luLXRvcDogLTQwcHg7XG4gIG1hcmdpbi1sZWZ0OiAtNDBweDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGFuaW1hdGlvbjogJHtzYWlsfSAwLjU4cyBlYXNlLWluLW91dCBhbHRlcm5hdGUgaW5maW5pdGU7XG5gXG5cbmNvbnN0IExhYmVsID0gc3R5bGVkLmRpdmBcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB0b3A6IDU1JTtcbiAgcmlnaHQ6IDA7XG4gIGxlZnQ6IDA7XG4gIHotaW5kZXg6IDUwMDA7XG4gIHBhZGRpbmctdG9wOiAycmVtO1xuICBmb250LXNpemU6IDE3cHg7XG5gXG5cbmNvbnN0IFdhdmVzTG9hZGVyID0gc3R5bGVkKFdhdmVzKWBcbiAgdG9wOiA1MCU7XG4gIGxlZnQ6IDUwJTtcbiAgd2lkdGg6IDE0NnB4O1xuICBoZWlnaHQ6IDIwcHg7XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgei1pbmRleDogNTAwMTtcbiAgbWFyZ2luLWxlZnQ6IC03M3B4O1xuICBtYXJnaW4tdG9wOiAxM3B4O1xuICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5gXG5cbmNvbnN0IE92ZXJsYXkgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMDtcbiAgYm90dG9tOiAwO1xuICB6LWluZGV4OiA0OTk5O1xuYFxuXG5mdW5jdGlvbiBMb2FkZXIocHJvcHM6IFByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPE92ZXJsYXk+XG4gICAgICA8ZGl2PlxuICAgICAgICA8U2hpcExvYWRlciAvPlxuICAgICAgICA8V2F2ZXNMb2FkZXIgLz5cbiAgICAgIDwvZGl2PlxuICAgICAgPExhYmVsPntwcm9wcy5sYWJlbH08L0xhYmVsPlxuICAgIDwvT3ZlcmxheT5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBMb2FkZXJcbiJdfQ== */"));
+})("background-color:", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RDBCIiwiZmlsZSI6Ii4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTaGlwLCBXYXZlcyB9IGZyb20gJ0BkZmRzLXVpL2ljb25zJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBQcm9wcyA9IHtcbiAgbGFiZWw/OiBzdHJpbmdcbn1cblxuY29uc3Qgc2FpbCA9IGtleWZyYW1lc2BcbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtM3B4KTtcbiAgfVxuYFxuXG5jb25zdCB3YXZlID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0zMHB4KTtcbiAgfVxuYFxuXG5jb25zdCBTaGlwTG9hZGVyID0gc3R5bGVkKFNoaXApYFxuICB3aWR0aDogODBweDtcbiAgaGVpZ2h0OiA4MHB4O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHRvcDogNTAlO1xuICBsZWZ0OiA1MCU7XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gIHotaW5kZXg6IDUwMDA7XG4gIG1hcmdpbi10b3A6IC00MHB4O1xuICBtYXJnaW4tbGVmdDogLTQwcHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuYFxuXG5jb25zdCBMYWJlbCA9IHN0eWxlZC5kaXZgXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgcG9zaXRpb246IGZpeGVkO1xuICBkaXNwbGF5OiBibG9jaztcbiAgdG9wOiA1NSU7XG4gIHJpZ2h0OiAwO1xuICBsZWZ0OiAwO1xuICB6LWluZGV4OiA1MDAwO1xuICBwYWRkaW5nLXRvcDogMnJlbTtcbiAgZm9udC1zaXplOiAxN3B4O1xuYFxuXG5jb25zdCBXYXZlc0xvYWRlciA9IHN0eWxlZChXYXZlcylgXG4gIHRvcDogNTAlO1xuICBsZWZ0OiA1MCU7XG4gIHdpZHRoOiAxNDZweDtcbiAgaGVpZ2h0OiAyMHB4O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHotaW5kZXg6IDUwMDE7XG4gIG1hcmdpbi1sZWZ0OiAtNzNweDtcbiAgbWFyZ2luLXRvcDogMTNweDtcbiAgYW5pbWF0aW9uOiAke3dhdmV9IDAuOHMgbGluZWFyIGluZmluaXRlO1xuYFxuXG5jb25zdCBPdmVybGF5ID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDA7XG4gIGJvdHRvbTogMDtcbiAgei1pbmRleDogNDk5OTtcbmBcblxuZnVuY3Rpb24gTG9hZGVyKHByb3BzOiBQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxPdmVybGF5PlxuICAgICAgPGRpdj5cbiAgICAgICAgPFNoaXBMb2FkZXIgLz5cbiAgICAgICAgPFdhdmVzTG9hZGVyIC8+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxMYWJlbD57cHJvcHMubGFiZWx9PC9MYWJlbD5cbiAgICA8L092ZXJsYXk+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTG9hZGVyXG4iXX0= */"));
 
 function Loader(props) {
   return ___EmotionJSX(Overlay, null, ___EmotionJSX("div", null, ___EmotionJSX(ShipLoader, null), ___EmotionJSX(WavesLoader, null)), ___EmotionJSX(Label, null, props.label));

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",
+  "version": "0.9.11-alpha.ca6fd903",
   "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",
-    "@dfds-ui/fonts": "0.9.9",
-    "@dfds-ui/hooks": "0.9.9",
-    "@dfds-ui/icons": "0.9.9",
-    "@dfds-ui/spacing": "0.9.9",
-    "@dfds-ui/theme": "0.9.9",
-    "@dfds-ui/typography": "0.9.9",
+    "@dfds-ui/colors": "0.9.11-alpha.ca6fd903",
+    "@dfds-ui/fonts": "0.9.11-alpha.ca6fd903",
+    "@dfds-ui/hooks": "0.9.11-alpha.ca6fd903",
+    "@dfds-ui/icons": "0.9.11-alpha.ca6fd903",
+    "@dfds-ui/spacing": "0.9.11-alpha.ca6fd903",
+    "@dfds-ui/theme": "0.9.11-alpha.ca6fd903",
+    "@dfds-ui/typography": "0.9.11-alpha.ca6fd903",
     "@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": "68049487a4eec5fb9b21e9c761579e77504d0240",
+  "gitHead": "ca6fd903c2a63ca8045821ee2650cb1a979fffc3",
   "publishConfig": {
     "access": "public"
   }

package/stepper/Step.d.ts

@@ -1,9 +1,41 @@
-import React, { ReactNode } from 'react';
-import { ListItemProps } from './../lists/ListItem';
+import React from 'react';
+export declare type StepContextType = {
+    index: number;
+    active?: boolean;
+    completed?: boolean;
+    disabled?: boolean;
+    editable?: boolean;
+};
 declare type StepProps = {
-    label: ReactNode;
-    children: ReactNode;
-    listItemProps?: ListItemProps;
+    /**
+     * Step index
+     */
+    index: number;
+    /**
+     * Step label
+     */
+    label?: string;
+    /**
+     * Active step
+     */
+    active?: boolean;
+    /**
+     * Optional step
+     */
+    optional?: boolean;
+    /**
+     * Completed step
+     */
+    completed?: boolean;
+    /**
+     * Disabled step
+     */
+    disabled?: boolean;
+    /**
+     * editable step
+     */
+    editable?: boolean;
 };
+export declare const StepContext: React.Context<StepContextType>;
 declare const _default: React.NamedExoticComponent<StepProps>;
 export default _default;

package/stepper/Step.js

@@ -1,76 +1,70 @@
-var _excluded = ["children", "label", "listItemProps"];
+var _excluded = ["editable", "index", "label", "active", "completed", "disabled"];
 
 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)."; }
-
-import React, { useEffect, useState, memo } from 'react';
-import { css } from '@emotion/react';
-import { Step as StepWrapper, StepContent } from '@material-ui/core';
-import { useStepperContext } from './Stepper';
-import ListItem from './../lists/ListItem';
-import uuid from 'uuid/v4';
-import { theme } from '@dfds-ui/theme';
+import React, { memo, useContext, createContext } from 'react';
+import { stepWrapperStyles } from './Stepper.styles';
+import { StepperContext } from './Stepper';
+import StepButton from './StepButton';
+import StepLabel from './StepLabel';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
-var listItemStyles = function listItemStyles(_ref) {
-  var isActive = _ref.isActive;
-  return /*#__PURE__*/css("background-color:", isActive ? theme.colors.secondary.light : theme.colors.surface.secondary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:listItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwcGVyL1N0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdtRSIsImZpbGUiOiIuLi8uLi9zcmMvc3RlcHBlci9TdGVwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUsIEZ1bmN0aW9uQ29tcG9uZW50LCB1c2VFZmZlY3QsIHVzZVN0YXRlLCBtZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFN0ZXAgYXMgU3RlcFdyYXBwZXIsIFN0ZXBDb250ZW50IH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUnXG5pbXBvcnQgeyB1c2VTdGVwcGVyQ29udGV4dCB9IGZyb20gJy4vU3RlcHBlcidcbmltcG9ydCBMaXN0SXRlbSwgeyBMaXN0SXRlbVByb3BzIH0gZnJvbSAnLi8uLi9saXN0cy9MaXN0SXRlbSdcbmltcG9ydCB1dWlkIGZyb20gJ3V1aWQvdjQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIFN0ZXBQcm9wcyA9IHsgbGFiZWw6IFJlYWN0Tm9kZTsgY2hpbGRyZW46IFJlYWN0Tm9kZTsgbGlzdEl0ZW1Qcm9wcz86IExpc3RJdGVtUHJvcHMgfVxudHlwZSBTdGVwQ29tcG9uZW50ID0gRnVuY3Rpb25Db21wb25lbnQ8U3RlcFByb3BzPlxuXG5jb25zdCBsaXN0SXRlbVN0eWxlcyA9ICh7IGlzQWN0aXZlIH06IHsgaXNBY3RpdmU6IGJvb2xlYW4gfSkgPT4gY3NzYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2lzQWN0aXZlID8gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5saWdodCA6IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG5gXG5cbmNvbnN0IHN0ZXBDb250ZW50U3R5bGVzID0gY3NzYFxuICAuTXVpU3RlcENvbnRlbnQtcm9vdCB7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIG1hcmdpbjogMHB4O1xuICAgIHBhZGRpbmc6IDBweDtcbiAgfVxuYFxuXG5jb25zdCBTdGVwOiBTdGVwQ29tcG9uZW50ID0gKHsgY2hpbGRyZW4sIGxhYmVsLCBsaXN0SXRlbVByb3BzLCAuLi5wcm9wcyB9KSA9PiB7XG4gIGNvbnN0IFtzdGVwSWRdID0gdXNlU3RhdGUodXVpZCgpKVxuICBjb25zdCB7IHNldFN0ZXAsIGFjdGl2ZVN0ZXAgfSA9IHVzZVN0ZXBwZXJDb250ZXh0KClcbiAgY29uc3QgaXNBY3RpdmUgPSBzdGVwSWQgPT09IGFjdGl2ZVN0ZXBcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB1c2VFZmZlY3QoKCkgPT4gc2V0U3RlcChzdGVwSWQpLCBbXSlcbiAgcmV0dXJuIChcbiAgICA8U3RlcFdyYXBwZXIgey4uLnByb3BzfSBjc3M9e3N0ZXBDb250ZW50U3R5bGVzfT5cbiAgICAgIDxMaXN0SXRlbSBhcz1cImRpdlwiIGNzcz17bGlzdEl0ZW1TdHlsZXMoeyBpc0FjdGl2ZSB9KX0gey4uLmxpc3RJdGVtUHJvcHN9PlxuICAgICAgICB7bGFiZWx9XG4gICAgICA8L0xpc3RJdGVtPlxuICAgICAgPFN0ZXBDb250ZW50PntjaGlsZHJlbn08L1N0ZXBDb250ZW50PlxuICAgIDwvU3RlcFdyYXBwZXI+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgbWVtbyhTdGVwKVxuIl19 */");
-};
-
-var 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwcGVyL1N0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWU2QiIsImZpbGUiOiIuLi8uLi9zcmMvc3RlcHBlci9TdGVwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUsIEZ1bmN0aW9uQ29tcG9uZW50LCB1c2VFZmZlY3QsIHVzZVN0YXRlLCBtZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFN0ZXAgYXMgU3RlcFdyYXBwZXIsIFN0ZXBDb250ZW50IH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUnXG5pbXBvcnQgeyB1c2VTdGVwcGVyQ29udGV4dCB9IGZyb20gJy4vU3RlcHBlcidcbmltcG9ydCBMaXN0SXRlbSwgeyBMaXN0SXRlbVByb3BzIH0gZnJvbSAnLi8uLi9saXN0cy9MaXN0SXRlbSdcbmltcG9ydCB1dWlkIGZyb20gJ3V1aWQvdjQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIFN0ZXBQcm9wcyA9IHsgbGFiZWw6IFJlYWN0Tm9kZTsgY2hpbGRyZW46IFJlYWN0Tm9kZTsgbGlzdEl0ZW1Qcm9wcz86IExpc3RJdGVtUHJvcHMgfVxudHlwZSBTdGVwQ29tcG9uZW50ID0gRnVuY3Rpb25Db21wb25lbnQ8U3RlcFByb3BzPlxuXG5jb25zdCBsaXN0SXRlbVN0eWxlcyA9ICh7IGlzQWN0aXZlIH06IHsgaXNBY3RpdmU6IGJvb2xlYW4gfSkgPT4gY3NzYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2lzQWN0aXZlID8gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5saWdodCA6IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG5gXG5cbmNvbnN0IHN0ZXBDb250ZW50U3R5bGVzID0gY3NzYFxuICAuTXVpU3RlcENvbnRlbnQtcm9vdCB7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIG1hcmdpbjogMHB4O1xuICAgIHBhZGRpbmc6IDBweDtcbiAgfVxuYFxuXG5jb25zdCBTdGVwOiBTdGVwQ29tcG9uZW50ID0gKHsgY2hpbGRyZW4sIGxhYmVsLCBsaXN0SXRlbVByb3BzLCAuLi5wcm9wcyB9KSA9PiB7XG4gIGNvbnN0IFtzdGVwSWRdID0gdXNlU3RhdGUodXVpZCgpKVxuICBjb25zdCB7IHNldFN0ZXAsIGFjdGl2ZVN0ZXAgfSA9IHVzZVN0ZXBwZXJDb250ZXh0KClcbiAgY29uc3QgaXNBY3RpdmUgPSBzdGVwSWQgPT09IGFjdGl2ZVN0ZXBcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB1c2VFZmZlY3QoKCkgPT4gc2V0U3RlcChzdGVwSWQpLCBbXSlcbiAgcmV0dXJuIChcbiAgICA8U3RlcFdyYXBwZXIgey4uLnByb3BzfSBjc3M9e3N0ZXBDb250ZW50U3R5bGVzfT5cbiAgICAgIDxMaXN0SXRlbSBhcz1cImRpdlwiIGNzcz17bGlzdEl0ZW1TdHlsZXMoeyBpc0FjdGl2ZSB9KX0gey4uLmxpc3RJdGVtUHJvcHN9PlxuICAgICAgICB7bGFiZWx9XG4gICAgICA8L0xpc3RJdGVtPlxuICAgICAgPFN0ZXBDb250ZW50PntjaGlsZHJlbn08L1N0ZXBDb250ZW50PlxuICAgIDwvU3RlcFdyYXBwZXI+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgbWVtbyhTdGVwKVxuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-
-var Step = function Step(_ref2) {
-  var children = _ref2.children,
-      label = _ref2.label,
-      listItemProps = _ref2.listItemProps,
-      props = _objectWithoutProperties(_ref2, _excluded);
-
-  var _useState = useState(uuid()),
-      _useState2 = _slicedToArray(_useState, 1),
-      stepId = _useState2[0];
-
-  var _useStepperContext = useStepperContext(),
-      setStep = _useStepperContext.setStep,
-      activeStep = _useStepperContext.activeStep;
-
-  var isActive = stepId === activeStep; // eslint-disable-next-line react-hooks/exhaustive-deps
-
-  useEffect(function () {
-    return setStep(stepId);
-  }, []);
-  return ___EmotionJSX(StepWrapper, _extends({}, props, {
-    css: stepContentStyles
-  }), ___EmotionJSX(ListItem, _extends({
-    as: "div",
-    css: listItemStyles({
-      isActive: isActive
-    })
-  }, listItemProps), label), ___EmotionJSX(StepContent, null, children));
+export var StepContext = /*#__PURE__*/createContext({
+  completed: false,
+  active: false,
+  disabled: false,
+  editable: true,
+  index: 0
+});
+
+var Step = function Step(_ref) {
+  var _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);
+
+  var _useContext = useContext(StepperContext),
+      activeStep = _useContext.activeStep,
+      orientation = _useContext.orientation,
+      nonSequential = _useContext.nonSequential;
+
+  var _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;
+  }
+
+  var contextValue = React.useMemo(function () {
+    return {
+      index: index,
+      active: active,
+      completed: completed,
+      disabled: disabled,
+      editable: editable
+    };
+  }, [index, active, completed, disabled, editable]);
+  return ___EmotionJSX(StepContext.Provider, {
+    value: contextValue
+  }, ___EmotionJSX("div", _extends({
+    css: stepWrapperStyles
+  }, props), ___EmotionJSX(StepButton, null), label && ___EmotionJSX(StepLabel, null, label)));
 };
 
 export default /*#__PURE__*/memo(Step);

package/stepper/StepButton.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare type StepButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
+declare const StepButton: React.FC<StepButtonProps>;
+export default StepButton;

package/stepper/StepButton.js

@@ -0,0 +1,54 @@
+var _excluded = ["children"];
+
+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)."; }
+
+import React from 'react';
+import { StepContext } from './Step';
+import { stepButtonStyles } from './Stepper.styles';
+import { IconButton } from '@dfds-ui/react-components';
+import { Yes } from '@dfds-ui/icons/system';
+import { css } from '@emotion/react';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Ca0IiLCJmaWxlIjoiLi4vLi4vc3JjL3N0ZXBwZXIvU3RlcEJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBTdGVwQ29udGV4dCB9IGZyb20gJy4vU3RlcCdcbmltcG9ydCB7IHN0ZXBCdXR0b25TdHlsZXMgfSBmcm9tICcuL1N0ZXBwZXIuc3R5bGVzJ1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBZZXMgfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgU3RlcEJ1dHRvblByb3BzID0gUmVhY3QuQnV0dG9uSFRNTEF0dHJpYnV0ZXM8SFRNTEJ1dHRvbkVsZW1lbnQ+XG5cbmNvbnN0IFN0ZXBCdXR0b246IFJlYWN0LkZDPFN0ZXBCdXR0b25Qcm9wcz4gPSAoeyBjaGlsZHJlbiwgLi4ucmVzdCB9KSA9PiB7XG4gIGNvbnN0IHsgY29tcGxldGVkLCBkaXNhYmxlZCwgaW5kZXgsIGFjdGl2ZSB9ID0gUmVhY3QudXNlQ29udGV4dChTdGVwQ29udGV4dClcbiAgcmV0dXJuIChcbiAgICA8YnV0dG9uIGRpc2FibGVkPXtkaXNhYmxlZH0gey4uLnJlc3R9IGNzcz17c3RlcEJ1dHRvblN0eWxlcyh7IGFjdGl2ZSwgY29tcGxldGVkIH0pfT5cbiAgICAgIHtjaGlsZHJlbiA/IChcbiAgICAgICAgY2hpbGRyZW5cbiAgICAgICkgOiBjb21wbGV0ZWQgPyAoXG4gICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgY29sb3I9XCJ3aGl0ZVwiXG4gICAgICAgICAgaWNvbj17WWVzfVxuICAgICAgICAgIGFyaWFMYWJlbD1cIkNvbXBsZXRlZFwiXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBtaW4taGVpZ2h0OiAxZW07XG4gICAgICAgICAgICBtaW4td2lkdGg6IDFlbTtcbiAgICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgICkgOiAoXG4gICAgICAgIGluZGV4ICsgMVxuICAgICAgKX1cbiAgICA8L2J1dHRvbj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBTdGVwQnV0dG9uXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var StepButton = function StepButton(_ref2) {
+  var children = _ref2.children,
+      rest = _objectWithoutProperties(_ref2, _excluded);
+
+  var _React$useContext = React.useContext(StepContext),
+      completed = _React$useContext.completed,
+      disabled = _React$useContext.disabled,
+      index = _React$useContext.index,
+      active = _React$useContext.active;
+
+  return ___EmotionJSX("button", _extends({
+    disabled: disabled
+  }, rest, {
+    css: stepButtonStyles({
+      active: active,
+      completed: completed
+    })
+  }), children ? children : completed ? ___EmotionJSX(IconButton, {
+    color: "white",
+    icon: Yes,
+    ariaLabel: "Completed",
+    css: _ref
+  }) : index + 1);
+};
+
+export default StepButton;

package/stepper/StepLabel.d.ts

@@ -0,0 +1,6 @@
+import { FC, ReactNode } from 'react';
+declare type StepLableTypes = {
+    children: ReactNode;
+};
+declare const StepLabel: FC<StepLableTypes>;
+export default StepLabel;

package/stepper/StepLabel.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { css } from '@emotion/react';
+import { StepContext } from './Step';
+import { theme } from '@dfds-ui/theme';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var StepLabel = function StepLabel(_ref) {
+  var children = _ref.children;
+
+  var _React$useContext = React.useContext(StepContext),
+      completed = _React$useContext.completed,
+      active = _React$useContext.active;
+
+  return ___EmotionJSX("div", null, ___EmotionJSX("p", {
+    css: /*#__PURE__*/css("font-size:16px;color:", completed || active ? theme.colors.text.primary.primary : 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBMYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWdCIiwiZmlsZSI6Ii4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBMYWJlbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBTdGVwQ29udGV4dCB9IGZyb20gJy4vU3RlcCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgU3RlcExhYmxlVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn1cblxuY29uc3QgU3RlcExhYmVsOiBGQzxTdGVwTGFibGVUeXBlcz4gPSAoeyBjaGlsZHJlbiB9KSA9PiB7XG4gIGNvbnN0IHsgY29tcGxldGVkLCBhY3RpdmUgfSA9IFJlYWN0LnVzZUNvbnRleHQoU3RlcENvbnRleHQpXG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgPHBcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgICAgIGNvbG9yOiAke2NvbXBsZXRlZCB8fCBhY3RpdmUgPyB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnkgOiB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnNlY29uZGFyeX07XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvcD5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBTdGVwTGFiZWxcbiJdfQ== */")
+  }, children));
+};
+
+export default StepLabel;