@bbl-digital/snorre 4.1.0-beta.2 → 4.1.0

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

@@ -1,35 +1,23 @@
 import React from 'react';
-import { IconUser, IconHistory, getFormattedDate, IconFile, IconCalendar, Text } from '../../../..';
+import { IconHistory, getFormattedDate, IconFile, IconCalendar, Text } from '../../../..';
 import { ddmmyyyy } from '../../../../utils/dates';
 import { NoticeMetaWrapper, Group, Div } from './styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const NoticeMetaInfo = ({
-  name,
   created,
   updated,
   hasAttachment,
-  hasEvent,
-  updatedBy
+  hasEvent
 }) => {
   return /*#__PURE__*/_jsxs(NoticeMetaWrapper, {
     children: [/*#__PURE__*/_jsxs(Group, {
-      children: [/*#__PURE__*/_jsx(IconUser, {
-        primary: true
-      }), /*#__PURE__*/_jsx(Text, {
-        semibold: true,
-        size: "14px",
-        primary: true,
-        children: name
-      })]
-    }), /*#__PURE__*/_jsxs(Group, {
       children: [/*#__PURE__*/_jsx(IconHistory, {
         primary: true
       }), /*#__PURE__*/_jsxs(Text, {
         semibold: true,
         size: "14px",
         primary: true,
-        children: [created && getFormattedDate(created, ddmmyyyy), updated && updated !== created && ` (Oppdatert: ${getFormattedDate(updated, ddmmyyyy)}${updatedBy ? ` av ${updatedBy})` : ')'} `]
+        children: [created && getFormattedDate(created, ddmmyyyy), updated && updated !== created && ` (Oppdatert: ${getFormattedDate(updated, ddmmyyyy)})`]
       })]
     }), (hasAttachment || hasEvent) && /*#__PURE__*/_jsxs(Group, {
       children: [hasAttachment && /*#__PURE__*/_jsx(Div, {

package/esm/core/NotificationCounter/styles.js

@@ -10,5 +10,5 @@ const getFontSize = digits => {
   }
 };
 export const styles = {
-  default: (theme, amountDigits) => /*#__PURE__*/css("display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:", theme.primary5darker, ";overflow:hidden;color:white;font-size:", getFontSize(amountDigits), ";line-height:23px;width:23px;height:23px;" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbkNvdW50ZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWUyRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Ob3RpZmljYXRpb25Db3VudGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBnZXRGb250U2l6ZSA9IChkaWdpdHM/OiBudW1iZXIpID0+IHtcbiAgc3dpdGNoIChkaWdpdHMpIHtcbiAgICBjYXNlIDM6XG4gICAgICByZXR1cm4gJzEycHgnXG4gICAgY2FzZSA0OlxuICAgICAgcmV0dXJuICcxMHB4J1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJzE0cHgnXG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUsIGFtb3VudERpZ2l0cz86IG51bWJlcikgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5NWRhcmtlcn07XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBjb2xvcjogd2hpdGU7XG4gICAgZm9udC1zaXplOiAke2dldEZvbnRTaXplKGFtb3VudERpZ2l0cyl9O1xuICAgIGxpbmUtaGVpZ2h0OiAyM3B4O1xuICAgIHdpZHRoOiAyM3B4O1xuICAgIGhlaWdodDogMjNweDtcbiAgYCxcbn1cbiJdfQ== */")
+  default: (theme, amountDigits) => /*#__PURE__*/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;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbkNvdW50ZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWUyRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Ob3RpZmljYXRpb25Db3VudGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBnZXRGb250U2l6ZSA9IChkaWdpdHM/OiBudW1iZXIpID0+IHtcbiAgc3dpdGNoIChkaWdpdHMpIHtcbiAgICBjYXNlIDM6XG4gICAgICByZXR1cm4gJzEycHgnXG4gICAgY2FzZSA0OlxuICAgICAgcmV0dXJuICcxMHB4J1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJzE0cHgnXG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUsIGFtb3VudERpZ2l0cz86IG51bWJlcikgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5hbGVydH07XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBjb2xvcjogd2hpdGU7XG4gICAgZm9udC1zaXplOiAke2dldEZvbnRTaXplKGFtb3VudERpZ2l0cyl9O1xuICAgIGxpbmUtaGVpZ2h0OiAyM3B4O1xuICAgIHdpZHRoOiAyM3B4O1xuICAgIGhlaWdodDogMjNweDtcbiAgYCxcbn1cbiJdfQ== */")
 };

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

@@ -1,8 +1,7 @@
 import React from 'react';
 import Text from '../../Text';
 import { StyledButton, TextContent, Wrapper } from './styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const NotificationRow = ({
   title,
   description,
@@ -15,6 +14,7 @@ const NotificationRow = ({
   onClick: onClick,
   trackingName: "Felles",
   trackingEvent: "Klikk varselelement",
+  "aria-label": `Varsel om {title}`,
   children: /*#__PURE__*/_jsxs(Wrapper, {
     hideBorderBottom: hideBorderBottom,
     children: [icon, /*#__PURE__*/_jsxs(TextContent, {

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

@@ -1,9 +1,7 @@
 import NotificationsMenu from '.';
 import NotificationRow from './NotificationRow';
 import IconAttachment from '../../icons/General/IconAttachment';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const meta = {
   title: 'Core/NotificationsMenu',
   component: NotificationsMenu
@@ -14,13 +12,15 @@ export const Default = {
   args: {
     unreadCount: 0,
     onBellClick: () => console.log('bell click'),
-    children: 'Her kan man legge hva man vil'
+    children: 'Her kan man legge hva man vil',
+    animationActive: false
   }
 };
 export const UnreadNotification = {
   name: 'Unread notification',
   args: {
     unreadCount: 5,
+    animationActive: true,
     onBellClick: () => console.log('bell click'),
     children: /*#__PURE__*/_jsxs(_Fragment, {
       children: [/*#__PURE__*/_jsx(NotificationRow, {

package/esm/core/NotificationsMenu/index.js

@@ -4,13 +4,14 @@ import Button from '../Button';
 import IconBellOutline from '../../icons/General/IconBellOutline';
 import IconBellFilled from '../../icons/General/IconBellFilled';
 import Text from '../Text';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from 'framer-motion';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const NotificationsMenu = ({
   unreadCount,
   triggerClose,
   radius,
   children,
+  animationActive = false,
   onBellClick
 }) => {
   const ref = /*#__PURE__*/createRef();
@@ -43,22 +44,38 @@ const NotificationsMenu = ({
     setOpen(!open);
     onBellClick && onBellClick();
   };
+  const variant = {
+    initial: {
+      rotate: [0, 10, 0],
+      transition: {
+        duration: 0.2,
+        repeat: Infinity
+      }
+    },
+    none: {}
+  };
   return /*#__PURE__*/_jsxs(NotificationsWrapper, {
-    children: [/*#__PURE__*/_jsxs(Button, {
-      nostyle: true,
-      onClick: onClick,
-      focusable: true,
-      trackingName: "Felles",
-      trackingEvent: "Toggle varselmeny",
-      children: [hasUnread ? /*#__PURE__*/_jsx(IconBellOutline, {
-        secondary: true
-      }) : /*#__PURE__*/_jsx(IconBellFilled, {}), hasUnread && /*#__PURE__*/_jsx(UnreadMark, {
-        children: /*#__PURE__*/_jsx(Text, {
-          size: "12px",
-          color: "white",
-          children: unreadCount <= maxUnreadCount ? unreadCount : maxUnreadCount
-        })
-      })]
+    children: [/*#__PURE__*/_jsx(motion.div, {
+      animate: animationActive ? 'initial' : 'none',
+      variants: variant,
+      children: /*#__PURE__*/_jsxs(Button, {
+        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__*/_jsx(IconBellOutline, {
+          secondary: true
+        }) : /*#__PURE__*/_jsx(IconBellFilled, {}), hasUnread && /*#__PURE__*/_jsx(UnreadMark, {
+          children: /*#__PURE__*/_jsx(Text, {
+            size: "12px",
+            color: "white",
+            children: unreadCount <= maxUnreadCount ? unreadCount : maxUnreadCount
+          })
+        })]
+      })
     }), open && /*#__PURE__*/_jsx("span", {
       ref: ref,
       children: /*#__PURE__*/_jsx(NotificationsContent, {

package/esm/core/NotificationsMenu/styles.js

@@ -11,7 +11,7 @@ export const NotificationsWrapper = /*#__PURE__*/_styled("div", process.env.NODE
 } : {
   name: "1ivkyd7",
   styles: "position:relative;display:flex;flex-direction:row;&>svg{margin-left:0.5em;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFOEMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWZpY2F0aW9uc01lbnUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBOb3RpZmljYXRpb25zV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuXG4gICYgPiBzdmcge1xuICAgIG1hcmdpbi1sZWZ0OiAwLjVlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTm90aWZpY2F0aW9uc0NvbnRlbnQgPSBzdHlsZWQuZGl2PHsgJHJhZGl1cz86IHN0cmluZyB9PmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMzBweDtcblxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMzAwcHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjZmQ5ZWE7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgYm94LXNoYWRvdzogMCAxMHB4IDE1cHggMCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgJHJhZGl1cyB9KSA9PiAkcmFkaXVzIHx8ICcxMHB4J307XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHBhZGRpbmc6IDAuNWVtIDFlbTtcbmBcblxuZXhwb3J0IGNvbnN0IFVucmVhZE1hcmsgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB0b3A6IC02cHg7XG4gIGxlZnQ6IDEwcHg7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucHJpbWFyeTVkYXJrZXJ9O1xuICBoZWlnaHQ6IDE4cHg7XG4gIHdpZHRoOiAxOHB4O1xuICBib3JkZXItcmFkaXVzOiAxMHB4O1xuYFxuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFOEMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWZpY2F0aW9uc01lbnUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBOb3RpZmljYXRpb25zV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuXG4gICYgPiBzdmcge1xuICAgIG1hcmdpbi1sZWZ0OiAwLjVlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTm90aWZpY2F0aW9uc0NvbnRlbnQgPSBzdHlsZWQuZGl2PHsgJHJhZGl1cz86IHN0cmluZyB9PmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMzBweDtcblxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMzAwcHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjZmQ5ZWE7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgYm94LXNoYWRvdzogMCAxMHB4IDE1cHggMCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgJHJhZGl1cyB9KSA9PiAkcmFkaXVzIHx8ICcxMHB4J307XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHBhZGRpbmc6IDAuNWVtIDFlbTtcbmBcblxuZXhwb3J0IGNvbnN0IFVucmVhZE1hcmsgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB0b3A6IC02cHg7XG4gIGxlZnQ6IDEwcHg7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYWxlcnR9O1xuICBoZWlnaHQ6IDE4cHg7XG4gIHdpZHRoOiAxOHB4O1xuICBib3JkZXItcmFkaXVzOiAxMHB4O1xuYFxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export const NotificationsContent = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
@@ -21,7 +21,7 @@ export const NotificationsContent = /*#__PURE__*/_styled("div", process.env.NODE
   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;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhb0UiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWZpY2F0aW9uc01lbnUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBOb3RpZmljYXRpb25zV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuXG4gICYgPiBzdmcge1xuICAgIG1hcmdpbi1sZWZ0OiAwLjVlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTm90aWZpY2F0aW9uc0NvbnRlbnQgPSBzdHlsZWQuZGl2PHsgJHJhZGl1cz86IHN0cmluZyB9PmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMzBweDtcblxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMzAwcHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjZmQ5ZWE7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgYm94LXNoYWRvdzogMCAxMHB4IDE1cHggMCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgJHJhZGl1cyB9KSA9PiAkcmFkaXVzIHx8ICcxMHB4J307XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHBhZGRpbmc6IDAuNWVtIDFlbTtcbmBcblxuZXhwb3J0IGNvbnN0IFVucmVhZE1hcmsgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB0b3A6IC02cHg7XG4gIGxlZnQ6IDEwcHg7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucHJpbWFyeTVkYXJrZXJ9O1xuICBoZWlnaHQ6IDE4cHg7XG4gIHdpZHRoOiAxOHB4O1xuICBib3JkZXItcmFkaXVzOiAxMHB4O1xuYFxuIl19 */"));
+}) => $radius || '10px', ";overflow:hidden;padding:0.5em 1em;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhb0UiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWZpY2F0aW9uc01lbnUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBOb3RpZmljYXRpb25zV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuXG4gICYgPiBzdmcge1xuICAgIG1hcmdpbi1sZWZ0OiAwLjVlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTm90aWZpY2F0aW9uc0NvbnRlbnQgPSBzdHlsZWQuZGl2PHsgJHJhZGl1cz86IHN0cmluZyB9PmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMzBweDtcblxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMzAwcHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjZmQ5ZWE7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgYm94LXNoYWRvdzogMCAxMHB4IDE1cHggMCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgJHJhZGl1cyB9KSA9PiAkcmFkaXVzIHx8ICcxMHB4J307XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHBhZGRpbmc6IDAuNWVtIDFlbTtcbmBcblxuZXhwb3J0IGNvbnN0IFVucmVhZE1hcmsgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB0b3A6IC02cHg7XG4gIGxlZnQ6IDEwcHg7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYWxlcnR9O1xuICBoZWlnaHQ6IDE4cHg7XG4gIHdpZHRoOiAxOHB4O1xuICBib3JkZXItcmFkaXVzOiAxMHB4O1xuYFxuIl19 */"));
 export const UnreadMark = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "ebh5fga0"
 } : {
@@ -29,4 +29,4 @@ export const UnreadMark = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "
   label: "UnreadMark"
 })("position:absolute;display:flex;align-items:center;justify-content:center;top:-6px;left:10px;background:", ({
   theme
-}) => theme.primary5darker, ";height:18px;width:18px;border-radius:10px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Qm9DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgY29uc3QgTm90aWZpY2F0aW9uc1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcblxuICAmID4gc3ZnIHtcbiAgICBtYXJnaW4tbGVmdDogMC41ZW07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IE5vdGlmaWNhdGlvbnNDb250ZW50ID0gc3R5bGVkLmRpdjx7ICRyYWRpdXM/OiBzdHJpbmcgfT5gXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDMwcHg7XG5cbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDMwMHB4O1xuICBib3JkZXI6IDFweCBzb2xpZCAjY2ZkOWVhO1xuXG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gIGJveC1zaGFkb3c6IDAgMTBweCAxNXB4IDAgcmdiYSgwLCAwLCAwLCAwLjEpO1xuICBib3JkZXItcmFkaXVzOiAkeyh7ICRyYWRpdXMgfSkgPT4gJHJhZGl1cyB8fCAnMTBweCd9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBwYWRkaW5nOiAwLjVlbSAxZW07XG5gXG5cbmV4cG9ydCBjb25zdCBVbnJlYWRNYXJrID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgdG9wOiAtNnB4O1xuICBsZWZ0OiAxMHB4O1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnByaW1hcnk1ZGFya2VyfTtcbiAgaGVpZ2h0OiAxOHB4O1xuICB3aWR0aDogMThweDtcbiAgYm9yZGVyLXJhZGl1czogMTBweDtcbmBcbiJdfQ== */"));
+}) => theme.alert, ";height:18px;width:18px;border-radius:10px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Qm9DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgY29uc3QgTm90aWZpY2F0aW9uc1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcblxuICAmID4gc3ZnIHtcbiAgICBtYXJnaW4tbGVmdDogMC41ZW07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IE5vdGlmaWNhdGlvbnNDb250ZW50ID0gc3R5bGVkLmRpdjx7ICRyYWRpdXM/OiBzdHJpbmcgfT5gXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDMwcHg7XG5cbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDMwMHB4O1xuICBib3JkZXI6IDFweCBzb2xpZCAjY2ZkOWVhO1xuXG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gIGJveC1zaGFkb3c6IDAgMTBweCAxNXB4IDAgcmdiYSgwLCAwLCAwLCAwLjEpO1xuICBib3JkZXItcmFkaXVzOiAkeyh7ICRyYWRpdXMgfSkgPT4gJHJhZGl1cyB8fCAnMTBweCd9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBwYWRkaW5nOiAwLjVlbSAxZW07XG5gXG5cbmV4cG9ydCBjb25zdCBVbnJlYWRNYXJrID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgdG9wOiAtNnB4O1xuICBsZWZ0OiAxMHB4O1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmFsZXJ0fTtcbiAgaGVpZ2h0OiAxOHB4O1xuICB3aWR0aDogMThweDtcbiAgYm9yZGVyLXJhZGl1czogMTBweDtcbmBcbiJdfQ== */"));

package/esm/core/PieChart/ActiveShape/index.js

@@ -2,8 +2,7 @@ import React from 'react';
 import { Sector } from 'recharts';
 
 /** Renders outer line on the pie chart */
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ActiveShape = props => {
   const {
     cx,

package/esm/core/PieChart/index.js

@@ -4,8 +4,7 @@ import { alpha } from '../../utils/alpha';
 import ActiveShape from './ActiveShape';
 import renderTextContent from './renderTextContent';
 import { PieChartWrapper } from './styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const PieChart = ({
   width,
   height,
@@ -15,6 +14,8 @@ const PieChart = ({
   active,
   opacity,
   onActiveChange,
+  customMiddleText,
+  customMiddleValue,
   ...rest
 }) => {
   const [activeIndex, setActiveIndex] = useState();
@@ -37,6 +38,7 @@ const PieChart = ({
 
   /** Avoids re-renders by memoizing parameters */
   const calculateTitle = useMemo(() => {
+    if (customMiddleText) return customMiddleText;
     const activeItemTitle = activeIndex !== undefined ? data[activeIndex].title : defaultSubtitle;
     return subtitlePrefix ? `${subtitlePrefix} ${activeItemTitle?.toLocaleLowerCase()}` : activeItemTitle;
   }, [activeIndex, data, defaultSubtitle, subtitlePrefix]);
@@ -48,6 +50,7 @@ const PieChart = ({
     width: width,
     children: /*#__PURE__*/_jsx(ResponsiveContainer, {
       children: /*#__PURE__*/_jsx(Chart, {
+        "aria-label": "Pie chart",
         children: /*#__PURE__*/_jsxs(Pie, {
           isAnimationActive: false,
           data: data,
@@ -65,9 +68,11 @@ const PieChart = ({
             valueAccessor: () => {}
             // @ts-ignore
             ,
-            content: renderTextContent(activeItemValue, calculateTitle)
+            content: renderTextContent(customMiddleValue || activeItemValue, calculateTitle)
           }), data.map((entry, index) => /*#__PURE__*/_jsx(Cell, {
-            fill: hoverIndex === index || activeIndex === index ? entry.color : alpha(entry.color || '#000000', 70)
+            fill: hoverIndex === index || activeIndex === index ? entry.color : alpha(entry.color || '#000000', 70),
+            role: "presentation",
+            "aria-label": `${entry.title}: ${entry.value}`
           }, `cell-${index}`))]
         })
       })

package/esm/core/PieChart/renderTextContent/index.js

@@ -2,8 +2,7 @@ import React from 'react';
 import { TextContent } from '../styles';
 
 /** Renders central text in the pie chart*/
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const renderTextContent = (num, title) => props => {
   const {
     cx,
@@ -16,6 +15,8 @@ const renderTextContent = (num, title) => props => {
       y: cy,
       textAnchor: "middle",
       fill: fill,
+      role: "text",
+      "aria-label": `${title ? title : ''} ${num}`,
       children: [/*#__PURE__*/_jsx("tspan", {
         pointerEvents: "none",
         x: cx,

package/esm/core/PreemptionCard/PreemptionCard.stories.js

@@ -1,9 +1,10 @@
 import PreemptionCard from '.';
 import { jsx as _jsx } from "react/jsx-runtime";
-export default {
+const meta = {
   title: 'Core/PreemptionCard',
   component: PreemptionCard
 };
+export default meta;
 const dummypreemption = {
   accept: null,
   advertisement: null,
@@ -18,7 +19,7 @@ const dummypreemption = {
     addedJointCost: '200.0',
     addedJointDebt: '300.0',
     askingPrice: '100000.0',
-    fixedPrice: null,
+    fixedPrice: '200000.0',
     jointCosts: '0.0',
     jointDebt: '0.0',
     preemptionFee: '4300.0',
@@ -52,17 +53,19 @@ const dummypreemption = {
     telephone: '22225555',
     text: 'tilknyttet uten forvaltning',
     url: null
-  }
+  },
+  clarificationInAdvance: true
 };
 export const Default = {
-  render: () => /*#__PURE__*/_jsx("div", {
+  args: {
+    preemption: dummypreemption,
+    onClick: () => console.log('clicked preemption')
+  },
+  decorators: [Story => /*#__PURE__*/_jsx("div", {
     style: {
       maxWidth: '300px'
     },
-    children: /*#__PURE__*/_jsx(PreemptionCard, {
-      preemption: dummypreemption,
-      onClick: () => console.log('clicked preemption')
-    })
-  }),
+    children: /*#__PURE__*/_jsx(Story, {})
+  })],
   name: 'Default'
 };

package/esm/core/PreemptionCard/index.js

@@ -10,8 +10,7 @@ import { getAreaTextForPreemptionUnit, getMeldefristText, isDeadlineClosing } fr
 import Divider from '../Divider';
 import Header from '../Header';
 import { getPriceWithLabel, getFormattedPrice, getFormattedDate } from '../../utils/format';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const PreemptionCard = ({
   preemption,
   onClick
@@ -27,7 +26,7 @@ const PreemptionCard = ({
     children: [_jsx(SvgHead, {
       css: /*#__PURE__*/_css({
         background: 'linear-gradient(' + theme.backgroundColor + ', ' + theme.backgroundColor + '), linear-gradient(' + theme.primary20opa + ', ' + theme.primary20opa + ')'
-      }, process.env.NODE_ENV === "production" ? "" : ";label:PreemptionCard;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1ByZWVtcHRpb25DYXJkL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ1EiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvUHJlZW1wdGlvbkNhcmQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBqc3hJbXBvcnRTb3VyY2UgQGVtb3Rpb24vcmVhY3QgKi9cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBTdmdIZWFkLCBVbml0SW5mbywgU3R5bGVkVGFnIH0gZnJvbSAnLi9zdHlsZXMnXG5pbXBvcnQgQ2FyZCBmcm9tICcuLi9DYXJkJ1xuaW1wb3J0IFRleHQgZnJvbSAnLi4vVGV4dCdcbmltcG9ydCB7IElQcmVlbXB0aW9uIH0gZnJvbSAnLi9tb2RlbHMnXG5pbXBvcnQgVW5pdElsbHVzdHJhdGlvbiBmcm9tICcuLi9Vbml0SWxsdXN0cmF0aW9uJ1xuaW1wb3J0IHtcbiAgZ2V0QXJlYVRleHRGb3JQcmVlbXB0aW9uVW5pdCxcbiAgZ2V0TWVsZGVmcmlzdFRleHQsXG4gIGlzRGVhZGxpbmVDbG9zaW5nLFxufSBmcm9tICcuLi9wcml2YXRlL3ByZWVtcHRpb24nXG5pbXBvcnQgRGl2aWRlciBmcm9tICcuLi9EaXZpZGVyJ1xuaW1wb3J0IEhlYWRlciBmcm9tICcuLi9IZWFkZXInXG5pbXBvcnQge1xuICBnZXRQcmljZVdpdGhMYWJlbCxcbiAgZ2V0Rm9ybWF0dGVkUHJpY2UsXG4gIGdldEZvcm1hdHRlZERhdGUsXG59IGZyb20gJy4uLy4uL3V0aWxzL2Zvcm1hdCdcblxuaW50ZXJmYWNlIElQcm9wcyB7XG4gIHByZWVtcHRpb246IElQcmVlbXB0aW9uXG4gIG9uQ2xpY2s6IChpZDogc3RyaW5nKSA9PiB2b2lkXG59XG5cbmNvbnN0IFByZWVtcHRpb25DYXJkOiBSZWFjdC5GQzxJUHJvcHM+ID0gKHsgcHJlZW1wdGlvbiwgb25DbGljayB9KSA9PiB7XG4gIGNvbnN0IHRoZW1lOiBhbnkgPSB1c2VUaGVtZSgpXG5cbiAgY29uc3QgS3ZtID0gPHN1cD4yPC9zdXA+XG5cbiAgcmV0dXJuIChcbiAgICA8Q2FyZCBvbkNsaWNrPXsoKSA9PiBvbkNsaWNrKHByZWVtcHRpb24uaWQpfSB3aXRoaG92ZXIgc2hhZG93PlxuICAgICAgey8qKiBUT0RPIGNoYW5nZSB3aXRoIGNvbXBvbmVudCAqL31cbiAgICAgIDxTdmdIZWFkXG4gICAgICAgIGNzcz17e1xuICAgICAgICAgIGJhY2tncm91bmQ6XG4gICAgICAgICAgICAnbGluZWFyLWdyYWRpZW50KCcgK1xuICAgICAgICAgICAgdGhlbWUuYmFja2dyb3VuZENvbG9yICtcbiAgICAgICAgICAgICcsICcgK1xuICAgICAgICAgICAgdGhlbWUuYmFja2dyb3VuZENvbG9yICtcbiAgICAgICAgICAgICcpLCBsaW5lYXItZ3JhZGllbnQoJyArXG4gICAgICAgICAgICB0aGVtZS5wcmltYXJ5MjBvcGEgK1xuICAgICAgICAgICAgJywgJyArXG4gICAgICAgICAgICB0aGVtZS5wcmltYXJ5MjBvcGEgK1xuICAgICAgICAgICAgJyknLFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8VW5pdElsbHVzdHJhdGlvblxuICAgICAgICAgIHR5cGU9e1xuICAgICAgICAgICAgcHJlZW1wdGlvbi51bml0LmJ1aWxkaW5nPy5idWlsZGluZ0NvZGUgfHxcbiAgICAgICAgICAgIHByZWVtcHRpb24udW5pdC5idWlsZGluZ0NvZGVcbiAgICAgICAgICB9XG4gICAgICAgIC8+XG4gICAgICA8L1N2Z0hlYWQ+XG5cbiAgICAgIHsvKiogVE9ETyBjaGFuZ2Ugd2l0aCBjb21wb25lbnQgKi99XG4gICAgICA8VW5pdEluZm8+XG4gICAgICAgIDxUZXh0IHNtYWxsIHN1YnRsZT5cbiAgICAgICAgICB7Z2V0QXJlYVRleHRGb3JQcmVlbXB0aW9uVW5pdChwcmVlbXB0aW9uLnVuaXQpfSAteycgJ31cbiAgICAgICAgICB7cHJlZW1wdGlvbi51bml0LmJ1aWxkaW5nPy5idWlsZGluZ0NvZGUgfHxcbiAgICAgICAgICAgIHByZWVtcHRpb24udW5pdC5idWlsZGluZ0NvZGV9XG4gICAgICAgICAge3ByZWVtcHRpb24udW5pdC5udW1iZXJPZlJvb21zXG4gICAgICAgICAgICA/ICcgLyAnICsgcHJlZW1wdGlvbi51bml0Lm51bWJlck9mUm9vbXMgKyAnLXJvbXMnXG4gICAgICAgICAgICA6IG51bGx9XG4gICAgICAgICAge3ByZWVtcHRpb24udW5pdC5wcmltYXJ5Um9vbVxuICAgICAgICAgICAgPyAnIC8gJyArIHByZWVtcHRpb24udW5pdC5wcmltYXJ5Um9vbSArICcgbSdcbiAgICAgICAgICAgIDogbnVsbH1cbiAgICAgICAgICB7cHJlZW1wdGlvbi51bml0LnByaW1hcnlSb29tID8gS3ZtIDogbnVsbH1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgICA8VGV4dCBib2xkPntwcmVlbXB0aW9uLnVuaXQuYWRkcmVzc308L1RleHQ+XG5cbiAgICAgICAgPERpdmlkZXIgLz5cblxuICAgICAgICA8SGVhZGVyIGxldmVsPXs1fT57Z2V0UHJpY2VXaXRoTGFiZWwocHJlZW1wdGlvbi5wcmljaW5nKX08L0hlYWRlcj5cbiAgICAgICAgPFRleHQgc21hbGwgc3VidGxlPlxuICAgICAgICAgIFRvdGFscHJpcyB7Z2V0Rm9ybWF0dGVkUHJpY2UocHJlZW1wdGlvbi5wcmljaW5nLnRvdGFsUHJpY2UpfVxuICAgICAgICA8L1RleHQ+XG4gICAgICAgIDxUZXh0IHNtYWxsIHN1YnRsZT5cbiAgICAgICAgICBGZWxsZXNrb3N0bmFkIHtnZXRGb3JtYXR0ZWRQcmljZShwcmVlbXB0aW9uLnByaWNpbmcuam9pbnRDb3N0cyl9XG4gICAgICAgIDwvVGV4dD5cblxuICAgICAgICA8U3R5bGVkVGFnXG4gICAgICAgICAgaW5mbz17aXNEZWFkbGluZUNsb3NpbmcocHJlZW1wdGlvbi5kZWFkbGluZSl9XG4gICAgICAgICAgbGlnaHQ9eyFpc0RlYWRsaW5lQ2xvc2luZyhwcmVlbXB0aW9uLmRlYWRsaW5lKX1cbiAgICAgICAgICB0aXRsZT17Z2V0Rm9ybWF0dGVkRGF0ZShwcmVlbXB0aW9uLmRlYWRsaW5lKX1cbiAgICAgICAgPlxuICAgICAgICAgIDxUZXh0IGV4dHJhc21hbGw+XG4gICAgICAgICAgICBNRUxERUZSSVNUOiZuYnNwO1xuICAgICAgICAgICAgPFRleHQgZXh0cmFzbWFsbCBib2xkPlxuICAgICAgICAgICAgICB7Z2V0TWVsZGVmcmlzdFRleHQocHJlZW1wdGlvbil9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L1N0eWxlZFRhZz5cbiAgICAgIDwvVW5pdEluZm8+XG4gICAgPC9DYXJkPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFByZWVtcHRpb25DYXJkXG4iXX0= */"),
+      }, process.env.NODE_ENV === "production" ? "" : ";label:PreemptionCard;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1ByZWVtcHRpb25DYXJkL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ1EiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvUHJlZW1wdGlvbkNhcmQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBqc3hJbXBvcnRTb3VyY2UgQGVtb3Rpb24vcmVhY3QgKi9cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBTdmdIZWFkLCBVbml0SW5mbywgU3R5bGVkVGFnIH0gZnJvbSAnLi9zdHlsZXMnXG5pbXBvcnQgQ2FyZCBmcm9tICcuLi9DYXJkJ1xuaW1wb3J0IFRleHQgZnJvbSAnLi4vVGV4dCdcbmltcG9ydCB7IElQcmVlbXB0aW9uIH0gZnJvbSAnLi9tb2RlbHMnXG5pbXBvcnQgVW5pdElsbHVzdHJhdGlvbiBmcm9tICcuLi9Vbml0SWxsdXN0cmF0aW9uJ1xuaW1wb3J0IHtcbiAgZ2V0QXJlYVRleHRGb3JQcmVlbXB0aW9uVW5pdCxcbiAgZ2V0TWVsZGVmcmlzdFRleHQsXG4gIGlzRGVhZGxpbmVDbG9zaW5nLFxufSBmcm9tICcuLi9wcml2YXRlL3ByZWVtcHRpb24nXG5pbXBvcnQgRGl2aWRlciBmcm9tICcuLi9EaXZpZGVyJ1xuaW1wb3J0IEhlYWRlciBmcm9tICcuLi9IZWFkZXInXG5pbXBvcnQge1xuICBnZXRQcmljZVdpdGhMYWJlbCxcbiAgZ2V0Rm9ybWF0dGVkUHJpY2UsXG4gIGdldEZvcm1hdHRlZERhdGUsXG59IGZyb20gJy4uLy4uL3V0aWxzL2Zvcm1hdCdcblxuaW50ZXJmYWNlIElQcm9wcyB7XG4gIHByZWVtcHRpb246IElQcmVlbXB0aW9uXG4gIG9uQ2xpY2s6IChpZDogc3RyaW5nKSA9PiB2b2lkXG59XG5cbmNvbnN0IFByZWVtcHRpb25DYXJkOiBSZWFjdC5GQzxJUHJvcHM+ID0gKHsgcHJlZW1wdGlvbiwgb25DbGljayB9KSA9PiB7XG4gIGNvbnN0IHRoZW1lOiBhbnkgPSB1c2VUaGVtZSgpXG5cbiAgY29uc3QgS3ZtID0gPHN1cD4yPC9zdXA+XG5cbiAgcmV0dXJuIChcbiAgICA8Q2FyZCBvbkNsaWNrPXsoKSA9PiBvbkNsaWNrKHByZWVtcHRpb24uaWQpfSB3aXRoaG92ZXIgc2hhZG93PlxuICAgICAgey8qKiBUT0RPIGNoYW5nZSB3aXRoIGNvbXBvbmVudCAqL31cbiAgICAgIDxTdmdIZWFkXG4gICAgICAgIGNzcz17e1xuICAgICAgICAgIGJhY2tncm91bmQ6XG4gICAgICAgICAgICAnbGluZWFyLWdyYWRpZW50KCcgK1xuICAgICAgICAgICAgdGhlbWUuYmFja2dyb3VuZENvbG9yICtcbiAgICAgICAgICAgICcsICcgK1xuICAgICAgICAgICAgdGhlbWUuYmFja2dyb3VuZENvbG9yICtcbiAgICAgICAgICAgICcpLCBsaW5lYXItZ3JhZGllbnQoJyArXG4gICAgICAgICAgICB0aGVtZS5wcmltYXJ5MjBvcGEgK1xuICAgICAgICAgICAgJywgJyArXG4gICAgICAgICAgICB0aGVtZS5wcmltYXJ5MjBvcGEgK1xuICAgICAgICAgICAgJyknLFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8VW5pdElsbHVzdHJhdGlvblxuICAgICAgICAgIHR5cGU9e1xuICAgICAgICAgICAgcHJlZW1wdGlvbi51bml0LmJ1aWxkaW5nPy5idWlsZGluZ0NvZGUgfHxcbiAgICAgICAgICAgIHByZWVtcHRpb24udW5pdC5idWlsZGluZ0NvZGVcbiAgICAgICAgICB9XG4gICAgICAgIC8+XG4gICAgICA8L1N2Z0hlYWQ+XG5cbiAgICAgIHsvKiogVE9ETyBjaGFuZ2Ugd2l0aCBjb21wb25lbnQgKi99XG4gICAgICA8VW5pdEluZm8+XG4gICAgICAgIDxUZXh0IHNtYWxsIHN1YnRsZT5cbiAgICAgICAgICB7Z2V0QXJlYVRleHRGb3JQcmVlbXB0aW9uVW5pdChwcmVlbXB0aW9uLnVuaXQpfSAteycgJ31cbiAgICAgICAgICB7cHJlZW1wdGlvbi51bml0LmJ1aWxkaW5nPy5idWlsZGluZ0NvZGUgfHxcbiAgICAgICAgICAgIHByZWVtcHRpb24udW5pdC5idWlsZGluZ0NvZGV9XG4gICAgICAgICAge3ByZWVtcHRpb24udW5pdC5udW1iZXJPZlJvb21zXG4gICAgICAgICAgICA/ICcgLyAnICsgcHJlZW1wdGlvbi51bml0Lm51bWJlck9mUm9vbXMgKyAnLXJvbXMnXG4gICAgICAgICAgICA6IG51bGx9XG4gICAgICAgICAge3ByZWVtcHRpb24udW5pdC5wcmltYXJ5Um9vbVxuICAgICAgICAgICAgPyAnIC8gJyArIHByZWVtcHRpb24udW5pdC5wcmltYXJ5Um9vbSArICcgbSdcbiAgICAgICAgICAgIDogbnVsbH1cbiAgICAgICAgICB7cHJlZW1wdGlvbi51bml0LnByaW1hcnlSb29tID8gS3ZtIDogbnVsbH1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgICA8VGV4dCBib2xkPntwcmVlbXB0aW9uLnVuaXQuYWRkcmVzc308L1RleHQ+XG5cbiAgICAgICAgPERpdmlkZXIgLz5cblxuICAgICAgICA8SGVhZGVyIGxldmVsPXs1fT5cbiAgICAgICAgICB7Z2V0UHJpY2VXaXRoTGFiZWwoXG4gICAgICAgICAgICBwcmVlbXB0aW9uLmNsYXJpZmljYXRpb25JbkFkdmFuY2UsXG4gICAgICAgICAgICBwcmVlbXB0aW9uLnByaWNpbmdcbiAgICAgICAgICApfVxuICAgICAgICA8L0hlYWRlcj5cbiAgICAgICAgPFRleHQgc21hbGwgc3VidGxlPlxuICAgICAgICAgIFRvdGFscHJpcyB7Z2V0Rm9ybWF0dGVkUHJpY2UocHJlZW1wdGlvbi5wcmljaW5nLnRvdGFsUHJpY2UpfVxuICAgICAgICA8L1RleHQ+XG4gICAgICAgIDxUZXh0IHNtYWxsIHN1YnRsZT5cbiAgICAgICAgICBGZWxsZXNrb3N0bmFkIHtnZXRGb3JtYXR0ZWRQcmljZShwcmVlbXB0aW9uLnByaWNpbmcuam9pbnRDb3N0cyl9XG4gICAgICAgIDwvVGV4dD5cblxuICAgICAgICA8U3R5bGVkVGFnXG4gICAgICAgICAgaW5mbz17aXNEZWFkbGluZUNsb3NpbmcocHJlZW1wdGlvbi5kZWFkbGluZSl9XG4gICAgICAgICAgbGlnaHQ9eyFpc0RlYWRsaW5lQ2xvc2luZyhwcmVlbXB0aW9uLmRlYWRsaW5lKX1cbiAgICAgICAgICB0aXRsZT17Z2V0Rm9ybWF0dGVkRGF0ZShwcmVlbXB0aW9uLmRlYWRsaW5lKX1cbiAgICAgICAgPlxuICAgICAgICAgIDxUZXh0IGV4dHJhc21hbGw+XG4gICAgICAgICAgICBNRUxERUZSSVNUOiZuYnNwO1xuICAgICAgICAgICAgPFRleHQgZXh0cmFzbWFsbCBib2xkPlxuICAgICAgICAgICAgICB7Z2V0TWVsZGVmcmlzdFRleHQocHJlZW1wdGlvbil9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L1N0eWxlZFRhZz5cbiAgICAgIDwvVW5pdEluZm8+XG4gICAgPC9DYXJkPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFByZWVtcHRpb25DYXJkXG4iXX0= */"),
       children: _jsx(UnitIllustration, {
         type: preemption.unit.building?.buildingCode || preemption.unit.buildingCode
       })
@@ -41,7 +40,7 @@ const PreemptionCard = ({
         children: preemption.unit.address
       }), _jsx(Divider, {}), _jsx(Header, {
         level: 5,
-        children: getPriceWithLabel(preemption.pricing)
+        children: getPriceWithLabel(preemption.clarificationInAdvance, preemption.pricing)
       }), _jsxs(Text, {
         small: true,
         subtle: true,

package/esm/core/PreemptionCardLoading/index.js

@@ -3,8 +3,7 @@ import Card from '../Card';
 import Divider from '../Divider';
 import Skeleton from '../Skeleton';
 import { WrapperUnitInformation, WrapperHeader } from './styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const PreemptionCardLoading = () => {
   return /*#__PURE__*/_jsxs(Card, {
     shadow: true,

package/esm/core/QuillEditor/Attributors/IndentAttributor.js

@@ -0,0 +1,15 @@
+import Quill from 'quill';
+const Parchment = Quill.import('parchment');
+export class IndentAttributor extends Parchment.StyleAttributor {
+  constructor(...args) {
+    super(...args);
+  }
+  add(node, value) {
+    if (value === 0) {
+      this.remove(node);
+      return true;
+    } else {
+      return super.add(node, `${value}em`);
+    }
+  }
+}

package/esm/core/QuillEditor/Attributors/ListContainer.js

@@ -0,0 +1,20 @@
+import Quill from 'quill';
+const ListContainer = Quill.import('formats/list-container');
+export class MyListContainer extends ListContainer {
+  static tagName = ['OL', 'UL'];
+  static defaultTag = 'OL';
+  static create(value) {
+    return document.createElement(this.getTag(value));
+  }
+  static getTag(val) {
+    const map = {
+      bullet: 'UL',
+      ordered: 'OL'
+    };
+    return map[val] || this.defaultTag;
+  }
+  checkMerge() {
+    // Only merge if the next list is the same type as this one
+    return super.checkMerge() && this.domNode.tagName === this.next?.domNode.tagName;
+  }
+}

package/esm/core/QuillEditor/Attributors/ListItem.js

@@ -0,0 +1,24 @@
+import Quill from 'quill';
+import { MyListContainer } from './ListContainer';
+const ListItem = Quill.import('formats/list');
+class MyListItem extends ListItem {
+  static requiredContainer = MyListContainer;
+  static register() {
+    Quill.register(MyListContainer, true);
+  }
+  optimize(context) {
+    if (this.statics.requiredContainer && !(this.parent instanceof this.statics.requiredContainer)) {
+      // Insert the format value (bullet, ordered) into wrap arguments
+      this.wrap(this.statics.requiredContainer.blotName, MyListItem.formats(this.domNode));
+    }
+    super.optimize(context);
+  }
+  format(name, value) {
+    // If the list type is different, wrap this list item in a new MyListContainer of that type
+    if (name === ListItem.blotName && value !== MyListItem.formats(this.domNode)) {
+      this.wrap(this.statics.requiredContainer.blotName, value);
+    }
+    super.format(name, value);
+  }
+}
+export { MyListItem as default };

package/esm/core/QuillEditor/QuillEditor.stories.js

@@ -0,0 +1,56 @@
+import QuillEditor from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/QuillEditor',
+  component: QuillEditor
+};
+export const Default = {
+  render: () => {
+    return /*#__PURE__*/_jsx(QuillEditor, {
+      onChange: e => console.log(e),
+      onBlur: () => console.log('blur'),
+      onFocus: () => console.log('focus'),
+      initialValue: "<p>Initial value</p>",
+      pasteAsText: true,
+      onSelectionChange: (range, source, quill) => console.log(range, source, quill)
+    });
+  },
+  name: 'Default'
+};
+export const Rich = {
+  render: () => /*#__PURE__*/_jsx(QuillEditor, {
+    type: "rich",
+    onChange: e => console.log(e)
+  }),
+  name: 'Rich'
+};
+export const Readonly = {
+  render: () => /*#__PURE__*/_jsx(QuillEditor, {
+    resize: true,
+    readOnly: true,
+    initialValue: "Readonly"
+  }),
+  name: 'Readonly'
+};
+export const CustomSize = {
+  render: () => /*#__PURE__*/_jsx(QuillEditor, {
+    height: 300,
+    width: 400,
+    onChange: e => console.log(e)
+  }),
+  name: 'Custom size'
+};
+export const Placeholder = {
+  render: () => /*#__PURE__*/_jsx(QuillEditor, {
+    placeholder: "Placeholder",
+    onChange: e => console.log(e)
+  }),
+  name: 'Placeholder'
+};
+export const WithError = {
+  render: () => /*#__PURE__*/_jsx(QuillEditor, {
+    invalidMessage: "Memes are not allowed",
+    onChange: e => console.log(e)
+  }),
+  name: 'With error'
+};

package/esm/core/QuillEditor/classes/IndentAttributor.js

@@ -0,0 +1,15 @@
+import Quill from 'quill';
+const Parchment = Quill.import('parchment');
+export class IndentAttributor extends Parchment.StyleAttributor {
+  constructor(...args) {
+    super(...args);
+  }
+  add(node, value) {
+    if (value === 0) {
+      this.remove(node);
+      return true;
+    } else {
+      return super.add(node, `${value}em`);
+    }
+  }
+}

package/esm/core/QuillEditor/classes/LinkSanitizer.js

@@ -0,0 +1,21 @@
+import Quill from 'quill';
+const Link = Quill.import('formats/link');
+Link.PROTOCOL_WHITELIST = ['http', 'https', 'mailto', 'tel', 'radar', 'rdar', 'smb', 'sms'];
+export class CustomLinkSanitizer extends Link {
+  static sanitize(url) {
+    // Run default sanitize method from Quill
+    const sanitizedUrl = super.sanitize(url);
+
+    // Not whitelisted URL based on protocol so, let's return `blank`
+    if (!sanitizedUrl || sanitizedUrl === 'about:blank') return sanitizedUrl;
+
+    // Verify if the URL already have a whitelisted protocol
+    const hasWhitelistedProtocol = this.PROTOCOL_WHITELIST.some(function (protocol) {
+      return sanitizedUrl.startsWith(protocol);
+    });
+    if (hasWhitelistedProtocol) return sanitizedUrl;
+
+    // if not, then append only 'http' to not to be a relative URL
+    return `http://${sanitizedUrl}`;
+  }
+}

package/esm/core/QuillEditor/classes/ListContainer.js

@@ -0,0 +1,20 @@
+import Quill from 'quill';
+const ListContainer = Quill.import('formats/list-container');
+export class MyListContainer extends ListContainer {
+  static tagName = ['OL', 'UL'];
+  static defaultTag = 'OL';
+  static create(value) {
+    return document.createElement(this.getTag(value));
+  }
+  static getTag(val) {
+    const map = {
+      bullet: 'UL',
+      ordered: 'OL'
+    };
+    return map[val] || this.defaultTag;
+  }
+  checkMerge() {
+    // Only merge if the next list is the same type as this one
+    return super.checkMerge() && this.domNode.tagName === this.next?.domNode.tagName;
+  }
+}

package/esm/core/QuillEditor/classes/ListItem.js

@@ -0,0 +1,24 @@
+import Quill from 'quill';
+import { MyListContainer } from './ListContainer';
+const ListItem = Quill.import('formats/list');
+class MyListItem extends ListItem {
+  static requiredContainer = MyListContainer;
+  static register() {
+    Quill.register(MyListContainer, true);
+  }
+  optimize(context) {
+    if (this.statics.requiredContainer && !(this.parent instanceof this.statics.requiredContainer)) {
+      // Insert the format value (bullet, ordered) into wrap arguments
+      this.wrap(this.statics.requiredContainer.blotName, MyListItem.formats(this.domNode));
+    }
+    super.optimize(context);
+  }
+  format(name, value) {
+    // If the list type is different, wrap this list item in a new MyListContainer of that type
+    if (name === ListItem.blotName && value !== MyListItem.formats(this.domNode)) {
+      this.wrap(this.statics.requiredContainer.blotName, value);
+    }
+    super.format(name, value);
+  }
+}
+export { MyListItem as default };

package/esm/core/QuillEditor/config.js

@@ -0,0 +1,28 @@
+// Toolbar options
+const sizes = [{
+  header: [false, 1, 2, 3, 4, 5, 6]
+}];
+const decorations = ['bold', 'italic', 'underline'];
+const lists = [{
+  list: 'bullet'
+}, {
+  list: 'ordered'
+}, {
+  indent: '+1'
+}, {
+  indent: '-1'
+}];
+const alignments = [{
+  align: ''
+}, {
+  align: 'center'
+}, {
+  align: 'right'
+}, {
+  align: 'justify'
+}];
+const link = 'link';
+// const image = 'image'
+
+export const basicToolbar = [decorations, lists];
+export const richToolbar = [sizes, decorations, lists, alignments, [link]];