@bbl-digital/snorre 4.2.82 → 4.2.83

package/esm/layout/Menu/AppPicker/index.js

@@ -1,64 +0,0 @@
-"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 _useIsMobile = require("../../../hooks/useIsMobile");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const AppPicker = ({
-  selected,
-  small,
-  icon,
-  label,
-  lightTheme,
-  className = 'app-picker',
-  href
-}) => {
-  const theme = (0, _react2.useTheme)();
-  const isMobile = (0, _useIsMobile.useIsMobile)();
-  const fontSize = isMobile ? selected ? '14px' : '12px' : '11px';
-
-  // TODO: handle text color based on side menu
-
-  return selected || !small ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Wrapper, {
-    isLightTheme: lightTheme,
-    className: className,
-    nostyle: true,
-    small: small,
-    theme: theme,
-    selected: selected,
-    href: href,
-    selectedcolor: lightTheme ? theme.lightAppPickerActiveBackground : '#ffffff',
-    deselectedcolor: lightTheme ? theme.lightAppPickerBackground : 'rgba(255, 255, 255, 0.16)',
-    title: label,
-    trackingName: "Sidemenu",
-    trackingEvent: 'Menu click: ' + label,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.IconWrapper, {
-      className: selected ? 'selected' : '',
-      isLightTheme: lightTheme,
-      theme: theme,
-      small: small,
-      children: icon
-    }), !selected && !isMobile ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.AbsoluteText, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-        semibold: true,
-        color: !lightTheme && !selected ? 'white' : theme.lightAppPickerTextColor,
-        size: fontSize,
-        children: label
-      })
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-      semibold: true,
-      color: !lightTheme && !selected ? 'white' : !lightTheme && small ? theme.lightAppPickerActiveTextColor : small ? theme.lightMenuItemTextColor : 'black',
-      size: fontSize,
-      whiteSpace: small ? 'nowrap' : undefined,
-      children: label
-    })]
-  }) : null;
-};
-var _default = exports.default = AppPicker;

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

@@ -1,61 +0,0 @@
-"use strict";
-
-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';
-    }
-    if (props.selected) {
-      return isLightTheme ? props.theme.lightAppPickerActiveBackground : props.theme.defaultAppPickerActiveBackground;
-    }
-    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;
-    }
-    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__
-});

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

@@ -1,25 +0,0 @@
-"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
-    })
-  });
-};
-var _default = exports.default = MainMenu;

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

@@ -1,22 +0,0 @@
-"use strict";
-
-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;")));

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

@@ -1,47 +0,0 @@
-"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
-        })]
-      })
-    })
-  });
-};
-var _default = exports.default = MenuItem;

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

@@ -1,36 +0,0 @@
-"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;")));

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

@@ -1,18 +0,0 @@
-"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
-  });
-};
-var _default = exports.default = MenuSpacer;

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

@@ -1,15 +0,0 @@
-"use strict";
-
-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;}");

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

@@ -1,34 +0,0 @@
-"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
-    })]
-  });
-};
-var _default = exports.default = MenuTop;

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

@@ -1,37 +0,0 @@
-"use strict";
-
-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;}");

package/esm/layout/Menu/SecondaryMenu/index.js

@@ -1,47 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("@emotion/react");
-var _react2 = _interopRequireDefault(require("react"));
-var _ = require("../../..");
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const SecondaryMenu = ({
-  small,
-  lightTheme,
-  label,
-  onMenuToggle,
-  children
-}) => {
-  const theme = (0, _react.useTheme)();
-  const isMobile = (0, _.useIsMobile)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Wrapper, {
-    children: [!small && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ChildrenWrapper, {
-      children: children
-    }), (label || !isMobile) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.CollapseWrapper, {
-      open: !small,
-      lightTheme: lightTheme,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.IconWrapper, {
-        "aria-label": "Toggle meny",
-        open: !small,
-        lightTheme: lightTheme,
-        theme: theme,
-        onClick: () => onMenuToggle && onMenuToggle(small),
-        "data-tracking-name": "Sidemenu",
-        "data-tracking-event": 'Menu toggle: ' + (!small ? 'collapse' : 'expand'),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.IconChevronLeft, {
-          size: "9px",
-          color: lightTheme ? (0, _.getContrastColor)(theme.illustrationPrimary10, theme.btnDefault) : 'white'
-        })
-      }), !small && label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Text, {
-        size: "10px",
-        children: label
-      })]
-    })]
-  });
-};
-var _default = exports.default = SecondaryMenu;

