@bbl-digital/snorre 4.2.82 → 4.2.83

package/lib/core/Tag/styles.js

@@ -1,101 +0,0 @@
-import { css } from '@emotion/react';
-const styles = {
-    default: (theme) => css({
-        display: 'inline-block',
-        minHeight: '24px',
-        lineHeight: '24px',
-        padding: '0px 12px',
-        textAlign: 'center',
-        outline: 'none',
-        border: 'none',
-        borderRadius: '12px',
-        fontSize: '14px',
-        color: 'white',
-        backgroundColor: theme.primary,
-        '& > span': {
-            paddingLeft: '5px',
-        },
-        '&:focus': {
-            textDecoration: 'underline',
-        },
-    }),
-    neutral: (theme) => css({
-        color: theme.defaultText,
-        backgroundColor: theme.gray20,
-    }),
-    success: (theme) => css({
-        color: theme.defaultText,
-        backgroundColor: theme.successMedium,
-    }),
-    info: (theme) => css({
-        color: theme.bgDark,
-        backgroundColor: theme.infoMedium,
-    }),
-    danger: (theme) => css({
-        color: 'white',
-        backgroundColor: theme.alert,
-    }),
-    dark: (theme) => css({
-        color: 'white',
-        backgroundColor: theme.bgDark,
-    }),
-    light: (theme) => css({
-        color: theme.bgDark,
-        backgroundColor: theme.bgLight,
-    }),
-    outline: (theme) => css `
-      color: ${theme.defaultText};
-      min-height: 20px;
-      line-height: 20px;
-      border: 2px solid ${theme.bgLight};
-      background-color: white;
-    `,
-    dotted: (theme) => css `
-      color: ${theme.defaultText};
-      min-height: 20px;
-      line-height: 20px;
-      border: 2px dotted ${theme.border};
-      background-color: transparent;
-    `,
-    withclose: css `
-    display: flex;
-    align-items: center;
-    min-height: 24px;
-    line-height: unset;
-
-    & > svg {
-      margin-left: 0.5em;
-    }
-  `,
-    strictClose: css `
-    display: flex;
-    width: fit-content;
-    align-items: center;
-    min-height: 24px;
-    line-height: unset;
-
-    & > button {
-      margin-left: 0.5em;
-    }
-  `,
-    loading: css `
-    display: flex;
-    width: fit-content;
-    align-items: center;
-    min-height: 24px;
-    line-height: unset;
-    gap: 0.5em;
-
-    & > div {
-      margin-right: 0.5em;
-    }
-  `,
-    withicon: css `
-    display: flex;
-    align-items: center;
-    gap: 5px;
-    width: fit-content;
-  `,
-};
-export default styles;
-export { styles };

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

@@ -1,20 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import Text from '.';
-declare const meta: Meta<typeof Text>;
-export default meta;
-type Story = StoryObj<typeof Text>;
-export declare const Default: Story;
-export declare const Paragraph: Story;
-export declare const Intro: Story;
-export declare const Small: Story;
-export declare const Semibold: Story;
-export declare const Customcolor: Story;
-export declare const Primary: Story;
-export declare const Secondary: Story;
-export declare const Title: Story;
-export declare const Italic: Story;
-export declare const Align: Story;
-export declare const WordBreak: Story;
-export declare const WhiteSpace: Story;
-export declare const Subtle: Story;
-export declare const LineClamp: Story;

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

@@ -1 +0,0 @@
-{"version":3,"file":"Text.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Text/Text.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,IAAI,MAAM,GAAG,CAAA;AAEpB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAGnB,CAAA;AAET,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAA"}

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

@@ -1,132 +0,0 @@
-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/lib/core/Text/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Text/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,KAAK,YAAY,GAAG,eAAe,GAAG,cAAc,CAAA;AACpD,UAAU,MAAO,SAAQ,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC;IACzD,+BAA+B;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,iBAAiB;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,uBAAuB;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,wBAAwB;IACxB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,8BAA8B;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kCAAkC;IAClC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6BAA6B;IAC7B,SAAS,CAAC,EAAE,YAAY,GAAG,MAAM,CAAA;IACjC,8BAA8B;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAA;IAEnB,+BAA+B;IAC/B,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;CACvC;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAqD1B,CAAA;AAED,eAAe,IAAI,CAAA"}

