@bbl-digital/snorre 4.2.74 → 4.2.75

package/lib/layout/Menu/AppPicker/styles.js

@@ -1,61 +1,91 @@
-"use strict";
+import styled from '@emotion/styled';
+import { css } from '@emotion/react';
+import bp from '../../../globals/styles/breakpoints';
+import { defaultOutline } from '../../../globals/styles/styles';
+import Link from '../../../core/Link';
+export const Wrapper = styled(Link, {
+    shouldForwardProp: (pro) => pro !== 'isLightTheme',
+})((props) => {
+    const isLightTheme = props.isLightTheme;
+    const getBackgroundColor = () => {
+        if (props.small) {
+            return 'transparent';
+        }
+        if (props.selected) {
+            return isLightTheme
+                ? props.theme.lightAppPickerActiveBackground
+                : props.theme.defaultAppPickerActiveBackground;
+        }
+        return isLightTheme
+            ? props.theme.lightAppPickerBackground
+            : props.theme.defaultAppPickerBackground;
+    };
+    return css `
+    height: ${props.selected ? '70px' : '50px'};
+    width: ${!props.selected ? '50px' : !props.small ? '66px' : 'auto'};
+    border-radius: 8px;
+    position: relative;
+    pointer-events: ${props.selected ? 'none' : 'auto'};
+    background-color: ${getBackgroundColor()};
+    display: flex;
+    justify-content: center;
+    span {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+    }
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = exports.IconWrapper = exports.AbsoluteText = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/react");
-var _breakpoints = _interopRequireDefault(require("../../../globals/styles/breakpoints"));
-var _styles = require("../../../globals/styles/styles");
-var _Link = _interopRequireDefault(require("../../../core/Link"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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 Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base.default)(_Link.default, process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: pro => pro !== 'isLightTheme',
-  target: "eerewvt2"
-} : {
-  shouldForwardProp: pro => pro !== 'isLightTheme',
-  target: "eerewvt2",
-  label: "Wrapper"
-})(props => {
-  const isLightTheme = props.isLightTheme;
-  const getBackgroundColor = () => {
-    if (props.small) {
-      return 'transparent';
+    @media screen and (max-width: ${bp.medium}) {
+      height: ${props.selected ? '60px' : '48px'};
+      width: ${props.selected ? '55%' : '45%'};
+
+      span {
+        flex-direction: row;
+
+        span {
+          display: inline-block;
+          margin-left: 0.5em;
+        }
+      }
     }
-    if (props.selected) {
-      return isLightTheme ? props.theme.lightAppPickerActiveBackground : props.theme.defaultAppPickerActiveBackground;
+
+    &:hover,
+    &:focus {
+      background-color: ${getBackgroundColor()};
+    }
+
+    &:focus-visible {
+      outline: ${defaultOutline};
     }
-    return isLightTheme ? props.theme.lightAppPickerBackground : props.theme.defaultAppPickerBackground;
-  };
-  return /*#__PURE__*/(0, _react.css)("height:", props.selected ? '70px' : '50px', ";width:", !props.selected ? '50px' : !props.small ? '66px' : 'auto', ";border-radius:8px;position:relative;pointer-events:", props.selected ? 'none' : 'auto', ";background-color:", getBackgroundColor(), ";display:flex;justify-content:center;span{display:flex;flex-direction:column;justify-content:center;align-items:center;}@media screen and (max-width: ", _breakpoints.default.medium, "){height:", props.selected ? '60px' : '48px', ";width:", props.selected ? '55%' : '45%', ";span{flex-direction:row;span{display:inline-block;margin-left:0.5em;}}}&:hover,&:focus{background-color:", getBackgroundColor(), ";}&:focus-visible{outline:", _styles.defaultOutline, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;"));
+  `;
 });
