@dfds-ui/react-components 2.0.23-alpha.fae88e2e → 2.0.23-alpha.fcaa34df

package/cjs/loader/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DfdsLoader", {
+  enumerable: true,
+  get: function get() {
+    return _DfdsLoader.default;
+  }
+});
+Object.defineProperty(exports, "Loader", {
+  enumerable: true,
+  get: function get() {
+    return _Loader.default;
+  }
+});
+var _Loader = _interopRequireDefault(require("./Loader"));
+var _DfdsLoader = _interopRequireDefault(require("./DfdsLoader"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/cjs/localization/LocaleFlag.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LocaleFlag = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
+var flags = _interopRequireWildcard(require("@dfds-ui/icons/flags"));
+var _locales = require("./locales");
+const _excluded = ["locale", "size"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }
+const sizes = {
+  s: '1rem',
+  m: '1.25rem',
+  l: '1.875rem',
+  xl: '2.5rem'
+};
+const LocaleFlag = _ref => {
+  var _localeData$locale;
+  let locale = _ref.locale,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'm' : _ref$size,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const localDataWithFallback = (_localeData$locale = _locales.localeData[locale]) !== null && _localeData$locale !== void 0 ? _localeData$locale : _locales.localeData[_locales.fallbackLocale];
+  const Icon = flags[localDataWithFallback === null || localDataWithFallback === void 0 ? void 0 : localDataWithFallback.flagIcon];
+  return (0, _react2.jsx)(Icon, _extends({
+    role: "img",
+    css: /*#__PURE__*/(0, _react2.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2NhbGl6YXRpb24vTG9jYWxlRmxhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9sb2NhbGl6YXRpb24vTG9jYWxlRmxhZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCAqIGFzIGZsYWdzIGZyb20gJ0BkZmRzLXVpL2ljb25zL2ZsYWdzJ1xuaW1wb3J0IHsgTG9jYWxlLCBMb2NhbGVJbmZvLCBmYWxsYmFja0xvY2FsZSwgbG9jYWxlRGF0YSB9IGZyb20gJy4vbG9jYWxlcydcblxuZXhwb3J0IHR5cGUgTG9jYWxlRmxhZ1Byb3BzID0ge1xuICAvKipcbiAgICogVGhlIGxvY2FsZSBzcGVjaWZ5aW5nIHdoaWNoIGZsYWcgd2lsbCBiZSByZW5kZXJlZC5cbiAgICovXG4gIGxvY2FsZTogTG9jYWxlXG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgZmxhZyBpY29uLlxuICAgKi9cbiAgc2l6ZT86ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbn0gJiBDb21wb25lbnRQcm9wc1dpdGhvdXRSZWY8J3N2Zyc+XG5cbmNvbnN0IHNpemVzOiB7IFtrIGluIE5vbk51bGxhYmxlPExvY2FsZUZsYWdQcm9wc1snc2l6ZSddPl06IHN0cmluZyB9ID0ge1xuICBzOiAnMXJlbScsXG4gIG06ICcxLjI1cmVtJyxcbiAgbDogJzEuODc1cmVtJyxcbiAgeGw6ICcyLjVyZW0nLFxufVxuXG5leHBvcnQgY29uc3QgTG9jYWxlRmxhZyA9ICh7IGxvY2FsZSwgc2l6ZSA9ICdtJywgLi4ucmVzdCB9OiBMb2NhbGVGbGFnUHJvcHMpID0+IHtcbiAgY29uc3QgbG9jYWxEYXRhV2l0aEZhbGxiYWNrOiBMb2NhbGVJbmZvID0gbG9jYWxlRGF0YVtsb2NhbGVdID8/IGxvY2FsZURhdGFbZmFsbGJhY2tMb2NhbGVdXG4gIGNvbnN0IEljb24gPSBmbGFnc1tsb2NhbERhdGFXaXRoRmFsbGJhY2s/LmZsYWdJY29uXVxuICByZXR1cm4gKFxuICAgIDxJY29uXG4gICAgICByb2xlPVwiaW1nXCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmb250LXNpemU6ICR7c2l6ZXNbc2l6ZV19O1xuICAgICAgYH1cbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cbiJdfQ== */")
+  }, rest));
+};
+exports.LocaleFlag = LocaleFlag;

package/cjs/localization/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _locales = require("./locales");
+Object.keys(_locales).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _locales[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _locales[key];
+    }
+  });
+});
+var _LocaleFlag = require("./LocaleFlag");
+Object.keys(_LocaleFlag).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LocaleFlag[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _LocaleFlag[key];
+    }
+  });
+});

package/cjs/localization/locales.js

@@ -0,0 +1,241 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.locales = exports.localeData = exports.fallbackLocale = void 0;
+exports.uniqueCountryLocales = uniqueCountryLocales;
+const 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'];
+exports.locales = locales;
+const fallbackLocale = 'en';
+exports.fallbackLocale = fallbackLocale;
+const 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[]}
+ */
+exports.localeData = localeData;
+function uniqueCountryLocales() {
+  const processed = [];
+  return locales.filter(locale => {
+    const split = locale.split('-');
+    if (split.length === 2) {
+      if (processed.indexOf(split[1]) !== -1) {
+        return false;
+      }
+      processed.push(split[1]);
+    }
+    return true;
+  });
+}

