@bbl-digital/snorre 4.0.0-beta.4 → 4.0.0-beta.6

package/esm/core/List/List.stories.js

@@ -0,0 +1,157 @@
+import List from '.';
+import ListItem from './Item';
+import Link from '../Link';
+import IconArrowRight from '../../icons/General/IconArrowRight';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default {
+  title: 'Core/List',
+  component: List
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsx("div", {
+    className: "wrapper",
+    style: {
+      maxWidth: '300px'
+    },
+    children: /*#__PURE__*/_jsxs(List, {
+      children: [/*#__PURE__*/_jsx(ListItem, {
+        children: "Item 1"
+      }), /*#__PURE__*/_jsx(ListItem, {
+        children: "Item 2"
+      }), /*#__PURE__*/_jsx(ListItem, {
+        children: "Item 3"
+      })]
+    })
+  }),
+  name: 'Default'
+};
+export const ListWithLinks = {
+  render: () => /*#__PURE__*/_jsxs(List, {
+    links: true,
+    children: [/*#__PURE__*/_jsx(ListItem, {
+      children: /*#__PURE__*/_jsxs(Link, {
+        children: ["Item 1", /*#__PURE__*/_jsx(IconArrowRight, {
+          color: "#1657e2"
+        })]
+      })
+    }), /*#__PURE__*/_jsx(ListItem, {
+      children: /*#__PURE__*/_jsxs(Link, {
+        children: ["Lorem ipsum", /*#__PURE__*/_jsx(IconArrowRight, {
+          color: "#1657e2"
+        })]
+      })
+    }), /*#__PURE__*/_jsx(ListItem, {
+      children: /*#__PURE__*/_jsxs(Link, {
+        children: ["Lorem ipsum doro", /*#__PURE__*/_jsx(IconArrowRight, {
+          color: "#1657e2"
+        })]
+      })
+    })]
+  }),
+  name: 'List with links'
+};
+export const AlternativeListWithLinks = {
+  render: () => /*#__PURE__*/_jsxs(List, {
+    linksAlternate: true,
+    children: [/*#__PURE__*/_jsx(ListItem, {
+      children: /*#__PURE__*/_jsxs(Link, {
+        children: ["Item 1", /*#__PURE__*/_jsx(IconArrowRight, {
+          color: "#1657e2"
+        })]
+      })
+    }), /*#__PURE__*/_jsx(ListItem, {
+      children: /*#__PURE__*/_jsxs(Link, {
+        children: ["Lorem ipsum", /*#__PURE__*/_jsx(IconArrowRight, {
+          color: "#1657e2"
+        })]
+      })
+    }), /*#__PURE__*/_jsx(ListItem, {
+      children: /*#__PURE__*/_jsxs(Link, {
+        children: ["Lorem ipsum doro", /*#__PURE__*/_jsx(IconArrowRight, {
+          color: "#1657e2"
+        })]
+      })
+    })]
+  }),
+  name: 'Alternative list with links'
+};
+export const Pointlist = {
+  render: () => /*#__PURE__*/_jsxs(List, {
+    points: true,
+    children: [/*#__PURE__*/_jsx(ListItem, {
+      children: "Item 1"
+    }), /*#__PURE__*/_jsx(ListItem, {
+      children: "Item 2"
+    }), /*#__PURE__*/_jsx(ListItem, {
+      children: "Item 3"
+    })]
+  }),
+  name: 'Pointlist'
+};
+export const Numberedlist = {
+  render: () => /*#__PURE__*/_jsxs(List, {
+    numbers: true,
+    children: [/*#__PURE__*/_jsx(ListItem, {
+      children: "Item 1"
+    }), /*#__PURE__*/_jsx(ListItem, {
+      children: "Item 2"
+    }), /*#__PURE__*/_jsx(ListItem, {
+      children: "Item 3"
+    })]
+  }),
+  name: 'Numberedlist'
+};
+export const NumberedlistHighlighted = {
+  render: () => /*#__PURE__*/_jsxs(List, {
+    numbersHighlighted: true,
+    children: [/*#__PURE__*/_jsx(ListItem, {
+      children: "Item 1"
+    }), /*#__PURE__*/_jsx(ListItem, {
+      children: "Item 2"
+    }), /*#__PURE__*/_jsx(ListItem, {
+      children: "Item 3"
+    })]
+  }),
+  name: 'Numberedlist - Highlighted'
+};
+export const Darktheme = {
+  render: () => /*#__PURE__*/_jsxs(List, {
+    darkTheme: true,
+    children: [/*#__PURE__*/_jsx(ListItem, {
+      children: "Item 1"
+    }), /*#__PURE__*/_jsx(ListItem, {
+      children: "Item 2"
+    }), /*#__PURE__*/_jsx(ListItem, {
+      children: "Item 3"
+    })]
+  }),
+  name: 'Darktheme'
+};
+export const NostyleList = {
+  render: () => /*#__PURE__*/_jsxs(List, {
+    nostyle: true,
+    children: [/*#__PURE__*/_jsx(ListItem, {
+      children: "Item 1"
+    }), /*#__PURE__*/_jsx(ListItem, {
+      children: "Item 2"
+    }), /*#__PURE__*/_jsx(ListItem, {
+      children: "Item 3"
+    })]
+  }),
+  name: 'Nostyle list'
+};
+export const WithPadding = {
+  render: () => /*#__PURE__*/_jsxs(List, {
+    padding: "0.5em",
+    rowHeight: "100%",
+    children: [/*#__PURE__*/_jsxs(ListItem, {
+      children: ["Item 1", /*#__PURE__*/_jsx("br", {}), "new line", /*#__PURE__*/_jsx("br", {}), "another new line"]
+    }), /*#__PURE__*/_jsx(ListItem, {
+      children: "Item 2"
+    }), /*#__PURE__*/_jsx(ListItem, {
+      children: "Item 3"
+    })]
+  }),
+  name: 'With padding'
+};