package/lib/core/Text/index.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { styles } from './styles';
-const Text = ({ paragraph, intro, small, extrasmall, bold, semibold, subtle, color, size, title, onClick, children, primary, secondary, dark, italic, align, wordBreak, whiteSpace, lineClamp, ...restProps }) => {
-    const Tag = paragraph ? 'p' : 'span';
-    return (_jsx(Tag, { css: (theme) => [
-            styles.default(theme, color),
-            intro && styles.intro,
-            small && styles.small,
-            extrasmall && styles.extrasmall,
-            bold && styles.bold,
-            semibold && styles.semiBold,
-            subtle && styles.subtle(theme),
-            paragraph && styles.paragraph,
-            size && styles.size(size),
-            primary && styles.setColor(theme.primary),
-            secondary && styles.setColor(theme.secondary),
-            italic && styles.italic,
-            align && styles.align(align),
-            dark && styles.setColor(theme.secondaryDarkText),
-            wordBreak && styles.setWordBreak(wordBreak),
-            whiteSpace && styles.setWhiteSpace(whiteSpace),
-            lineClamp && styles.setLineClamp(lineClamp),
-        ], onClick: onClick, title: title, ...restProps, children: children }));
-};
-export default Text;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Text/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,QAAA,MAAM,MAAM;qBACO,SAAS,SAAS,MAAM,GAAG,SAAS;;;;;;;iBAuBxC,MAAM;oBAGH,SAAS;sBAIP,MAAM;;mBAOT,MAAM;0BAGC,YAAY,GAAG,MAAM;2BAQpB,MAAM;0BAGP,MAAM;CAO7B,CAAA;AAED,eAAe,MAAM,CAAA;AAErB,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/lib/core/Text/styles.js

@@ -1,59 +0,0 @@
-import { css } from '@emotion/react';
-const styles = {
-    default: (theme, color) => css({
-        fontSize: '16px',
-        color: color ? color : theme.defaultText,
-    }),
-    paragraph: css({
-        margin: '0',
-    }),
-    intro: css({
-        fontSize: '22px',
-    }),
-    small: css({
-        fontSize: '14px',
-    }),
-    extrasmall: css({
-        fontSize: '12px',
-    }),
-    bold: css({
-        fontWeight: 'bold',
-    }),
-    semiBold: css({
-        fontWeight: 600,
-    }),
-    size: (size) => css `
-    font-size: ${size};
-  `,
-    subtle: (theme) => css({
-        color: theme.subtleText,
-    }),
-    setColor: (color) => css({
-        color: color,
-    }),
-    italic: css `
-    font-style: italic;
-  `,
-    align: (align) => css `
-    text-align: ${align};
-  `,
-    setWordBreak: (value) => value === 'break-word'
-        ? css `
-          overflow-wrap: break-word;
-        `
-        : css `
-          word-break: ${value};
-        `,
-    setWhiteSpace: (value) => css `
-    white-space: ${value};
-  `,
-    setLineClamp: (lines) => css `
-    display: -webkit-box;
-    -webkit-line-clamp: ${lines};
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  `,
-};
-export default styles;
-export { styles };

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

@@ -1,10 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import Textarea from '.';
-declare const meta: Meta<typeof Textarea>;
-export default meta;
-type Story = StoryObj<typeof Textarea>;
-export declare const Default: Story;
-export declare const Value: Story;
-export declare const Validation: Story;
-export declare const MaxHeight: Story;
-export declare const Disabled: Story;

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

@@ -1 +0,0 @@
-{"version":3,"file":"Textarea.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Textarea/Textarea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,QAAQ,MAAM,GAAG,CAAA;AAExB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAGvB,CAAA;AACT,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEtC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA"}

package/lib/core/Textarea/Textarea.stories.js

@@ -1,40 +0,0 @@
-import Textarea from '.';
-const meta = {
-    title: 'Core/Textarea',
-    component: Textarea,
-};
-export default meta;
-export const Default = {
-    name: 'Default',
-    args: {
-        label: 'Textarea',
-        onChange: (e) => console.log('changes', e),
-        placeholder: 'Placeholder...',
-        onBlur: () => console.log('blur'),
-    },
-};
-export const Value = {
-    name: 'Value',
-    args: {
-        value: 'Default value',
-    },
-};
-export const Validation = {
-    name: 'Validation',
-    args: {
-        invalidMessage: 'Error',
-    },
-};
-export const MaxHeight = {
-    name: 'Max height',
-    args: {
-        maxHeight: '200px',
-    },
-};
-export const Disabled = {
-    name: 'Disabled',
-    args: {
-        value: 'Im disabled',
-        disabled: true,
-    },
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Textarea/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAA8B,MAAM,OAAO,CAAA;AAMlD,UAAU,MACR,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,UAAU,CAAC;IACnE,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAEnC;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA6D9B,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/lib/core/Textarea/index.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import { useEffect, useState } from 'react';
-import { Label, styles, Wrapper, ErrorMessage } from './styles';
-import { IconErrorOutline } from '../..';
-import { useTheme } from '@emotion/react';
-const Textarea = ({ label, value = '', rows = 3, resize = 'vertical', placeholder, maxLength, focus, invalidMessage, maxHeight, disabled, onChange, ...restProps }) => {
-    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]);
-    const aria = `textarea-${label ? label.replace(' ', '-') : 'primary'}`;
-    return (_jsxs(Wrapper, { children: [label && _jsx(Label, { htmlFor: aria, children: label }), _jsx("textarea", { id: aria, css: (theme) => [
-                    styles.default(theme),
-                    styles.resize(resize),
-                    maxHeight && styles.maxHeight(maxHeight),
-                    disabled && styles.disabled(theme),
-                ], "aria-label": label, "aria-invalid": !!invalidMessage, value: inputValue, rows: rows, placeholder: placeholder, onChange: handleChange, maxLength: maxLength, autoFocus: focus, disabled: disabled, ...restProps }), invalidMessage && (_jsxs(ErrorMessage, { theme: theme, children: [_jsx(IconErrorOutline, { size: "16px" }), invalidMessage] }))] }));
-};
-export default Textarea;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Textarea/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAG3C,eAAO,MAAM,MAAM;qBACA,KAAK;qBAeL,MAAM;uBAGJ,MAAM;sBAGP,KAAK;CAKxB,CAAA;AAED,eAAO,MAAM,OAAO;;SATd,MAAO,WAAW;yGAYvB,CAAA;AAED,eAAO,MAAM,KAAK;;SAdZ,MAAO,WAAW;kHAmBvB,CAAA;AAED,eAAO,MAAM,YAAY,yJAgBxB,CAAA"}

