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

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

@@ -0,0 +1,59 @@
+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 Neutral: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Success: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Info: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Danger: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Dark: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Light: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Outline: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const TagWithClose: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const TagWithLoading: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const TagWithCloseAndStrictClick: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const TagWithCloseLoadingAndStrictClick: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const TagWithCloseAndStrictClickWithColor: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const WithIcon: {
+    render: () => JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=Tag.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Tag/Tag.stories.tsx"],"names":[],"mappings":";AAIA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,IAAI;;;CAGhB,CAAA;AAED,eAAO,MAAM,MAAM;;;CAGlB,CAAA;AAED,eAAO,MAAM,IAAI;;;CAGhB,CAAA;AAED,eAAO,MAAM,KAAK;;;CAGjB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,YAAY;;;CAOxB,CAAA;AAED,eAAO,MAAM,cAAc;;;CAG1B,CAAA;AAED,eAAO,MAAM,0BAA0B;;;CAOtC,CAAA;AAED,eAAO,MAAM,iCAAiC;;;CAO7C,CAAA;AAED,eAAO,MAAM,mCAAmC;;;CAO/C,CAAA;AAED,eAAO,MAAM,QAAQ;;;CAGpB,CAAA"}

package/lib/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/lib/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/lib/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/lib/core/Text/Text.stories.d.ts

@@ -0,0 +1,59 @@
+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 Paragraph: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Intro: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Small: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Semibold: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Customcolor: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Primary: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Secondary: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Title: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Italic: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Align: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const WordBreak: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const WhiteSpace: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Subtle: {
+    render: () => JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=Text.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Text/Text.stories.tsx"],"names":[],"mappings":";AAGA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,SAAS;;;CAmBrB,CAAA;AAED,eAAO,MAAM,KAAK;;;CAGjB,CAAA;AAED,eAAO,MAAM,KAAK;;;CAGjB,CAAA;AAED,eAAO,MAAM,QAAQ;;;CAGpB,CAAA;AAED,eAAO,MAAM,WAAW;;;CAGvB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,SAAS;;;CAGrB,CAAA;AAED,eAAO,MAAM,KAAK;;;CAGjB,CAAA;AAED,eAAO,MAAM,MAAM;;;CAGlB,CAAA;AAED,eAAO,MAAM,KAAK;;;CAGjB,CAAA;AAED,eAAO,MAAM,SAAS;;;CAOrB,CAAA;AAED,eAAO,MAAM,UAAU;;;CAGtB,CAAA;AAED,eAAO,MAAM,MAAM;;;CAGlB,CAAA"}

package/lib/core/Text/Text.stories.js

@@ -0,0 +1,103 @@
+import Text from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/Text',
+  component: Text
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsx(Text, {
+    children: "Default"
+  }),
+  name: 'Default'
+};
+export const Paragraph = {
+  render: () => /*#__PURE__*/_jsx(Text, {
+    paragraph: true,
+    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."
+  }),
+  name: 'Paragraph'
+};
+export const Intro = {
+  render: () => /*#__PURE__*/_jsx(Text, {
+    intro: true,
+    children: "Intro text"
+  }),
+  name: 'Intro'
+};
+export const Small = {
+  render: () => /*#__PURE__*/_jsx(Text, {
+    small: true,
+    children: "Small"
+  }),
+  name: 'Small'
+};
+export const Semibold = {
+  render: () => /*#__PURE__*/_jsx(Text, {
+    semibold: true,
+    children: "Semibold"
+  }),
+  name: 'Semibold'
+};
+export const Customcolor = {
+  render: () => /*#__PURE__*/_jsx(Text, {
+    color: "red",
+    children: "Semibold"
+  }),
+  name: 'Customcolor'
+};
+export const Primary = {
+  render: () => /*#__PURE__*/_jsx(Text, {
+    primary: true,
+    children: "Primary"
+  }),
+  name: 'Primary'
+};
+export const Secondary = {
+  render: () => /*#__PURE__*/_jsx(Text, {
+    secondary: true,
+    children: "Secondary"
+  }),
+  name: 'Secondary'
+};
+export const Title = {
+  render: () => /*#__PURE__*/_jsx(Text, {
+    title: "Hello there",
+    children: "Hover me!"
+  }),
+  name: 'Title'
+};
+export const Italic = {
+  render: () => /*#__PURE__*/_jsx(Text, {
+    italic: true,
+    children: "Italic font style"
+  }),
+  name: 'Italic'
+};
+export const Align = {
+  render: () => /*#__PURE__*/_jsx(Text, {
+    align: "right",
+    children: "Text align right"
+  }),
+  name: 'Align'
+};
+export const WordBreak = {
+  render: () => /*#__PURE__*/_jsx(Text, {
+    wordBreak: "break-all",
+    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\\_\\_"
+  }),
+  name: 'WordBreak'
+};
+export const WhiteSpace = {
+  render: () => /*#__PURE__*/_jsx(Text, {
+    whiteSpace: "pre-wrap",
+    children: 'Text with\nnewline'
+  }),
+  name: 'WhiteSpace'
+};
+export const Subtle = {
+  render: () => /*#__PURE__*/_jsx(Text, {
+    subtle: true,
+    children: "Subtle text"
+  }),
+  name: 'subtle'
+};

package/lib/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/lib/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/lib/core/Textarea/Textarea.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 Default: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Value: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Validation: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const MaxHeight: {
+    render: () => JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=Textarea.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Textarea/Textarea.stories.tsx"],"names":[],"mappings":";AAGA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAWnB,CAAA;AAED,eAAO,MAAM,KAAK;;;CAGjB,CAAA;AAED,eAAO,MAAM,UAAU;;;CAGtB,CAAA;AAED,eAAO,MAAM,SAAS;;;CAGrB,CAAA"}

package/lib/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/lib/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/lib/core/Textarea/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 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 */"),

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Timeline/Timeline.stories.tsx"],"names":[],"mappings":";AAIA,wBAGS;AAET,eAAO,MAAM,eAAe;;;CAU3B,CAAA"}

package/lib/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/lib/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/lib/core/Timeline/TimelineStep/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: "e1iuee1r2"

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

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

@@ -0,0 +1,31 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const TimepickerDefault: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const WithSeconds: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Disabled: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Nullable: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const WithDateAsValue: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const WithError: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Focus: {
+    render: () => JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=Timepicker.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Timepicker.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Timepicker/Timepicker.stories.tsx"],"names":[],"mappings":";AAGA,wBAGS;AAET,eAAO,MAAM,iBAAiB;;;CAY7B,CAAA;AAED,eAAO,MAAM,WAAW;;;CAYvB,CAAA;AAED,eAAO,MAAM,QAAQ;;;CAYpB,CAAA;AAED,eAAO,MAAM,QAAQ;;;CAYpB,CAAA;AAED,eAAO,MAAM,eAAe;;;CAW3B,CAAA;AAED,eAAO,MAAM,SAAS;;;CAcrB,CAAA;AAED,eAAO,MAAM,KAAK;;;CAYjB,CAAA"}