@bbl-digital/snorre 4.2.82 → 4.2.83

package/esm/core/NoticeCard/privateComponents/NoticeAttachmentBlock/styles.js

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = exports.IconBackground = exports.FileWrapperButton = exports.FileInfoWrapper = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/react");
-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)("div", process.env.NODE_ENV === "production" ? {
-  target: "egqh0xs3"
-} : {
-  target: "egqh0xs3",
-  label: "Wrapper"
-})(props => /*#__PURE__*/(0, _react.css)("&>button,&>button>span{width:100%;}&>button:active>span>div{border:1px solid #ccc;}button{cursor:", props.clickable ? 'pointer' : 'initial', ";&:focus{text-decoration:", props.clickable ? 'underline' : 'none', ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;")));
-const FileWrapperButton = exports.FileWrapperButton = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "egqh0xs2"
-} : {
-  target: "egqh0xs2",
-  label: "FileWrapperButton"
-})(props => /*#__PURE__*/(0, _react.css)("display:grid;grid-template-columns:40px 1fr;grid-column-gap:1em;border:1px solid #ccc;border-radius:", props.borderRadius, ";padding:1.4em;background-color:transparent;font-weight:normal;span{text-align:left;}&:hover{cursor:", props.clickable ? 'pointer' : 'initial', ";}&:active{border:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:FileWrapperButton;")));
-const FileInfoWrapper = exports.FileInfoWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "egqh0xs1"
-} : {
-  target: "egqh0xs1",
-  label: "FileInfoWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "12uxgl2",
-  styles: "display:grid;grid-template-columns:1fr;grid-row-gap:0.1em;span{white-space:pre-wrap;}"
-} : {
-  name: "12uxgl2",
-  styles: "display:grid;grid-template-columns:1fr;grid-row-gap:0.1em;span{white-space:pre-wrap;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const IconBackground = exports.IconBackground = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "egqh0xs0"
-} : {
-  target: "egqh0xs0",
-  label: "IconBackground"
-})(props => `
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 40px;
-    height: 40px;
-    border-radius: 40px;
-    background-color: ${props.background};
-
-    span {
-      font-weight: bold;
-    }
-  `);

package/esm/core/NoticeCard/privateComponents/NoticeAttachmentList/index.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _NoticeAttachmentBlock = _interopRequireDefault(require("../NoticeAttachmentBlock"));
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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 NoticeAttachmentList = ({
-  attachments,
-  onDownload
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
-    children: attachments && attachments.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ListWrapper, {
-      children: attachments.map((file, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_NoticeAttachmentBlock.default, {
-        type: file.mimetype,
-        name: file.filename,
-        description: "Trykk her for \xE5 laste ned",
-        onDownload: onDownload ? () => onDownload(file) : undefined
-      }, index))
-    })
-  });
-};
-var _default = exports.default = NoticeAttachmentList;

package/esm/core/NoticeCard/privateComponents/NoticeAttachmentList/styles.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ListWrapper = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-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 ListWrapper = exports.ListWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1mnd1pc0"
-} : {
-  target: "e1mnd1pc0",
-  label: "ListWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1xrjta7",
-  styles: "display:grid;grid-template-columns:1fr;grid-row-gap:1em"
-} : {
-  name: "1xrjta7",
-  styles: "display:grid;grid-template-columns:1fr;grid-row-gap:1em",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});

package/esm/core/NoticeCard/privateComponents/NoticeMetaInfo/index.js

@@ -1,46 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = require("../../../..");
-var _dates = require("../../../../utils/dates");
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const NoticeMetaInfo = ({
-  created,
-  updated,
-  hasAttachment,
-  hasEvent
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.NoticeMetaWrapper, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Group, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.IconHistory, {
-        primary: true
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Text, {
-        semibold: true,
-        size: "14px",
-        primary: true,
-        children: [created && (0, _.getFormattedDate)(created, _dates.ddmmyyyy), updated && updated !== created && ` (Oppdatert: ${(0, _.getFormattedDate)(updated, _dates.ddmmyyyy)})`]
-      })]
-    }), (hasAttachment || hasEvent) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Group, {
-      children: [hasAttachment && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Div, {
-        title: "Oppslaget inneholder vedlegg",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.IconFile, {
-          primary: true,
-          size: "16px"
-        })
-      }), hasEvent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Div, {
-        title: "Oppslaget har et arrangement",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.IconCalendar, {
-          primary: true,
-          size: "18px"
-        })
-      })]
-    })]
-  });
-};
-var _default = exports.default = NoticeMetaInfo;