-const IconWrapper = exports.IconWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "eerewvt1"
-} : {
-  target: "eerewvt1",
-  label: "IconWrapper"
-})(props => {
-  const isLightTheme = props.isLightTheme;
-  const getBackgroundColor = () => {
-    if (props.small) {
-      return props.theme.illustrationPrimary10;
+export const IconWrapper = styled.div((props) => {
+    const isLightTheme = props.isLightTheme;
+    const getBackgroundColor = () => {
+        if (props.small) {
+            return props.theme.illustrationPrimary10;
+        }
+        return isLightTheme
+            ? props.theme.lightAppPickerIconBackground
+            : props.theme.defaultAppPickerIconBackgroundColor;
+    };
+    return css `
+    &.selected {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: 50%;
+      height: 40px;
+      width: 40px;
+      background-color: ${getBackgroundColor()};
+      margin-bottom: 0.2em;
     }
-    return isLightTheme ? props.theme.lightAppPickerIconBackground : props.theme.defaultAppPickerIconBackgroundColor;
-  };
-  return /*#__PURE__*/(0, _react.css)("&.selected{display:flex;align-items:center;justify-content:center;border-radius:50%;height:40px;width:40px;background-color:", getBackgroundColor(), ";margin-bottom:0.2em;}" + (process.env.NODE_ENV === "production" ? "" : ";label:IconWrapper;"));
+  `;
 });
-const AbsoluteText = exports.AbsoluteText = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
-  target: "eerewvt0"
-} : {
-  target: "eerewvt0",
-  label: "AbsoluteText"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1g0dfbk",
-  styles: "position:absolute;line-height:normal;bottom:calc(-11px - 5px);opacity:0.75"
-} : {
-  name: "1g0dfbk",
-  styles: "position:absolute;line-height:normal;bottom:calc(-11px - 5px);opacity:0.75",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+export const AbsoluteText = styled.span `
+  position: absolute;
+  line-height: normal;
+  bottom: calc(-11px - 5px);
+  opacity: 0.75;
+`;

package/lib/layout/Menu/MainMenu/index.d.ts

@@ -7,4 +7,3 @@ interface IProps extends React.HTMLAttributes<HTMLUListElement> {
 }
 declare const MainMenu: React.FC<IProps>;
 export default MainMenu;
-//# sourceMappingURL=index.d.ts.map

package/lib/layout/Menu/MainMenu/index.js

@@ -1,25 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const MainMenu = ({
-  small,
-  children,
-  ...props
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.NavWrapper, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Wrapper, {
-      small: small,
-      role: "menu",
-      ...props,
-      children: children
-    })
-  });
+import { jsx as _jsx } from "react/jsx-runtime";
+import { NavWrapper, Wrapper } from './styles';
+const MainMenu = ({ small, children, ...props }) => {
+    return (_jsx(NavWrapper, { children: _jsx(Wrapper, { small: small, role: "menu", ...props, children: children }) }));
 };
-var _default = exports.default = MainMenu;
+export default MainMenu;

package/lib/layout/Menu/MainMenu/styles.d.ts

@@ -3,4 +3,3 @@ export declare const NavWrapper: import("@emotion/styled").StyledComponent<{
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
 export declare const Wrapper: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
-//# sourceMappingURL=styles.d.ts.map

package/lib/layout/Menu/MainMenu/styles.js

@@ -1,22 +1,29 @@
-"use strict";
+import styled from '@emotion/styled';
+import { css } from '@emotion/react';
+import bp from '../../../globals/styles/breakpoints';
+export const NavWrapper = styled.nav ``;
+export const Wrapper = styled.ul((props) => css `
+    display: flex;
+    flex-direction: column;
+    width: ${props.small ? '80%' : 'calc(100% - 26px)'};
+    margin-left: ${props.small ? '20%' : '0'};
+    margin-top: 10vh;
+    padding-left: ${props.small ? '0' : '26px'};
+    overflow: hidden;
+    overflow-y: auto;
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = exports.NavWrapper = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/react");
-var _breakpoints = _interopRequireDefault(require("../../../globals/styles/breakpoints"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const NavWrapper = exports.NavWrapper = /*#__PURE__*/(0, _base.default)("nav", process.env.NODE_ENV === "production" ? {
-  target: "e1bwu7311"
-} : {
-  target: "e1bwu7311",
-  label: "NavWrapper"
-})();
-const Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base.default)("ul", process.env.NODE_ENV === "production" ? {
-  target: "e1bwu7310"
-} : {
-  target: "e1bwu7310",
-  label: "Wrapper"
-})(props => /*#__PURE__*/(0, _react.css)("display:flex;flex-direction:column;width:", props.small ? '80%' : 'calc(100% - 26px)', ";margin-left:", props.small ? '20%' : '0', ";margin-top:10vh;padding-left:", props.small ? '0' : '26px', ";overflow:hidden;overflow-y:auto;@media screen and (max-height: ", _breakpoints.default.heightMedium, "){margin-top:5vh;}@media screen and (max-height: ", _breakpoints.default.heightSmall, "){margin-top:1vh;}@media screen and (max-width: ", _breakpoints.default.medium, "){margin-top:1em;padding-left:0;width:100%;margin-left:0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;")));
+    @media screen and (max-height: ${bp.heightMedium}) {
+      margin-top: 5vh;
+    }
+
+    @media screen and (max-height: ${bp.heightSmall}) {
+      margin-top: 1vh;
+    }
+
+    @media screen and (max-width: ${bp.medium}) {
+      margin-top: 1em;
+      padding-left: 0;
+      width: 100%;
+      margin-left: 0;
+    }
+  `);

package/lib/layout/Menu/MenuItem/index.d.ts

@@ -15,4 +15,3 @@ interface IProps extends React.HTMLAttributes<HTMLLIElement> {
 }
 declare const MenuItem: React.FC<IProps>;
 export default MenuItem;
-//# sourceMappingURL=index.d.ts.map

package/lib/layout/Menu/MenuItem/index.js

@@ -1,47 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styles = require("./styles");
-var _react2 = require("@emotion/react");
-var _Text = _interopRequireDefault(require("../../../core/Text"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const MenuItem = ({
-  small,
-  icon,
-  lightTheme,
-  active,
-  label,
-  onClick,
-  ...props
-}) => {
-  const theme = (0, _react2.useTheme)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ListItem, {
-    ...props,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Wrapper, {
-      role: "menuitem",
-      "aria-current": active ? 'page' : undefined,
-      nostyle: true,
-      small: small,
-      theme: theme,
-      lightTheme: lightTheme,
-      className: active ? 'active' : '',
-      onClick: onClick,
-      "data-tracking-name": "Sidemenu",
-      "data-tracking-event": 'Menu click: ' + label,
-      title: label,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Span, {
-        small: small,
-        children: [icon, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-          color: lightTheme ? theme.lightMenuTextColor : theme.defaultMenuTextColor,
-          children: label
-        })]
-      })
-    })
-  });
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Wrapper, Span, ListItem } from './styles';
+import { useTheme } from '@emotion/react';
+import Text from '../../../core/Text';
+const MenuItem = ({ small, icon, lightTheme, active, label, onClick, ...props }) => {
+    const theme = useTheme();
+    return (_jsx(ListItem, { ...props, children: _jsx(Wrapper, { role: "menuitem", "aria-current": active ? 'page' : undefined, nostyle: true, small: small, theme: theme, lightTheme: lightTheme, className: active ? 'active' : '', onClick: onClick, "data-tracking-name": "Sidemenu", "data-tracking-event": 'Menu click: ' + label, title: label, children: _jsxs(Span, { small: small, children: [icon, _jsx(Text, { color: lightTheme ? theme.lightMenuTextColor : theme.defaultMenuTextColor, children: label })] }) }) }));
 };
-var _default = exports.default = MenuItem;
+export default MenuItem;

package/lib/layout/Menu/MenuItem/styles.d.ts

@@ -4,4 +4,3 @@ export declare const ListItem: import("@emotion/styled").StyledComponent<{
 }, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
 export declare const Wrapper: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 export declare const Span: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-//# sourceMappingURL=styles.d.ts.map

package/lib/layout/Menu/MenuItem/styles.js

@@ -1,36 +1,78 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = exports.Span = exports.ListItem = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/react");
-var _breakpoints = _interopRequireDefault(require("../../../globals/styles/breakpoints"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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 ListItem = exports.ListItem = /*#__PURE__*/(0, _base.default)("li", process.env.NODE_ENV === "production" ? {
-  target: "e1xvofrz2"
-} : {
-  target: "e1xvofrz2",
-  label: "ListItem"
-})(process.env.NODE_ENV === "production" ? {
-  name: "qr8q5p",
-  styles: "list-style:none"
-} : {
-  name: "qr8q5p",
-  styles: "list-style:none",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base.default)("button", process.env.NODE_ENV === "production" ? {
-  target: "e1xvofrz1"
-} : {
-  target: "e1xvofrz1",
-  label: "Wrapper"
-})(props => /*#__PURE__*/(0, _react.css)("display:flex;min-height:50px;width:100%;border-radius:", props.lightTheme ? '8px 0 0 8px' : '4px 0 0 4px', ";border:none;background-color:transparent;padding-left:1em;padding-right:0;align-items:center;outline:none;cursor:pointer;&.active{background:", props.lightTheme ? props.theme.lightMenuItemActiveBackground : props.theme.defaultMenuItemActiveBackground, ";&>span{font-weight:700;}}&>span{display:flex;align-items:center;width:100%;text-align:left;line-height:24px;font-weight:600;white-space:nowrap;&>svg{margin-right:10px;min-width:14px;}&>span{transition:width 0.2s ease-out;overflow:hidden;width:", props.small ? '0' : '100%', ";}}&:hover,&:focus{text-decoration:underline;background-color:transparent;text-underline-offset:2px;text-decoration-color:", props.lightTheme ? props.theme.lightMenuTextColor : props.theme.defaultMenuTextColor, ";&.active{background:", props.lightTheme ? props.theme.lightMenuItemActiveBackground : props.theme.defaultMenuItemActiveBackground, ";}}@media screen and (max-width: ", _breakpoints.default.medium, "){padding:0 40px;border-radius:0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;")));
-const Span = exports.Span = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
-  target: "e1xvofrz0"
-} : {
-  target: "e1xvofrz0",
-  label: "Span"
-})(props => /*#__PURE__*/(0, _react.css)("&>span{transition:width 0.2s ease-out;overflow:hidden;width:", props.small ? '0' : '100%', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:Span;")));
+import styled from '@emotion/styled';
+import { css } from '@emotion/react';
+import bp from '../../../globals/styles/breakpoints';
+export const ListItem = styled.li `
+  list-style: none;
+`;
+export const Wrapper = styled.button((props) => css `
+    display: flex;
+    min-height: 50px;
+    width: 100%;
+    border-radius: ${props.lightTheme ? '8px 0 0 8px' : '4px 0 0 4px'};
+    border: none;
+    background-color: transparent;
+    padding-left: 1em;
+    padding-right: 0;
+    align-items: center;
+    outline: none;
+    cursor: pointer;
+
+    &.active {
+      background: ${props.lightTheme
+    ? props.theme.lightMenuItemActiveBackground
+    : props.theme.defaultMenuItemActiveBackground};
+
+      & > span {
+        font-weight: 700;
+      }
+    }
+
+    & > span {
+      display: flex;
+      align-items: center;
+      width: 100%;
+      text-align: left;
+      line-height: 24px;
+      font-weight: 600;
+      white-space: nowrap;
+
+      & > svg {
+        margin-right: 10px;
+        min-width: 14px;
+      }
+
+      & > span {
+        transition: width 0.2s ease-out;
+        overflow: hidden;
+        width: ${props.small ? '0' : '100%'};
+      }
+    }
+
+    &:hover,
+    &:focus {
+      text-decoration: underline;
+      background-color: transparent;
+      text-underline-offset: 2px;
+      text-decoration-color: ${props.lightTheme
+    ? props.theme.lightMenuTextColor
+    : props.theme.defaultMenuTextColor};
+
+      &.active {
+        background: ${props.lightTheme
+    ? props.theme.lightMenuItemActiveBackground
+    : props.theme.defaultMenuItemActiveBackground};
+      }
+    }
+
+    @media screen and (max-width: ${bp.medium}) {
+      padding: 0 40px;
+      border-radius: 0;
+    }
+  `);
+export const Span = styled.span((props) => css `
+    & > span {
+      transition: width 0.2s ease-out;
+      overflow: hidden;
+      width: ${props.small ? '0' : '100%'};
+    }
+  `);

package/lib/layout/Menu/MenuSpacer/index.d.ts

@@ -5,4 +5,3 @@ interface IProps {
 }
 declare const MenuSpacer: FC<IProps>;
 export default MenuSpacer;
-//# sourceMappingURL=index.d.ts.map

package/lib/layout/Menu/MenuSpacer/index.js

@@ -1,18 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const MenuSpacer = ({
-  children
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Wrapper, {
-    children: children
-  });
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Wrapper } from './styles';
+const MenuSpacer = ({ children }) => {
+    return _jsx(Wrapper, { children: children });
 };
-var _default = exports.default = MenuSpacer;
+export default MenuSpacer;

package/lib/layout/Menu/MenuSpacer/styles.d.ts

@@ -2,4 +2,3 @@ export declare const Wrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-//# sourceMappingURL=styles.d.ts.map

package/lib/layout/Menu/MenuSpacer/styles.js

@@ -1,15 +1,17 @@
-"use strict";
+import styled from '@emotion/styled';
+import bp from '../../../globals/styles/breakpoints';
+export const Wrapper = styled.div `
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  max-height: 100%;
+  justify-content: space-between;
+  overflow: inherit;
+  gap: 0.5em;
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _breakpoints = _interopRequireDefault(require("../../../globals/styles/breakpoints"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1t6mpa0"
-} : {
-  target: "e1t6mpa0",
-  label: "Wrapper"
-})("display:flex;flex-direction:column;width:100%;height:100%;max-height:100%;justify-content:space-between;overflow:inherit;gap:0.5em;@media screen and (max-width: ", _breakpoints.default.medium, "){gap:0em;height:unset;}");
+  @media screen and (max-width: ${bp.medium}) {
+    gap: 0em;
+    height: unset;
+  }
+`;

package/lib/layout/Menu/MenuTop/index.d.ts

@@ -11,4 +11,3 @@ interface IProps {
 }
 declare const MenuTop: React.FC<IProps>;
 export default MenuTop;
-//# sourceMappingURL=index.d.ts.map

package/lib/layout/Menu/MenuTop/index.js

@@ -1,34 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-const MenuTop = ({
-  small,
-  logo,
-  onLogoClick,
-  children
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
-    children: [logo && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledLink, {
-      nostyle: true,
-      onClick: onLogoClick,
-      trackingName: "Sidemenu",
-      trackingEvent: "Menu click: logo",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Logo, {
-        small: small,
-        alt: "logo",
-        src: logo
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.AppPickerWrapper, {
-      children: children
-    })]
-  });
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { StyledLink, Logo, AppPickerWrapper } from './styles';
+const MenuTop = ({ small, logo, onLogoClick, children }) => {
+    return (_jsxs(Fragment, { children: [logo && (_jsx(StyledLink, { nostyle: true, onClick: onLogoClick, trackingName: "Sidemenu", trackingEvent: "Menu click: logo", children: _jsx(Logo, { small: small, alt: "logo", src: logo }) })), _jsx(AppPickerWrapper, { children: children })] }));
 };
-var _default = exports.default = MenuTop;
+export default MenuTop;

package/lib/layout/Menu/MenuTop/styles.d.ts

@@ -40,4 +40,3 @@ export declare const AppPickerWrapper: import("@emotion/styled").StyledComponent
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-//# sourceMappingURL=styles.d.ts.map

package/lib/layout/Menu/MenuTop/styles.js

@@ -1,37 +1,44 @@
-"use strict";
+import styled from '@emotion/styled';
+import Link from '../../../core/Link';
+import { css } from '@emotion/react';
+import bp from '../../../globals/styles/breakpoints';
+export const StyledLink = styled(Link) `
+  min-height: 40px;
+  margin-top: 0.5em;
+`;
+export const Logo = styled.img((props) => css `
+    cursor: pointer;
+    max-height: 40px;
+    max-width: ${props.small ? '100%' : 'auto'};
+  `);
+export const AppPickerWrapper = styled.div `
+  display: flex;
+  justify-content: flex-start;
+  align-items: flex-start;
+  margin-top: 40px;
+  min-height: 85px;
+  overflow: hidden;
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledLink = exports.Logo = exports.AppPickerWrapper = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _Link = _interopRequireDefault(require("../../../core/Link"));
-var _react = require("@emotion/react");
-var _breakpoints = _interopRequireDefault(require("../../../globals/styles/breakpoints"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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 StyledLink = exports.StyledLink = /*#__PURE__*/(0, _base.default)(_Link.default, process.env.NODE_ENV === "production" ? {
-  target: "e12msqxg2"
-} : {
-  target: "e12msqxg2",
-  label: "StyledLink"
-})(process.env.NODE_ENV === "production" ? {
-  name: "7tfrcw",
-  styles: "min-height:40px;margin-top:0.5em"
-} : {
-  name: "7tfrcw",
-  styles: "min-height:40px;margin-top:0.5em",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const Logo = exports.Logo = /*#__PURE__*/(0, _base.default)("img", process.env.NODE_ENV === "production" ? {
-  target: "e12msqxg1"
-} : {
-  target: "e12msqxg1",
-  label: "Logo"
-})(props => /*#__PURE__*/(0, _react.css)("cursor:pointer;max-height:40px;max-width:", props.small ? '100%' : 'auto', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Logo;")));
-const AppPickerWrapper = exports.AppPickerWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e12msqxg0"
-} : {
-  target: "e12msqxg0",
-  label: "AppPickerWrapper"
-})("display:flex;justify-content:flex-start;align-items:flex-start;margin-top:40px;min-height:85px;overflow:hidden;@media screen and (max-height: ", _breakpoints.default.heightMedium, "){margin-top:2em;}@media screen and (max-height: ", _breakpoints.default.heightSmall, "){margin-top:1em;}@media screen and (max-width: ", _breakpoints.default.medium, "){padding:2em 2.5em;margin-top:0;align-items:center;justify-content:center;button{margin-bottom:0;}}&>a:nth-of-type(2){margin-left:0.5em;}");
+  @media screen and (max-height: ${bp.heightMedium}) {
+    margin-top: 2em;
+  }
+
+  @media screen and (max-height: ${bp.heightSmall}) {
+    margin-top: 1em;
+  }
+
+  @media screen and (max-width: ${bp.medium}) {
+    padding: 2em 2.5em;
+    margin-top: 0;
+    align-items: center;
+    justify-content: center;
+
+    button {
+      margin-bottom: 0;
+    }
+  }
+
+  & > a:nth-of-type(2) {
+    margin-left: 0.5em;
+  }
+`;

package/lib/layout/Menu/SecondaryMenu/index.d.ts

@@ -13,4 +13,3 @@ interface IProps {
 }
 declare const SecondaryMenu: React.FC<IProps>;
 export default SecondaryMenu;
-//# sourceMappingURL=index.d.ts.map