@bbl-digital/snorre 3.1.57 → 3.1.58

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

@@ -1,16 +1,16 @@
 import { IAppTheme } from '../../app-shell/theme';
 declare const styles: {
-    default: import("@emotion/react").SerializedStyles;
-    withHeader: import("@emotion/react").SerializedStyles;
-    withHover: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    shadow: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    primary: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    gray: import("@emotion/react").SerializedStyles;
-    noPadding: import("@emotion/react").SerializedStyles;
-    largePadding: import("@emotion/react").SerializedStyles;
-    nobackground: import("@emotion/react").SerializedStyles;
-    height: (height: number) => import("@emotion/react").SerializedStyles;
-    overflowvisible: import("@emotion/react").SerializedStyles;
+    default: import("@emotion/utils").SerializedStyles;
+    withHeader: import("@emotion/utils").SerializedStyles;
+    withHover: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    shadow: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    primary: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    gray: import("@emotion/utils").SerializedStyles;
+    noPadding: import("@emotion/utils").SerializedStyles;
+    largePadding: import("@emotion/utils").SerializedStyles;
+    nobackground: import("@emotion/utils").SerializedStyles;
+    height: (height: number) => import("@emotion/utils").SerializedStyles;
+    overflowvisible: import("@emotion/utils").SerializedStyles;
 };
 export default styles;
 export { styles };

package/lib/core/Card/styles.js

@@ -1,5 +1,4 @@
 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';
 const styles = {
   default: process.env.NODE_ENV === "production" ? {

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

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

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

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

package/lib/core/Checkbox/Checkbox.stories.js

@@ -0,0 +1,43 @@
+import Checkbox from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/Checkbox',
+  component: Checkbox
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsx(Checkbox, {
+    value: "value1",
+    children: "Option"
+  }),
+  name: 'Default'
+};
+export const WithoutLabel = {
+  render: () => /*#__PURE__*/_jsx(Checkbox, {
+    value: "value1"
+  }),
+  name: 'Without label'
+};
+export const Subtle = {
+  render: () => /*#__PURE__*/_jsx(Checkbox, {
+    value: "value1",
+    type: "subtle",
+    children: "Option"
+  }),
+  name: 'Subtle'
+};
+export const Checked = {
+  render: () => /*#__PURE__*/_jsx(Checkbox, {
+    value: "value1",
+    checked: true,
+    children: "Option"
+  }),
+  name: 'Checked'
+};
+export const Disabled = {
+  render: () => /*#__PURE__*/_jsx(Checkbox, {
+    value: "value1",
+    disabled: true,
+    children: "Disabled option"
+  }),
+  name: 'Disabled'
+};

package/lib/core/Checkbox/index.js

@@ -3,19 +3,16 @@ import React, { useEffect, useState } from 'react';
 import { styles } from './styles';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-
 const Checkbox = props => {
   const [value, setValue] = useState(props.checked ? true : false);
   useEffect(() => {
     setValue(props.checked ? true : false);
   }, [props.checked]);
-
   const handleChange = e => {
     if (props.disabled) return;
     setValue(!value);
     props.onChange && props.onChange(e);
   };
-
   return _jsxs("label", {
     "aria-label": props['aria-label'],
     className: props.className,
@@ -32,5 +29,4 @@ const Checkbox = props => {
     }), _jsx("span", {}), props.children]
   });
 };
-
 export default Checkbox;

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

@@ -1,10 +1,10 @@
 import { IAppTheme } from '../../app-shell/theme';
 declare const styles: {
-    default: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    nomargin: import("@emotion/react").SerializedStyles;
-    child: import("@emotion/react").SerializedStyles;
-    disabled: (theme: IAppTheme, state?: string | undefined) => import("@emotion/react").SerializedStyles;
-    subtle: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    default: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    nomargin: import("@emotion/utils").SerializedStyles;
+    child: import("@emotion/utils").SerializedStyles;
+    disabled: (theme: IAppTheme, state?: string | undefined) => import("@emotion/utils").SerializedStyles;
+    subtle: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
 };
 export default styles;
 export { styles };

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,11 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const InitialOpen: {
+    render: () => 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.d.ts

@@ -7,7 +7,7 @@ export declare const CollapseButton: import("@emotion/styled").StyledComponent<i
     nostyle?: boolean | undefined;
     focusable?: boolean | undefined;
     border?: string | undefined;
-    css?: import("@emotion/react").SerializedStyles | undefined;
+    css?: import("@emotion/utils").SerializedStyles | undefined;
     loading?: boolean | undefined;
     back?: boolean | undefined;
     small?: boolean | undefined;
@@ -17,6 +17,6 @@ export declare const CollapseButton: import("@emotion/styled").StyledComponent<i
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const styles: {
-    default: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    default: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
 };
 //# sourceMappingURL=styles.d.ts.map

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,11 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const CommentsTimeline: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const CustomContent: {
+    render: () => 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,19 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Html: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Plain: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Loading: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const LoadingCenter: {
+    render: () => 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.d.ts

@@ -3,5 +3,5 @@ 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 center: import("@emotion/react").SerializedStyles;
+export declare const center: import("@emotion/utils").SerializedStyles;
 //# sourceMappingURL=styles.d.ts.map

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",