package/lib/core/Textarea/styles.js

@@ -1,55 +0,0 @@
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-export const styles = {
-    default: (theme) => 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); // compensate for border-with resize
-    }
-  `,
-    resize: (resize) => css `
-    resize: ${resize};
-  `,
-    maxHeight: (value) => css `
-    max-height: ${value};
-  `,
-    disabled: (theme) => css `
-    cursor: 'not-allowed';
-    background-color: ${theme.disabled};
-    border-color: ${theme.disabled};
-  `,
-};
-export const Wrapper = styled.div `
-  display: grid;
-  grid-row-gap: 0.5em;
-`;
-export const Label = styled.label `
-  font-size: 16px;
-  font-weight: 600;
-  height: 20px;
-  line-height: 20px;
-`;
-export const ErrorMessage = styled.span((props) => css `
-    font-size: 14px;
-    padding-left: 25px;
-    margin-bottom: 0;
-    color: ${props.theme.alert};
-    position: relative;
-
-    svg {
-      position: absolute;
-      left: 3px;
-      path {
-        fill: ${props.theme.alert};
-      }
-    }
-  `);

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

@@ -1,7 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta;
-export default _default;
-export declare const TimelineDefault: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};

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

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

package/lib/core/Timeline/Timeline.stories.js

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

package/lib/core/Timeline/TimelineStep/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/Timeline/TimelineStep/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,UAAU,MAAM;IACd,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,uBAAuB;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,qBAAqB;IACrB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAmBlC,CAAA;AAED,eAAe,YAAY,CAAA"}

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

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { useTheme } from '@emotion/react';
-import Text from '../../Text';
-import { TextWrapper, Wrapper, Circle, styles } from './styles';
-const TimelineStep = ({ title, text, active, complete }) => {
-    const theme = useTheme();
-    return (_jsxs(Wrapper, { theme: theme, children: [_jsx(Circle, { css: (theme) => [
-                    styles.defaultCircle(theme),
-                    active && styles.active,
-                    complete && styles.complete,
-                ] }), _jsxs(TextWrapper, { children: [_jsx(Text, { semibold: true, size: "16px", children: title }), _jsx(Text, { size: "15px", children: text })] })] }));
-};
-export default TimelineStep;

package/lib/core/Timeline/TimelineStep/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/Timeline/TimelineStep/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAEpD,eAAO,MAAM,OAAO,uJAiBnB,CAAA;AAED,eAAO,MAAM,MAAM;;SAEX,MAAO,WAAW;2GAMzB,CAAA;AAED,eAAO,MAAM,WAAW;;SARhB,MAAO,WAAW;yGAYzB,CAAA;AAED,eAAO,MAAM,MAAM;2BACM,SAAS;oBAKhB,SAAS;sBAKP,SAAS;CAK5B,CAAA"}

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

@@ -1,46 +0,0 @@
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-export const Wrapper = styled.div((props) => 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);
-    }
-  `);
-export const Circle = styled.span `
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 12px;
-  height: 12px;
-  border-radius: 50%;
-  z-index: 1;
-`;
-export const TextWrapper = styled.div `
-  display: grid;
-  grid-row-gap: 0.4em;
-  word-break: break-word;
-`;
-export const styles = {
-    defaultCircle: (theme) => css `
-      border: 2px solid ${theme.border};
-      background-color: transparent;
-    `,
-    active: (theme) => css `
-      border: 2px solid ${theme.primary};
-      background-color: ${theme.primary};
-    `,
-    complete: (theme) => css `
-      border: 2px solid ${theme.border};
-      background-color: ${theme.border};
-    `,
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Timeline/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,MAAM;IACd,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAE9B,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/lib/core/Timeline/index.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Timeline/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;SASsW,MAAO,WAAW;yGAD3Y,CAAA"}

package/lib/core/Timeline/styles.js

@@ -1,10 +0,0 @@
-import styled from '@emotion/styled';
-export const Wrapper = styled.div `
-  display: grid;
-  grid-row-gap: 1.5em;
-
-  & > div:last-of-type::after {
-    display: none;
-    width: 5px;
-  }
-`;

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

@@ -1,31 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta;
-export default _default;
-export declare const TimepickerDefault: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const WithSeconds: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const Disabled: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const Nullable: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const WithDateAsValue: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const WithError: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const Focus: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"Timepicker.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Timepicker/Timepicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;wBAKlC,IAAI;AAHT,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"}