@bbl-digital/snorre 4.2.82 → 4.2.83

package/lib/core/Input/Input.stories.js

@@ -1,194 +0,0 @@
-import { action } from '@storybook/addon-actions';
-import Input from '.';
-const meta = {
-    title: 'Core/Input',
-    component: Input,
-};
-export default meta;
-export const Default = {
-    args: {
-        type: 'text',
-        label: 'Label',
-        placeholder: 'Placeholder text',
-    },
-    name: 'Default',
-};
-export const Focused = {
-    args: {
-        type: 'text',
-        label: 'Focused',
-        placeholder: 'Placeholder text',
-        focus: true,
-    },
-    name: 'Focused',
-};
-export const Stealth = {
-    args: {
-        type: 'stealth',
-        label: 'Stealth',
-        placeholder: 'Placeholder text',
-    },
-    name: 'Stealth',
-};
-export const Disabled = {
-    args: {
-        type: 'text',
-        label: 'Disabled',
-        placeholder: 'Field disabled',
-        disabled: true,
-    },
-    name: 'Disabled',
-};
-export const Passsword = {
-    args: {
-        type: 'password',
-        label: 'Inputfield - password',
-        placeholder: 'Password field',
-        value: 'Secret password',
-    },
-    name: 'Passsword',
-};
-export const Search = {
-    args: {
-        type: 'search',
-        highlight: true,
-        placeholder: 'Placeholder text',
-        label: 'Label',
-    },
-    name: 'Search',
-};
-export const Highlighted = {
-    args: {
-        type: 'text',
-        placeholder: 'Placeholder text',
-        highlight: true,
-    },
-    name: 'Highlighted',
-};
-export const Reset = {
-    args: {
-        type: 'text',
-        value: 'should be empty',
-        placeholder: 'Placeholder text',
-        highlight: true,
-        reset: true,
-    },
-    name: 'Reset',
-};
-export const WithDebounce = {
-    args: {
-        type: 'text',
-        value: '',
-        onDebounceChange: (value) => {
-            action('debounce callback..');
-            console.log('debounce callback..', value);
-        },
-        placeholder: 'Placeholder text',
-        highlight: true,
-        debounceDelay: 500,
-    },
-    name: 'WithDebounce',
-};
-export const WithMaxlength = {
-    args: {
-        type: 'text',
-        value: '',
-        onChange: (value) => {
-            action('value changed..');
-            console.log('value changed..', value);
-        },
-        placeholder: 'Placeholder text',
-        highlight: true,
-        maxlength: 50,
-    },
-    name: 'With maxlength',
-};
-export const Format = {
-    args: {
-        type: 'text',
-        value: '900',
-        placeholder: 'Start typing a price',
-        format: 'price',
-        variant: 'default',
-    },
-    name: 'Format',
-};
-export const Height = {
-    args: {
-        type: 'search',
-        height: '50px',
-        highlight: true,
-    },
-    name: 'Height',
-};
-export const Info = {
-    args: {
-        label: 'With info',
-        info: 'Hello, this is important information',
-        invalidMessage: 'error',
-    },
-    name: 'Info',
-};
-export const CardInput = {
-    args: {
-        cardInput: true,
-        placeholder: 'Im styled as a card',
-        highlight: true,
-        type: 'search',
-    },
-    name: 'CardInput',
-};
-export const Invalid = {
-    args: {
-        label: 'Invalid',
-        invalid: true,
-        invalidMessage: 'error',
-    },
-    name: 'Invalid',
-};
-export const InvalidNoLabel = {
-    args: {
-        invalid: true,
-        invalidMessage: 'error',
-    },
-    name: 'Invalid no label',
-};
-export const Controls = {
-    args: {
-        label: 'With info',
-        info: 'Hello, this is important information',
-        invalidMessage: 'error',
-        value: '',
-        name: '',
-        cardInput: false,
-        className: '',
-        debounceDelay: 500,
-        disabled: false,
-        focus: false,
-        format: undefined,
-        height: '',
-        invalid: false,
-        maxlength: undefined,
-        highlight: false,
-        infoPlacement: undefined,
-        placeholder: 'Hello',
-        reset: false,
-        type: 'text',
-        onChange: action('value changed..'),
-        onBlur: action('on blur..'),
-        onDebounceChange: action('on debounce change..'),
-        onFocus: action('on focus..'),
-    },
-    name: 'Controls',
-};
-export const FormattedNumberOnly = {
-    args: {
-        type: 'text',
-        label: 'Label',
-        placeholder: 'Placeholder text',
-        variant: 'formattedNumber',
-        getFormattedNumber: (value) => console.log('FormattedNumberOnly', value),
-        value: 123111121,
-    },
-    name: 'FormattedNumberOnly',
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Input/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAEZ,8BAA8B,EAE/B,MAAM,OAAO,CAAA;AAUd,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACxE,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAAA;IACrE,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,iCAAiC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gBAAgB;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gCAAgC;IAChC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACxD,iCAAiC;IACjC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACzD,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,gBAAgB;IAChB,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,kDAAkD;IAClD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,gGAAgG;IAChG,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,oCAAoC;IACpC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,KAAK,CAAA;IACtC,+DAA+D;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,sEAAsE;IACtE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iFAAiF;IACjF,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;IACnD,qBAAqB;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,8BAA8B,CAAA;IAC7C;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAA;IACvC,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC7C;AAED,MAAM,MAAM,GAAG,GAAG,gBAAgB,CAAA;AAElC,QAAA,MAAM,KAAK,qFAmLV,CAAA;AAED,eAAe,KAAK,CAAA"}

package/lib/core/Input/index.js

@@ -1,109 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import React, { useState, } from 'react';
-import { styles } from './styles';
-import IconSearch from '../../icons/General/IconSearch';
-import { useEffect } from 'react';
-import { useDebounce } from '../utils/debounce';
-import { getFormattedPrice } from '../../utils/format';
-import IconErrorOutline from '../../icons/General/IconErrorOutline';
-import InfoButton from '../InfoButton';
-import IconHelp from '../../icons/General/IconHelp';
-const Input = React.forwardRef(({ onDebounceChange, debounceDelay, maxlength, height, info, infoPlacement = 'left', className, cardInput, variant, autoComplete, getFormattedNumber, updateValueOnChange = false, ...props }, ref) => {
-    const [value, setValueChanged] = useState(props.value
-        ? variant === 'formattedNumber'
-            ? props.value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ' ')
-            : props.value
-        : '');
-    const [inputDirty, setInputDirty] = useState(false);
-    const debouncedValue = useDebounce(value, debounceDelay ? debounceDelay : 0);
-    const type = props.type ? props.type : 'text';
-    const handleFormatting = (val) => {
-        if (props.format === 'price' && val) {
-            const value = val.replace(/\u00a0/g, '').replace(/ /g, '');
-            return getFormattedPrice(value);
-        }
-        return val;
-    };
-    const handleNumberOnlyFormatting = (val) => {
-        const onlyNumbers = val.replace(/[^\d\s]/g, '');
-        getFormattedNumber && getFormattedNumber(onlyNumbers);
-        return onlyNumbers;
-    };
-    const onInputChange = (e) => {
-        setInputDirty(true);
-        if (variant === 'formattedNumber') {
-            setValueChanged(handleNumberOnlyFormatting(e.target.value));
-        }
-        else if (props.format) {
-            setValueChanged(handleFormatting(e.target.value));
-        }
-        else {
-            setValueChanged(e.target.value);
-        }
-        if (props.onChange && !props.disabled) {
-            props.onChange(e);
-        }
-    };
-    const handleBlur = (e) => {
-        if (variant === 'formattedNumber') {
-            const onlyNumbers = value.toString().replace(/[^\d]/g, '');
-            const formatedNumbersWithSpace = onlyNumbers.replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
-            setValueChanged(formatedNumbersWithSpace);
-        }
-        props.onBlur && props.onBlur(e);
-    };
-    const handleFocus = (e) => {
-        if (variant === 'formattedNumber') {
-            setValueChanged(value.toString().replaceAll(' ', ''));
-        }
-        props.onFocus && props.onFocus(e);
-    };
-    useEffect(() => {
-        if (props.reset) {
-            setValueChanged('');
-        }
-    }, [props.reset]);
-    useEffect(() => {
-        if (props.value && updateValueOnChange) {
-            if (variant === 'formattedNumber')
-                setValueChanged(handleNumberOnlyFormatting(props.value));
-            else
-                setValueChanged(props.value);
-        }
-    }, [props.value]);
-    // Handle debounce
-    useEffect(() => {
-        const handleDebounceChange = (value) => {
-            if (onDebounceChange && inputDirty) {
-                onDebounceChange(value);
-            }
-        };
-        handleDebounceChange(debouncedValue);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [debouncedValue]);
-    return (_jsxs("div", { css: styles.relative, children: [_jsxs("label", { htmlFor: props.id, css: (theme) => [
-                    styles.default(theme),
-                    props.highlight && styles.highligted(height),
-                    type === 'search' && styles.searchLabel(theme),
-                    (props.invalid || props.invalidMessage) && styles.invalid(theme),
-                    height && styles.height(height),
-                ], className: className, children: [props.label && _jsx("span", { css: info && styles.pr4, children: props.label }), _jsxs("div", { css: (theme) => [styles.inputWrapper(theme)], children: [_jsx("input", { id: props.id, type: type === 'stealth' ? 'number' : type, ...(type !== 'password' && { value }), placeholder: props.placeholder, disabled: props.disabled, autoFocus: props.focus, onBlur: handleBlur, onFocus: handleFocus, onChange: onInputChange, maxLength: maxlength, ref: ref, name: props.name, "aria-describedby": props.invalidMessage ? 'input-error-message' : undefined, css: (theme) => [
-                                    type === 'text' && styles.text(theme),
-                                    type === 'search' && styles.search(theme),
-                                    type === 'password' && styles.password(theme),
-                                    type === 'number' && styles.number(theme),
-                                    type === 'stealth' && styles.stealth(theme),
-                                    props.disabled && styles.disabled(theme),
-                                    cardInput && styles.cardInput(theme),
-                                ], autoComplete: autoComplete, children: React.Children.map(props.children, (child) => {
-                                    if (!child) {
-                                        return null;
-                                    }
-                                    return child;
-                                }) }), type === 'search' && _jsx(IconSearch, {})] }), props.invalidMessage && _jsx(IconErrorOutline, { size: "16px" }), props.invalidMessage && (_jsx("span", { id: "input-error-message", css: (theme) => [
-                            styles.errorMessage(theme),
-                            !props?.label && styles.errorMessageNoLabel,
-                        ], children: props.invalidMessage }))] }), info && (_jsx("span", { css: styles.infoButton, children: _jsx(InfoButton, { icon: _jsx(IconHelp, { primary: true }), place: infoPlacement, children: info }) }))] }));
-});
-export default Input;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Input/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,QAAA,MAAM,MAAM;qBACO,SAAS;0BAyCJ,MAAM;oBAmBZ,SAAS;kBAKX,SAAS;qBAKN,SAAS;sBAQR,SAAS;oBAMX,SAAS;yBAaJ,SAAS;;sBAiBZ,SAAS;uBAMR,SAAS;qBAIX,SAAS;qBAkCT,MAAM;0BAKD,SAAS;;;;;0BA8BT,SAAS;CAUhC,CAAA;AAED,eAAe,MAAM,CAAA;AAErB,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/lib/core/Input/styles.js

@@ -1,201 +0,0 @@
-import { css } from '@emotion/react';
-const styles = {
-    default: (theme) => css `
-      display: grid;
-      grid-template-rows: min-content;
-
-      &:focus-within span {
-        color: ${theme.primary};
-      }
-      span {
-        line-height: 22px;
-        font-size: 1em;
-        font-weight: 600;
-        margin-bottom: 4px;
-      }
-      input {
-        height: 36px;
-        width: calc(100% - 20px - 2px);
-        font-size: 16px;
-        line-height: 20px;
-        outline: none;
-        border-width: 1px;
-        border-radius: 5px;
-        border-style: solid;
-        padding: 0 10px;
-
-        &:focus {
-          border-color: ${theme.primary};
-        }
-        &:disabled {
-          background-color: ${theme.disabled};
-        }
-        &::-webkit-outer-spin-button,
-        &::-webkit-inner-spin-button {
-          -webkit-appearance: none;
-          margin: 0;
-        }
-        &[type='number'] {
-          -moz-appearance: textfield;
-        }
-      }
-    `,
-    highligted: (height) => css `
-    font-size: 18px;
-    & input {
-      height: ${height ? height : '50px'};
-      font-size: 16px;
-    }
-    & input[type='search'] {
-      -webkit-appearance: textfield;
-      height: ${height ? height : '60px'};
-      font-size: 16px;
-      border-radius: 5px;
-      box-shadow: 0 2px 4px 0 rgba(9, 28, 68, 0.1);
-      border-bottom: 0;
-      padding: 0 16px;
-      padding-right: 35px;
-      border-style: none;
-      border-width: 0;
-    }
-  `,
-    number: (theme) => css `
-      border: 2px solid ${theme.border};
-      padding-left: 10px;
-    `,
-    text: (theme) => css `
-      border: 2px solid ${theme.border};
-      padding-left: 10px;
-    `,
-    stealth: (theme) => css `
-      &:hover {
-        border-color: ${theme.border};
-      }
-      border: 2px solid transparent;
-      padding-left: 10px;
-    `,
-    password: (theme) => css({
-        border: '2px solid ' + theme.border,
-        borderRadius: '3px',
-        paddingLeft: '10px',
-    }),
-    search: (theme) => css `
-      border: 0;
-      border-bottom: 2px solid ${theme.border};
-      padding-left: 0;
-      padding-right: 35px;
-      &::-webkit-search-decoration,
-      &::-webkit-search-cancel-button,
-      &::-webkit-search-results-button,
-      &::-webkit-search-results-decoration {
-        -webkit-appearance: none;
-      }
-    `,
-    searchLabel: (theme) => css `
-    display: block;
-    position: relative;
-
-    & > div > input {
-      width: 100%;
-    }
-
-    & > svg {
-      position: absolute;
-      right: 16px;
-      left: auto;
-      top: calc(50% - 10px);
-      fill: ${theme.primary} !important;
-    }
-  `,
-    file: css ``,
-    disabled: (theme) => css({
-        cursor: 'not-allowed',
-        backgroundColor: theme.disabled,
-        borderColor: theme.disabled,
-    }),
-    cardInput: (theme) => css `
-    border-radius: ${theme.mypageBoxBorderRadius} !important;
-    padding-left: 1.5em !important;
-  `,
-    invalid: (theme) => css `
-    input {
-      border-color: ${theme.alert};
-      border-style: solid;
-
-      &:active,
-      &:focus,
-      &:hover {
-        border-color: ${theme.alert};
-      }
-    }
-
-    svg {
-      position: absolute;
-      top: unset;
-      right: unset;
-      bottom: 2px;
-      left: 3px;
-      path {
-        fill: ${theme.alert};
-      }
-    }
-
-    span:nth-of-type(2) {
-      line-height: 30px;
-      padding-left: 25px;
-      font-size: 14px;
-      margin-bottom: 0;
-    }
-
-    &:focus-within span:nth-of-type(2) {
-      color: ${theme.alert};
-    }
-  `,
-    height: (height) => css `
-    & > div > input {
-      height: ${height};
-    }
-  `,
-    errorMessage: (theme) => css `
-    font-size: 14px;
-    padding-left: 10px;
-    margin-bottom: 0;
-    margin-top: 2px;
-    color: ${theme.alert};
-    line-height: 20px !important;
-  `,
-    pr4: css `
-    padding-right: 25px;
-  `,
-    infoButton: css `
-    position: absolute;
-    right: 0;
-    top: 0;
-
-    button {
-      display: block;
-      height: 24px;
-    }
-  `,
-    relative: css `
-    position: relative;
-  `,
-    errorMessageNoLabel: () => css `
-    padding-left: 25px;
-    padding-top: 5px;
-    // We need to override the default font-size of 16px when there is no label
-    font-size: 14px !important;
-  `,
-    inputWrapper: (theme) => css `
-    position: relative;
-    & > svg:first-of-type {
-      position: absolute;
-      right: 16px;
-      left: auto;
-      top: calc(50% - 12px);
-      fill: ${theme.primary} !important;
-    }
-  `,
-};
-export default styles;
-export { styles };

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

@@ -1,14 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import Link from '.';
-declare const meta: Meta<typeof Link>;
-export default meta;
-type Story = StoryObj<typeof Link>;
-export declare const Default: Story;
-export declare const ButtonLink: Story;
-export declare const NoStyle: Story;
-export declare const ExternalLink: Story;
-export declare const TargetBlank: Story;
-export declare const DangerLink: Story;
-export declare const DisabledLink: Story;
-export declare const NoPadding: Story;
-export declare const WordBreak: Story;

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

@@ -1 +0,0 @@
-{"version":3,"file":"Link.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Link/Link.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,KAMrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAA"}

package/lib/core/Link/Link.stories.js

@@ -1,77 +0,0 @@
-import Link from '.';
-const meta = {
-    title: 'Core/Link',
-    component: Link,
-};
-export default meta;
-export const Default = {
-    args: {
-        children: 'Option',
-        href: '#',
-    },
-    name: 'Default',
-};
-export const ButtonLink = {
-    args: {
-        children: 'Option',
-        onClick: () => console.log('hi'),
-        href: '#',
-    },
-    name: 'Button link',
-};
-export const NoStyle = {
-    args: {
-        children: 'Unstyled link',
-        nostyle: true,
-        href: '#',
-    },
-    name: 'No style',
-};
-export const ExternalLink = {
-    args: {
-        children: 'External link',
-        href: 'https://www.google.com',
-    },
-    name: 'External link',
-};
-export const TargetBlank = {
-    args: {
-        children: 'Target blank',
-        href: 'https://www.google.com',
-        target: '_blank',
-    },
-    name: 'Target blank',
-};
-export const DangerLink = {
-    args: {
-        children: 'Danger link',
-        danger: true,
-        href: '#',
-    },
-    name: 'Danger link',
-};
-export const DisabledLink = {
-    args: {
-        children: 'Disabled link',
-        disabled: true,
-        href: '#',
-    },
-    name: 'Disabled link',
-};
-export const NoPadding = {
-    args: {
-        children: 'No padding',
-        nopadding: true,
-        href: '#',
-    },
-    name: 'No padding',
-};
-export const WordBreak = {
-    args: {
-        children: 'Word break long title that should break',
-        wordBreak: 'break-word',
-        textAlign: 'left',
-        href: '#',
-    },
-    name: 'Word break',
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Link/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAqB,EACnB,KAAK,IAAI,iBAAiB,EAC3B,MAAM,yBAAyB,CAAA;AAgBhC,KAAK,MAAM,GAAG,iBAAiB,GAAG;IAChC,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kBAAkB;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gCAAgC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,wBAAwB;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA4C1B,CAAA;AAED,eAAe,IAAI,CAAA"}

package/lib/core/Link/index.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import ButtonOrLink from '../private/ButtonOrLink';
-import IconExternalLink from '../../icons/General/IconExternalLink';
-import { IconLinkWrapper, NoStyle, LinkStyle, dangerStyles, noPadding, setAlign, smallText, underlineNone, setWordBreak, setDisabled, } from './styles';
-import { VisuallyHidden } from 'react-aria';
-const Link = (props) => {
-    const { disabled, children, nostyle, external, danger, target, nopadding, small, removeUnderline, textAlign = 'center', wordBreak, ...restProps } = props;
-    return (_jsx(ButtonOrLink, { ...restProps, disabled: disabled, css: (theme) => [
-            nostyle ? NoStyle : LinkStyle,
-            danger && dangerStyles(theme),
-            disabled && setDisabled(theme),
-            nopadding && noPadding,
-            setAlign(textAlign),
-            small && smallText,
-            removeUnderline && underlineNone,
-            wordBreak && setWordBreak(wordBreak),
-        ], ...(target && { target }), children: external ? (_jsxs(IconLinkWrapper, { children: [_jsx("span", { children: children }), _jsx(IconExternalLink, { size: "15px", color: "blue", "aria-hidden": true }), _jsx(VisuallyHidden, { children: "(\u00C5pnes i et nytt vindu)" })] })) : (children) }));
-};
-export default Link;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Link/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,eAAO,MAAM,eAAe;;SAsBd,MACZ,WAAS;2GApBV,CAAA;AAED,eAAO,MAAM,OAAO,2CAQnB,CAAA;AAED,eAAO,MAAM,SAAS,iDAsBrB,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,OAAO,SAAS,8CAE5C,CAAA;AAED,eAAO,MAAM,SAAS,2CAErB,CAAA;AAED,eAAO,MAAM,QAAQ,GAAI,OAAO,MAAM,8CAErC,CAAA;AAED,eAAO,MAAM,SAAS,2CAErB,CAAA;AAED,eAAO,MAAM,aAAa,2CAOzB,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,8CAEzC,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,OAAO,SAAS,8CAG3C,CAAA"}