package/esm/core/NoticeCard/privateComponents/NoticeMetaInfo/styles.js

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NoticeMetaWrapper = exports.Group = exports.Div = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-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 NoticeMetaWrapper = exports.NoticeMetaWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "evjeu6p2"
-} : {
-  target: "evjeu6p2",
-  label: "NoticeMetaWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "zjik7",
-  styles: "display:flex"
-} : {
-  name: "zjik7",
-  styles: "display:flex",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const Group = exports.Group = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "evjeu6p1"
-} : {
-  target: "evjeu6p1",
-  label: "Group"
-})(process.env.NODE_ENV === "production" ? {
-  name: "7bcib0",
-  styles: "display:grid;grid-template-columns:22px 1fr;grid-column-gap:0.5em;align-items:center;margin-right:1em"
-} : {
-  name: "7bcib0",
-  styles: "display:grid;grid-template-columns:22px 1fr;grid-column-gap:0.5em;align-items:center;margin-right:1em",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const Div = exports.Div = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "evjeu6p0"
-} : {
-  target: "evjeu6p0",
-  label: "Div"
-})();

package/esm/core/NoticeCard/styles.js

@@ -1,49 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = exports.ImageWrapper = exports.Div = exports.ContentWrapper = 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 Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "eq76ntf3"
-} : {
-  target: "eq76ntf3",
-  label: "Wrapper"
-})(props => /*#__PURE__*/(0, _react.css)("display:grid;grid-template-columns:", props.hasImage ? '200px 1fr' : '1fr', ";grid-column-gap:2em;grid-row-gap:1em;align-items:start;@media screen and (max-width: ", _breakpoints.default.medium, "){grid-template-columns:1fr;}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;")));
-const ImageWrapper = exports.ImageWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "eq76ntf2"
-} : {
-  target: "eq76ntf2",
-  label: "ImageWrapper"
-})("overflow:hidden;max-width:100%;display:flex;align-items:baseline;img{width:100%;max-height:100%;border-radius:16px;@media screen and (max-width: ", _breakpoints.default.medium, "){max-height:175px;width:unset;max-width:100%;min-width:150px;}}");
-const ContentWrapper = exports.ContentWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "eq76ntf1"
-} : {
-  target: "eq76ntf1",
-  label: "ContentWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1uo1im9",
-  styles: "display:grid;grid-template-columns:1fr;grid-row-gap:1.5em"
-} : {
-  name: "1uo1im9",
-  styles: "display:grid;grid-template-columns:1fr;grid-row-gap:1.5em",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const Div = exports.Div = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "eq76ntf0"
-} : {
-  target: "eq76ntf0",
-  label: "Div"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1mf0dqx",
-  styles: "p{margin:0;}h1,h2,h3,h4,h5{margin-top:0;margin-bottom:0;}button{align-self:start;}&>span{display:inline-block;margin-bottom:1em;}"
-} : {
-  name: "1mf0dqx",
-  styles: "p{margin:0;}h1,h2,h3,h4,h5{margin-top:0;margin-bottom:0;}button{align-self:start;}&>span{display:inline-block;margin-bottom:1em;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});

package/esm/core/NoticeCard/utils.js

@@ -1,36 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getNoticeMeetingDescription = exports.getFileIcon = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = require("../..");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const getNoticeMeetingDescription = (eventStart, eventEnd) => {
-  return `${(0, _.getFormattedDateTimePretty)(eventStart)} - ${(0, _.getFormattedDateTimePretty)(eventEnd)}`;
-};
-exports.getNoticeMeetingDescription = getNoticeMeetingDescription;
-const getFileIcon = type => {
-  switch (type) {
-    case 'cal':
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.IconCalendar, {
-        primary: true
-      });
-    case 'application/pdf':
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.IconFilePDF, {
-        primary: true
-      });
-    case 'application/docx':
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.IconFileWord, {
-        primary: true
-      });
-    case 'default':
-    default:
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.IconFile, {
-        primary: true
-      });
-  }
-};
-exports.getFileIcon = getFileIcon;

package/esm/core/NotificationCounter/NotificationCounter.stories.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Persist = exports.Default = void 0;
-var _ = _interopRequireDefault(require("."));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Core/NotificationCounter',
-  component: _.default
-};
-const Default = exports.Default = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    amount: 80
-  }),
-  name: 'Default'
-};
-const Persist = exports.Persist = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    amount: 0,
-    persist: true
-  }),
-  name: 'Persist'
-};

package/esm/core/NotificationCounter/index.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styles = require("./styles");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-
-const NotificationCounter = ({
-  amount,
-  persist,
-  title
-}) => {
-  const amountDigits = amount?.toString()?.length;
-  const notificationText = amount && amount > 999 ? '999+' : amount?.toString() || '0';
-  const screenReaderText = amount && amount > 999 ? 'more than 999 notifications' : `${amount || 0} notifications`;
-  return Boolean(amount || persist) ? (0, _jsxRuntime.jsx)("span", {
-    css: theme => [_styles.styles.default(theme, amountDigits)],
-    title: title,
-    "aria-label": screenReaderText,
-    role: "status",
-    children: notificationText
-  }) : null;
-};
-var _default = exports.default = NotificationCounter;

