@bbl-digital/snorre 4.0.0-beta.1 → 4.0.0-beta.10

package/esm/core/NoticeCard/NoticeCard.stories.js

@@ -0,0 +1,61 @@
+import NoticeCard from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/Shared/NoticeCard',
+  component: NoticeCard,
+  parameters: {
+    docs: {
+      story: {
+        inline: false,
+        height: '750px'
+      }
+    }
+  }
+};
+const dummyNotice = {
+  id: '1',
+  activeFromDate: new Date(2021, 2, 1),
+  activeToDate: new Date(2023, 4, 6),
+  attachments: [{
+    id: 'file-1',
+    bulletinId: 'noticeid',
+    filename: 'Radomfile.pdf',
+    sequence: 0,
+    created: new Date(),
+    mimetype: 'pdf',
+    description: 'Test file'
+  }],
+  bodyHtml: '<p>Det vil bli dugnad <strong>20.04.2021</strong>.</p><p>Oppm&oslash;te utenfor blokka.</p><p>Det vil bli servert brus og boller til alle som m&oslash;ter opp.</p>',
+  bodyText: 'Det vil bli dugnad 20.04.2021.Oppmøte utenfor blokka.Det vil bli servert brus og boller til alle som møter opp.',
+  clientId: '61640565105F4A698E27C1F748A5E93B',
+  createdBy: 'Donald Duck',
+  createdByNameId: 'C2CF8FCC300347958B054F82A990F509',
+  createdDate: new Date(2021, 2),
+  eventStart: new Date(2022, 5, 1, 12, 0),
+  eventEnd: new Date(2022, 5, 9, 15, 0),
+  eventTitle: 'Dugnad',
+  eventLocation: 'Bakgården',
+  isActive: true,
+  isCancelled: false,
+  isRead: true,
+  title: 'Dugnad',
+  updatedDate: new Date(2022, 6, 5),
+  updatedBy: 'Donald Duck'
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsx(NoticeCard, {
+    notice: dummyNotice
+  }),
+  name: 'Default'
+};
+export const Modal = {
+  render: () => /*#__PURE__*/_jsx(NoticeCard, {
+    notice: dummyNotice,
+    imageSrc: "https://random.imagecdn.app/500/500",
+    isModal: true,
+    onModalClose: () => console.log('close'),
+    onEventDownload: () => console.log('event download'),
+    onAttachmentDownload: e => console.log('file download', e)
+  }),
+  name: 'NoticeCard in modal'
+};

package/esm/core/NoticeCard/index.js

