@bbl-digital/snorre 4.0.0-beta.3 → 4.0.0-beta.5

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.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/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.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,7 +1,5 @@
 import _styled from "@emotion/styled/base";
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 import { css } from '@emotion/react';
 import bp from '../../../globals/styles/breakpoints';
 export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {

package/lib/core/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,7 +1,5 @@
 import _styled from "@emotion/styled/base";
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
   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.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 Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "ei0607b0"

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

@@ -0,0 +1,27 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const DatepickerDefault: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const WithError: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const WithValue: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const LimitValues: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Disabled: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const NonInput: {
+    render: () => 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'
+};