package/cjs/logo/Logo.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Logo = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var React = _interopRequireWildcard(require("react"));
+var _icons = require("@dfds-ui/icons");
+var _theme = require("@dfds-ui/theme");
+var _react2 = require("@emotion/react");
+const _excluded = ["logoContainerProps"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }
+const LogoContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "eqezkpr0"
+} : {
+  target: "eqezkpr0",
+  label: "LogoContainer"
+})("display:flex;align-items:center;position:relative;", _theme.theme.states.overlay(false, {
+  color: _theme.theme.colors.secondary.main,
+  hover: '0',
+  active: '0'
+}), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2dvL0xvZ28udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFnQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbG9nby9Mb2dvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3ZnRGZkc0xvZ28gfSBmcm9tICdAZGZkcy11aS9pY29ucydcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuZXhwb3J0IHR5cGUgTG9nb1Byb3BzID0ge1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgdGl0bGU/OiBzdHJpbmdcbiAgd2lkdGg/OiBzdHJpbmcgfCBudW1iZXJcbiAgaGVpZ2h0Pzogc3RyaW5nIHwgbnVtYmVyXG4gIGxvZ29Db250YWluZXJQcm9wcz86IGFueVxufVxuXG5jb25zdCBMb2dvQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICR7dGhlbWUuc3RhdGVzLm92ZXJsYXkoZmFsc2UsIHtcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluLFxuICAgIGhvdmVyOiAnMCcsXG4gICAgYWN0aXZlOiAnMCcsXG4gIH0pfTtcbmBcblxuY29uc3QgTG9nbyA9ICh7IGxvZ29Db250YWluZXJQcm9wcywgLi4ucmVzdCB9OiBMb2dvUHJvcHMpID0+IHtcbiAgcmV0dXJuIGxvZ29Db250YWluZXJQcm9wcyA/IChcbiAgICA8TG9nb0NvbnRhaW5lciB7Li4ubG9nb0NvbnRhaW5lclByb3BzfT5cbiAgICAgIDxTdmdEZmRzTG9nbyBkYXRhLXRlc3RpZD1cIkxvZ29cIiB7Li4ucmVzdH0gLz5cbiAgICA8L0xvZ29Db250YWluZXI+XG4gICkgOiAoXG4gICAgPFN2Z0RmZHNMb2dvIGRhdGEtdGVzdGlkPVwiTG9nb1wiIHsuLi5yZXN0fSAvPlxuICApXG59XG5cbmV4cG9ydCB7IExvZ28gfVxuZXhwb3J0IGRlZmF1bHQgTG9nb1xuIl19 */"));
+const Logo = _ref => {
+  let logoContainerProps = _ref.logoContainerProps,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return logoContainerProps ? (0, _react2.jsx)(LogoContainer, logoContainerProps, (0, _react2.jsx)(_icons.SvgDfdsLogo, _extends({
+    "data-testid": "Logo"
+  }, rest))) : (0, _react2.jsx)(_icons.SvgDfdsLogo, _extends({
+    "data-testid": "Logo"
+  }, rest));
+};
+exports.Logo = Logo;
+var _default = Logo;
+exports.default = _default;

package/cjs/logo/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Logo = require("./Logo");
+Object.keys(_Logo).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Logo[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Logo[key];
+    }
+  });
+});

package/cjs/media/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _theme = require("@dfds-ui/theme");
+var _default = _theme.media;
+exports.default = _default;