@@ -15,7 +15,6 @@ import { getNoticeMeetingDescription } from './utils';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const NoticeCard = ({
   notice,
   isModal,
@@ -28,7 +27,6 @@ const NoticeCard = ({
 }) => {
   const [open, setOpen] = useState(!!showAllContent);
   const theme = useTheme();
-
   const Content = /*#__PURE__*/_jsxs(Wrapper, {
     hasImage: !!imageSrc,
     children: [imageSrc && /*#__PURE__*/_jsx(ImageWrapper, {
@@ -89,7 +87,6 @@ const NoticeCard = ({
       })]
     })]
   });
-
   return isModal ? /*#__PURE__*/_jsx(Modal, {
     width: imageSrc ? '920px' : '720px',
     open: true,
@@ -100,5 +97,4 @@ const NoticeCard = ({
     children: Content
   });
 };
-
 export default NoticeCard;

package/esm/core/NoticeCard/models.js

@@ -1,5 +1,4 @@
 export let NoticeStatusEnum;
-
 (function (NoticeStatusEnum) {
   NoticeStatusEnum["Active"] = "Active";
   NoticeStatusEnum["Historic"] = "Historic";

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

@@ -6,7 +6,6 @@ import { getFileIcon } from '../../utils';
 import Text from '../../../Text';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const NoticeAttachmentBlock = ({
   type = 'default',
   name,
@@ -19,10 +18,11 @@ const NoticeAttachmentBlock = ({
     clickable: canDownload,
     children: /*#__PURE__*/_jsx(Button, {
       nostyle: true,
-      title: `Last ned ${type === 'cal' ? 'kalendaravtale' : 'fil'}`,
+      title: `Last ned ${type === 'cal' ? 'kalenderavtale' : 'fil'}`,
       onClick: () => onDownload && onDownload(),
       children: /*#__PURE__*/_jsxs(FileWrapperButton, {
         clickable: canDownload,
+        borderRadius: theme.mypageBoxBorderRadius,
         children: [/*#__PURE__*/_jsx(IconBackground, {
           background: theme.illustrationPrimary10,
           children: getFileIcon(type)
@@ -39,5 +39,4 @@ const NoticeAttachmentBlock = ({
     })
   });
 };
-
 export default NoticeAttachmentBlock;

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

@@ -1,20 +1,18 @@
 import _styled from "@emotion/styled/base";
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 import { css } from '@emotion/react';
 export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "egqh0xs3"
 } : {
   target: "egqh0xs3",
   label: "Wrapper"
-})(props => /*#__PURE__*/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;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJd0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWNlQ2FyZC9wcml2YXRlQ29tcG9uZW50cy9Ob3RpY2VBdHRhY2htZW50QmxvY2svc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IHsgY2xpY2thYmxlOiBib29sZWFuIH0pID0+IGNzc2BcbiAgICAmID4gYnV0dG9uLFxuICAgICYgPiBidXR0b24gPiBzcGFuIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cblxuICAgICYgPiBidXR0b246YWN0aXZlID4gc3BhbiA+IGRpdiB7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAjY2NjO1xuICAgIH1cblxuICAgIGJ1dHRvbiB7XG4gICAgICBjdXJzb3I6ICR7cHJvcHMuY2xpY2thYmxlID8gJ3BvaW50ZXInIDogJ2luaXRpYWwnfTtcblxuICAgICAgJjpmb2N1cyB7XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbjogJHtwcm9wcy5jbGlja2FibGUgPyAndW5kZXJsaW5lJyA6ICdub25lJ307XG4gICAgICB9XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBGaWxlV3JhcHBlckJ1dHRvbiA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogeyBjbGlja2FibGU6IGJvb2xlYW4gfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiA0MHB4IDFmcjtcbiAgICBncmlkLWNvbHVtbi1nYXA6IDFlbTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjY2NjO1xuICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XG4gICAgcGFkZGluZzogMS40ZW07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbiAgICBzcGFuIHtcbiAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgfVxuXG4gICAgJjpob3ZlciB7XG4gICAgICBjdXJzb3I6ICR7cHJvcHMuY2xpY2thYmxlID8gJ3BvaW50ZXInIDogJ2luaXRpYWwnfTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB7XG4gICAgICBib3JkZXI6IG5vbmU7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBGaWxlSW5mb1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcbiAgZ3JpZC1yb3ctZ2FwOiAwLjFlbTtcblxuICBzcGFuIHtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLXdyYXA7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IEljb25CYWNrZ3JvdW5kID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiBhbnkpID0+IGBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgd2lkdGg6IDQwcHg7XG4gICAgaGVpZ2h0OiA0MHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDQwcHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5iYWNrZ3JvdW5kfTtcblxuICAgIHNwYW4ge1xuICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgfVxuICBgXG4pXG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWNlQ2FyZC9wcml2YXRlQ29tcG9uZW50cy9Ob3RpY2VBdHRhY2htZW50QmxvY2svc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IHsgY2xpY2thYmxlOiBib29sZWFuIH0pID0+IGNzc2BcbiAgICAmID4gYnV0dG9uLFxuICAgICYgPiBidXR0b24gPiBzcGFuIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cblxuICAgICYgPiBidXR0b246YWN0aXZlID4gc3BhbiA+IGRpdiB7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAjY2NjO1xuICAgIH1cblxuICAgIGJ1dHRvbiB7XG4gICAgICBjdXJzb3I6ICR7cHJvcHMuY2xpY2thYmxlID8gJ3BvaW50ZXInIDogJ2luaXRpYWwnfTtcblxuICAgICAgJjpmb2N1cyB7XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbjogJHtwcm9wcy5jbGlja2FibGUgPyAndW5kZXJsaW5lJyA6ICdub25lJ307XG4gICAgICB9XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBGaWxlV3JhcHBlckJ1dHRvbiA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogeyBjbGlja2FibGU6IGJvb2xlYW4gfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiA0MHB4IDFmcjtcbiAgICBncmlkLWNvbHVtbi1nYXA6IDFlbTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjY2NjO1xuICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XG4gICAgcGFkZGluZzogMS40ZW07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbiAgICBzcGFuIHtcbiAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgfVxuXG4gICAgJjpob3ZlciB7XG4gICAgICBjdXJzb3I6ICR7cHJvcHMuY2xpY2thYmxlID8gJ3BvaW50ZXInIDogJ2luaXRpYWwnfTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB7XG4gICAgICBib3JkZXI6IG5vbmU7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBGaWxlSW5mb1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcbiAgZ3JpZC1yb3ctZ2FwOiAwLjFlbTtcblxuICBzcGFuIHtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLXdyYXA7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IEljb25CYWNrZ3JvdW5kID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiBhbnkpID0+IGBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgd2lkdGg6IDQwcHg7XG4gICAgaGVpZ2h0OiA0MHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDQwcHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5iYWNrZ3JvdW5kfTtcblxuICAgIHNwYW4ge1xuICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgfVxuICBgXG4pXG4iXX0= */");
+})(props => /*#__PURE__*/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;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJd0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWNlQ2FyZC9wcml2YXRlQ29tcG9uZW50cy9Ob3RpY2VBdHRhY2htZW50QmxvY2svc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IHsgY2xpY2thYmxlOiBib29sZWFuIH0pID0+IGNzc2BcbiAgICAmID4gYnV0dG9uLFxuICAgICYgPiBidXR0b24gPiBzcGFuIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cblxuICAgICYgPiBidXR0b246YWN0aXZlID4gc3BhbiA+IGRpdiB7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAjY2NjO1xuICAgIH1cblxuICAgIGJ1dHRvbiB7XG4gICAgICBjdXJzb3I6ICR7cHJvcHMuY2xpY2thYmxlID8gJ3BvaW50ZXInIDogJ2luaXRpYWwnfTtcblxuICAgICAgJjpmb2N1cyB7XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbjogJHtwcm9wcy5jbGlja2FibGUgPyAndW5kZXJsaW5lJyA6ICdub25lJ307XG4gICAgICB9XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBGaWxlV3JhcHBlckJ1dHRvbiA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogeyBjbGlja2FibGU6IGJvb2xlYW47IGJvcmRlclJhZGl1czogc3RyaW5nIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogNDBweCAxZnI7XG4gICAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XG4gICAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcbiAgICBib3JkZXItcmFkaXVzOiAke3Byb3BzLmJvcmRlclJhZGl1c307XG4gICAgcGFkZGluZzogMS40ZW07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbiAgICBzcGFuIHtcbiAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgfVxuXG4gICAgJjpob3ZlciB7XG4gICAgICBjdXJzb3I6ICR7cHJvcHMuY2xpY2thYmxlID8gJ3BvaW50ZXInIDogJ2luaXRpYWwnfTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB7XG4gICAgICBib3JkZXI6IG5vbmU7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBGaWxlSW5mb1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcbiAgZ3JpZC1yb3ctZ2FwOiAwLjFlbTtcblxuICBzcGFuIHtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLXdyYXA7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IEljb25CYWNrZ3JvdW5kID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiBhbnkpID0+IGBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgd2lkdGg6IDQwcHg7XG4gICAgaGVpZ2h0OiA0MHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDQwcHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5iYWNrZ3JvdW5kfTtcblxuICAgIHNwYW4ge1xuICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgfVxuICBgXG4pXG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWNlQ2FyZC9wcml2YXRlQ29tcG9uZW50cy9Ob3RpY2VBdHRhY2htZW50QmxvY2svc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IHsgY2xpY2thYmxlOiBib29sZWFuIH0pID0+IGNzc2BcbiAgICAmID4gYnV0dG9uLFxuICAgICYgPiBidXR0b24gPiBzcGFuIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cblxuICAgICYgPiBidXR0b246YWN0aXZlID4gc3BhbiA+IGRpdiB7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAjY2NjO1xuICAgIH1cblxuICAgIGJ1dHRvbiB7XG4gICAgICBjdXJzb3I6ICR7cHJvcHMuY2xpY2thYmxlID8gJ3BvaW50ZXInIDogJ2luaXRpYWwnfTtcblxuICAgICAgJjpmb2N1cyB7XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbjogJHtwcm9wcy5jbGlja2FibGUgPyAndW5kZXJsaW5lJyA6ICdub25lJ307XG4gICAgICB9XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBGaWxlV3JhcHBlckJ1dHRvbiA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogeyBjbGlja2FibGU6IGJvb2xlYW47IGJvcmRlclJhZGl1czogc3RyaW5nIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogNDBweCAxZnI7XG4gICAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XG4gICAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcbiAgICBib3JkZXItcmFkaXVzOiAke3Byb3BzLmJvcmRlclJhZGl1c307XG4gICAgcGFkZGluZzogMS40ZW07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbiAgICBzcGFuIHtcbiAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgfVxuXG4gICAgJjpob3ZlciB7XG4gICAgICBjdXJzb3I6ICR7cHJvcHMuY2xpY2thYmxlID8gJ3BvaW50ZXInIDogJ2luaXRpYWwnfTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB7XG4gICAgICBib3JkZXI6IG5vbmU7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBGaWxlSW5mb1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcbiAgZ3JpZC1yb3ctZ2FwOiAwLjFlbTtcblxuICBzcGFuIHtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLXdyYXA7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IEljb25CYWNrZ3JvdW5kID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiBhbnkpID0+IGBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgd2lkdGg6IDQwcHg7XG4gICAgaGVpZ2h0OiA0MHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDQwcHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5iYWNrZ3JvdW5kfTtcblxuICAgIHNwYW4ge1xuICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgfVxuICBgXG4pXG4iXX0= */");
 export const FileWrapperButton = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "egqh0xs2"
 } : {
   target: "egqh0xs2",
   label: "FileWrapperButton"
-})(props => /*#__PURE__*/css("display:grid;grid-template-columns:40px 1fr;grid-column-gap:1em;border:1px solid #ccc;border-radius:16px;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;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QndDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiB7IGNsaWNrYWJsZTogYm9vbGVhbiB9KSA9PiBjc3NgXG4gICAgJiA+IGJ1dHRvbixcbiAgICAmID4gYnV0dG9uID4gc3BhbiB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG5cbiAgICAmID4gYnV0dG9uOmFjdGl2ZSA+IHNwYW4gPiBkaXYge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcbiAgICB9XG5cbiAgICBidXR0b24ge1xuICAgICAgY3Vyc29yOiAke3Byb3BzLmNsaWNrYWJsZSA/ICdwb2ludGVyJyA6ICdpbml0aWFsJ307XG5cbiAgICAgICY6Zm9jdXMge1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246ICR7cHJvcHMuY2xpY2thYmxlID8gJ3VuZGVybGluZScgOiAnbm9uZSd9O1xuICAgICAgfVxuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgRmlsZVdyYXBwZXJCdXR0b24gPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IHsgY2xpY2thYmxlOiBib29sZWFuIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogNDBweCAxZnI7XG4gICAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XG4gICAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcbiAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICAgIHBhZGRpbmc6IDEuNGVtO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gICAgc3BhbiB7XG4gICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIH1cblxuICAgICY6aG92ZXIge1xuICAgICAgY3Vyc29yOiAke3Byb3BzLmNsaWNrYWJsZSA/ICdwb2ludGVyJyA6ICdpbml0aWFsJ307XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgRmlsZUluZm9XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIGdyaWQtcm93LWdhcDogMC4xZW07XG5cbiAgc3BhbiB7XG4gICAgd2hpdGUtc3BhY2U6IHByZS13cmFwO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBJY29uQmFja2dyb3VuZCA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogYW55KSA9PiBgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHdpZHRoOiA0MHB4O1xuICAgIGhlaWdodDogNDBweDtcbiAgICBib3JkZXItcmFkaXVzOiA0MHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuYmFja2dyb3VuZH07XG5cbiAgICBzcGFuIHtcbiAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIH1cbiAgYFxuKVxuIl19 */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QmlDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiB7IGNsaWNrYWJsZTogYm9vbGVhbiB9KSA9PiBjc3NgXG4gICAgJiA+IGJ1dHRvbixcbiAgICAmID4gYnV0dG9uID4gc3BhbiB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG5cbiAgICAmID4gYnV0dG9uOmFjdGl2ZSA+IHNwYW4gPiBkaXYge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcbiAgICB9XG5cbiAgICBidXR0b24ge1xuICAgICAgY3Vyc29yOiAke3Byb3BzLmNsaWNrYWJsZSA/ICdwb2ludGVyJyA6ICdpbml0aWFsJ307XG5cbiAgICAgICY6Zm9jdXMge1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246ICR7cHJvcHMuY2xpY2thYmxlID8gJ3VuZGVybGluZScgOiAnbm9uZSd9O1xuICAgICAgfVxuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgRmlsZVdyYXBwZXJCdXR0b24gPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IHsgY2xpY2thYmxlOiBib29sZWFuIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogNDBweCAxZnI7XG4gICAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XG4gICAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcbiAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICAgIHBhZGRpbmc6IDEuNGVtO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gICAgc3BhbiB7XG4gICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIH1cblxuICAgICY6aG92ZXIge1xuICAgICAgY3Vyc29yOiAke3Byb3BzLmNsaWNrYWJsZSA/ICdwb2ludGVyJyA6ICdpbml0aWFsJ307XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgRmlsZUluZm9XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIGdyaWQtcm93LWdhcDogMC4xZW07XG5cbiAgc3BhbiB7XG4gICAgd2hpdGUtc3BhY2U6IHByZS13cmFwO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBJY29uQmFja2dyb3VuZCA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogYW55KSA9PiBgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHdpZHRoOiA0MHB4O1xuICAgIGhlaWdodDogNDBweDtcbiAgICBib3JkZXItcmFkaXVzOiA0MHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuYmFja2dyb3VuZH07XG5cbiAgICBzcGFuIHtcbiAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIH1cbiAgYFxuKVxuIl19 */");
+})(props => /*#__PURE__*/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;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QjhEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiB7IGNsaWNrYWJsZTogYm9vbGVhbiB9KSA9PiBjc3NgXG4gICAgJiA+IGJ1dHRvbixcbiAgICAmID4gYnV0dG9uID4gc3BhbiB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG5cbiAgICAmID4gYnV0dG9uOmFjdGl2ZSA+IHNwYW4gPiBkaXYge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcbiAgICB9XG5cbiAgICBidXR0b24ge1xuICAgICAgY3Vyc29yOiAke3Byb3BzLmNsaWNrYWJsZSA/ICdwb2ludGVyJyA6ICdpbml0aWFsJ307XG5cbiAgICAgICY6Zm9jdXMge1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246ICR7cHJvcHMuY2xpY2thYmxlID8gJ3VuZGVybGluZScgOiAnbm9uZSd9O1xuICAgICAgfVxuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgRmlsZVdyYXBwZXJCdXR0b24gPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IHsgY2xpY2thYmxlOiBib29sZWFuOyBib3JkZXJSYWRpdXM6IHN0cmluZyB9KSA9PiBjc3NgXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDQwcHggMWZyO1xuICAgIGdyaWQtY29sdW1uLWdhcDogMWVtO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICNjY2M7XG4gICAgYm9yZGVyLXJhZGl1czogJHtwcm9wcy5ib3JkZXJSYWRpdXN9O1xuICAgIHBhZGRpbmc6IDEuNGVtO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gICAgc3BhbiB7XG4gICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIH1cblxuICAgICY6aG92ZXIge1xuICAgICAgY3Vyc29yOiAke3Byb3BzLmNsaWNrYWJsZSA/ICdwb2ludGVyJyA6ICdpbml0aWFsJ307XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgRmlsZUluZm9XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIGdyaWQtcm93LWdhcDogMC4xZW07XG5cbiAgc3BhbiB7XG4gICAgd2hpdGUtc3BhY2U6IHByZS13cmFwO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBJY29uQmFja2dyb3VuZCA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogYW55KSA9PiBgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHdpZHRoOiA0MHB4O1xuICAgIGhlaWdodDogNDBweDtcbiAgICBib3JkZXItcmFkaXVzOiA0MHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuYmFja2dyb3VuZH07XG5cbiAgICBzcGFuIHtcbiAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIH1cbiAgYFxuKVxuIl19 */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QmlDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiB7IGNsaWNrYWJsZTogYm9vbGVhbiB9KSA9PiBjc3NgXG4gICAgJiA+IGJ1dHRvbixcbiAgICAmID4gYnV0dG9uID4gc3BhbiB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG5cbiAgICAmID4gYnV0dG9uOmFjdGl2ZSA+IHNwYW4gPiBkaXYge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcbiAgICB9XG5cbiAgICBidXR0b24ge1xuICAgICAgY3Vyc29yOiAke3Byb3BzLmNsaWNrYWJsZSA/ICdwb2ludGVyJyA6ICdpbml0aWFsJ307XG5cbiAgICAgICY6Zm9jdXMge1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246ICR7cHJvcHMuY2xpY2thYmxlID8gJ3VuZGVybGluZScgOiAnbm9uZSd9O1xuICAgICAgfVxuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgRmlsZVdyYXBwZXJCdXR0b24gPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IHsgY2xpY2thYmxlOiBib29sZWFuOyBib3JkZXJSYWRpdXM6IHN0cmluZyB9KSA9PiBjc3NgXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDQwcHggMWZyO1xuICAgIGdyaWQtY29sdW1uLWdhcDogMWVtO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICNjY2M7XG4gICAgYm9yZGVyLXJhZGl1czogJHtwcm9wcy5ib3JkZXJSYWRpdXN9O1xuICAgIHBhZGRpbmc6IDEuNGVtO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gICAgc3BhbiB7XG4gICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIH1cblxuICAgICY6aG92ZXIge1xuICAgICAgY3Vyc29yOiAke3Byb3BzLmNsaWNrYWJsZSA/ICdwb2ludGVyJyA6ICdpbml0aWFsJ307XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgRmlsZUluZm9XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIGdyaWQtcm93LWdhcDogMC4xZW07XG5cbiAgc3BhbiB7XG4gICAgd2hpdGUtc3BhY2U6IHByZS13cmFwO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBJY29uQmFja2dyb3VuZCA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogYW55KSA9PiBgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHdpZHRoOiA0MHB4O1xuICAgIGhlaWdodDogNDBweDtcbiAgICBib3JkZXItcmFkaXVzOiA0MHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuYmFja2dyb3VuZH07XG5cbiAgICBzcGFuIHtcbiAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIH1cbiAgYFxuKVxuIl19 */");
 export const FileInfoWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "egqh0xs1"
 } : {
@@ -26,7 +24,7 @@ export const FileInfoWrapper = _styled("div", process.env.NODE_ENV === "producti
 } : {
   name: "12uxgl2",
   styles: "display:grid;grid-template-columns:1fr;grid-row-gap:0.1em;span{white-space:pre-wrap;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRHlDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiB7IGNsaWNrYWJsZTogYm9vbGVhbiB9KSA9PiBjc3NgXG4gICAgJiA+IGJ1dHRvbixcbiAgICAmID4gYnV0dG9uID4gc3BhbiB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG5cbiAgICAmID4gYnV0dG9uOmFjdGl2ZSA+IHNwYW4gPiBkaXYge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcbiAgICB9XG5cbiAgICBidXR0b24ge1xuICAgICAgY3Vyc29yOiAke3Byb3BzLmNsaWNrYWJsZSA/ICdwb2ludGVyJyA6ICdpbml0aWFsJ307XG5cbiAgICAgICY6Zm9jdXMge1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246ICR7cHJvcHMuY2xpY2thYmxlID8gJ3VuZGVybGluZScgOiAnbm9uZSd9O1xuICAgICAgfVxuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgRmlsZVdyYXBwZXJCdXR0b24gPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IHsgY2xpY2thYmxlOiBib29sZWFuIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogNDBweCAxZnI7XG4gICAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XG4gICAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcbiAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICAgIHBhZGRpbmc6IDEuNGVtO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gICAgc3BhbiB7XG4gICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIH1cblxuICAgICY6aG92ZXIge1xuICAgICAgY3Vyc29yOiAke3Byb3BzLmNsaWNrYWJsZSA/ICdwb2ludGVyJyA6ICdpbml0aWFsJ307XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgRmlsZUluZm9XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIGdyaWQtcm93LWdhcDogMC4xZW07XG5cbiAgc3BhbiB7XG4gICAgd2hpdGUtc3BhY2U6IHByZS13cmFwO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBJY29uQmFja2dyb3VuZCA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogYW55KSA9PiBgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHdpZHRoOiA0MHB4O1xuICAgIGhlaWdodDogNDBweDtcbiAgICBib3JkZXItcmFkaXVzOiA0MHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuYmFja2dyb3VuZH07XG5cbiAgICBzcGFuIHtcbiAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIH1cbiAgYFxuKVxuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRHlDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiB7IGNsaWNrYWJsZTogYm9vbGVhbiB9KSA9PiBjc3NgXG4gICAgJiA+IGJ1dHRvbixcbiAgICAmID4gYnV0dG9uID4gc3BhbiB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG5cbiAgICAmID4gYnV0dG9uOmFjdGl2ZSA+IHNwYW4gPiBkaXYge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcbiAgICB9XG5cbiAgICBidXR0b24ge1xuICAgICAgY3Vyc29yOiAke3Byb3BzLmNsaWNrYWJsZSA/ICdwb2ludGVyJyA6ICdpbml0aWFsJ307XG5cbiAgICAgICY6Zm9jdXMge1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246ICR7cHJvcHMuY2xpY2thYmxlID8gJ3VuZGVybGluZScgOiAnbm9uZSd9O1xuICAgICAgfVxuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgRmlsZVdyYXBwZXJCdXR0b24gPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IHsgY2xpY2thYmxlOiBib29sZWFuOyBib3JkZXJSYWRpdXM6IHN0cmluZyB9KSA9PiBjc3NgXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDQwcHggMWZyO1xuICAgIGdyaWQtY29sdW1uLWdhcDogMWVtO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICNjY2M7XG4gICAgYm9yZGVyLXJhZGl1czogJHtwcm9wcy5ib3JkZXJSYWRpdXN9O1xuICAgIHBhZGRpbmc6IDEuNGVtO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gICAgc3BhbiB7XG4gICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIH1cblxuICAgICY6aG92ZXIge1xuICAgICAgY3Vyc29yOiAke3Byb3BzLmNsaWNrYWJsZSA/ICdwb2ludGVyJyA6ICdpbml0aWFsJ307XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgRmlsZUluZm9XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIGdyaWQtcm93LWdhcDogMC4xZW07XG5cbiAgc3BhbiB7XG4gICAgd2hpdGUtc3BhY2U6IHByZS13cmFwO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBJY29uQmFja2dyb3VuZCA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogYW55KSA9PiBgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHdpZHRoOiA0MHB4O1xuICAgIGhlaWdodDogNDBweDtcbiAgICBib3JkZXItcmFkaXVzOiA0MHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuYmFja2dyb3VuZH07XG5cbiAgICBzcGFuIHtcbiAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIH1cbiAgYFxuKVxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export const IconBackground = _styled("div", process.env.NODE_ENV === "production" ? {
@@ -46,4 +44,4 @@ export const IconBackground = _styled("div", process.env.NODE_ENV === "productio
     span {
       font-weight: bold;
     }
-  `, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRDhCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiB7IGNsaWNrYWJsZTogYm9vbGVhbiB9KSA9PiBjc3NgXG4gICAgJiA+IGJ1dHRvbixcbiAgICAmID4gYnV0dG9uID4gc3BhbiB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG5cbiAgICAmID4gYnV0dG9uOmFjdGl2ZSA+IHNwYW4gPiBkaXYge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcbiAgICB9XG5cbiAgICBidXR0b24ge1xuICAgICAgY3Vyc29yOiAke3Byb3BzLmNsaWNrYWJsZSA/ICdwb2ludGVyJyA6ICdpbml0aWFsJ307XG5cbiAgICAgICY6Zm9jdXMge1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246ICR7cHJvcHMuY2xpY2thYmxlID8gJ3VuZGVybGluZScgOiAnbm9uZSd9O1xuICAgICAgfVxuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgRmlsZVdyYXBwZXJCdXR0b24gPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IHsgY2xpY2thYmxlOiBib29sZWFuIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogNDBweCAxZnI7XG4gICAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XG4gICAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcbiAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICAgIHBhZGRpbmc6IDEuNGVtO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gICAgc3BhbiB7XG4gICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIH1cblxuICAgICY6aG92ZXIge1xuICAgICAgY3Vyc29yOiAke3Byb3BzLmNsaWNrYWJsZSA/ICdwb2ludGVyJyA6ICdpbml0aWFsJ307XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgRmlsZUluZm9XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIGdyaWQtcm93LWdhcDogMC4xZW07XG5cbiAgc3BhbiB7XG4gICAgd2hpdGUtc3BhY2U6IHByZS13cmFwO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBJY29uQmFja2dyb3VuZCA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogYW55KSA9PiBgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHdpZHRoOiA0MHB4O1xuICAgIGhlaWdodDogNDBweDtcbiAgICBib3JkZXItcmFkaXVzOiA0MHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuYmFja2dyb3VuZH07XG5cbiAgICBzcGFuIHtcbiAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIH1cbiAgYFxuKVxuIl19 */");
+  `, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRDhCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiB7IGNsaWNrYWJsZTogYm9vbGVhbiB9KSA9PiBjc3NgXG4gICAgJiA+IGJ1dHRvbixcbiAgICAmID4gYnV0dG9uID4gc3BhbiB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG5cbiAgICAmID4gYnV0dG9uOmFjdGl2ZSA+IHNwYW4gPiBkaXYge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcbiAgICB9XG5cbiAgICBidXR0b24ge1xuICAgICAgY3Vyc29yOiAke3Byb3BzLmNsaWNrYWJsZSA/ICdwb2ludGVyJyA6ICdpbml0aWFsJ307XG5cbiAgICAgICY6Zm9jdXMge1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246ICR7cHJvcHMuY2xpY2thYmxlID8gJ3VuZGVybGluZScgOiAnbm9uZSd9O1xuICAgICAgfVxuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgRmlsZVdyYXBwZXJCdXR0b24gPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IHsgY2xpY2thYmxlOiBib29sZWFuOyBib3JkZXJSYWRpdXM6IHN0cmluZyB9KSA9PiBjc3NgXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDQwcHggMWZyO1xuICAgIGdyaWQtY29sdW1uLWdhcDogMWVtO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICNjY2M7XG4gICAgYm9yZGVyLXJhZGl1czogJHtwcm9wcy5ib3JkZXJSYWRpdXN9O1xuICAgIHBhZGRpbmc6IDEuNGVtO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gICAgc3BhbiB7XG4gICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIH1cblxuICAgICY6aG92ZXIge1xuICAgICAgY3Vyc29yOiAke3Byb3BzLmNsaWNrYWJsZSA/ICdwb2ludGVyJyA6ICdpbml0aWFsJ307XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgRmlsZUluZm9XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIGdyaWQtcm93LWdhcDogMC4xZW07XG5cbiAgc3BhbiB7XG4gICAgd2hpdGUtc3BhY2U6IHByZS13cmFwO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBJY29uQmFja2dyb3VuZCA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogYW55KSA9PiBgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHdpZHRoOiA0MHB4O1xuICAgIGhlaWdodDogNDBweDtcbiAgICBib3JkZXItcmFkaXVzOiA0MHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuYmFja2dyb3VuZH07XG5cbiAgICBzcGFuIHtcbiAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIH1cbiAgYFxuKVxuIl19 */");

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

@@ -2,7 +2,6 @@ import React, { Fragment } from 'react';
 import NoticeAttachmentBlock from '../NoticeAttachmentBlock';
 import { ListWrapper } from './styles';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const NoticeAttachmentList = ({
   attachments,
   onDownload
@@ -18,5 +17,4 @@ const NoticeAttachmentList = ({
     })
   });
 };
-
 export default NoticeAttachmentList;

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

@@ -1,7 +1,5 @@
 import _styled from "@emotion/styled/base";
-
 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)."; }
-
 export const ListWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1mnd1pc0"
 } : {

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

@@ -4,7 +4,6 @@ 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";
-
 const NoticeMetaInfo = ({
   name,
   created,
@@ -49,5 +48,4 @@ const NoticeMetaInfo = ({
     })]
   });
 };
-
 export default NoticeMetaInfo;

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

@@ -1,7 +1,5 @@
 import _styled from "@emotion/styled/base";
-
 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)."; }
-
 export const NoticeMetaWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "evjeu6p2"
 } : {

package/esm/core/NoticeCard/styles.js

@@ -1,7 +1,5 @@
 import _styled from "@emotion/styled/base";
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 import { css } from '@emotion/react';
 import bp from '../../globals/styles/breakpoints';
 export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {

package/esm/core/NoticeCard/utils.js

@@ -10,17 +10,14 @@ export const getFileIcon = type => {
       return /*#__PURE__*/_jsx(IconCalendar, {
         primary: true
       });
-
     case 'application/pdf':
       return /*#__PURE__*/_jsx(IconFilePDF, {
         primary: true
       });
-
     case 'application/docx':
       return /*#__PURE__*/_jsx(IconFileWord, {
         primary: true
       });
-
     case 'default':
     default:
       return /*#__PURE__*/_jsx(IconFile, {

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

@@ -0,0 +1,19 @@
+import NotificationCounter from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/NotificationCounter',
+  component: NotificationCounter
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsx(NotificationCounter, {
+    amount: 80
+  }),
+  name: 'Default'
+};
+export const Persist = {
+  render: () => /*#__PURE__*/_jsx(NotificationCounter, {
+    amount: 0,
+    persist: true
+  }),
+  name: 'Persist'
+};

package/esm/core/NotificationCounter/index.js

@@ -1,7 +1,7 @@
 /** @jsxImportSource @emotion/react */
+
 import { styles } from './styles';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-
 const NotificationCounter = ({
   amount,
   persist,
@@ -14,5 +14,4 @@ const NotificationCounter = ({
     children: amount && amount > 999 ? '999+' : amount || 0
   }) : null;
 };
-
 export default NotificationCounter;

package/esm/core/NotificationCounter/styles.js

@@ -1,18 +1,14 @@
 import { css } from '@emotion/react';
-
 const getFontSize = digits => {
   switch (digits) {
     case 3:
       return '12px';
-
     case 4:
       return '10px';
-
     default:
       return '14px';
   }
 };
-
 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== */")
 };

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

@@ -4,7 +4,6 @@ import IconBellOutline from '../../../icons/General/IconBellOutline';
 import { UnreadMark, Wrapper } from './styles';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const NotificationBell = ({
   unread
 }) => {
@@ -17,5 +16,4 @@ const NotificationBell = ({
     })]
   });
 };
-
 export default NotificationBell;

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

@@ -4,7 +4,6 @@ import Text from '../../Text';
 import { Wrapper } from './styles';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const NotificationRow = ({
   title,
   description,
@@ -26,5 +25,4 @@ const NotificationRow = ({
     })]
   })
 });
-
 export default NotificationRow;

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

@@ -0,0 +1,33 @@
+import NotificationsMenu from '.';
+import NotificationRow from './NotificationRow';
+import IconAttachment from '../../icons/General/IconAttachment';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default {
+  title: 'Core/NotificationsMenu',
+  component: NotificationsMenu
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsxs(NotificationsMenu, {
+    unread: false,
+    onBellClick: () => console.log('hi'),
+    children: ["Her kan man legge hva man vil", /*#__PURE__*/_jsx(NotificationRow, {
+      title: "Dette er en test",
+      description: "beskrivelse kommer her",
+      icon: /*#__PURE__*/_jsx(IconAttachment, {
+        size: "14px",
+        primary: true
+      }),
+      onClick: () => console.log('hi')
+    })]
+  }),
+  name: 'Default'
+};
+export const UnreadNotification = {
+  render: () => /*#__PURE__*/_jsx(NotificationsMenu, {
+    unread: true,
+    onBellClick: () => console.log('bell click'),
+    children: "Her kan man legge hva man vil"
+  }),
+  name: 'Unread notification'
+};

package/esm/core/NotificationsMenu/index.js

@@ -4,7 +4,6 @@ import NotificationBell from './NotificationBell';
 import Button from '../Button';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const NotificationsMenu = ({
   unread,
   triggerClose,
@@ -16,20 +15,16 @@ const NotificationsMenu = ({
   useEffect(() => {
     const handleClickOutside = e => {
       const node = ref.current;
-
       if (node && node.contains(e.target)) {
         return;
       }
-
       setOpen(false);
     };
-
     if (open) {
       document.addEventListener('mousedown', handleClickOutside);
     } else {
       document.removeEventListener('mousedown', handleClickOutside);
     }
-
     return () => {
       document.removeEventListener('mousedown', handleClickOutside);
     };
@@ -37,12 +32,10 @@ const NotificationsMenu = ({
   useEffect(() => {
     if (triggerClose) setOpen(false);
   }, [triggerClose]);
-
   const onClick = () => {
     setOpen(true);
     onBellClick();
   };
-
   return /*#__PURE__*/_jsxs(NotificationsWrapper, {
     children: [/*#__PURE__*/_jsx(Button, {
       nostyle: true,
@@ -58,5 +51,4 @@ const NotificationsMenu = ({
     })]
   });
 };
-
 export default NotificationsMenu;

package/esm/core/NotificationsMenu/styles.js

@@ -1,7 +1,5 @@
 import _styled from "@emotion/styled/base";
-
 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)."; }
-
 export const NotificationsWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "ebh5fga1"
 } : {

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

@@ -1,10 +1,9 @@
 import React from 'react';
 import { Sector } from 'recharts';
-/** Renders outer line on the pie chart */
 
+/** Renders outer line on the pie chart */
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const ActiveShape = props => {
   const {
     cx,
@@ -35,5 +34,4 @@ const ActiveShape = props => {
     })]
   });
 };
-
 export default ActiveShape;

package/esm/core/PieChart/PieChart.stories.js

@@ -0,0 +1,81 @@
+import PieChart from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/PieChart',
+  component: PieChart
+};
+const constructDataWithTheme = theme => [{
+  title: 'Eiere',
+  value: 400,
+  color: theme.success
+}, {
+  title: 'Leietakere',
+  value: 300,
+  color: theme.alert
+}, {
+  title: 'Medboere',
+  value: 300,
+  color: theme.info
+}, {
+  title: 'Fullmaktshavere',
+  value: 200,
+  color: theme.illustrationPrimary40
+}, {
+  title: 'Ikke innlogget',
+  value: 200,
+  color: theme.bgMedium
+}];
+export const Default = {
+  render: (_args, {
+    loaded: {
+      theme
+    }
+  }) => /*#__PURE__*/_jsx(PieChart, {
+    height: "300px",
+    width: "300px",
+    defaultSubtitle: "beboere",
+    subtitlePrefix: "Totalt antall",
+    data: constructDataWithTheme(theme)
+  }),
+  name: 'Default'
+};
+export const WithoutPrefix = {
+  render: (_args, {
+    loaded: {
+      theme
+    }
+  }) => /*#__PURE__*/_jsx(PieChart, {
+    height: "300px",
+    width: "300px",
+    defaultSubtitle: "Beboere",
+    data: constructDataWithTheme(theme)
+  }),
+  name: 'Without prefix'
+};
+export const Responsive = {
+  render: (_args, {
+    loaded: {
+      theme
+    }
+  }) => /*#__PURE__*/_jsx(PieChart, {
+    height: '200px',
+    defaultSubtitle: "Beboere",
+    data: constructDataWithTheme(theme)
+  }),
+  name: 'Responsive'
+};
+export const Opacity = {
+  render: (_args, {
+    loaded: {
+      theme
+    }
+  }) => /*#__PURE__*/_jsx(PieChart, {
+    height: "300px",
+    width: "300px",
+    opacity: 40,
+    defaultSubtitle: "beboere",
+    subtitlePrefix: "Totalt antall",
+    data: constructDataWithTheme(theme)
+  }),
+  name: 'Opacity'
+};

package/esm/core/PieChart/index.js

@@ -6,7 +6,6 @@ import renderTextContent from './renderTextContent';
 import { PieChartWrapper } from './styles';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const PieChart = ({
   width,
   height,
@@ -20,8 +19,8 @@ const PieChart = ({
 }) => {
   const [activeIndex, setActiveIndex] = useState();
   const [hoverIndex, setHoverIndex] = useState(null);
-  /** When active is handled from the outside */
 
+  /** When active is handled from the outside */
   useEffect(() => {
     setActiveIndex(active);
   }, [active]);
@@ -31,13 +30,12 @@ const PieChart = ({
       onActiveChange?.(undefined);
       return;
     }
-
     onActiveChange?.(index);
     setActiveIndex(index);
   }, [activeIndex, onActiveChange]);
   const onCellHover = useCallback((_, index) => setHoverIndex(index), [setHoverIndex]);
-  /** Avoids re-renders by memoizing parameters */
 
+  /** Avoids re-renders by memoizing parameters */
   const calculateTitle = useMemo(() => {
     const activeItemTitle = activeIndex !== undefined ? data[activeIndex].title : defaultSubtitle;
     return subtitlePrefix ? `${subtitlePrefix} ${activeItemTitle?.toLocaleLowerCase()}` : activeItemTitle;
@@ -57,13 +55,15 @@ const PieChart = ({
           activeIndex: activeIndex,
           activeShape: ActiveShape,
           onMouseEnter: onCellHover,
-          onMouseOut: () => setHoverIndex(null) // Thickness of the graph, higher % = thinner
+          onMouseOut: () => setHoverIndex(null)
+          // Thickness of the graph, higher % = thinner
           ,
           innerRadius: "65%",
           dataKey: "value",
           ...rest,
           children: [/*#__PURE__*/_jsx(LabelList, {
-            valueAccessor: () => {} // @ts-ignore
+            valueAccessor: () => {}
+            // @ts-ignore
             ,
             content: renderTextContent(activeItemValue, calculateTitle)
           }), data.map((entry, index) => /*#__PURE__*/_jsx(Cell, {
@@ -74,5 +74,4 @@ const PieChart = ({
     })
   });
 };
-
 export default PieChart;

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

@@ -1,10 +1,9 @@
 import React from 'react';
 import { TextContent } from '../styles';
-/** Renders central text in the pie chart*/
 
+/** Renders central text in the pie chart*/
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const renderTextContent = (num, title) => props => {
   const {
     cx,
@@ -40,5 +39,4 @@ const renderTextContent = (num, title) => props => {
     })
   });
 };
-
 export default renderTextContent;