@bbl-digital/snorre 3.1.56 → 3.1.58

package/esm/core/Table/Table.stories.js

@@ -0,0 +1,83 @@
+import Table from '.';
+import Cell from './Cell';
+import Row from './Row';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default {
+  title: 'Core/Table',
+  component: Table
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsxs(Table, {
+    children: [/*#__PURE__*/_jsx("thead", {
+      children: /*#__PURE__*/_jsxs(Row, {
+        children: [/*#__PURE__*/_jsx(Cell, {
+          header: true,
+          children: "Header 1"
+        }), /*#__PURE__*/_jsx(Cell, {
+          header: true,
+          children: "Header 2"
+        }), /*#__PURE__*/_jsx(Cell, {
+          header: true,
+          children: "Header 3"
+        })]
+      })
+    }), /*#__PURE__*/_jsx("tbody", {
+      children: /*#__PURE__*/_jsxs(Row, {
+        children: [/*#__PURE__*/_jsx(Cell, {
+          centerAlign: true,
+          children: "Content"
+        }), /*#__PURE__*/_jsx(Cell, {
+          children: "Content"
+        }), /*#__PURE__*/_jsx(Cell, {
+          children: "Content"
+        })]
+      })
+    })]
+  }),
+  name: 'Default'
+};
+export const SeveralArgsTable = {
+  render: () => /*#__PURE__*/_jsxs(Table, {
+    children: [/*#__PURE__*/_jsx("thead", {
+      children: /*#__PURE__*/_jsxs(Row, {
+        border: true,
+        children: [/*#__PURE__*/_jsx(Cell, {
+          header: true,
+          children: "Header 1"
+        }), /*#__PURE__*/_jsx(Cell, {
+          header: true,
+          children: "Header 2"
+        }), /*#__PURE__*/_jsx(Cell, {
+          header: true,
+          children: "Header 3"
+        })]
+      })
+    }), /*#__PURE__*/_jsxs("tbody", {
+      children: [/*#__PURE__*/_jsxs(Row, {
+        danger: true,
+        children: [/*#__PURE__*/_jsx(Cell, {
+          startAlign: true,
+          children: "Content"
+        }), /*#__PURE__*/_jsx(Cell, {
+          centerAlign: true,
+          children: "Content"
+        }), /*#__PURE__*/_jsx(Cell, {
+          endAlign: true,
+          children: "Content"
+        })]
+      }), /*#__PURE__*/_jsxs(Row, {
+        success: true,
+        children: [/*#__PURE__*/_jsx(Cell, {
+          truncate: true,
+          children: "Alot of content goes here, is it to much??"
+        }), /*#__PURE__*/_jsx(Cell, {
+          children: "Content"
+        }), /*#__PURE__*/_jsx(Cell, {
+          children: "Content"
+        })]
+      })]
+    })]
+  }),
+  name: 'Several ArgsTable'
+};

package/esm/core/Table/index.js

@@ -3,12 +3,10 @@ import { TableWrapper } from './styles';
 import Cell from './Cell';
 import Row from './Row';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const Table = props => {
   return /*#__PURE__*/_jsx(TableWrapper, {
     children: props.children
   });
 };
-
 export { Cell, Row };
 export default Table;

