@bbl-digital/snorre 2.2.30 → 2.2.34

package/esm/core/Input/index.js

@@ -59,7 +59,7 @@ const Input = /*#__PURE__*/React.forwardRef(({
     handleDebounceChange(debouncedValue); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [debouncedValue]);
   return _jsxs("label", {
-    css: theme => [styles.default(theme), props.highlight && styles.highligted(height), props.type === 'search' && styles.searchLabel(theme), props.validation && styles.validation, (props.invalid || props.invalidMessage) && styles.invalid(theme), height && styles.height(height)],
+    css: theme => [styles.default(theme), props.highlight && styles.highligted(height), type === 'search' && styles.searchLabel(theme), props.validation && styles.validation, (props.invalid || props.invalidMessage) && styles.invalid(theme), height && styles.height(height)],
     children: [props.label && _jsx("span", {
       children: props.label
     }), _jsx("input", {
@@ -74,7 +74,7 @@ const Input = /*#__PURE__*/React.forwardRef(({
       maxLength: maxlength,
       ref: ref,
       name: props.name,
-      css: theme => [props.type === 'text' && styles.text(theme), props.type === 'search' && styles.search(theme), props.type === 'password' && styles.password(theme), props.type === 'number' && styles.number(theme), props.type === 'file' && styles.file, props.disabled && styles.disabled(theme), props.cardInput && styles.cardInput],
+      css: theme => [type === 'text' && styles.text(theme), type === 'search' && styles.search(theme), type === 'password' && styles.password(theme), type === 'number' && styles.number(theme), type === 'file' && styles.file, props.disabled && styles.disabled(theme), props.cardInput && styles.cardInput],
       children: React.Children.map(props.children, child => {
         if (!child) {
           return null;

package/esm/core/ListPager/index.js

@@ -0,0 +1,55 @@
+import React from 'react';
+import { useTheme } from '@emotion/react';
+import { DotWrapper, PageStyle, Wrapper } from './styles';
+import { getHasPreviousPages, getHasMorePages, getFirstButtonIndex } from '../../utils/pagination';
+import Button from '../Button';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+const ListPager = ({
+  totalPageCount,
+  currentPage,
+  onFirstClick,
+  onLastClick,
+  onPageClick
+}) => {
+  const theme = useTheme();
+
+  if (!(totalPageCount && totalPageCount > 0 && currentPage)) {
+    return null;
+  }
+
+  const totalButtons = totalPageCount > 5 ? 5 : totalPageCount;
+  const hasPreviousPages = getHasPreviousPages(currentPage, totalPageCount);
+  const hasMorePages = getHasMorePages(currentPage, totalPageCount);
+  const firstButtonIndex = getFirstButtonIndex(currentPage, totalPageCount);
+
+  const Dots = /*#__PURE__*/_jsx(DotWrapper, {
+    children: "..."
+  });
+
+  let pages = [];
+
+  for (let i = firstButtonIndex; i < firstButtonIndex + totalButtons; i++) {
+    pages.push( /*#__PURE__*/_jsx(Button, {
+      nostyle: true,
+      onClick: () => onPageClick && onPageClick(i + 1),
+      css: PageStyle(currentPage === i + 1, theme.primary),
+      children: i + 1
+    }, i));
+  }
+
+  return /*#__PURE__*/_jsxs(Wrapper, {
+    children: [/*#__PURE__*/_jsx(Button, {
+      nostyle: true,
+      onClick: onFirstClick,
+      children: "F\xF8rste"
+    }), hasPreviousPages && Dots, pages, hasMorePages && Dots, /*#__PURE__*/_jsx(Button, {
+      nostyle: true,
+      onClick: () => onLastClick && totalPageCount && onLastClick(totalPageCount),
+      children: "Siste"
+    })]
+  });
+};
+
+export default ListPager;

package/esm/core/ListPager/styles.js

@@ -0,0 +1,34 @@
+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 PageStyle = (active, primary) => /*#__PURE__*/css("color:", active ? primary : 'initial', ";&:active,&:hover,&:focus{color:", active ? primary : 'initial', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:PageStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2tFIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgUGFnZVN0eWxlID0gKGFjdGl2ZTogYm9vbGVhbiwgcHJpbWFyeTogc3RyaW5nKSA9PiBjc3NgXHJcbiAgY29sb3I6ICR7YWN0aXZlID8gcHJpbWFyeSA6ICdpbml0aWFsJ307XHJcbiAgJjphY3RpdmUsXHJcbiAgJjpob3ZlcixcclxuICAmOmZvY3VzIHtcclxuICAgIGNvbG9yOiAke2FjdGl2ZSA/IHByaW1hcnkgOiAnaW5pdGlhbCd9O1xyXG4gIH1cclxuYFxyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLWNvbHVtbi1nYXA6IDFlbTtcclxuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xyXG4gIHdpZHRoOiBtaW4tY29udGVudDtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IERvdFdyYXBwZXIgPSBzdHlsZWQuc3BhbmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbmBcclxuIl19 */");
+export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "eava76v1"
+} : {
+  target: "eava76v1",
+  label: "Wrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1o2oc08",
+  styles: "display:grid;grid-column-gap:1em;grid-auto-flow:column;width:min-content"
+} : {
+  name: "1o2oc08",
+  styles: "display:grid;grid-column-gap:1em;grid-auto-flow:column;width:min-content",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV2lDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgUGFnZVN0eWxlID0gKGFjdGl2ZTogYm9vbGVhbiwgcHJpbWFyeTogc3RyaW5nKSA9PiBjc3NgXHJcbiAgY29sb3I6ICR7YWN0aXZlID8gcHJpbWFyeSA6ICdpbml0aWFsJ307XHJcbiAgJjphY3RpdmUsXHJcbiAgJjpob3ZlcixcclxuICAmOmZvY3VzIHtcclxuICAgIGNvbG9yOiAke2FjdGl2ZSA/IHByaW1hcnkgOiAnaW5pdGlhbCd9O1xyXG4gIH1cclxuYFxyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLWNvbHVtbi1nYXA6IDFlbTtcclxuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xyXG4gIHdpZHRoOiBtaW4tY29udGVudDtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IERvdFdyYXBwZXIgPSBzdHlsZWQuc3BhbmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbmBcclxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const DotWrapper = _styled("span", process.env.NODE_ENV === "production" ? {
+  target: "eava76v0"
+} : {
+  target: "eava76v0",
+  label: "DotWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "s5xdrg",
+  styles: "display:flex;align-items:center"
+} : {
+  name: "s5xdrg",
+  styles: "display:flex;align-items:center",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JxQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9MaXN0UGFnZXIvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5cclxuZXhwb3J0IGNvbnN0IFBhZ2VTdHlsZSA9IChhY3RpdmU6IGJvb2xlYW4sIHByaW1hcnk6IHN0cmluZykgPT4gY3NzYFxyXG4gIGNvbG9yOiAke2FjdGl2ZSA/IHByaW1hcnkgOiAnaW5pdGlhbCd9O1xyXG4gICY6YWN0aXZlLFxyXG4gICY6aG92ZXIsXHJcbiAgJjpmb2N1cyB7XHJcbiAgICBjb2xvcjogJHthY3RpdmUgPyBwcmltYXJ5IDogJ2luaXRpYWwnfTtcclxuICB9XHJcbmBcclxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gIGRpc3BsYXk6IGdyaWQ7XHJcbiAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XHJcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcclxuICB3aWR0aDogbWluLWNvbnRlbnQ7XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBEb3RXcmFwcGVyID0gc3R5bGVkLnNwYW5gXHJcbiAgZGlzcGxheTogZmxleDtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG5gXHJcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});

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

@@ -14,12 +14,15 @@ const NoticeAttachmentBlock = ({
   onDownload
 }) => {
   const theme = useTheme();
+  const canDownload = Boolean(onDownload);
   return /*#__PURE__*/_jsx(Wrapper, {
+    clickable: canDownload,
     children: /*#__PURE__*/_jsx(Button, {
       nostyle: true,
       title: `Last ned ${type === 'cal' ? 'kalendaravtale' : 'fil'}`,
       onClick: () => onDownload && onDownload(),
       children: /*#__PURE__*/_jsxs(FileWrapperButton, {
+        clickable: canDownload,
         children: [/*#__PURE__*/_jsx(IconBackground, {
           background: theme.illustrationPrimary10,
           children: getFileIcon(type)

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

@@ -2,34 +2,19 @@ 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"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1ltg5t0",
-  styles: "&>button,&>button>span{width:100%;}&>button:active>span>div{border:1px solid #ccc;}"
-} : {
-  name: "1ltg5t0",
-  styles: "&>button,&>button>span{width:100%;}&>button:active>span>div{border:1px solid #ccc;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFaUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWNlQ2FyZC9wcml2YXRlQ29tcG9uZW50cy9Ob3RpY2VBdHRhY2htZW50QmxvY2svc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgJiA+IGJ1dHRvbixcclxuICAmID4gYnV0dG9uID4gc3BhbiB7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICB9XHJcblxyXG4gICYgPiBidXR0b246YWN0aXZlID4gc3BhbiA+IGRpdiB7XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjY2NjO1xyXG4gIH1cclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IEZpbGVXcmFwcGVyQnV0dG9uID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogNDBweCAxZnI7XHJcbiAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XHJcbiAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcclxuICBib3JkZXItcmFkaXVzOiAxNnB4O1xyXG4gIHBhZGRpbmc6IDEuNGVtO1xyXG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xyXG4gIGZvbnQtd2VpZ2h0OiBub3JtYWw7XHJcblxyXG4gIHNwYW4ge1xyXG4gICAgdGV4dC1hbGlnbjogbGVmdDtcclxuICB9XHJcblxyXG4gICY6aG92ZXIge1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gIH1cclxuICAmOmFjdGl2ZSB7XHJcbiAgICBib3JkZXI6IG5vbmU7XHJcbiAgfVxyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgRmlsZUluZm9XcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xyXG4gIGdyaWQtcm93LWdhcDogMC4xZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBJY29uQmFja2dyb3VuZCA9IHN0eWxlZC5kaXYoXHJcbiAgKHByb3BzOiBhbnkpID0+IGBcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICB3aWR0aDogNDBweDtcclxuICAgIGhlaWdodDogNDBweDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDQwcHg7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmJhY2tncm91bmR9O1xyXG5cclxuICAgIHNwYW4ge1xyXG4gICAgICBmb250LXdlaWdodDogYm9sZDtcclxuICAgIH1cclxuICBgXHJcbilcclxuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+})(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+IGRpdiB7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAjY2NjO1xuICAgIH1cblxuICAgIGJ1dHRvbiB7XG4gICAgICBjdXJzb3I6ICR7cHJvcHMuY2xpY2thYmxlID8gJ3BvaW50ZXInIDogJ2luaXRpYWwnfTtcblxuICAgICAgJjpmb2N1cyB7XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbjogJHtwcm9wcy5jbGlja2FibGUgPyAndW5kZXJsaW5lJyA6ICdub25lJ307XG4gICAgICB9XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBGaWxlV3JhcHBlckJ1dHRvbiA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogeyBjbGlja2FibGU6IGJvb2xlYW4gfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiA0MHB4IDFmcjtcbiAgICBncmlkLWNvbHVtbi1nYXA6IDFlbTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjY2NjO1xuICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XG4gICAgcGFkZGluZzogMS40ZW07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbiAgICBzcGFuIHtcbiAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgfVxuXG4gICAgJjpob3ZlciB7XG4gICAgICBjdXJzb3I6ICR7cHJvcHMuY2xpY2thYmxlID8gJ3BvaW50ZXInIDogJ2luaXRpYWwnfTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB7XG4gICAgICBib3JkZXI6IG5vbmU7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBGaWxlSW5mb1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcbiAgZ3JpZC1yb3ctZ2FwOiAwLjFlbTtcbmBcblxuZXhwb3J0IGNvbnN0IEljb25CYWNrZ3JvdW5kID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiBhbnkpID0+IGBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgd2lkdGg6IDQwcHg7XG4gICAgaGVpZ2h0OiA0MHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDQwcHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5iYWNrZ3JvdW5kfTtcblxuICAgIHNwYW4ge1xuICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgfVxuICBgXG4pXG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWNlQ2FyZC9wcml2YXRlQ29tcG9uZW50cy9Ob3RpY2VBdHRhY2htZW50QmxvY2svc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IHsgY2xpY2thYmxlOiBib29sZWFuIH0pID0+IGNzc2BcbiAgICAmID4gYnV0dG9uLFxuICAgICYgPiBidXR0b24gPiBzcGFuIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cblxuICAgICYgPiBidXR0b246YWN0aXZlID4gc3BhbiA+IGRpdiB7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAjY2NjO1xuICAgIH1cblxuICAgIGJ1dHRvbiB7XG4gICAgICBjdXJzb3I6ICR7cHJvcHMuY2xpY2thYmxlID8gJ3BvaW50ZXInIDogJ2luaXRpYWwnfTtcblxuICAgICAgJjpmb2N1cyB7XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbjogJHtwcm9wcy5jbGlja2FibGUgPyAndW5kZXJsaW5lJyA6ICdub25lJ307XG4gICAgICB9XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBGaWxlV3JhcHBlckJ1dHRvbiA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogeyBjbGlja2FibGU6IGJvb2xlYW4gfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiA0MHB4IDFmcjtcbiAgICBncmlkLWNvbHVtbi1nYXA6IDFlbTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjY2NjO1xuICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XG4gICAgcGFkZGluZzogMS40ZW07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbiAgICBzcGFuIHtcbiAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgfVxuXG4gICAgJjpob3ZlciB7XG4gICAgICBjdXJzb3I6ICR7cHJvcHMuY2xpY2thYmxlID8gJ3BvaW50ZXInIDogJ2luaXRpYWwnfTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB7XG4gICAgICBib3JkZXI6IG5vbmU7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBGaWxlSW5mb1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcbiAgZ3JpZC1yb3ctZ2FwOiAwLjFlbTtcbmBcblxuZXhwb3J0IGNvbnN0IEljb25CYWNrZ3JvdW5kID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiBhbnkpID0+IGBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgd2lkdGg6IDQwcHg7XG4gICAgaGVpZ2h0OiA0MHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDQwcHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5iYWNrZ3JvdW5kfTtcblxuICAgIHNwYW4ge1xuICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgfVxuICBgXG4pXG4iXX0= */");
 export const FileWrapperButton = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "egqh0xs2"
 } : {
   target: "egqh0xs2",
   label: "FileWrapperButton"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1l0neq4",
-  styles: "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:pointer;}&:active{border:none;}"
-} : {
-  name: "1l0neq4",
-  styles: "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:pointer;}&:active{border:none;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhMkMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWNlQ2FyZC9wcml2YXRlQ29tcG9uZW50cy9Ob3RpY2VBdHRhY2htZW50QmxvY2svc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgJiA+IGJ1dHRvbixcclxuICAmID4gYnV0dG9uID4gc3BhbiB7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICB9XHJcblxyXG4gICYgPiBidXR0b246YWN0aXZlID4gc3BhbiA+IGRpdiB7XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjY2NjO1xyXG4gIH1cclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IEZpbGVXcmFwcGVyQnV0dG9uID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogNDBweCAxZnI7XHJcbiAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XHJcbiAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcclxuICBib3JkZXItcmFkaXVzOiAxNnB4O1xyXG4gIHBhZGRpbmc6IDEuNGVtO1xyXG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xyXG4gIGZvbnQtd2VpZ2h0OiBub3JtYWw7XHJcblxyXG4gIHNwYW4ge1xyXG4gICAgdGV4dC1hbGlnbjogbGVmdDtcclxuICB9XHJcblxyXG4gICY6aG92ZXIge1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gIH1cclxuICAmOmFjdGl2ZSB7XHJcbiAgICBib3JkZXI6IG5vbmU7XHJcbiAgfVxyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgRmlsZUluZm9XcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xyXG4gIGdyaWQtcm93LWdhcDogMC4xZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBJY29uQmFja2dyb3VuZCA9IHN0eWxlZC5kaXYoXHJcbiAgKHByb3BzOiBhbnkpID0+IGBcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICB3aWR0aDogNDBweDtcclxuICAgIGhlaWdodDogNDBweDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDQwcHg7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmJhY2tncm91bmR9O1xyXG5cclxuICAgIHNwYW4ge1xyXG4gICAgICBmb250LXdlaWdodDogYm9sZDtcclxuICAgIH1cclxuICBgXHJcbilcclxuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+})(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/ICdwb2ludGVyJyA6ICdpbml0aWFsJ307XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgRmlsZUluZm9XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIGdyaWQtcm93LWdhcDogMC4xZW07XG5gXG5cbmV4cG9ydCBjb25zdCBJY29uQmFja2dyb3VuZCA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogYW55KSA9PiBgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHdpZHRoOiA0MHB4O1xuICAgIGhlaWdodDogNDBweDtcbiAgICBib3JkZXItcmFkaXVzOiA0MHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuYmFja2dyb3VuZH07XG5cbiAgICBzcGFuIHtcbiAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIH1cbiAgYFxuKVxuIl19 */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QmlDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiB7IGNsaWNrYWJsZTogYm9vbGVhbiB9KSA9PiBjc3NgXG4gICAgJiA+IGJ1dHRvbixcbiAgICAmID4gYnV0dG9uID4gc3BhbiB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG5cbiAgICAmID4gYnV0dG9uOmFjdGl2ZSA+IHNwYW4gPiBkaXYge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcbiAgICB9XG5cbiAgICBidXR0b24ge1xuICAgICAgY3Vyc29yOiAke3Byb3BzLmNsaWNrYWJsZSA/ICdwb2ludGVyJyA6ICdpbml0aWFsJ307XG5cbiAgICAgICY6Zm9jdXMge1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246ICR7cHJvcHMuY2xpY2thYmxlID8gJ3VuZGVybGluZScgOiAnbm9uZSd9O1xuICAgICAgfVxuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgRmlsZVdyYXBwZXJCdXR0b24gPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IHsgY2xpY2thYmxlOiBib29sZWFuIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogNDBweCAxZnI7XG4gICAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XG4gICAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcbiAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICAgIHBhZGRpbmc6IDEuNGVtO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gICAgc3BhbiB7XG4gICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIH1cblxuICAgICY6aG92ZXIge1xuICAgICAgY3Vyc29yOiAke3Byb3BzLmNsaWNrYWJsZSA/ICdwb2ludGVyJyA6ICdpbml0aWFsJ307XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgRmlsZUluZm9XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIGdyaWQtcm93LWdhcDogMC4xZW07XG5gXG5cbmV4cG9ydCBjb25zdCBJY29uQmFja2dyb3VuZCA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogYW55KSA9PiBgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHdpZHRoOiA0MHB4O1xuICAgIGhlaWdodDogNDBweDtcbiAgICBib3JkZXItcmFkaXVzOiA0MHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuYmFja2dyb3VuZH07XG5cbiAgICBzcGFuIHtcbiAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIH1cbiAgYFxuKVxuIl19 */");
 export const FileInfoWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "egqh0xs1"
 } : {
@@ -41,7 +26,7 @@ export const FileInfoWrapper = _styled("div", process.env.NODE_ENV === "producti
 } : {
   name: "g914uy",
   styles: "display:grid;grid-template-columns:1fr;grid-row-gap:0.1em",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ3lDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5cclxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gICYgPiBidXR0b24sXHJcbiAgJiA+IGJ1dHRvbiA+IHNwYW4ge1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgfVxyXG5cclxuICAmID4gYnV0dG9uOmFjdGl2ZSA+IHNwYW4gPiBkaXYge1xyXG4gICAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcclxuICB9XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBGaWxlV3JhcHBlckJ1dHRvbiA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDQwcHggMWZyO1xyXG4gIGdyaWQtY29sdW1uLWdhcDogMWVtO1xyXG4gIGJvcmRlcjogMXB4IHNvbGlkICNjY2M7XHJcbiAgYm9yZGVyLXJhZGl1czogMTZweDtcclxuICBwYWRkaW5nOiAxLjRlbTtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcclxuICBmb250LXdlaWdodDogbm9ybWFsO1xyXG5cclxuICBzcGFuIHtcclxuICAgIHRleHQtYWxpZ246IGxlZnQ7XHJcbiAgfVxyXG5cclxuICAmOmhvdmVyIHtcclxuICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICB9XHJcbiAgJjphY3RpdmUge1xyXG4gICAgYm9yZGVyOiBub25lO1xyXG4gIH1cclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IEZpbGVJbmZvV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcclxuICBncmlkLXJvdy1nYXA6IDAuMWVtO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgSWNvbkJhY2tncm91bmQgPSBzdHlsZWQuZGl2KFxyXG4gIChwcm9wczogYW55KSA9PiBgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAgd2lkdGg6IDQwcHg7XHJcbiAgICBoZWlnaHQ6IDQwcHg7XHJcbiAgICBib3JkZXItcmFkaXVzOiA0MHB4O1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5iYWNrZ3JvdW5kfTtcclxuXHJcbiAgICBzcGFuIHtcclxuICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRHlDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiB7IGNsaWNrYWJsZTogYm9vbGVhbiB9KSA9PiBjc3NgXG4gICAgJiA+IGJ1dHRvbixcbiAgICAmID4gYnV0dG9uID4gc3BhbiB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG5cbiAgICAmID4gYnV0dG9uOmFjdGl2ZSA+IHNwYW4gPiBkaXYge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcbiAgICB9XG5cbiAgICBidXR0b24ge1xuICAgICAgY3Vyc29yOiAke3Byb3BzLmNsaWNrYWJsZSA/ICdwb2ludGVyJyA6ICdpbml0aWFsJ307XG5cbiAgICAgICY6Zm9jdXMge1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246ICR7cHJvcHMuY2xpY2thYmxlID8gJ3VuZGVybGluZScgOiAnbm9uZSd9O1xuICAgICAgfVxuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgRmlsZVdyYXBwZXJCdXR0b24gPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IHsgY2xpY2thYmxlOiBib29sZWFuIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogNDBweCAxZnI7XG4gICAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XG4gICAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcbiAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICAgIHBhZGRpbmc6IDEuNGVtO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gICAgc3BhbiB7XG4gICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIH1cblxuICAgICY6aG92ZXIge1xuICAgICAgY3Vyc29yOiAke3Byb3BzLmNsaWNrYWJsZSA/ICdwb2ludGVyJyA6ICdpbml0aWFsJ307XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgRmlsZUluZm9XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIGdyaWQtcm93LWdhcDogMC4xZW07XG5gXG5cbmV4cG9ydCBjb25zdCBJY29uQmFja2dyb3VuZCA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogYW55KSA9PiBgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHdpZHRoOiA0MHB4O1xuICAgIGhlaWdodDogNDBweDtcbiAgICBib3JkZXItcmFkaXVzOiA0MHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuYmFja2dyb3VuZH07XG5cbiAgICBzcGFuIHtcbiAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIH1cbiAgYFxuKVxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export const IconBackground = _styled("div", process.env.NODE_ENV === "production" ? {
@@ -61,4 +46,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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QzhCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5cclxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gICYgPiBidXR0b24sXHJcbiAgJiA+IGJ1dHRvbiA+IHNwYW4ge1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgfVxyXG5cclxuICAmID4gYnV0dG9uOmFjdGl2ZSA+IHNwYW4gPiBkaXYge1xyXG4gICAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcclxuICB9XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBGaWxlV3JhcHBlckJ1dHRvbiA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDQwcHggMWZyO1xyXG4gIGdyaWQtY29sdW1uLWdhcDogMWVtO1xyXG4gIGJvcmRlcjogMXB4IHNvbGlkICNjY2M7XHJcbiAgYm9yZGVyLXJhZGl1czogMTZweDtcclxuICBwYWRkaW5nOiAxLjRlbTtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcclxuICBmb250LXdlaWdodDogbm9ybWFsO1xyXG5cclxuICBzcGFuIHtcclxuICAgIHRleHQtYWxpZ246IGxlZnQ7XHJcbiAgfVxyXG5cclxuICAmOmhvdmVyIHtcclxuICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICB9XHJcbiAgJjphY3RpdmUge1xyXG4gICAgYm9yZGVyOiBub25lO1xyXG4gIH1cclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IEZpbGVJbmZvV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcclxuICBncmlkLXJvdy1nYXA6IDAuMWVtO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgSWNvbkJhY2tncm91bmQgPSBzdHlsZWQuZGl2KFxyXG4gIChwcm9wczogYW55KSA9PiBgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAgd2lkdGg6IDQwcHg7XHJcbiAgICBoZWlnaHQ6IDQwcHg7XHJcbiAgICBib3JkZXItcmFkaXVzOiA0MHB4O1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5iYWNrZ3JvdW5kfTtcclxuXHJcbiAgICBzcGFuIHtcclxuICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcbiJdfQ== */");
+  `, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRDhCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvcHJpdmF0ZUNvbXBvbmVudHMvTm90aWNlQXR0YWNobWVudEJsb2NrL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiB7IGNsaWNrYWJsZTogYm9vbGVhbiB9KSA9PiBjc3NgXG4gICAgJiA+IGJ1dHRvbixcbiAgICAmID4gYnV0dG9uID4gc3BhbiB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG5cbiAgICAmID4gYnV0dG9uOmFjdGl2ZSA+IHNwYW4gPiBkaXYge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcbiAgICB9XG5cbiAgICBidXR0b24ge1xuICAgICAgY3Vyc29yOiAke3Byb3BzLmNsaWNrYWJsZSA/ICdwb2ludGVyJyA6ICdpbml0aWFsJ307XG5cbiAgICAgICY6Zm9jdXMge1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246ICR7cHJvcHMuY2xpY2thYmxlID8gJ3VuZGVybGluZScgOiAnbm9uZSd9O1xuICAgICAgfVxuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgRmlsZVdyYXBwZXJCdXR0b24gPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IHsgY2xpY2thYmxlOiBib29sZWFuIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogNDBweCAxZnI7XG4gICAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XG4gICAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcbiAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICAgIHBhZGRpbmc6IDEuNGVtO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gICAgc3BhbiB7XG4gICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIH1cblxuICAgICY6aG92ZXIge1xuICAgICAgY3Vyc29yOiAke3Byb3BzLmNsaWNrYWJsZSA/ICdwb2ludGVyJyA6ICdpbml0aWFsJ307XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgRmlsZUluZm9XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIGdyaWQtcm93LWdhcDogMC4xZW07XG5gXG5cbmV4cG9ydCBjb25zdCBJY29uQmFja2dyb3VuZCA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogYW55KSA9PiBgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHdpZHRoOiA0MHB4O1xuICAgIGhlaWdodDogNDBweDtcbiAgICBib3JkZXItcmFkaXVzOiA0MHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuYmFja2dyb3VuZH07XG5cbiAgICBzcGFuIHtcbiAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIH1cbiAgYFxuKVxuIl19 */");

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

@@ -13,7 +13,7 @@ const NoticeAttachmentList = ({
         type: file.mimetype,
         name: file.filename,
         description: "Trykk her for \xE5 laste ned",
-        onDownload: () => onDownload && onDownload(file)
+        onDownload: onDownload ? () => onDownload(file) : undefined
       }, index))
     })
   });

package/esm/core/NoticeCard/styles.js

@@ -9,13 +9,13 @@ export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
 } : {
   target: "eq76ntf3",
   label: "Wrapper"
-})(props => /*#__PURE__*/css("display:grid;grid-template-columns:", props.hasImage ? '200px 1fr' : '1fr', ";grid-column-gap:2em;grid-row-gap:1em;@media screen and (max-width: ", bp.medium, "){grid-template-columns:1fr;}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Ob3RpY2VDYXJkL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuaW1wb3J0IGJwIGZyb20gJy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xyXG5cclxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxyXG4gIChwcm9wczogeyBoYXNJbWFnZTogYm9vbGVhbiB9KSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBncmlkO1xyXG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAke3Byb3BzLmhhc0ltYWdlID8gJzIwMHB4IDFmcicgOiAnMWZyJ307XHJcbiAgICBncmlkLWNvbHVtbi1nYXA6IDJlbTtcclxuICAgIGdyaWQtcm93LWdhcDogMWVtO1xyXG5cclxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xyXG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcclxuICAgIH1cclxuICBgXHJcbilcclxuXHJcbmV4cG9ydCBjb25zdCBJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgbWF4LXdpZHRoOiAxMDAlO1xyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xyXG5cclxuICBpbWcge1xyXG4gICAgbWF4LXdpZHRoOiAxMDAlO1xyXG4gICAgbWF4LWhlaWdodDogMTAwJTtcclxuICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XHJcblxyXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XHJcbiAgICAgIG1heC1oZWlnaHQ6IDE3NXB4O1xyXG4gICAgfVxyXG4gIH1cclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xyXG4gIGdyaWQtcm93LWdhcDogMS41ZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBEaXYgPSBzdHlsZWQuZGl2YFxyXG4gIHAge1xyXG4gICAgbWFyZ2luOiAwO1xyXG4gIH1cclxuXHJcbiAgaDEsXHJcbiAgaDIsXHJcbiAgaDMsXHJcbiAgaDQsXHJcbiAgaDUge1xyXG4gICAgbWFyZ2luLXRvcDogMDtcclxuICAgIG1hcmdpbi1ib3R0b206IDA7XHJcbiAgfVxyXG5cclxuICBidXR0b24ge1xyXG4gICAgYWxpZ24tc2VsZjogc3RhcnQ7XHJcbiAgfVxyXG5cclxuICAmID4gc3BhbiB7XHJcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAxZW07XHJcbiAgfVxyXG5gXHJcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl1QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Ob3RpY2VDYXJkL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuaW1wb3J0IGJwIGZyb20gJy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xyXG5cclxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxyXG4gIChwcm9wczogeyBoYXNJbWFnZTogYm9vbGVhbiB9KSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBncmlkO1xyXG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAke3Byb3BzLmhhc0ltYWdlID8gJzIwMHB4IDFmcicgOiAnMWZyJ307XHJcbiAgICBncmlkLWNvbHVtbi1nYXA6IDJlbTtcclxuICAgIGdyaWQtcm93LWdhcDogMWVtO1xyXG5cclxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xyXG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcclxuICAgIH1cclxuICBgXHJcbilcclxuXHJcbmV4cG9ydCBjb25zdCBJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgbWF4LXdpZHRoOiAxMDAlO1xyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xyXG5cclxuICBpbWcge1xyXG4gICAgbWF4LXdpZHRoOiAxMDAlO1xyXG4gICAgbWF4LWhlaWdodDogMTAwJTtcclxuICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XHJcblxyXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XHJcbiAgICAgIG1heC1oZWlnaHQ6IDE3NXB4O1xyXG4gICAgfVxyXG4gIH1cclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xyXG4gIGdyaWQtcm93LWdhcDogMS41ZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBEaXYgPSBzdHlsZWQuZGl2YFxyXG4gIHAge1xyXG4gICAgbWFyZ2luOiAwO1xyXG4gIH1cclxuXHJcbiAgaDEsXHJcbiAgaDIsXHJcbiAgaDMsXHJcbiAgaDQsXHJcbiAgaDUge1xyXG4gICAgbWFyZ2luLXRvcDogMDtcclxuICAgIG1hcmdpbi1ib3R0b206IDA7XHJcbiAgfVxyXG5cclxuICBidXR0b24ge1xyXG4gICAgYWxpZ24tc2VsZjogc3RhcnQ7XHJcbiAgfVxyXG5cclxuICAmID4gc3BhbiB7XHJcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAxZW07XHJcbiAgfVxyXG5gXHJcbiJdfQ== */");
+})(props => /*#__PURE__*/css("display:grid;grid-template-columns:", props.hasImage ? '200px 1fr' : '1fr', ";grid-column-gap:2em;grid-row-gap:1em;align-items:start;@media screen and (max-width: ", bp.medium, "){grid-template-columns:1fr;}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Ob3RpY2VDYXJkL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiB7IGhhc0ltYWdlOiBib29sZWFuIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogJHtwcm9wcy5oYXNJbWFnZSA/ICcyMDBweCAxZnInIDogJzFmcid9O1xuICAgIGdyaWQtY29sdW1uLWdhcDogMmVtO1xuICAgIGdyaWQtcm93LWdhcDogMWVtO1xuICAgIGFsaWduLWl0ZW1zOiBzdGFydDtcblxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBvdmVyZmxvdzogaGlkZGVuO1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcblxuICBpbWcge1xuICAgIG1heC13aWR0aDogMTAwJTtcbiAgICBtYXgtaGVpZ2h0OiAxMDAlO1xuICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XG5cbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcbiAgICAgIG1heC1oZWlnaHQ6IDE3NXB4O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcbiAgZ3JpZC1yb3ctZ2FwOiAxLjVlbTtcbmBcblxuZXhwb3J0IGNvbnN0IERpdiA9IHN0eWxlZC5kaXZgXG4gIHAge1xuICAgIG1hcmdpbjogMDtcbiAgfVxuXG4gIGgxLFxuICBoMixcbiAgaDMsXG4gIGg0LFxuICBoNSB7XG4gICAgbWFyZ2luLXRvcDogMDtcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xuICB9XG5cbiAgYnV0dG9uIHtcbiAgICBhbGlnbi1zZWxmOiBzdGFydDtcbiAgfVxuXG4gICYgPiBzcGFuIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgbWFyZ2luLWJvdHRvbTogMWVtO1xuICB9XG5gXG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl1QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Ob3RpY2VDYXJkL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiB7IGhhc0ltYWdlOiBib29sZWFuIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogJHtwcm9wcy5oYXNJbWFnZSA/ICcyMDBweCAxZnInIDogJzFmcid9O1xuICAgIGdyaWQtY29sdW1uLWdhcDogMmVtO1xuICAgIGdyaWQtcm93LWdhcDogMWVtO1xuICAgIGFsaWduLWl0ZW1zOiBzdGFydDtcblxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBvdmVyZmxvdzogaGlkZGVuO1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcblxuICBpbWcge1xuICAgIG1heC13aWR0aDogMTAwJTtcbiAgICBtYXgtaGVpZ2h0OiAxMDAlO1xuICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XG5cbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcbiAgICAgIG1heC1oZWlnaHQ6IDE3NXB4O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcbiAgZ3JpZC1yb3ctZ2FwOiAxLjVlbTtcbmBcblxuZXhwb3J0IGNvbnN0IERpdiA9IHN0eWxlZC5kaXZgXG4gIHAge1xuICAgIG1hcmdpbjogMDtcbiAgfVxuXG4gIGgxLFxuICBoMixcbiAgaDMsXG4gIGg0LFxuICBoNSB7XG4gICAgbWFyZ2luLXRvcDogMDtcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xuICB9XG5cbiAgYnV0dG9uIHtcbiAgICBhbGlnbi1zZWxmOiBzdGFydDtcbiAgfVxuXG4gICYgPiBzcGFuIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgbWFyZ2luLWJvdHRvbTogMWVtO1xuICB9XG5gXG4iXX0= */");
 export const ImageWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "eq76ntf2"
 } : {
   target: "eq76ntf2",
   label: "ImageWrapper"
-})("overflow:hidden;max-width:100%;display:flex;align-items:baseline;img{max-width:100%;max-height:100%;border-radius:16px;@media screen and (max-width: ", bp.medium, "){max-height:175px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCc0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWNlQ2FyZC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcbmltcG9ydCBicCBmcm9tICcuLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcclxuXHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcclxuICAocHJvcHM6IHsgaGFzSW1hZ2U6IGJvb2xlYW4gfSkgPT4gY3NzYFxyXG4gICAgZGlzcGxheTogZ3JpZDtcclxuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogJHtwcm9wcy5oYXNJbWFnZSA/ICcyMDBweCAxZnInIDogJzFmcid9O1xyXG4gICAgZ3JpZC1jb2x1bW4tZ2FwOiAyZW07XHJcbiAgICBncmlkLXJvdy1nYXA6IDFlbTtcclxuXHJcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcclxuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcblxyXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gIG1heC13aWR0aDogMTAwJTtcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcclxuXHJcbiAgaW1nIHtcclxuICAgIG1heC13aWR0aDogMTAwJTtcclxuICAgIG1heC1oZWlnaHQ6IDEwMCU7XHJcbiAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xyXG5cclxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xyXG4gICAgICBtYXgtaGVpZ2h0OiAxNzVweDtcclxuICAgIH1cclxuICB9XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcclxuICBncmlkLXJvdy1nYXA6IDEuNWVtO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgRGl2ID0gc3R5bGVkLmRpdmBcclxuICBwIHtcclxuICAgIG1hcmdpbjogMDtcclxuICB9XHJcblxyXG4gIGgxLFxyXG4gIGgyLFxyXG4gIGgzLFxyXG4gIGg0LFxyXG4gIGg1IHtcclxuICAgIG1hcmdpbi10b3A6IDA7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xyXG4gIH1cclxuXHJcbiAgYnV0dG9uIHtcclxuICAgIGFsaWduLXNlbGY6IHN0YXJ0O1xyXG4gIH1cclxuXHJcbiAgJiA+IHNwYW4ge1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMWVtO1xyXG4gIH1cclxuYFxyXG4iXX0= */"));
+})("overflow:hidden;max-width:100%;display:flex;align-items:baseline;img{max-width:100%;max-height:100%;border-radius:16px;@media screen and (max-width: ", bp.medium, "){max-height:175px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCc0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWNlQ2FyZC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogeyBoYXNJbWFnZTogYm9vbGVhbiB9KSA9PiBjc3NgXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6ICR7cHJvcHMuaGFzSW1hZ2UgPyAnMjAwcHggMWZyJyA6ICcxZnInfTtcbiAgICBncmlkLWNvbHVtbi1nYXA6IDJlbTtcbiAgICBncmlkLXJvdy1nYXA6IDFlbTtcbiAgICBhbGlnbi1pdGVtczogc3RhcnQ7XG5cbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG5cbiAgaW1nIHtcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgbWF4LWhlaWdodDogMTAwJTtcbiAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xuXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgICBtYXgtaGVpZ2h0OiAxNzVweDtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIGdyaWQtcm93LWdhcDogMS41ZW07XG5gXG5cbmV4cG9ydCBjb25zdCBEaXYgPSBzdHlsZWQuZGl2YFxuICBwIHtcbiAgICBtYXJnaW46IDA7XG4gIH1cblxuICBoMSxcbiAgaDIsXG4gIGgzLFxuICBoNCxcbiAgaDUge1xuICAgIG1hcmdpbi10b3A6IDA7XG4gICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgfVxuXG4gIGJ1dHRvbiB7XG4gICAgYWxpZ24tc2VsZjogc3RhcnQ7XG4gIH1cblxuICAmID4gc3BhbiB7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIG1hcmdpbi1ib3R0b206IDFlbTtcbiAgfVxuYFxuIl19 */"));
 export const ContentWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "eq76ntf1"
 } : {
@@ -27,7 +27,7 @@ export const ContentWrapper = _styled("div", process.env.NODE_ENV === "productio
 } : {
   name: "1uo1im9",
   styles: "display:grid;grid-template-columns:1fr;grid-row-gap:1.5em",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDd0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWNlQ2FyZC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcbmltcG9ydCBicCBmcm9tICcuLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcclxuXHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcclxuICAocHJvcHM6IHsgaGFzSW1hZ2U6IGJvb2xlYW4gfSkgPT4gY3NzYFxyXG4gICAgZGlzcGxheTogZ3JpZDtcclxuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogJHtwcm9wcy5oYXNJbWFnZSA/ICcyMDBweCAxZnInIDogJzFmcid9O1xyXG4gICAgZ3JpZC1jb2x1bW4tZ2FwOiAyZW07XHJcbiAgICBncmlkLXJvdy1nYXA6IDFlbTtcclxuXHJcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcclxuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcblxyXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gIG1heC13aWR0aDogMTAwJTtcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcclxuXHJcbiAgaW1nIHtcclxuICAgIG1heC13aWR0aDogMTAwJTtcclxuICAgIG1heC1oZWlnaHQ6IDEwMCU7XHJcbiAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xyXG5cclxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xyXG4gICAgICBtYXgtaGVpZ2h0OiAxNzVweDtcclxuICAgIH1cclxuICB9XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcclxuICBncmlkLXJvdy1nYXA6IDEuNWVtO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgRGl2ID0gc3R5bGVkLmRpdmBcclxuICBwIHtcclxuICAgIG1hcmdpbjogMDtcclxuICB9XHJcblxyXG4gIGgxLFxyXG4gIGgyLFxyXG4gIGgzLFxyXG4gIGg0LFxyXG4gIGg1IHtcclxuICAgIG1hcmdpbi10b3A6IDA7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xyXG4gIH1cclxuXHJcbiAgYnV0dG9uIHtcclxuICAgIGFsaWduLXNlbGY6IHN0YXJ0O1xyXG4gIH1cclxuXHJcbiAgJiA+IHNwYW4ge1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMWVtO1xyXG4gIH1cclxuYFxyXG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Dd0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWNlQ2FyZC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogeyBoYXNJbWFnZTogYm9vbGVhbiB9KSA9PiBjc3NgXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6ICR7cHJvcHMuaGFzSW1hZ2UgPyAnMjAwcHggMWZyJyA6ICcxZnInfTtcbiAgICBncmlkLWNvbHVtbi1nYXA6IDJlbTtcbiAgICBncmlkLXJvdy1nYXA6IDFlbTtcbiAgICBhbGlnbi1pdGVtczogc3RhcnQ7XG5cbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG5cbiAgaW1nIHtcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgbWF4LWhlaWdodDogMTAwJTtcbiAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xuXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgICBtYXgtaGVpZ2h0OiAxNzVweDtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIGdyaWQtcm93LWdhcDogMS41ZW07XG5gXG5cbmV4cG9ydCBjb25zdCBEaXYgPSBzdHlsZWQuZGl2YFxuICBwIHtcbiAgICBtYXJnaW46IDA7XG4gIH1cblxuICBoMSxcbiAgaDIsXG4gIGgzLFxuICBoNCxcbiAgaDUge1xuICAgIG1hcmdpbi10b3A6IDA7XG4gICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgfVxuXG4gIGJ1dHRvbiB7XG4gICAgYWxpZ24tc2VsZjogc3RhcnQ7XG4gIH1cblxuICAmID4gc3BhbiB7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIG1hcmdpbi1ib3R0b206IDFlbTtcbiAgfVxuYFxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export const Div = _styled("div", process.env.NODE_ENV === "production" ? {
@@ -41,6 +41,6 @@ export const Div = _styled("div", process.env.NODE_ENV === "production" ? {
 } : {
   name: "1mf0dqx",
   styles: "p{margin:0;}h1,h2,h3,h4,h5{margin-top:0;margin-bottom:0;}button{align-self:start;}&>span{display:inline-block;margin-bottom:1em;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDNkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWNlQ2FyZC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcbmltcG9ydCBicCBmcm9tICcuLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcclxuXHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcclxuICAocHJvcHM6IHsgaGFzSW1hZ2U6IGJvb2xlYW4gfSkgPT4gY3NzYFxyXG4gICAgZGlzcGxheTogZ3JpZDtcclxuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogJHtwcm9wcy5oYXNJbWFnZSA/ICcyMDBweCAxZnInIDogJzFmcid9O1xyXG4gICAgZ3JpZC1jb2x1bW4tZ2FwOiAyZW07XHJcbiAgICBncmlkLXJvdy1nYXA6IDFlbTtcclxuXHJcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcclxuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcblxyXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gIG1heC13aWR0aDogMTAwJTtcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcclxuXHJcbiAgaW1nIHtcclxuICAgIG1heC13aWR0aDogMTAwJTtcclxuICAgIG1heC1oZWlnaHQ6IDEwMCU7XHJcbiAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xyXG5cclxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xyXG4gICAgICBtYXgtaGVpZ2h0OiAxNzVweDtcclxuICAgIH1cclxuICB9XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcclxuICBncmlkLXJvdy1nYXA6IDEuNWVtO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgRGl2ID0gc3R5bGVkLmRpdmBcclxuICBwIHtcclxuICAgIG1hcmdpbjogMDtcclxuICB9XHJcblxyXG4gIGgxLFxyXG4gIGgyLFxyXG4gIGgzLFxyXG4gIGg0LFxyXG4gIGg1IHtcclxuICAgIG1hcmdpbi10b3A6IDA7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xyXG4gIH1cclxuXHJcbiAgYnV0dG9uIHtcclxuICAgIGFsaWduLXNlbGY6IHN0YXJ0O1xyXG4gIH1cclxuXHJcbiAgJiA+IHNwYW4ge1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMWVtO1xyXG4gIH1cclxuYFxyXG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDNkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWNlQ2FyZC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogeyBoYXNJbWFnZTogYm9vbGVhbiB9KSA9PiBjc3NgXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6ICR7cHJvcHMuaGFzSW1hZ2UgPyAnMjAwcHggMWZyJyA6ICcxZnInfTtcbiAgICBncmlkLWNvbHVtbi1nYXA6IDJlbTtcbiAgICBncmlkLXJvdy1nYXA6IDFlbTtcbiAgICBhbGlnbi1pdGVtczogc3RhcnQ7XG5cbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG5cbiAgaW1nIHtcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgbWF4LWhlaWdodDogMTAwJTtcbiAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xuXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgICBtYXgtaGVpZ2h0OiAxNzVweDtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIGdyaWQtcm93LWdhcDogMS41ZW07XG5gXG5cbmV4cG9ydCBjb25zdCBEaXYgPSBzdHlsZWQuZGl2YFxuICBwIHtcbiAgICBtYXJnaW46IDA7XG4gIH1cblxuICBoMSxcbiAgaDIsXG4gIGgzLFxuICBoNCxcbiAgaDUge1xuICAgIG1hcmdpbi10b3A6IDA7XG4gICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgfVxuXG4gIGJ1dHRvbiB7XG4gICAgYWxpZ24tc2VsZjogc3RhcnQ7XG4gIH1cblxuICAmID4gc3BhbiB7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIG1hcmdpbi1ib3R0b206IDFlbTtcbiAgfVxuYFxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });

package/esm/index.js

@@ -265,4 +265,6 @@ import IconBblFlame from './icons/General/IconBblFlame';
 import IconBblWater from './icons/General/IconBblWater';
 import IconBblShield from './icons/General/IconBblShield';
 import NoticeCard from './core/NoticeCard';
-export { Topbar, Layout, LayoutShell, AppShell, AppLoader, Alert, Button, Card, Divider, Dropdown, Header, Input, Image, Checkbox, Link, List, ListItem, Tag, Text, Footer, FooterCol, FooterGroup, FooterLabel, FooterLink, FooterButton, Radio, Skeleton, Html, CustomText, Select, Option, UserMenu, UserMenuOption, Modal, NotificationsMenu, NotificationRow, Table, Cell, Row, FileInput, Datepicker, Menu, AppPicker, MainMenu, MenuItem, MenuTop, SecondaryMenu, SecondaryMenuItem, MenuSpacer, Submenu, SubmenuItem, PreemptionCard, PreemptionCardLoading, PieChart, SimpleBarChart, SimpleLineChart, BarAndLineComposedChart, BarChartWithCustomizedEvent, IconApartment, IconArchives, IconArea, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowUp, IconAttachment, IconBack, IconBath, IconBoard, IconBookmarkOutline, IconBookmarkFilled, IconBus, IconBlock, IconCar, IconCaretDown, IconCaretLeft, IconCaretUp, IconCaretRight, IconCheck, IconCheckedOutline, IconCheckedFilled, IconChevronLeft, IconChevronRight, IconChevronDown, IconClose, IconCloseAlt, IconComment, IconCompanyBuilding, IconDelete, IconDoor, IconDotFilled, IconDotOutline, IconDownload, IconDraft, IconElevator, IconErrorOutline, IconErrorFilled, IconExternalLink, IconEye, IconEyeDeny, IconFamily, IconFerry, IconFile, IconFileEdit, IconFileExcel, IconFilePDF, IconFileWord, IconFillOut, IconFloor, IconGarage, IconGrid, IconGym, IconHearth, IconHearthOutline, IconHelp, IconHistory, IconHouse, IconHumans, IconImportantComment, IconInbox, IconJointcost, IconJointcost2, IconKey, IconKitchen, IconLeisureTime, IconLock, IconLockLocked, IconLockOpen, IconMap, IconMail, IconMenu, IconMinus, IconMoney, IconParking, IconPaymentCard, IconPlus, IconPortalUser, IconReciept, IconRedo, IconRefresh, IconRoom, IconSave, IconSearch, IconSend, IconSettings, IconShopping, IconSign, IconStarFilled, IconStarHalf, IconStarOutline, IconStore, IconSubway, IconSwitch, IconTrain, IconTram, IconTransport, IconTypeOfBuilding, IconTypeOfBuildingOutline, IconUpload, IconUser, IconVote, IconWalk, IconWarning, IconWarningBell, IconZip, IconSort, IconFilterList, IconBellOutline, IconPlusAlt, IconPhone, IconHouseOutline, IconMembership, IconMembershipFilled, IconCalendar, IconInfoOutline, IconInfoFilled, IllustrationHouse, IllustrationHighHouseComposition, IllustrationHighHouse, IllustrationHouseComposition, IllustrationLowHouse, IllustrationLowHouseComposition, IllustrationSemiDetachedHouse, IllustrationSemiDetachedHouseComposition, IllustrationSmallHouse, IllustrationSmallHouseComposition, IllustrationTerraceBlock, IllustrationTerraceBlockComposition, IllustrationTownHouse, IllustrationTownHouseComposition, IllustrationHousesBackground, IllustrationHousesBackgroundWithComposition, IllustrationHouseMissing, IllustrationError, IllustrationErrorGeneric, IllustrationPaperCompleted, IllustrationPaperMissing, IllustrationMySiteBuilding, IllustrationMySiteCoffeeBook, IllustrationMySiteComputer, IllustrationMySiteGift, IllustrationMySitePapers, IllustrationMySitePiggyBank, IllustrationMySiteTransfer, IconCommunication, IconCommunicationFilled, IconCompanyBuildingOutline, IconCompanyBuildingFilled, IconDashboard, IconDashboardFilled, IconEconomy, IconEconomyFilled, IconWork, IconWorkFilled, IconProfile, IconProfileFilled, IconLookup, IconLookupFilled, IconDocument, IconDocumentFilled, IconEarth, IconEdit, IconMinusAlt, IconMinusAltFilled, IconUndo, IconVisa, IconMasterCard, IconBankAxept, IconAmericanExpress, IconFileCopy, IconBblFlame, IconBblWater, IconBblShield, useIsMobile, useScreenOrientation, getDomainFromUrl, getFormatedPhone, getUrlWithProtocol, getFormattedPrice, getFormattedPriceWithEnding, getFormattedDate, getTitleString, getDateIsValid, getReducedArray, getFormattedAccountNumber, getFormattedOrganizationNumber, isValidAccountNumber, getFormattedCardNumber, getFormattedTime, alpha, Box, Textarea, InfoButton, CommentsTimeline, CommentLine, HeaderCell, RowCell, TableHeader, TableRow, BoxedTable, CollapseList, CollapseListItem, Banner, Calendar, YearWheel, DropdownMenu, DropdownMenuOption, Timeline, TimelineStep, HighlightText, TabBar, TabItem, Editor, TabNav, TabNavItem, NoticeCard };
+import ListPager from './core/ListPager';
+import { getCurrentPage, getFirstButtonIndex, getHasMorePages, getHasPreviousPages, getSkippedItems } from './utils/pagination';
+export { Topbar, Layout, LayoutShell, AppShell, AppLoader, Alert, Button, Card, Divider, Dropdown, Header, Input, Image, Checkbox, Link, List, ListItem, Tag, Text, Footer, FooterCol, FooterGroup, FooterLabel, FooterLink, FooterButton, Radio, Skeleton, Html, CustomText, Select, Option, UserMenu, UserMenuOption, Modal, NotificationsMenu, NotificationRow, Table, Cell, Row, FileInput, Datepicker, Menu, AppPicker, MainMenu, MenuItem, MenuTop, SecondaryMenu, SecondaryMenuItem, MenuSpacer, Submenu, SubmenuItem, PreemptionCard, PreemptionCardLoading, PieChart, SimpleBarChart, SimpleLineChart, BarAndLineComposedChart, BarChartWithCustomizedEvent, IconApartment, IconArchives, IconArea, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowUp, IconAttachment, IconBack, IconBath, IconBoard, IconBookmarkOutline, IconBookmarkFilled, IconBus, IconBlock, IconCar, IconCaretDown, IconCaretLeft, IconCaretUp, IconCaretRight, IconCheck, IconCheckedOutline, IconCheckedFilled, IconChevronLeft, IconChevronRight, IconChevronDown, IconClose, IconCloseAlt, IconComment, IconCompanyBuilding, IconDelete, IconDoor, IconDotFilled, IconDotOutline, IconDownload, IconDraft, IconElevator, IconErrorOutline, IconErrorFilled, IconExternalLink, IconEye, IconEyeDeny, IconFamily, IconFerry, IconFile, IconFileEdit, IconFileExcel, IconFilePDF, IconFileWord, IconFillOut, IconFloor, IconGarage, IconGrid, IconGym, IconHearth, IconHearthOutline, IconHelp, IconHistory, IconHouse, IconHumans, IconImportantComment, IconInbox, IconJointcost, IconJointcost2, IconKey, IconKitchen, IconLeisureTime, IconLock, IconLockLocked, IconLockOpen, IconMap, IconMail, IconMenu, IconMinus, IconMoney, IconParking, IconPaymentCard, IconPlus, IconPortalUser, IconReciept, IconRedo, IconRefresh, IconRoom, IconSave, IconSearch, IconSend, IconSettings, IconShopping, IconSign, IconStarFilled, IconStarHalf, IconStarOutline, IconStore, IconSubway, IconSwitch, IconTrain, IconTram, IconTransport, IconTypeOfBuilding, IconTypeOfBuildingOutline, IconUpload, IconUser, IconVote, IconWalk, IconWarning, IconWarningBell, IconZip, IconSort, IconFilterList, IconBellOutline, IconPlusAlt, IconPhone, IconHouseOutline, IconMembership, IconMembershipFilled, IconCalendar, IconInfoOutline, IconInfoFilled, IllustrationHouse, IllustrationHighHouseComposition, IllustrationHighHouse, IllustrationHouseComposition, IllustrationLowHouse, IllustrationLowHouseComposition, IllustrationSemiDetachedHouse, IllustrationSemiDetachedHouseComposition, IllustrationSmallHouse, IllustrationSmallHouseComposition, IllustrationTerraceBlock, IllustrationTerraceBlockComposition, IllustrationTownHouse, IllustrationTownHouseComposition, IllustrationHousesBackground, IllustrationHousesBackgroundWithComposition, IllustrationHouseMissing, IllustrationError, IllustrationErrorGeneric, IllustrationPaperCompleted, IllustrationPaperMissing, IllustrationMySiteBuilding, IllustrationMySiteCoffeeBook, IllustrationMySiteComputer, IllustrationMySiteGift, IllustrationMySitePapers, IllustrationMySitePiggyBank, IllustrationMySiteTransfer, IconCommunication, IconCommunicationFilled, IconCompanyBuildingOutline, IconCompanyBuildingFilled, IconDashboard, IconDashboardFilled, IconEconomy, IconEconomyFilled, IconWork, IconWorkFilled, IconProfile, IconProfileFilled, IconLookup, IconLookupFilled, IconDocument, IconDocumentFilled, IconEarth, IconEdit, IconMinusAlt, IconMinusAltFilled, IconUndo, IconVisa, IconMasterCard, IconBankAxept, IconAmericanExpress, IconFileCopy, IconBblFlame, IconBblWater, IconBblShield, useIsMobile, useScreenOrientation, getDomainFromUrl, getFormatedPhone, getUrlWithProtocol, getFormattedPrice, getFormattedPriceWithEnding, getFormattedDate, getTitleString, getDateIsValid, getReducedArray, getFormattedAccountNumber, getFormattedOrganizationNumber, isValidAccountNumber, getFormattedCardNumber, getFormattedTime, alpha, getCurrentPage, getSkippedItems, getHasPreviousPages, getHasMorePages, getFirstButtonIndex, Box, Textarea, InfoButton, CommentsTimeline, CommentLine, HeaderCell, RowCell, TableHeader, TableRow, BoxedTable, CollapseList, CollapseListItem, Banner, Calendar, YearWheel, DropdownMenu, DropdownMenuOption, Timeline, TimelineStep, HighlightText, TabBar, TabItem, Editor, TabNav, TabNavItem, NoticeCard, ListPager };

package/esm/utils/pagination.js

@@ -0,0 +1,26 @@
+const getCurrentPage = (take, skip) => {
+  if (skip === undefined || take === undefined || take === 0) return 0;
+  if (skip === 0) return 1;
+  return Math.floor(skip / take + 1);
+};
+
+const getSkippedItems = (pageNumber, take) => {
+  if (pageNumber === undefined || take === undefined) return NaN;
+  return (pageNumber - 1) * take;
+};
+
+const getHasPreviousPages = (currentPage, totalPages) => {
+  return currentPage > 3 && totalPages > 5;
+};
+
+const getHasMorePages = (currentPage, totalPages) => {
+  return currentPage < totalPages - 2 && totalPages > 5;
+};
+
+const getFirstButtonIndex = (currentPage, totalPages) => {
+  if (totalPages <= 5 || currentPage <= 3) return 0;
+  if (totalPages - currentPage <= 2) return totalPages - 5;
+  return currentPage - 3;
+};
+
+export { getCurrentPage, getSkippedItems, getHasPreviousPages, getHasMorePages, getFirstButtonIndex };

package/lib/core/Input/index.js

@@ -59,7 +59,7 @@ const Input = /*#__PURE__*/React.forwardRef(({
     handleDebounceChange(debouncedValue); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [debouncedValue]);
   return _jsxs("label", {
-    css: theme => [styles.default(theme), props.highlight && styles.highligted(height), props.type === 'search' && styles.searchLabel(theme), props.validation && styles.validation, (props.invalid || props.invalidMessage) && styles.invalid(theme), height && styles.height(height)],
+    css: theme => [styles.default(theme), props.highlight && styles.highligted(height), type === 'search' && styles.searchLabel(theme), props.validation && styles.validation, (props.invalid || props.invalidMessage) && styles.invalid(theme), height && styles.height(height)],
     children: [props.label && _jsx("span", {
       children: props.label
     }), _jsx("input", {
@@ -74,7 +74,7 @@ const Input = /*#__PURE__*/React.forwardRef(({
       maxLength: maxlength,
       ref: ref,
       name: props.name,
-      css: theme => [props.type === 'text' && styles.text(theme), props.type === 'search' && styles.search(theme), props.type === 'password' && styles.password(theme), props.type === 'number' && styles.number(theme), props.type === 'file' && styles.file, props.disabled && styles.disabled(theme), props.cardInput && styles.cardInput],
+      css: theme => [type === 'text' && styles.text(theme), type === 'search' && styles.search(theme), type === 'password' && styles.password(theme), type === 'number' && styles.number(theme), type === 'file' && styles.file, props.disabled && styles.disabled(theme), props.cardInput && styles.cardInput],
       children: React.Children.map(props.children, child => {
         if (!child) {
           return null;

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

@@ -0,0 +1,16 @@
+import React from 'react';
+interface IProps {
+    /** Amount of pages */
+    totalPageCount?: number;
+    /** Current page number */
+    currentPage?: number;
+    /** CB on first click */
+    onFirstClick?: () => void;
+    /** CB on last click */
+    onLastClick?: (page: number) => void;
+    /** CB on page number click */
+    onPageClick?: (page: number) => void;
+}
+declare const ListPager: React.FC<IProps>;
+export default ListPager;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/ListPager/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,UAAU,MAAM;IACd,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wBAAwB;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,uBAAuB;IACvB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,8BAA8B;IAC9B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACrC;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAkD/B,CAAA;AAED,eAAe,SAAS,CAAA"}

package/lib/core/ListPager/index.js

@@ -0,0 +1,55 @@
+import React from 'react';
+import { useTheme } from '@emotion/react';
+import { DotWrapper, PageStyle, Wrapper } from './styles';
+import { getHasPreviousPages, getHasMorePages, getFirstButtonIndex } from '../../utils/pagination';
+import Button from '../Button';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+const ListPager = ({
+  totalPageCount,
+  currentPage,
+  onFirstClick,
+  onLastClick,
+  onPageClick
+}) => {
+  const theme = useTheme();
+
+  if (!(totalPageCount && totalPageCount > 0 && currentPage)) {
+    return null;
+  }
+
+  const totalButtons = totalPageCount > 5 ? 5 : totalPageCount;
+  const hasPreviousPages = getHasPreviousPages(currentPage, totalPageCount);
+  const hasMorePages = getHasMorePages(currentPage, totalPageCount);
+  const firstButtonIndex = getFirstButtonIndex(currentPage, totalPageCount);
+
+  const Dots = /*#__PURE__*/_jsx(DotWrapper, {
+    children: "..."
+  });
+
+  let pages = [];
+
+  for (let i = firstButtonIndex; i < firstButtonIndex + totalButtons; i++) {
+    pages.push( /*#__PURE__*/_jsx(Button, {
+      nostyle: true,
+      onClick: () => onPageClick && onPageClick(i + 1),
+      css: PageStyle(currentPage === i + 1, theme.primary),
+      children: i + 1
+    }, i));
+  }
+
+  return /*#__PURE__*/_jsxs(Wrapper, {
+    children: [/*#__PURE__*/_jsx(Button, {
+      nostyle: true,
+      onClick: onFirstClick,
+      children: "F\xF8rste"
+    }), hasPreviousPages && Dots, pages, hasMorePages && Dots, /*#__PURE__*/_jsx(Button, {
+      nostyle: true,
+      onClick: () => onLastClick && totalPageCount && onLastClick(totalPageCount),
+      children: "Siste"
+    })]
+  });
+};
+
+export default ListPager;

package/lib/core/ListPager/styles.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const PageStyle: (active: boolean, primary: string) => import("@emotion/react").SerializedStyles;
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DotWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/core/ListPager/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/ListPager/styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,SAAS,WAAY,OAAO,WAAW,MAAM,8CAOzD,CAAA;AACD,eAAO,MAAM,OAAO;;;yGAKnB,CAAA;AAED,eAAO,MAAM,UAAU;;;2GAGtB,CAAA"}

package/lib/core/ListPager/styles.js

@@ -0,0 +1,34 @@
+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 PageStyle = (active, primary) => /*#__PURE__*/css("color:", active ? primary : 'initial', ";&:active,&:hover,&:focus{color:", active ? primary : 'initial', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:PageStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2tFIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgUGFnZVN0eWxlID0gKGFjdGl2ZTogYm9vbGVhbiwgcHJpbWFyeTogc3RyaW5nKSA9PiBjc3NgXHJcbiAgY29sb3I6ICR7YWN0aXZlID8gcHJpbWFyeSA6ICdpbml0aWFsJ307XHJcbiAgJjphY3RpdmUsXHJcbiAgJjpob3ZlcixcclxuICAmOmZvY3VzIHtcclxuICAgIGNvbG9yOiAke2FjdGl2ZSA/IHByaW1hcnkgOiAnaW5pdGlhbCd9O1xyXG4gIH1cclxuYFxyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLWNvbHVtbi1nYXA6IDFlbTtcclxuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xyXG4gIHdpZHRoOiBtaW4tY29udGVudDtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IERvdFdyYXBwZXIgPSBzdHlsZWQuc3BhbmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbmBcclxuIl19 */");
+export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "eava76v1"
+} : {
+  target: "eava76v1",
+  label: "Wrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1o2oc08",
+  styles: "display:grid;grid-column-gap:1em;grid-auto-flow:column;width:min-content"
+} : {
+  name: "1o2oc08",
+  styles: "display:grid;grid-column-gap:1em;grid-auto-flow:column;width:min-content",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV2lDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgUGFnZVN0eWxlID0gKGFjdGl2ZTogYm9vbGVhbiwgcHJpbWFyeTogc3RyaW5nKSA9PiBjc3NgXHJcbiAgY29sb3I6ICR7YWN0aXZlID8gcHJpbWFyeSA6ICdpbml0aWFsJ307XHJcbiAgJjphY3RpdmUsXHJcbiAgJjpob3ZlcixcclxuICAmOmZvY3VzIHtcclxuICAgIGNvbG9yOiAke2FjdGl2ZSA/IHByaW1hcnkgOiAnaW5pdGlhbCd9O1xyXG4gIH1cclxuYFxyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLWNvbHVtbi1nYXA6IDFlbTtcclxuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xyXG4gIHdpZHRoOiBtaW4tY29udGVudDtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IERvdFdyYXBwZXIgPSBzdHlsZWQuc3BhbmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbmBcclxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const DotWrapper = _styled("span", process.env.NODE_ENV === "production" ? {
+  target: "eava76v0"
+} : {
+  target: "eava76v0",
+  label: "DotWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "s5xdrg",
+  styles: "display:flex;align-items:center"
+} : {
+  name: "s5xdrg",
+  styles: "display:flex;align-items:center",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JxQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9MaXN0UGFnZXIvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5cclxuZXhwb3J0IGNvbnN0IFBhZ2VTdHlsZSA9IChhY3RpdmU6IGJvb2xlYW4sIHByaW1hcnk6IHN0cmluZykgPT4gY3NzYFxyXG4gIGNvbG9yOiAke2FjdGl2ZSA/IHByaW1hcnkgOiAnaW5pdGlhbCd9O1xyXG4gICY6YWN0aXZlLFxyXG4gICY6aG92ZXIsXHJcbiAgJjpmb2N1cyB7XHJcbiAgICBjb2xvcjogJHthY3RpdmUgPyBwcmltYXJ5IDogJ2luaXRpYWwnfTtcclxuICB9XHJcbmBcclxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gIGRpc3BsYXk6IGdyaWQ7XHJcbiAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XHJcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcclxuICB3aWR0aDogbWluLWNvbnRlbnQ7XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBEb3RXcmFwcGVyID0gc3R5bGVkLnNwYW5gXHJcbiAgZGlzcGxheTogZmxleDtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG5gXHJcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});

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,CA2B3C,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,CA4B3C,CAAA;AAED,eAAe,qBAAqB,CAAA"}

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

@@ -14,12 +14,15 @@ const NoticeAttachmentBlock = ({
   onDownload
 }) => {
   const theme = useTheme();
+  const canDownload = Boolean(onDownload);
   return /*#__PURE__*/_jsx(Wrapper, {
+    clickable: canDownload,
     children: /*#__PURE__*/_jsx(Button, {
       nostyle: true,
       title: `Last ned ${type === 'cal' ? 'kalendaravtale' : 'fil'}`,
       onClick: () => onDownload && onDownload(),
       children: /*#__PURE__*/_jsxs(FileWrapperButton, {
+        clickable: canDownload,
         children: [/*#__PURE__*/_jsx(IconBackground, {
           background: theme.illustrationPrimary10,
           children: getFileIcon(type)

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

@@ -2,10 +2,14 @@
 export declare const Wrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
+} & {
+    clickable: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const FileWrapperButton: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
+} & {
+    clickable: boolean;
 }, 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":";AAEA,eAAO,MAAM,OAAO;;;yGASnB,CAAA;AAED,eAAO,MAAM,iBAAiB;;;yGAoB7B,CAAA;AAED,eAAO,MAAM,eAAe;;;yGAI3B,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;yGAqB7B,CAAA;AAED,eAAO,MAAM,eAAe;;;yGAI3B,CAAA;AAED,eAAO,MAAM,cAAc,uJAc1B,CAAA"}