package/esm/layout/Menu/SecondaryMenu/styles.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = exports.IconWrapper = exports.CollapseWrapper = exports.ChildrenWrapper = 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");
-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: "er8ezvm3"
-} : {
-  target: "er8ezvm3",
-  label: "Wrapper"
-})("display:grid;grid-row-gap:2em;@media screen and (max-height: ", _breakpoints.default.heightMedium, "){grid-row-gap:0;}");
-const ChildrenWrapper = exports.ChildrenWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "er8ezvm2"
-} : {
-  target: "er8ezvm2",
-  label: "ChildrenWrapper"
-})("display:flex;flex-direction:column;flex-wrap:wrap;align-items:flex-start;width:calc(100% - 40px);padding-left:40px;overflow:hidden;@media screen and (max-width: ", _breakpoints.default.medium, "){position:relative;bottom:unset;margin-top:2.5em;}");
-const CollapseWrapper = exports.CollapseWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "er8ezvm1"
-} : {
-  target: "er8ezvm1",
-  label: "CollapseWrapper"
-})(props => /*#__PURE__*/(0, _react.css)("display:flex;flex-direction:column;justify-content:center;padding-bottom:", props.open ? '1em' : 'calc(1em + 13px)', ";text-align:center;&>span{overflow:hidden;white-space:nowrap;color:", props.lightTheme ? '#7C899E' : 'white', ";opacity:", props.lightTheme ? 1 : 0.5, ";}@media screen and (max-width: ", _breakpoints.default.medium, "){position:relative;margin-top:2em;display:block;button{display:none;}}@media screen and (max-height: ", _breakpoints.default.heightMedium, "){padding-bottom:", props.open ? '0.25em' : 'calc(0.25em + 13px)', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:CollapseWrapper;")));
-const IconWrapper = exports.IconWrapper = /*#__PURE__*/(0, _base.default)("button", process.env.NODE_ENV === "production" ? {
-  target: "er8ezvm0"
-} : {
-  target: "er8ezvm0",
-  label: "IconWrapper"
-})(props => /*#__PURE__*/(0, _react.css)("display:flex;justify-content:center;align-items:center;margin:0 auto;height:24px;width:24px;border-radius:50%;border:none;cursor:pointer;outline:none;background:", props.lightTheme ? props.theme.illustrationPrimary10 : 'rgba(255, 255, 255, 0.16)', ";margin-bottom:1em;transition:transform 0.2s ease-in-out;transform:rotate(", props.open ? '0deg' : '180deg', ");&:hover,&:focus{background:", props.lightTheme ? props.theme.illustrationPrimary10 : 'rgba(255, 255, 255, 0.16)', ";}&:focus-visible{outline:", _styles.defaultOutline, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:IconWrapper;")));

package/esm/layout/Menu/SecondaryMenuItem/index.js

@@ -1,35 +0,0 @@
-"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 SecondaryMenuItem = ({
-  icon,
-  lightTheme,
-  label,
-  href,
-  target
-}) => {
-  const theme = (0, _react2.useTheme)();
-  const color = lightTheme ? theme.lightMenuExternalLinkColor : theme.defaultMenuExternalLinkColor;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Wrapper, {
-    href: href,
-    color: color,
-    trackingEvent: 'Menu click: ' + label,
-    trackingName: "Sidemenu",
-    target: target,
-    children: [icon, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-      color: color,
-      size: "15px",
-      children: label
-    })]
-  });
-};
-var _default = exports.default = SecondaryMenuItem;

package/esm/layout/Menu/SecondaryMenuItem/styles.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _Link = _interopRequireDefault(require("../../../core/Link"));
-var _react = require("@emotion/react");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base.default)(_Link.default, process.env.NODE_ENV === "production" ? {
-  target: "e1s7qlfe0"
-} : {
-  target: "e1s7qlfe0",
-  label: "Wrapper"
-})(props => /*#__PURE__*/(0, _react.css)("width:auto;border-bottom:1px solid ", props.color, ";border-radius:0;padding-bottom:0.25em;margin-bottom:1em;overflow:hidden;white-space:nowrap;&>span{display:flex;align-items:center;width:100%;text-align:left;line-height:24px;font-weight:normal;& svg{margin-right:10px;}}text-decoration:none;&:focus-visible{text-decoration:underline;}&:hover{border-bottom:1px solid ", props.color, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;")));