@bbl-digital/snorre 4.2.82 → 4.2.83

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

@@ -1,13 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import Header from '.';
-declare const meta: Meta<typeof Header>;
-export default meta;
-type Story = StoryObj<typeof Header>;
-export declare const Header1: Story;
-export declare const Header2: Story;
-export declare const Header3: Story;
-export declare const Header4: Story;
-export declare const Header5: Story;
-export declare const HeaderSecondaryColor: Story;
-export declare const HeaderPrimaryColor: Story;
-export declare const HeaderCustomColor: Story;

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

@@ -1 +0,0 @@
-{"version":3,"file":"Header.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Header/Header.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,MAAM,MAAM,GAAG,CAAA;AAEtB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAG7B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAMlC,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAA"}

package/lib/core/Header/Header.stories.js

@@ -1,62 +0,0 @@
-import Header from '.';
-const meta = {
-    title: 'Core/Header',
-    component: Header,
-};
-export default meta;
-export const Header1 = {
-    args: {
-        children: 'Header',
-        level: 1,
-    },
-    name: 'Header level 1',
-};
-export const Header2 = {
-    args: {
-        children: 'Header 2',
-        level: 2,
-    },
-    name: 'Header level 2',
-};
-export const Header3 = {
-    args: {
-        children: 'Header 3',
-        level: 3,
-    },
-    name: 'Header level 3',
-};
-export const Header4 = {
-    args: {
-        children: 'Header 4',
-        level: 4,
-    },
-    name: 'Header level 4',
-};
-export const Header5 = {
-    args: {
-        children: 'Header 5',
-        level: 5,
-    },
-    name: 'Header level 5',
-};
-export const HeaderSecondaryColor = {
-    args: {
-        children: 'Header 3 custom color',
-        secondary: true,
-    },
-    name: 'Header custom color',
-};
-export const HeaderPrimaryColor = {
-    args: {
-        children: 'Header 3 primary color',
-        primary: true,
-    },
-    name: 'Header primary color',
-};
-export const HeaderCustomColor = {
-    args: {
-        children: 'Header 3 custom color',
-        color: 'red',
-    },
-    name: 'Header custom color',
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Header/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,MAAO,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAC/D,8BAA8B;IAC9B,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACxB,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,oBAAoB;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,0DAA0D;IAC1D,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA+B5B,CAAA;AAED,eAAe,MAAM,CAAA"}

package/lib/core/Header/index.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { styles } from './styles';
-const Header = ({ level, color, primary, secondary, dark, size, children, className, id, }) => {
-    const Tag = `h${level}`;
-    return (_jsx(Tag, { css: (theme) => [
-            styles.default(theme, color, size),
-            level === 1 && styles.h1,
-            level === 2 && styles.h2,
-            level === 3 && styles.h3,
-            level === 4 && styles.h4,
-            level === 5 && styles.h5,
-            primary && styles.setColor(theme.primary),
-            secondary && styles.setColor(theme.secondary),
-            dark && styles.setColor(theme.secondaryDarkText),
-        ], id: id, className: className, children: children }));
-};
-export default Header;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Header/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,QAAA,MAAM,MAAM;qBAED,SAAS,SACT,MAAM,GAAG,SAAS,QACnB,MAAM,GAAG,SAAS;;;;;;sBAwCR,MAAM;CAIzB,CAAA;AAED,eAAe,MAAM,CAAA;AAErB,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/lib/core/Header/styles.js

@@ -1,47 +0,0 @@
-import { css } from '@emotion/react';
-import bp from '../../globals/styles/breakpoints';
-const styles = {
-    default: (theme, color, size) => css `
-    font-weight: bold;
-    color: ${color ? color : theme.defaultText};
-    margin: 0;
-    font-size: ${size && `${size} !important`};
-  `,
-    h1: css `
-    font-size: 32px;
-    font-weight: bold;
-    margin: 0;
-    @media screen and (max-width: ${bp.small}) {
-      font-size: 22px;
-    }
-  `,
-    h2: css `
-    font-size: 32px;
-    @media screen and (max-width: ${bp.small}) {
-      font-size: 22px;
-    }
-  `,
-    h3: css `
-    font-size: 24px;
-    @media screen and (max-width: ${bp.small}) {
-      font-size: 20px;
-    }
-  `,
-    h4: css `
-    font-size: 22px;
-    @media screen and (max-width: ${bp.small}) {
-      font-size: 18px;
-    }
-  `,
-    h5: css `
-    font-size: 18px;
-    @media screen and (max-width: ${bp.small}) {
-      font-size: 16px;
-    }
-  `,
-    setColor: (color) => css({
-        color: color,
-    }),
-};
-export default styles;
-export { styles };

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

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import HighlightText from '.';
-declare const meta: Meta<typeof HighlightText>;
-export default meta;
-type Story = StoryObj<typeof HighlightText>;
-export declare const Highlight: Story;
-export declare const AllProps: Story;

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

@@ -1 +0,0 @@
-{"version":3,"file":"HighlightText.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/HighlightText/HighlightText.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,aAAa,MAAM,GAAG,CAAA;AAE7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAGpC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAA;AAE3C,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAA"}

package/lib/core/HighlightText/HighlightText.stories.js

@@ -1,22 +0,0 @@
-import HighlightText from '.';
-const meta = {
-    title: 'Core/HighlightText',
-    component: HighlightText,
-};
-export default meta;
-export const Highlight = {
-    args: {
-        text: 'This is a text with a highlighted part',
-        highlight: 'highlighted part',
-    },
-    name: 'Highlight',
-};
-export const AllProps = {
-    args: {
-        text: 'This is a text with a highlighted part',
-        highlight: 'highlighted part',
-        size: '14px',
-        semibold: true,
-    },
-    name: 'All props',
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/HighlightText/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,MAAM;IACd,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA8BnC,CAAA;AAED,eAAe,aAAa,CAAA"}

package/lib/core/HighlightText/index.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Text from '../Text';
-import { Highlighted } from './styles';
-const HighlightText = ({ text, highlight, size, semibold, ...restProps }) => {
-    if (!highlight || !highlight.trim())
-        return (_jsx(Text, { size: size, semibold: semibold, ...restProps, children: text }));
-    const regex = new RegExp(`(${highlight})`, 'gi');
-    const parts = text.split(regex);
-    return (_jsx(Text, { size: size, semibold: semibold, ...restProps, children: parts
-            .filter((part) => part)
-            .map((part, i) => regex.test(part) ? (_jsx(Highlighted, { children: part }, i)) : (_jsx("span", { children: part }, i))) }));
-};
-export default HighlightText;

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

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

package/lib/core/HighlightText/styles.js

@@ -1,6 +0,0 @@
-import styled from '@emotion/styled';
-export const Highlighted = styled.mark `
-  padding: 2px 0;
-  border-radius: 4px;
-  background-color: #ffff8f;
-`;

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

@@ -1,10 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import Html from '.';
-declare const meta: Meta<typeof Html>;
-export default meta;
-type Story = StoryObj<typeof Html>;
-export declare const HtmlDefault: Story;
-export declare const HTMLLongText: Story;
-export declare const ExternalLinks: Story;
-export declare const Whitespace: Story;
-export declare const RemoveMargins: Story;

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

@@ -1 +0,0 @@
-{"version":3,"file":"Html.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Html/Html.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,CAG3B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,WAAW,EAAE,KAazB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAmBxB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAA"}

package/lib/core/Html/Html.stories.js

@@ -1,47 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Html from '.';
-const meta = {
-    title: 'Core/Html',
-    component: Html,
-};
-export default meta;
-export const HtmlDefault = {
-    name: 'Html',
-    args: {
-        allowVideo: true,
-        text: `<p>Hellå</p><p>f<div><span contenteditable="false">
-
-      </span></div><div><span contenteditable="false">
-      <div class="video-container">
-        <iframe src="https://www.youtube.com/embed/SMDYRoYPzns?showinfo=0" frameborder="0" allowfullscreen=""></iframe>
-      </div>
-      </span></div><br></p>`,
-    },
-};
-export const HTMLLongText = {
-    name: 'Html long text',
-    args: {
-        text: '<p>test&nbsp;test&nbsp;testtest&nbsp;test&nbsp;testtest&nbsp;test&nbsp;testtest&nbsp;test&nbsp;testtest&nbsp;test&nbsp;testtest&nbsp;test&nbsp;testtest&nbsp;test&nbsp;testtest&nbsp;test&nbsp;testtest&nbsp;test&nbsp;testtest&nbsp;test&nbsp;testtest&nbsp;test&nbsp;testtest&nbsp;test&nbsp;testtest&nbsp;test&nbsp;testtest&nbsp;test&nbsp;testtest&nbsp;test&nbsp;testtest&nbsp;test&nbsp;testtest&nbsp;test&nbsp;testtest&nbsp;test&nbsp;testtest&nbsp;test&nbsp;testtest&nbsp;test&nbsp;testtest&nbsp;test&nbsp;testtest&nbsp;test&nbsp;testtest&nbsp;test&nbsp;testtest&nbsp;test&nbsp;testtest&nbsp;test&nbsp;testtest&nbsp;test&nbsp;test</p>',
-    },
-};
-export const ExternalLinks = {
-    name: 'External links',
-    args: {
-        externalLinks: true,
-        text: '<h3>Html text</h3><p><i>Displays text as html</i><a href="vg.no">vg.no</a></p>',
-    },
-};
-export const Whitespace = {
-    render: () => (_jsxs("div", { style: {
-            display: 'grid',
-            gridRowGap: '20px',
-        }, children: [_jsx(Html, { whiteSpace: "pre-wrap", text: 'Text with\nnewline\nand white-space: pre-wrap' }), _jsx(Html, { whiteSpace: "none", text: 'Text with\n newline\n and white-space: none' })] })),
-    name: 'Whitespace',
-};
-export const RemoveMargins = {
-    name: 'Remove margins',
-    args: {
-        removeMargins: true,
-        text: '<h1>Header</h1><p>Hello</p><p>New line</p>',
-    },
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Html/index.tsx"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,WAAW,CAAA;AACjC,OAAO,2BAA2B,CAAA;AAElC,UAAU,MAAM;IACd,4BAA4B;IAC5B,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,2BAA2B;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gCAAgC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mCAAmC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,4DAA4D;IAC5D,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gCAAgC;IAChC,eAAe,CAAC,EAAE,SAAS,CAAC,MAAM,CAAA;IAClC,uBAAuB;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,QAAA,MAAM,IAAI,GAAI,8HAYX,MAAM,qDA8BR,CAAA;AAED,eAAe,IAAI,CAAA"}

package/lib/core/Html/index.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import { styles } from './styles';
-import DOMPurify from 'dompurify';
-import 'quill/dist/quill.snow.css';
-const Html = ({ className, dark, externalLinks, removeMargins, secondary, size, text, sanitize = true, sanitizeOptions, whiteSpace, allowVideo = false, }) => {
-    let _sanitizeOptions = allowVideo
-        ? {
-            ADD_TAGS: ['iframe', 'video'],
-            ADD_ATTR: ['allow', 'allowfullscreen', 'frameborder', 'scrolling'],
-            ...sanitizeOptions,
-        }
-        : { ...sanitizeOptions };
-    let safeHtml = sanitize ? DOMPurify.sanitize(text, _sanitizeOptions) : text;
-    safeHtml = safeHtml.replace(/ /g, ' ');
-    return (_jsx("div", { css: (theme) => [
-            styles.default(theme),
-            secondary && styles.secondary(theme),
-            dark && styles.dark(theme),
-            size && styles.size(size),
-            styles.whiteSpace(whiteSpace ? whiteSpace : 'pre-wrap'),
-            removeMargins && styles.removeMargins,
-        ], className: className || '', dangerouslySetInnerHTML: {
-            __html: externalLinks
-                ? safeHtml.replace(/href/g, "target='_blank' href")
-                : safeHtml,
-        } }));
-};
-export default Html;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Html/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,QAAA,MAAM,MAAM;qBACO,SAAS;uBA8GP,SAAS;kBAId,SAAS;iBAIV,MAAM;wBACC,MAAM;;CAkB3B,CAAA;AAED,eAAe,MAAM,CAAA;AAErB,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/lib/core/Html/styles.js

@@ -1,138 +0,0 @@
-import { css } from '@emotion/react';
-const styles = {
-    default: (theme) => css `
-      padding: 0px !important;
-      font-size: 16px;
-      color: ${theme.defaultText};
-      max-width: 100%;
-
-      * {
-        max-width: 100%;
-      }
-
-      h1,
-      h2,
-      h3,
-      h4,
-      h5,
-      h6,
-      p,
-      ul,
-      ol {
-        margin: 0;
-      }
-
-      a {
-        color: ${theme.primary};
-        text-decoration: underline;
-        cursor: pointer;
-      }
-
-      li::marker {
-        margin-right: 0.5em;
-      }
-      ul {
-        list-style-type: disc !important;
-        list-style-position: outside;
-        padding-inline-start: 30px;
-      }
-
-      ul ul {
-        list-style-type: circle !important;
-      }
-
-      ul ul ul {
-        list-style-type: square !important;
-      }
-
-      ol {
-        list-style-type: decimal !important;
-        list-style-position: outside;
-        padding-inline-start: 30px;
-      }
-
-      ol ol {
-        list-style-type: lower-alpha !important;
-      }
-
-      ol ol ol {
-        list-style-type: lower-roman !important;
-      }
-
-      p {
-        min-height: 22px;
-      }
-
-      .ql-indent-1 {
-        padding-inline-start: 30px;
-      }
-      .ql-indent-2 {
-        padding-inline-start: 60px;
-      }
-      .ql-indent-3 {
-        padding-inline-start: 90px;
-      }
-      .ql-indent-4 {
-        padding-inline-start: 120px;
-      }
-      .ql-indent-5 {
-        padding-inline-start: 150px;
-      }
-      .ql-indent-6 {
-        padding-inline-start: 180px;
-      }
-      .ql-indent-7 {
-        padding-inline-start: 210px;
-      }
-      .ql-indent-8 {
-        padding-inline-start: 240px;
-      }
-      .ql-indent-9 {
-        padding-inline-start: 270px;
-      }
-      .ql-indent-10 {
-        padding-inline-start: 300px;
-      }
-      .video-container {
-        position: relative;
-        width: 100%;
-        padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
-        height: 0;
-        overflow: hidden;
-      }
-
-      .video-container iframe {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-      }
-    `,
-    secondary: (theme) => css({
-        color: theme.secondary,
-    }),
-    dark: (theme) => css({
-        color: theme.secondaryDarkText,
-    }),
-    size: (size) => css({ fontSize: size }),
-    whiteSpace: (value) => css `
-      white-space: ${value};
-    `,
-    removeMargins: css `
-    p {
-      margin: 0;
-    }
-
-    h1,
-    h2,
-    h3,
-    h4,
-    h5 {
-      margin-top: 0;
-      margin-bottom: 0;
-    }
-  `,
-};
-export default styles;
-export { styles };

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

@@ -1,10 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import Image from '.';
-declare const meta: Meta<typeof Image>;
-export default meta;
-type Story = StoryObj<typeof Image>;
-export declare const ImageWithSrc: Story;
-export declare const ImageWithRadius: Story;
-export declare const ImageWithFallback: Story;
-export declare const NoImage: Story;
-export declare const ImageWithBlob: Story;

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

@@ -1 +0,0 @@
-{"version":3,"file":"Image.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Image/Image.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,KAAK,MAAM,GAAG,CAAA;AAErB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAGpB,CAAA;AACT,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAEnC,eAAO,MAAM,YAAY,EAAE,KAS1B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAO7B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAQ/B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAA"}

package/lib/core/Image/Image.stories.js

@@ -1,45 +0,0 @@
-import Image from '.';
-const meta = {
-    title: 'Core/Image',
-    component: Image,
-};
-export default meta;
-export const ImageWithSrc = {
-    name: 'Image with src',
-    args: {
-        src: 'https://random.imagecdn.app/500/500',
-        alt: 'random image',
-        width: '500px',
-        height: '500px',
-        withPlaceholder: true,
-    },
-};
-export const ImageWithRadius = {
-    name: 'Image with radius',
-    args: {
-        src: 'https://random.imagecdn.app/250/250',
-        alt: 'with radius',
-        radius: '50%',
-    },
-};
-export const ImageWithFallback = {
-    name: 'Image with fallback',
-    args: {
-        src: 'invalidimageurl',
-        alt: 'with backup',
-        fallbackUrl: 'https://media3.giphy.com/media/v1.Y2lkPTc5MGI3NjExejVjdnhrYnd1N3F0bHVhcXg0d2NpYTJ2eW9hOGVobjV6Z3NjOGd2YSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/OXzFREtjuAX4wYHOdY/giphy.gif',
-    },
-};
-export const NoImage = {
-    name: 'No image',
-    args: {
-        alt: 'No image available',
-    },
-};
-export const ImageWithBlob = {
-    name: 'Image with blob',
-    args: {
-        blob: undefined,
-        alt: 'Some blob',
-    },
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Image/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,KAA4B,MAAM,OAAO,CAAA;AAIhD,UAAU,MAAO,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;IAChE,GAAG,EAAE,MAAM,CAAA;IACX,iEAAiE;IACjE,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,+EAA+E;IAC/E,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,sGAAsG;IACtG,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kCAAkC;IAClC,SAAS,CAAC,EACN,MAAM,GACN,SAAS,GACT,OAAO,GACP,KAAK,GACL,YAAY,GACZ,SAAS,GACT,SAAS,CAAA;IACb,mBAAmB;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,GAAG,CAAC,EAAE,gBAAgB,CAAA;CACvB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAsD3B,CAAA;AAED,eAAe,KAAK,CAAA"}

package/lib/core/Image/index.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { useMemo, useState } from 'react';
-import { convertBlobToObjectUrl } from '../../utils/image';
-import styles from './styles';
-const Image = ({ src, alt, blob, height, width, css, responsive, objectFit, radius, withPlaceholder, fallbackUrl, interactive, ...restProps }) => {
-    const [imageLoaded, setImageLoaded] = useState(false);
-    const [imageSrc, setImageSrc] = useState(src || (blob && convertBlobToObjectUrl(blob)) || undefined);
-    const altText = useMemo(() => {
-        if (!imageLoaded && withPlaceholder)
-            return 'Laster bilde...';
-        if (!imageSrc)
-            return 'Bilde ikke tilgjengelig';
-        return alt;
-    }, [imageLoaded, imageSrc, alt]);
-    const handleLoad = () => {
-        setImageLoaded(true);
-    };
-    const handleError = () => {
-        setImageSrc(fallbackUrl);
-        setImageLoaded(false);
-    };
-    return (_jsx("img", { src: imageSrc, alt: altText, onLoad: withPlaceholder ? () => handleLoad() : undefined, onError: fallbackUrl ? () => handleError() : undefined, css: (theme) => [
-            height && styles.height(height),
-            width && styles.width(width),
-            responsive && styles.responsive,
-            objectFit && styles.objectFit(objectFit),
-            withPlaceholder && !imageLoaded && styles.placeholder(theme),
-            radius && styles.radius(radius),
-            css && css,
-        ], tabIndex: interactive ? 0 : undefined, role: interactive ? 'button' : undefined, ...restProps }));
-};
-export default Image;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Image/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAE3C,QAAA,MAAM,MAAM;qBACO,MAAM;mBAGR,MAAM;uBAGF,MAAM;;yBAOJ,KAAK;qBAGT,MAAM;CAGxB,CAAA;AAED,eAAe,MAAM,CAAA;AACrB,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/lib/core/Image/styles.js

@@ -1,24 +0,0 @@
-import { css } from '@emotion/react';
-const styles = {
-    height: (height) => css `
-    height: ${height};
-  `,
-    width: (width) => css `
-    width: ${width};
-  `,
-    objectFit: (value) => css `
-    object-fit: ${value};
-  `,
-    responsive: css `
-    max-width: 100%;
-    height: auto;
-  `,
-    placeholder: (theme) => css `
-    background-color: ${theme.gray10};
-  `,
-    radius: (radius) => css `
-    border-radius: ${radius};
-  `,
-};
-export default styles;
-export { styles };

package/lib/core/ImagePicker/IconWithBackground.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconWithBackground.d.ts","sourceRoot":"","sources":["../../../src/packages/core/ImagePicker/IconWithBackground.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EAAgB,YAAY,EAAE,MAAM,OAAO,CAAA;AAGlD,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,YAAY,CAAC,GAAG,CAAC,CAAA;IACvB,OAAO,EAAE,QAAQ,GAAG,aAAa,GAAG,cAAc,GAAG,aAAa,CAAA;CACnE,CAAA;AAED,QAAA,MAAM,kBAAkB,GAAI,mBAAmB,KAAK,qDAcnD,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/lib/core/ImagePicker/IconWithBackground.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import { cloneElement } from 'react';
-import { withBackGroundStyles as styles } from './styles';
-const IconWithBackground = ({ icon, variant }) => (_jsx("span", { css: [
-        styles.default,
-        variant === 'delete' && styles.delete,
-        variant === 'isMainImage' && styles.isMainImage,
-        variant === 'setMainImage' && styles.setMainImage,
-        variant === 'imageUpload' && styles.imageUpload,
-    ], children: cloneElement(icon, {
-        size: 25,
-    }) }));
-export default IconWithBackground;

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

@@ -1,6 +0,0 @@
-import ImagePicker from '.';
-import { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta<typeof ImagePicker>;
-export default meta;
-type Story = StoryObj<typeof ImagePicker>;
-export declare const Default: Story;

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

@@ -1 +0,0 @@
-{"version":3,"file":"ImagePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/ImagePicker/ImagePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,WAAW,MAAM,GAAG,CAAA;AAE3B,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAMjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAGlC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA;AAEzC,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAA"}

package/lib/core/ImagePicker/ImagePicker.stories.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createState, Observe } from 'mdx-state';
-import ImagePicker from '.';
-const state = createState({
-    images: [],
-});
-const meta = {
-    title: 'Core/ImagePicker',
-    component: ImagePicker,
-};
-export default meta;
-export const Default = {
-    render: () => (_jsx("div", { style: { maxWidth: '600px' }, children: _jsx(Observe, { state: state, children: ({ images }) => (_jsx(ImagePicker, { onChange: (e) => (state.images = e), value: images, multiple: true })) }) })),
-    name: 'Default',
-};

package/lib/core/ImagePicker/UploadButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UploadButton.d.ts","sourceRoot":"","sources":["../../../src/packages/core/ImagePicker/UploadButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAIjD,KAAK,KAAK,GAAG;IACX,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,QAAA,MAAM,YAAY,GAAI,qDAMnB,KAAK,qDAuBP,CAAA;AAED,eAAe,YAAY,CAAA"}

package/lib/core/ImagePicker/UploadButton.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import IconWithBackground from './IconWithBackground';
-import Text from '../Text';
-import IconCamera from '../../icons/General/IconCamera';
-import { uploadButtonStyles as styles } from './styles';
-const UploadButton = ({ css, addMore, onClick, isDragging, ...dragProps }) => (_jsx("button", { type: "button", css: [
-        styles.default,
-        addMore ? styles.addMore : styles.addImage,
-        css && css,
-    ], onClick: onClick, ...dragProps, children: _jsxs("div", { children: [_jsx(IconWithBackground, { icon: _jsx(IconCamera, { color: "none" }), variant: "imageUpload" }), isDragging ? (_jsx(Text, { semibold: true, children: "Slipp her for \u00E5 laste opp" })) : (_jsxs(Text, { semibold: true, children: ["Legg til ", addMore ? 'flere bilder' : 'bilde'] }))] }) }));
-export default UploadButton;