@bbl-digital/snorre 4.2.82 → 4.2.83

package/lib/core/Link/styles.js

@@ -1,65 +0,0 @@
-import styled from '@emotion/styled';
-import { css } from '@emotion/react';
-export const IconLinkWrapper = styled.span `
-  display: flex;
-  align-items: center;
-`;
-export const NoStyle = css `
-  color: inherit;
-  font-size: inherit;
-  font-weight: inherit;
-  text-decoration: none;
-  line-height: inherit;
-  background-color: transparent;
-  border: none;
-`;
-export const LinkStyle = () => css `
-  background: none;
-  border: none;
-  outline: none;
-  color: #1657e2;
-  font-size: 16px;
-  font-weight: 600;
-  letter-spacing: 0;
-  line-height: 20px;
-  text-decoration: underline;
-  cursor: pointer;
-
-  &:hover,
-  &:focus,
-  &:active {
-    text-decoration: none;
-  }
-
-  &:focus-visible {
-    outline: 1px dotted #212121;
-    outline: 5px auto -webkit-focus-ring-color;
-  }
-`;
-export const dangerStyles = (theme) => css `
-  color: ${theme.btnDanger};
-`;
-export const noPadding = css `
-  padding: 0;
-`;
-export const setAlign = (align) => css `
-  text-align: ${align};
-`;
-export const smallText = css `
-  font-size: 14px;
-`;
-export const underlineNone = css `
-  text-decoration: none;
-
-  &:hover,
-  &:focus {
-    text-decoration: underline;
-  }
-`;
-export const setWordBreak = (value) => css `
-  word-break: ${value};
-`;
-export const setDisabled = (theme) => css `
-  color: ${theme.btnDisabled};
-  text-decoration: none;
-`;

package/lib/core/List/Item.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../src/packages/core/List/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,MAAO,SAAQ,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAG7B,CAAA;AAEF,eAAe,QAAQ,CAAA"}

package/lib/core/List/Item.js

@@ -1,6 +0,0 @@
-import styled from '@emotion/styled';
-const ListItem = styled.li({
-    padding: 0,
-    listStyle: 'none',
-});
-export default ListItem;

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

