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

package/lib/core/Modal/index.js

@@ -10,7 +10,6 @@ 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";
-
 function Modal({
   open,
   header,
@@ -36,47 +35,38 @@ function Modal({
   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,
@@ -134,6 +124,5 @@ function 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"}

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/core/NotificationsMenu/NotificationsMenu.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 UnreadNotification: {
+    render: () => JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=NotificationsMenu.stories.d.ts.map

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

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

package/lib/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'
+};