package/esm/core/Table/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 TableWrapper = _styled("table", process.env.NODE_ENV === "production" ? {
+export const TableWrapper = /*#__PURE__*/_styled("table", process.env.NODE_ENV === "production" ? {
   target: "e1hlre5g1"
 } : {
   target: "e1hlre5g1",
@@ -17,7 +15,7 @@ export const TableWrapper = _styled("table", process.env.NODE_ENV === "productio
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYmxlL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJd0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGFibGUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuZXhwb3J0IGNvbnN0IFRhYmxlV3JhcHBlciA9IHN0eWxlZC50YWJsZWBcbiAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTtcbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlQm9keVdyYXBwZXIgPSBzdHlsZWQudGJvZHlgYFxuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBjZWxsX2RlZmF1bHRzOiBjc3NgXG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBsaW5lLWhlaWdodDogMjRweDtcbiAgICBwYWRkaW5nOiA1cHggMDtcbiAgICBwYWRkaW5nLXJpZ2h0OiAxNnB4O1xuICBgLFxuICByb3dfZGVmYXVsdHM6IGNzc2BgLFxuICByb3dfYm9yZGVyOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCAke3RoZW1lLnByaW1hcnl9O1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLnByaW1hcnl9O1xuICBgLFxuICByb3dfZGFuZ2VyOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYWxlcnR9O1xuICBgLFxuICByb3dfaW5mbzogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmluZm99O1xuICBgLFxuICByb3dfbXV0ZWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5kaXNhYmxlZH07XG4gIGAsXG4gIHJvd19ub3RpY2U6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5ncmF5MTB9O1xuICBgLFxuICByb3dfc3VjY2VzczogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnN1Y2Nlc3N9O1xuICBgLFxuICByb3dfd2FybmluZzogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmFsZXJ0TGlnaHR9O1xuICBgLFxuICBjZWxsX3JpZ2h0OiBjc3NgXG4gICAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gIGAsXG4gIGNlbGxfbGVmdDogY3NzYFxuICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gIGAsXG4gIGNlbGxfY2VudGVyOiBjc3NgXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBgLFxuICBjZWxsX3RydW5jYXRlOiBjc3NgXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBtYXgtd2lkdGg6IG5vbmU7XG4gICAgICBvdmVyZmxvdzogaW5oZXJpdDtcbiAgICAgIHdoaXRlLXNwYWNlOiBpbmhlcml0O1xuICAgICAgd29yZC13cmFwOiBicmVhay13b3JkO1xuICAgIH1cbiAgYCxcbiAgY2VsbF93cmFwOiBjc3NgXG4gICAgd2hpdGUtc3BhY2U6IG5vcm1hbDtcbiAgICB3b3JkLXdyYXA6IGJyZWFrLXdvcmQ7XG4gIGAsXG59XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-export const TableBodyWrapper = _styled("tbody", process.env.NODE_ENV === "production" ? {
+export const TableBodyWrapper = /*#__PURE__*/_styled("tbody", process.env.NODE_ENV === "production" ? {
   target: "e1hlre5g0"
 } : {
   target: "e1hlre5g0",

package/esm/core/Tag/Tag.stories.js

@@ -0,0 +1,112 @@
+import Tag from '.';
+import IconComment from '../../icons/General/IconComment';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/Tag',
+  component: Tag
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsx(Tag, {
+    children: "Here"
+  }),
+  name: 'Default'
+};
+export const Neutral = {
+  render: () => /*#__PURE__*/_jsx(Tag, {
+    neutral: true,
+    children: "Here"
+  }),
+  name: 'Neutral'
+};
+export const Success = {
+  render: () => /*#__PURE__*/_jsx(Tag, {
+    success: true,
+    children: "Here"
+  }),
+  name: 'Success'
+};
+export const Info = {
+  render: () => /*#__PURE__*/_jsx(Tag, {
+    info: true,
+    children: "Here"
+  }),
+  name: 'Info'
+};
+export const Danger = {
+  render: () => /*#__PURE__*/_jsx(Tag, {
+    danger: true,
+    children: "Here"
+  }),
+  name: 'Danger'
+};
+export const Dark = {
+  render: () => /*#__PURE__*/_jsx(Tag, {
+    dark: true,
+    children: "Here"
+  }),
+  name: 'Dark'
+};
+export const Light = {
+  render: () => /*#__PURE__*/_jsx(Tag, {
+    light: true,
+    children: "Here"
+  }),
+  name: 'Light'
+};
+export const Outline = {
+  render: () => /*#__PURE__*/_jsx(Tag, {
+    outline: true,
+    children: "There"
+  }),
+  name: 'Outline'
+};
+export const TagWithClose = {
+  render: () => /*#__PURE__*/_jsx(Tag, {
+    withclose: true,
+    onClick: () => console.log('close'),
+    children: "Here"
+  }),
+  name: 'Tag with close'
+};
+export const TagWithLoading = {
+  render: () => /*#__PURE__*/_jsx(Tag, {
+    loading: true,
+    children: "Here"
+  }),
+  name: 'Tag with loading'
+};
+export const TagWithCloseAndStrictClick = {
+  render: () => /*#__PURE__*/_jsx(Tag, {
+    strictClose: true,
+    onClick: () => console.log('close'),
+    children: "Here"
+  }),
+  name: 'Tag with close and strict click'
+};
+export const TagWithCloseLoadingAndStrictClick = {
+  render: () => /*#__PURE__*/_jsx(Tag, {
+    strictClose: true,
+    loading: true,
+    onClick: () => console.log('close'),
+    children: "Here"
+  }),
+  name: 'Tag with close, loading and strict click'
+};
+export const TagWithCloseAndStrictClickWithColor = {
+  render: () => /*#__PURE__*/_jsx(Tag, {
+    strictClose: true,
+    closeColor: "red",
+    onClick: () => console.log('close'),
+    children: "Here"
+  }),
+  name: 'Tag with close and strict click with color'
+};
+export const WithIcon = {
+  render: () => /*#__PURE__*/_jsx(Tag, {
+    icon: /*#__PURE__*/_jsx(IconComment, {
+      size: 14
+    }),
+    children: "3"
+  }),
+  name: 'With icon'
+};

package/esm/core/Tag/index.js

@@ -7,7 +7,6 @@ import Spinner from '../Spinner';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-
 const Tag = ({
   icon,
   trackingEvent,
@@ -41,5 +40,4 @@ const Tag = ({
     })]
   });
 };
-
 export default Tag;

package/esm/core/Tag/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: theme => /*#__PURE__*/css({

package/esm/core/Text/Text.stories.js

@@ -0,0 +1,132 @@
+import Text from '.';
+const meta = {
+  title: 'Core/Text',
+  component: Text
+};
+export default meta;
+export const Default = {
+  name: 'Default',
+  args: {
+    children: 'Default'
+  }
+};
+export const Paragraph = {
+  name: 'Paragraph',
+  args: {
+    children: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. In placerat neque
+  dapibus diam feugiat pretium. Aliquam blandit massa a massa consectetur
+  fringilla. Fusce convallis euismod erat, sit amet rhoncus justo tempor
+  vel. Ut nec ipsum risus. Integer sapien felis, pellentesque sit amet ante
+  at, commodo efficitur tellus. Vivamus facilisis aliquet arcu in ornare.
+  Vestibulum elementum volutpat nisl ac bibendum. Duis ac quam vulputate,
+  pulvinar libero sit amet, mattis massa. Aenean non libero eu ex lacinia
+  suscipit id eu nisi. Praesent vitae gravida neque. Vestibulum ante ipsum
+  primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc
+  suscipit tempor nunc venenatis eleifend. Donec ipsum urna, rutrum quis
+  facilisis non, varius non urna. Integer laoreet, nulla non rhoncus rutrum,
+  sapien elit pretium turpis, sit amet commodo ex augue a leo.`,
+    paragraph: true
+  }
+};
+export const Intro = {
+  name: 'Intro',
+  args: {
+    children: 'Intro text',
+    intro: true
+  }
+};
+export const Small = {
+  name: 'Small',
+  args: {
+    children: 'Small',
+    small: true
+  }
+};
+export const Semibold = {
+  name: 'Semibold',
+  args: {
+    children: 'Semibold',
+    semibold: true
+  }
+};
+export const Customcolor = {
+  name: 'Customcolor',
+  args: {
+    children: 'Im red',
+    color: 'red'
+  }
+};
+export const Primary = {
+  name: 'Primary',
+  args: {
+    children: 'Primary',
+    primary: true
+  }
+};
+export const Secondary = {
+  name: 'Secondary',
+  args: {
+    children: 'Secondary',
+    secondary: true
+  }
+};
+export const Title = {
+  name: 'Title',
+  args: {
+    children: 'Hover me!',
+    title: 'Hello there'
+  }
+};
+export const Italic = {
+  name: 'Italic',
+  args: {
+    children: 'Italic font style',
+    italic: true
+  }
+};
+export const Align = {
+  name: 'Align',
+  args: {
+    children: 'Text align right',
+    align: 'right'
+  }
+};
+export const WordBreak = {
+  name: 'WordBreak',
+  args: {
+    children: 'Really_long_word_being_broken_up__Really_long_word_being_broken_up__Really_long_word_being_broken_up__Really_long_word_being_broken_up__',
+    wordBreak: 'break-all'
+  }
+};
+export const WhiteSpace = {
+  name: 'WhiteSpace',
+  args: {
+    children: 'Text with\nnewline',
+    whiteSpace: 'pre-wrap'
+  }
+};
+export const Subtle = {
+  name: 'subtle',
+  args: {
+    children: 'Subtle text',
+    subtle: true
+  }
+};
+export const LineClamp = {
+  name: 'Line clamp',
+  args: {
+    children: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. In placerat neque
+  dapibus diam feugiat pretium. Aliquam blandit massa a massa consectetur
+  fringilla. Fusce convallis euismod erat, sit amet rhoncus justo tempor
+  vel. Ut nec ipsum risus. Integer sapien felis, pellentesque sit amet ante
+  at, commodo efficitur tellus. Vivamus facilisis aliquet arcu in ornare.
+  Vestibulum elementum volutpat nisl ac bibendum. Duis ac quam vulputate,
+  pulvinar libero sit amet, mattis massa. Aenean non libero eu ex lacinia
+  suscipit id eu nisi. Praesent vitae gravida neque. Vestibulum ante ipsum
+  primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc
+  suscipit tempor nunc venenatis eleifend. Donec ipsum urna, rutrum quis
+  facilisis non, varius non urna. Integer laoreet, nulla non rhoncus rutrum,
+  sapien elit pretium turpis, sit amet commodo ex augue a leo.`,
+    lineClamp: 2
+  }
+};

package/esm/core/Text/index.js

@@ -2,7 +2,6 @@
 import React from 'react';
 import { styles } from './styles';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-
 const Text = ({
   paragraph,
   intro,
@@ -32,5 +31,4 @@ const Text = ({
     children: children
   });
 };
-
 export default Text;

package/esm/core/Text/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: (theme, color) => /*#__PURE__*/css({

package/esm/core/Textarea/Textarea.stories.js

@@ -0,0 +1,33 @@
+import Textarea from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/Textarea',
+  component: Textarea
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsx(Textarea, {
+    label: "Textarea",
+    onChange: e => console.log('changes', e),
+    placeholder: "Placeholder...",
+    onBlur: () => console.log('blur')
+  }),
+  name: 'Default'
+};
+export const Value = {
+  render: () => /*#__PURE__*/_jsx(Textarea, {
+    value: "Deafult value"
+  }),
+  name: 'Value'
+};
+export const Validation = {
+  render: () => /*#__PURE__*/_jsx(Textarea, {
+    invalidMessage: "Error"
+  }),
+  name: 'Validation'
+};
+export const MaxHeight = {
+  render: () => /*#__PURE__*/_jsx(Textarea, {
+    maxHeight: "200px"
+  }),
+  name: 'Max height'
+};

package/esm/core/Textarea/index.js

@@ -5,7 +5,6 @@ import { IconErrorOutline } from '../..';
 import { useTheme } from '@emotion/react';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-
 const Textarea = ({
   label,
   value = '',
@@ -21,15 +20,12 @@ const Textarea = ({
 }) => {
   const theme = useTheme();
   const [inputValue, setInputValue] = useState(value);
-
   const handleChange = e => {
     setInputValue(e.target.value);
-
     if (onChange) {
       onChange(e.target.value);
     }
   };
-
   useEffect(() => {
     setInputValue(value);
   }, [value]);
@@ -56,5 +52,4 @@ const Textarea = ({
     })]
   });
 };
-
 export default Textarea;

package/esm/core/Textarea/styles.js

@@ -1,14 +1,12 @@
 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 styles = {
   default: theme => /*#__PURE__*/css("width:100%;padding:0.75em;border:1px solid #d7d7d7;border-radius:3px;font-size:16px;box-sizing:border-box;outline:0;min-height:50px;&:focus{border:2px solid ", theme.border, ";padding:calc(0.75em - 1px);}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLb0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGV4dGFyZWEvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICB3aWR0aDogMTAwJTtcbiAgICBwYWRkaW5nOiAwLjc1ZW07XG4gICAgYm9yZGVyOiAxcHggc29saWQgI2Q3ZDdkNztcbiAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgZm9udC1zaXplOiAxNnB4O1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgb3V0bGluZTogMDtcbiAgICBtaW4taGVpZ2h0OiA1MHB4O1xuXG4gICAgJjpmb2N1cyB7XG4gICAgICBib3JkZXI6IDJweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gICAgICBwYWRkaW5nOiBjYWxjKDAuNzVlbSAtIDFweCk7IC8vIGNvbXBlbnNhdGUgZm9yIGJvcmRlci13aXRoIHJlc2l6ZVxuICAgIH1cbiAgYCxcbiAgcmVzaXplOiAocmVzaXplOiBzdHJpbmcpID0+IGNzc2BcbiAgICByZXNpemU6ICR7cmVzaXplfTtcbiAgYCxcbiAgbWF4SGVpZ2h0OiAodmFsdWU6IHN0cmluZykgPT4gY3NzYFxuICAgIG1heC1oZWlnaHQ6ICR7dmFsdWV9O1xuICBgLFxufVxuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtcm93LWdhcDogMC41ZW07XG5gXG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgZm9udC1zaXplOiAxNnB4O1xuICBmb250LXdlaWdodDogNjAwO1xuICBoZWlnaHQ6IDIwcHg7XG4gIGxpbmUtaGVpZ2h0OiAyMHB4O1xuYFxuXG5leHBvcnQgY29uc3QgRXJyb3JNZXNzYWdlID0gc3R5bGVkLnNwYW4oXG4gIChwcm9wczogYW55KSA9PiBjc3NgXG4gICAgZm9udC1zaXplOiAxNHB4O1xuICAgIHBhZGRpbmctbGVmdDogMjVweDtcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xuICAgIGNvbG9yOiAke3Byb3BzLnRoZW1lLmFsZXJ0fTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICBzdmcge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgbGVmdDogM3B4O1xuICAgICAgcGF0aCB7XG4gICAgICAgIGZpbGw6ICR7cHJvcHMudGhlbWUuYWxlcnR9O1xuICAgICAgfVxuICAgIH1cbiAgYFxuKVxuIl19 */"),
   resize: resize => /*#__PURE__*/css("resize:", resize, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:resize;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQmlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICNkN2Q3ZDc7XG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIG91dGxpbmU6IDA7XG4gICAgbWluLWhlaWdodDogNTBweDtcblxuICAgICY6Zm9jdXMge1xuICAgICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgcGFkZGluZzogY2FsYygwLjc1ZW0gLSAxcHgpOyAvLyBjb21wZW5zYXRlIGZvciBib3JkZXItd2l0aCByZXNpemVcbiAgICB9XG4gIGAsXG4gIHJlc2l6ZTogKHJlc2l6ZTogc3RyaW5nKSA9PiBjc3NgXG4gICAgcmVzaXplOiAke3Jlc2l6ZX07XG4gIGAsXG4gIG1heEhlaWdodDogKHZhbHVlOiBzdHJpbmcpID0+IGNzc2BcbiAgICBtYXgtaGVpZ2h0OiAke3ZhbHVlfTtcbiAgYCxcbn1cblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXJvdy1nYXA6IDAuNWVtO1xuYFxuXG5leHBvcnQgY29uc3QgTGFiZWwgPSBzdHlsZWQubGFiZWxgXG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgaGVpZ2h0OiAyMHB4O1xuICBsaW5lLWhlaWdodDogMjBweDtcbmBcblxuZXhwb3J0IGNvbnN0IEVycm9yTWVzc2FnZSA9IHN0eWxlZC5zcGFuKFxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICBwYWRkaW5nLWxlZnQ6IDI1cHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICBjb2xvcjogJHtwcm9wcy50aGVtZS5hbGVydH07XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgc3ZnIHtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGxlZnQ6IDNweDtcbiAgICAgIHBhdGgge1xuICAgICAgICBmaWxsOiAke3Byb3BzLnRoZW1lLmFsZXJ0fTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbilcbiJdfQ== */"),
   maxHeight: value => /*#__PURE__*/css("max-height:", value, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:maxHeight;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Qm1DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICNkN2Q3ZDc7XG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIG91dGxpbmU6IDA7XG4gICAgbWluLWhlaWdodDogNTBweDtcblxuICAgICY6Zm9jdXMge1xuICAgICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgcGFkZGluZzogY2FsYygwLjc1ZW0gLSAxcHgpOyAvLyBjb21wZW5zYXRlIGZvciBib3JkZXItd2l0aCByZXNpemVcbiAgICB9XG4gIGAsXG4gIHJlc2l6ZTogKHJlc2l6ZTogc3RyaW5nKSA9PiBjc3NgXG4gICAgcmVzaXplOiAke3Jlc2l6ZX07XG4gIGAsXG4gIG1heEhlaWdodDogKHZhbHVlOiBzdHJpbmcpID0+IGNzc2BcbiAgICBtYXgtaGVpZ2h0OiAke3ZhbHVlfTtcbiAgYCxcbn1cblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXJvdy1nYXA6IDAuNWVtO1xuYFxuXG5leHBvcnQgY29uc3QgTGFiZWwgPSBzdHlsZWQubGFiZWxgXG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgaGVpZ2h0OiAyMHB4O1xuICBsaW5lLWhlaWdodDogMjBweDtcbmBcblxuZXhwb3J0IGNvbnN0IEVycm9yTWVzc2FnZSA9IHN0eWxlZC5zcGFuKFxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICBwYWRkaW5nLWxlZnQ6IDI1cHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICBjb2xvcjogJHtwcm9wcy50aGVtZS5hbGVydH07XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgc3ZnIHtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGxlZnQ6IDNweDtcbiAgICAgIHBhdGgge1xuICAgICAgICBmaWxsOiAke3Byb3BzLnRoZW1lLmFsZXJ0fTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbilcbiJdfQ== */")
 };
-export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+export const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "eb6f8862"
 } : {
   target: "eb6f8862",
@@ -22,7 +20,7 @@ export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QmlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICNkN2Q3ZDc7XG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIG91dGxpbmU6IDA7XG4gICAgbWluLWhlaWdodDogNTBweDtcblxuICAgICY6Zm9jdXMge1xuICAgICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgcGFkZGluZzogY2FsYygwLjc1ZW0gLSAxcHgpOyAvLyBjb21wZW5zYXRlIGZvciBib3JkZXItd2l0aCByZXNpemVcbiAgICB9XG4gIGAsXG4gIHJlc2l6ZTogKHJlc2l6ZTogc3RyaW5nKSA9PiBjc3NgXG4gICAgcmVzaXplOiAke3Jlc2l6ZX07XG4gIGAsXG4gIG1heEhlaWdodDogKHZhbHVlOiBzdHJpbmcpID0+IGNzc2BcbiAgICBtYXgtaGVpZ2h0OiAke3ZhbHVlfTtcbiAgYCxcbn1cblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXJvdy1nYXA6IDAuNWVtO1xuYFxuXG5leHBvcnQgY29uc3QgTGFiZWwgPSBzdHlsZWQubGFiZWxgXG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgaGVpZ2h0OiAyMHB4O1xuICBsaW5lLWhlaWdodDogMjBweDtcbmBcblxuZXhwb3J0IGNvbnN0IEVycm9yTWVzc2FnZSA9IHN0eWxlZC5zcGFuKFxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICBwYWRkaW5nLWxlZnQ6IDI1cHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICBjb2xvcjogJHtwcm9wcy50aGVtZS5hbGVydH07XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgc3ZnIHtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGxlZnQ6IDNweDtcbiAgICAgIHBhdGgge1xuICAgICAgICBmaWxsOiAke3Byb3BzLnRoZW1lLmFsZXJ0fTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbilcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-export const Label = _styled("label", process.env.NODE_ENV === "production" ? {
+export const Label = /*#__PURE__*/_styled("label", process.env.NODE_ENV === "production" ? {
   target: "eb6f8861"
 } : {
   target: "eb6f8861",
@@ -36,7 +34,7 @@ export const Label = _styled("label", process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ2lDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RleHRhcmVhL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICNkN2Q3ZDc7XG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIG91dGxpbmU6IDA7XG4gICAgbWluLWhlaWdodDogNTBweDtcblxuICAgICY6Zm9jdXMge1xuICAgICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgcGFkZGluZzogY2FsYygwLjc1ZW0gLSAxcHgpOyAvLyBjb21wZW5zYXRlIGZvciBib3JkZXItd2l0aCByZXNpemVcbiAgICB9XG4gIGAsXG4gIHJlc2l6ZTogKHJlc2l6ZTogc3RyaW5nKSA9PiBjc3NgXG4gICAgcmVzaXplOiAke3Jlc2l6ZX07XG4gIGAsXG4gIG1heEhlaWdodDogKHZhbHVlOiBzdHJpbmcpID0+IGNzc2BcbiAgICBtYXgtaGVpZ2h0OiAke3ZhbHVlfTtcbiAgYCxcbn1cblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXJvdy1nYXA6IDAuNWVtO1xuYFxuXG5leHBvcnQgY29uc3QgTGFiZWwgPSBzdHlsZWQubGFiZWxgXG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgaGVpZ2h0OiAyMHB4O1xuICBsaW5lLWhlaWdodDogMjBweDtcbmBcblxuZXhwb3J0IGNvbnN0IEVycm9yTWVzc2FnZSA9IHN0eWxlZC5zcGFuKFxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICBwYWRkaW5nLWxlZnQ6IDI1cHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICBjb2xvcjogJHtwcm9wcy50aGVtZS5hbGVydH07XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgc3ZnIHtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGxlZnQ6IDNweDtcbiAgICAgIHBhdGgge1xuICAgICAgICBmaWxsOiAke3Byb3BzLnRoZW1lLmFsZXJ0fTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbilcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-export const ErrorMessage = _styled("span", process.env.NODE_ENV === "production" ? {
+export const ErrorMessage = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
   target: "eb6f8860"
 } : {
   target: "eb6f8860",

package/esm/core/Timeline/Timeline.stories.js

@@ -0,0 +1,25 @@
+import Timeline from '.';
+import TimelineStep from './TimelineStep';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default {
+  title: 'Core/Timeline',
+  component: Timeline
+};
+export const TimelineDefault = {
+  render: () => /*#__PURE__*/_jsxs(Timeline, {
+    children: [/*#__PURE__*/_jsx(TimelineStep, {
+      title: "Step 1",
+      text: "Completed step",
+      complete: true
+    }), /*#__PURE__*/_jsx(TimelineStep, {
+      title: "Step 2",
+      text: "This is the active step",
+      active: true
+    }), /*#__PURE__*/_jsx(TimelineStep, {
+      title: "Step 3",
+      text: "Upcoming step"
+    })]
+  }),
+  name: 'Timeline'
+};

package/esm/core/Timeline/TimelineStep/index.js

@@ -5,7 +5,6 @@ import Text from '../../Text';
 import { TextWrapper, Wrapper, Circle, styles } from './styles';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-
 const TimelineStep = ({
   title,
   text,
@@ -29,5 +28,4 @@ const TimelineStep = ({
     })]
   });
 };
-
 export default TimelineStep;

package/esm/core/Timeline/TimelineStep/styles.js

@@ -1,15 +1,13 @@
 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: "e1iuee1r2"
 } : {
   target: "e1iuee1r2",
   label: "Wrapper"
 })(props => /*#__PURE__*/css("display:grid;grid-template-columns:16px 1fr;grid-column-gap:1em;position:relative;&:after{content:'';position:absolute;width:2px;background-color:", props.theme.border, ";top:16px;bottom:-1.5em;left:calc((16px / 2) - 1px);}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RpbWVsaW5lL1RpbWVsaW5lU3RlcC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3FCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RpbWVsaW5lL1RpbWVsaW5lU3RlcC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogYW55KSA9PiBjc3NgXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDE2cHggMWZyO1xuICAgIGdyaWQtY29sdW1uLWdhcDogMWVtO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICY6YWZ0ZXIge1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICB3aWR0aDogMnB4O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50aGVtZS5ib3JkZXJ9O1xuICAgICAgdG9wOiAxNnB4O1xuICAgICAgYm90dG9tOiAtMS41ZW07XG4gICAgICBsZWZ0OiBjYWxjKCgxNnB4IC8gMikgLSAxcHgpO1xuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQ2lyY2xlID0gc3R5bGVkLnNwYW5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB3aWR0aDogMTJweDtcbiAgaGVpZ2h0OiAxMnB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIHotaW5kZXg6IDE7XG5gXG5cbmV4cG9ydCBjb25zdCBUZXh0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtcm93LWdhcDogMC40ZW07XG4gIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG5gXG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHRDaXJjbGU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIGJvcmRlcjogMnB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGAsXG4gIGFjdGl2ZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgYCxcbiAgY29tcGxldGU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIGJvcmRlcjogMnB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYm9yZGVyfTtcbiAgICBgLFxufVxuIl19 */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RpbWVsaW5lL1RpbWVsaW5lU3RlcC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXVCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RpbWVsaW5lL1RpbWVsaW5lU3RlcC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogYW55KSA9PiBjc3NgXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDE2cHggMWZyO1xuICAgIGdyaWQtY29sdW1uLWdhcDogMWVtO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICY6YWZ0ZXIge1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICB3aWR0aDogMnB4O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50aGVtZS5ib3JkZXJ9O1xuICAgICAgdG9wOiAxNnB4O1xuICAgICAgYm90dG9tOiAtMS41ZW07XG4gICAgICBsZWZ0OiBjYWxjKCgxNnB4IC8gMikgLSAxcHgpO1xuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQ2lyY2xlID0gc3R5bGVkLnNwYW5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB3aWR0aDogMTJweDtcbiAgaGVpZ2h0OiAxMnB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIHotaW5kZXg6IDE7XG5gXG5cbmV4cG9ydCBjb25zdCBUZXh0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtcm93LWdhcDogMC40ZW07XG4gIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG5gXG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHRDaXJjbGU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIGJvcmRlcjogMnB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGAsXG4gIGFjdGl2ZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgYCxcbiAgY29tcGxldGU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIGJvcmRlcjogMnB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYm9yZGVyfTtcbiAgICBgLFxufVxuIl19 */");
-export const Circle = _styled("span", process.env.NODE_ENV === "production" ? {
+export const Circle = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
   target: "e1iuee1r1"
 } : {
   target: "e1iuee1r1",
@@ -23,7 +21,7 @@ export const Circle = _styled("span", process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RpbWVsaW5lL1RpbWVsaW5lU3RlcC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJpQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9UaW1lbGluZS9UaW1lbGluZVN0ZXAvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxNnB4IDFmcjtcbiAgICBncmlkLWNvbHVtbi1nYXA6IDFlbTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAmOmFmdGVyIHtcbiAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgd2lkdGg6IDJweDtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMudGhlbWUuYm9yZGVyfTtcbiAgICAgIHRvcDogMTZweDtcbiAgICAgIGJvdHRvbTogLTEuNWVtO1xuICAgICAgbGVmdDogY2FsYygoMTZweCAvIDIpIC0gMXB4KTtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IENpcmNsZSA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgd2lkdGg6IDEycHg7XG4gIGhlaWdodDogMTJweDtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICB6LWluZGV4OiAxO1xuYFxuXG5leHBvcnQgY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXJvdy1nYXA6IDAuNGVtO1xuICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuYFxuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0Q2lyY2xlOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICBib3JkZXI6IDJweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBgLFxuICBhY3RpdmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIGJvcmRlcjogMnB4IHNvbGlkICR7dGhlbWUucHJpbWFyeX07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgIGAsXG4gIGNvbXBsZXRlOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICBib3JkZXI6IDJweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmJvcmRlcn07XG4gICAgYCxcbn1cbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-export const TextWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+export const TextWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1iuee1r0"
 } : {
   target: "e1iuee1r0",

package/esm/core/Timeline/index.js

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

package/esm/core/Timeline/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: "eqhi0tv0"
 } : {
   target: "eqhi0tv0",