package/esm/core/NotificationCounter/styles.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = void 0;
-var _react = require("@emotion/react");
-const getFontSize = digits => {
-  switch (digits) {
-    case 3:
-      return '12px';
-    case 4:
-      return '10px';
-    default:
-      return '14px';
-  }
-};
-const styles = exports.styles = {
-  default: (theme, amountDigits) => /*#__PURE__*/(0, _react.css)("display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:", theme.alert, ";overflow:hidden;color:white;font-size:", getFontSize(amountDigits), ";line-height:23px;width:23px;height:23px;" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"))
-};

package/esm/core/NotificationsMenu/NotificationRow/index.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Text = _interopRequireDefault(require("../../Text"));
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const NotificationRow = ({
-  title,
-  description,
-  icon,
-  hideBorderBottom,
-  extraInfo,
-  onClick
-}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledButton, {
-  nostyle: true,
-  onClick: onClick,
-  trackingName: "Felles",
-  trackingEvent: "Klikk varselelement",
-  "aria-label": `Varsel om {title}`,
-  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Wrapper, {
-    hideBorderBottom: hideBorderBottom,
-    children: [icon, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.TextContent, {
-      children: [extraInfo && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-        subtle: true,
-        small: true,
-        children: extraInfo
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Text.default, {
-        small: true,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-          small: true,
-          semibold: true,
-          children: title
-        }), ' ' + description]
-      })]
-    })]
-  })
-});
-var _default = exports.default = NotificationRow;

package/esm/core/NotificationsMenu/NotificationRow/styles.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = exports.TextContent = exports.StyledButton = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/react");
-var _Button = _interopRequireDefault(require("../../Button"));
-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)("div", process.env.NODE_ENV === "production" ? {
-  target: "exqwsp82"
-} : {
-  target: "exqwsp82",
-  label: "Wrapper"
-})(props => /*#__PURE__*/(0, _react.css)("display:flex;gap:0.5rem;justify-content:start;padding:1rem 0;border-bottom:", props.hideBorderBottom ? 'none' : '1px solid #d8e4f9', ";svg{margin-top:3px;min-width:14px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;")));
-const TextContent = exports.TextContent = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
-  target: "exqwsp81"
-} : {
-  target: "exqwsp81",
-  label: "TextContent"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1vmat21",
-  styles: "display:flex;flex-direction:column;text-align:left;&>span{line-height:1.5em;text-align:left;font-weight:normal;text-transform:none;&>span{font-weight:600;text-transform:none;}}"
-} : {
-  name: "1vmat21",
-  styles: "display:flex;flex-direction:column;text-align:left;&>span{line-height:1.5em;text-align:left;font-weight:normal;text-transform:none;&>span{font-weight:600;text-transform:none;}}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledButton = exports.StyledButton = /*#__PURE__*/(0, _base.default)(_Button.default, process.env.NODE_ENV === "production" ? {
-  target: "exqwsp80"
-} : {
-  target: "exqwsp80",
-  label: "StyledButton"
-})(process.env.NODE_ENV === "production" ? {
-  name: "13nmmot",
-  styles: "width:100%;&>span{width:100%;}"
-} : {
-  name: "13nmmot",
-  styles: "width:100%;&>span{width:100%;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});

package/esm/core/NotificationsMenu/NotificationsMenu.stories.js

@@ -1,62 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.UnreadNotification = exports.Default = void 0;
-var _ = _interopRequireDefault(require("."));
-var _NotificationRow = _interopRequireDefault(require("./NotificationRow"));
-var _IconAttachment = _interopRequireDefault(require("../../icons/General/IconAttachment"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const meta = {
-  title: 'Core/NotificationsMenu',
-  component: _.default
-};
-var _default = exports.default = meta;
-const Default = exports.Default = {
-  name: 'Default',
-  args: {
-    unreadCount: 0,
-    onBellClick: () => console.log('bell click'),
-    children: 'Her kan man legge hva man vil',
-    animationActive: false
-  }
-};
-const UnreadNotification = exports.UnreadNotification = {
-  name: 'Unread notification',
-  args: {
-    unreadCount: 5,
-    animationActive: true,
-    onBellClick: () => console.log('bell click'),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_NotificationRow.default, {
-        title: "Dette er en test",
-        description: "beskrivelse kommer her",
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconAttachment.default, {
-          size: "14px",
-          primary: true
-        }),
-        onClick: () => console.log('hi')
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_NotificationRow.default, {
-        title: "Oppslagets tittel",
-        description: "- Det er nye kommentarer p\xE5 oppslaget",
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconAttachment.default, {
-          size: "14px",
-          primary: true
-        }),
-        extraInfo: "Andeby borettslag",
-        onClick: () => console.log('hi')
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_NotificationRow.default, {
-        title: "Dette er en test",
-        description: "beskrivelse kommer her",
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconAttachment.default, {
-          size: "14px",
-          primary: true
-        }),
-        hideBorderBottom: true,
-        onClick: () => console.log('hi')
-      })]
-    })
-  }
-};

