@dfds-ui/react-components 2.2.0-alpha.10ab70f8 → 2.2.0-alpha.1c00ab5c

package/menu/Menu.js

@@ -1,60 +1,73 @@
+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 = ["children"],
   _excluded2 = ["children", "onClick"],
   _excluded3 = ["children"],
   _excluded4 = ["children", "url"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
-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 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 { theme } from '@dfds-ui/theme';
 import { rem } from '../styles/rem';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-var menuStyles = /*#__PURE__*/css("background-color:", theme.colors.surface.primary, ";padding:", rem(15), " ", rem(20), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:menuStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tZW51L01lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1zQiIsImZpbGUiOiIuLi8uLi9zcmMvbWVudS9NZW51LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAnLi4vc3R5bGVzL3JlbSdcblxuY29uc3QgbWVudVN0eWxlcyA9IGNzc2BcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgcGFkZGluZzogJHtyZW0oMTUpfSAke3JlbSgyMCl9O1xuYFxuXG5jb25zdCBNZW51ID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgKHsgY2hpbGRyZW4sIC4uLnJlc3QgfTogeyBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZSB9LCByZWY6IFJlYWN0LlJlZjxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdiBjc3M9e21lbnVTdHlsZXN9IHJlZj17cmVmfSB7Li4ucmVzdH0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvZGl2PlxuICAgIClcbiAgfVxuKVxuXG5leHBvcnQgdHlwZSBNZW51SXRlbVByb3BzID0gUmVhY3QuRGV0YWlsZWRIVE1MUHJvcHM8UmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+LCBIVE1MRGl2RWxlbWVudD4gJiB7XG4gIC8vIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiAmIHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbiAgb25DbGljazogUmVhY3QuTW91c2VFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+XG59XG5cbmNvbnN0IG1lbnVJdGVtU3R5bGVzID0gY3NzYFxuICBwYWRkaW5nOiAwLjRyZW0gMCAwLjNyZW0gMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICB9XG5gXG5cbmNvbnN0IE1lbnVJdGVtOiBSZWFjdC5GQzxNZW51SXRlbVByb3BzPiA9ICh7IGNoaWxkcmVuLCBvbkNsaWNrLCAuLi5yZXN0IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17bWVudUl0ZW1TdHlsZXN9IG9uQ2xpY2s9e29uQ2xpY2t9IHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5jb25zdCBoZWFkZXJJdGVtU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBibG9jaztcbiAgZm9udC1zaXplOiAxLjhyZW07XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBtYXJnaW4tYm90dG9tOiAke3JlbSgxNSl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnByaW1hcnl9O1xuYFxuXG5jb25zdCBIZWFkZXJJdGVtID0gKHsgY2hpbGRyZW4sIC4uLnJlc3QgfTogeyBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZSB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e2hlYWRlckl0ZW1TdHlsZXN9IHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5jb25zdCBTZXBhcmF0b3JJdGVtID0gc3R5bGVkLmRpdmBcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnByaW1hcnkubGlnaHR9O1xuICBoZWlnaHQ6IDAuMXJlbTtcbiAgbWFyZ2luOiAwLjVyZW0gMC41cmVtIDAuNXJlbSAwLjVyZW07XG4gIG9wYWNpdHk6IDAuMTU7XG5gXG5cbmNvbnN0IGxpbmtJdGVtU3R5bGVzID0gY3NzYFxuICAke21lbnVJdGVtU3R5bGVzfVxuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5saWdodH07XG4gIH1cbmBcblxuLy8gVE9ETzogQWRkIFwiYXNcIiBwcm9wIGZvciBpbmplY3QgYSBDb21wb25lbnRPckVsZW1lbnQgZm9yIHJlbmRlcmluZyB0aGUgbGlua1xuY29uc3QgTGlua0l0ZW06IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PHsgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7IHVybDogc3RyaW5nIH0+ID0gKHsgY2hpbGRyZW4sIHVybCwgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGEgY3NzPXtsaW5rSXRlbVN0eWxlc30gaHJlZj17dXJsfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9hPlxuICApXG59XG5cbmNvbnN0IEN1c3RvbUl0ZW0gPSAoeyByZW5kZXIgfTogeyByZW5kZXI6ICgpID0+IFJlYWN0LlJlYWN0Tm9kZSB9KSA9PiB7XG4gIHJldHVybiByZW5kZXIoKVxufVxuXG4vLyBUT0RPOiByZWZhY3RvciB0byB1c2Ugc2VwYXJhdGUgZXhwb3J0c1xuY29uc3QgbWVudSA9IE1lbnUgYXMgYW55XG5tZW51Lkl0ZW0gPSBNZW51SXRlbVxubWVudS5IZWFkZXIgPSBIZWFkZXJJdGVtXG5tZW51LkxpbmsgPSBMaW5rSXRlbVxubWVudS5DdXN0cm9tID0gQ3VzdG9tSXRlbVxubWVudS5TZXBhcmF0b3IgPSBTZXBhcmF0b3JJdGVtXG5cbmV4cG9ydCBkZWZhdWx0IG1lbnVcbiJdfQ== */");
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+var menuStyles = /*#__PURE__*/css("background-color:", theme.colors.surface.primary, ";padding:", rem(15), " ", rem(20), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:menuStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tZW51L01lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1zQiIsImZpbGUiOiIuLi8uLi9zcmMvbWVudS9NZW51LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAnLi4vc3R5bGVzL3JlbSdcblxuY29uc3QgbWVudVN0eWxlcyA9IGNzc2BcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgcGFkZGluZzogJHtyZW0oMTUpfSAke3JlbSgyMCl9O1xuYFxuXG5jb25zdCBNZW51ID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgKHsgY2hpbGRyZW4sIC4uLnJlc3QgfTogeyBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZSB9LCByZWY6IFJlYWN0LlJlZjxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdiBjc3M9e21lbnVTdHlsZXN9IHJlZj17cmVmfSB7Li4ucmVzdH0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvZGl2PlxuICAgIClcbiAgfVxuKVxuXG5leHBvcnQgdHlwZSBNZW51SXRlbVByb3BzID0gUmVhY3QuRGV0YWlsZWRIVE1MUHJvcHM8UmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+LCBIVE1MRGl2RWxlbWVudD4gJiB7XG4gIC8vIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiAmIHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbiAgb25DbGljazogUmVhY3QuTW91c2VFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+XG59XG5cbmNvbnN0IG1lbnVJdGVtU3R5bGVzID0gY3NzYFxuICBwYWRkaW5nOiAwLjRyZW0gMCAwLjNyZW0gMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICB9XG5gXG5cbmNvbnN0IE1lbnVJdGVtID0gKHsgY2hpbGRyZW4sIG9uQ2xpY2ssIC4uLnJlc3QgfTogTWVudUl0ZW1Qcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY3NzPXttZW51SXRlbVN0eWxlc30gb25DbGljaz17b25DbGlja30gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApXG59XG5cbmNvbnN0IGhlYWRlckl0ZW1TdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250LXNpemU6IDEuOHJlbTtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIG1hcmdpbi1ib3R0b206ICR7cmVtKDE1KX07XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeX07XG5gXG5cbmNvbnN0IEhlYWRlckl0ZW0gPSAoeyBjaGlsZHJlbiwgLi4ucmVzdCB9OiB7IGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17aGVhZGVySXRlbVN0eWxlc30gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApXG59XG5cbmNvbnN0IFNlcGFyYXRvckl0ZW0gPSBzdHlsZWQuZGl2YFxuICBib3JkZXItdG9wOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5saWdodH07XG4gIGhlaWdodDogMC4xcmVtO1xuICBtYXJnaW46IDAuNXJlbSAwLjVyZW0gMC41cmVtIDAuNXJlbTtcbiAgb3BhY2l0eTogMC4xNTtcbmBcblxuY29uc3QgbGlua0l0ZW1TdHlsZXMgPSBjc3NgXG4gICR7bWVudUl0ZW1TdHlsZXN9XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmxpZ2h0fTtcbiAgfVxuYFxuXG4vLyBUT0RPOiBBZGQgXCJhc1wiIHByb3AgZm9yIGluamVjdCBhIENvbXBvbmVudE9yRWxlbWVudCBmb3IgcmVuZGVyaW5nIHRoZSBsaW5rXG5jb25zdCBMaW5rSXRlbTogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8eyBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTsgdXJsOiBzdHJpbmcgfT4gPSAoeyBjaGlsZHJlbiwgdXJsLCAuLi5yZXN0IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8YSBjc3M9e2xpbmtJdGVtU3R5bGVzfSBocmVmPXt1cmx9IHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2E+XG4gIClcbn1cblxuY29uc3QgQ3VzdG9tSXRlbSA9ICh7IHJlbmRlciB9OiB7IHJlbmRlcjogKCkgPT4gUmVhY3QuUmVhY3ROb2RlIH0pID0+IHtcbiAgcmV0dXJuIHJlbmRlcigpXG59XG5cbi8vIFRPRE86IHJlZmFjdG9yIHRvIHVzZSBzZXBhcmF0ZSBleHBvcnRzXG5jb25zdCBtZW51ID0gTWVudSBhcyBhbnlcbm1lbnUuSXRlbSA9IE1lbnVJdGVtXG5tZW51LkhlYWRlciA9IEhlYWRlckl0ZW1cbm1lbnUuTGluayA9IExpbmtJdGVtXG5tZW51LkN1c3Ryb20gPSBDdXN0b21JdGVtXG5tZW51LlNlcGFyYXRvciA9IFNlcGFyYXRvckl0ZW1cblxuZXhwb3J0IGRlZmF1bHQgbWVudVxuIl19 */");
 var Menu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return ___EmotionJSX("div", _extends({
+  return _jsx("div", _objectSpread(_objectSpread({
     css: menuStyles,
     ref: ref
-  }, rest), children);
+  }, rest), {}, {
+    children: children
+  }));
 });
-var menuItemStyles = /*#__PURE__*/css("padding:0.4rem 0 0.3rem 0;display:flex;font-size:1rem;font-weight:bold;cursor:pointer;align-items:center;color:", theme.colors.secondary.main, ";&:hover{color:", theme.colors.secondary.dark, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:menuItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tZW51L01lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCMEIiLCJmaWxlIjoiLi4vLi4vc3JjL21lbnUvTWVudS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHJlbSB9IGZyb20gJy4uL3N0eWxlcy9yZW0nXG5cbmNvbnN0IG1lbnVTdHlsZXMgPSBjc3NgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIHBhZGRpbmc6ICR7cmVtKDE1KX0gJHtyZW0oMjApfTtcbmBcblxuY29uc3QgTWVudSA9IFJlYWN0LmZvcndhcmRSZWYoXG4gICh7IGNoaWxkcmVuLCAuLi5yZXN0IH06IHsgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGUgfSwgcmVmOiBSZWFjdC5SZWY8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY3NzPXttZW51U3R5bGVzfSByZWY9e3JlZn0gey4uLnJlc3R9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IHR5cGUgTWVudUl0ZW1Qcm9wcyA9IFJlYWN0LkRldGFpbGVkSFRNTFByb3BzPFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiwgSFRNTERpdkVsZW1lbnQ+ICYge1xuICAvLyBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4gJiB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG4gIG9uQ2xpY2s6IFJlYWN0Lk1vdXNlRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PlxufVxuXG5jb25zdCBtZW51SXRlbVN0eWxlcyA9IGNzc2BcbiAgcGFkZGluZzogMC40cmVtIDAgMC4zcmVtIDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgfVxuYFxuXG5jb25zdCBNZW51SXRlbTogUmVhY3QuRkM8TWVudUl0ZW1Qcm9wcz4gPSAoeyBjaGlsZHJlbiwgb25DbGljaywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e21lbnVJdGVtU3R5bGVzfSBvbkNsaWNrPXtvbkNsaWNrfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gIClcbn1cblxuY29uc3QgaGVhZGVySXRlbVN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQtc2l6ZTogMS44cmVtO1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgbWFyZ2luLWJvdHRvbTogJHtyZW0oMTUpfTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuZGFyay5wcmltYXJ5fTtcbmBcblxuY29uc3QgSGVhZGVySXRlbSA9ICh7IGNoaWxkcmVuLCAuLi5yZXN0IH06IHsgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY3NzPXtoZWFkZXJJdGVtU3R5bGVzfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gIClcbn1cblxuY29uc3QgU2VwYXJhdG9ySXRlbSA9IHN0eWxlZC5kaXZgXG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmxpZ2h0fTtcbiAgaGVpZ2h0OiAwLjFyZW07XG4gIG1hcmdpbjogMC41cmVtIDAuNXJlbSAwLjVyZW0gMC41cmVtO1xuICBvcGFjaXR5OiAwLjE1O1xuYFxuXG5jb25zdCBsaW5rSXRlbVN0eWxlcyA9IGNzc2BcbiAgJHttZW51SXRlbVN0eWxlc31cbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubGlnaHR9O1xuICB9XG5gXG5cbi8vIFRPRE86IEFkZCBcImFzXCIgcHJvcCBmb3IgaW5qZWN0IGEgQ29tcG9uZW50T3JFbGVtZW50IGZvciByZW5kZXJpbmcgdGhlIGxpbmtcbmNvbnN0IExpbmtJdGVtOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDx7IGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlOyB1cmw6IHN0cmluZyB9PiA9ICh7IGNoaWxkcmVuLCB1cmwsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxhIGNzcz17bGlua0l0ZW1TdHlsZXN9IGhyZWY9e3VybH0gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvYT5cbiAgKVxufVxuXG5jb25zdCBDdXN0b21JdGVtID0gKHsgcmVuZGVyIH06IHsgcmVuZGVyOiAoKSA9PiBSZWFjdC5SZWFjdE5vZGUgfSkgPT4ge1xuICByZXR1cm4gcmVuZGVyKClcbn1cblxuLy8gVE9ETzogcmVmYWN0b3IgdG8gdXNlIHNlcGFyYXRlIGV4cG9ydHNcbmNvbnN0IG1lbnUgPSBNZW51IGFzIGFueVxubWVudS5JdGVtID0gTWVudUl0ZW1cbm1lbnUuSGVhZGVyID0gSGVhZGVySXRlbVxubWVudS5MaW5rID0gTGlua0l0ZW1cbm1lbnUuQ3VzdHJvbSA9IEN1c3RvbUl0ZW1cbm1lbnUuU2VwYXJhdG9yID0gU2VwYXJhdG9ySXRlbVxuXG5leHBvcnQgZGVmYXVsdCBtZW51XG4iXX0= */");
+var menuItemStyles = /*#__PURE__*/css("padding:0.4rem 0 0.3rem 0;display:flex;font-size:1rem;font-weight:bold;cursor:pointer;align-items:center;color:", theme.colors.secondary.main, ";&:hover{color:", theme.colors.secondary.dark, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:menuItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tZW51L01lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCMEIiLCJmaWxlIjoiLi4vLi4vc3JjL21lbnUvTWVudS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHJlbSB9IGZyb20gJy4uL3N0eWxlcy9yZW0nXG5cbmNvbnN0IG1lbnVTdHlsZXMgPSBjc3NgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIHBhZGRpbmc6ICR7cmVtKDE1KX0gJHtyZW0oMjApfTtcbmBcblxuY29uc3QgTWVudSA9IFJlYWN0LmZvcndhcmRSZWYoXG4gICh7IGNoaWxkcmVuLCAuLi5yZXN0IH06IHsgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGUgfSwgcmVmOiBSZWFjdC5SZWY8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY3NzPXttZW51U3R5bGVzfSByZWY9e3JlZn0gey4uLnJlc3R9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IHR5cGUgTWVudUl0ZW1Qcm9wcyA9IFJlYWN0LkRldGFpbGVkSFRNTFByb3BzPFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiwgSFRNTERpdkVsZW1lbnQ+ICYge1xuICAvLyBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4gJiB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG4gIG9uQ2xpY2s6IFJlYWN0Lk1vdXNlRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PlxufVxuXG5jb25zdCBtZW51SXRlbVN0eWxlcyA9IGNzc2BcbiAgcGFkZGluZzogMC40cmVtIDAgMC4zcmVtIDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgfVxuYFxuXG5jb25zdCBNZW51SXRlbSA9ICh7IGNoaWxkcmVuLCBvbkNsaWNrLCAuLi5yZXN0IH06IE1lbnVJdGVtUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17bWVudUl0ZW1TdHlsZXN9IG9uQ2xpY2s9e29uQ2xpY2t9IHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5jb25zdCBoZWFkZXJJdGVtU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBibG9jaztcbiAgZm9udC1zaXplOiAxLjhyZW07XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBtYXJnaW4tYm90dG9tOiAke3JlbSgxNSl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnByaW1hcnl9O1xuYFxuXG5jb25zdCBIZWFkZXJJdGVtID0gKHsgY2hpbGRyZW4sIC4uLnJlc3QgfTogeyBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZSB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e2hlYWRlckl0ZW1TdHlsZXN9IHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5jb25zdCBTZXBhcmF0b3JJdGVtID0gc3R5bGVkLmRpdmBcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnByaW1hcnkubGlnaHR9O1xuICBoZWlnaHQ6IDAuMXJlbTtcbiAgbWFyZ2luOiAwLjVyZW0gMC41cmVtIDAuNXJlbSAwLjVyZW07XG4gIG9wYWNpdHk6IDAuMTU7XG5gXG5cbmNvbnN0IGxpbmtJdGVtU3R5bGVzID0gY3NzYFxuICAke21lbnVJdGVtU3R5bGVzfVxuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5saWdodH07XG4gIH1cbmBcblxuLy8gVE9ETzogQWRkIFwiYXNcIiBwcm9wIGZvciBpbmplY3QgYSBDb21wb25lbnRPckVsZW1lbnQgZm9yIHJlbmRlcmluZyB0aGUgbGlua1xuY29uc3QgTGlua0l0ZW06IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PHsgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7IHVybDogc3RyaW5nIH0+ID0gKHsgY2hpbGRyZW4sIHVybCwgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGEgY3NzPXtsaW5rSXRlbVN0eWxlc30gaHJlZj17dXJsfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9hPlxuICApXG59XG5cbmNvbnN0IEN1c3RvbUl0ZW0gPSAoeyByZW5kZXIgfTogeyByZW5kZXI6ICgpID0+IFJlYWN0LlJlYWN0Tm9kZSB9KSA9PiB7XG4gIHJldHVybiByZW5kZXIoKVxufVxuXG4vLyBUT0RPOiByZWZhY3RvciB0byB1c2Ugc2VwYXJhdGUgZXhwb3J0c1xuY29uc3QgbWVudSA9IE1lbnUgYXMgYW55XG5tZW51Lkl0ZW0gPSBNZW51SXRlbVxubWVudS5IZWFkZXIgPSBIZWFkZXJJdGVtXG5tZW51LkxpbmsgPSBMaW5rSXRlbVxubWVudS5DdXN0cm9tID0gQ3VzdG9tSXRlbVxubWVudS5TZXBhcmF0b3IgPSBTZXBhcmF0b3JJdGVtXG5cbmV4cG9ydCBkZWZhdWx0IG1lbnVcbiJdfQ== */");
 var MenuItem = function MenuItem(_ref2) {
   var children = _ref2.children,
     onClick = _ref2.onClick,
     rest = _objectWithoutProperties(_ref2, _excluded2);
-  return ___EmotionJSX("div", _extends({
+  return _jsx("div", _objectSpread(_objectSpread({
     css: menuItemStyles,
     onClick: onClick
-  }, rest), children);
+  }, rest), {}, {
+    children: children
+  }));
 };
-var headerItemStyles = /*#__PURE__*/css("display:block;font-size:1.8rem;font-weight:bold;margin-bottom:", rem(15), ";color:", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tZW51L01lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdENEIiLCJmaWxlIjoiLi4vLi4vc3JjL21lbnUvTWVudS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHJlbSB9IGZyb20gJy4uL3N0eWxlcy9yZW0nXG5cbmNvbnN0IG1lbnVTdHlsZXMgPSBjc3NgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIHBhZGRpbmc6ICR7cmVtKDE1KX0gJHtyZW0oMjApfTtcbmBcblxuY29uc3QgTWVudSA9IFJlYWN0LmZvcndhcmRSZWYoXG4gICh7IGNoaWxkcmVuLCAuLi5yZXN0IH06IHsgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGUgfSwgcmVmOiBSZWFjdC5SZWY8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY3NzPXttZW51U3R5bGVzfSByZWY9e3JlZn0gey4uLnJlc3R9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IHR5cGUgTWVudUl0ZW1Qcm9wcyA9IFJlYWN0LkRldGFpbGVkSFRNTFByb3BzPFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiwgSFRNTERpdkVsZW1lbnQ+ICYge1xuICAvLyBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4gJiB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG4gIG9uQ2xpY2s6IFJlYWN0Lk1vdXNlRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PlxufVxuXG5jb25zdCBtZW51SXRlbVN0eWxlcyA9IGNzc2BcbiAgcGFkZGluZzogMC40cmVtIDAgMC4zcmVtIDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgfVxuYFxuXG5jb25zdCBNZW51SXRlbTogUmVhY3QuRkM8TWVudUl0ZW1Qcm9wcz4gPSAoeyBjaGlsZHJlbiwgb25DbGljaywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e21lbnVJdGVtU3R5bGVzfSBvbkNsaWNrPXtvbkNsaWNrfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gIClcbn1cblxuY29uc3QgaGVhZGVySXRlbVN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQtc2l6ZTogMS44cmVtO1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgbWFyZ2luLWJvdHRvbTogJHtyZW0oMTUpfTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuZGFyay5wcmltYXJ5fTtcbmBcblxuY29uc3QgSGVhZGVySXRlbSA9ICh7IGNoaWxkcmVuLCAuLi5yZXN0IH06IHsgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY3NzPXtoZWFkZXJJdGVtU3R5bGVzfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gIClcbn1cblxuY29uc3QgU2VwYXJhdG9ySXRlbSA9IHN0eWxlZC5kaXZgXG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmxpZ2h0fTtcbiAgaGVpZ2h0OiAwLjFyZW07XG4gIG1hcmdpbjogMC41cmVtIDAuNXJlbSAwLjVyZW0gMC41cmVtO1xuICBvcGFjaXR5OiAwLjE1O1xuYFxuXG5jb25zdCBsaW5rSXRlbVN0eWxlcyA9IGNzc2BcbiAgJHttZW51SXRlbVN0eWxlc31cbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubGlnaHR9O1xuICB9XG5gXG5cbi8vIFRPRE86IEFkZCBcImFzXCIgcHJvcCBmb3IgaW5qZWN0IGEgQ29tcG9uZW50T3JFbGVtZW50IGZvciByZW5kZXJpbmcgdGhlIGxpbmtcbmNvbnN0IExpbmtJdGVtOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDx7IGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlOyB1cmw6IHN0cmluZyB9PiA9ICh7IGNoaWxkcmVuLCB1cmwsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxhIGNzcz17bGlua0l0ZW1TdHlsZXN9IGhyZWY9e3VybH0gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvYT5cbiAgKVxufVxuXG5jb25zdCBDdXN0b21JdGVtID0gKHsgcmVuZGVyIH06IHsgcmVuZGVyOiAoKSA9PiBSZWFjdC5SZWFjdE5vZGUgfSkgPT4ge1xuICByZXR1cm4gcmVuZGVyKClcbn1cblxuLy8gVE9ETzogcmVmYWN0b3IgdG8gdXNlIHNlcGFyYXRlIGV4cG9ydHNcbmNvbnN0IG1lbnUgPSBNZW51IGFzIGFueVxubWVudS5JdGVtID0gTWVudUl0ZW1cbm1lbnUuSGVhZGVyID0gSGVhZGVySXRlbVxubWVudS5MaW5rID0gTGlua0l0ZW1cbm1lbnUuQ3VzdHJvbSA9IEN1c3RvbUl0ZW1cbm1lbnUuU2VwYXJhdG9yID0gU2VwYXJhdG9ySXRlbVxuXG5leHBvcnQgZGVmYXVsdCBtZW51XG4iXX0= */");
+var headerItemStyles = /*#__PURE__*/css("display:block;font-size:1.8rem;font-weight:bold;margin-bottom:", rem(15), ";color:", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tZW51L01lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdENEIiLCJmaWxlIjoiLi4vLi4vc3JjL21lbnUvTWVudS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHJlbSB9IGZyb20gJy4uL3N0eWxlcy9yZW0nXG5cbmNvbnN0IG1lbnVTdHlsZXMgPSBjc3NgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIHBhZGRpbmc6ICR7cmVtKDE1KX0gJHtyZW0oMjApfTtcbmBcblxuY29uc3QgTWVudSA9IFJlYWN0LmZvcndhcmRSZWYoXG4gICh7IGNoaWxkcmVuLCAuLi5yZXN0IH06IHsgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGUgfSwgcmVmOiBSZWFjdC5SZWY8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY3NzPXttZW51U3R5bGVzfSByZWY9e3JlZn0gey4uLnJlc3R9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IHR5cGUgTWVudUl0ZW1Qcm9wcyA9IFJlYWN0LkRldGFpbGVkSFRNTFByb3BzPFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiwgSFRNTERpdkVsZW1lbnQ+ICYge1xuICAvLyBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4gJiB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG4gIG9uQ2xpY2s6IFJlYWN0Lk1vdXNlRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PlxufVxuXG5jb25zdCBtZW51SXRlbVN0eWxlcyA9IGNzc2BcbiAgcGFkZGluZzogMC40cmVtIDAgMC4zcmVtIDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgfVxuYFxuXG5jb25zdCBNZW51SXRlbSA9ICh7IGNoaWxkcmVuLCBvbkNsaWNrLCAuLi5yZXN0IH06IE1lbnVJdGVtUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17bWVudUl0ZW1TdHlsZXN9IG9uQ2xpY2s9e29uQ2xpY2t9IHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5jb25zdCBoZWFkZXJJdGVtU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBibG9jaztcbiAgZm9udC1zaXplOiAxLjhyZW07XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBtYXJnaW4tYm90dG9tOiAke3JlbSgxNSl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnByaW1hcnl9O1xuYFxuXG5jb25zdCBIZWFkZXJJdGVtID0gKHsgY2hpbGRyZW4sIC4uLnJlc3QgfTogeyBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZSB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e2hlYWRlckl0ZW1TdHlsZXN9IHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5jb25zdCBTZXBhcmF0b3JJdGVtID0gc3R5bGVkLmRpdmBcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnByaW1hcnkubGlnaHR9O1xuICBoZWlnaHQ6IDAuMXJlbTtcbiAgbWFyZ2luOiAwLjVyZW0gMC41cmVtIDAuNXJlbSAwLjVyZW07XG4gIG9wYWNpdHk6IDAuMTU7XG5gXG5cbmNvbnN0IGxpbmtJdGVtU3R5bGVzID0gY3NzYFxuICAke21lbnVJdGVtU3R5bGVzfVxuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5saWdodH07XG4gIH1cbmBcblxuLy8gVE9ETzogQWRkIFwiYXNcIiBwcm9wIGZvciBpbmplY3QgYSBDb21wb25lbnRPckVsZW1lbnQgZm9yIHJlbmRlcmluZyB0aGUgbGlua1xuY29uc3QgTGlua0l0ZW06IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PHsgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7IHVybDogc3RyaW5nIH0+ID0gKHsgY2hpbGRyZW4sIHVybCwgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGEgY3NzPXtsaW5rSXRlbVN0eWxlc30gaHJlZj17dXJsfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9hPlxuICApXG59XG5cbmNvbnN0IEN1c3RvbUl0ZW0gPSAoeyByZW5kZXIgfTogeyByZW5kZXI6ICgpID0+IFJlYWN0LlJlYWN0Tm9kZSB9KSA9PiB7XG4gIHJldHVybiByZW5kZXIoKVxufVxuXG4vLyBUT0RPOiByZWZhY3RvciB0byB1c2Ugc2VwYXJhdGUgZXhwb3J0c1xuY29uc3QgbWVudSA9IE1lbnUgYXMgYW55XG5tZW51Lkl0ZW0gPSBNZW51SXRlbVxubWVudS5IZWFkZXIgPSBIZWFkZXJJdGVtXG5tZW51LkxpbmsgPSBMaW5rSXRlbVxubWVudS5DdXN0cm9tID0gQ3VzdG9tSXRlbVxubWVudS5TZXBhcmF0b3IgPSBTZXBhcmF0b3JJdGVtXG5cbmV4cG9ydCBkZWZhdWx0IG1lbnVcbiJdfQ== */");
 var HeaderItem = function HeaderItem(_ref3) {
   var children = _ref3.children,
     rest = _objectWithoutProperties(_ref3, _excluded3);
-  return ___EmotionJSX("div", _extends({
+  return _jsx("div", _objectSpread(_objectSpread({
     css: headerItemStyles
-  }, rest), children);
+  }, rest), {}, {
+    children: children
+  }));
 };
 var SeparatorItem = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "eul3jqu0"
 } : {
   target: "eul3jqu0",
   label: "SeparatorItem"
-})("border-top:1px solid ", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tZW51L01lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdFZ0MiLCJmaWxlIjoiLi4vLi4vc3JjL21lbnUvTWVudS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHJlbSB9IGZyb20gJy4uL3N0eWxlcy9yZW0nXG5cbmNvbnN0IG1lbnVTdHlsZXMgPSBjc3NgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIHBhZGRpbmc6ICR7cmVtKDE1KX0gJHtyZW0oMjApfTtcbmBcblxuY29uc3QgTWVudSA9IFJlYWN0LmZvcndhcmRSZWYoXG4gICh7IGNoaWxkcmVuLCAuLi5yZXN0IH06IHsgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGUgfSwgcmVmOiBSZWFjdC5SZWY8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY3NzPXttZW51U3R5bGVzfSByZWY9e3JlZn0gey4uLnJlc3R9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IHR5cGUgTWVudUl0ZW1Qcm9wcyA9IFJlYWN0LkRldGFpbGVkSFRNTFByb3BzPFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiwgSFRNTERpdkVsZW1lbnQ+ICYge1xuICAvLyBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4gJiB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG4gIG9uQ2xpY2s6IFJlYWN0Lk1vdXNlRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PlxufVxuXG5jb25zdCBtZW51SXRlbVN0eWxlcyA9IGNzc2BcbiAgcGFkZGluZzogMC40cmVtIDAgMC4zcmVtIDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgfVxuYFxuXG5jb25zdCBNZW51SXRlbTogUmVhY3QuRkM8TWVudUl0ZW1Qcm9wcz4gPSAoeyBjaGlsZHJlbiwgb25DbGljaywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e21lbnVJdGVtU3R5bGVzfSBvbkNsaWNrPXtvbkNsaWNrfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gIClcbn1cblxuY29uc3QgaGVhZGVySXRlbVN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQtc2l6ZTogMS44cmVtO1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgbWFyZ2luLWJvdHRvbTogJHtyZW0oMTUpfTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuZGFyay5wcmltYXJ5fTtcbmBcblxuY29uc3QgSGVhZGVySXRlbSA9ICh7IGNoaWxkcmVuLCAuLi5yZXN0IH06IHsgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY3NzPXtoZWFkZXJJdGVtU3R5bGVzfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gIClcbn1cblxuY29uc3QgU2VwYXJhdG9ySXRlbSA9IHN0eWxlZC5kaXZgXG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmxpZ2h0fTtcbiAgaGVpZ2h0OiAwLjFyZW07XG4gIG1hcmdpbjogMC41cmVtIDAuNXJlbSAwLjVyZW0gMC41cmVtO1xuICBvcGFjaXR5OiAwLjE1O1xuYFxuXG5jb25zdCBsaW5rSXRlbVN0eWxlcyA9IGNzc2BcbiAgJHttZW51SXRlbVN0eWxlc31cbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubGlnaHR9O1xuICB9XG5gXG5cbi8vIFRPRE86IEFkZCBcImFzXCIgcHJvcCBmb3IgaW5qZWN0IGEgQ29tcG9uZW50T3JFbGVtZW50IGZvciByZW5kZXJpbmcgdGhlIGxpbmtcbmNvbnN0IExpbmtJdGVtOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDx7IGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlOyB1cmw6IHN0cmluZyB9PiA9ICh7IGNoaWxkcmVuLCB1cmwsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxhIGNzcz17bGlua0l0ZW1TdHlsZXN9IGhyZWY9e3VybH0gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvYT5cbiAgKVxufVxuXG5jb25zdCBDdXN0b21JdGVtID0gKHsgcmVuZGVyIH06IHsgcmVuZGVyOiAoKSA9PiBSZWFjdC5SZWFjdE5vZGUgfSkgPT4ge1xuICByZXR1cm4gcmVuZGVyKClcbn1cblxuLy8gVE9ETzogcmVmYWN0b3IgdG8gdXNlIHNlcGFyYXRlIGV4cG9ydHNcbmNvbnN0IG1lbnUgPSBNZW51IGFzIGFueVxubWVudS5JdGVtID0gTWVudUl0ZW1cbm1lbnUuSGVhZGVyID0gSGVhZGVySXRlbVxubWVudS5MaW5rID0gTGlua0l0ZW1cbm1lbnUuQ3VzdHJvbSA9IEN1c3RvbUl0ZW1cbm1lbnUuU2VwYXJhdG9yID0gU2VwYXJhdG9ySXRlbVxuXG5leHBvcnQgZGVmYXVsdCBtZW51XG4iXX0= */"));
-var linkItemStyles = /*#__PURE__*/css(menuItemStyles, " text-decoration:none;&:hover{background-color:", theme.colors.secondary.light, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:linkItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tZW51L01lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVFMEIiLCJmaWxlIjoiLi4vLi4vc3JjL21lbnUvTWVudS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHJlbSB9IGZyb20gJy4uL3N0eWxlcy9yZW0nXG5cbmNvbnN0IG1lbnVTdHlsZXMgPSBjc3NgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIHBhZGRpbmc6ICR7cmVtKDE1KX0gJHtyZW0oMjApfTtcbmBcblxuY29uc3QgTWVudSA9IFJlYWN0LmZvcndhcmRSZWYoXG4gICh7IGNoaWxkcmVuLCAuLi5yZXN0IH06IHsgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGUgfSwgcmVmOiBSZWFjdC5SZWY8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY3NzPXttZW51U3R5bGVzfSByZWY9e3JlZn0gey4uLnJlc3R9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IHR5cGUgTWVudUl0ZW1Qcm9wcyA9IFJlYWN0LkRldGFpbGVkSFRNTFByb3BzPFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiwgSFRNTERpdkVsZW1lbnQ+ICYge1xuICAvLyBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4gJiB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG4gIG9uQ2xpY2s6IFJlYWN0Lk1vdXNlRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PlxufVxuXG5jb25zdCBtZW51SXRlbVN0eWxlcyA9IGNzc2BcbiAgcGFkZGluZzogMC40cmVtIDAgMC4zcmVtIDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgfVxuYFxuXG5jb25zdCBNZW51SXRlbTogUmVhY3QuRkM8TWVudUl0ZW1Qcm9wcz4gPSAoeyBjaGlsZHJlbiwgb25DbGljaywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e21lbnVJdGVtU3R5bGVzfSBvbkNsaWNrPXtvbkNsaWNrfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gIClcbn1cblxuY29uc3QgaGVhZGVySXRlbVN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQtc2l6ZTogMS44cmVtO1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgbWFyZ2luLWJvdHRvbTogJHtyZW0oMTUpfTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuZGFyay5wcmltYXJ5fTtcbmBcblxuY29uc3QgSGVhZGVySXRlbSA9ICh7IGNoaWxkcmVuLCAuLi5yZXN0IH06IHsgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY3NzPXtoZWFkZXJJdGVtU3R5bGVzfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gIClcbn1cblxuY29uc3QgU2VwYXJhdG9ySXRlbSA9IHN0eWxlZC5kaXZgXG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmxpZ2h0fTtcbiAgaGVpZ2h0OiAwLjFyZW07XG4gIG1hcmdpbjogMC41cmVtIDAuNXJlbSAwLjVyZW0gMC41cmVtO1xuICBvcGFjaXR5OiAwLjE1O1xuYFxuXG5jb25zdCBsaW5rSXRlbVN0eWxlcyA9IGNzc2BcbiAgJHttZW51SXRlbVN0eWxlc31cbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubGlnaHR9O1xuICB9XG5gXG5cbi8vIFRPRE86IEFkZCBcImFzXCIgcHJvcCBmb3IgaW5qZWN0IGEgQ29tcG9uZW50T3JFbGVtZW50IGZvciByZW5kZXJpbmcgdGhlIGxpbmtcbmNvbnN0IExpbmtJdGVtOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDx7IGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlOyB1cmw6IHN0cmluZyB9PiA9ICh7IGNoaWxkcmVuLCB1cmwsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxhIGNzcz17bGlua0l0ZW1TdHlsZXN9IGhyZWY9e3VybH0gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvYT5cbiAgKVxufVxuXG5jb25zdCBDdXN0b21JdGVtID0gKHsgcmVuZGVyIH06IHsgcmVuZGVyOiAoKSA9PiBSZWFjdC5SZWFjdE5vZGUgfSkgPT4ge1xuICByZXR1cm4gcmVuZGVyKClcbn1cblxuLy8gVE9ETzogcmVmYWN0b3IgdG8gdXNlIHNlcGFyYXRlIGV4cG9ydHNcbmNvbnN0IG1lbnUgPSBNZW51IGFzIGFueVxubWVudS5JdGVtID0gTWVudUl0ZW1cbm1lbnUuSGVhZGVyID0gSGVhZGVySXRlbVxubWVudS5MaW5rID0gTGlua0l0ZW1cbm1lbnUuQ3VzdHJvbSA9IEN1c3RvbUl0ZW1cbm1lbnUuU2VwYXJhdG9yID0gU2VwYXJhdG9ySXRlbVxuXG5leHBvcnQgZGVmYXVsdCBtZW51XG4iXX0= */");
+})("border-top:1px solid ", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tZW51L01lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdFZ0MiLCJmaWxlIjoiLi4vLi4vc3JjL21lbnUvTWVudS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHJlbSB9IGZyb20gJy4uL3N0eWxlcy9yZW0nXG5cbmNvbnN0IG1lbnVTdHlsZXMgPSBjc3NgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIHBhZGRpbmc6ICR7cmVtKDE1KX0gJHtyZW0oMjApfTtcbmBcblxuY29uc3QgTWVudSA9IFJlYWN0LmZvcndhcmRSZWYoXG4gICh7IGNoaWxkcmVuLCAuLi5yZXN0IH06IHsgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGUgfSwgcmVmOiBSZWFjdC5SZWY8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY3NzPXttZW51U3R5bGVzfSByZWY9e3JlZn0gey4uLnJlc3R9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IHR5cGUgTWVudUl0ZW1Qcm9wcyA9IFJlYWN0LkRldGFpbGVkSFRNTFByb3BzPFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiwgSFRNTERpdkVsZW1lbnQ+ICYge1xuICAvLyBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4gJiB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG4gIG9uQ2xpY2s6IFJlYWN0Lk1vdXNlRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PlxufVxuXG5jb25zdCBtZW51SXRlbVN0eWxlcyA9IGNzc2BcbiAgcGFkZGluZzogMC40cmVtIDAgMC4zcmVtIDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgfVxuYFxuXG5jb25zdCBNZW51SXRlbSA9ICh7IGNoaWxkcmVuLCBvbkNsaWNrLCAuLi5yZXN0IH06IE1lbnVJdGVtUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17bWVudUl0ZW1TdHlsZXN9IG9uQ2xpY2s9e29uQ2xpY2t9IHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5jb25zdCBoZWFkZXJJdGVtU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBibG9jaztcbiAgZm9udC1zaXplOiAxLjhyZW07XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBtYXJnaW4tYm90dG9tOiAke3JlbSgxNSl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnByaW1hcnl9O1xuYFxuXG5jb25zdCBIZWFkZXJJdGVtID0gKHsgY2hpbGRyZW4sIC4uLnJlc3QgfTogeyBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZSB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e2hlYWRlckl0ZW1TdHlsZXN9IHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5jb25zdCBTZXBhcmF0b3JJdGVtID0gc3R5bGVkLmRpdmBcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnByaW1hcnkubGlnaHR9O1xuICBoZWlnaHQ6IDAuMXJlbTtcbiAgbWFyZ2luOiAwLjVyZW0gMC41cmVtIDAuNXJlbSAwLjVyZW07XG4gIG9wYWNpdHk6IDAuMTU7XG5gXG5cbmNvbnN0IGxpbmtJdGVtU3R5bGVzID0gY3NzYFxuICAke21lbnVJdGVtU3R5bGVzfVxuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5saWdodH07XG4gIH1cbmBcblxuLy8gVE9ETzogQWRkIFwiYXNcIiBwcm9wIGZvciBpbmplY3QgYSBDb21wb25lbnRPckVsZW1lbnQgZm9yIHJlbmRlcmluZyB0aGUgbGlua1xuY29uc3QgTGlua0l0ZW06IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PHsgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7IHVybDogc3RyaW5nIH0+ID0gKHsgY2hpbGRyZW4sIHVybCwgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGEgY3NzPXtsaW5rSXRlbVN0eWxlc30gaHJlZj17dXJsfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9hPlxuICApXG59XG5cbmNvbnN0IEN1c3RvbUl0ZW0gPSAoeyByZW5kZXIgfTogeyByZW5kZXI6ICgpID0+IFJlYWN0LlJlYWN0Tm9kZSB9KSA9PiB7XG4gIHJldHVybiByZW5kZXIoKVxufVxuXG4vLyBUT0RPOiByZWZhY3RvciB0byB1c2Ugc2VwYXJhdGUgZXhwb3J0c1xuY29uc3QgbWVudSA9IE1lbnUgYXMgYW55XG5tZW51Lkl0ZW0gPSBNZW51SXRlbVxubWVudS5IZWFkZXIgPSBIZWFkZXJJdGVtXG5tZW51LkxpbmsgPSBMaW5rSXRlbVxubWVudS5DdXN0cm9tID0gQ3VzdG9tSXRlbVxubWVudS5TZXBhcmF0b3IgPSBTZXBhcmF0b3JJdGVtXG5cbmV4cG9ydCBkZWZhdWx0IG1lbnVcbiJdfQ== */"));
+var linkItemStyles = /*#__PURE__*/css(menuItemStyles, " text-decoration:none;&:hover{background-color:", theme.colors.secondary.light, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:linkItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tZW51L01lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVFMEIiLCJmaWxlIjoiLi4vLi4vc3JjL21lbnUvTWVudS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHJlbSB9IGZyb20gJy4uL3N0eWxlcy9yZW0nXG5cbmNvbnN0IG1lbnVTdHlsZXMgPSBjc3NgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIHBhZGRpbmc6ICR7cmVtKDE1KX0gJHtyZW0oMjApfTtcbmBcblxuY29uc3QgTWVudSA9IFJlYWN0LmZvcndhcmRSZWYoXG4gICh7IGNoaWxkcmVuLCAuLi5yZXN0IH06IHsgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGUgfSwgcmVmOiBSZWFjdC5SZWY8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY3NzPXttZW51U3R5bGVzfSByZWY9e3JlZn0gey4uLnJlc3R9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IHR5cGUgTWVudUl0ZW1Qcm9wcyA9IFJlYWN0LkRldGFpbGVkSFRNTFByb3BzPFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiwgSFRNTERpdkVsZW1lbnQ+ICYge1xuICAvLyBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4gJiB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG4gIG9uQ2xpY2s6IFJlYWN0Lk1vdXNlRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PlxufVxuXG5jb25zdCBtZW51SXRlbVN0eWxlcyA9IGNzc2BcbiAgcGFkZGluZzogMC40cmVtIDAgMC4zcmVtIDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgfVxuYFxuXG5jb25zdCBNZW51SXRlbSA9ICh7IGNoaWxkcmVuLCBvbkNsaWNrLCAuLi5yZXN0IH06IE1lbnVJdGVtUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17bWVudUl0ZW1TdHlsZXN9IG9uQ2xpY2s9e29uQ2xpY2t9IHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5jb25zdCBoZWFkZXJJdGVtU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBibG9jaztcbiAgZm9udC1zaXplOiAxLjhyZW07XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBtYXJnaW4tYm90dG9tOiAke3JlbSgxNSl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnByaW1hcnl9O1xuYFxuXG5jb25zdCBIZWFkZXJJdGVtID0gKHsgY2hpbGRyZW4sIC4uLnJlc3QgfTogeyBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZSB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e2hlYWRlckl0ZW1TdHlsZXN9IHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5jb25zdCBTZXBhcmF0b3JJdGVtID0gc3R5bGVkLmRpdmBcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnByaW1hcnkubGlnaHR9O1xuICBoZWlnaHQ6IDAuMXJlbTtcbiAgbWFyZ2luOiAwLjVyZW0gMC41cmVtIDAuNXJlbSAwLjVyZW07XG4gIG9wYWNpdHk6IDAuMTU7XG5gXG5cbmNvbnN0IGxpbmtJdGVtU3R5bGVzID0gY3NzYFxuICAke21lbnVJdGVtU3R5bGVzfVxuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5saWdodH07XG4gIH1cbmBcblxuLy8gVE9ETzogQWRkIFwiYXNcIiBwcm9wIGZvciBpbmplY3QgYSBDb21wb25lbnRPckVsZW1lbnQgZm9yIHJlbmRlcmluZyB0aGUgbGlua1xuY29uc3QgTGlua0l0ZW06IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PHsgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7IHVybDogc3RyaW5nIH0+ID0gKHsgY2hpbGRyZW4sIHVybCwgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGEgY3NzPXtsaW5rSXRlbVN0eWxlc30gaHJlZj17dXJsfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9hPlxuICApXG59XG5cbmNvbnN0IEN1c3RvbUl0ZW0gPSAoeyByZW5kZXIgfTogeyByZW5kZXI6ICgpID0+IFJlYWN0LlJlYWN0Tm9kZSB9KSA9PiB7XG4gIHJldHVybiByZW5kZXIoKVxufVxuXG4vLyBUT0RPOiByZWZhY3RvciB0byB1c2Ugc2VwYXJhdGUgZXhwb3J0c1xuY29uc3QgbWVudSA9IE1lbnUgYXMgYW55XG5tZW51Lkl0ZW0gPSBNZW51SXRlbVxubWVudS5IZWFkZXIgPSBIZWFkZXJJdGVtXG5tZW51LkxpbmsgPSBMaW5rSXRlbVxubWVudS5DdXN0cm9tID0gQ3VzdG9tSXRlbVxubWVudS5TZXBhcmF0b3IgPSBTZXBhcmF0b3JJdGVtXG5cbmV4cG9ydCBkZWZhdWx0IG1lbnVcbiJdfQ== */");
 
 // TODO: Add "as" prop for inject a ComponentOrElement for rendering the link
 var LinkItem = function LinkItem(_ref4) {
   var children = _ref4.children,
     url = _ref4.url,
     rest = _objectWithoutProperties(_ref4, _excluded4);
-  return ___EmotionJSX("a", _extends({
+  return _jsx("a", _objectSpread(_objectSpread({
     css: linkItemStyles,
     href: url
-  }, rest), children);
+  }, rest), {}, {
+    children: children
+  }));
 };
 var CustomItem = function CustomItem(_ref5) {
   var render = _ref5.render;

package/mobile-stepper/MobileStepper.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-declare type MobileStepperProps = {
+type MobileStepperProps = {
     /**
      *   Total steps
      */

package/mobile-stepper/MobileStepper.js

@@ -1,18 +1,23 @@
+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 = ["steps", "activeStep", "backButton", "nextButton", "variant"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
+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 _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
 function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) { n[e] = r[e]; } return n; }
-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 _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+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 { theme } from '@dfds-ui/theme';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 var MobileStepperWrapperStyles = process.env.NODE_ENV === "production" ? {
   name: "1ks9uvr",
   styles: "display:flex;justify-content:space-between;align-items:center;width:100%"
@@ -23,7 +28,7 @@ var MobileStepperWrapperStyles = process.env.NODE_ENV === "production" ? {
 };
 var MobileStepperDot = function MobileStepperDot(_ref2) {
   var active = _ref2.active;
-  return ___EmotionJSX("div", {
+  return _jsx("div", {
     "data-testid": "mobile-stepper-dot",
     css: /*#__PURE__*/css("width:8px;height:8px;border-radius:50%;background-color:", active ? theme.colors.secondary.main : 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tb2JpbGUtc3RlcHBlci9Nb2JpbGVTdGVwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQ2MiLCJmaWxlIjoiLi4vLi4vc3JjL21vYmlsZS1zdGVwcGVyL01vYmlsZVN0ZXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIE1vYmlsZVN0ZXBwZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqICAgVG90YWwgc3RlcHNcbiAgICovXG4gIHN0ZXBzOiBudW1iZXJcbiAgLyoqXG4gICAqICAgQWN0aXZlIHN0ZXBcbiAgICovXG4gIGFjdGl2ZVN0ZXA/OiBudW1iZXJcbiAgLyoqXG4gICAqIEEgYmFjayBidXR0b24gZWxlbWVudC4gRm9yIGluc3RhbmNlLCBpdCBjYW4gYmUgYSBgQnV0dG9uYCBvciBhbiBgSWNvbkJ1dHRvbmAuXG4gICAqL1xuICBiYWNrQnV0dG9uPzogUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBBIG5leHQgYnV0dG9uIGVsZW1lbnQuIEZvciBpbnN0YW5jZSwgaXQgY2FuIGJlIGEgYEJ1dHRvbmAgb3IgYW4gYEljb25CdXR0b25gLlxuICAgKi9cbiAgbmV4dEJ1dHRvbj86IFJlYWN0Tm9kZVxuICAvKipcbiAgICogXHRUaGUgdmFyaWFudCB0byB1c2UgYCd0ZXh0JyB8ICdkb3RzJ2BcbiAgICovXG4gIHZhcmlhbnQ/OiAndGV4dCcgfCAnZG90cydcbn1cblxuY29uc3QgTW9iaWxlU3RlcHBlcldyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG5gXG5jb25zdCBNb2JpbGVTdGVwcGVyRG90ID0gKHsgYWN0aXZlIH06IHsgYWN0aXZlOiBib29sZWFuIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBkYXRhLXRlc3RpZD1cIm1vYmlsZS1zdGVwcGVyLWRvdFwiXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgd2lkdGg6IDhweDtcbiAgICAgICAgaGVpZ2h0OiA4cHg7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHthY3RpdmUgPyB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW4gOiB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgIGB9XG4gICAgPjwvZGl2PlxuICApXG59XG5jb25zdCBNb2JpbGVTdGVwcGVyRG90cyA9ICh7IGNoaWxkcmVuIH06IHsgY2hpbGRyZW46IFJlYWN0Tm9kZSB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgZGF0YS10ZXN0aWQ9XCJtb2JpbGUtc3RlcHBlci1kb3RzXCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBnYXA6IDRweDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApXG59XG5jb25zdCBNb2JpbGVTdGVwcGVyID0gKHtcbiAgc3RlcHMsXG4gIGFjdGl2ZVN0ZXAgPSAwLFxuICBiYWNrQnV0dG9uLFxuICBuZXh0QnV0dG9uLFxuICB2YXJpYW50ID0gJ3RleHQnLFxuICAuLi5wcm9wc1xufTogTW9iaWxlU3RlcHBlclByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e01vYmlsZVN0ZXBwZXJXcmFwcGVyU3R5bGVzfSB7Li4ucHJvcHN9IGRhdGEtdGVzdGlkPVwibW9iaWxlLXN0ZXBwZXJcIj5cbiAgICAgIHtiYWNrQnV0dG9ufVxuICAgICAge3ZhcmlhbnQgPT09ICd0ZXh0JyA/IChcbiAgICAgICAgYCR7YWN0aXZlU3RlcCArIDF9IC8gJHtzdGVwc31gXG4gICAgICApIDogKFxuICAgICAgICA8TW9iaWxlU3RlcHBlckRvdHM+XG4gICAgICAgICAge1suLi5uZXcgQXJyYXkoc3RlcHMpXS5tYXAoKF8sIGluZGV4KSA9PiAoXG4gICAgICAgICAgICA8TW9iaWxlU3RlcHBlckRvdCBrZXk9e2luZGV4fSBhY3RpdmU9e2FjdGl2ZVN0ZXAgPT09IGluZGV4fSAvPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L01vYmlsZVN0ZXBwZXJEb3RzPlxuICAgICAgKX1cbiAgICAgIHtuZXh0QnV0dG9ufVxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IE1vYmlsZVN0ZXBwZXJcbiJdfQ== */")
   });
@@ -38,10 +43,11 @@ var _ref = process.env.NODE_ENV === "production" ? {
 };
 var MobileStepperDots = function MobileStepperDots(_ref3) {
   var children = _ref3.children;
-  return ___EmotionJSX("div", {
+  return _jsx("div", {
     "data-testid": "mobile-stepper-dots",
-    css: _ref
-  }, children);
+    css: _ref,
+    children: children
+  });
 };
 var MobileStepper = function MobileStepper(_ref4) {
   var steps = _ref4.steps,
@@ -52,15 +58,17 @@ var MobileStepper = function MobileStepper(_ref4) {
     _ref4$variant = _ref4.variant,
     variant = _ref4$variant === void 0 ? 'text' : _ref4$variant,
     props = _objectWithoutProperties(_ref4, _excluded);
-  return ___EmotionJSX("div", _extends({
+  return _jsxs("div", _objectSpread(_objectSpread({
     css: MobileStepperWrapperStyles
-  }, props, {
-    "data-testid": "mobile-stepper"
-  }), backButton, variant === 'text' ? "".concat(activeStep + 1, " / ").concat(steps) : ___EmotionJSX(MobileStepperDots, null, _toConsumableArray(new Array(steps)).map(function (_, index) {
-    return ___EmotionJSX(MobileStepperDot, {
-      key: index,
-      active: activeStep === index
-    });
-  })), nextButton);
+  }, props), {}, {
+    "data-testid": "mobile-stepper",
+    children: [backButton, variant === 'text' ? "".concat(activeStep + 1, " / ").concat(steps) : _jsx(MobileStepperDots, {
+      children: _toConsumableArray(new Array(steps)).map(function (_, index) {
+        return _jsx(MobileStepperDot, {
+          active: activeStep === index
+        }, index);
+      })
+    }), nextButton]
+  }));
 };
 export default MobileStepper;

package/nav-bar/NavBar.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
-declare type ItemAlignment = 'left' | 'right';
-declare type NavBarProps = {
+type ItemAlignment = 'left' | 'right';
+type NavBarProps = {
     children?: React.ReactNode;
     className?: string;
     showLogo?: boolean;
     href?: string;
 };
-declare type ItemProps = {
+type ItemProps = {
     children?: React.ReactNode;
     href?: string;
     className?: string;
@@ -16,22 +16,22 @@ declare type ItemProps = {
 };
 declare const NavBar: React.FunctionComponent<NavBarProps>;
 export declare const NavBarItem: React.FunctionComponent<ItemProps>;
-declare type NavBarIconProps = React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> & //  React.AnchorHTMLAttributes<HTMLAnchorElement> &
+type NavBarIconProps = React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> & //  React.AnchorHTMLAttributes<HTMLAnchorElement> &
 ItemProps & {
     menu?: React.ReactNode;
     onClick?: React.MouseEventHandler<HTMLAnchorElement>;
     closeMenuOnClick?: boolean;
 };
 export declare const NavBarIconAnchor: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
     menuShown: boolean;
-    className?: string | undefined;
+    className?: string;
 }, React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
 export declare const NavBarIcon: React.FunctionComponent<NavBarIconProps>;
 export declare const NavBarDropdown: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export default NavBar;

package/nav-bar/NavBar.js

@@ -1,3 +1,4 @@
+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 = ["href", "className", "showLogo", "children"],
   _excluded2 = ["children", "className", "href", "as"],
@@ -5,12 +6,16 @@ var _excluded = ["href", "className", "showLogo", "children"],
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) { n[e] = r[e]; } return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0) { ; } } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
-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 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, { useState } from 'react';
 import Logo from '../logo/Logo';
@@ -20,7 +25,7 @@ import { rem } from '../styles/rem';
 import useOnClickOutside from '../common/useOnClickOutside';
 import arrow from '../common/arrow';
 import { theme } from '@dfds-ui/theme';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 var DFDSLogo = /*#__PURE__*/_styled(Logo, process.env.NODE_ENV === "production" ? {
   target: "ehdy7fs5"
 } : {
@@ -43,13 +48,16 @@ var NavBar = function NavBar(_ref) {
     showLogo = _ref$showLogo === void 0 ? true : _ref$showLogo,
     children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return ___EmotionJSX(NavBarContainer, _extends({
+  return _jsxs(NavBarContainer, _objectSpread(_objectSpread({
     className: className,
     "data-testid": "NavBar"
-  }, rest), showLogo && ___EmotionJSX("a", {
-    href: href,
-    "data-testid": "LogoLink"
-  }, ___EmotionJSX(DFDSLogo, null)), children);
+  }, rest), {}, {
+    children: [showLogo && _jsx("a", {
+      href: href,
+      "data-testid": "LogoLink",
+      children: _jsx(DFDSLogo, {})
+    }), children]
+  }));
 };
 var baseItemStyles = /*#__PURE__*/css("display:flex;position:relative;align-self:stretch;align-items:center;text-decoration:none;padding:0 1.5rem;color:", theme.colors.text.dark.primary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:baseItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9uYXYtYmFyL05hdkJhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0UwQiIsImZpbGUiOiIuLi8uLi9zcmMvbmF2LWJhci9OYXZCYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBMb2dvIGZyb20gJy4uL2xvZ28vTG9nbydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgbGVnYWN5TWVkaWEgYXMgbWVkaWEgfSBmcm9tICcuLi9zdHlsZXMvbWVkaWEnXG5pbXBvcnQgeyByZW0gfSBmcm9tICcuLi9zdHlsZXMvcmVtJ1xuaW1wb3J0IHVzZU9uQ2xpY2tPdXRzaWRlIGZyb20gJy4uL2NvbW1vbi91c2VPbkNsaWNrT3V0c2lkZSdcbmltcG9ydCBhcnJvdyBmcm9tICcuLi9jb21tb24vYXJyb3cnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIEl0ZW1BbGlnbm1lbnQgPSAnbGVmdCcgfCAncmlnaHQnXG5cbnR5cGUgTmF2QmFyUHJvcHMgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBzaG93TG9nbz86IGJvb2xlYW5cbiAgaHJlZj86IHN0cmluZ1xufVxuXG50eXBlIEl0ZW1Qcm9wcyA9IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbiAgaHJlZj86IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgYWxpZ25tZW50PzogSXRlbUFsaWdubWVudFxuICBzZWxlY3RlZD86IGJvb2xlYW5cbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZSAvLyBjYW4gYmUgdXNlZCB0byByZW5kZXIgYSBkaWZmZXJlbnQgY29tcG9uZW50IGZvciB0aGUgYW5jaG9yIChlZy4gbmV4dC9nYXRzYnkgbGluaylcbn1cblxuY29uc3QgREZEU0xvZ28gPSBzdHlsZWQoTG9nbylgXG4gIGhlaWdodDogJHtyZW0oMzIpfTtcbiAgd2lkdGg6ICR7cmVtKDExMil9O1xuICBtYXJnaW4tcmlnaHQ6ICR7cmVtKDIwKX07XG5gXG5cbmNvbnN0IE5hdkJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1pbi1oZWlnaHQ6ICR7cmVtKDYwKX07XG4gIHBhZGRpbmc6IDAgNXB4O1xuICAvKiBJRSBmbGV4Ym94IG1pbi1oZWlnaHQgZml4ICovXG4gIDphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgbWluLWhlaWdodDogaW5oZXJpdDtcbiAgICBmb250LXNpemU6IDA7XG4gIH1cbmBcblxuLy8gVE9ETzogUmVmYWN0b3IgYW5kIHJlbW92ZSBocmVmLiBDb25zaWRlciBhZGRpbmcgYW4gXCJhc1wiIHByb3AgdG8gY2hhbmdlIHRoZSB3cmFwcGVyIG9mIHRoZSBsb2dvIGNvbXBvbmVudFxuY29uc3QgTmF2QmFyOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxOYXZCYXJQcm9wcz4gPSAoe1xuICBocmVmID0gJy8nLFxuICBjbGFzc05hbWUsXG4gIHNob3dMb2dvID0gdHJ1ZSxcbiAgY2hpbGRyZW4sXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TmF2QmFyQ29udGFpbmVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBkYXRhLXRlc3RpZD1cIk5hdkJhclwiIHsuLi5yZXN0fT5cbiAgICAgIHtzaG93TG9nbyAmJiAoXG4gICAgICAgIDxhIGhyZWY9e2hyZWZ9IGRhdGEtdGVzdGlkPVwiTG9nb0xpbmtcIj5cbiAgICAgICAgICA8REZEU0xvZ28gLz5cbiAgICAgICAgPC9hPlxuICAgICAgKX1cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L05hdkJhckNvbnRhaW5lcj5cbiAgKVxufVxuXG5jb25zdCBiYXNlSXRlbVN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBhbGlnbi1zZWxmOiBzdHJldGNoO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIHBhZGRpbmc6IDAgMS41cmVtO1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnByaW1hcnl9O1xuYFxuXG5jb25zdCBJdGVtQW5jaG9yID0gc3R5bGVkLmE8e1xuICBhbGlnbm1lbnQ/OiBJdGVtQWxpZ25tZW50XG4gIHNlbGVjdGVkPzogYm9vbGVhblxuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG59PmBcbiAgJHtiYXNlSXRlbVN0eWxlc31cbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHApID0+IChwLnNlbGVjdGVkID8gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5saWdodCA6ICd0cmFuc3BhcmVudCcpfTtcbiAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubGlnaHR9O1xuICBmb250LXNpemU6IDFyZW07XG4gIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG5cbiAgOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjNmOWZkO1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgfVxuXG4gIHRyYW5zZm9ybTogc2tld1goLTMwZGVnKTtcbiAgc3BhbiB7XG4gICAgdHJhbnNmb3JtOiBza2V3WCgzMGRlZyk7XG4gIH1cblxuICAke21lZGlhLmx0KCdtZCcpfSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYFxuXG4vLyBUT0RPOiBjb25zaWRlciB1c2luZyBmb3J3YXJkUmVmXG5leHBvcnQgY29uc3QgTmF2QmFySXRlbTogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8SXRlbVByb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICBjbGFzc05hbWUsXG4gIGhyZWYsXG4gIGFzOiByZW5kZXJBcyxcbiAgLi4ucmVzdFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJdGVtQW5jaG9yIGFzPXtyZW5kZXJBc30gaHJlZj17aHJlZn0gY2xhc3NOYW1lPXtjbGFzc05hbWV9IHsuLi5yZXN0fT5cbiAgICAgIDxzcGFuPntjaGlsZHJlbn08L3NwYW4+XG4gICAgPC9JdGVtQW5jaG9yPlxuICApXG59XG5cbmNvbnN0IHB1c2hSaWdodCA9IGNzc2BcbiAgbWFyZ2luLWxlZnQ6IGF1dG87XG4gICYgfiAmIHtcbiAgICBtYXJnaW4tbGVmdDogMDtcbiAgfVxuYFxudHlwZSBOYXZCYXJJY29uUHJvcHMgPSBSZWFjdC5EZXRhaWxlZEhUTUxQcm9wczxSZWFjdC5BbmNob3JIVE1MQXR0cmlidXRlczxIVE1MQW5jaG9yRWxlbWVudD4sIEhUTUxBbmNob3JFbGVtZW50PiAmIC8vICBSZWFjdC5BbmNob3JIVE1MQXR0cmlidXRlczxIVE1MQW5jaG9yRWxlbWVudD4gJlxuICBJdGVtUHJvcHMgJiB7XG4gICAgbWVudT86IFJlYWN0LlJlYWN0Tm9kZVxuICAgIG9uQ2xpY2s/OiBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlcjxIVE1MQW5jaG9yRWxlbWVudD5cbiAgICBjbG9zZU1lbnVPbkNsaWNrPzogYm9vbGVhblxuICB9XG5cbmV4cG9ydCBjb25zdCBOYXZCYXJJY29uQW5jaG9yID0gc3R5bGVkLmE8eyBtZW51U2hvd246IGJvb2xlYW47IGNsYXNzTmFtZT86IHN0cmluZyB9PmBcbiAgJHtiYXNlSXRlbVN0eWxlc31cbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG5cbiAgOmhvdmVyIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmM2Y5ZmQ7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICB9XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogJHsocCkgPT4gcC5tZW51U2hvd24gJiYgJyNmM2Y5ZmQnfTtcbmBcblxuY29uc3QgTmF2QmFySWNvbldyYXBwZXIgPSBzdHlsZWQuZGl2PHsgYWxpZ25tZW50PzogSXRlbUFsaWdubWVudCB9PmBcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBhbGlnbi1zZWxmOiBzdHJldGNoO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAkeyhwKSA9PiBwLmFsaWdubWVudCA9PT0gJ3JpZ2h0JyAmJiBwdXNoUmlnaHR9XG5gXG5cbmV4cG9ydCBjb25zdCBOYXZCYXJJY29uOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxOYXZCYXJJY29uUHJvcHM+ID0gKHtcbiAgY2hpbGRyZW4sXG4gIGFsaWdubWVudCxcbiAgbWVudSxcbiAgb25DbGljayxcbiAgY2xvc2VNZW51T25DbGljayA9IHRydWUsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgY29uc3QgW21lbnVTaG93biwgc2V0TWVudVNob3duXSA9IHVzZVN0YXRlKGZhbHNlKVxuICBjb25zdCBoYXNNZW51ID0gISFtZW51XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2sgPSAoZTogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudD4pID0+IHtcbiAgICBpZiAoaGFzTWVudSkge1xuICAgICAgc2V0TWVudVNob3duKCFtZW51U2hvd24pXG4gICAgICBlLnByZXZlbnREZWZhdWx0KClcbiAgICB9IGVsc2Uge1xuICAgICAgaWYgKG9uQ2xpY2spIHtcbiAgICAgICAgb25DbGljayhlKVxuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIGNvbnN0IHJlZiA9IFJlYWN0LnVzZVJlZihudWxsKVxuICB1c2VPbkNsaWNrT3V0c2lkZShyZWYsICgpID0+IHNldE1lbnVTaG93bihmYWxzZSkpXG5cbiAgcmV0dXJuIChcbiAgICA8TmF2QmFySWNvbldyYXBwZXIgcmVmPXtyZWZ9IGFsaWdubWVudD17YWxpZ25tZW50fT5cbiAgICAgIDxOYXZCYXJJY29uQW5jaG9yIG1lbnVTaG93bj17bWVudVNob3dufSBvbkNsaWNrPXtoYW5kbGVDbGlja30gey4uLnJlc3R9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L05hdkJhckljb25BbmNob3I+XG4gICAgICB7aGFzTWVudSAmJiBtZW51U2hvd24gJiYgKFxuICAgICAgICA8TmF2QmFyRHJvcGRvd24gb25DbGljaz17KCkgPT4gY2xvc2VNZW51T25DbGljayAmJiBzZXRNZW51U2hvd24oZmFsc2UpfT5cbiAgICAgICAgICA8ZGl2PnttZW51fTwvZGl2PlxuICAgICAgICA8L05hdkJhckRyb3Bkb3duPlxuICAgICAgKX1cbiAgICA8L05hdkJhckljb25XcmFwcGVyPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBOYXZCYXJEcm9wZG93biA9IHN0eWxlZC5kaXZgXG4gIHotaW5kZXg6IDE7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgaGVpZ2h0OiBhdXRvO1xuICB0b3A6IDEwMCU7XG4gIHJpZ2h0OiAwO1xuICB3aWR0aDogYXV0bztcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsuZGlzYWJsZWR9O1xuICBib3gtc2hhZG93OiAwIDJweCA1cHggcmdiYSgwLCAwLCAwLCAwLjM1KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgY3Vyc29yOiBkZWZhdWx0O1xuICAke2Fycm93KDEwLCB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5LCAyOCwgJ2JvdHRvbS1yaWdodCcpfVxuYFxuXG5leHBvcnQgZGVmYXVsdCBOYXZCYXJcbiJdfQ== */");
 var ItemAnchor = /*#__PURE__*/_styled("a", process.env.NODE_ENV === "production" ? {
@@ -68,11 +76,15 @@ export var NavBarItem = function NavBarItem(_ref2) {
     href = _ref2.href,
     renderAs = _ref2.as,
     rest = _objectWithoutProperties(_ref2, _excluded2);
-  return ___EmotionJSX(ItemAnchor, _extends({
+  return _jsx(ItemAnchor, _objectSpread(_objectSpread({
     as: renderAs,
     href: href,
     className: className
-  }, rest), ___EmotionJSX("span", null, children));
+  }, rest), {}, {
+    children: _jsx("span", {
+      children: children
+    })
+  }));
 };
 var pushRight = process.env.NODE_ENV === "production" ? {
   name: "1obyy01",
@@ -125,17 +137,23 @@ export var NavBarIcon = function NavBarIcon(_ref3) {
   useOnClickOutside(ref, function () {
     return setMenuShown(false);
   });
-  return ___EmotionJSX(NavBarIconWrapper, {
+  return _jsxs(NavBarIconWrapper, {
     ref: ref,
-    alignment: alignment
-  }, ___EmotionJSX(NavBarIconAnchor, _extends({
-    menuShown: menuShown,
-    onClick: handleClick
-  }, rest), children), hasMenu && menuShown && ___EmotionJSX(NavBarDropdown, {
-    onClick: function onClick() {
-      return closeMenuOnClick && setMenuShown(false);
-    }
-  }, ___EmotionJSX("div", null, menu)));
+    alignment: alignment,
+    children: [_jsx(NavBarIconAnchor, _objectSpread(_objectSpread({
+      menuShown: menuShown,
+      onClick: handleClick
+    }, rest), {}, {
+      children: children
+    })), hasMenu && menuShown && _jsx(NavBarDropdown, {
+      onClick: function onClick() {
+        return closeMenuOnClick && setMenuShown(false);
+      },
+      children: _jsx("div", {
+        children: menu
+      })
+    })]
+  });
 };
 export var NavBarDropdown = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "ehdy7fs0"

package/nav-menu/NavMenuItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type NavMenuItemProps = {
+type NavMenuItemProps = {
     isActive?: boolean;
     leftIcon?: React.ElementType;
     rightIcon?: React.ElementType;

package/nav-menu/NavMenuItem.js

@@ -3,7 +3,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 import React from 'react';
 import { css } from '@emotion/react';
 import { theme } from '@dfds-ui/theme';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 var Item = /*#__PURE__*/_styled("li", process.env.NODE_ENV === "production" ? {
   target: "e1mnqrsr0"
 } : {
@@ -29,16 +29,18 @@ var NavMenuItem = function NavMenuItem(_ref3) {
     _ref3$as = _ref3.as,
     as = _ref3$as === void 0 ? 'li' : _ref3$as,
     children = _ref3.children;
-  return ___EmotionJSX(Item, {
+  return _jsxs(Item, {
     as: as,
     tabIndex: 0,
-    isActive: isActive
-  }, Left && ___EmotionJSX(Left, {
-    css: /*#__PURE__*/css("color:", theme.colors.secondary.main, ";margin:0 10px 0 5px;" + (process.env.NODE_ENV === "production" ? "" : ";label:NavMenuItem;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9uYXYtbWVudS9OYXZNZW51SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0NrQiIsImZpbGUiOiIuLi8uLi9zcmMvbmF2LW1lbnUvTmF2TWVudUl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgTmF2TWVudUl0ZW1Qcm9wcyA9IHtcbiAgaXNBY3RpdmU/OiBib29sZWFuXG4gIGxlZnRJY29uPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgcmlnaHRJY29uPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IEl0ZW0gPSBzdHlsZWQubGk8UGFydGlhbDxOYXZNZW51SXRlbVByb3BzPj5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBwYWRkaW5nOiAxNXB4O1xuICBmbGV4OiAxO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkubGlnaHQgOiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5KX07XG5gXG5cbmNvbnN0IE5hdk1lbnVJdGVtOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxOYXZNZW51SXRlbVByb3BzPiA9ICh7XG4gIGlzQWN0aXZlID0gZmFsc2UsXG4gIGxlZnRJY29uOiBMZWZ0LFxuICByaWdodEljb246IFJpZ2h0LFxuICBhcyA9ICdsaScsXG4gIGNoaWxkcmVuLFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJdGVtIGFzPXthc30gdGFiSW5kZXg9ezB9IGlzQWN0aXZlPXtpc0FjdGl2ZX0+XG4gICAgICB7TGVmdCAmJiAoXG4gICAgICAgIDxMZWZ0XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICAgICAgbWFyZ2luOiAwIDEwcHggMCA1cHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmbGV4OiAxO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L3NwYW4+XG4gICAgICB7UmlnaHQgJiYgKFxuICAgICAgICA8UmlnaHRcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgICAgICBtYXJnaW46IDAgNXB4IDAgMTBweDtcbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L0l0ZW0+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTmF2TWVudUl0ZW1cbiJdfQ== */")
-  }), ___EmotionJSX("span", {
-    css: _ref
-  }, children), Right && ___EmotionJSX(Right, {
-    css: /*#__PURE__*/css("color:", theme.colors.secondary.main, ";margin:0 5px 0 10px;" + (process.env.NODE_ENV === "production" ? "" : ";label:NavMenuItem;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9uYXYtbWVudS9OYXZNZW51SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0NrQiIsImZpbGUiOiIuLi8uLi9zcmMvbmF2LW1lbnUvTmF2TWVudUl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgTmF2TWVudUl0ZW1Qcm9wcyA9IHtcbiAgaXNBY3RpdmU/OiBib29sZWFuXG4gIGxlZnRJY29uPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgcmlnaHRJY29uPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IEl0ZW0gPSBzdHlsZWQubGk8UGFydGlhbDxOYXZNZW51SXRlbVByb3BzPj5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBwYWRkaW5nOiAxNXB4O1xuICBmbGV4OiAxO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkubGlnaHQgOiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5KX07XG5gXG5cbmNvbnN0IE5hdk1lbnVJdGVtOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxOYXZNZW51SXRlbVByb3BzPiA9ICh7XG4gIGlzQWN0aXZlID0gZmFsc2UsXG4gIGxlZnRJY29uOiBMZWZ0LFxuICByaWdodEljb246IFJpZ2h0LFxuICBhcyA9ICdsaScsXG4gIGNoaWxkcmVuLFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJdGVtIGFzPXthc30gdGFiSW5kZXg9ezB9IGlzQWN0aXZlPXtpc0FjdGl2ZX0+XG4gICAgICB7TGVmdCAmJiAoXG4gICAgICAgIDxMZWZ0XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICAgICAgbWFyZ2luOiAwIDEwcHggMCA1cHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmbGV4OiAxO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L3NwYW4+XG4gICAgICB7UmlnaHQgJiYgKFxuICAgICAgICA8UmlnaHRcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgICAgICBtYXJnaW46IDAgNXB4IDAgMTBweDtcbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L0l0ZW0+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTmF2TWVudUl0ZW1cbiJdfQ== */")
-  }));
+    isActive: isActive,
+    children: [Left && _jsx(Left, {
+      css: /*#__PURE__*/css("color:", theme.colors.secondary.main, ";margin:0 10px 0 5px;" + (process.env.NODE_ENV === "production" ? "" : ";label:NavMenuItem;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9uYXYtbWVudS9OYXZNZW51SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0NrQiIsImZpbGUiOiIuLi8uLi9zcmMvbmF2LW1lbnUvTmF2TWVudUl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgTmF2TWVudUl0ZW1Qcm9wcyA9IHtcbiAgaXNBY3RpdmU/OiBib29sZWFuXG4gIGxlZnRJY29uPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgcmlnaHRJY29uPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IEl0ZW0gPSBzdHlsZWQubGk8UGFydGlhbDxOYXZNZW51SXRlbVByb3BzPj5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBwYWRkaW5nOiAxNXB4O1xuICBmbGV4OiAxO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkubGlnaHQgOiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5KX07XG5gXG5cbmNvbnN0IE5hdk1lbnVJdGVtOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxOYXZNZW51SXRlbVByb3BzPiA9ICh7XG4gIGlzQWN0aXZlID0gZmFsc2UsXG4gIGxlZnRJY29uOiBMZWZ0LFxuICByaWdodEljb246IFJpZ2h0LFxuICBhcyA9ICdsaScsXG4gIGNoaWxkcmVuLFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJdGVtIGFzPXthc30gdGFiSW5kZXg9ezB9IGlzQWN0aXZlPXtpc0FjdGl2ZX0+XG4gICAgICB7TGVmdCAmJiAoXG4gICAgICAgIDxMZWZ0XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICAgICAgbWFyZ2luOiAwIDEwcHggMCA1cHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmbGV4OiAxO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L3NwYW4+XG4gICAgICB7UmlnaHQgJiYgKFxuICAgICAgICA8UmlnaHRcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgICAgICBtYXJnaW46IDAgNXB4IDAgMTBweDtcbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L0l0ZW0+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTmF2TWVudUl0ZW1cbiJdfQ== */")
+    }), _jsx("span", {
+      css: _ref,
+      children: children
+    }), Right && _jsx(Right, {
+      css: /*#__PURE__*/css("color:", theme.colors.secondary.main, ";margin:0 5px 0 10px;" + (process.env.NODE_ENV === "production" ? "" : ";label:NavMenuItem;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9uYXYtbWVudS9OYXZNZW51SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0NrQiIsImZpbGUiOiIuLi8uLi9zcmMvbmF2LW1lbnUvTmF2TWVudUl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgTmF2TWVudUl0ZW1Qcm9wcyA9IHtcbiAgaXNBY3RpdmU/OiBib29sZWFuXG4gIGxlZnRJY29uPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgcmlnaHRJY29uPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IEl0ZW0gPSBzdHlsZWQubGk8UGFydGlhbDxOYXZNZW51SXRlbVByb3BzPj5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBwYWRkaW5nOiAxNXB4O1xuICBmbGV4OiAxO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkubGlnaHQgOiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5KX07XG5gXG5cbmNvbnN0IE5hdk1lbnVJdGVtOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxOYXZNZW51SXRlbVByb3BzPiA9ICh7XG4gIGlzQWN0aXZlID0gZmFsc2UsXG4gIGxlZnRJY29uOiBMZWZ0LFxuICByaWdodEljb246IFJpZ2h0LFxuICBhcyA9ICdsaScsXG4gIGNoaWxkcmVuLFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJdGVtIGFzPXthc30gdGFiSW5kZXg9ezB9IGlzQWN0aXZlPXtpc0FjdGl2ZX0+XG4gICAgICB7TGVmdCAmJiAoXG4gICAgICAgIDxMZWZ0XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICAgICAgbWFyZ2luOiAwIDEwcHggMCA1cHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmbGV4OiAxO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L3NwYW4+XG4gICAgICB7UmlnaHQgJiYgKFxuICAgICAgICA8UmlnaHRcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgICAgICBtYXJnaW46IDAgNXB4IDAgMTBweDtcbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L0l0ZW0+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTmF2TWVudUl0ZW1cbiJdfQ== */")
+    })]
+  });
 };
 export default NavMenuItem;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Shared react components within DFDS",
   "license": "MIT",
   "private": false,
-  "version": "2.2.0-alpha.10ab70f8",
+  "version": "2.2.0-alpha.1c00ab5c",
   "sideEffects": false,
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -11,32 +11,30 @@
   "typings": "./index.d.ts",
   "peerDependencies": {
     "@emotion/react": "11.14.0",
-    "@emotion/styled": "11.14.0",
+    "@emotion/styled": "11.14.1",
     "react": ">= 18.3.1",
     "react-dates": ">= 20.0.0",
     "react-dom": ">= 18.3.1",
     "react-select": "^5.0.0"
   },
   "dependencies": {
-    "@dfds-ui/colors": "2.2.0-alpha.10ab70f8",
-    "@dfds-ui/fonts": "2.2.0-alpha.10ab70f8",
-    "@dfds-ui/hooks": "2.2.0-alpha.10ab70f8",
-    "@dfds-ui/icons": "2.2.0-alpha.10ab70f8",
-    "@dfds-ui/spacing": "2.2.0-alpha.10ab70f8",
-    "@dfds-ui/theme": "2.2.0-alpha.10ab70f8",
-    "@dfds-ui/typography": "2.2.0-alpha.10ab70f8",
+    "@dfds-ui/colors": "2.2.0-alpha.1c00ab5c",
+    "@dfds-ui/fonts": "2.2.0-alpha.1c00ab5c",
+    "@dfds-ui/hooks": "2.2.0-alpha.1c00ab5c",
+    "@dfds-ui/icons": "2.2.0-alpha.1c00ab5c",
+    "@dfds-ui/spacing": "2.2.0-alpha.1c00ab5c",
+    "@dfds-ui/theme": "2.2.0-alpha.1c00ab5c",
+    "@dfds-ui/typography": "2.2.0-alpha.1c00ab5c",
     "@kunukn/react-collapse": "^2.2.10",
-    "@mui/base": "^5.0.0-beta.70",
-    "@mui/material": "^5.18.0",
-    "@mui/styles": "^5.18.0",
-    "@mui/system": "^5.18.0",
+    "@mui/material": "^7.3.11",
+    "@mui/system": "^7.3.11",
     "@tippyjs/react": "^4.2.6",
     "classnames": "^2.5.1",
     "humps": "^2.0.1",
     "react-hook-intersection-observer": "^0.1.0",
-    "uuid": "^9.0.0"
+    "uuid": "14.0.0"
   },
-  "gitHead": "10ab70f8cafdde83835d1733ea43fbe4300c973f",
+  "gitHead": "1c00ab5c06a488571663542369619e5632221180",
   "publishConfig": {
     "access": "public"
   }

package/pagination/Pagination.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-declare type Option = {
+type Option = {
     disabled?: boolean;
     label: string;
     value: number;
 };
-export declare type PaginationProps = {
+export type PaginationProps = {
     /**
      * The current page.
      */