@bbl-digital/snorre 4.2.82 → 4.2.83

package/lib/core/Autocomplete/styles.js

@@ -1,218 +0,0 @@
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-import bp from '../../globals/styles/breakpoints';
-import Button from '../Button';
-const styles = {
-    default: (theme) => css `
-      display: grid;
-      grid-template-rows: min-content;
-      position: relative;
-
-      &:focus-within span {
-        color: ${theme.primary};
-      }
-
-      &: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;
-      }
-
-      & div {
-        & > span {
-          line-height: 22px;
-          font-size: 1em;
-
-          margin-bottom: 4px;
-        }
-        input {
-          height: 36px;
-          width: calc(100% - 20px - 2px);
-          font-size: 16px;
-          line-height: 20px;
-          outline: none;
-          border: none;
-        }
-      }
-    `,
-    label: css `
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-
-    @media (max-width: ${bp.medium}) {
-      align-items: flex-start;
-      flex-direction: column;
-    }
-  `,
-    clickableLabel: css `
-    & > button:first-of-type {
-      width: min-content;
-    }
-  `,
-    inputWrapper: (theme) => css `
-    border-radius: 5px;
-    border-style: solid;
-    padding: 0 10px;
-    border: 2px solid ${theme.border};
-    position: relative;
-
-    &:focus,
-    &:focus-within {
-      border-color: ${theme.primary};
-    }
-  `,
-    inputBox: css `
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    gap: 10px;
-
-    & div:nth-of-type(1) {
-      margin-right: 10px;
-    }
-  `,
-    inputValues: css `
-    display: flex;
-    flex-flow: row wrap;
-    gap: 5px;
-    margin: 0;
-  `,
-    validation: css `
-    position: relative;
-
-    input {
-      width: calc(100% - 35px - 2px);
-      padding-right: 25px;
-    }
-
-    span:nth-of-type(2) {
-    }
-  `,
-    list: (theme) => css `
-    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
-    list-style: none;
-    cursor: pointer;
-    margin: 0;
-    padding: 0;
-
-    max-height: 10em;
-
-    overflow-x: hidden;
-    overflow-y: scroll;
-
-    & li {
-      padding: 5px 10px;
-      background: #fff;
-
-      &:not(:last-child) {
-        border-bottom: 1px solid ${theme.border};
-      }
-
-      &:hover,
-      &:focus {
-        background-color: ${theme.bgLight};
-      }
-    }
-  `,
-    highlightedItem: (theme) => css `
-    background-color: ${theme.bgLight} !important;
-  `,
-    listWrapper: (width) => css `
-    // To counter input
-    margin-top: 5px;
-    position: absolute;
-    // 22+ is from input styling
-    width: ${width}px;
-  `,
-    listWrapperMaxWidth: (width) => css `
-    max-width: ${width}px;
-  `,
-    listWrapperTopPosition: (top) => css `
-    margin-top: -${top + 10}px;
-  `,
-    invalid: (theme) => css `
-    & > div:first-of-type {
-      border-color: ${theme.alert};
-      border-style: solid;
-
-      &:active,
-      &:focus,
-      &:hover {
-        border-color: ${theme.alert};
-      }
-    }
-  `,
-    invalidMessage: (theme) => css `
-    position: relative;
-
-    svg {
-      top: 3px;
-      right: 10px;
-      bottom: 7px;
-      left: 3px;
-
-      position: absolute;
-
-      path {
-        fill: ${theme.alert};
-      }
-    }
-
-    font-size: 14px;
-    margin-bottom: 0;
-
-    span {
-      line-height: 30px;
-      padding-left: 25px;
-    }
-
-    &:focus-within span {
-      color: ${theme.alert};
-    }
-  `,
-    height: (height) => css `
-    & > input {
-      height: ${height};
-    }
-  `,
-    disabled: (theme) => css({
-        cursor: 'not-allowed',
-        backgroundColor: theme.disabled,
-        borderColor: theme.disabled,
-    }),
-};
-export const ErrorMessage = (theme) => css `
-  font-size: 14px;
-  padding-left: 10px;
-  margin-bottom: 0;
-  font-weight: 600;
-  color: ${theme.alert} !important;
-`;
-export const Clear = styled(Button) `
-  & > span {
-    display: flex;
-    align-self: center;
-    justify-content: flex-end;
-    place-items: center;
-
-    svg {
-      fill: ${({ theme }) => theme.primary50opa} !important;
-
-      &:hover {
-        fill: ${({ theme }) => theme.primary} !important;
-    }
-  }
-`;
-export default styles;
-export { styles };

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