@@ -1,14 +0,0 @@
-import List from '.';
-import { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta<typeof List>;
-export default meta;
-type Story = StoryObj<typeof List>;
-export declare const Default: Story;
-export declare const ListWithLinks: Story;
-export declare const AlternativeListWithLinks: Story;
-export declare const Pointlist: Story;
-export declare const Numberedlist: Story;
-export declare const NumberedlistHighlighted: Story;
-export declare const Darktheme: Story;
-export declare const NostyleList: Story;
-export declare const WithPadding: Story;

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

@@ -1 +0,0 @@
-{"version":3,"file":"List.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/List/List.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,GAAG,CAAA;AAIpB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,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,OAAO,EAAE,KAYrB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KA0B3B,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,KA2BtC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAY1B,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAarC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAazB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAmBzB,CAAA"}

package/lib/core/List/List.stories.js

@@ -1,73 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import List from '.';
-import ListItem from './Item';
-import Link from '../Link';
-import IconArrowRight from '../../icons/General/IconArrowRight';
-const meta = {
-    title: 'Core/List',
-    component: List,
-};
-export default meta;
-export const Default = {
-    args: {
-        children: (_jsxs(List, { children: [_jsx(ListItem, { children: "Item 1" }), _jsx(ListItem, { children: "Item 2" }), _jsx(ListItem, { children: "Item 3" })] })),
-    },
-    name: 'Default',
-};
-export const ListWithLinks = {
-    args: {
-        links: true,
-        children: (_jsxs(_Fragment, { children: [_jsx(ListItem, { children: _jsxs(Link, { children: ["Item 1", _jsx(IconArrowRight, { color: "#1657e2" })] }) }), _jsx(ListItem, { children: _jsxs(Link, { children: ["Lorem ipsum", _jsx(IconArrowRight, { color: "#1657e2" })] }) }), _jsx(ListItem, { children: _jsxs(Link, { children: ["Lorem ipsum doro", _jsx(IconArrowRight, { color: "#1657e2" })] }) })] })),
-    },
-    name: 'List with links',
-};
-export const AlternativeListWithLinks = {
-    args: {
-        linksAlternate: true,
-        children: (_jsxs(_Fragment, { children: [_jsx(ListItem, { children: _jsxs(Link, { children: ["Item 1", _jsx(IconArrowRight, { color: "#1657e2" })] }) }), _jsx(ListItem, { children: _jsxs(Link, { children: ["Lorem ipsum", _jsx(IconArrowRight, { color: "#1657e2" })] }) }), _jsx(ListItem, { children: _jsxs(Link, { children: ["Lorem ipsum doro", _jsx(IconArrowRight, { color: "#1657e2" })] }) })] })),
-    },
-    name: 'Alternative list with links',
-};
-export const Pointlist = {
-    args: {
-        points: true,
-        children: (_jsxs(_Fragment, { children: [_jsx(ListItem, { children: "Item 1" }), _jsx(ListItem, { children: "Item 2" }), _jsx(ListItem, { children: "Item 3" })] })),
-    },
-    name: 'Pointlist',
-};
-export const Numberedlist = {
-    args: {
-        numbers: true,
-        children: (_jsxs(_Fragment, { children: [_jsx(ListItem, { children: "Item 1" }), _jsx(ListItem, { children: "Item 2" }), _jsx(ListItem, { children: "Item 3" })] })),
-    },
-    name: 'Numberedlist',
-};
-export const NumberedlistHighlighted = {
-    args: {
-        numbersHighlighted: true,
-        children: (_jsxs(_Fragment, { children: [_jsx(ListItem, { children: "Item 1" }), _jsx(ListItem, { children: "Item 2" }), _jsx(ListItem, { children: "Item 3" })] })),
-    },
-    name: 'Numberedlist - Highlighted',
-};
-export const Darktheme = {
-    args: {
-        darkTheme: true,
-        children: (_jsxs(_Fragment, { children: [_jsx(ListItem, { children: "Item 1" }), _jsx(ListItem, { children: "Item 2" }), _jsx(ListItem, { children: "Item 3" })] })),
-    },
-    name: 'Darktheme',
-};
-export const NostyleList = {
-    args: {
-        nostyle: true,
-        children: (_jsxs(_Fragment, { children: [_jsx(ListItem, { children: "Item 1" }), _jsx(ListItem, { children: "Item 2" }), _jsx(ListItem, { children: "Item 3" })] })),
-    },
-    name: 'Nostyle list',
-};
-export const WithPadding = {
-    args: {
-        padding: '0.5em',
-        rowHeight: '100%',
-        children: (_jsxs(_Fragment, { children: [_jsxs(ListItem, { children: ["Item 1", _jsx("br", {}), "new line", _jsx("br", {}), "another new line"] }), _jsx(ListItem, { children: "Item 2" }), _jsx(ListItem, { children: "Item 3" })] })),
-    },
-    name: 'With padding',
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/List/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,QAAQ,CAAA;AAGzB,OAAO,EAAE,IAAI,EAAE,CAAA;AAEf,KAAK,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,gBAAgB,GAAG,gBAAgB,CAAC,CAAA;AAEzE,UAAU,MAAO,SAAQ,QAAQ;IAC/B,mBAAmB;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2CAA2C;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,uBAAuB;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,6CAA6C;IAC7C,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAC/C;AAED,QAAA,MAAM,IAAI,4EAyCT,CAAA;AAED,eAAe,IAAI,CAAA"}

package/lib/core/List/index.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import React from 'react';
-import Item from './Item';
-import styles from './styles';
-export { Item };
-const List = React.forwardRef(({ darkTheme, padding, linksAlternate, ...props }, ref) => {
-    const Tag = props.ordered || props.numbers || props.numbersHighlighted ? 'ol' : 'ul';
-    const role = props?.role
-        ? props.role
-        : props.selectList
-            ? 'listbox'
-            : 'list';
-    return (_jsx(Tag, { role: role, css: (theme) => [
-            styles.default(theme),
-            props.ordered && styles.ordered,
-            props.links && styles.links(theme),
-            props.points && styles.points(theme),
-            props.numbers && styles.numbers,
-            props.numbersHighlighted && styles.numbersHighlighted(theme),
-            props.selectList && styles.selectList(theme),
-            props.nostyle && styles.nostyle,
-            props.rowHeight && styles.rowHeight(props.rowHeight),
-            props.minRowHeight && styles.minRowHeight(props.minRowHeight),
-            darkTheme && styles.darkTheme(theme),
-            padding && styles.setPadding(padding),
-            linksAlternate && styles.linksAlternate(theme),
-        ], ref: ref, children: React.Children.map(props.children, (child) => {
-            if (!child) {
-                return null;
-            }
-            return child;
-        }) }));
-});
-export default List;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/List/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,QAAA,MAAM,MAAM;qBACO,SAAS;oBAiBV,SAAS;mBAoBV,SAAS;4BAuCA,SAAS;;;;;;;;;;;;;;;;;;;gCA4DL,SAAS;wBA2BjB,SAAS;;wBA6BT,MAAM;2BAKH,MAAM;uBAMV,SAAS;0BAgBN,MAAM;CAc7B,CAAA;AACD,eAAe,MAAM,CAAA;AAErB,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/lib/core/List/styles.js

@@ -1,230 +0,0 @@
-import { css } from '@emotion/react';
-const styles = {
-    default: (theme) => css({
-        padding: 0,
-        margin: 0,
-        listStyle: 'none',
-        '& > li': {
-            display: 'flex',
-            alignItems: 'center',
-            height: '36px',
-            fontSize: '16px',
-            borderTop: '1px solid ' + theme.border,
-            '&:nth-of-type(1)': {
-                borderTop: 'none',
-            },
-        },
-    }),
-    points: (theme) => css({
-        '& > li': {
-            display: 'flex',
-            alignItems: 'center',
-            height: '30px',
-            borderTop: 'none',
-            paddingLeft: '30px',
-        },
-        '& > li::before': {
-            content: '""',
-            height: '8px',
-            width: '8px',
-            borderRadius: '50%',
-            backgroundColor: theme.primary,
-            marginLeft: '-20px',
-            marginRight: '10px;',
-        },
-    }),
-    links: (theme) => css `
-    & > li {
-      height: unset;
-      border-top: none;
-
-      & > a,
-      & > button {
-        position: relative;
-        display: flex;
-        justify-content: flex-start;
-        width: 100%;
-        padding: 0;
-        text-decoration: none;
-
-        &:focus-visible {
-          text-decoration: underline;
-        }
-
-        &:hover,
-        &:focus {
-          & svg {
-            right: -5px;
-          }
-        }
-
-        & > span {
-          padding: 0.5em 0;
-          font-size: 15px;
-          line-height: 19px;
-          border-bottom: 1px solid #1657e2;
-          & svg {
-            position: absolute;
-            right: 0;
-            top: 6px;
-          }
-        }
-      }
-    }
-  `,
-    linksAlternate: (theme) => css `
-    & > li {
-      height: 50px;
-
-      & > a,
-      & > button {
-        position: relative;
-        display: flex;
-        justify-content: flex-start;
-        align-items: center;
-        width: 100%;
-        padding: 0;
-        text-decoration: none;
-
-        &:hover,
-        &:focus {
-          & svg {
-            right: -5px;
-          }
-        }
-
-        &:focus-visible {
-          text-decoration: underline;
-        }
-
-        & > span {
-          padding: 0.5em 20px 0.5em 0;
-          font-size: 16px;
-          font-weight: 600;
-          text-align: left;
-
-          & svg {
-            position: absolute;
-            right: 0;
-            top: 6px;
-          }
-        }
-      }
-    }
-  `,
-    ordered: {},
-    numbers: {
-        listStyle: 'none',
-        counterReset: 'conts',
-        '& > li': {
-            height: '30px',
-            borderTop: 'none',
-            paddingLeft: '30px',
-            counterIncrement: 'conts',
-        },
-        '& > li::before': {
-            content: 'counter(conts)"."',
-            fontSize: '16px',
-            fontWeight: 'normal',
-            marginLeft: '-20px',
-            marginRight: '10px;',
-        },
-    },
-    numbersHighlighted: (theme) => css({
-        listStyle: 'none',
-        counterReset: 'conts',
-        '& > li': {
-            height: '40px',
-            borderTop: 'none',
-            paddingLeft: '30px',
-            counterIncrement: 'conts',
-            fontWeight: 600,
-        },
-        '& > li::before': {
-            content: 'counter(conts)',
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-            backgroundColor: theme.primary,
-            borderRadius: '50%',
-            height: '24px',
-            width: '24px',
-            color: 'white',
-            fontSize: '16px',
-            fontWeight: 600,
-            marginLeft: '-20px',
-            marginRight: '10px',
-        },
-    }),
-    selectList: (theme) => css({
-        cursor: 'pointer',
-        borderTop: '1px solid ' + theme.border,
-        listStyle: 'none',
-        '& > li': {
-            paddingLeft: '5px',
-            display: 'flex',
-            alignItems: 'center',
-            height: '36px',
-            fontSize: '16px',
-            background: 'white',
-            '&:nth-of-type(1)': {
-                borderTop: 'none',
-            },
-            '&:hover': {
-                backgroundColor: theme.bgLight,
-                borderColor: theme.bgLight,
-                color: theme.btnHoverTextColor + '!important',
-            },
-        },
-    }),
-    nostyle: css `
-    & > li {
-      height: 30px;
-      border-top: none;
-      border-bottom: 0;
-    }
-  `,
-    rowHeight: (height) => css `
-    & > li {
-      height: ${height};
-    }
-  `,
-    minRowHeight: (height) => css `
-    & > li {
-      min-height: ${height};
-      height: unset;
-    }
-  `,
-    darkTheme: (theme) => css `
-    border-top: none;
-    li,
-    li:hover,
-    li:active {
-      background-color: ${theme.submenuItemColor};
-      border-color: ${theme.btnBackBorder};
-
-      & > button {
-        color: ${theme.submenuTextColorActive};
-        &:focus {
-          color: ${theme.submenuTextColorActive};
-        }
-      }
-    }
-  `,
-    setPadding: (padding) => css `
-    & > li {
-      padding: ${padding} 0;
-    }
-    & > li:first-of-type {
-      padding: 0 0 ${padding} 0;
-    }
-    & > li:last-of-type {
-      padding: ${padding} 0 0 0;
-    }
-    & > li:only-of-type {
-      padding: 0;
-    }
-  `,
-};
-export default styles;
-export { styles };

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ListPager.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/ListPager/ListPager.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,SAAS,MAAM,GAAG,CAAA;AAEzB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAGhC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AAEvC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA"}

package/lib/core/ListPager/ListPager.stories.js

@@ -1,16 +0,0 @@
-import ListPager from '.';
-const meta = {
-    title: 'Core/ListPager',
-    component: ListPager,
-};
-export default meta;
-export const Default = {
-    args: {
-        totalPageCount: 6,
-        currentPage: 1,
-        onFirstClick: () => console.log('First clicked'),
-        onLastClick: (e) => console.log('Last clicked, page:', e),
-        onPageClick: (e) => console.log('Page ' + e + ' clicked'),
-    },
-    name: 'Default',
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/ListPager/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,UAAU,MAAM;IACd,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wBAAwB;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,uBAAuB;IACvB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,8BAA8B;IAC9B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACrC;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAmD/B,CAAA;AAED,eAAe,SAAS,CAAA"}

package/lib/core/ListPager/index.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTheme } from '@emotion/react';
-import { DotWrapper, PageStyle, Wrapper } from './styles';
-import { getHasPreviousPages, getHasMorePages, getFirstButtonIndex, } from '../../utils/pagination';
-import Button from '../Button';
-const ListPager = ({ totalPageCount, currentPage, onFirstClick, onLastClick, onPageClick, }) => {
-    const theme = useTheme();
-    if (!(totalPageCount && totalPageCount > 0 && currentPage)) {
-        return null;
-    }
-    const totalButtons = totalPageCount > 5 ? 5 : totalPageCount;
-    const hasPreviousPages = getHasPreviousPages(currentPage, totalPageCount);
-    const hasMorePages = getHasMorePages(currentPage, totalPageCount);
-    const firstButtonIndex = getFirstButtonIndex(currentPage, totalPageCount);
-    const Dots = _jsx(DotWrapper, { "aria-hidden": "true", children: "..." });
-    let pages = [];
-    for (let i = firstButtonIndex; i < firstButtonIndex + totalButtons; i++) {
-        pages.push(_jsx(Button, { nostyle: true, onClick: () => onPageClick && onPageClick(i + 1), css: PageStyle(currentPage === i + 1, theme.primary), children: i + 1 }, i));
-    }
-    return (_jsxs(Wrapper, { "aria-label": "Navigation", children: [_jsx(Button, { nostyle: true, onClick: onFirstClick, "aria-label": "G\u00E5 til f\u00F8rste side", children: "F\u00F8rste" }), hasPreviousPages && Dots, pages, hasMorePages && Dots, _jsx(Button, { "aria-label": "G\u00E5 til siste side", nostyle: true, onClick: () => onLastClick && totalPageCount && onLastClick(totalPageCount), children: "Siste" })] }));
-};
-export default ListPager;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/ListPager/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,GAAI,QAAQ,OAAO,EAAE,SAAS,MAAM,8CAOzD,CAAA;AACD,eAAO,MAAM,OAAO;;SAWmE,MAAO,WAAW;mGANxG,CAAA;AAED,eAAO,MAAM,UAAU;;SAIgE,MAAO,WAAW;2GADxG,CAAA"}

package/lib/core/ListPager/styles.js

@@ -1,20 +0,0 @@
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-export const PageStyle = (active, primary) => css `
-  color: ${active ? primary : 'initial'};
-  &:active,
-  &:hover,
-  &:focus {
-    color: ${active ? primary : 'initial'};
-  }
-`;
-export const Wrapper = styled.nav `
-  display: grid;
-  grid-column-gap: 1em;
-  grid-auto-flow: column;
-  width: min-content;
-`;
-export const DotWrapper = styled.span `
-  display: flex;
-  align-items: center;
-`;

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"MediaCarousel.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/MediaCarousel/MediaCarousel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,GAAG,CAAA;AAC7B,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,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,iBAAiB,EAAE,KAc/B,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,KAmBzC,CAAA"}

package/lib/core/MediaCarousel/MediaCarousel.stories.js

@@ -1,41 +0,0 @@
-import MediaCarousel from '.';
-const meta = {
-    title: 'Core/MediaCarousel',
-    component: MediaCarousel,
-};
-export default meta;
-export const DefaultWithImages = {
-    name: 'Carousel with images',
-    args: {
-        media: [
-            {
-                src: 'https://via.placeholder.com/150',
-                mimeType: 'image/png',
-            },
-            {
-                src: 'https://via.placeholder.com/150',
-                mimeType: 'image/png',
-            },
-        ],
-    },
-};
-export const CarouselWithVideosAndImages = {
-    name: 'Carousel with videos and images',
-    args: {
-        media: [
-            {
-                src: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQOi0mWLRO2c4favdUBtcHm8KiB9pAtWnkihu4-e8nY0g&s',
-                mimeType: 'image/jpeg',
-            },
-            {
-                src: 'https://via.placeholder.com/150',
-                mimeType: 'image/jpeg',
-            },
-            {
-                src: 'http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4',
-                mimeType: 'video/mp4',
-            },
-        ],
-        radius: '16px',
-    },
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/MediaCarousel/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,KAAK,aAAa,GAAG;IACnB,mBAAmB;IACnB,GAAG,EAAE,MAAM,CAAA;IACX,iGAAiG;IACjG,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,KAAK,KAAK,GAAG;IACX,gBAAgB;IAChB,KAAK,EAAE,aAAa,EAAE,CAAA;IACtB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kCAAkC;IAClC,SAAS,CAAC,EACN,MAAM,GACN,SAAS,GACT,OAAO,GACP,KAAK,GACL,YAAY,GACZ,SAAS,GACT,SAAS,CAAA;IACb,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,QAAA,MAAM,aAAa,GAAI,wFAUpB,KAAK,sBA2EP,CAAA;AACD,YAAY,EAAE,aAAa,EAAE,CAAA;AAC7B,eAAe,aAAa,CAAA"}

package/lib/core/MediaCarousel/index.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTheme } from '@emotion/react';
-import { ImageWrapper, CarouselWrapper, ControlButton, BottomCarouselWrapper, } from './styles';
-import Video from '../Video';
-import Image from '../Image';
-import Carousel from 'nuka-carousel';
-import Text from '../Text';
-import IconChevronLeft from '../../icons/General/IconChevronLeft';
-const MediaCarousel = ({ media, autoPlay = false, objectFit = 'contain', height = '100%', scale = 1.015, className, radius, withShadow, altText = 'Karusellbilde', }) => {
-    const theme = useTheme();
-    const hasMultipleImages = Boolean(media?.length > 1);
-    const Media = ({ mediaItem }) => {
-        const isVideo = Boolean(mediaItem.mimeType?.includes('video'));
-        return (_jsx(ImageWrapper, { height: height, scale: scale, children: isVideo ? (_jsx(Video, { src: mediaItem.src, autoPlay: autoPlay, intersectionObserver: true })) : (_jsx(Image, { src: mediaItem.src, alt: altText, objectFit: objectFit })) }));
-    };
-    return (_jsx(CarouselWrapper, { height: height, theme: theme, className: className, radius: radius, withShadow: withShadow, "aria-label": "Mediakarusell", children: _jsx(Carousel, { enableKeyboardControls: true, swiping: hasMultipleImages, dragging: hasMultipleImages, wrapAround: true, cellSpacing: 15, renderCenterRightControls: ({ nextSlide }) => hasMultipleImages && (_jsx(ControlButton, { onClick: nextSlide, direction: "right", "aria-label": "Neste bilde", children: _jsx(IconChevronLeft, { size: 18, color: theme.btnDefaultFontColor, flip: true }) })), renderCenterLeftControls: ({ previousSlide }) => hasMultipleImages && (_jsx(ControlButton, { onClick: previousSlide, direction: "left", "aria-label": "Forrige bilde", children: _jsx(IconChevronLeft, { size: 18, color: theme.btnDefaultFontColor }) })), renderBottomCenterControls: ({ currentSlide }) => (_jsx(BottomCarouselWrapper, { children: _jsxs(Text, { color: theme.btnDefaultFontColor, size: "14px", children: [currentSlide + 1, " / ", media.length] }) })), children: media.map((mediaItem, index) => (_jsx(Media, { mediaItem: mediaItem }, index))) }) }));
-};
-export default MediaCarousel;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/MediaCarousel/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAK3C,eAAO,MAAM,eAAe;;SAuBlB,MAAO,WAEZ;;YAlBO,MAAM;WACP,KAAK;aACH,MAAM;iBACF,OAAO;yGAmBvB,CAAA;AAED,eAAO,MAAM,aAAa;;SARhB,MAAO,WAEZ;;eAO0B,MAAM,GAAG,OAAO;qHAc9C,CAAA;AAED,eAAO,MAAM,qBAAqB;;SAzBxB,MAAO,WAEZ;yGA6BJ,CAAA;AAED,eAAO,MAAM,YAAY;;SAjCf,MAAO,WAEZ;;YAgC2B,MAAM;WAAS,MAAM;yGAgBpD,CAAA"}

package/lib/core/MediaCarousel/styles.js

@@ -1,58 +0,0 @@
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-const background = 'rgba(0, 0, 0, 0.5)';
-export const CarouselWrapper = styled.div(({ height, theme, radius, withShadow, }) => css `
-    ${withShadow &&
-    css `
-      box-shadow: ${theme.shadowSmall};
-    `}
-
-    width: 100%;
-    height: 100%;
-    max-height: ${height};
-    display: flex;
-    align-items: baseline;
-    border-radius: ${radius ? radius : '4px'};
-    overflow: hidden;
-
-    .slider-container {
-      max-width: 100%;
-    }
-  `);
-export const ControlButton = styled.button(({ direction }) => css `
-    background-color: ${background};
-    border: none;
-    border-radius: 50%;
-    padding: 0.75em;
-    cursor: pointer;
-    ${direction === 'left'
-    ? css `
-          margin-left: 3px;
-        `
-    : css `
-          margin-right: 3px;
-        `}
-  `);
-export const BottomCarouselWrapper = styled.div `
-  display: flex;
-  justify-content: center;
-  padding: 0.25em 1em;
-  border-radius: 5px;
-  background-color: ${background};
-`;
-export const ImageWrapper = styled.div(({ height, scale }) => css `
-    display: flex;
-    height: 100%;
-
-    & img {
-      width: 100%;
-      max-height: ${height};
-      scale: ${scale};
-    }
-
-    & video {
-      width: 100%;
-      max-height: ${height};
-      scale: ${scale};
-    }
-  `);