@bbl-digital/snorre 3.1.57 → 3.1.59

package/lib/core/Checkbox/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: "131jtor",
   styles: "span{border-radius:2px;}"
@@ -11,7 +9,6 @@ var _ref = process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0NoZWNrYm94L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRm1DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0NoZWNrYm94L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICBsaW5lLWhlaWdodDogMjBweDtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgaW5wdXQge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgb3BhY2l0eTogMDtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuXG4gICAgICAmOmNoZWNrZWQgfiBzcGFuIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgICAgfVxuXG4gICAgICAmOmNoZWNrZWQgfiBzcGFuOmFmdGVyIHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB9XG5cbiAgICAgICY6Zm9jdXMtdmlzaWJsZSB+IHNwYW4ge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucHJpbWFyeTVkYXJrZXJ9O1xuICAgICAgfVxuXG4gICAgICAmOmZvY3VzLXZpc2libGUgfiBzcGFuOmJlZm9yZSB7XG4gICAgICAgIG9wYWNpdHk6IDAuMjtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBzcGFuIHtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICBoZWlnaHQ6IDE2cHg7XG4gICAgICBtaW4td2lkdGg6IDE2cHg7XG4gICAgICBib3JkZXI6IDJweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICBtYXJnaW4tcmlnaHQ6IDdweDtcblxuICAgICAgJjpiZWZvcmUge1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLnByaW1hcnl9O1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICBsZWZ0OiAtMTBweDtcbiAgICAgICAgdG9wOiAtMTBweDtcbiAgICAgICAgd2lkdGg6IDM1cHg7XG4gICAgICAgIGhlaWdodDogMzVweDtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDI1MG1zO1xuICAgICAgfVxuXG4gICAgICAmOmhvdmVyOmJlZm9yZSB7XG4gICAgICAgIG9wYWNpdHk6IDAuMTtcbiAgICAgIH1cblxuICAgICAgJjphZnRlciB7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIGxlZnQ6IDVweDtcbiAgICAgICAgdG9wOiAycHg7XG4gICAgICAgIHdpZHRoOiA0cHg7XG4gICAgICAgIGhlaWdodDogOXB4O1xuICAgICAgICBib3JkZXI6IHNvbGlkIHdoaXRlO1xuICAgICAgICBib3JkZXItd2lkdGg6IDAgMnB4IDJweCAwO1xuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSg0NWRlZyk7XG4gICAgICB9XG4gICAgfVxuICBgLFxuICBub21hcmdpbjogY3NzYFxuICAgIG1hcmdpbi1yaWdodDogMDtcbiAgYCxcbiAgY2hpbGQ6IGNzc2BcbiAgICBwYWRkaW5nLWxlZnQ6IDQxcHg7XG4gICAgc3BhbiB7XG4gICAgICBsZWZ0OiAxNnB4O1xuICAgIH1cbiAgYCxcbiAgZGlzYWJsZWQ6ICh0aGVtZTogSUFwcFRoZW1lLCBzdGF0ZT86IHN0cmluZykgPT4gY3NzYFxuICAgIGNvbG9yOiAke3RoZW1lLnN1YnRsZVRleHR9O1xuICAgIGN1cnNvcjogJHtzdGF0ZSA/IHN0YXRlIDogJ25vdC1hbGxvd2VkJ307XG4gICAgc3BhbiB7XG4gICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICBjdXJzb3I6ICR7c3RhdGUgPyBzdGF0ZSA6ICdub3QtYWxsb3dlZCd9O1xuICAgIH1cbiAgYCxcbiAgc3VidGxlOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIHNwYW4ge1xuICAgICAgYm9yZGVyLXJhZGl1czogMnB4O1xuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5cbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-
 const styles = {
   default: theme => /*#__PURE__*/css("display:inline-flex;align-items:center;vertical-align:middle;font-size:14px;line-height:20px;user-select:none;cursor:pointer;position:relative;input{position:absolute;opacity:0;pointer-events:none;&:checked~span{background-color:", theme.primary, ";border-color:", theme.primary, ";}&:checked~span:after{display:block;}&:focus-visible~span{border-color:", theme.primary5darker, ";}&:focus-visible~span:before{opacity:0.2;}}span{position:relative;top:0;left:0;height:16px;min-width:16px;border:2px solid ", theme.border, ";cursor:pointer;margin-right:7px;&:before{content:'';position:absolute;background:", theme.primary, ";opacity:0;left:-10px;top:-10px;width:35px;height:35px;border-radius:50%;transition:opacity 250ms;}&:hover:before{opacity:0.1;}&:after{content:'';position:absolute;display:none;left:5px;top:2px;width:4px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);}}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0NoZWNrYm94L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJb0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvQ2hlY2tib3gvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgZm9udC1zaXplOiAxNHB4O1xuICAgIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICBpbnB1dCB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG5cbiAgICAgICY6Y2hlY2tlZCB+IHNwYW4ge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICB9XG5cbiAgICAgICY6Y2hlY2tlZCB+IHNwYW46YWZ0ZXIge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIH1cblxuICAgICAgJjpmb2N1cy12aXNpYmxlIH4gc3BhbiB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wcmltYXJ5NWRhcmtlcn07XG4gICAgICB9XG5cbiAgICAgICY6Zm9jdXMtdmlzaWJsZSB+IHNwYW46YmVmb3JlIHtcbiAgICAgICAgb3BhY2l0eTogMC4yO1xuICAgICAgfVxuICAgIH1cblxuICAgIHNwYW4ge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgdG9wOiAwO1xuICAgICAgbGVmdDogMDtcbiAgICAgIGhlaWdodDogMTZweDtcbiAgICAgIG1pbi13aWR0aDogMTZweDtcbiAgICAgIGJvcmRlcjogMnB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgIG1hcmdpbi1yaWdodDogN3B4O1xuXG4gICAgICAmOmJlZm9yZSB7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIGxlZnQ6IC0xMHB4O1xuICAgICAgICB0b3A6IC0xMHB4O1xuICAgICAgICB3aWR0aDogMzVweDtcbiAgICAgICAgaGVpZ2h0OiAzNXB4O1xuICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICAgIHRyYW5zaXRpb246IG9wYWNpdHkgMjUwbXM7XG4gICAgICB9XG5cbiAgICAgICY6aG92ZXI6YmVmb3JlIHtcbiAgICAgICAgb3BhY2l0eTogMC4xO1xuICAgICAgfVxuXG4gICAgICAmOmFmdGVyIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgbGVmdDogNXB4O1xuICAgICAgICB0b3A6IDJweDtcbiAgICAgICAgd2lkdGg6IDRweDtcbiAgICAgICAgaGVpZ2h0OiA5cHg7XG4gICAgICAgIGJvcmRlcjogc29saWQgd2hpdGU7XG4gICAgICAgIGJvcmRlci13aWR0aDogMCAycHggMnB4IDA7XG4gICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDQ1ZGVnKTtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG4gIG5vbWFyZ2luOiBjc3NgXG4gICAgbWFyZ2luLXJpZ2h0OiAwO1xuICBgLFxuICBjaGlsZDogY3NzYFxuICAgIHBhZGRpbmctbGVmdDogNDFweDtcbiAgICBzcGFuIHtcbiAgICAgIGxlZnQ6IDE2cHg7XG4gICAgfVxuICBgLFxuICBkaXNhYmxlZDogKHRoZW1lOiBJQXBwVGhlbWUsIHN0YXRlPzogc3RyaW5nKSA9PiBjc3NgXG4gICAgY29sb3I6ICR7dGhlbWUuc3VidGxlVGV4dH07XG4gICAgY3Vyc29yOiAke3N0YXRlID8gc3RhdGUgOiAnbm90LWFsbG93ZWQnfTtcbiAgICBzcGFuIHtcbiAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgIGN1cnNvcjogJHtzdGF0ZSA/IHN0YXRlIDogJ25vdC1hbGxvd2VkJ307XG4gICAgfVxuICBgLFxuICBzdWJ0bGU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgc3BhbiB7XG4gICAgICBib3JkZXItcmFkaXVzOiAycHg7XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */"),
   nomargin: process.env.NODE_ENV === "production" ? {

package/lib/core/CheckboxController/index.js

@@ -1,22 +1,28 @@
 // import React from 'react'
+
 // interface IProps {
 //   /** Function children in which CheckBox components can be rendered. */
 //   children: (component: React.ComponentType, values: string[], id: string) => void;
 //   /** Unique name of the field. */
 //   name: string,;
+
 //   /** Callback that is triggered when a child CheckBox is clicked. */
 //   onChange: (values: string[], event: React.ChangeEvent<HTMLInputElement>) => void;
 //   /** Default checked values. */
 //   value?: string,[];
 // }
+
 // const CheckboxController: React.FC<IProps> = props => {
 //   const type: string = 'checkbox'
+
 //   const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {
 //     if (props.onChange) {
 //       props.onChange(e.target.checked)
 //     }
 //   }
+
 //   return (
 //   )
 // }
+
 // export default Checkbox

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare const _default;
+export default _default;
+export declare const Default: {
+    render: () => import("react").JSX.Element;
+    name: string;
+};
+export declare const InitialOpen: {
+    render: () => import("react").JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=CollapseList.stories.d.ts.map

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

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

package/lib/core/CollapseList/CollapseList.stories.js

@@ -0,0 +1,43 @@
+import CollapseList from '.';
+import CollapseListItem from './Item';
+import Text from '../Text';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default {
+  title: 'Core/CollapseList',
+  component: CollapseList
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsxs(CollapseList, {
+    children: [/*#__PURE__*/_jsx(CollapseListItem, {
+      header: /*#__PURE__*/_jsx(Text, {
+        children: "Header"
+      }),
+      content: /*#__PURE__*/_jsx(Text, {
+        children: "Content"
+      })
+    }), /*#__PURE__*/_jsx(CollapseListItem, {
+      header: /*#__PURE__*/_jsx(Text, {
+        children: "Item 2"
+      }),
+      content: /*#__PURE__*/_jsx(Text, {
+        children: "Content"
+      })
+    })]
+  }),
+  name: 'Default'
+};
+export const InitialOpen = {
+  render: () => /*#__PURE__*/_jsx(CollapseList, {
+    children: /*#__PURE__*/_jsx(CollapseListItem, {
+      header: /*#__PURE__*/_jsx(Text, {
+        children: "Header"
+      }),
+      content: /*#__PURE__*/_jsx(Text, {
+        children: "Content"
+      }),
+      initialOpen: true
+    })
+  }),
+  name: 'initialOpen'
+};

package/lib/core/CollapseList/Item.js

@@ -3,18 +3,15 @@ import { CollapseButton } from './styles';
 import { IconChevronDown } from '../..';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const CollapseListItem = ({
   header,
   content,
   initialOpen
 }) => {
   const [open, setOpen] = useState(initialOpen ? true : false);
-
   const toggleOpen = () => {
     setOpen(!open);
   };
-
   return /*#__PURE__*/_jsxs("div", {
     className: "item",
     children: [/*#__PURE__*/_jsx(CollapseButton, {
@@ -34,5 +31,4 @@ const CollapseListItem = ({
     })]
   });
 };
-
 export default CollapseListItem;

package/lib/core/CollapseList/index.js

@@ -2,7 +2,6 @@
 import React from 'react';
 import { styles } from './styles';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-
 const CollapseList = ({
   children
 }) => {
@@ -11,5 +10,4 @@ const CollapseList = ({
     children: children
   });
 };
-
 export default CollapseList;

package/lib/core/CollapseList/styles.js

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

package/lib/core/CommentsTimeline/CommentLine/index.js

@@ -5,7 +5,6 @@ import Text from '../../Text';
 import { useIsMobile } from '../../..';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const CommentLine = ({
   date = '',
   time = '',
@@ -51,5 +50,4 @@ const CommentLine = ({
     })]
   });
 };
-
 export default CommentLine;

package/lib/core/CommentsTimeline/CommentLine/styles.js

@@ -1,16 +1,14 @@
 import _styled from "@emotion/styled/base";
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 import { css } from '@emotion/react';
 import bp from '../../../globals/styles/breakpoints';
-export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+export const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1gdadix3"
 } : {
   target: "e1gdadix3",
   label: "Wrapper"
 })(props => /*#__PURE__*/css("display:grid;grid-template-columns:75px 45px 1fr;grid-column-gap:1em;position:relative;&:after{content:'';position:absolute;width:1px;background-color:", props.theme.border, ";top:5px;bottom:calc(-1em - 5px);left:calc(75px + 1em + (45px / 2));}@media screen and (max-width: ", bp.medium, "){grid-template-columns:65px 40px 1fr;grid-column-gap:0.5em;&:after{left:calc(65px + 0.5em + (40px / 2));}}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0NvbW1lbnRzVGltZWxpbmUvQ29tbWVudExpbmUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtxQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Db21tZW50c1RpbWVsaW5lL0NvbW1lbnRMaW5lL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogNzVweCA0NXB4IDFmcjtcbiAgICBncmlkLWNvbHVtbi1nYXA6IDFlbTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAmOmFmdGVyIHtcbiAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgd2lkdGg6IDFweDtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMudGhlbWUuYm9yZGVyfTtcbiAgICAgIHRvcDogNXB4O1xuICAgICAgYm90dG9tOiBjYWxjKC0xZW0gLSA1cHgpO1xuICAgICAgbGVmdDogY2FsYyg3NXB4ICsgMWVtICsgKDQ1cHggLyAyKSk7XG4gICAgfVxuXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDY1cHggNDBweCAxZnI7XG4gICAgICBncmlkLWNvbHVtbi1nYXA6IDAuNWVtO1xuICAgICAgJjphZnRlciB7XG4gICAgICAgIGxlZnQ6IGNhbGMoNjVweCArIDAuNWVtICsgKDQwcHggLyAyKSk7XG4gICAgICB9XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBEYXRlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIHRleHQtYWxpZ246IHJpZ2h0O1xuICBoZWlnaHQ6IG1pbi1jb250ZW50O1xuYFxuZXhwb3J0IGNvbnN0IEljb25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHdpZHRoOiA0NXB4O1xuICBoZWlnaHQ6IDQ1cHg7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgYm94LXNoYWRvdzogMCAycHggNHB4IDAgcmdiYSgwLCAwLCAwLCAwLjEpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICB6LWluZGV4OiAxO1xuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xuICAgIHdpZHRoOiA0MHB4O1xuICAgIGhlaWdodDogNDBweDtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXJvdy1nYXA6IDAuNWVtO1xuICBib3gtc2hhZG93OiAwIDJweCA0cHggMCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgcGFkZGluZzogMS41ZW07XG4gIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG5cbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgcGFkZGluZzogMWVtO1xuICB9XG5gXG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0NvbW1lbnRzVGltZWxpbmUvQ29tbWVudExpbmUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Db21tZW50c1RpbWVsaW5lL0NvbW1lbnRMaW5lL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogNzVweCA0NXB4IDFmcjtcbiAgICBncmlkLWNvbHVtbi1nYXA6IDFlbTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAmOmFmdGVyIHtcbiAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgd2lkdGg6IDFweDtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMudGhlbWUuYm9yZGVyfTtcbiAgICAgIHRvcDogNXB4O1xuICAgICAgYm90dG9tOiBjYWxjKC0xZW0gLSA1cHgpO1xuICAgICAgbGVmdDogY2FsYyg3NXB4ICsgMWVtICsgKDQ1cHggLyAyKSk7XG4gICAgfVxuXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDY1cHggNDBweCAxZnI7XG4gICAgICBncmlkLWNvbHVtbi1nYXA6IDAuNWVtO1xuICAgICAgJjphZnRlciB7XG4gICAgICAgIGxlZnQ6IGNhbGMoNjVweCArIDAuNWVtICsgKDQwcHggLyAyKSk7XG4gICAgICB9XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBEYXRlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIHRleHQtYWxpZ246IHJpZ2h0O1xuICBoZWlnaHQ6IG1pbi1jb250ZW50O1xuYFxuZXhwb3J0IGNvbnN0IEljb25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHdpZHRoOiA0NXB4O1xuICBoZWlnaHQ6IDQ1cHg7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgYm94LXNoYWRvdzogMCAycHggNHB4IDAgcmdiYSgwLCAwLCAwLCAwLjEpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICB6LWluZGV4OiAxO1xuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xuICAgIHdpZHRoOiA0MHB4O1xuICAgIGhlaWdodDogNDBweDtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXJvdy1nYXA6IDAuNWVtO1xuICBib3gtc2hhZG93OiAwIDJweCA0cHggMCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgcGFkZGluZzogMS41ZW07XG4gIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG5cbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgcGFkZGluZzogMWVtO1xuICB9XG5gXG4iXX0= */");
-export const DateWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+export const DateWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1gdadix2"
 } : {
   target: "e1gdadix2",
@@ -24,13 +22,13 @@ export const DateWrapper = _styled("div", process.env.NODE_ENV === "production"
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0NvbW1lbnRzVGltZWxpbmUvQ29tbWVudExpbmUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCcUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvQ29tbWVudHNUaW1lbGluZS9Db21tZW50TGluZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogYW55KSA9PiBjc3NgXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDc1cHggNDVweCAxZnI7XG4gICAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJjphZnRlciB7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHdpZHRoOiAxcHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLnRoZW1lLmJvcmRlcn07XG4gICAgICB0b3A6IDVweDtcbiAgICAgIGJvdHRvbTogY2FsYygtMWVtIC0gNXB4KTtcbiAgICAgIGxlZnQ6IGNhbGMoNzVweCArIDFlbSArICg0NXB4IC8gMikpO1xuICAgIH1cblxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiA2NXB4IDQwcHggMWZyO1xuICAgICAgZ3JpZC1jb2x1bW4tZ2FwOiAwLjVlbTtcbiAgICAgICY6YWZ0ZXIge1xuICAgICAgICBsZWZ0OiBjYWxjKDY1cHggKyAwLjVlbSArICg0MHB4IC8gMikpO1xuICAgICAgfVxuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgRGF0ZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICB0ZXh0LWFsaWduOiByaWdodDtcbiAgaGVpZ2h0OiBtaW4tY29udGVudDtcbmBcbmV4cG9ydCBjb25zdCBJY29uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB3aWR0aDogNDVweDtcbiAgaGVpZ2h0OiA0NXB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJveC1zaGFkb3c6IDAgMnB4IDRweCAwIHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgei1pbmRleDogMTtcblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcbiAgICB3aWR0aDogNDBweDtcbiAgICBoZWlnaHQ6IDQwcHg7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRleHRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1yb3ctZ2FwOiAwLjVlbTtcbiAgYm94LXNoYWRvdzogMCAycHggNHB4IDAgcmdiYSgwLCAwLCAwLCAwLjEpO1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIHBhZGRpbmc6IDEuNWVtO1xuICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xuICAgIHBhZGRpbmc6IDFlbTtcbiAgfVxuYFxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-export const IconWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+export const IconWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1gdadix1"
 } : {
   target: "e1gdadix1",
   label: "IconWrapper"
 })("display:flex;justify-content:center;align-items:center;width:45px;height:45px;border-radius:50%;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.1);background-color:#ffffff;z-index:1;@media screen and (max-width: ", bp.medium, "){width:40px;height:40px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0NvbW1lbnRzVGltZWxpbmUvQ29tbWVudExpbmUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9DcUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvQ29tbWVudHNUaW1lbGluZS9Db21tZW50TGluZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogYW55KSA9PiBjc3NgXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDc1cHggNDVweCAxZnI7XG4gICAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJjphZnRlciB7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHdpZHRoOiAxcHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLnRoZW1lLmJvcmRlcn07XG4gICAgICB0b3A6IDVweDtcbiAgICAgIGJvdHRvbTogY2FsYygtMWVtIC0gNXB4KTtcbiAgICAgIGxlZnQ6IGNhbGMoNzVweCArIDFlbSArICg0NXB4IC8gMikpO1xuICAgIH1cblxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiA2NXB4IDQwcHggMWZyO1xuICAgICAgZ3JpZC1jb2x1bW4tZ2FwOiAwLjVlbTtcbiAgICAgICY6YWZ0ZXIge1xuICAgICAgICBsZWZ0OiBjYWxjKDY1cHggKyAwLjVlbSArICg0MHB4IC8gMikpO1xuICAgICAgfVxuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgRGF0ZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICB0ZXh0LWFsaWduOiByaWdodDtcbiAgaGVpZ2h0OiBtaW4tY29udGVudDtcbmBcbmV4cG9ydCBjb25zdCBJY29uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB3aWR0aDogNDVweDtcbiAgaGVpZ2h0OiA0NXB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJveC1zaGFkb3c6IDAgMnB4IDRweCAwIHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgei1pbmRleDogMTtcblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcbiAgICB3aWR0aDogNDBweDtcbiAgICBoZWlnaHQ6IDQwcHg7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRleHRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1yb3ctZ2FwOiAwLjVlbTtcbiAgYm94LXNoYWRvdzogMCAycHggNHB4IDAgcmdiYSgwLCAwLCAwLCAwLjEpO1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIHBhZGRpbmc6IDEuNWVtO1xuICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xuICAgIHBhZGRpbmc6IDFlbTtcbiAgfVxuYFxuIl19 */"));