package/esm/core/List/index.js

@@ -4,7 +4,6 @@ import Item from './Item';
 import styles from './styles';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 export { Item };
-
 const List = ({
   darkTheme,
   padding,
@@ -18,10 +17,8 @@ const List = ({
       if (!child) {
         return null;
       }
-
       return child;
     })
   });
 };
-
 export default List;

package/esm/core/List/styles.js

@@ -1,7 +1,5 @@
 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';
-
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "1gk7m0n",
   styles: "&>li{height:50px;&>a,&>button{position:relative;display:flex;justify-content:flex-start;align-items:center;width:100%;padding:0;text-decoration:none;&:hover,&:focus{& svg{right:-5px;}}&:focus-visible{text-decoration:underline;}&>span{padding:0.5em 20px 0.5em 0;font-size:16px;font-weight:600;text-align:left;& svg{position:absolute;right:0;top:6px;}}}}"
@@ -11,7 +9,6 @@ var _ref = process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3Qvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdGMkMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTGlzdC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3Moe1xuICAgICAgcGFkZGluZzogMCxcbiAgICAgIG1hcmdpbjogMCxcbiAgICAgIGxpc3RTdHlsZTogJ25vbmUnLFxuICAgICAgJyYgPiBsaSc6IHtcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAgaGVpZ2h0OiAnMzZweCcsXG4gICAgICAgIGZvbnRTaXplOiAnMTZweCcsXG4gICAgICAgIGJvcmRlclRvcDogJzFweCBzb2xpZCAnICsgdGhlbWUuYm9yZGVyLFxuXG4gICAgICAgICcmOm50aC1vZi10eXBlKDEpJzoge1xuICAgICAgICAgIGJvcmRlclRvcDogJ25vbmUnLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9KSxcbiAgcG9pbnRzOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3Moe1xuICAgICAgJyYgPiBsaSc6IHtcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAgaGVpZ2h0OiAnMzBweCcsXG4gICAgICAgIGJvcmRlclRvcDogJ25vbmUnLFxuICAgICAgICBwYWRkaW5nTGVmdDogJzMwcHgnLFxuICAgICAgfSxcblxuICAgICAgJyYgPiBsaTo6YmVmb3JlJzoge1xuICAgICAgICBjb250ZW50OiAnXCJcIicsXG4gICAgICAgIGhlaWdodDogJzhweCcsXG4gICAgICAgIHdpZHRoOiAnOHB4JyxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiAnNTAlJyxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wcmltYXJ5LFxuICAgICAgICBtYXJnaW5MZWZ0OiAnLTIwcHgnLFxuICAgICAgICBtYXJnaW5SaWdodDogJzEwcHg7JyxcbiAgICAgIH0sXG4gICAgfSksXG4gIGxpbmtzOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgICYgPiBsaSB7XG4gICAgICBoZWlnaHQ6IHVuc2V0O1xuICAgICAgYm9yZGVyLXRvcDogbm9uZTtcblxuICAgICAgJiA+IGEsXG4gICAgICAmID4gYnV0dG9uIHtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG5cbiAgICAgICAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICAgICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICAgICAgfVxuXG4gICAgICAgICY6aG92ZXIsXG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICYgc3ZnIHtcbiAgICAgICAgICAgIHJpZ2h0OiAtNXB4O1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICYgPiBzcGFuIHtcbiAgICAgICAgICBwYWRkaW5nOiAwLjVlbSAwO1xuICAgICAgICAgIGZvbnQtc2l6ZTogMTVweDtcbiAgICAgICAgICBsaW5lLWhlaWdodDogMTlweDtcbiAgICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgIzE2NTdlMjtcbiAgICAgICAgICAmIHN2ZyB7XG4gICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgIHRvcDogNnB4O1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgYCxcbiAgbGlua3NBbHRlcm5hdGU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgJiA+IGxpIHtcbiAgICAgIGhlaWdodDogNTBweDtcblxuICAgICAgJiA+IGEsXG4gICAgICAmID4gYnV0dG9uIHtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG5cbiAgICAgICAgJjpob3ZlcixcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgJiBzdmcge1xuICAgICAgICAgICAgcmlnaHQ6IC01cHg7XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICAgICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICAgICAgfVxuXG4gICAgICAgICYgPiBzcGFuIHtcbiAgICAgICAgICBwYWRkaW5nOiAwLjVlbSAyMHB4IDAuNWVtIDA7XG4gICAgICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgICAgIGZvbnQtd2VpZ2h0OiA2MDA7XG4gICAgICAgICAgdGV4dC1hbGlnbjogbGVmdDtcblxuICAgICAgICAgICYgc3ZnIHtcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgICAgdG9wOiA2cHg7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICBgLFxuICBvcmRlcmVkOiB7fSxcbiAgbnVtYmVyczoge1xuICAgIGxpc3RTdHlsZTogJ25vbmUnLFxuICAgIGNvdW50ZXJSZXNldDogJ2NvbnRzJyxcblxuICAgICcmID4gbGknOiB7XG4gICAgICBoZWlnaHQ6ICczMHB4JyxcbiAgICAgIGJvcmRlclRvcDogJ25vbmUnLFxuICAgICAgcGFkZGluZ0xlZnQ6ICczMHB4JyxcbiAgICAgIGNvdW50ZXJJbmNyZW1lbnQ6ICdjb250cycsXG4gICAgfSxcblxuICAgICcmID4gbGk6OmJlZm9yZSc6IHtcbiAgICAgIGNvbnRlbnQ6ICdjb3VudGVyKGNvbnRzKVwiLlwiJyxcbiAgICAgIGZvbnRTaXplOiAnMTZweCcsXG4gICAgICBmb250V2VpZ2h0OiAnbm9ybWFsJyxcbiAgICAgIG1hcmdpbkxlZnQ6ICctMjBweCcsXG4gICAgICBtYXJnaW5SaWdodDogJzEwcHg7JyxcbiAgICB9LFxuICB9LFxuICBudW1iZXJzSGlnaGxpZ2h0ZWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzcyh7XG4gICAgICBsaXN0U3R5bGU6ICdub25lJyxcbiAgICAgIGNvdW50ZXJSZXNldDogJ2NvbnRzJyxcbiAgICAgICcmID4gbGknOiB7XG4gICAgICAgIGhlaWdodDogJzQwcHgnLFxuICAgICAgICBib3JkZXJUb3A6ICdub25lJyxcbiAgICAgICAgcGFkZGluZ0xlZnQ6ICczMHB4JyxcbiAgICAgICAgY291bnRlckluY3JlbWVudDogJ2NvbnRzJyxcbiAgICAgICAgZm9udFdlaWdodDogNjAwLFxuICAgICAgfSxcbiAgICAgICcmID4gbGk6OmJlZm9yZSc6IHtcbiAgICAgICAgY29udGVudDogJ2NvdW50ZXIoY29udHMpJyxcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnByaW1hcnksXG4gICAgICAgIGJvcmRlclJhZGl1czogJzUwJScsXG4gICAgICAgIGhlaWdodDogJzI0cHgnLFxuICAgICAgICB3aWR0aDogJzI0cHgnLFxuICAgICAgICBjb2xvcjogJ3doaXRlJyxcbiAgICAgICAgZm9udFNpemU6ICcxNnB4JyxcbiAgICAgICAgZm9udFdlaWdodDogNjAwLFxuICAgICAgICBtYXJnaW5MZWZ0OiAnLTIwcHgnLFxuICAgICAgICBtYXJnaW5SaWdodDogJzEwcHgnLFxuICAgICAgfSxcbiAgICB9KSxcbiAgc2VsZWN0TGlzdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzKHtcbiAgICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgICAgYm9yZGVyVG9wOiAnMXB4IHNvbGlkICcgKyB0aGVtZS5ib3JkZXIsXG4gICAgICBsaXN0U3R5bGU6ICdub25lJyxcbiAgICAgICcmID4gbGknOiB7XG4gICAgICAgIHBhZGRpbmdMZWZ0OiAnNXB4JyxcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAgaGVpZ2h0OiAnMzZweCcsXG4gICAgICAgIGZvbnRTaXplOiAnMTZweCcsXG4gICAgICAgIGJhY2tncm91bmQ6ICd3aGl0ZScsXG4gICAgICAgICcmOm50aC1vZi10eXBlKDEpJzoge1xuICAgICAgICAgIGJvcmRlclRvcDogJ25vbmUnLFxuICAgICAgICB9LFxuICAgICAgICAnJjpob3Zlcic6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJnTGlnaHQsXG4gICAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLmJnTGlnaHQsXG4gICAgICAgICAgY29sb3I6IHRoZW1lLmJ0bkhvdmVyVGV4dENvbG9yICsgJyFpbXBvcnRhbnQnLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9KSxcbiAgbm9zdHlsZTogY3NzYFxuICAgICYgPiBsaSB7XG4gICAgICBoZWlnaHQ6IDMwcHg7XG4gICAgICBib3JkZXItdG9wOiBub25lO1xuICAgICAgYm9yZGVyLWJvdHRvbTogMDtcbiAgICB9XG4gIGAsXG4gIHJvd0hlaWdodDogKGhlaWdodDogc3RyaW5nKSA9PiBjc3NgXG4gICAgJiA+IGxpIHtcbiAgICAgIGhlaWdodDogJHtoZWlnaHR9O1xuICAgIH1cbiAgYCxcbiAgbWluUm93SGVpZ2h0OiAoaGVpZ2h0OiBzdHJpbmcpID0+IGNzc2BcbiAgICAmID4gbGkge1xuICAgICAgbWluLWhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgaGVpZ2h0OiB1bnNldDtcbiAgICB9XG4gIGAsXG4gIGRhcmtUaGVtZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBib3JkZXItdG9wOiBub25lO1xuICAgIGxpLFxuICAgIGxpOmhvdmVyLFxuICAgIGxpOmFjdGl2ZSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnN1Ym1lbnVJdGVtQ29sb3J9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmJ0bkJhY2tCb3JkZXJ9O1xuXG4gICAgICAmID4gYnV0dG9uIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuc3VibWVudVRleHRDb2xvckFjdGl2ZX07XG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgIGNvbG9yOiAke3RoZW1lLnN1Ym1lbnVUZXh0Q29sb3JBY3RpdmV9O1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICBgLFxuICBzZXRQYWRkaW5nOiAocGFkZGluZzogc3RyaW5nKSA9PiBjc3NgXG4gICAgJiA+IGxpIHtcbiAgICAgIHBhZGRpbmc6ICR7cGFkZGluZ30gMDtcbiAgICB9XG4gICAgJiA+IGxpOmZpcnN0LW9mLXR5cGUge1xuICAgICAgcGFkZGluZzogMCAwICR7cGFkZGluZ30gMDtcbiAgICB9XG4gICAgJiA+IGxpOmxhc3Qtb2YtdHlwZSB7XG4gICAgICBwYWRkaW5nOiAke3BhZGRpbmd9IDAgMCAwO1xuICAgIH1cbiAgICAmID4gbGk6b25seS1vZi10eXBlIHtcbiAgICAgIHBhZGRpbmc6IDA7XG4gICAgfVxuICBgLFxufVxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5cbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-
 var _ref2 = process.env.NODE_ENV === "production" ? {
   name: "1k3z293",
   styles: "&>li{height:unset;border-top:none;&>a,&>button{position:relative;display:flex;justify-content:flex-start;width:100%;padding:0;text-decoration:none;&:focus-visible{text-decoration:underline;}&:hover,&:focus{& svg{right:-5px;}}&>span{padding:0.5em 0;font-size:15px;line-height:19px;border-bottom:1px solid #1657e2;& svg{position:absolute;right:0;top:6px;}}}}"
@@ -21,7 +18,6 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3Qvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDa0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTGlzdC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3Moe1xuICAgICAgcGFkZGluZzogMCxcbiAgICAgIG1hcmdpbjogMCxcbiAgICAgIGxpc3RTdHlsZTogJ25vbmUnLFxuICAgICAgJyYgPiBsaSc6IHtcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAgaGVpZ2h0OiAnMzZweCcsXG4gICAgICAgIGZvbnRTaXplOiAnMTZweCcsXG4gICAgICAgIGJvcmRlclRvcDogJzFweCBzb2xpZCAnICsgdGhlbWUuYm9yZGVyLFxuXG4gICAgICAgICcmOm50aC1vZi10eXBlKDEpJzoge1xuICAgICAgICAgIGJvcmRlclRvcDogJ25vbmUnLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9KSxcbiAgcG9pbnRzOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3Moe1xuICAgICAgJyYgPiBsaSc6IHtcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAgaGVpZ2h0OiAnMzBweCcsXG4gICAgICAgIGJvcmRlclRvcDogJ25vbmUnLFxuICAgICAgICBwYWRkaW5nTGVmdDogJzMwcHgnLFxuICAgICAgfSxcblxuICAgICAgJyYgPiBsaTo6YmVmb3JlJzoge1xuICAgICAgICBjb250ZW50OiAnXCJcIicsXG4gICAgICAgIGhlaWdodDogJzhweCcsXG4gICAgICAgIHdpZHRoOiAnOHB4JyxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiAnNTAlJyxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wcmltYXJ5LFxuICAgICAgICBtYXJnaW5MZWZ0OiAnLTIwcHgnLFxuICAgICAgICBtYXJnaW5SaWdodDogJzEwcHg7JyxcbiAgICAgIH0sXG4gICAgfSksXG4gIGxpbmtzOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgICYgPiBsaSB7XG4gICAgICBoZWlnaHQ6IHVuc2V0O1xuICAgICAgYm9yZGVyLXRvcDogbm9uZTtcblxuICAgICAgJiA+IGEsXG4gICAgICAmID4gYnV0dG9uIHtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG5cbiAgICAgICAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICAgICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICAgICAgfVxuXG4gICAgICAgICY6aG92ZXIsXG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICYgc3ZnIHtcbiAgICAgICAgICAgIHJpZ2h0OiAtNXB4O1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICYgPiBzcGFuIHtcbiAgICAgICAgICBwYWRkaW5nOiAwLjVlbSAwO1xuICAgICAgICAgIGZvbnQtc2l6ZTogMTVweDtcbiAgICAgICAgICBsaW5lLWhlaWdodDogMTlweDtcbiAgICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgIzE2NTdlMjtcbiAgICAgICAgICAmIHN2ZyB7XG4gICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgIHRvcDogNnB4O1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgYCxcbiAgbGlua3NBbHRlcm5hdGU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgJiA+IGxpIHtcbiAgICAgIGhlaWdodDogNTBweDtcblxuICAgICAgJiA+IGEsXG4gICAgICAmID4gYnV0dG9uIHtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG5cbiAgICAgICAgJjpob3ZlcixcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgJiBzdmcge1xuICAgICAgICAgICAgcmlnaHQ6IC01cHg7XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICAgICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICAgICAgfVxuXG4gICAgICAgICYgPiBzcGFuIHtcbiAgICAgICAgICBwYWRkaW5nOiAwLjVlbSAyMHB4IDAuNWVtIDA7XG4gICAgICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgICAgIGZvbnQtd2VpZ2h0OiA2MDA7XG4gICAgICAgICAgdGV4dC1hbGlnbjogbGVmdDtcblxuICAgICAgICAgICYgc3ZnIHtcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgICAgdG9wOiA2cHg7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICBgLFxuICBvcmRlcmVkOiB7fSxcbiAgbnVtYmVyczoge1xuICAgIGxpc3RTdHlsZTogJ25vbmUnLFxuICAgIGNvdW50ZXJSZXNldDogJ2NvbnRzJyxcblxuICAgICcmID4gbGknOiB7XG4gICAgICBoZWlnaHQ6ICczMHB4JyxcbiAgICAgIGJvcmRlclRvcDogJ25vbmUnLFxuICAgICAgcGFkZGluZ0xlZnQ6ICczMHB4JyxcbiAgICAgIGNvdW50ZXJJbmNyZW1lbnQ6ICdjb250cycsXG4gICAgfSxcblxuICAgICcmID4gbGk6OmJlZm9yZSc6IHtcbiAgICAgIGNvbnRlbnQ6ICdjb3VudGVyKGNvbnRzKVwiLlwiJyxcbiAgICAgIGZvbnRTaXplOiAnMTZweCcsXG4gICAgICBmb250V2VpZ2h0OiAnbm9ybWFsJyxcbiAgICAgIG1hcmdpbkxlZnQ6ICctMjBweCcsXG4gICAgICBtYXJnaW5SaWdodDogJzEwcHg7JyxcbiAgICB9LFxuICB9LFxuICBudW1iZXJzSGlnaGxpZ2h0ZWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzcyh7XG4gICAgICBsaXN0U3R5bGU6ICdub25lJyxcbiAgICAgIGNvdW50ZXJSZXNldDogJ2NvbnRzJyxcbiAgICAgICcmID4gbGknOiB7XG4gICAgICAgIGhlaWdodDogJzQwcHgnLFxuICAgICAgICBib3JkZXJUb3A6ICdub25lJyxcbiAgICAgICAgcGFkZGluZ0xlZnQ6ICczMHB4JyxcbiAgICAgICAgY291bnRlckluY3JlbWVudDogJ2NvbnRzJyxcbiAgICAgICAgZm9udFdlaWdodDogNjAwLFxuICAgICAgfSxcbiAgICAgICcmID4gbGk6OmJlZm9yZSc6IHtcbiAgICAgICAgY29udGVudDogJ2NvdW50ZXIoY29udHMpJyxcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnByaW1hcnksXG4gICAgICAgIGJvcmRlclJhZGl1czogJzUwJScsXG4gICAgICAgIGhlaWdodDogJzI0cHgnLFxuICAgICAgICB3aWR0aDogJzI0cHgnLFxuICAgICAgICBjb2xvcjogJ3doaXRlJyxcbiAgICAgICAgZm9udFNpemU6ICcxNnB4JyxcbiAgICAgICAgZm9udFdlaWdodDogNjAwLFxuICAgICAgICBtYXJnaW5MZWZ0OiAnLTIwcHgnLFxuICAgICAgICBtYXJnaW5SaWdodDogJzEwcHgnLFxuICAgICAgfSxcbiAgICB9KSxcbiAgc2VsZWN0TGlzdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzKHtcbiAgICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgICAgYm9yZGVyVG9wOiAnMXB4IHNvbGlkICcgKyB0aGVtZS5ib3JkZXIsXG4gICAgICBsaXN0U3R5bGU6ICdub25lJyxcbiAgICAgICcmID4gbGknOiB7XG4gICAgICAgIHBhZGRpbmdMZWZ0OiAnNXB4JyxcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAgaGVpZ2h0OiAnMzZweCcsXG4gICAgICAgIGZvbnRTaXplOiAnMTZweCcsXG4gICAgICAgIGJhY2tncm91bmQ6ICd3aGl0ZScsXG4gICAgICAgICcmOm50aC1vZi10eXBlKDEpJzoge1xuICAgICAgICAgIGJvcmRlclRvcDogJ25vbmUnLFxuICAgICAgICB9LFxuICAgICAgICAnJjpob3Zlcic6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJnTGlnaHQsXG4gICAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLmJnTGlnaHQsXG4gICAgICAgICAgY29sb3I6IHRoZW1lLmJ0bkhvdmVyVGV4dENvbG9yICsgJyFpbXBvcnRhbnQnLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9KSxcbiAgbm9zdHlsZTogY3NzYFxuICAgICYgPiBsaSB7XG4gICAgICBoZWlnaHQ6IDMwcHg7XG4gICAgICBib3JkZXItdG9wOiBub25lO1xuICAgICAgYm9yZGVyLWJvdHRvbTogMDtcbiAgICB9XG4gIGAsXG4gIHJvd0hlaWdodDogKGhlaWdodDogc3RyaW5nKSA9PiBjc3NgXG4gICAgJiA+IGxpIHtcbiAgICAgIGhlaWdodDogJHtoZWlnaHR9O1xuICAgIH1cbiAgYCxcbiAgbWluUm93SGVpZ2h0OiAoaGVpZ2h0OiBzdHJpbmcpID0+IGNzc2BcbiAgICAmID4gbGkge1xuICAgICAgbWluLWhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgaGVpZ2h0OiB1bnNldDtcbiAgICB9XG4gIGAsXG4gIGRhcmtUaGVtZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBib3JkZXItdG9wOiBub25lO1xuICAgIGxpLFxuICAgIGxpOmhvdmVyLFxuICAgIGxpOmFjdGl2ZSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnN1Ym1lbnVJdGVtQ29sb3J9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmJ0bkJhY2tCb3JkZXJ9O1xuXG4gICAgICAmID4gYnV0dG9uIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuc3VibWVudVRleHRDb2xvckFjdGl2ZX07XG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgIGNvbG9yOiAke3RoZW1lLnN1Ym1lbnVUZXh0Q29sb3JBY3RpdmV9O1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICBgLFxuICBzZXRQYWRkaW5nOiAocGFkZGluZzogc3RyaW5nKSA9PiBjc3NgXG4gICAgJiA+IGxpIHtcbiAgICAgIHBhZGRpbmc6ICR7cGFkZGluZ30gMDtcbiAgICB9XG4gICAgJiA+IGxpOmZpcnN0LW9mLXR5cGUge1xuICAgICAgcGFkZGluZzogMCAwICR7cGFkZGluZ30gMDtcbiAgICB9XG4gICAgJiA+IGxpOmxhc3Qtb2YtdHlwZSB7XG4gICAgICBwYWRkaW5nOiAke3BhZGRpbmd9IDAgMCAwO1xuICAgIH1cbiAgICAmID4gbGk6b25seS1vZi10eXBlIHtcbiAgICAgIHBhZGRpbmc6IDA7XG4gICAgfVxuICBgLFxufVxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5cbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-
 const styles = {
   default: theme => /*#__PURE__*/css({
     padding: 0,

package/esm/core/ListPager/ListPager.stories.js

@@ -0,0 +1,16 @@
+import ListPager from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/ListPager',
+  component: ListPager
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsx(ListPager, {
+    totalPageCount: 6,
+    currentPage: 1,
+    onFirstClick: () => console.log('First clicked'),
+    onLastClick: e => console.log('Last clicked, page:', e),
+    onPageClick: e => console.log('Page ' + e + ' clicked')
+  }),
+  name: 'Default'
+};

package/esm/core/ListPager/index.js

@@ -5,7 +5,6 @@ import { getHasPreviousPages, getHasMorePages, getFirstButtonIndex } from '../..
 import Button from '../Button';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const ListPager = ({
   totalPageCount,
   currentPage,
@@ -14,22 +13,17 @@ const ListPager = ({
   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,
@@ -38,7 +32,6 @@ const ListPager = ({
       children: i + 1
     }, i));
   }
-
   return /*#__PURE__*/_jsxs(Wrapper, {
     children: [/*#__PURE__*/_jsx(Button, {
       nostyle: true,
@@ -51,5 +44,4 @@ const ListPager = ({
     })]
   });
 };
-
 export default ListPager;

package/esm/core/ListPager/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';
 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2tFIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgY29uc3QgUGFnZVN0eWxlID0gKGFjdGl2ZTogYm9vbGVhbiwgcHJpbWFyeTogc3RyaW5nKSA9PiBjc3NgXG4gIGNvbG9yOiAke2FjdGl2ZSA/IHByaW1hcnkgOiAnaW5pdGlhbCd9O1xuICAmOmFjdGl2ZSxcbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgY29sb3I6ICR7YWN0aXZlID8gcHJpbWFyeSA6ICdpbml0aWFsJ307XG4gIH1cbmBcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIHdpZHRoOiBtaW4tY29udGVudDtcbmBcblxuZXhwb3J0IGNvbnN0IERvdFdyYXBwZXIgPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcbiJdfQ== */");
 export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {

package/esm/core/Modal/ActionButtons/index.js

@@ -2,7 +2,6 @@ import _styled from "@emotion/styled/base";
 import { css } from '@emotion/react';
 import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "e11d84160"
 } : {
@@ -11,7 +10,6 @@ const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
 })(({
   spaceBetween
 }) => /*#__PURE__*/css("display:flex;gap:1em;width:100%;justify-content:", spaceBetween ? 'space-between' : 'flex-end', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01vZGFsL0FjdGlvbkJ1dHRvbnMvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVl1RCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Nb2RhbC9BY3Rpb25CdXR0b25zL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbnR5cGUgUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGUgfCBSZWFjdC5SZWFjdE5vZGVbXVxuICAvKiogQWRkcyBcImp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlblwiIEBkZWZhdWx0IHRydWUgKi9cbiAgc3BhY2VCZXR3ZWVuPzogYm9vbGVhblxuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IHNwYWNlQmV0d2VlbiB9OiB7IHNwYWNlQmV0d2Vlbj86IGJvb2xlYW4gfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZ2FwOiAxZW07XG4gICAgd2lkdGg6IDEwMCU7XG4gICAganVzdGlmeS1jb250ZW50OiAke3NwYWNlQmV0d2VlbiA/ICdzcGFjZS1iZXR3ZWVuJyA6ICdmbGV4LWVuZCd9O1xuICBgXG4pXG5cbmNvbnN0IEFjdGlvbkJ1dHRvbnMgPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBzcGFjZUJldHdlZW4gPSB0cnVlIH06IFByb3BzKSA9PiAoXG4gIDxXcmFwcGVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBzcGFjZUJldHdlZW49e3NwYWNlQmV0d2Vlbn0+XG4gICAge2NoaWxkcmVufVxuICA8L1dyYXBwZXI+XG4pXG5cbmV4cG9ydCBkZWZhdWx0IEFjdGlvbkJ1dHRvbnNcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01vZGFsL0FjdGlvbkJ1dHRvbnMvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdnQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Nb2RhbC9BY3Rpb25CdXR0b25zL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbnR5cGUgUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGUgfCBSZWFjdC5SZWFjdE5vZGVbXVxuICAvKiogQWRkcyBcImp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlblwiIEBkZWZhdWx0IHRydWUgKi9cbiAgc3BhY2VCZXR3ZWVuPzogYm9vbGVhblxuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IHNwYWNlQmV0d2VlbiB9OiB7IHNwYWNlQmV0d2Vlbj86IGJvb2xlYW4gfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZ2FwOiAxZW07XG4gICAgd2lkdGg6IDEwMCU7XG4gICAganVzdGlmeS1jb250ZW50OiAke3NwYWNlQmV0d2VlbiA/ICdzcGFjZS1iZXR3ZWVuJyA6ICdmbGV4LWVuZCd9O1xuICBgXG4pXG5cbmNvbnN0IEFjdGlvbkJ1dHRvbnMgPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBzcGFjZUJldHdlZW4gPSB0cnVlIH06IFByb3BzKSA9PiAoXG4gIDxXcmFwcGVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBzcGFjZUJldHdlZW49e3NwYWNlQmV0d2Vlbn0+XG4gICAge2NoaWxkcmVufVxuICA8L1dyYXBwZXI+XG4pXG5cbmV4cG9ydCBkZWZhdWx0IEFjdGlvbkJ1dHRvbnNcbiJdfQ== */");
-
 const ActionButtons = ({
   children,
   className,
@@ -21,5 +19,4 @@ const ActionButtons = ({
   spaceBetween: spaceBetween,
   children: children
 });
-
 export default ActionButtons;

package/esm/core/Modal/Modal.stories.js

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

package/esm/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/esm/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/esm/core/NoticeCard/NoticeCard.stories.js

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

package/esm/core/NoticeCard/index.js

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

package/esm/core/NoticeCard/models.js

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