@bbl-digital/snorre 4.0.0-alpha.7 → 4.0.0-beta.10

package/lib/core/Modal/Modal.stories.js

@@ -0,0 +1,117 @@
+import Header from '../Header';
+import Text from '../Text';
+import Button from '../Button';
+import Modal from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default {
+  title: 'Core/Modal',
+  component: Modal,
+  parameters: {
+    docs: {
+      story: {
+        inline: false,
+        height: '500px'
+      }
+    }
+  }
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsx(Modal, {
+    open: true,
+    onClose: () => console.log('closed'),
+    header: /*#__PURE__*/_jsx(Header, {
+      level: 3,
+      children: "Her kommer en header"
+    }),
+    actionButton: /*#__PURE__*/_jsxs(Modal.Actions, {
+      children: [/*#__PURE__*/_jsx(Button, {
+        outline: true,
+        children: "Cancel"
+      }), /*#__PURE__*/_jsx(Button, {
+        children: "Save changes"
+      })]
+    }),
+    disableOutsideClick: false,
+    children: /*#__PURE__*/_jsx(Text, {
+      children: "Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff."
+    })
+  }),
+  name: 'Default'
+};
+export const Collapse = {
+  render: () => /*#__PURE__*/_jsx(Modal, {
+    open: true,
+    onClose: () => console.log('closed'),
+    onCollapse: () => console.log('collapse'),
+    header: /*#__PURE__*/_jsx(Header, {
+      level: 3,
+      children: "Her kommer en header"
+    }),
+    actionButton: /*#__PURE__*/_jsx(Button, {
+      children: "Save changes"
+    }),
+    children: /*#__PURE__*/_jsx(Text, {
+      children: "Hello there! I am Modal, i can be collapsed, but not in storybook though, it has to be done from parent"
+    })
+  }),
+  name: 'Collapse'
+};
+export const Dynamic = {
+  render: () => /*#__PURE__*/_jsx(Modal, {
+    open: true,
+    onClose: () => console.log('closed'),
+    width: '600px',
+    header: /*#__PURE__*/_jsx(Header, {
+      level: 3,
+      children: "Her kommer en header"
+    }),
+    actionButton: /*#__PURE__*/_jsx(Button, {
+      children: "Save changes"
+    }),
+    children: /*#__PURE__*/_jsx(Text, {
+      children: "Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff."
+    })
+  }),
+  name: 'Dynamic'
+};
+export const Scrollable = {
+  render: () => /*#__PURE__*/_jsxs(Modal, {
+    open: true,
+    onClose: () => console.log('closed'),
+    disableScrollableContent: false,
+    width: '100%',
+    header: /*#__PURE__*/_jsx(Header, {
+      level: 3,
+      children: "Scrollable modal"
+    }),
+    actionButton: /*#__PURE__*/_jsx(Button, {
+      children: "Button is allways shown"
+    }),
+    children: [/*#__PURE__*/_jsxs(Text, {
+      children: ["Her kommer masse stuff. Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), "Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff.Her kommer masse stuff", /*#__PURE__*/_jsx("br", {}), ".Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her", /*#__PURE__*/_jsx("br", {}), "kommer", /*#__PURE__*/_jsx("br", {}), "masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff."]
+    }), /*#__PURE__*/_jsxs(Text, {
+      children: ["Her kommer masse stuff. Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), "Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff.Her kommer masse stuff", /*#__PURE__*/_jsx("br", {}), ".Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her", /*#__PURE__*/_jsx("br", {}), "kommer", /*#__PURE__*/_jsx("br", {}), "masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff."]
+    }), /*#__PURE__*/_jsxs(Text, {
+      children: ["Her kommer masse stuff. Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), "Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff.Her kommer masse stuff", /*#__PURE__*/_jsx("br", {}), ".Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her", /*#__PURE__*/_jsx("br", {}), "kommer", /*#__PURE__*/_jsx("br", {}), "masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff."]
+    }), /*#__PURE__*/_jsxs(Text, {
+      children: ["Her kommer masse stuff. Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), "Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff.Her kommer masse stuff", /*#__PURE__*/_jsx("br", {}), ".Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her", /*#__PURE__*/_jsx("br", {}), "kommer", /*#__PURE__*/_jsx("br", {}), "masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff."]
+    })]
+  }),
+  name: 'Scrollable'
+};
+export const Fullscreeen = {
+  render: () => /*#__PURE__*/_jsx(Modal, {
+    open: true,
+    toggleFullscreen: true,
+    onClose: () => console.log('closed'),
+    header: /*#__PURE__*/_jsx(Header, {
+      level: 3,
+      children: "With fullscreen"
+    }),
+    children: /*#__PURE__*/_jsx(Text, {
+      children: "Hello there! I am Modal, i can be be toggled for fullscreen"
+    })
+  }),
+  name: 'Fullscreeen'
+};

package/lib/core/Modal/index.d.ts

@@ -6,7 +6,7 @@ interface IProps {
     open?: boolean;
     /** React node for header component */
     header?: React.ReactNode;
-    /** React node for action buttons */
+    /** React node for action buttons. Use Modal.Actions as a wrapper, if using multiple buttons */
     actionButton?: React.ReactNode;
     /** Modal width */
     width?: string;
@@ -39,6 +39,13 @@ interface IProps {
     /** Children */
     children?: React.ReactNode | React.ReactNode[];
 }
-declare const Modal: React.FC<IProps>;
+declare function Modal({ open, header, actionButton, width, children, disableOutsideClick, hideCloseButton, disableScroll, targetRefs, disableScrollableContent, headerCss, contentCss, disableLocalClose, toggleFullscreen, defaultFullscreen, disableFocusTrap, onClose, onCollapse, }: IProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare namespace Modal {
+    var Actions: ({ children, className, spaceBetween }: {
+        children: React.ReactNode | React.ReactNode[];
+        spaceBetween?: boolean | undefined;
+        className?: string | undefined;
+    }) => JSX.Element;
+}
 export default Modal;
 //# sourceMappingURL=index.d.ts.map

package/lib/core/Modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Modal/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAsD,MAAM,OAAO,CAAA;AAkB1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAIjD,UAAU,MAAM;IACd,8BAA8B;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,sCAAsC;IACtC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,oCAAoC;IACpC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qCAAqC;IACrC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,wBAAwB;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,kCAAkC;IAClC,UAAU,CAAC,EAAE,GAAG,EAAE,CAAA;IAClB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,8HAA8H;IAC9H,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,2BAA2B;IAC3B,UAAU,CAAC,EAAE,gBAAgB,CAAA;IAC7B,0BAA0B;IAC1B,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,0BAA0B;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAC/C;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAmJ3B,CAAA;AAED,eAAe,KAAK,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Modal/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAsD,MAAM,OAAO,CAAA;AAkB1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAKjD,UAAU,MAAM;IACd,8BAA8B;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,sCAAsC;IACtC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,+FAA+F;IAC/F,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qCAAqC;IACrC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,wBAAwB;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,kCAAkC;IAClC,UAAU,CAAC,EAAE,GAAG,EAAE,CAAA;IAClB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,8HAA8H;IAC9H,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,2BAA2B;IAC3B,UAAU,CAAC,EAAE,gBAAgB,CAAA;IAC7B,0BAA0B;IAC1B,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,0BAA0B;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAC/C;AAED,iBAAS,KAAK,CAAC,EACb,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,KAAe,EACf,QAAQ,EACR,mBAA0B,EAC1B,eAAe,EACf,aAAoB,EACpB,UAAU,EACV,wBAAwB,EACxB,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,OAAO,EACP,UAAU,GACX,EAAE,MAAM,oDAgIR;kBAnJQ,KAAK;;;;;;;AAuJd,eAAe,KAAK,CAAA"}

package/lib/core/Modal/index.js

@@ -7,10 +7,10 @@ import IconClose from '../../icons/General/IconClose';
 import { Button, IconFullscreenClose } from '../..';
 import IconMinus from '../../icons/General/IconMinus';
 import IconFullscreenOpen from '../../icons/General/IconFullscreenOpen';
+import ActionButtons from './ActionButtons';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-
-const Modal = ({
+function Modal({
   open,
   header,
   actionButton,
@@ -29,53 +29,44 @@ const Modal = ({
   disableFocusTrap,
   onClose,
   onCollapse
-}) => {
+}) {
   const modalRef = /*#__PURE__*/createRef();
   const [isOpen, setOpen] = useState(open);
   const [headerHeight, setHeaderHeight] = useState(0);
   const [isFullscreen, setIsFullscreen] = useState(!!defaultFullscreen);
   const hasCollapse = Boolean(onCollapse);
-
   const setClose = () => {
     enableBodyScroll(modalRef.current);
     if (!disableLocalClose) setOpen(false);
-
     if (onClose) {
       onClose();
     }
   };
-
   const handleHeaderRef = useCallback(node => {
     setHeaderHeight(node?.clientHeight);
   }, []);
   useEffect(() => {
     if (!modalRef.current) return;
-
     if (isOpen && disableScroll) {
       disableBodyScroll(modalRef.current);
-
       if (targetRefs && targetRefs.length > 0) {
         targetRefs.forEach(ref => disableBodyScroll(ref.current));
       }
-
       return;
     }
-
     enableBodyScroll(modalRef.current);
   }, [isOpen, modalRef, open, targetRefs, disableScroll]);
-  /** Cleanup body scroll on component destroyed */
 
+  /** Cleanup body scroll on component destroyed */
   useEffect(() => {
     return () => {
       clearAllBodyScrollLocks();
     };
   });
-
   const onOutsideClick = () => {
     if (disableOutsideClick) return;
     setClose();
   };
-
   return _jsx(CSSTransition, {
     in: isOpen,
     unmountOnExit: true,
@@ -132,6 +123,6 @@ const Modal = ({
       })
     })
   });
-};
-
+}
+Modal.Actions = ActionButtons;
 export default Modal;

package/lib/core/Modal/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 { keyframes, css } from '@emotion/react';
 import bp from '../../globals/styles/breakpoints';
 const fadeIn = keyframes`
@@ -18,7 +16,6 @@ export const Overlay = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1pqvfqt6",
   label: "Overlay"
 })("position:fixed;-webkit-overflow-scrolling:touch;top:0;left:0;right:0;bottom:0;z-index:1001;background:rgba(0, 0, 0, 0.27);overflow:auto;display:flex;justify-content:center;align-items:center;&.filter-overlay-enter{animation:", fadeIn, " 0.2s linear;}&.filter-overlay-exit-active{animation:", fadeOut, " 0.2s linear;}&.filter-overlay-exit{background:rgba(0, 0, 0, 0);}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01vZGFsL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjaUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTW9kYWwvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsga2V5ZnJhbWVzLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuXG5jb25zdCBmYWRlSW4gPSBrZXlmcmFtZXNgXG4gIGZyb20geyBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDApOyB9XG4gIHRvIHsgYmFja2dyb3VuZDogcmdiYSgwLCAwLCAwLCAwLjI3KTsgfVxuYFxuXG5jb25zdCBmYWRlT3V0ID0ga2V5ZnJhbWVzYFxuICBmcm9tIHsgYmFja2dyb3VuZDogcmdiYSgwLCAwLCAwLCAwLjI3KTsgfVxuICB0byB7IGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMCk7IH1cbmBcblxuZXhwb3J0IGNvbnN0IE92ZXJsYXkgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogZml4ZWQ7XG4gIC13ZWJraXQtb3ZlcmZsb3ctc2Nyb2xsaW5nOiB0b3VjaDtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICByaWdodDogMDtcbiAgYm90dG9tOiAwO1xuICB6LWluZGV4OiAxMDAxO1xuICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuMjcpO1xuICBvdmVyZmxvdzogYXV0bztcblxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAmLmZpbHRlci1vdmVybGF5LWVudGVyIHtcbiAgICBhbmltYXRpb246ICR7ZmFkZUlufSAwLjJzIGxpbmVhcjtcbiAgfVxuXG4gICYuZmlsdGVyLW92ZXJsYXktZXhpdC1hY3RpdmUge1xuICAgIGFuaW1hdGlvbjogJHtmYWRlT3V0fSAwLjJzIGxpbmVhcjtcbiAgfVxuXG4gICYuZmlsdGVyLW92ZXJsYXktZXhpdCB7XG4gICAgYmFja2dyb3VuZDogcmdiYSgwLCAwLCAwLCAwKTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgQ29udGVudCA9IHN0eWxlZC5kaXYoXG4gICh7XG4gICAgd2lkdGgsXG4gICAgaXNGdWxsc2NyZWVuLFxuICAgIGNhblRvZ2dsZUZ1bGxzY3JlZW4sXG4gIH06IHtcbiAgICB3aWR0aDogc3RyaW5nXG4gICAgaXNGdWxsc2NyZWVuOiBib29sZWFuXG4gICAgY2FuVG9nZ2xlRnVsbHNjcmVlbjogYm9vbGVhblxuICB9KSA9PiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIG1pbi13aWR0aDogMzAwcHg7XG4gICAgd2lkdGg6ICR7aXNGdWxsc2NyZWVuID8gJzEwMCUnIDogd2lkdGh9O1xuICAgIG1pbi1oZWlnaHQ6ICR7aXNGdWxsc2NyZWVuID8gJzEwMCUnIDogJzEwMHB4J307XG4gICAgbWFyZ2luOiAke2lzRnVsbHNjcmVlbiA/ICcwJyA6ICcwIDFlbSd9O1xuXG4gICAgYm9yZGVyLXJhZGl1czogJHtpc0Z1bGxzY3JlZW4gPyAnMCcgOiAnMTVweCd9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gICAgYm94LXNoYWRvdzogMCAxMHB4IDIwcHggMCByZ2JhKDAsIDAsIDAsIDAuMjUpO1xuXG4gICAgJHtjYW5Ub2dnbGVGdWxsc2NyZWVuICYmXG4gICAgY3NzYFxuICAgICAgdHJhbnNpdGlvbjogd2lkdGggMjAwbXMsIG1pbi1oZWlnaHQgNTBtcztcbiAgICBgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDbG9zZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHRvcDogMS41ZW07XG4gIHJpZ2h0OiAyZW07XG4gIG9wYWNpdHk6IDAuMztcbiAgZ2FwOiAzcHg7XG5gXG5cbmV4cG9ydCBjb25zdCBIZWFkZXJXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHsgd2l0aENvbGxhcHNlIH06IHsgd2l0aENvbGxhcHNlOiBib29sZWFuIH0pID0+IGNzc2BcbiAgICBwYWRkaW5nOiAxLjVlbSAyZW07XG5cbiAgICBoMSxcbiAgICBoMixcbiAgICBoMyxcbiAgICBoNCxcbiAgICBoNSB7XG4gICAgICBtYXJnaW4tcmlnaHQ6ICR7d2l0aENvbGxhcHNlXG4gICAgICAgID8gJzJlbSdcbiAgICAgICAgOiAnMWVtJ307IC8vIEF2b2lkIG92ZXJsYXAgd2l0aCBjbG9zZSBpY29uXG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBNb2RhbENvbnRlbnQgPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IHsgc2Nyb2xsYWJsZTogYm9vbGVhbiB9KSA9PiBjc3NgXG4gICAgcGFkZGluZzogJHtwcm9wcy5zY3JvbGxhYmxlID8gJzAgMCAxLjVlbSAwJyA6ICcxLjVlbSAyZW0nfTtcbiAgICBwYWRkaW5nLXRvcDogMDtcbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgU2Nyb2xsYWJsZURpdiA9IHN0eWxlZC5kaXYoXG4gICh7XG4gICAgaGFzQWN0aW9uQnV0dG9uLFxuICAgIGlzRnVsbHNjcmVlbixcbiAgICB3aW5kb3dIZWlnaHQsXG4gICAgaGVhZGVySGVpZ2h0LFxuICB9OiB7XG4gICAgaGFzQWN0aW9uQnV0dG9uOiBib29sZWFuXG4gICAgaXNGdWxsc2NyZWVuOiBib29sZWFuXG4gICAgd2luZG93SGVpZ2h0OiBudW1iZXJcbiAgICBoZWFkZXJIZWlnaHQ6IG51bWJlclxuICB9KSA9PiBjc3NgXG4gICAgbWF4LWhlaWdodDogY2FsYyhcbiAgICAgICR7aXNGdWxsc2NyZWVuID8gd2luZG93SGVpZ2h0ICsgJ3B4JyA6ICc5NXZoJ30gLVxuICAgICAgICAke2hhc0FjdGlvbkJ1dHRvblxuICAgICAgICAgID8gJzIwMHB4J1xuICAgICAgICAgIDogaXNGdWxsc2NyZWVuXG4gICAgICAgICAgPyBgJHtoZWFkZXJIZWlnaHR9cHggLSAxLjVlbSAtIDJweGBcbiAgICAgICAgICA6ICcxMjBweCd9XG4gICAgKTtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIG92ZXJmbG93LXk6IGF1dG87XG4gICAgLXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoO1xuICAgIHBhZGRpbmc6IDAgMmVtO1xuXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgICBtYXgtaGVpZ2h0OiBjYWxjKFxuICAgICAgICAke3dpbmRvd0hlaWdodCArICdweCd9IC1cbiAgICAgICAgICAke2hhc0FjdGlvbkJ1dHRvblxuICAgICAgICAgICAgPyAnMjAwcHgnXG4gICAgICAgICAgICA6IGlzRnVsbHNjcmVlblxuICAgICAgICAgICAgPyBgJHtoZWFkZXJIZWlnaHR9cHggLSAxLjVlbWBcbiAgICAgICAgICAgIDogJzEyMHB4J31cbiAgICAgICk7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBBY3Rpb25CdXR0b25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgcGFkZGluZzogMS41ZW0gMmVtO1xuICBwYWRkaW5nLXRvcDogMWVtO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgI2Q3ZDdkNztcbmBcbiJdfQ== */"));
-
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "1oys671",
   styles: "transition:width 200ms,min-height 50ms"
@@ -28,7 +25,6 @@ var _ref = process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01vZGFsL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRE8iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTW9kYWwvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsga2V5ZnJhbWVzLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuXG5jb25zdCBmYWRlSW4gPSBrZXlmcmFtZXNgXG4gIGZyb20geyBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDApOyB9XG4gIHRvIHsgYmFja2dyb3VuZDogcmdiYSgwLCAwLCAwLCAwLjI3KTsgfVxuYFxuXG5jb25zdCBmYWRlT3V0ID0ga2V5ZnJhbWVzYFxuICBmcm9tIHsgYmFja2dyb3VuZDogcmdiYSgwLCAwLCAwLCAwLjI3KTsgfVxuICB0byB7IGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMCk7IH1cbmBcblxuZXhwb3J0IGNvbnN0IE92ZXJsYXkgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogZml4ZWQ7XG4gIC13ZWJraXQtb3ZlcmZsb3ctc2Nyb2xsaW5nOiB0b3VjaDtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICByaWdodDogMDtcbiAgYm90dG9tOiAwO1xuICB6LWluZGV4OiAxMDAxO1xuICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuMjcpO1xuICBvdmVyZmxvdzogYXV0bztcblxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAmLmZpbHRlci1vdmVybGF5LWVudGVyIHtcbiAgICBhbmltYXRpb246ICR7ZmFkZUlufSAwLjJzIGxpbmVhcjtcbiAgfVxuXG4gICYuZmlsdGVyLW92ZXJsYXktZXhpdC1hY3RpdmUge1xuICAgIGFuaW1hdGlvbjogJHtmYWRlT3V0fSAwLjJzIGxpbmVhcjtcbiAgfVxuXG4gICYuZmlsdGVyLW92ZXJsYXktZXhpdCB7XG4gICAgYmFja2dyb3VuZDogcmdiYSgwLCAwLCAwLCAwKTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgQ29udGVudCA9IHN0eWxlZC5kaXYoXG4gICh7XG4gICAgd2lkdGgsXG4gICAgaXNGdWxsc2NyZWVuLFxuICAgIGNhblRvZ2dsZUZ1bGxzY3JlZW4sXG4gIH06IHtcbiAgICB3aWR0aDogc3RyaW5nXG4gICAgaXNGdWxsc2NyZWVuOiBib29sZWFuXG4gICAgY2FuVG9nZ2xlRnVsbHNjcmVlbjogYm9vbGVhblxuICB9KSA9PiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIG1pbi13aWR0aDogMzAwcHg7XG4gICAgd2lkdGg6ICR7aXNGdWxsc2NyZWVuID8gJzEwMCUnIDogd2lkdGh9O1xuICAgIG1pbi1oZWlnaHQ6ICR7aXNGdWxsc2NyZWVuID8gJzEwMCUnIDogJzEwMHB4J307XG4gICAgbWFyZ2luOiAke2lzRnVsbHNjcmVlbiA/ICcwJyA6ICcwIDFlbSd9O1xuXG4gICAgYm9yZGVyLXJhZGl1czogJHtpc0Z1bGxzY3JlZW4gPyAnMCcgOiAnMTVweCd9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gICAgYm94LXNoYWRvdzogMCAxMHB4IDIwcHggMCByZ2JhKDAsIDAsIDAsIDAuMjUpO1xuXG4gICAgJHtjYW5Ub2dnbGVGdWxsc2NyZWVuICYmXG4gICAgY3NzYFxuICAgICAgdHJhbnNpdGlvbjogd2lkdGggMjAwbXMsIG1pbi1oZWlnaHQgNTBtcztcbiAgICBgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDbG9zZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHRvcDogMS41ZW07XG4gIHJpZ2h0OiAyZW07XG4gIG9wYWNpdHk6IDAuMztcbiAgZ2FwOiAzcHg7XG5gXG5cbmV4cG9ydCBjb25zdCBIZWFkZXJXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHsgd2l0aENvbGxhcHNlIH06IHsgd2l0aENvbGxhcHNlOiBib29sZWFuIH0pID0+IGNzc2BcbiAgICBwYWRkaW5nOiAxLjVlbSAyZW07XG5cbiAgICBoMSxcbiAgICBoMixcbiAgICBoMyxcbiAgICBoNCxcbiAgICBoNSB7XG4gICAgICBtYXJnaW4tcmlnaHQ6ICR7d2l0aENvbGxhcHNlXG4gICAgICAgID8gJzJlbSdcbiAgICAgICAgOiAnMWVtJ307IC8vIEF2b2lkIG92ZXJsYXAgd2l0aCBjbG9zZSBpY29uXG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBNb2RhbENvbnRlbnQgPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IHsgc2Nyb2xsYWJsZTogYm9vbGVhbiB9KSA9PiBjc3NgXG4gICAgcGFkZGluZzogJHtwcm9wcy5zY3JvbGxhYmxlID8gJzAgMCAxLjVlbSAwJyA6ICcxLjVlbSAyZW0nfTtcbiAgICBwYWRkaW5nLXRvcDogMDtcbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgU2Nyb2xsYWJsZURpdiA9IHN0eWxlZC5kaXYoXG4gICh7XG4gICAgaGFzQWN0aW9uQnV0dG9uLFxuICAgIGlzRnVsbHNjcmVlbixcbiAgICB3aW5kb3dIZWlnaHQsXG4gICAgaGVhZGVySGVpZ2h0LFxuICB9OiB7XG4gICAgaGFzQWN0aW9uQnV0dG9uOiBib29sZWFuXG4gICAgaXNGdWxsc2NyZWVuOiBib29sZWFuXG4gICAgd2luZG93SGVpZ2h0OiBudW1iZXJcbiAgICBoZWFkZXJIZWlnaHQ6IG51bWJlclxuICB9KSA9PiBjc3NgXG4gICAgbWF4LWhlaWdodDogY2FsYyhcbiAgICAgICR7aXNGdWxsc2NyZWVuID8gd2luZG93SGVpZ2h0ICsgJ3B4JyA6ICc5NXZoJ30gLVxuICAgICAgICAke2hhc0FjdGlvbkJ1dHRvblxuICAgICAgICAgID8gJzIwMHB4J1xuICAgICAgICAgIDogaXNGdWxsc2NyZWVuXG4gICAgICAgICAgPyBgJHtoZWFkZXJIZWlnaHR9cHggLSAxLjVlbSAtIDJweGBcbiAgICAgICAgICA6ICcxMjBweCd9XG4gICAgKTtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIG92ZXJmbG93LXk6IGF1dG87XG4gICAgLXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoO1xuICAgIHBhZGRpbmc6IDAgMmVtO1xuXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgICBtYXgtaGVpZ2h0OiBjYWxjKFxuICAgICAgICAke3dpbmRvd0hlaWdodCArICdweCd9IC1cbiAgICAgICAgICAke2hhc0FjdGlvbkJ1dHRvblxuICAgICAgICAgICAgPyAnMjAwcHgnXG4gICAgICAgICAgICA6IGlzRnVsbHNjcmVlblxuICAgICAgICAgICAgPyBgJHtoZWFkZXJIZWlnaHR9cHggLSAxLjVlbWBcbiAgICAgICAgICAgIDogJzEyMHB4J31cbiAgICAgICk7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBBY3Rpb25CdXR0b25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgcGFkZGluZzogMS41ZW0gMmVtO1xuICBwYWRkaW5nLXRvcDogMWVtO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgI2Q3ZDdkNztcbmBcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-
 export const Content = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1pqvfqt5"
 } : {

package/lib/core/NoticeCard/NoticeCard.stories.d.ts

@@ -0,0 +1,11 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Modal: {
+    render: () => JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=NoticeCard.stories.d.ts.map

package/lib/core/NoticeCard/NoticeCard.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoticeCard.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NoticeCard/NoticeCard.stories.tsx"],"names":[],"mappings":";AAIA,wBAYS;AAqCT,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,KAAK;;;CAajB,CAAA"}

package/lib/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/lib/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/lib/core/NoticeCard/models.js

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

package/lib/core/NoticeCard/privateComponents/NoticeAttachmentBlock/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/packages/core/NoticeCard/privateComponents/NoticeAttachmentBlock/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,UAAU,MAAM;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB;AAED,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA4B3C,CAAA;AAED,eAAe,qBAAqB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/packages/core/NoticeCard/privateComponents/NoticeAttachmentBlock/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,UAAU,MAAM;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB;AAED,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA+B3C,CAAA;AAED,eAAe,qBAAqB,CAAA"}

package/lib/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/lib/core/NoticeCard/privateComponents/NoticeAttachmentBlock/styles.d.ts

@@ -10,6 +10,7 @@ export declare const FileWrapperButton: import("@emotion/styled").StyledComponen
     as?: import("react").ElementType<any> | undefined;
 } & {
     clickable: boolean;
+    borderRadius: string;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const FileInfoWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;

package/lib/core/NoticeCard/privateComponents/NoticeAttachmentBlock/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/packages/core/NoticeCard/privateComponents/NoticeAttachmentBlock/styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,OAAO;;;;eACG,OAAO;yGAkB7B,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;eACP,OAAO;yGAqB7B,CAAA;AAED,eAAO,MAAM,eAAe;;;yGAQ3B,CAAA;AAED,eAAO,MAAM,cAAc,uJAc1B,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/packages/core/NoticeCard/privateComponents/NoticeAttachmentBlock/styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,OAAO;;;;eACG,OAAO;yGAkB7B,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;eACP,OAAO;kBAAgB,MAAM;yGAqBnD,CAAA;AAED,eAAO,MAAM,eAAe;;;yGAQ3B,CAAA;AAED,eAAO,MAAM,cAAc,uJAc1B,CAAA"}

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/core/NotificationCounter/NotificationCounter.stories.d.ts

@@ -0,0 +1,11 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Persist: {
+    render: () => JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=NotificationCounter.stories.d.ts.map

package/lib/core/NotificationCounter/NotificationCounter.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationCounter.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NotificationCounter/NotificationCounter.stories.tsx"],"names":[],"mappings":";AAGA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAGnB,CAAA"}