package/esm/core/NotificationsMenu/index.js

@@ -1,97 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _styles = require("./styles");
-var _Button = _interopRequireDefault(require("../Button"));
-var _IconBellOutline = _interopRequireDefault(require("../../icons/General/IconBellOutline"));
-var _IconBellFilled = _interopRequireDefault(require("../../icons/General/IconBellFilled"));
-var _Text = _interopRequireDefault(require("../Text"));
-var _react2 = require("motion/react");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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 NotificationsMenu = ({
-  unreadCount,
-  triggerClose,
-  radius,
-  children,
-  animationActive = false,
-  onBellClick
-}) => {
-  const ref = /*#__PURE__*/(0, _react.createRef)();
-  const [open, setOpen] = (0, _react.useState)(false);
-  const hasUnread = Boolean(unreadCount);
-  const maxUnreadCount = 99;
-  (0, _react.useEffect)(() => {
-    const handleClickOutside = e => {
-      const node = ref.current;
-      if (node && node.contains(e.target)) {
-        return;
-      }
-      setTimeout(() => {
-        setOpen(false);
-      }, 100);
-    };
-    if (open) {
-      document.addEventListener('mousedown', handleClickOutside);
-    } else {
-      document.removeEventListener('mousedown', handleClickOutside);
-    }
-    return () => {
-      document.removeEventListener('mousedown', handleClickOutside);
-    };
-  }, [open, ref]);
-  (0, _react.useEffect)(() => {
-    if (triggerClose) setOpen(false);
-  }, [triggerClose]);
-  const onClick = () => {
-    setOpen(!open);
-    onBellClick && onBellClick();
-  };
-  const variant = {
-    initial: {
-      rotate: [0, 10, 0],
-      transition: {
-        duration: 0.2,
-        repeat: Infinity
-      }
-    },
-    none: {}
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.NotificationsWrapper, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.motion.div, {
-      animate: animationActive ? 'initial' : 'none',
-      variants: variant,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
-        nostyle: true,
-        onClick: onClick,
-        focusable: true,
-        "aria-expanded": open,
-        "aria-label": hasUnread ? 'Uleste notifikasjoner' : 'Ingen uleste notifikasjoner',
-        trackingName: "Felles",
-        trackingEvent: "Toggle varselmeny",
-        children: [hasUnread ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconBellOutline.default, {
-          secondary: true
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconBellFilled.default, {}), hasUnread && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.UnreadMark, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-            size: "12px",
-            color: "white",
-            children: unreadCount <= maxUnreadCount ? unreadCount : maxUnreadCount
-          })
-        })]
-      })
-    }), open && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      ref: ref,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.NotificationsContent, {
-        $radius: radius,
-        children: children
-      })
-    })]
-  });
-};
-var _default = exports.default = NotificationsMenu;

package/esm/core/NotificationsMenu/styles.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.UnreadMark = exports.NotificationsWrapper = exports.NotificationsContent = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-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 NotificationsWrapper = exports.NotificationsWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "ebh5fga2"
-} : {
-  target: "ebh5fga2",
-  label: "NotificationsWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1ivkyd7",
-  styles: "position:relative;display:flex;flex-direction:row;&>svg{margin-left:0.5em;}"
-} : {
-  name: "1ivkyd7",
-  styles: "position:relative;display:flex;flex-direction:row;&>svg{margin-left:0.5em;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const NotificationsContent = exports.NotificationsContent = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "ebh5fga1"
-} : {
-  target: "ebh5fga1",
-  label: "NotificationsContent"
-})("position:absolute;background-color:white;right:0;top:30px;box-sizing:border-box;width:300px;border:1px solid #cfd9ea;background-color:#ffffff;box-shadow:0 10px 15px 0 rgba(0, 0, 0, 0.1);border-radius:", ({
-  $radius
-}) => $radius || '10px', ";overflow:hidden;padding:0.5em 1em;@media screen and (max-width: 500px){position:fixed!important;top:50px!important;right:auto;left:50%;transform:translateX(-50%);max-width:90vw;}");
-const UnreadMark = exports.UnreadMark = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "ebh5fga0"
-} : {
-  target: "ebh5fga0",
-  label: "UnreadMark"
-})("position:absolute;display:flex;align-items:center;justify-content:center;top:-6px;left:10px;background:", ({
-  theme
-}) => theme.alert, ";height:18px;width:18px;border-radius:10px;");