-export const TextWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+export const TextWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1gdadix0"
 } : {
   target: "e1gdadix0",

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare const _default;
+export default _default;
+export declare const CommentsTimeline: {
+    render: () => import("react").JSX.Element;
+    name: string;
+};
+export declare const CustomContent: {
+    render: () => import("react").JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=CommentsTimeline.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommentsTimeline.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/CommentsTimeline/CommentsTimeline.stories.tsx"],"names":[],"mappings":";;AAMA,wBAGS;AAET,eAAO,MAAM,gBAAgB;;;CA6C5B,CAAA;AAED,eAAO,MAAM,aAAa;;;CAoBzB,CAAA"}

package/lib/core/CommentsTimeline/CommentsTimeline.stories.js

@@ -0,0 +1,79 @@
+import CommentsTimelineComponent from '.';
+import CommentLine from './CommentLine';
+import IconComment from '../../icons/General/IconComment';
+import Button from '../Button';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default {
+  title: 'Core/CommentsTimeline',
+  component: CommentsTimelineComponent
+};
+export const CommentsTimeline = {
+  render: () => /*#__PURE__*/_jsxs(CommentsTimelineComponent, {
+    children: [/*#__PURE__*/_jsx(CommentLine, {
+      time: "11:40",
+      date: "20.08.2020",
+      icon: /*#__PURE__*/_jsx(IconComment, {
+        primary: true
+      }),
+      header: "Test Person",
+      comment: "This is a comment"
+    }), /*#__PURE__*/_jsx(CommentLine, {
+      time: "11:30",
+      date: "20.08.2020",
+      icon: /*#__PURE__*/_jsx(IconComment, {
+        primary: true
+      }),
+      header: "Test Person",
+      comment: "This is a comment"
+    }), /*#__PURE__*/_jsx(CommentLine, {
+      time: "11:10",
+      date: "21.02.2001",
+      icon: /*#__PURE__*/_jsx(IconComment, {
+        primary: true
+      }),
+      header: "Test Person",
+      comment: "This is a comment"
+    }), /*#__PURE__*/_jsx(CommentLine, {
+      time: "11:40",
+      date: "22.12.2000",
+      icon: /*#__PURE__*/_jsx(IconComment, {
+        primary: true
+      }),
+      header: "Kristian Gr\xF8nvold",
+      comment: "This is a also comment"
+    }), /*#__PURE__*/_jsx(CommentLine, {
+      time: "11:40",
+      date: "22.12.2000",
+      icon: /*#__PURE__*/_jsx(IconComment, {
+        primary: true
+      }),
+      header: "Kristian Gr\xF8nvold",
+      comment: "This is an italic comment with extra info",
+      italic: true,
+      subtle: true,
+      commentInfo: "Extra text"
+    })]
+  }),
+  name: 'CommentsTimeline'
+};
+export const CustomContent = {
+  render: () => /*#__PURE__*/_jsx(CommentsTimelineComponent, {
+    children: /*#__PURE__*/_jsx(CommentLine, {
+      time: "11:40",
+      date: "20.08.2020",
+      icon: /*#__PURE__*/_jsx(IconComment, {
+        primary: true
+      }),
+      header: "Test Person",
+      comment: "This is a comment",
+      commentInfo: "Comment info",
+      customContent: /*#__PURE__*/_jsxs("span", {
+        children: ["This is some custom content where you can add", /*#__PURE__*/_jsx(Button, {
+          children: "stuff"
+        })]
+      })
+    })
+  }),
+  name: 'Custom content'
+};

package/lib/core/CommentsTimeline/index.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { Wrapper } from './styles';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const CommentsTimeline = ({
   children
 }) => {
@@ -9,5 +8,4 @@ const CommentsTimeline = ({
     children: children
   });
 };
-
 export default CommentsTimeline;

package/lib/core/CommentsTimeline/styles.js

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

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+declare const _default;
+export default _default;
+export declare const Html: {
+    render: () => import("react").JSX.Element;
+    name: string;
+};
+export declare const Plain: {
+    render: () => import("react").JSX.Element;
+    name: string;
+};
+export declare const Loading: {
+    render: () => import("react").JSX.Element;
+    name: string;
+};
+export declare const LoadingCenter: {
+    render: () => import("react").JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=CustomText.stories.d.ts.map

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

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

package/lib/core/CustomText/CustomText.stories.js

@@ -0,0 +1,33 @@
+import CustomText from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/CustomText',
+  component: CustomText
+};
+export const Html = {
+  render: () => /*#__PURE__*/_jsx(CustomText, {
+    text: "<ul><li>Html</li><li><strong>Text</strong></li></ul>"
+  }),
+  name: 'Html'
+};
+export const Plain = {
+  render: () => /*#__PURE__*/_jsx(CustomText, {
+    text: "Supports plain text with\\r  linebreak"
+  }),
+  name: 'Plain'
+};
+export const Loading = {
+  render: () => /*#__PURE__*/_jsx(CustomText, {
+    loading: true,
+    lines: 3
+  }),
+  name: 'Loading'
+};
+export const LoadingCenter = {
+  render: () => /*#__PURE__*/_jsx(CustomText, {
+    loading: true,
+    lines: 3,
+    centerloader: true
+  }),
+  name: 'Loading center'
+};

package/lib/core/CustomText/index.js

@@ -4,26 +4,21 @@ import Skeleton from '../Skeleton';
 import Html from '../Html';
 import { Wrapper, center } from './styles';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-
 const CustomText = props => {
   if (props.error) {
     return null;
   }
-
   if (props.loading) {
     const lines = props.lines ? props.lines : 1;
     const skeletonRows = [];
-
     for (var i = 0; i < lines; i++) {
       skeletonRows.push(_jsx(Skeleton, {}, i));
     }
-
     return _jsx(Wrapper, {
       css: () => props.centerloader && center,
       children: skeletonRows
     });
   }
-
   return _jsx(Html, {
     text: props.text,
     secondary: props.secondary,
@@ -32,5 +27,4 @@ const CustomText = props => {
     whiteSpace: props.whiteSpace
   });
 };
-
 export default CustomText;

package/lib/core/CustomText/styles.js

@@ -1,9 +1,7 @@
 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" ? {
+export const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "ei0607b0"
 } : {
   target: "ei0607b0",

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

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+declare const _default;
+export default _default;
+export declare const DatepickerDefault: {
+    render: () => import("react").JSX.Element;
+    name: string;
+};
+export declare const WithError: {
+    render: () => import("react").JSX.Element;
+    name: string;
+};
+export declare const WithValue: {
+    render: () => import("react").JSX.Element;
+    name: string;
+};
+export declare const LimitValues: {
+    render: () => import("react").JSX.Element;
+    name: string;
+};
+export declare const Disabled: {
+    render: () => import("react").JSX.Element;
+    name: string;
+};
+export declare const NonInput: {
+    render: () => import("react").JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=Datepicker.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Datepicker.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Datepicker/Datepicker.stories.tsx"],"names":[],"mappings":";;AAGA,wBAGS;AAET,eAAO,MAAM,iBAAiB;;;CAU7B,CAAA;AAED,eAAO,MAAM,SAAS;;;CAWrB,CAAA;AAED,eAAO,MAAM,SAAS;;;CASrB,CAAA;AAED,eAAO,MAAM,WAAW;;;CAYvB,CAAA;AAED,eAAO,MAAM,QAAQ;;;CAWpB,CAAA;AAED,eAAO,MAAM,QAAQ;;;CAUpB,CAAA"}

package/lib/core/Datepicker/Datepicker.stories.js

@@ -0,0 +1,58 @@
+import Datepicker from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/Datepicker',
+  component: Datepicker
+};
+export const DatepickerDefault = {
+  render: () => /*#__PURE__*/_jsx(Datepicker, {
+    onChange: e => console.log(e),
+    onBlur: () => console.log('blur'),
+    label: "Date"
+  }),
+  name: 'Datepicker'
+};
+export const WithError = {
+  render: () => /*#__PURE__*/_jsx(Datepicker, {
+    onChange: e => console.log(e),
+    label: "With error",
+    validation: true,
+    invalidMessage: "Something is wrong"
+  }),
+  name: 'With error'
+};
+export const WithValue = {
+  render: () => /*#__PURE__*/_jsx(Datepicker, {
+    onChange: e => console.log('change', e),
+    label: "With value",
+    value: new Date(1995, 7, 20)
+  }),
+  name: 'With value'
+};
+export const LimitValues = {
+  render: () => /*#__PURE__*/_jsx(Datepicker, {
+    label: "With min and max date",
+    withYearMonthForm: false,
+    minDate: new Date(2020, 10, 10),
+    maxDate: new Date(2020, 11, 10),
+    onChange: e => console.log('change', e)
+  }),
+  name: 'Limit values'
+};
+export const Disabled = {
+  render: () => /*#__PURE__*/_jsx(Datepicker, {
+    label: "Disabled",
+    onChange: e => console.log('change', e),
+    disabled: true,
+    disabledTitle: "I'm disabled"
+  }),
+  name: 'Disabled'
+};
+export const NonInput = {
+  render: () => /*#__PURE__*/_jsx(Datepicker, {
+    onChange: e => console.log('change', e),
+    nonInput: true,
+    withYearMonthForm: false
+  }),
+  name: 'Non input'
+};

package/lib/core/Datepicker/index.js

@@ -1,5 +1,4 @@
 /* eslint-disable react-hooks/exhaustive-deps */
-
 /** @jsxImportSource @emotion/react */
 import React, { useEffect, useRef, useState } from 'react';
 import { Wrapper, Label, ErrorMessage, styles } from './styles';
@@ -16,7 +15,6 @@ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 const FORMAT = 'dd.MM.yyyy';
-
 const Datepicker = ({
   value,
   label,
@@ -57,71 +55,55 @@ const Datepicker = ({
       if (node1 && node1.contains(e.target) || node2 && node2.contains(e.target)) return;
       handleClose();
     };
-
     if (isOpen) {
       document.addEventListener('mousedown', handleClickOutside);
     } else {
       document.removeEventListener('mousedown', handleClickOutside);
     }
-
     return () => {
       document.removeEventListener('mousedown', handleClickOutside);
     };
   }, [isOpen, pickerRef, popperElement]);
-
   const emitChange = newDate => {
     newDate?.setHours(11, 0); // To avoid timezone issues
-
     setDate(newDate);
     onChange(newDate);
   };
-
   const handleClose = () => {
     setIsOpen(false);
     setDisplayMonth(undefined);
     onBlur && onBlur();
   };
-
   const popper = usePopper(referenceElement, popperElement, {
     placement: 'bottom-start'
   });
-
   const handleChange = newDate => {
     if (disabled || !newDate && !date || newDate && date && datesAreOnSameDay(newDate, date)) return;
     if (!newDate || !isDateValid(newDate)) emitChange(undefined);else emitChange(newDate);
   };
-
   const isDateValid = date => isValid(date) && getDateIsValid(date, fromDate, toDate);
-
   const handleInputChange = (value, emitChange) => {
     setInputValue(value);
     const date = parseDate(value, FORMAT);
-
     if (date && isDateValid(date)) {
       setPickerValue(date);
       setDisplayMonth(date);
     } else {
       setPickerValue(undefined);
     }
-
     if (emitChange) handleChange(date);
   };
-
   const handleDaySelect = date => {
     setPickerValue(date ? date : undefined);
-
     if (date) {
       setInputValue(format(date, FORMAT));
       setTimeout(handleClose, 100);
     } else {
       setInputValue('');
     }
-
     handleChange(date);
   };
-
   const handleInputKeydown = e => setIsOpen(e.key !== Key.tab);
-
   const Picker = _jsx(DayPicker, {
     defaultMonth: date,
     selected: pickerValue,
@@ -139,7 +121,6 @@ const Datepicker = ({
     }],
     onMonthChange: setDisplayMonth
   });
-
   return _jsx(Wrapper, {
     css: theme => [styles.default(theme), validation && styles.validation, invalidMessage && styles.invalid(theme), nonInput && styles.nonInput(theme)],
     title: disabled ? disabledTitle : undefined,
@@ -178,5 +159,4 @@ const Datepicker = ({
     })
   });
 };
-
 export default Datepicker;