@@ -1,11 +0,0 @@
-import Banner from '.';
-import { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta<typeof Banner>;
-export default meta;
-type Story = StoryObj<typeof Banner>;
-export declare const Default: Story;
-export declare const Success: Story;
-export declare const Info: Story;
-export declare const Danger: Story;
-export declare const WithoutChildren: Story;
-export declare const WithAriaLabel: Story;

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

@@ -1 +0,0 @@
-{"version":3,"file":"Banner.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Banner/Banner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,GAAG,CAAA;AAGtB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAGrB,CAAA;AAET,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAclB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAepB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAA;AACD,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAA"}

package/lib/core/Banner/Banner.stories.js

@@ -1,56 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Banner from '.';
-import Header from '../Header';
-import Button from '../Button';
-const meta = {
-    title: 'Core/Banner',
-    component: Banner,
-};
-export default meta;
-export const Default = {
-    args: {
-        header: _jsx(Header, { level: 4, children: "Title" }),
-        actionButton: (_jsx(Button, { onClick: () => console.log('Hello'), children: "Hello I am button" })),
-        children: (_jsx("p", { children: "Eu irure eiusmod amet tempor nisi veniam cupidatat duis nulla dolor. Eiusmod amet sit nostrud adipisicing qui pariatur do et duis fugiat magna laboris elit irure. Officia fugiat incididunt ipsum commodo quis aute qui reprehenderit reprehenderit fugiat. Voluptate quis tempor ea consequat." })),
-    },
-    name: 'Default',
-};
-export const Success = {
-    args: {
-        success: true,
-        header: _jsx(Header, { level: 4, children: "Title" }),
-        children: (_jsx("p", { children: "Eu irure eiusmod amet tempor nisi veniam cupidatat duis nulla dolor. Eiusmod amet sit nostrud adipisicing qui pariatur do et duis fugiat magna laboris elit irure. Officia fugiat incididunt ipsum commodo quis aute qui reprehenderit reprehenderit fugiat. Voluptate quis tempor ea consequat." })),
-    },
-    name: 'Success',
-};
-export const Info = {
-    args: {
-        info: true,
-        header: _jsx(Header, { level: 4, children: "Title" }),
-        children: (_jsx("p", { children: "Eu irure eiusmod amet tempor nisi veniam cupidatat duis nulla dolor. Eiusmod amet sit nostrud adipisicing qui pariatur do et duis fugiat magna laboris elit irure. Officia fugiat incididunt ipsum commodo quis aute qui reprehenderit reprehenderit fugiat. Voluptate quis tempor ea consequat." })),
-    },
-};
-export const Danger = {
-    args: {
-        danger: true,
-        header: _jsx(Header, { level: 4, children: "Title" }),
-        children: (_jsx("p", { children: "Eu irure eiusmod amet tempor nisi veniam cupidatat duis nulla dolor. Eiusmod amet sit nostrud adipisicing qui pariatur do et duis fugiat magna laboris elit irure. Officia fugiat incididunt ipsum commodo quis aute qui reprehenderit reprehenderit fugiat. Voluptate quis tempor ea consequat." })),
-    },
-    name: 'Danger',
-};
-export const WithoutChildren = {
-    args: {
-        header: _jsx(Header, { level: 4, children: "Title" }),
-        actionButton: (_jsx(Button, { onClick: () => console.log('Hello'), children: "Hello I am button" })),
-    },
-    name: 'Without children',
-};
-export const WithAriaLabel = {
-    args: {
-        header: _jsx(Header, { level: 4, children: "Title" }),
-        'aria-label': 'Title. Some content.',
-        children: _jsx("p", { children: "Some content" }),
-        actionButton: (_jsx(Button, { onClick: () => console.log('Hello'), children: "Hello I am button" })),
-    },
-    name: 'With aria-label',
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Banner/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,MAAO,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3D,oBAAoB;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,qBAAqB;IACrB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mBAAmB;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,yBAAyB;IACzB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,qBAAqB;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC9C,6CAA6C;IAC7C,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC/B;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA8B5B,CAAA;AAED,eAAe,MAAM,CAAA"}

package/lib/core/Banner/index.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import Alert from '../Alert';
-import { Content, LeftSide, RightSide, Wrapper } from './styles';
-const Banner = ({ children, danger, info, success, header, actionButton, ...restProps }) => {
-    const isDefault = !success && !danger && !info;
-    return (_jsx(Alert, { "aria-live": "assertive", rounded: true, primary: isDefault, success: success, danger: danger, info: info, ...restProps, children: _jsxs(Wrapper, { children: [_jsxs(LeftSide, { children: [header, children && _jsx(Content, { children: children })] }), actionButton && _jsx(RightSide, { children: actionButton })] }) }));
-};
-export default Banner;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Banner/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;;SA6BP,MACV,WAAW;yGApBb,CAAA;AAED,eAAO,MAAM,OAAO;;SAiBP,MACV,WAAW;yGAlBqB,CAAA;AAEnC,eAAO,MAAM,QAAQ;;SAeR,MACV,WAAW;yGALb,CAAA;AAED,eAAO,MAAM,SAAS;;SAET,MACV,WAAW;yGAYb,CAAA"}

package/lib/core/Banner/styles.js

@@ -1,42 +0,0 @@
-import styled from '@emotion/styled';
-import bp from '../../globals/styles/breakpoints';
-export const Wrapper = styled.div `
-  display: flex;
-  flex-direction: row;
-  width: 100%;
-  justify-content: space-between;
-
-  @media screen and (max-width: ${bp.small}) {
-    flex-direction: column;
-    text-align: center;
-  }
-`;
-export const Content = styled.div ``;
-export const LeftSide = styled.div `
-  display: grid;
-  grid-row-gap: 0.5em;
-
-  h1,
-  h2,
-  h3,
-  h4,
-  h5 {
-    align-self: center;
-  }
-`;
-export const RightSide = styled.div `
-  margin-left: 2em;
-  display: flex;
-  align-items: center;
-
-  @media screen and (max-width: ${bp.small}) {
-    margin-left: 0;
-    margin-top: 2em;
-    align-self: center;
-  }
-
-  button,
-  a {
-    min-width: 169px;
-  }
-`;

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

@@ -1,12 +0,0 @@
-import { Meta } from '@storybook/react';
-import { LoadedType } from '../../shared/types/LoadedType';
-declare const _default: Meta;
-export default _default;
-export declare const Default: {
-    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const ValuePair: {
-    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"BarAndLineComposedChart.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BarAndLineComposedChart/BarAndLineComposedChart.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;wBAKrD,IAAI;AAHT,wBAGS;AAgCT,eAAO,MAAM,OAAO;oBACF,OAAO,yBAAyB,UAAU;;CA6B3D,CAAA;AAED,eAAO,MAAM,SAAS;oBACJ,OAAO,yBAAyB,UAAU;;CA2B3D,CAAA"}

package/lib/core/BarAndLineComposedChart/BarAndLineComposedChart.stories.js

@@ -1,72 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import BarAndLineComposedChart from '.';
-export default {
-    title: 'Core/BarAndLineComposedChart',
-    component: BarAndLineComposedChart,
-};
-const DefaultData = [
-    { name: 'Jan', inntekt: 450000, kostnad: -233000, akkumulert: 170000 },
-    { name: 'Feb', inntekt: 600000, kostnad: -250000, akkumulert: 350000 },
-    { name: 'Mars', inntekt: 500000, kostnad: -340000, akkumulert: 160000 },
-    { name: 'April', inntekt: 55000, kostnad: -20000, akkumulert: 35000 },
-    { name: 'Mai', inntekt: 540400, kostnad: -300000, akkumulert: 240400 },
-    { name: 'Jun', inntekt: 650000, kostnad: -250000, akkumulert: 400000 },
-    { name: 'Jul', inntekt: 430000, kostnad: -300000, akkumulert: 130000 },
-    { name: 'Aug', inntekt: 600000, kostnad: -400000, akkumulert: 200000 },
-    { name: 'Sept', inntekt: 700000, kostnad: -500000, akkumulert: 200000 },
-    { name: 'Okt', inntekt: 600000, kostnad: -340000, akkumulert: 260000 },
-    { name: 'Nov', inntekt: 763000, kostnad: 0, akkumulert: 1730000 },
-    { name: 'Des', inntekt: 560000, kostnad: -55000, akkumulert: 505000 },
-];
-const ValuePairData = [
-    { name: 'Jan', inntekt: 40000, kostnad: 23000, stackId: '' },
-    { name: 'Feb', inntekt: 60000, kostnad: 25000, stackId: '' },
-    { name: 'Mars', inntekt: 50000, kostnad: 34000, stackId: '' },
-    { name: 'April', inntekt: 55000, kostnad: 20000, stackId: '' },
-    { name: 'Mai', inntekt: 54400, kostnad: 30000, stackId: '' },
-    { name: 'Jun', inntekt: 65000, kostnad: 25000, stackId: '' },
-    { name: 'Jul', inntekt: 43000, kostnad: 30000, stackId: '' },
-    { name: 'Aug', inntekt: 60000, kostnad: 40000, stackId: '' },
-    { name: 'Sept', inntekt: 70000, kostnad: 50000, stackId: '' },
-    { name: 'Okt', inntekt: 60000, kostnad: 34000, stackId: '' },
-    { name: 'Nov', inntekt: 40040, kostnad: 24000, stackId: '' },
-    { name: 'Des', inntekt: 56000, kostnad: 5500, stackId: '' },
-];
-export const Default = {
-    render: (_args, { loaded: { theme } }) => (_jsx(BarAndLineComposedChart, { data: DefaultData, bars: [
-            {
-                name: 'Inntekt',
-                dataKey: 'inntekt',
-                fill: theme.primary,
-            },
-            {
-                name: 'Kostnad',
-                dataKey: 'kostnad',
-                fill: theme.primary5darker,
-            },
-        ], lines: [
-            {
-                name: 'Akkumulert resultat',
-                dataKey: 'akkumulert',
-                stroke: theme.secondary,
-                type: 'monotone',
-                shortName: 'Akk. resultat',
-            },
-        ], xAxisDataKey: "name" })),
-    name: 'Default',
-};
-export const ValuePair = {
-    render: (_args, { loaded: { theme } }) => (_jsx(BarAndLineComposedChart, { data: ValuePairData, bars: [
-            {
-                name: 'Inntekt',
-                dataKey: 'inntekt',
-                fill: theme.primary50opa,
-            },
-            {
-                name: 'Kostnad',
-                dataKey: 'kostnad',
-                fill: theme.primary,
-            },
-        ], hasYAxis: false, cartesianGrid: false, xAxisDataKey: "name", stack: false, maxBarSize: 10, barGap: -20, barRadius: 30, legend: false })),
-    name: 'ValuePair',
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BarAndLineComposedChart/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAGL,aAAa,EAQd,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAKlD,UAAU,MAAO,SAAQ,OAAO,CAAC,OAAO,aAAa,CAAC;IACpD,wFAAwF;IACxF,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,6MAA6M;IAC7M,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAA;QACZ,OAAO,EAAE,MAAM,CAAA;QACf,IAAI,EAAE,MAAM,CAAA;QACZ,OAAO,CAAC,EAAE,MAAM,CAAA;QAEhB,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,EAAE,CAAA;IACH,6OAA6O;IAC7O,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,MAAM,CAAA;QACZ,OAAO,EAAE,MAAM,CAAA;QACf,MAAM,EAAE,MAAM,CAAA;QACd,IAAI,EAAE,SAAS,CAAA;QAEf,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,EAAE,CAAA;IACH,iHAAiH;IACjH,YAAY,EAAE,MAAM,CAAA;IACpB,gHAAgH;IAChH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sEAAsE;IACtE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,uFAAuF;IACvF,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC1C,uFAAuF;IACvF,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAC1C,wGAAwG;IACxG,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,uGAAuG;IACvG,aAAa,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5E,sEAAsE;IACtE,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAClC,uEAAuE;IACvE,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AACD,QAAA,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAmH7C,CAAA;AAED,eAAe,uBAAuB,CAAA"}

package/lib/core/BarAndLineComposedChart/index.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Bar, CartesianGrid, ComposedChart, Legend, Line, ReferenceLine, ResponsiveContainer, Tooltip, XAxis, YAxis, } from 'recharts';
-import { CustomLegend } from '../../shared/recharts/CustomLegend';
-import CustomTooltip from '../../shared/recharts/CustomTooltip';
-import { formatAxisPrice } from '../../utils/formatGraphPrice';
-import { BarAndLineComposedChartContainer } from './styles';
-const BarAndLineComposedChart = ({ data = [], bars, lines, xAxisDataKey, yAxisDataKey, height = '350px', width = '100%', xAxisLine = false, yAxisLine = false, tickLineY = false, tickLineX = false, margin, legendHAlign = 'left', legendVAlign = 'bottom', legendPadding, layout = 'horizontal', lineStrokeWidth = 1, hasYAxis = true, cartesianGrid = true, legend = true, stack = true, referenceLine = true, maxBarSize, barGap, barRadius, ...rest }) => {
-    return (_jsx(BarAndLineComposedChartContainer, { width: width && width, height: height && height, children: _jsx(ResponsiveContainer, { children: _jsxs(ComposedChart, { data: data && data, margin: { top: 0.5, right: 50, bottom: 0, left: 0, ...margin }, layout: layout && layout, stackOffset: "sign", barGap: barGap, ...rest, children: [referenceLine && _jsx(ReferenceLine, { y: 0, stroke: "white" }), cartesianGrid && _jsx(CartesianGrid, { horizontal: true, vertical: false }), _jsx(XAxis, { dataKey: xAxisDataKey && xAxisDataKey, axisLine: xAxisLine && xAxisLine, tickLine: tickLineX && tickLineX, type: layout === 'vertical' ? 'number' : 'category', tickMargin: 5, tickFormatter: formatAxisPrice }), hasYAxis && (_jsx(YAxis, { dataKey: yAxisDataKey && yAxisDataKey, axisLine: yAxisLine && yAxisLine, tickLine: tickLineY && tickLineY, type: layout === 'vertical' ? 'category' : 'number', tickFormatter: formatAxisPrice })), _jsx(Tooltip, { content: _jsx(CustomTooltip, { barConfig: bars && bars, lineConfig: lines && lines }) }), legend && (_jsx(Legend, { verticalAlign: legendVAlign && legendVAlign, align: legendHAlign && legendHAlign, content: _jsx(CustomLegend, {}), wrapperStyle: {
-                            paddingLeft: legendPadding?.left ? legendPadding.left : '5px',
-                            paddingTop: legendPadding?.top ? legendPadding.top : '10px',
-                            paddingBottom: legendPadding?.bottom
-                                ? legendPadding.bottom
-                                : '0',
-                            paddingRight: legendPadding?.right ? legendPadding.right : '0',
-                        } })), bars?.length &&
-                        bars.map((bar) => {
-                            return (_jsx(Bar, { dataKey: bar.dataKey, fill: bar.fill, name: bar.name, maxBarSize: maxBarSize || undefined, stackId: stack ? 'stack' : undefined, radius: barRadius }, bar.name));
-                        }), lines?.length &&
-                        lines.map((line) => {
-                            return (_jsx(Line, { type: line.type, dataKey: line.dataKey, stroke: line.stroke, name: line.name, strokeWidth: lineStrokeWidth }, line.name));
-                        })] }) }) }));
-};
-export default BarAndLineComposedChart;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BarAndLineComposedChart/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gCAAgC;;SAO2R,MAAO,WAAW;;WANjV,GAAG;YACF,GAAG;yGAIZ,CAAA"}

package/lib/core/BarAndLineComposedChart/styles.js

@@ -1,5 +0,0 @@
-import styled from '@emotion/styled';
-export const BarAndLineComposedChartContainer = styled.div `
-  width: ${(props) => props.width && props.width};
-  height: ${(props) => props.height && props.height};
-`;

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

@@ -1,14 +0,0 @@
-import { Meta } from '@storybook/react';
-import { LoadedType } from '../../shared/types/LoadedType';
-declare const _default: Meta;
-export default _default;
-export declare const BarChartCustomizedEventData: {
-    year: number;
-    debt: number;
-    interestRates: number;
-    deduction: number;
-}[];
-export declare const Default: {
-    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"BarChartWithCustomizedEvent.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BarChartWithCustomizedEvent/BarChartWithCustomizedEvent.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;wBAKrD,IAAI;AAHT,wBAGS;AAET,eAAO,MAAM,2BAA2B;;;;;GAmEvC,CAAA;AAED,eAAO,MAAM,OAAO;oBACF,OAAO,yBAAyB,UAAU;;CAiB3D,CAAA"}

package/lib/core/BarChartWithCustomizedEvent/BarChartWithCustomizedEvent.stories.js

@@ -1,84 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import BarChartWithCustomizedEvent from '.';
-export default {
-    title: 'Core/BarChartWithCustomizedEvent',
-    component: BarChartWithCustomizedEvent,
-};
-export const BarChartCustomizedEventData = [
-    {
-        year: 2020,
-        debt: 2500700,
-        interestRates: 12000,
-        deduction: 140000,
-    },
-    {
-        year: 2021,
-        debt: 1950000,
-        interestRates: 12000,
-        deduction: 140000,
-    },
-    {
-        year: 2022,
-        debt: 1600000,
-        interestRates: 12000,
-        deduction: 140000,
-    },
-    {
-        year: 2023,
-        debt: 1400000,
-        interestRates: 12000,
-        deduction: 140400,
-    },
-    {
-        year: 2024,
-        debt: 1100000,
-        interestRates: 12000,
-        deduction: 14000,
-    },
-    {
-        year: 2025,
-        debt: 1000000,
-        interestRates: 12000,
-        deduction: 14000,
-    },
-    {
-        year: 2026,
-        debt: 900000,
-        interestRates: 12000,
-        deduction: 14000,
-    },
-    {
-        year: 2027,
-        debt: 750000,
-        interestRates: 12000,
-        deduction: 14000,
-    },
-    {
-        year: 2028,
-        debt: 500000,
-        interestRates: 12000,
-        deduction: 14000,
-    },
-    {
-        year: 2029,
-        debt: 300000,
-        interestRates: 12000,
-        deduction: 14000,
-    },
-    {
-        year: 2030,
-        debt: 150000,
-        interestRates: 12000,
-        deduction: 14000,
-    },
-];
-export const Default = {
-    render: (_args, { loaded: { theme } }) => (_jsx(BarChartWithCustomizedEvent, { data: BarChartCustomizedEventData, bars: [
-            {
-                name: 'Restgjeld',
-                dataKey: 'debt',
-                fill: theme.primary,
-            },
-        ], xAxisDataKey: "year", selectedIndex: 0, onClickBar: (v) => console.log('onClickBar', v) })),
-    name: 'Default',
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BarChartWithCustomizedEvent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EAQJ,MAAM,UAAU,CAAA;AACjB,OAAO,KAAmB,MAAM,OAAO,CAAA;AAKvC,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAElD,UAAU,MAAO,SAAQ,OAAO,CAAC,GAAG,CAAC;IACnC,wFAAwF;IACxF,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,wMAAwM;IACxM,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACvD,iHAAiH;IACjH,YAAY,EAAE,MAAM,CAAA;IACpB,gHAAgH;IAChH,oDAAoD;IACpD,aAAa,EAAE,MAAM,CAAA;IACrB,mDAAmD;IACnD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sEAAsE;IACtE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,uFAAuF;IACvF,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC1C,uFAAuF;IACvF,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAC1C,6FAA6F;IAC7F,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,wGAAwG;IACxG,aAAa,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5E,sEAAsE;IACtE,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAClC,6FAA6F;IAC7F,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;IAChC,yDAAyD;IACzD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACtD,wDAAwD;IACxD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;CAEvD;AAED,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAgHxD,CAAA;AAED,eAAe,2BAA2B,CAAA"}

package/lib/core/BarChartWithCustomizedEvent/index.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Bar, BarChart, CartesianGrid, Cell, Legend, ResponsiveContainer, XAxis, YAxis, } from 'recharts';
-import { useState } from 'react';
-import { formatAxisPrice } from '../../utils/formatGraphPrice';
-import { useTheme } from '@emotion/react';
-import { CustomEventBarChartContainer } from './styles';
-import { CustomLegend } from '../../shared/recharts/CustomLegend';
-export const BarChartWithCustomizedEvent = ({ height = '300px', width = 'auto', data = [], bars, selectedIndex, xAxisDataKey, yAxisDataKey, xAxisLine = false, yAxisLine = false, tickLineX = false, tickLineY = false, legendHAlign = 'left', legendVAlign = 'bottom', margin, legendPadding, legend = false, layout = 'horizontal', onClickBar, tickFormatterX = (e) => e, tickFormatterY, ...rest }) => {
-    const theme = useTheme();
-    const [hoverIndex, setHoverIndex] = useState(undefined);
-    const handleBarClick = (_, index) => {
-        const identicalIndex = index === selectedIndex;
-        if (onClickBar && !identicalIndex) {
-            onClickBar({ data: data[index], index: index });
-        }
-    };
-    return (_jsx(CustomEventBarChartContainer, { width: width && width, height: height && height, theme: theme, children: _jsx(ResponsiveContainer, { children: _jsxs(BarChart, { data: data && data, margin: margin ? margin : { top: 0, right: 0, left: 0, bottom: 0 }, barGap: "0%", layout: layout && layout, ...rest, children: [_jsx(CartesianGrid, { strokeDasharray: "0", vertical: false }), _jsx(XAxis, { dataKey: xAxisDataKey && xAxisDataKey, axisLine: xAxisLine && xAxisLine, tickLine: tickLineX && tickLineX, type: layout === 'vertical' ? 'number' : 'category', tickFormatter: tickFormatterX, tickMargin: 5 }), _jsx(YAxis, { dataKey: yAxisDataKey && yAxisDataKey, axisLine: yAxisLine && yAxisLine, tickLine: tickLineY && tickLineY, type: layout === 'vertical' ? 'category' : 'number', tickFormatter: tickFormatterY ? tickFormatterY : formatAxisPrice }), legend && (_jsx(Legend, { verticalAlign: legendVAlign && legendVAlign, align: legendHAlign && legendHAlign, content: _jsx(CustomLegend, {}), wrapperStyle: {
-                            paddingLeft: legendPadding?.left ? legendPadding.left : '55px',
-                            paddingTop: legendPadding?.top ? legendPadding.top : '10px',
-                            paddingBottom: legendPadding?.bottom
-                                ? legendPadding.bottom
-                                : '0',
-                            paddingRight: legendPadding?.right ? legendPadding.right : '0',
-                        } })), bars?.length &&
-                        bars.map((bar) => {
-                            return (_jsx(Bar, { dataKey: bar.dataKey, fill: bar.fill, name: bar.name, maxBarSize: 50, onClick: handleBarClick, stackId: "stack", children: data?.length &&
-                                    data.map((_, index) => {
-                                        return (_jsx(Cell, { cursor: "pointer", fill: bar.fill, onMouseEnter: () => setHoverIndex(index), onMouseLeave: () => setHoverIndex(undefined), className: `bar-cell ${index === selectedIndex && 'bar-cell-selected'} ${index === hoverIndex && 'bar-cell-hovered'}` }, `cell-${index}`));
-                                    }) }, bar.name));
-                        })] }) }) }));
-};
-export default BarChartWithCustomizedEvent;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BarChartWithCustomizedEvent/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAO,MAAM,gBAAgB,CAAA;AAG3C,eAAO,MAAM,4BAA4B;;SAmB8B,MAAO,WAAW;;YAlB/E,MAAM;WACP,MAAM;WACN,KAAK;yGAeb,CAAA"}

package/lib/core/BarChartWithCustomizedEvent/styles.js

@@ -1,15 +0,0 @@
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-export const CustomEventBarChartContainer = styled.div(({ height, width, theme }) => css `
-    height: ${height && height};
-    width: ${width && width};
-    .bar-cell {
-      transition: all 0.2s ease;
-      &:hover,
-      &.bar-cell-selected,
-      &.bar-cell-hovered {
-        filter: brightness(75%);
-        fill: ${theme.primary};
-      }
-    }
-  `);

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

@@ -1,14 +0,0 @@
-import Box from '.';
-import { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta<typeof Box>;
-export default meta;
-type Story = StoryObj<typeof Box>;
-export declare const Default: Story;
-export declare const Collapsable: Story;
-export declare const Rounded: Story;
-export declare const WithHeader: Story;
-export declare const WithHeaderAndCollapse: Story;
-export declare const CollapsableMysite: Story;
-export declare const Noshadow: Story;
-export declare const Background: Story;
-export declare const HideContent: Story;