package/cjs/menu/Menu.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
+var _theme = require("@dfds-ui/theme");
+var _rem = require("../styles/rem");
+const _excluded = ["children"],
+  _excluded2 = ["children", "onClick"],
+  _excluded3 = ["children"],
+  _excluded4 = ["children", "url"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }
+const menuStyles = /*#__PURE__*/(0, _react2.css)("background-color:", _theme.theme.colors.surface.primary, ";padding:", (0, _rem.rem)(15), " ", (0, _rem.rem)(20), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:menuStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9tZW51L01lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1zQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbWVudS9NZW51LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAnLi4vc3R5bGVzL3JlbSdcblxuY29uc3QgbWVudVN0eWxlcyA9IGNzc2BcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgcGFkZGluZzogJHtyZW0oMTUpfSAke3JlbSgyMCl9O1xuYFxuXG5jb25zdCBNZW51ID0gUmVhY3QuZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucmVzdCB9LCByZWY6IFJlYWN0LlJlZjxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17bWVudVN0eWxlc30gcmVmPXtyZWZ9IHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKVxufSlcblxuZXhwb3J0IHR5cGUgTWVudUl0ZW1Qcm9wcyA9IFJlYWN0LkRldGFpbGVkSFRNTFByb3BzPFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiwgSFRNTERpdkVsZW1lbnQ+ICYge1xuICAvLyBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4gJiB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG4gIG9uQ2xpY2s6IFJlYWN0Lk1vdXNlRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PlxufVxuXG5jb25zdCBtZW51SXRlbVN0eWxlcyA9IGNzc2BcbiAgcGFkZGluZzogMC40cmVtIDAgMC4zcmVtIDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgfVxuYFxuXG5jb25zdCBNZW51SXRlbTogUmVhY3QuRkM8TWVudUl0ZW1Qcm9wcz4gPSAoeyBjaGlsZHJlbiwgb25DbGljaywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e21lbnVJdGVtU3R5bGVzfSBvbkNsaWNrPXtvbkNsaWNrfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gIClcbn1cblxuY29uc3QgaGVhZGVySXRlbVN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQtc2l6ZTogMS44cmVtO1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgbWFyZ2luLWJvdHRvbTogJHtyZW0oMTUpfTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuZGFyay5wcmltYXJ5fTtcbmBcblxuY29uc3QgSGVhZGVySXRlbSA9ICh7IGNoaWxkcmVuLCAuLi5yZXN0IH06IHsgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY3NzPXtoZWFkZXJJdGVtU3R5bGVzfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gIClcbn1cblxuY29uc3QgU2VwYXJhdG9ySXRlbSA9IHN0eWxlZC5kaXZgXG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmxpZ2h0fTtcbiAgaGVpZ2h0OiAwLjFyZW07XG4gIG1hcmdpbjogMC41cmVtIDAuNXJlbSAwLjVyZW0gMC41cmVtO1xuICBvcGFjaXR5OiAwLjE1O1xuYFxuXG5jb25zdCBsaW5rSXRlbVN0eWxlcyA9IGNzc2BcbiAgJHttZW51SXRlbVN0eWxlc31cbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubGlnaHR9O1xuICB9XG5gXG5cbi8vIFRPRE86IEFkZCBcImFzXCIgcHJvcCBmb3IgaW5qZWN0IGEgQ29tcG9uZW50T3JFbGVtZW50IGZvciByZW5kZXJpbmcgdGhlIGxpbmtcbmNvbnN0IExpbmtJdGVtOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDx7IHVybDogc3RyaW5nIH0+ID0gKHsgY2hpbGRyZW4sIHVybCwgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGEgY3NzPXtsaW5rSXRlbVN0eWxlc30gaHJlZj17dXJsfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9hPlxuICApXG59XG5cbmNvbnN0IEN1c3RvbUl0ZW0gPSAoeyByZW5kZXIgfTogeyByZW5kZXI6ICgpID0+IFJlYWN0LlJlYWN0Tm9kZSB9KSA9PiB7XG4gIHJldHVybiByZW5kZXIoKVxufVxuXG4vLyBUT0RPOiByZWZhY3RvciB0byB1c2Ugc2VwYXJhdGUgZXhwb3J0c1xuY29uc3QgbWVudSA9IE1lbnUgYXMgYW55XG5tZW51Lkl0ZW0gPSBNZW51SXRlbVxubWVudS5IZWFkZXIgPSBIZWFkZXJJdGVtXG5tZW51LkxpbmsgPSBMaW5rSXRlbVxubWVudS5DdXN0cm9tID0gQ3VzdG9tSXRlbVxubWVudS5TZXBhcmF0b3IgPSBTZXBhcmF0b3JJdGVtXG5cbmV4cG9ydCBkZWZhdWx0IG1lbnVcbiJdfQ== */");
+const Menu = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+  let children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return (0, _react2.jsx)("div", _extends({
+    css: menuStyles,
+    ref: ref
+  }, rest), children);
+});
+const menuItemStyles = /*#__PURE__*/(0, _react2.css)("padding:0.4rem 0 0.3rem 0;display:flex;font-size:1rem;font-weight:bold;cursor:pointer;align-items:center;color:", _theme.theme.colors.secondary.main, ";&:hover{color:", _theme.theme.colors.secondary.dark, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:menuItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9tZW51L01lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCMEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL21lbnUvTWVudS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHJlbSB9IGZyb20gJy4uL3N0eWxlcy9yZW0nXG5cbmNvbnN0IG1lbnVTdHlsZXMgPSBjc3NgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIHBhZGRpbmc6ICR7cmVtKDE1KX0gJHtyZW0oMjApfTtcbmBcblxuY29uc3QgTWVudSA9IFJlYWN0LmZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnJlc3QgfSwgcmVmOiBSZWFjdC5SZWY8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e21lbnVTdHlsZXN9IHJlZj17cmVmfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gIClcbn0pXG5cbmV4cG9ydCB0eXBlIE1lbnVJdGVtUHJvcHMgPSBSZWFjdC5EZXRhaWxlZEhUTUxQcm9wczxSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4sIEhUTUxEaXZFbGVtZW50PiAmIHtcbiAgLy8gUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+ICYge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxuICBvbkNsaWNrOiBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD5cbn1cblxuY29uc3QgbWVudUl0ZW1TdHlsZXMgPSBjc3NgXG4gIHBhZGRpbmc6IDAuNHJlbSAwIDAuM3JlbSAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmb250LXNpemU6IDFyZW07XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gIH1cbmBcblxuY29uc3QgTWVudUl0ZW06IFJlYWN0LkZDPE1lbnVJdGVtUHJvcHM+ID0gKHsgY2hpbGRyZW4sIG9uQ2xpY2ssIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY3NzPXttZW51SXRlbVN0eWxlc30gb25DbGljaz17b25DbGlja30gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApXG59XG5cbmNvbnN0IGhlYWRlckl0ZW1TdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250LXNpemU6IDEuOHJlbTtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIG1hcmdpbi1ib3R0b206ICR7cmVtKDE1KX07XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeX07XG5gXG5cbmNvbnN0IEhlYWRlckl0ZW0gPSAoeyBjaGlsZHJlbiwgLi4ucmVzdCB9OiB7IGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17aGVhZGVySXRlbVN0eWxlc30gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApXG59XG5cbmNvbnN0IFNlcGFyYXRvckl0ZW0gPSBzdHlsZWQuZGl2YFxuICBib3JkZXItdG9wOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5saWdodH07XG4gIGhlaWdodDogMC4xcmVtO1xuICBtYXJnaW46IDAuNXJlbSAwLjVyZW0gMC41cmVtIDAuNXJlbTtcbiAgb3BhY2l0eTogMC4xNTtcbmBcblxuY29uc3QgbGlua0l0ZW1TdHlsZXMgPSBjc3NgXG4gICR7bWVudUl0ZW1TdHlsZXN9XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmxpZ2h0fTtcbiAgfVxuYFxuXG4vLyBUT0RPOiBBZGQgXCJhc1wiIHByb3AgZm9yIGluamVjdCBhIENvbXBvbmVudE9yRWxlbWVudCBmb3IgcmVuZGVyaW5nIHRoZSBsaW5rXG5jb25zdCBMaW5rSXRlbTogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8eyB1cmw6IHN0cmluZyB9PiA9ICh7IGNoaWxkcmVuLCB1cmwsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxhIGNzcz17bGlua0l0ZW1TdHlsZXN9IGhyZWY9e3VybH0gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvYT5cbiAgKVxufVxuXG5jb25zdCBDdXN0b21JdGVtID0gKHsgcmVuZGVyIH06IHsgcmVuZGVyOiAoKSA9PiBSZWFjdC5SZWFjdE5vZGUgfSkgPT4ge1xuICByZXR1cm4gcmVuZGVyKClcbn1cblxuLy8gVE9ETzogcmVmYWN0b3IgdG8gdXNlIHNlcGFyYXRlIGV4cG9ydHNcbmNvbnN0IG1lbnUgPSBNZW51IGFzIGFueVxubWVudS5JdGVtID0gTWVudUl0ZW1cbm1lbnUuSGVhZGVyID0gSGVhZGVySXRlbVxubWVudS5MaW5rID0gTGlua0l0ZW1cbm1lbnUuQ3VzdHJvbSA9IEN1c3RvbUl0ZW1cbm1lbnUuU2VwYXJhdG9yID0gU2VwYXJhdG9ySXRlbVxuXG5leHBvcnQgZGVmYXVsdCBtZW51XG4iXX0= */");
+const MenuItem = _ref2 => {
+  let children = _ref2.children,
+    onClick = _ref2.onClick,
+    rest = _objectWithoutProperties(_ref2, _excluded2);
+  return (0, _react2.jsx)("div", _extends({
+    css: menuItemStyles,
+    onClick: onClick
+  }, rest), children);
+};
+const headerItemStyles = /*#__PURE__*/(0, _react2.css)("display:block;font-size:1.8rem;font-weight:bold;margin-bottom:", (0, _rem.rem)(15), ";color:", _theme.theme.colors.text.dark.primary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:headerItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9tZW51L01lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThDNEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL21lbnUvTWVudS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHJlbSB9IGZyb20gJy4uL3N0eWxlcy9yZW0nXG5cbmNvbnN0IG1lbnVTdHlsZXMgPSBjc3NgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIHBhZGRpbmc6ICR7cmVtKDE1KX0gJHtyZW0oMjApfTtcbmBcblxuY29uc3QgTWVudSA9IFJlYWN0LmZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnJlc3QgfSwgcmVmOiBSZWFjdC5SZWY8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e21lbnVTdHlsZXN9IHJlZj17cmVmfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gIClcbn0pXG5cbmV4cG9ydCB0eXBlIE1lbnVJdGVtUHJvcHMgPSBSZWFjdC5EZXRhaWxlZEhUTUxQcm9wczxSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4sIEhUTUxEaXZFbGVtZW50PiAmIHtcbiAgLy8gUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+ICYge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxuICBvbkNsaWNrOiBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD5cbn1cblxuY29uc3QgbWVudUl0ZW1TdHlsZXMgPSBjc3NgXG4gIHBhZGRpbmc6IDAuNHJlbSAwIDAuM3JlbSAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmb250LXNpemU6IDFyZW07XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gIH1cbmBcblxuY29uc3QgTWVudUl0ZW06IFJlYWN0LkZDPE1lbnVJdGVtUHJvcHM+ID0gKHsgY2hpbGRyZW4sIG9uQ2xpY2ssIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY3NzPXttZW51SXRlbVN0eWxlc30gb25DbGljaz17b25DbGlja30gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApXG59XG5cbmNvbnN0IGhlYWRlckl0ZW1TdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250LXNpemU6IDEuOHJlbTtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIG1hcmdpbi1ib3R0b206ICR7cmVtKDE1KX07XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeX07XG5gXG5cbmNvbnN0IEhlYWRlckl0ZW0gPSAoeyBjaGlsZHJlbiwgLi4ucmVzdCB9OiB7IGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17aGVhZGVySXRlbVN0eWxlc30gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApXG59XG5cbmNvbnN0IFNlcGFyYXRvckl0ZW0gPSBzdHlsZWQuZGl2YFxuICBib3JkZXItdG9wOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5saWdodH07XG4gIGhlaWdodDogMC4xcmVtO1xuICBtYXJnaW46IDAuNXJlbSAwLjVyZW0gMC41cmVtIDAuNXJlbTtcbiAgb3BhY2l0eTogMC4xNTtcbmBcblxuY29uc3QgbGlua0l0ZW1TdHlsZXMgPSBjc3NgXG4gICR7bWVudUl0ZW1TdHlsZXN9XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmxpZ2h0fTtcbiAgfVxuYFxuXG4vLyBUT0RPOiBBZGQgXCJhc1wiIHByb3AgZm9yIGluamVjdCBhIENvbXBvbmVudE9yRWxlbWVudCBmb3IgcmVuZGVyaW5nIHRoZSBsaW5rXG5jb25zdCBMaW5rSXRlbTogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8eyB1cmw6IHN0cmluZyB9PiA9ICh7IGNoaWxkcmVuLCB1cmwsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxhIGNzcz17bGlua0l0ZW1TdHlsZXN9IGhyZWY9e3VybH0gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvYT5cbiAgKVxufVxuXG5jb25zdCBDdXN0b21JdGVtID0gKHsgcmVuZGVyIH06IHsgcmVuZGVyOiAoKSA9PiBSZWFjdC5SZWFjdE5vZGUgfSkgPT4ge1xuICByZXR1cm4gcmVuZGVyKClcbn1cblxuLy8gVE9ETzogcmVmYWN0b3IgdG8gdXNlIHNlcGFyYXRlIGV4cG9ydHNcbmNvbnN0IG1lbnUgPSBNZW51IGFzIGFueVxubWVudS5JdGVtID0gTWVudUl0ZW1cbm1lbnUuSGVhZGVyID0gSGVhZGVySXRlbVxubWVudS5MaW5rID0gTGlua0l0ZW1cbm1lbnUuQ3VzdHJvbSA9IEN1c3RvbUl0ZW1cbm1lbnUuU2VwYXJhdG9yID0gU2VwYXJhdG9ySXRlbVxuXG5leHBvcnQgZGVmYXVsdCBtZW51XG4iXX0= */");
+const HeaderItem = _ref3 => {
+  let children = _ref3.children,
+    rest = _objectWithoutProperties(_ref3, _excluded3);
+  return (0, _react2.jsx)("div", _extends({
+    css: headerItemStyles
+  }, rest), children);
+};
+const SeparatorItem = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "eul3jqu0"
+} : {
+  target: "eul3jqu0",
+  label: "SeparatorItem"
+})("border-top:1px solid ", _theme.theme.colors.primary.light, ";height:0.1rem;margin:0.5rem 0.5rem 0.5rem 0.5rem;opacity:0.15;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9tZW51L01lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThEZ0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL21lbnUvTWVudS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHJlbSB9IGZyb20gJy4uL3N0eWxlcy9yZW0nXG5cbmNvbnN0IG1lbnVTdHlsZXMgPSBjc3NgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIHBhZGRpbmc6ICR7cmVtKDE1KX0gJHtyZW0oMjApfTtcbmBcblxuY29uc3QgTWVudSA9IFJlYWN0LmZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnJlc3QgfSwgcmVmOiBSZWFjdC5SZWY8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e21lbnVTdHlsZXN9IHJlZj17cmVmfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gIClcbn0pXG5cbmV4cG9ydCB0eXBlIE1lbnVJdGVtUHJvcHMgPSBSZWFjdC5EZXRhaWxlZEhUTUxQcm9wczxSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4sIEhUTUxEaXZFbGVtZW50PiAmIHtcbiAgLy8gUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+ICYge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxuICBvbkNsaWNrOiBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD5cbn1cblxuY29uc3QgbWVudUl0ZW1TdHlsZXMgPSBjc3NgXG4gIHBhZGRpbmc6IDAuNHJlbSAwIDAuM3JlbSAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmb250LXNpemU6IDFyZW07XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gIH1cbmBcblxuY29uc3QgTWVudUl0ZW06IFJlYWN0LkZDPE1lbnVJdGVtUHJvcHM+ID0gKHsgY2hpbGRyZW4sIG9uQ2xpY2ssIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY3NzPXttZW51SXRlbVN0eWxlc30gb25DbGljaz17b25DbGlja30gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApXG59XG5cbmNvbnN0IGhlYWRlckl0ZW1TdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250LXNpemU6IDEuOHJlbTtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIG1hcmdpbi1ib3R0b206ICR7cmVtKDE1KX07XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeX07XG5gXG5cbmNvbnN0IEhlYWRlckl0ZW0gPSAoeyBjaGlsZHJlbiwgLi4ucmVzdCB9OiB7IGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17aGVhZGVySXRlbVN0eWxlc30gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApXG59XG5cbmNvbnN0IFNlcGFyYXRvckl0ZW0gPSBzdHlsZWQuZGl2YFxuICBib3JkZXItdG9wOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5saWdodH07XG4gIGhlaWdodDogMC4xcmVtO1xuICBtYXJnaW46IDAuNXJlbSAwLjVyZW0gMC41cmVtIDAuNXJlbTtcbiAgb3BhY2l0eTogMC4xNTtcbmBcblxuY29uc3QgbGlua0l0ZW1TdHlsZXMgPSBjc3NgXG4gICR7bWVudUl0ZW1TdHlsZXN9XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmxpZ2h0fTtcbiAgfVxuYFxuXG4vLyBUT0RPOiBBZGQgXCJhc1wiIHByb3AgZm9yIGluamVjdCBhIENvbXBvbmVudE9yRWxlbWVudCBmb3IgcmVuZGVyaW5nIHRoZSBsaW5rXG5jb25zdCBMaW5rSXRlbTogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8eyB1cmw6IHN0cmluZyB9PiA9ICh7IGNoaWxkcmVuLCB1cmwsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxhIGNzcz17bGlua0l0ZW1TdHlsZXN9IGhyZWY9e3VybH0gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvYT5cbiAgKVxufVxuXG5jb25zdCBDdXN0b21JdGVtID0gKHsgcmVuZGVyIH06IHsgcmVuZGVyOiAoKSA9PiBSZWFjdC5SZWFjdE5vZGUgfSkgPT4ge1xuICByZXR1cm4gcmVuZGVyKClcbn1cblxuLy8gVE9ETzogcmVmYWN0b3IgdG8gdXNlIHNlcGFyYXRlIGV4cG9ydHNcbmNvbnN0IG1lbnUgPSBNZW51IGFzIGFueVxubWVudS5JdGVtID0gTWVudUl0ZW1cbm1lbnUuSGVhZGVyID0gSGVhZGVySXRlbVxubWVudS5MaW5rID0gTGlua0l0ZW1cbm1lbnUuQ3VzdHJvbSA9IEN1c3RvbUl0ZW1cbm1lbnUuU2VwYXJhdG9yID0gU2VwYXJhdG9ySXRlbVxuXG5leHBvcnQgZGVmYXVsdCBtZW51XG4iXX0= */"));
+const linkItemStyles = /*#__PURE__*/(0, _react2.css)(menuItemStyles, " text-decoration:none;&:hover{background-color:", _theme.theme.colors.secondary.light, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:linkItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9tZW51L01lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFFMEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL21lbnUvTWVudS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHJlbSB9IGZyb20gJy4uL3N0eWxlcy9yZW0nXG5cbmNvbnN0IG1lbnVTdHlsZXMgPSBjc3NgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIHBhZGRpbmc6ICR7cmVtKDE1KX0gJHtyZW0oMjApfTtcbmBcblxuY29uc3QgTWVudSA9IFJlYWN0LmZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnJlc3QgfSwgcmVmOiBSZWFjdC5SZWY8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e21lbnVTdHlsZXN9IHJlZj17cmVmfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gIClcbn0pXG5cbmV4cG9ydCB0eXBlIE1lbnVJdGVtUHJvcHMgPSBSZWFjdC5EZXRhaWxlZEhUTUxQcm9wczxSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4sIEhUTUxEaXZFbGVtZW50PiAmIHtcbiAgLy8gUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+ICYge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxuICBvbkNsaWNrOiBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD5cbn1cblxuY29uc3QgbWVudUl0ZW1TdHlsZXMgPSBjc3NgXG4gIHBhZGRpbmc6IDAuNHJlbSAwIDAuM3JlbSAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmb250LXNpemU6IDFyZW07XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gIH1cbmBcblxuY29uc3QgTWVudUl0ZW06IFJlYWN0LkZDPE1lbnVJdGVtUHJvcHM+ID0gKHsgY2hpbGRyZW4sIG9uQ2xpY2ssIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY3NzPXttZW51SXRlbVN0eWxlc30gb25DbGljaz17b25DbGlja30gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApXG59XG5cbmNvbnN0IGhlYWRlckl0ZW1TdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250LXNpemU6IDEuOHJlbTtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIG1hcmdpbi1ib3R0b206ICR7cmVtKDE1KX07XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeX07XG5gXG5cbmNvbnN0IEhlYWRlckl0ZW0gPSAoeyBjaGlsZHJlbiwgLi4ucmVzdCB9OiB7IGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17aGVhZGVySXRlbVN0eWxlc30gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApXG59XG5cbmNvbnN0IFNlcGFyYXRvckl0ZW0gPSBzdHlsZWQuZGl2YFxuICBib3JkZXItdG9wOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5saWdodH07XG4gIGhlaWdodDogMC4xcmVtO1xuICBtYXJnaW46IDAuNXJlbSAwLjVyZW0gMC41cmVtIDAuNXJlbTtcbiAgb3BhY2l0eTogMC4xNTtcbmBcblxuY29uc3QgbGlua0l0ZW1TdHlsZXMgPSBjc3NgXG4gICR7bWVudUl0ZW1TdHlsZXN9XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmxpZ2h0fTtcbiAgfVxuYFxuXG4vLyBUT0RPOiBBZGQgXCJhc1wiIHByb3AgZm9yIGluamVjdCBhIENvbXBvbmVudE9yRWxlbWVudCBmb3IgcmVuZGVyaW5nIHRoZSBsaW5rXG5jb25zdCBMaW5rSXRlbTogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8eyB1cmw6IHN0cmluZyB9PiA9ICh7IGNoaWxkcmVuLCB1cmwsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxhIGNzcz17bGlua0l0ZW1TdHlsZXN9IGhyZWY9e3VybH0gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvYT5cbiAgKVxufVxuXG5jb25zdCBDdXN0b21JdGVtID0gKHsgcmVuZGVyIH06IHsgcmVuZGVyOiAoKSA9PiBSZWFjdC5SZWFjdE5vZGUgfSkgPT4ge1xuICByZXR1cm4gcmVuZGVyKClcbn1cblxuLy8gVE9ETzogcmVmYWN0b3IgdG8gdXNlIHNlcGFyYXRlIGV4cG9ydHNcbmNvbnN0IG1lbnUgPSBNZW51IGFzIGFueVxubWVudS5JdGVtID0gTWVudUl0ZW1cbm1lbnUuSGVhZGVyID0gSGVhZGVySXRlbVxubWVudS5MaW5rID0gTGlua0l0ZW1cbm1lbnUuQ3VzdHJvbSA9IEN1c3RvbUl0ZW1cbm1lbnUuU2VwYXJhdG9yID0gU2VwYXJhdG9ySXRlbVxuXG5leHBvcnQgZGVmYXVsdCBtZW51XG4iXX0= */");
+
+// TODO: Add "as" prop for inject a ComponentOrElement for rendering the link
+const LinkItem = _ref4 => {
+  let children = _ref4.children,
+    url = _ref4.url,
+    rest = _objectWithoutProperties(_ref4, _excluded4);
+  return (0, _react2.jsx)("a", _extends({
+    css: linkItemStyles,
+    href: url
+  }, rest), children);
+};
+const CustomItem = ({
+  render
+}) => {
+  return render();
+};
+
+// TODO: refactor to use separate exports
+const menu = Menu;
+menu.Item = MenuItem;
+menu.Header = HeaderItem;
+menu.Link = LinkItem;
+menu.Custrom = CustomItem;
+menu.Separator = SeparatorItem;
+var _default = menu;
+exports.default = _default;

package/cjs/menu/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Menu: true
+};
+Object.defineProperty(exports, "Menu", {
+  enumerable: true,
+  get: function get() {
+    return _Menu.default;
+  }
+});
+var _Menu = _interopRequireWildcard(require("./Menu"));
+Object.keys(_Menu).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Menu[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Menu[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/cjs/mobile-stepper/MobileStepper.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
+var _theme = require("@dfds-ui/theme");
+const _excluded = ["steps", "activeStep", "backButton", "nextButton", "variant"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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)."; }
+const MobileStepperWrapperStyles = process.env.NODE_ENV === "production" ? {
+  name: "1ks9uvr",
+  styles: "display:flex;justify-content:space-between;align-items:center;width:100%"
+} : {
+  name: "2up18-MobileStepperWrapperStyles",
+  styles: "display:flex;justify-content:space-between;align-items:center;width:100%;label:MobileStepperWrapperStyles;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9tb2JpbGUtc3RlcHBlci9Nb2JpbGVTdGVwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQnNDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9tb2JpbGUtc3RlcHBlci9Nb2JpbGVTdGVwcGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBNb2JpbGVTdGVwcGVyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiAgIFRvdGFsIHN0ZXBzXG4gICAqL1xuICBzdGVwczogbnVtYmVyXG4gIC8qKlxuICAgKiAgIEFjdGl2ZSBzdGVwXG4gICAqL1xuICBhY3RpdmVTdGVwPzogbnVtYmVyXG4gIC8qKlxuICAgKiBBIGJhY2sgYnV0dG9uIGVsZW1lbnQuIEZvciBpbnN0YW5jZSwgaXQgY2FuIGJlIGEgYEJ1dHRvbmAgb3IgYW4gYEljb25CdXR0b25gLlxuICAgKi9cbiAgYmFja0J1dHRvbj86IFJlYWN0Tm9kZVxuICAvKipcbiAgICogQSBuZXh0IGJ1dHRvbiBlbGVtZW50LiBGb3IgaW5zdGFuY2UsIGl0IGNhbiBiZSBhIGBCdXR0b25gIG9yIGFuIGBJY29uQnV0dG9uYC5cbiAgICovXG4gIG5leHRCdXR0b24/OiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIFx0VGhlIHZhcmlhbnQgdG8gdXNlIGAndGV4dCcgfCAnZG90cydgXG4gICAqL1xuICB2YXJpYW50PzogJ3RleHQnIHwgJ2RvdHMnXG59XG5cbmNvbnN0IE1vYmlsZVN0ZXBwZXJXcmFwcGVyU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHdpZHRoOiAxMDAlO1xuYFxuY29uc3QgTW9iaWxlU3RlcHBlckRvdCA9ICh7IGFjdGl2ZSB9OiB7IGFjdGl2ZTogYm9vbGVhbiB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgZGF0YS10ZXN0aWQ9XCJtb2JpbGUtc3RlcHBlci1kb3RcIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHdpZHRoOiA4cHg7XG4gICAgICAgIGhlaWdodDogOHB4O1xuICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7YWN0aXZlID8gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluIDogdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gICAgICBgfVxuICAgID48L2Rpdj5cbiAgKVxufVxuY29uc3QgTW9iaWxlU3RlcHBlckRvdHMgPSAoeyBjaGlsZHJlbiB9OiB7IGNoaWxkcmVuOiBSZWFjdE5vZGUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGRhdGEtdGVzdGlkPVwibW9iaWxlLXN0ZXBwZXItZG90c1wiXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZ2FwOiA0cHg7XG4gICAgICBgfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKVxufVxuY29uc3QgTW9iaWxlU3RlcHBlciA9ICh7XG4gIHN0ZXBzLFxuICBhY3RpdmVTdGVwID0gMCxcbiAgYmFja0J1dHRvbixcbiAgbmV4dEJ1dHRvbixcbiAgdmFyaWFudCA9ICd0ZXh0JyxcbiAgLi4ucHJvcHNcbn06IE1vYmlsZVN0ZXBwZXJQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY3NzPXtNb2JpbGVTdGVwcGVyV3JhcHBlclN0eWxlc30gey4uLnByb3BzfSBkYXRhLXRlc3RpZD1cIm1vYmlsZS1zdGVwcGVyXCI+XG4gICAgICB7YmFja0J1dHRvbn1cbiAgICAgIHt2YXJpYW50ID09PSAndGV4dCcgPyAoXG4gICAgICAgIGAke2FjdGl2ZVN0ZXAgKyAxfSAvICR7c3RlcHN9YFxuICAgICAgKSA6IChcbiAgICAgICAgPE1vYmlsZVN0ZXBwZXJEb3RzPlxuICAgICAgICAgIHtbLi4ubmV3IEFycmF5KHN0ZXBzKV0ubWFwKChfLCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgPE1vYmlsZVN0ZXBwZXJEb3Qga2V5PXtpbmRleH0gYWN0aXZlPXthY3RpdmVTdGVwID09PSBpbmRleH0gLz5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC9Nb2JpbGVTdGVwcGVyRG90cz5cbiAgICAgICl9XG4gICAgICB7bmV4dEJ1dHRvbn1cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBNb2JpbGVTdGVwcGVyXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const MobileStepperDot = ({
+  active
+}) => {
+  return (0, _react2.jsx)("div", {
+    "data-testid": "mobile-stepper-dot",
+    css: /*#__PURE__*/(0, _react2.css)("width:8px;height:8px;border-radius:50%;background-color:", active ? _theme.theme.colors.secondary.main : _theme.theme.colors.text.primary.disabled, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:MobileStepperDot;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9tb2JpbGUtc3RlcHBlci9Nb2JpbGVTdGVwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQ2MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL21vYmlsZS1zdGVwcGVyL01vYmlsZVN0ZXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIE1vYmlsZVN0ZXBwZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqICAgVG90YWwgc3RlcHNcbiAgICovXG4gIHN0ZXBzOiBudW1iZXJcbiAgLyoqXG4gICAqICAgQWN0aXZlIHN0ZXBcbiAgICovXG4gIGFjdGl2ZVN0ZXA/OiBudW1iZXJcbiAgLyoqXG4gICAqIEEgYmFjayBidXR0b24gZWxlbWVudC4gRm9yIGluc3RhbmNlLCBpdCBjYW4gYmUgYSBgQnV0dG9uYCBvciBhbiBgSWNvbkJ1dHRvbmAuXG4gICAqL1xuICBiYWNrQnV0dG9uPzogUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBBIG5leHQgYnV0dG9uIGVsZW1lbnQuIEZvciBpbnN0YW5jZSwgaXQgY2FuIGJlIGEgYEJ1dHRvbmAgb3IgYW4gYEljb25CdXR0b25gLlxuICAgKi9cbiAgbmV4dEJ1dHRvbj86IFJlYWN0Tm9kZVxuICAvKipcbiAgICogXHRUaGUgdmFyaWFudCB0byB1c2UgYCd0ZXh0JyB8ICdkb3RzJ2BcbiAgICovXG4gIHZhcmlhbnQ/OiAndGV4dCcgfCAnZG90cydcbn1cblxuY29uc3QgTW9iaWxlU3RlcHBlcldyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG5gXG5jb25zdCBNb2JpbGVTdGVwcGVyRG90ID0gKHsgYWN0aXZlIH06IHsgYWN0aXZlOiBib29sZWFuIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBkYXRhLXRlc3RpZD1cIm1vYmlsZS1zdGVwcGVyLWRvdFwiXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgd2lkdGg6IDhweDtcbiAgICAgICAgaGVpZ2h0OiA4cHg7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHthY3RpdmUgPyB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW4gOiB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgIGB9XG4gICAgPjwvZGl2PlxuICApXG59XG5jb25zdCBNb2JpbGVTdGVwcGVyRG90cyA9ICh7IGNoaWxkcmVuIH06IHsgY2hpbGRyZW46IFJlYWN0Tm9kZSB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgZGF0YS10ZXN0aWQ9XCJtb2JpbGUtc3RlcHBlci1kb3RzXCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBnYXA6IDRweDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApXG59XG5jb25zdCBNb2JpbGVTdGVwcGVyID0gKHtcbiAgc3RlcHMsXG4gIGFjdGl2ZVN0ZXAgPSAwLFxuICBiYWNrQnV0dG9uLFxuICBuZXh0QnV0dG9uLFxuICB2YXJpYW50ID0gJ3RleHQnLFxuICAuLi5wcm9wc1xufTogTW9iaWxlU3RlcHBlclByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e01vYmlsZVN0ZXBwZXJXcmFwcGVyU3R5bGVzfSB7Li4ucHJvcHN9IGRhdGEtdGVzdGlkPVwibW9iaWxlLXN0ZXBwZXJcIj5cbiAgICAgIHtiYWNrQnV0dG9ufVxuICAgICAge3ZhcmlhbnQgPT09ICd0ZXh0JyA/IChcbiAgICAgICAgYCR7YWN0aXZlU3RlcCArIDF9IC8gJHtzdGVwc31gXG4gICAgICApIDogKFxuICAgICAgICA8TW9iaWxlU3RlcHBlckRvdHM+XG4gICAgICAgICAge1suLi5uZXcgQXJyYXkoc3RlcHMpXS5tYXAoKF8sIGluZGV4KSA9PiAoXG4gICAgICAgICAgICA8TW9iaWxlU3RlcHBlckRvdCBrZXk9e2luZGV4fSBhY3RpdmU9e2FjdGl2ZVN0ZXAgPT09IGluZGV4fSAvPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L01vYmlsZVN0ZXBwZXJEb3RzPlxuICAgICAgKX1cbiAgICAgIHtuZXh0QnV0dG9ufVxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IE1vYmlsZVN0ZXBwZXJcbiJdfQ== */")
+  });
+};
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "490tlg",
+  styles: "display:flex;gap:4px"
+} : {
+  name: "i63685-MobileStepperDots",
+  styles: "display:flex;gap:4px;label:MobileStepperDots;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9tb2JpbGUtc3RlcHBlci9Nb2JpbGVTdGVwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRGMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL21vYmlsZS1zdGVwcGVyL01vYmlsZVN0ZXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIE1vYmlsZVN0ZXBwZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqICAgVG90YWwgc3RlcHNcbiAgICovXG4gIHN0ZXBzOiBudW1iZXJcbiAgLyoqXG4gICAqICAgQWN0aXZlIHN0ZXBcbiAgICovXG4gIGFjdGl2ZVN0ZXA/OiBudW1iZXJcbiAgLyoqXG4gICAqIEEgYmFjayBidXR0b24gZWxlbWVudC4gRm9yIGluc3RhbmNlLCBpdCBjYW4gYmUgYSBgQnV0dG9uYCBvciBhbiBgSWNvbkJ1dHRvbmAuXG4gICAqL1xuICBiYWNrQnV0dG9uPzogUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBBIG5leHQgYnV0dG9uIGVsZW1lbnQuIEZvciBpbnN0YW5jZSwgaXQgY2FuIGJlIGEgYEJ1dHRvbmAgb3IgYW4gYEljb25CdXR0b25gLlxuICAgKi9cbiAgbmV4dEJ1dHRvbj86IFJlYWN0Tm9kZVxuICAvKipcbiAgICogXHRUaGUgdmFyaWFudCB0byB1c2UgYCd0ZXh0JyB8ICdkb3RzJ2BcbiAgICovXG4gIHZhcmlhbnQ/OiAndGV4dCcgfCAnZG90cydcbn1cblxuY29uc3QgTW9iaWxlU3RlcHBlcldyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG5gXG5jb25zdCBNb2JpbGVTdGVwcGVyRG90ID0gKHsgYWN0aXZlIH06IHsgYWN0aXZlOiBib29sZWFuIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBkYXRhLXRlc3RpZD1cIm1vYmlsZS1zdGVwcGVyLWRvdFwiXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgd2lkdGg6IDhweDtcbiAgICAgICAgaGVpZ2h0OiA4cHg7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHthY3RpdmUgPyB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW4gOiB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgIGB9XG4gICAgPjwvZGl2PlxuICApXG59XG5jb25zdCBNb2JpbGVTdGVwcGVyRG90cyA9ICh7IGNoaWxkcmVuIH06IHsgY2hpbGRyZW46IFJlYWN0Tm9kZSB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgZGF0YS10ZXN0aWQ9XCJtb2JpbGUtc3RlcHBlci1kb3RzXCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBnYXA6IDRweDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApXG59XG5jb25zdCBNb2JpbGVTdGVwcGVyID0gKHtcbiAgc3RlcHMsXG4gIGFjdGl2ZVN0ZXAgPSAwLFxuICBiYWNrQnV0dG9uLFxuICBuZXh0QnV0dG9uLFxuICB2YXJpYW50ID0gJ3RleHQnLFxuICAuLi5wcm9wc1xufTogTW9iaWxlU3RlcHBlclByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e01vYmlsZVN0ZXBwZXJXcmFwcGVyU3R5bGVzfSB7Li4ucHJvcHN9IGRhdGEtdGVzdGlkPVwibW9iaWxlLXN0ZXBwZXJcIj5cbiAgICAgIHtiYWNrQnV0dG9ufVxuICAgICAge3ZhcmlhbnQgPT09ICd0ZXh0JyA/IChcbiAgICAgICAgYCR7YWN0aXZlU3RlcCArIDF9IC8gJHtzdGVwc31gXG4gICAgICApIDogKFxuICAgICAgICA8TW9iaWxlU3RlcHBlckRvdHM+XG4gICAgICAgICAge1suLi5uZXcgQXJyYXkoc3RlcHMpXS5tYXAoKF8sIGluZGV4KSA9PiAoXG4gICAgICAgICAgICA8TW9iaWxlU3RlcHBlckRvdCBrZXk9e2luZGV4fSBhY3RpdmU9e2FjdGl2ZVN0ZXAgPT09IGluZGV4fSAvPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L01vYmlsZVN0ZXBwZXJEb3RzPlxuICAgICAgKX1cbiAgICAgIHtuZXh0QnV0dG9ufVxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IE1vYmlsZVN0ZXBwZXJcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const MobileStepperDots = ({
+  children
+}) => {
+  return (0, _react2.jsx)("div", {
+    "data-testid": "mobile-stepper-dots",
+    css: _ref
+  }, children);
+};
+const MobileStepper = _ref2 => {
+  let steps = _ref2.steps,
+    _ref2$activeStep = _ref2.activeStep,
+    activeStep = _ref2$activeStep === void 0 ? 0 : _ref2$activeStep,
+    backButton = _ref2.backButton,
+    nextButton = _ref2.nextButton,
+    _ref2$variant = _ref2.variant,
+    variant = _ref2$variant === void 0 ? 'text' : _ref2$variant,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  return (0, _react2.jsx)("div", _extends({
+    css: MobileStepperWrapperStyles
+  }, props, {
+    "data-testid": "mobile-stepper"
+  }), backButton, variant === 'text' ? `${activeStep + 1} / ${steps}` : (0, _react2.jsx)(MobileStepperDots, null, [...new Array(steps)].map((_, index) => (0, _react2.jsx)(MobileStepperDot, {
+    key: index,
+    active: activeStep === index
+  }))), nextButton);
+};
+var _default = MobileStepper;
+exports.default = _default;

package/cjs/mobile-stepper/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "MobileStepper", {
+  enumerable: true,
+  get: function get() {
+    return _MobileStepper.default;
+  }
+});
+var _MobileStepper = _interopRequireDefault(require("./MobileStepper"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }