@dfds-ui/react-components 2.2.0-alpha.9edc847c → 2.2.0-alpha.a1ae8508

package/lists/ListTitle.js

@@ -0,0 +1,32 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["as"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+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 } from '@emotion/react';
+import ListItem from './ListItem';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1cm3p4d",
+  styles: "flex-basis:100%;min-height:3.625rem"
+} : {
+  name: "i2o44s-ListTitle",
+  styles: "flex-basis:100%;min-height:3.625rem;label:ListTitle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9saXN0cy9MaXN0VGl0bGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFjIiwiZmlsZSI6Ii4uLy4uL3NyYy9saXN0cy9MaXN0VGl0bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgTGlzdEl0ZW0sIHsgTGlzdEl0ZW1Qcm9wcyB9IGZyb20gJy4vTGlzdEl0ZW0nXG5cbmNvbnN0IExpc3RUaXRsZSA9ICh7IGFzID0gJ2RpdicsIC4uLnJlc3QgfTogTGlzdEl0ZW1Qcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxMaXN0SXRlbVxuICAgICAgYXM9e2FzfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGZsZXgtYmFzaXM6IDEwMCU7XG4gICAgICAgIG1pbi1oZWlnaHQ6IDMuNjI1cmVtO1xuICAgICAgYH1cbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTGlzdFRpdGxlXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var ListTitle = function ListTitle(_ref2) {
+  var _ref2$as = _ref2.as,
+    as = _ref2$as === void 0 ? 'div' : _ref2$as,
+    rest = _objectWithoutProperties(_ref2, _excluded);
+  return _jsx(ListItem, _objectSpread({
+    as: as,
+    css: _ref
+  }, rest));
+};
+export default ListTitle;

package/lists/index.d.ts

@@ -0,0 +1,8 @@
+export { default as ListItem } from './ListItem';
+export { default as ListTitle } from './ListTitle';
+export { default as ListText } from './ListText';
+export { default as ListTextGroup } from './ListTextGroup';
+export { default as ListIcon } from './ListIcon';
+export { default as ListAddon } from './ListAddon';
+export { default as ListDivider } from './ListDivider';
+export { default as FeatureList } from './FeatureList';

package/lists/index.js

@@ -0,0 +1,8 @@
+export { default as ListItem } from './ListItem';
+export { default as ListTitle } from './ListTitle';
+export { default as ListText } from './ListText';
+export { default as ListTextGroup } from './ListTextGroup';
+export { default as ListIcon } from './ListIcon';
+export { default as ListAddon } from './ListAddon';
+export { default as ListDivider } from './ListDivider';
+export { default as FeatureList } from './FeatureList';

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: ({ label, iconColor, waveColor, showMenu }: Props) => React.JSX.Element;
+export default DfdsLoader;

package/loader/DfdsLoader.js

@@ -0,0 +1,54 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+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 _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+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;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0RrQiIsImZpbGUiOiIuLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL2ZsZXhib3gnXG5pbXBvcnQgTG9ja0JvZHlTY3JvbGwgZnJvbSAnLi4vY29tbW9uL0xvY2tCb2R5U2Nyb2xsJ1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXIgPSAoeyBsYWJlbCwgaWNvbkNvbG9yLCB3YXZlQ29sb3IsIHNob3dNZW51IH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPExvY2tCb2R5U2Nyb2xsIGVuYWJsZWQ9e3RydWV9IGJvZHlDbGFzc05hbWVBcHBsaWVkPVwiTW9kYWxfX0JvZHktLW9wZW5cIiBodG1sQ2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19IdG1sLS1vcGVuXCI+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHBhZGRpbmctbGVmdDogY2FsYygxMDB2dyAtIDEwMCUpO1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICB0b3A6ICR7c2hvd01lbnUgPyAnNjBweCcgOiAnMCd9O1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICB6LWluZGV4OiA0OTk5O1xuXG4gICAgICAgICAgJHttZWRpYS5sZXNzVGhhbkVxdWFsKDEyMTgpYFxuICAgICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzQ4cHgnIDogJzAnfTtcbiAgICAgICAgIGB9XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgZGlyZWN0aW9uQ29sdW1uXG4gICAgICAgICAganVzdGlmeUNlbnRlclxuICAgICAgICAgIGl0ZW1zQ2VudGVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxGbGV4Qm94PlxuICAgICAgICAgICAgPFNoaXBcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgd2lkdGg6IDcwcHg7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiA3MHB4O1xuICAgICAgICAgICAgICAgIGNvbG9yOiAke2ljb25Db2xvciA/PyB0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgICAgICAgICAgICAgICB6LWluZGV4OiA1MDAwO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogJHtzYWlsfSAwLjU4cyBlYXNlLWluLW91dCBhbHRlcm5hdGUgaW5maW5pdGU7XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPFdhdmVzXG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIHRvcDogNTAlO1xuICAgICAgICAgICAgICAgIGxlZnQ6IDUwJTtcbiAgICAgICAgICAgICAgICB3aWR0aDogMTQ2cHg7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAyMHB4O1xuICAgICAgICAgICAgICAgIGNvbG9yOiAke3dhdmVDb2xvciA/PyB0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICAgICAgICAgICAgICB6LWluZGV4OiA1MDAxO1xuICAgICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAtNzNweDtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAxM3B4O1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7bGFiZWwgJiYgc2hvd01lbnUgJiYgJzIwcHgnfTtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmICFzaG93TWVudSAmJiAnLTEwcHgnfTtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAkeyFsYWJlbCAmJiBzaG93TWVudSAmJiAnNDJweCd9O1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogJHt3YXZlfSAwLjhzIGxpbmVhciBpbmZpbml0ZTtcblxuICAgICAgICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgxMjE4KWBcbiAgICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6IDEzcHg7XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmIHNob3dNZW51ICYmICcxMnB4J307XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmICFzaG93TWVudSAmJiAnLTEwcHgnfTtcbiAgICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7IWxhYmVsICYmIHNob3dNZW51ICYmICczNXB4J307XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke3RoZW1lLnNwYWNpbmcubX07XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIGFzPVwiZGl2XCJcbiAgICAgICAgICAgICAgc3R5bGVkQXM9XCJsYWJlbFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApfVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICA8L2Rpdj5cbiAgICA8L0xvY2tCb2R5U2Nyb2xsPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IERmZHNMb2FkZXJcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var DfdsLoader = function DfdsLoader(_ref2) {
+  var label = _ref2.label,
+    iconColor = _ref2.iconColor,
+    waveColor = _ref2.waveColor,
+    showMenu = _ref2.showMenu;
+  return _jsx(LockBodyScroll, {
+    enabled: true,
+    bodyClassNameApplied: "Modal__Body--open",
+    htmlClassNameApplied: "Modal__Html--open",
+    children: _jsx("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/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXIgPSAoeyBsYWJlbCwgaWNvbkNvbG9yLCB3YXZlQ29sb3IsIHNob3dNZW51IH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPExvY2tCb2R5U2Nyb2xsIGVuYWJsZWQ9e3RydWV9IGJvZHlDbGFzc05hbWVBcHBsaWVkPVwiTW9kYWxfX0JvZHktLW9wZW5cIiBodG1sQ2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19IdG1sLS1vcGVuXCI+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHBhZGRpbmctbGVmdDogY2FsYygxMDB2dyAtIDEwMCUpO1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICB0b3A6ICR7c2hvd01lbnUgPyAnNjBweCcgOiAnMCd9O1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICB6LWluZGV4OiA0OTk5O1xuXG4gICAgICAgICAgJHttZWRpYS5sZXNzVGhhbkVxdWFsKDEyMTgpYFxuICAgICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzQ4cHgnIDogJzAnfTtcbiAgICAgICAgIGB9XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgZGlyZWN0aW9uQ29sdW1uXG4gICAgICAgICAganVzdGlmeUNlbnRlclxuICAgICAgICAgIGl0ZW1zQ2VudGVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxGbGV4Qm94PlxuICAgICAgICAgICAgPFNoaXBcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgd2lkdGg6IDcwcHg7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiA3MHB4O1xuICAgICAgICAgICAgICAgIGNvbG9yOiAke2ljb25Db2xvciA/PyB0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgICAgICAgICAgICAgICB6LWluZGV4OiA1MDAwO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogJHtzYWlsfSAwLjU4cyBlYXNlLWluLW91dCBhbHRlcm5hdGUgaW5maW5pdGU7XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPFdhdmVzXG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIHRvcDogNTAlO1xuICAgICAgICAgICAgICAgIGxlZnQ6IDUwJTtcbiAgICAgICAgICAgICAgICB3aWR0aDogMTQ2cHg7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAyMHB4O1xuICAgICAgICAgICAgICAgIGNvbG9yOiAke3dhdmVDb2xvciA/PyB0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICAgICAgICAgICAgICB6LWluZGV4OiA1MDAxO1xuICAgICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAtNzNweDtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAxM3B4O1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7bGFiZWwgJiYgc2hvd01lbnUgJiYgJzIwcHgnfTtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmICFzaG93TWVudSAmJiAnLTEwcHgnfTtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAkeyFsYWJlbCAmJiBzaG93TWVudSAmJiAnNDJweCd9O1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogJHt3YXZlfSAwLjhzIGxpbmVhciBpbmZpbml0ZTtcblxuICAgICAgICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgxMjE4KWBcbiAgICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6IDEzcHg7XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmIHNob3dNZW51ICYmICcxMnB4J307XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmICFzaG93TWVudSAmJiAnLTEwcHgnfTtcbiAgICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7IWxhYmVsICYmIHNob3dNZW51ICYmICczNXB4J307XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke3RoZW1lLnNwYWNpbmcubX07XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIGFzPVwiZGl2XCJcbiAgICAgICAgICAgICAgc3R5bGVkQXM9XCJsYWJlbFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApfVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICA8L2Rpdj5cbiAgICA8L0xvY2tCb2R5U2Nyb2xsPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IERmZHNMb2FkZXJcbiJdfQ== */"),
+      children: _jsxs(FlexBox, {
+        directionColumn: true,
+        justifyCenter: true,
+        itemsCenter: true,
+        css: _ref,
+        children: [_jsxs(FlexBox, {
+          children: [_jsx(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/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXIgPSAoeyBsYWJlbCwgaWNvbkNvbG9yLCB3YXZlQ29sb3IsIHNob3dNZW51IH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPExvY2tCb2R5U2Nyb2xsIGVuYWJsZWQ9e3RydWV9IGJvZHlDbGFzc05hbWVBcHBsaWVkPVwiTW9kYWxfX0JvZHktLW9wZW5cIiBodG1sQ2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19IdG1sLS1vcGVuXCI+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHBhZGRpbmctbGVmdDogY2FsYygxMDB2dyAtIDEwMCUpO1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICB0b3A6ICR7c2hvd01lbnUgPyAnNjBweCcgOiAnMCd9O1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICB6LWluZGV4OiA0OTk5O1xuXG4gICAgICAgICAgJHttZWRpYS5sZXNzVGhhbkVxdWFsKDEyMTgpYFxuICAgICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzQ4cHgnIDogJzAnfTtcbiAgICAgICAgIGB9XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgZGlyZWN0aW9uQ29sdW1uXG4gICAgICAgICAganVzdGlmeUNlbnRlclxuICAgICAgICAgIGl0ZW1zQ2VudGVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxGbGV4Qm94PlxuICAgICAgICAgICAgPFNoaXBcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgd2lkdGg6IDcwcHg7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiA3MHB4O1xuICAgICAgICAgICAgICAgIGNvbG9yOiAke2ljb25Db2xvciA/PyB0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgICAgICAgICAgICAgICB6LWluZGV4OiA1MDAwO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogJHtzYWlsfSAwLjU4cyBlYXNlLWluLW91dCBhbHRlcm5hdGUgaW5maW5pdGU7XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPFdhdmVzXG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIHRvcDogNTAlO1xuICAgICAgICAgICAgICAgIGxlZnQ6IDUwJTtcbiAgICAgICAgICAgICAgICB3aWR0aDogMTQ2cHg7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAyMHB4O1xuICAgICAgICAgICAgICAgIGNvbG9yOiAke3dhdmVDb2xvciA/PyB0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICAgICAgICAgICAgICB6LWluZGV4OiA1MDAxO1xuICAgICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAtNzNweDtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAxM3B4O1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7bGFiZWwgJiYgc2hvd01lbnUgJiYgJzIwcHgnfTtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmICFzaG93TWVudSAmJiAnLTEwcHgnfTtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAkeyFsYWJlbCAmJiBzaG93TWVudSAmJiAnNDJweCd9O1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogJHt3YXZlfSAwLjhzIGxpbmVhciBpbmZpbml0ZTtcblxuICAgICAgICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgxMjE4KWBcbiAgICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6IDEzcHg7XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmIHNob3dNZW51ICYmICcxMnB4J307XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmICFzaG93TWVudSAmJiAnLTEwcHgnfTtcbiAgICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7IWxhYmVsICYmIHNob3dNZW51ICYmICczNXB4J307XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke3RoZW1lLnNwYWNpbmcubX07XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIGFzPVwiZGl2XCJcbiAgICAgICAgICAgICAgc3R5bGVkQXM9XCJsYWJlbFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApfVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICA8L2Rpdj5cbiAgICA8L0xvY2tCb2R5U2Nyb2xsPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IERmZHNMb2FkZXJcbiJdfQ== */")
+          }), _jsx(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/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXIgPSAoeyBsYWJlbCwgaWNvbkNvbG9yLCB3YXZlQ29sb3IsIHNob3dNZW51IH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPExvY2tCb2R5U2Nyb2xsIGVuYWJsZWQ9e3RydWV9IGJvZHlDbGFzc05hbWVBcHBsaWVkPVwiTW9kYWxfX0JvZHktLW9wZW5cIiBodG1sQ2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19IdG1sLS1vcGVuXCI+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHBhZGRpbmctbGVmdDogY2FsYygxMDB2dyAtIDEwMCUpO1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICB0b3A6ICR7c2hvd01lbnUgPyAnNjBweCcgOiAnMCd9O1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICB6LWluZGV4OiA0OTk5O1xuXG4gICAgICAgICAgJHttZWRpYS5sZXNzVGhhbkVxdWFsKDEyMTgpYFxuICAgICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzQ4cHgnIDogJzAnfTtcbiAgICAgICAgIGB9XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgZGlyZWN0aW9uQ29sdW1uXG4gICAgICAgICAganVzdGlmeUNlbnRlclxuICAgICAgICAgIGl0ZW1zQ2VudGVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxGbGV4Qm94PlxuICAgICAgICAgICAgPFNoaXBcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgd2lkdGg6IDcwcHg7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiA3MHB4O1xuICAgICAgICAgICAgICAgIGNvbG9yOiAke2ljb25Db2xvciA/PyB0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgICAgICAgICAgICAgICB6LWluZGV4OiA1MDAwO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogJHtzYWlsfSAwLjU4cyBlYXNlLWluLW91dCBhbHRlcm5hdGUgaW5maW5pdGU7XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPFdhdmVzXG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIHRvcDogNTAlO1xuICAgICAgICAgICAgICAgIGxlZnQ6IDUwJTtcbiAgICAgICAgICAgICAgICB3aWR0aDogMTQ2cHg7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAyMHB4O1xuICAgICAgICAgICAgICAgIGNvbG9yOiAke3dhdmVDb2xvciA/PyB0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICAgICAgICAgICAgICB6LWluZGV4OiA1MDAxO1xuICAgICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAtNzNweDtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAxM3B4O1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7bGFiZWwgJiYgc2hvd01lbnUgJiYgJzIwcHgnfTtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmICFzaG93TWVudSAmJiAnLTEwcHgnfTtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAkeyFsYWJlbCAmJiBzaG93TWVudSAmJiAnNDJweCd9O1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogJHt3YXZlfSAwLjhzIGxpbmVhciBpbmZpbml0ZTtcblxuICAgICAgICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgxMjE4KWBcbiAgICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6IDEzcHg7XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmIHNob3dNZW51ICYmICcxMnB4J307XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmICFzaG93TWVudSAmJiAnLTEwcHgnfTtcbiAgICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7IWxhYmVsICYmIHNob3dNZW51ICYmICczNXB4J307XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke3RoZW1lLnNwYWNpbmcubX07XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIGFzPVwiZGl2XCJcbiAgICAgICAgICAgICAgc3R5bGVkQXM9XCJsYWJlbFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApfVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICA8L2Rpdj5cbiAgICA8L0xvY2tCb2R5U2Nyb2xsPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IERmZHNMb2FkZXJcbiJdfQ== */")
+          })]
+        }), label && _jsx(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/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXIgPSAoeyBsYWJlbCwgaWNvbkNvbG9yLCB3YXZlQ29sb3IsIHNob3dNZW51IH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPExvY2tCb2R5U2Nyb2xsIGVuYWJsZWQ9e3RydWV9IGJvZHlDbGFzc05hbWVBcHBsaWVkPVwiTW9kYWxfX0JvZHktLW9wZW5cIiBodG1sQ2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19IdG1sLS1vcGVuXCI+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHBhZGRpbmctbGVmdDogY2FsYygxMDB2dyAtIDEwMCUpO1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICB0b3A6ICR7c2hvd01lbnUgPyAnNjBweCcgOiAnMCd9O1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICB6LWluZGV4OiA0OTk5O1xuXG4gICAgICAgICAgJHttZWRpYS5sZXNzVGhhbkVxdWFsKDEyMTgpYFxuICAgICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzQ4cHgnIDogJzAnfTtcbiAgICAgICAgIGB9XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgZGlyZWN0aW9uQ29sdW1uXG4gICAgICAgICAganVzdGlmeUNlbnRlclxuICAgICAgICAgIGl0ZW1zQ2VudGVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxGbGV4Qm94PlxuICAgICAgICAgICAgPFNoaXBcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgd2lkdGg6IDcwcHg7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiA3MHB4O1xuICAgICAgICAgICAgICAgIGNvbG9yOiAke2ljb25Db2xvciA/PyB0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgICAgICAgICAgICAgICB6LWluZGV4OiA1MDAwO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogJHtzYWlsfSAwLjU4cyBlYXNlLWluLW91dCBhbHRlcm5hdGUgaW5maW5pdGU7XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPFdhdmVzXG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIHRvcDogNTAlO1xuICAgICAgICAgICAgICAgIGxlZnQ6IDUwJTtcbiAgICAgICAgICAgICAgICB3aWR0aDogMTQ2cHg7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAyMHB4O1xuICAgICAgICAgICAgICAgIGNvbG9yOiAke3dhdmVDb2xvciA/PyB0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICAgICAgICAgICAgICB6LWluZGV4OiA1MDAxO1xuICAgICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAtNzNweDtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAxM3B4O1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7bGFiZWwgJiYgc2hvd01lbnUgJiYgJzIwcHgnfTtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmICFzaG93TWVudSAmJiAnLTEwcHgnfTtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAkeyFsYWJlbCAmJiBzaG93TWVudSAmJiAnNDJweCd9O1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogJHt3YXZlfSAwLjhzIGxpbmVhciBpbmZpbml0ZTtcblxuICAgICAgICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgxMjE4KWBcbiAgICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6IDEzcHg7XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmIHNob3dNZW51ICYmICcxMnB4J307XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmICFzaG93TWVudSAmJiAnLTEwcHgnfTtcbiAgICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7IWxhYmVsICYmIHNob3dNZW51ICYmICczNXB4J307XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke3RoZW1lLnNwYWNpbmcubX07XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIGFzPVwiZGl2XCJcbiAgICAgICAgICAgICAgc3R5bGVkQXM9XCJsYWJlbFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApfVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICA8L2Rpdj5cbiAgICA8L0xvY2tCb2R5U2Nyb2xsPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IERmZHNMb2FkZXJcbiJdfQ== */"),
+          as: "div",
+          styledAs: "label",
+          children: label
+        })]
+      })
+    })
+  });
+};
+export default DfdsLoader;

package/loader/Loader.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type Props = {
+    label?: string;
+};
+declare function Loader(props: Props): React.JSX.Element;
+export default Loader;

package/loader/Loader.js

@@ -0,0 +1,52 @@
+import _styled from "@emotion/styled/base";
+var _templateObject, _templateObject2;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+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 { keyframes } from '@emotion/react';
+import { Ship, Waves } from '@dfds-ui/icons';
+import { theme } from '@dfds-ui/theme';
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+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 ShipLoader = /*#__PURE__*/_styled(Ship, process.env.NODE_ENV === "production" ? {
+  target: "e1bb5ezl3"
+} : {
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQitCIiwiZmlsZSI6Ii4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTaGlwLCBXYXZlcyB9IGZyb20gJ0BkZmRzLXVpL2ljb25zJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBQcm9wcyA9IHtcbiAgbGFiZWw/OiBzdHJpbmdcbn1cblxuY29uc3Qgc2FpbCA9IGtleWZyYW1lc2BcbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtM3B4KTtcbiAgfVxuYFxuXG5jb25zdCB3YXZlID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0zMHB4KTtcbiAgfVxuYFxuXG5jb25zdCBTaGlwTG9hZGVyID0gc3R5bGVkKFNoaXApYFxuICB3aWR0aDogODBweDtcbiAgaGVpZ2h0OiA4MHB4O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHRvcDogNTAlO1xuICBsZWZ0OiA1MCU7XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gIHotaW5kZXg6IDUwMDA7XG4gIG1hcmdpbi10b3A6IC00MHB4O1xuICBtYXJnaW4tbGVmdDogLTQwcHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuYFxuXG5jb25zdCBMYWJlbCA9IHN0eWxlZC5kaXZgXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgcG9zaXRpb246IGZpeGVkO1xuICBkaXNwbGF5OiBibG9jaztcbiAgdG9wOiA1NSU7XG4gIHJpZ2h0OiAwO1xuICBsZWZ0OiAwO1xuICB6LWluZGV4OiA1MDAwO1xuICBwYWRkaW5nLXRvcDogMnJlbTtcbiAgZm9udC1zaXplOiAxN3B4O1xuYFxuXG5jb25zdCBXYXZlc0xvYWRlciA9IHN0eWxlZChXYXZlcylgXG4gIHRvcDogNTAlO1xuICBsZWZ0OiA1MCU7XG4gIHdpZHRoOiAxNDZweDtcbiAgaGVpZ2h0OiAyMHB4O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHotaW5kZXg6IDUwMDE7XG4gIG1hcmdpbi1sZWZ0OiAtNzNweDtcbiAgbWFyZ2luLXRvcDogMTNweDtcbiAgYW5pbWF0aW9uOiAke3dhdmV9IDAuOHMgbGluZWFyIGluZmluaXRlO1xuYFxuXG5jb25zdCBPdmVybGF5ID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDA7XG4gIGJvdHRvbTogMDtcbiAgei1pbmRleDogNDk5OTtcbmBcblxuZnVuY3Rpb24gTG9hZGVyKHByb3BzOiBQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxPdmVybGF5PlxuICAgICAgPGRpdj5cbiAgICAgICAgPFNoaXBMb2FkZXIgLz5cbiAgICAgICAgPFdhdmVzTG9hZGVyIC8+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxMYWJlbD57cHJvcHMubGFiZWx9PC9MYWJlbD5cbiAgICA8L092ZXJsYXk+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTG9hZGVyXG4iXX0= */"));
+var Label = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1bb5ezl2"
+} : {
+  target: "e1bb5ezl2",
+  label: "Label"
+})(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"
+} : {
+  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/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQ3dCIiwiZmlsZSI6Ii4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTaGlwLCBXYXZlcyB9IGZyb20gJ0BkZmRzLXVpL2ljb25zJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBQcm9wcyA9IHtcbiAgbGFiZWw/OiBzdHJpbmdcbn1cblxuY29uc3Qgc2FpbCA9IGtleWZyYW1lc2BcbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtM3B4KTtcbiAgfVxuYFxuXG5jb25zdCB3YXZlID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0zMHB4KTtcbiAgfVxuYFxuXG5jb25zdCBTaGlwTG9hZGVyID0gc3R5bGVkKFNoaXApYFxuICB3aWR0aDogODBweDtcbiAgaGVpZ2h0OiA4MHB4O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHRvcDogNTAlO1xuICBsZWZ0OiA1MCU7XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gIHotaW5kZXg6IDUwMDA7XG4gIG1hcmdpbi10b3A6IC00MHB4O1xuICBtYXJnaW4tbGVmdDogLTQwcHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuYFxuXG5jb25zdCBMYWJlbCA9IHN0eWxlZC5kaXZgXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgcG9zaXRpb246IGZpeGVkO1xuICBkaXNwbGF5OiBibG9jaztcbiAgdG9wOiA1NSU7XG4gIHJpZ2h0OiAwO1xuICBsZWZ0OiAwO1xuICB6LWluZGV4OiA1MDAwO1xuICBwYWRkaW5nLXRvcDogMnJlbTtcbiAgZm9udC1zaXplOiAxN3B4O1xuYFxuXG5jb25zdCBXYXZlc0xvYWRlciA9IHN0eWxlZChXYXZlcylgXG4gIHRvcDogNTAlO1xuICBsZWZ0OiA1MCU7XG4gIHdpZHRoOiAxNDZweDtcbiAgaGVpZ2h0OiAyMHB4O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHotaW5kZXg6IDUwMDE7XG4gIG1hcmdpbi1sZWZ0OiAtNzNweDtcbiAgbWFyZ2luLXRvcDogMTNweDtcbiAgYW5pbWF0aW9uOiAke3dhdmV9IDAuOHMgbGluZWFyIGluZmluaXRlO1xuYFxuXG5jb25zdCBPdmVybGF5ID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDA7XG4gIGJvdHRvbTogMDtcbiAgei1pbmRleDogNDk5OTtcbmBcblxuZnVuY3Rpb24gTG9hZGVyKHByb3BzOiBQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxPdmVybGF5PlxuICAgICAgPGRpdj5cbiAgICAgICAgPFNoaXBMb2FkZXIgLz5cbiAgICAgICAgPFdhdmVzTG9hZGVyIC8+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxMYWJlbD57cHJvcHMubGFiZWx9PC9MYWJlbD5cbiAgICA8L092ZXJsYXk+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTG9hZGVyXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var WavesLoader = /*#__PURE__*/_styled(Waves, process.env.NODE_ENV === "production" ? {
+  target: "e1bb5ezl1"
+} : {
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRGlDIiwiZmlsZSI6Ii4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTaGlwLCBXYXZlcyB9IGZyb20gJ0BkZmRzLXVpL2ljb25zJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBQcm9wcyA9IHtcbiAgbGFiZWw/OiBzdHJpbmdcbn1cblxuY29uc3Qgc2FpbCA9IGtleWZyYW1lc2BcbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtM3B4KTtcbiAgfVxuYFxuXG5jb25zdCB3YXZlID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0zMHB4KTtcbiAgfVxuYFxuXG5jb25zdCBTaGlwTG9hZGVyID0gc3R5bGVkKFNoaXApYFxuICB3aWR0aDogODBweDtcbiAgaGVpZ2h0OiA4MHB4O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHRvcDogNTAlO1xuICBsZWZ0OiA1MCU7XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gIHotaW5kZXg6IDUwMDA7XG4gIG1hcmdpbi10b3A6IC00MHB4O1xuICBtYXJnaW4tbGVmdDogLTQwcHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuYFxuXG5jb25zdCBMYWJlbCA9IHN0eWxlZC5kaXZgXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgcG9zaXRpb246IGZpeGVkO1xuICBkaXNwbGF5OiBibG9jaztcbiAgdG9wOiA1NSU7XG4gIHJpZ2h0OiAwO1xuICBsZWZ0OiAwO1xuICB6LWluZGV4OiA1MDAwO1xuICBwYWRkaW5nLXRvcDogMnJlbTtcbiAgZm9udC1zaXplOiAxN3B4O1xuYFxuXG5jb25zdCBXYXZlc0xvYWRlciA9IHN0eWxlZChXYXZlcylgXG4gIHRvcDogNTAlO1xuICBsZWZ0OiA1MCU7XG4gIHdpZHRoOiAxNDZweDtcbiAgaGVpZ2h0OiAyMHB4O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHotaW5kZXg6IDUwMDE7XG4gIG1hcmdpbi1sZWZ0OiAtNzNweDtcbiAgbWFyZ2luLXRvcDogMTNweDtcbiAgYW5pbWF0aW9uOiAke3dhdmV9IDAuOHMgbGluZWFyIGluZmluaXRlO1xuYFxuXG5jb25zdCBPdmVybGF5ID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDA7XG4gIGJvdHRvbTogMDtcbiAgei1pbmRleDogNDk5OTtcbmBcblxuZnVuY3Rpb24gTG9hZGVyKHByb3BzOiBQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxPdmVybGF5PlxuICAgICAgPGRpdj5cbiAgICAgICAgPFNoaXBMb2FkZXIgLz5cbiAgICAgICAgPFdhdmVzTG9hZGVyIC8+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxMYWJlbD57cHJvcHMubGFiZWx9PC9MYWJlbD5cbiAgICA8L092ZXJsYXk+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTG9hZGVyXG4iXX0= */"));
+var Overlay = /*#__PURE__*/_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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RDBCIiwiZmlsZSI6Ii4uLy4uL3NyYy9sb2FkZXIvTG9hZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTaGlwLCBXYXZlcyB9IGZyb20gJ0BkZmRzLXVpL2ljb25zJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBQcm9wcyA9IHtcbiAgbGFiZWw/OiBzdHJpbmdcbn1cblxuY29uc3Qgc2FpbCA9IGtleWZyYW1lc2BcbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtM3B4KTtcbiAgfVxuYFxuXG5jb25zdCB3YXZlID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0zMHB4KTtcbiAgfVxuYFxuXG5jb25zdCBTaGlwTG9hZGVyID0gc3R5bGVkKFNoaXApYFxuICB3aWR0aDogODBweDtcbiAgaGVpZ2h0OiA4MHB4O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHRvcDogNTAlO1xuICBsZWZ0OiA1MCU7XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gIHotaW5kZXg6IDUwMDA7XG4gIG1hcmdpbi10b3A6IC00MHB4O1xuICBtYXJnaW4tbGVmdDogLTQwcHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuYFxuXG5jb25zdCBMYWJlbCA9IHN0eWxlZC5kaXZgXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgcG9zaXRpb246IGZpeGVkO1xuICBkaXNwbGF5OiBibG9jaztcbiAgdG9wOiA1NSU7XG4gIHJpZ2h0OiAwO1xuICBsZWZ0OiAwO1xuICB6LWluZGV4OiA1MDAwO1xuICBwYWRkaW5nLXRvcDogMnJlbTtcbiAgZm9udC1zaXplOiAxN3B4O1xuYFxuXG5jb25zdCBXYXZlc0xvYWRlciA9IHN0eWxlZChXYXZlcylgXG4gIHRvcDogNTAlO1xuICBsZWZ0OiA1MCU7XG4gIHdpZHRoOiAxNDZweDtcbiAgaGVpZ2h0OiAyMHB4O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHotaW5kZXg6IDUwMDE7XG4gIG1hcmdpbi1sZWZ0OiAtNzNweDtcbiAgbWFyZ2luLXRvcDogMTNweDtcbiAgYW5pbWF0aW9uOiAke3dhdmV9IDAuOHMgbGluZWFyIGluZmluaXRlO1xuYFxuXG5jb25zdCBPdmVybGF5ID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDA7XG4gIGJvdHRvbTogMDtcbiAgei1pbmRleDogNDk5OTtcbmBcblxuZnVuY3Rpb24gTG9hZGVyKHByb3BzOiBQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxPdmVybGF5PlxuICAgICAgPGRpdj5cbiAgICAgICAgPFNoaXBMb2FkZXIgLz5cbiAgICAgICAgPFdhdmVzTG9hZGVyIC8+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxMYWJlbD57cHJvcHMubGFiZWx9PC9MYWJlbD5cbiAgICA8L092ZXJsYXk+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTG9hZGVyXG4iXX0= */"));
+function Loader(props) {
+  return _jsxs(Overlay, {
+    children: [_jsxs("div", {
+      children: [_jsx(ShipLoader, {}), _jsx(WavesLoader, {})]
+    }), _jsx(Label, {
+      children: props.label
+    })]
+  });
+}
+export default Loader;

package/loader/index.d.ts

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

package/loader/index.js

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

package/localization/LocaleFlag.d.ts

@@ -0,0 +1,13 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+import { Locale } from './locales';
+export type LocaleFlagProps = {
+    /**
+     * The locale specifying which flag will be rendered.
+     */
+    locale: Locale;
+    /**
+     * The size of the flag icon.
+     */
+    size?: 's' | 'm' | 'l' | 'xl';
+} & ComponentPropsWithoutRef<'svg'>;
+export declare const LocaleFlag: ({ locale, size, ...rest }: LocaleFlagProps) => React.JSX.Element;

package/localization/LocaleFlag.js

@@ -0,0 +1,33 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["locale", "size"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React from 'react';
+import { css } from '@emotion/react';
+import * as flags from '@dfds-ui/icons/flags';
+import { fallbackLocale, localeData } from './locales';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+var sizes = {
+  s: '1rem',
+  m: '1.25rem',
+  l: '1.875rem',
+  xl: '2.5rem'
+};
+export var LocaleFlag = function LocaleFlag(_ref) {
+  var _localeData$locale;
+  var locale = _ref.locale,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'm' : _ref$size,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var localDataWithFallback = (_localeData$locale = localeData[locale]) !== null && _localeData$locale !== void 0 ? _localeData$locale : localeData[fallbackLocale];
+  var Icon = flags[localDataWithFallback === null || localDataWithFallback === void 0 ? void 0 : localDataWithFallback.flagIcon];
+  return _jsx(Icon, _objectSpread({
+    role: "img",
+    css: /*#__PURE__*/css("font-size:", sizes[size], ";" + (process.env.NODE_ENV === "production" ? "" : ";label:LocaleFlag;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2NhbGl6YXRpb24vTG9jYWxlRmxhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJjIiwiZmlsZSI6Ii4uLy4uL3NyYy9sb2NhbGl6YXRpb24vTG9jYWxlRmxhZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCAqIGFzIGZsYWdzIGZyb20gJ0BkZmRzLXVpL2ljb25zL2ZsYWdzJ1xuaW1wb3J0IHsgTG9jYWxlLCBMb2NhbGVJbmZvLCBmYWxsYmFja0xvY2FsZSwgbG9jYWxlRGF0YSB9IGZyb20gJy4vbG9jYWxlcydcblxuZXhwb3J0IHR5cGUgTG9jYWxlRmxhZ1Byb3BzID0ge1xuICAvKipcbiAgICogVGhlIGxvY2FsZSBzcGVjaWZ5aW5nIHdoaWNoIGZsYWcgd2lsbCBiZSByZW5kZXJlZC5cbiAgICovXG4gIGxvY2FsZTogTG9jYWxlXG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgZmxhZyBpY29uLlxuICAgKi9cbiAgc2l6ZT86ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbn0gJiBDb21wb25lbnRQcm9wc1dpdGhvdXRSZWY8J3N2Zyc+XG5cbmNvbnN0IHNpemVzOiB7IFtrIGluIE5vbk51bGxhYmxlPExvY2FsZUZsYWdQcm9wc1snc2l6ZSddPl06IHN0cmluZyB9ID0ge1xuICBzOiAnMXJlbScsXG4gIG06ICcxLjI1cmVtJyxcbiAgbDogJzEuODc1cmVtJyxcbiAgeGw6ICcyLjVyZW0nLFxufVxuXG5leHBvcnQgY29uc3QgTG9jYWxlRmxhZyA9ICh7IGxvY2FsZSwgc2l6ZSA9ICdtJywgLi4ucmVzdCB9OiBMb2NhbGVGbGFnUHJvcHMpID0+IHtcbiAgY29uc3QgbG9jYWxEYXRhV2l0aEZhbGxiYWNrOiBMb2NhbGVJbmZvID0gbG9jYWxlRGF0YVtsb2NhbGVdID8/IGxvY2FsZURhdGFbZmFsbGJhY2tMb2NhbGVdXG4gIGNvbnN0IEljb24gPSBmbGFnc1tsb2NhbERhdGFXaXRoRmFsbGJhY2s/LmZsYWdJY29uXVxuICByZXR1cm4gKFxuICAgIDxJY29uXG4gICAgICByb2xlPVwiaW1nXCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmb250LXNpemU6ICR7c2l6ZXNbc2l6ZV19O1xuICAgICAgYH1cbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cbiJdfQ== */")
+  }, rest));
+};

package/localization/index.d.ts

@@ -0,0 +1,2 @@
+export * from './locales';
+export * from './LocaleFlag';

package/localization/index.js

@@ -0,0 +1,2 @@
+export * from './locales';
+export * from './LocaleFlag';

package/localization/locales.d.ts

@@ -0,0 +1,35 @@
+import * as flags from '@dfds-ui/icons/flags';
+export declare const locales: readonly ["en", "nl-BE", "bg-BG", "pt-BR", "en-CA", "zh-CN", "cs-CZ", "da-DK", "et-EE", "fi-FI", "fr-BE", "fr-FR", "fr-MA", "de-DE", "hu-HU", "it-IT", "ja-JP", "lv-LV", "lt-LT", "nl-NL", "nb-NO", "pl-PL", "ro-RO", "ru-RU", "sk-SK", "ko-KR", "es-ES", "sv-SE", "tr-TR", "en-GB", "en-US"];
+export type Locale = typeof locales[number];
+export declare const fallbackLocale = "en";
+export type LocaleInfo = {
+    /**
+     * Name of the country
+     */
+    name: string;
+    /**
+     * Country (and occasionally the language) expressed in native language.
+     */
+    nativeName: string;
+    /**
+     * Country calling code
+     */
+    callingCode: string;
+    /**
+     * Dialing trunk prefix
+     */
+    callingTrunkPrefix?: string;
+    /**
+     * Key of flag icon component
+     */
+    flagIcon: keyof typeof flags;
+};
+export declare const localeData: {
+    [k in Locale]: LocaleInfo;
+};
+/**
+ * Returns an array of locales where each country only appears once.
+ *
+ * @return {Locale[]}
+ */
+export declare function uniqueCountryLocales(): Locale[];

package/localization/locales.js

@@ -0,0 +1,231 @@
+export var locales = ['en', 'nl-BE', 'bg-BG', 'pt-BR', 'en-CA', 'zh-CN', 'cs-CZ', 'da-DK', 'et-EE', 'fi-FI', 'fr-BE', 'fr-FR', 'fr-MA', 'de-DE', 'hu-HU', 'it-IT', 'ja-JP', 'lv-LV', 'lt-LT', 'nl-NL', 'nb-NO', 'pl-PL', 'ro-RO', 'ru-RU', 'sk-SK', 'ko-KR', 'es-ES', 'sv-SE', 'tr-TR', 'en-GB', 'en-US'];
+export var fallbackLocale = 'en';
+export var localeData = {
+  en: {
+    name: 'International',
+    callingCode: '+',
+    nativeName: 'International',
+    flagIcon: 'FlagInt'
+  },
+  'nl-BE': {
+    name: 'Belgium',
+    callingCode: '+32',
+    callingTrunkPrefix: '0',
+    nativeName: 'België - Nederlands',
+    flagIcon: 'FlagBe'
+  },
+  'fr-BE': {
+    name: 'Belgium',
+    callingCode: '+32',
+    callingTrunkPrefix: '0',
+    nativeName: 'Belgique - Français',
+    flagIcon: 'FlagBe'
+  },
+  'bg-BG': {
+    name: 'Bulgaria',
+    callingCode: '+359',
+    callingTrunkPrefix: '0',
+    nativeName: 'България',
+    flagIcon: 'FlagBg'
+  },
+  'pt-BR': {
+    name: 'Brazil',
+    callingCode: '+55',
+    callingTrunkPrefix: '0',
+    nativeName: 'Brasil - Português',
+    flagIcon: 'FlagBr'
+  },
+  'en-CA': {
+    name: 'Canada',
+    callingCode: '+1',
+    callingTrunkPrefix: '1',
+    nativeName: 'Canada - English',
+    flagIcon: 'FlagCa'
+  },
+  'zh-CN': {
+    name: 'China',
+    callingCode: '+86',
+    callingTrunkPrefix: '0',
+    nativeName: '中国',
+    flagIcon: 'FlagCn'
+  },
+  'cs-CZ': {
+    name: 'Czech Republic',
+    callingCode: '+420',
+    nativeName: 'Česká republika',
+    flagIcon: 'FlagCz'
+  },
+  'da-DK': {
+    name: 'Denmark',
+    callingCode: '+45',
+    nativeName: 'Danmark',
+    flagIcon: 'FlagDk'
+  },
+  'et-EE': {
+    name: 'Estonia',
+    callingCode: '+372',
+    nativeName: 'Eesti',
+    flagIcon: 'FlagEe'
+  },
+  'fi-FI': {
+    name: 'Finland',
+    callingCode: '+358',
+    callingTrunkPrefix: '0',
+    nativeName: 'Suomi',
+    flagIcon: 'FlagFi'
+  },
+  'fr-FR': {
+    name: 'France',
+    callingCode: '+33',
+    callingTrunkPrefix: '0',
+    nativeName: 'France',
+    flagIcon: 'FlagFr'
+  },
+  'fr-MA': {
+    name: 'Morocco',
+    callingCode: '+212',
+    callingTrunkPrefix: '0',
+    nativeName: 'Maroc - Français',
+    flagIcon: 'FlagMa'
+  },
+  'de-DE': {
+    name: 'Germany',
+    callingCode: '+49',
+    callingTrunkPrefix: '0',
+    nativeName: 'Deutschland',
+    flagIcon: 'FlagDe'
+  },
+  'hu-HU': {
+    name: 'Hungary',
+    callingCode: '+36',
+    callingTrunkPrefix: '06',
+    nativeName: 'Magyarország',
+    flagIcon: 'FlagHu'
+  },
+  'it-IT': {
+    name: 'Italy',
+    callingCode: '+39',
+    nativeName: 'Italia',
+    flagIcon: 'FlagIt'
+  },
+  'ja-JP': {
+    name: 'Japan',
+    callingCode: '+81',
+    callingTrunkPrefix: '0',
+    nativeName: '日本',
+    flagIcon: 'FlagJp'
+  },
+  'lv-LV': {
+    name: 'Latvia',
+    callingCode: '+371',
+    nativeName: 'Latvija',
+    flagIcon: 'FlagLv'
+  },
+  'lt-LT': {
+    name: 'Lithuania',
+    callingCode: '+370',
+    callingTrunkPrefix: '8',
+    nativeName: 'Lietuva',
+    flagIcon: 'FlagLt'
+  },
+  'nl-NL': {
+    name: 'Netherlands',
+    callingCode: '+31',
+    callingTrunkPrefix: '0',
+    nativeName: 'Nederland',
+    flagIcon: 'FlagNl'
+  },
+  'nb-NO': {
+    name: 'Norway',
+    callingCode: '+47',
+    nativeName: 'Norge',
+    flagIcon: 'FlagNo'
+  },
+  'pl-PL': {
+    name: 'Poland',
+    callingCode: '+48',
+    nativeName: 'Polska',
+    flagIcon: 'FlagPl'
+  },
+  'ro-RO': {
+    name: 'Romania',
+    callingCode: '+40',
+    callingTrunkPrefix: '0',
+    nativeName: 'România',
+    flagIcon: 'FlagRo'
+  },
+  'ru-RU': {
+    name: 'Russia',
+    callingCode: '+7',
+    callingTrunkPrefix: '8',
+    nativeName: 'Россия',
+    flagIcon: 'FlagRu'
+  },
+  'sk-SK': {
+    name: 'Slovakia',
+    callingCode: '+421',
+    callingTrunkPrefix: '0',
+    nativeName: 'Slovensko',
+    flagIcon: 'FlagSk'
+  },
+  'ko-KR': {
+    name: 'South Korea',
+    callingCode: '+82',
+    callingTrunkPrefix: '0',
+    nativeName: '대한민국',
+    flagIcon: 'FlagKr'
+  },
+  'es-ES': {
+    name: 'Spain',
+    callingCode: '+34',
+    nativeName: 'España',
+    flagIcon: 'FlagEs'
+  },
+  'sv-SE': {
+    name: 'Sweden',
+    callingCode: '+46',
+    callingTrunkPrefix: '0',
+    nativeName: 'Sverige',
+    flagIcon: 'FlagSe'
+  },
+  'tr-TR': {
+    name: 'Turkey',
+    callingCode: '+90',
+    callingTrunkPrefix: '0',
+    nativeName: 'Türkçe',
+    flagIcon: 'FlagTr'
+  },
+  'en-GB': {
+    name: 'United Kingdom',
+    callingCode: '+44',
+    callingTrunkPrefix: '0',
+    nativeName: 'United Kingdom - English',
+    flagIcon: 'FlagGb'
+  },
+  'en-US': {
+    name: 'United States',
+    callingCode: '+1',
+    callingTrunkPrefix: '1',
+    nativeName: 'United States',
+    flagIcon: 'FlagUs'
+  }
+};
+
+/**
+ * Returns an array of locales where each country only appears once.
+ *
+ * @return {Locale[]}
+ */
+export function uniqueCountryLocales() {
+  var processed = [];
+  return locales.filter(function (locale) {
+    var split = locale.split('-');
+    if (split.length === 2) {
+      if (processed.indexOf(split[1]) !== -1) {
+        return false;
+      }
+      processed.push(split[1]);
+    }
+    return true;
+  });
+}

package/logo/Logo.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export type LogoProps = {
+    className?: string;
+    title?: string;
+    width?: string | number;
+    height?: string | number;
+    logoContainerProps?: any;
+};
+declare const Logo: ({ logoContainerProps, ...rest }: LogoProps) => React.JSX.Element;
+export { Logo };
+export default Logo;

package/logo/Logo.js

@@ -0,0 +1,37 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+import _styled from "@emotion/styled/base";
+var _excluded = ["logoContainerProps"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import * as React from 'react';
+import { SvgDfdsLogo } from '@dfds-ui/icons';
+import { theme } from '@dfds-ui/theme';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+var LogoContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "eqezkpr0"
+} : {
+  target: "eqezkpr0",
+  label: "LogoContainer"
+})("display:flex;align-items:center;position:relative;", theme.states.overlay(false, {
+  color: theme.colors.secondary.main,
+  hover: '0',
+  active: '0'
+}), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2dvL0xvZ28udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFnQyIsImZpbGUiOiIuLi8uLi9zcmMvbG9nby9Mb2dvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3ZnRGZkc0xvZ28gfSBmcm9tICdAZGZkcy11aS9pY29ucydcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuZXhwb3J0IHR5cGUgTG9nb1Byb3BzID0ge1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgdGl0bGU/OiBzdHJpbmdcbiAgd2lkdGg/OiBzdHJpbmcgfCBudW1iZXJcbiAgaGVpZ2h0Pzogc3RyaW5nIHwgbnVtYmVyXG4gIGxvZ29Db250YWluZXJQcm9wcz86IGFueVxufVxuXG5jb25zdCBMb2dvQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICR7dGhlbWUuc3RhdGVzLm92ZXJsYXkoZmFsc2UsIHtcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluLFxuICAgIGhvdmVyOiAnMCcsXG4gICAgYWN0aXZlOiAnMCcsXG4gIH0pfTtcbmBcblxuY29uc3QgTG9nbyA9ICh7IGxvZ29Db250YWluZXJQcm9wcywgLi4ucmVzdCB9OiBMb2dvUHJvcHMpID0+IHtcbiAgcmV0dXJuIGxvZ29Db250YWluZXJQcm9wcyA/IChcbiAgICA8TG9nb0NvbnRhaW5lciB7Li4ubG9nb0NvbnRhaW5lclByb3BzfT5cbiAgICAgIDxTdmdEZmRzTG9nbyBkYXRhLXRlc3RpZD1cIkxvZ29cIiB7Li4ucmVzdH0gLz5cbiAgICA8L0xvZ29Db250YWluZXI+XG4gICkgOiAoXG4gICAgPFN2Z0RmZHNMb2dvIGRhdGEtdGVzdGlkPVwiTG9nb1wiIHsuLi5yZXN0fSAvPlxuICApXG59XG5cbmV4cG9ydCB7IExvZ28gfVxuZXhwb3J0IGRlZmF1bHQgTG9nb1xuIl19 */"));
+var Logo = function Logo(_ref) {
+  var logoContainerProps = _ref.logoContainerProps,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return logoContainerProps ? _jsx(LogoContainer, _objectSpread(_objectSpread({}, logoContainerProps), {}, {
+    children: _jsx(SvgDfdsLogo, _objectSpread({
+      "data-testid": "Logo"
+    }, rest))
+  })) : _jsx(SvgDfdsLogo, _objectSpread({
+    "data-testid": "Logo"
+  }, rest));
+};
+export { Logo };
+export default Logo;