@bbl-digital/snorre 4.2.82 → 4.2.83

package/lib/core/Stepper/MobileStep/styles.js

@@ -1,46 +0,0 @@
-import styled from '@emotion/styled';
-export const Wrapper = styled.div `
-  display: flex;
-  gap: 1em;
-`;
-export const LabelWrapper = styled.div `
-  display: flex;
-  align-items: center;
-  gap: 0.5em;
-`;
-export const Label = styled.label `
-  font-size: 16px;
-  line-height: 27px;
-  font-weight: 600;
-`;
-export const NextStep = styled.span `
-  font-size: 14px;
-  line-height: 27px;
-  font-weight: 500;
-  color: ${({ theme }) => theme.gray20};
-  text-decoration: underline;
-`;
-export const ProgressContainer = styled.div `
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  gap: 1em;
-`;
-export const ProgressCircle = styled.div `
-  display: flex;
-  justify-content: center;
-  align-items: center;
-
-  width: min(60px, 90px);
-  height: min(60px, 90px);
-  border-radius: 50%;
-  background: ${({ $progress, theme, }) => `radial-gradient(closest-side, white 85%, transparent 80% 100%),
-    conic-gradient(${theme.primary} ${$progress}%, ${theme.primary50opa} 0);`};
-`;
-export const StepInformation = styled.div `
-  display: flex;
-  flex-direction: column;
-  text-align: left;
-  justify-content: center;
-  gap: 0.5em;
-`;

package/lib/core/Stepper/Step/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/Stepper/Step/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,UAAU,MAAM;IACd,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAsE1B,CAAA;AAED,eAAe,IAAI,CAAA"}

package/lib/core/Stepper/Step/index.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTheme } from '@emotion/react';
-import { Circle, FlexWrapper, StepWrapper, SubTitleWrapper } from './styles';
-import Button from '../../Button';
-import Text from '../../Text';
-import { getContrastColor } from '../../../utils/contrastColor';
-const Step = ({ nr, selected, bidirectional, title, subTitle, onClick, trackingName = 'Bolig', trackingEvent = 'Søk om utleie click:  Stepper', }) => {
-    const theme = useTheme();
-    const buttonstep = (_jsx(StepWrapper, { color: theme.primary, children: _jsx(Button, { nostyle: true, onClick: () => onClick(nr), trackingName: trackingName, trackingEvent: trackingEvent, children: _jsxs(FlexWrapper, { children: [_jsx(Circle, { selected: selected, color: theme.primary, bg: theme.bgLight, children: _jsx(Text, { size: "14px", color: selected
-                                ? getContrastColor(theme.primary, theme.btnDefaultFontColor)
-                                : theme.defaultText, semibold: true, children: nr }) }), _jsx(Text, { semibold: true, children: title }), subTitle && (_jsx(SubTitleWrapper, { children: _jsx(Text, { small: true, css: { fontWeight: 400 }, children: subTitle }) }))] }) }) }));
-    const step = (_jsx(StepWrapper, { color: theme.primary, children: _jsxs(FlexWrapper, { children: [_jsx(Circle, { selected: selected, color: theme.primary, bg: theme.bgLight, children: _jsx(Text, { size: "14px", color: selected ? theme.btnDefaultFontColor : theme.defaultText, semibold: true, children: nr }) }), _jsx(Text, { semibold: true, children: title }), subTitle && (_jsx(SubTitleWrapper, { children: _jsx(Text, { small: true, children: subTitle }) }))] }) }));
-    return selected ? buttonstep : bidirectional ? buttonstep : step;
-};
-export default Step;

package/lib/core/Stepper/Step/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/Stepper/Step/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM;;SAkBE,MACnB,WAAU;;WAlBO,MAAM;QAAM,MAAM;cAAY,OAAO;yGAYvD,CAAA;AAED,eAAO,MAAM,eAAe;;SAGP,MACnB,WAAU;yGACX,CAAA;AACD,eAAO,MAAM,WAAW;;SAHH,MACnB,WAAU;;WAGO,MAAM;yGAkCxB,CAAA;AAED,eAAO,MAAM,WAAW;;SAxCH,MACnB,WAAU;yGA4CX,CAAA;AAED,eAAO,MAAM,YAAY;;SA/CJ,MACnB,WAAU;yGA8C4B,CAAA"}

package/lib/core/Stepper/Step/styles.js

@@ -1,61 +0,0 @@
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-export const Circle = styled.div((props) => css `
-    position: relative;
-    display: flex;
-    margin: auto;
-    justify-content: center;
-    align-items: center;
-    height: 32px;
-    width: 32px;
-    border-radius: 50%;
-    border: 2px solid ${props.color};
-    background-color: ${props.selected ? props.color : props.bg};
-  `);
-export const SubTitleWrapper = styled.div `
-  display: flex;
-  text-align: center;
-  justify-content: center;
-  max-width: 350px;
-`;
-export const StepWrapper = styled.div((props) => css `
-    position: relative;
-    display: flex;
-    flex-grow: 1;
-    flex-basis: 0;
-    justify-content: center;
-    padding: 0 1rem;
-
-    & > button {
-      align-items: start;
-    }
-    &:not(:first-of-type) {
-      ::before {
-        content: '';
-        position: absolute;
-        right: calc(50% + 24px);
-        top: 16px;
-        width: calc(50% - 24px);
-        height: 3px;
-        background-color: ${props.color};
-      }
-    }
-    &:not(:last-of-type) {
-      ::after {
-        content: '';
-        position: absolute;
-        left: calc(50% + 24px);
-        top: 16px;
-        width: calc(50% - 24px);
-        height: 3px;
-        background-color: ${props.color};
-      }
-    }
-  `);
-export const FlexWrapper = styled.div `
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 0.5rem;
-`;
-export const LabelWrapper = styled.div ``;

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Stepper.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Stepper/Stepper.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,OAAO,MAAM,GAAG,CAAA;AAEvB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAGtB,CAAA;AACT,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAA;AAErC,eAAO,MAAM,OAAO,EAAE,KA6BrB,CAAA"}

package/lib/core/Stepper/Stepper.stories.js

@@ -1,33 +0,0 @@
-import Stepper from '.';
-const meta = {
-    title: 'Core/Stepper',
-    component: Stepper,
-};
-export default meta;
-export const Default = {
-    name: 'Default',
-    args: {
-        selected: 2,
-        steps: [
-            {
-                nr: 1,
-                title: 'Introduksjon til budsjett',
-                subTitle: 'Forklaring til budsjettforslaget og hva som har endret seg siden sist.',
-            },
-            {
-                nr: 2,
-                title: 'Spesifikasjon',
-                subTitle: 'Se hvordan kostnader og utgifter fordeler seg på de forskjellige underpostene.',
-            },
-            {
-                nr: 3,
-                title: 'Fullstendig budsjett',
-                subTitle: 'Fullfør budsjettet ved å se over og justere resterende budsjettposter.',
-            },
-        ],
-        withMobileLayout: true,
-        bidirectional: true,
-        boxType: 'mysite',
-        onStepSelected: (val) => console.log('selected ' + val),
-    },
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Stepper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAOvC,UAAU,MAAM;IAEd,QAAQ,EAAE,MAAM,CAAA;IAEhB,KAAK,EAAE,KAAK,EAAE,CAAA;IAEd,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAE1B,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IAC9B,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAiD7B,CAAA;AAED,eAAe,OAAO,CAAA"}

package/lib/core/Stepper/index.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment } from 'react';
-import { StepperWrapper } from './styles';
-import Step from './Step';
-import MobileStep from './MobileStep';
-import { useIsMobile } from '../../hooks/useIsMobile';
-import Box from '../Box';
-const Stepper = ({ selected, steps, withMobileLayout = true, bidirectional = false, withBox = true, boxType, onStepSelected, trackingName, trackingEvent, }) => {
-    const isMobile = useIsMobile();
-    const DesktopStepper = () => (_jsx(StepperWrapper, { steps: steps.length, children: steps.map((step, index) => {
-            return (_jsx(Fragment, { children: _jsx(Step, { nr: step.nr, title: step.title, subTitle: step.subTitle, bidirectional: bidirectional, selected: step.nr <= selected, onClick: onStepSelected, trackingEvent: trackingEvent, trackingName: trackingName }) }, index));
-        }) }));
-    const PolyStepper = () => (_jsxs(_Fragment, { children: [!isMobile && _jsx(DesktopStepper, {}), isMobile && _jsx(MobileStep, { steps: steps, selected: selected })] }));
-    if (!withBox)
-        return _jsx(_Fragment, { children: withMobileLayout ? _jsx(PolyStepper, {}) : _jsx(DesktopStepper, {}) });
-    return (_jsx(Box, { type: boxType, children: withMobileLayout ? _jsx(PolyStepper, {}) : _jsx(DesktopStepper, {}) }));
-};
-export default Stepper;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Stepper/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW;;SAsBlB,MACF,WAGJ;;WAzBmB,MAAM;yGAMxB,CAAA;AAED,eAAO,MAAM,cAAc;;SAarB,MACF,WAGJ;;WAhBmB,MAAM;yGAexB,CAAA"}

package/lib/core/Stepper/styles.js

@@ -1,23 +0,0 @@
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-export const StepDivider = styled.div((props) => css `
-    height: 3px;
-    width: 30px;
-    margin-top: 1rem;
-    background-color: ${props.color};
-  `);
-export const StepperWrapper = styled.div((props) => css `
-    display: flex;
-    justify-content: space-between;
-    padding: 0 2.5em;
-    align-items: top;
-    margin-bottom: 1.5em;
-
-    @media screen and (max-width: 768px) {
-      padding: 0 0.5em;
-
-      span {
-        font-size: 12px;
-      }
-    }
-  `);

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"TabBar.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/TabBar/TabBar.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;wBAYlC,IAAI;AAVT,wBAUS;AAET,eAAO,MAAM,aAAa;;;CAmBzB,CAAA"}

package/lib/core/TabBar/TabBar.stories.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import TabBar from '.';
-import TabItem from './TabItem';
-import IconMembership from '../../icons/General/IconMembership';
-export default {
-    title: 'Core/TabBar',
-    component: TabBar,
-    parameters: {
-        docs: {
-            story: {
-                inline: false,
-            },
-        },
-    },
-};
-export const TabBarDefault = {
-    render: () => (_jsxs(TabBar, { children: [_jsx(TabItem, { text: "Medlemsbevis", icon: _jsx(IconMembership, { primary: true, secondary: false }), active: true, onClick: () => console.log('hi') }), _jsx(TabItem, { text: "Medlemsbevis", icon: _jsx(IconMembership, { primary: false, secondary: true }), active: false, onClick: () => console.log('hi') })] })),
-    name: 'TabBar',
-};

package/lib/core/TabBar/TabItem/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/TabBar/TabItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,MAAM;IACd,kBAAkB;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,eAAe;IACf,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,2BAA2B;IAC3B,MAAM,EAAE,OAAO,CAAA;IACf,2BAA2B;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAS7B,CAAA;AAED,eAAe,OAAO,CAAA"}

package/lib/core/TabBar/TabItem/index.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TabWrapper } from './styles';
-import Text from '../../Text';
-const TabItem = ({ text, icon, active, onClick }) => {
-    return (_jsxs(TabWrapper, { onClick: onClick, "aria-label": `Tab knapp for ${text}`, children: [icon, _jsx(Text, { primary: active, secondary: !active, size: "10px", children: text })] }));
-};
-export default TabItem;

package/lib/core/TabBar/TabItem/styles.d.ts.map

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

package/lib/core/TabBar/TabItem/styles.js

@@ -1,10 +0,0 @@
-import styled from "@emotion/styled";
-export const TabWrapper = styled.button `
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-  flex: 1;
-  background-color: transparent;
-  border: none;
-`;

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

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

package/lib/core/TabBar/index.js

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

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

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

package/lib/core/TabBar/styles.js

@@ -1,16 +0,0 @@
-import styled from "@emotion/styled";
-export const Wrapper = styled.div `
-  position: fixed;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 2;
-  height: 70px;
-  padding-bottom: 10px;
-  background-color: white;
-  box-shadow: 0 -2px 4px 0 rgba(0,0,0,0.1);
-
-  display: flex;
-  flex-direction: row;
-  align-items: stretch;
-`;

package/lib/core/TabNav/TabContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabContext.d.ts","sourceRoot":"","sources":["../../../src/packages/core/TabNav/TabContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,QAAQ,EACR,EAAE,EACF,cAAc,EAIf,MAAM,OAAO,CAAA;AAEd,UAAU,YAAY;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CACtB;AAGD,UAAU,MAAM;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAGD,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAA;IACpD,QAAQ,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAA;CACtC;AAED,eAAO,MAAM,UAAU,iCAKrB,CAAA;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,MAAM,CAwCzC,CAAA"}

package/lib/core/TabNav/TabContext.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useCallback, useEffect, useState, } from 'react';
-export const TabContext = React.createContext({
-    active: 0,
-    width: 0,
-    setActive: () => { },
-    setWidth: () => { },
-});
-export const TabContextProvider = ({ children, value, onChange, }) => {
-    const [active, setActive] = useState(value || 0);
-    const [widthObjects, setWidthObjects] = useState({});
-    const [initialized, setInitialized] = useState(false);
-    const width = Object.values(widthObjects).reduce((a, b) => a + b, 0);
-    const setWidth = (obj) => {
-        const [[key, value]] = Object.entries(obj);
-        setWidthObjects((prev) => ({ ...prev, [key]: value }));
-    };
-    const handleChange = useCallback(() => {
-        if (!initialized) {
-            setInitialized(true);
-            return;
-        }
-        onChange(active);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [active]);
-    useEffect(() => {
-        if (value)
-            setActive(value);
-    }, [value]);
-    useEffect(() => {
-        handleChange();
-    }, [handleChange]);
-    return (_jsx(TabContext.Provider, { value: { active, setActive, setWidth, width }, children: children }));
-};

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

@@ -1,47 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta;
-export default _default;
-export declare const TabNavDefault: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const TabNavColors: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const TabNavVertical: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const TabNavValue: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const TabNavWithButton: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const TabNavWithSelect: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const TabNavWithOneDisabledValue: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const TabNavWithBreakpoint: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const TabNavWithSelectAndLoadsItems: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const TabNavWithManyOptions: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const TabNavVerticalWithButton: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"TabNav.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/TabNav/TabNav.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;wBAKlC,IAAI;AAHT,wBAGS;AAET,eAAO,MAAM,aAAa;;;CASzB,CAAA;AAED,eAAO,MAAM,YAAY;;;CASxB,CAAA;AAED,eAAO,MAAM,cAAc;;;CAS1B,CAAA;AAED,eAAO,MAAM,WAAW;;;CASvB,CAAA;AAED,eAAO,MAAM,gBAAgB;;;CAa5B,CAAA;AAED,eAAO,MAAM,gBAAgB;;;CAsC5B,CAAA;AAED,eAAO,MAAM,0BAA0B;;;CA6BtC,CAAA;AAED,eAAO,MAAM,oBAAoB;;;CAiBhC,CAAA;AAED,eAAO,MAAM,6BAA6B;;;CA6GzC,CAAA;AAED,eAAO,MAAM,qBAAqB;;;CAsBjC,CAAA;AAED,eAAO,MAAM,wBAAwB;;;CAcpC,CAAA"}

package/lib/core/TabNav/TabNav.stories.js

@@ -1,173 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import TabNav from '.';
-import TabNavItem from './TabNavItem';
-import Button from '../Button';
-export default {
-    title: 'Core/TabNav',
-    component: TabNav,
-};
-export const TabNavDefault = {
-    render: () => (_jsxs(TabNav, { onChange: (e) => console.log('changed to', e), children: [_jsx(TabNavItem, { value: "D\u00F8rer" }), _jsx(TabNavItem, { value: "Eiere" })] })),
-    name: 'TabNav Default',
-};
-export const TabNavColors = {
-    render: () => (_jsxs(TabNav, { onChange: (e) => console.log('changed to', e), underlineColor: "red", children: [_jsx(TabNavItem, { value: "D\u00F8rer" }), _jsx(TabNavItem, { value: "Eiere" })] })),
-    name: 'TabNav colors',
-};
-export const TabNavVertical = {
-    render: () => (_jsxs(TabNav, { onChange: (e) => console.log('changed to', e), vertical: true, children: [_jsx(TabNavItem, { value: "D\u00F8rer" }), _jsx(TabNavItem, { value: "Eiere" })] })),
-    name: 'TabNav vertical',
-};
-export const TabNavValue = {
-    render: () => (_jsxs(TabNav, { onChange: (e) => console.log('changed to', e), value: "Eiere", children: [_jsx(TabNavItem, { value: "D\u00F8rer" }), _jsx(TabNavItem, { value: "Eiere", displayText: "Bare for visning" })] })),
-    name: 'TabNav value',
-};
-export const TabNavWithButton = {
-    render: () => (_jsxs(TabNav, { actions: _jsx(Button, { highlight: true, children: "Press" }), onChange: (e) => console.log('changed to', e), value: "Eiere", children: [_jsx(TabNavItem, { value: "D\u00F8rer" }), _jsx(TabNavItem, { value: "Eiere", displayText: "Bare for visning" })] })),
-    name: 'TabNav with button',
-};
-export const TabNavWithSelect = {
-    render: () => (_jsxs(TabNav, { onChange: (e) => console.log('changed to', e), value: "Eiere", children: [_jsx(TabNavItem, { value: "D\u00F8rer" }), _jsx(TabNavItem, { value: "Eiere" }), _jsx(TabNavItem, { value: "Alla" }), _jsx(TabNavItem, { value: "Kosedyr" }), _jsx(TabNavItem, { value: "Bakd\u00F8r" }), _jsx(TabNavItem, { value: "Alle", isSelect: true, displayText: "Select open", selectItems: [
-                    {
-                        displayText: 'hello',
-                        value: '1',
-                    },
-                    {
-                        indent: 1,
-                        displayText: 'very long text to test how it breaks',
-                        value: '24',
-                    },
-                    {
-                        indent: 2,
-                        displayText: 'yo',
-                        value: '2',
-                    },
-                    {
-                        displayText: 'link somewhere',
-                        value: '251',
-                        onClick: () => console.log('clicked'),
-                    },
-                ] })] })),
-    name: 'TabNav with select',
-};
-export const TabNavWithOneDisabledValue = {
-    render: () => (_jsxs(TabNav, { onChange: (e) => console.log('changed to', e), value: "Eiere", children: [_jsx(TabNavItem, { value: "D\u00F8rer" }), _jsx(TabNavItem, { value: "Eiere" }), _jsx(TabNavItem, { value: "Alla" }), _jsx(TabNavItem, { value: "Kosedyr" }), _jsx(TabNavItem, { value: "Bakd\u00F8r" }), _jsx(TabNavItem, { value: "Alle", isSelect: true, displayText: "Select open", selectItems: [
-                    {
-                        displayText: 'No values here',
-                        value: '1',
-                        disabled: true,
-                    },
-                    {
-                        displayText: 'Link somewhere',
-                        value: '2',
-                        onClick: () => console.log('clicked'),
-                    },
-                ] })] })),
-    name: 'TabNav with one disabled value',
-};
-export const TabNavWithBreakpoint = {
-    render: () => (_jsxs(TabNav, { breakpoint: 4000, onChange: (e) => console.log('changed to', e), value: "Eiere", children: [_jsx(TabNavItem, { value: "D\u00F8rer" }), _jsx(TabNavItem, { value: "Eiere" }), _jsx(TabNavItem, { value: "Alla" }), _jsx(TabNavItem, { value: "Kosedyr" }), _jsx(TabNavItem, { value: "Bakd\u00F8r" }), _jsx(TabNavItem, { value: "Alle" })] })),
-    name: 'TabNav with breakpoint',
-};
-export const TabNavWithSelectAndLoadsItems = {
-    render: () => (_jsxs(TabNav, { onChange: (e) => console.log('changed to', e), value: "Eiere", children: [_jsx(TabNavItem, { value: "D\u00F8rer" }), _jsx(TabNavItem, { value: "Eiere" }), _jsx(TabNavItem, { value: "Alla" }), _jsx(TabNavItem, { value: "Kosedyr" }), _jsx(TabNavItem, { value: "Bakd\u00F8r" }), _jsx(TabNavItem, { value: "Alle", isSelect: true, displayText: "Select open", selectItems: [
-                    {
-                        displayText: 'hello',
-                        value: '1',
-                    },
-                    {
-                        displayText: 'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa',
-                        value: '31',
-                    },
-                    {
-                        displayText: 'hello1',
-                        value: '11',
-                    },
-                    {
-                        displayText: 'hello2',
-                        value: '12',
-                    },
-                    {
-                        displayText: 'hello3',
-                        value: '13',
-                    },
-                    {
-                        displayText: 'hello4',
-                        value: '14',
-                    },
-                    {
-                        displayText: 'hello5',
-                        value: '15',
-                    },
-                    {
-                        displayText: 'hello6',
-                        value: '16',
-                    },
-                    {
-                        displayText: 'hello7',
-                        value: '17',
-                    },
-                    {
-                        displayText: 'hello8',
-                        value: '18',
-                    },
-                    {
-                        displayText: 'yo',
-                        value: '2',
-                    },
-                    {
-                        displayText: 'yo1',
-                        value: '21',
-                    },
-                    {
-                        displayText: 'yo2',
-                        value: '22',
-                    },
-                    {
-                        displayText: 'yo3',
-                        value: '23',
-                    },
-                    {
-                        displayText: 'yo4',
-                        value: '24',
-                    },
-                    {
-                        displayText: 'yo5',
-                        value: '25',
-                    },
-                    {
-                        displayText: 'yo6',
-                        value: '26',
-                    },
-                    {
-                        displayText: 'yo7',
-                        value: '27',
-                    },
-                    {
-                        displayText: 'yo8',
-                        value: '28',
-                    },
-                    {
-                        displayText: 'yo9',
-                        value: '29',
-                    },
-                    {
-                        displayText: 'very long text to test how it breaks should lorem ipsum whatever dont know how it goes',
-                        value: '34',
-                    },
-                    {
-                        displayText: 'link somewhere',
-                        value: '299',
-                        onClick: () => console.log('clicked'),
-                    },
-                ] })] })),
-    name: 'TabNav with select and loads items',
-};
-export const TabNavWithManyOptions = {
-    render: () => (_jsxs(TabNav, { actions: _jsx(Button, { highlight: true, children: "Press" }), onChange: (e) => console.log('changed to', e), value: "Eiere", children: [_jsx(TabNavItem, { value: "D\u00F8rer" }), _jsx(TabNavItem, { value: "Eiere" }), _jsx(TabNavItem, { value: "Alla" }), _jsx(TabNavItem, { value: "Kosedyr" }), _jsx(TabNavItem, { value: "Bakd\u00F8r" }), _jsx(TabNavItem, { value: "Velkomstmatte" }), _jsx(TabNavItem, { value: "Katteluke" }), _jsx(TabNavItem, { value: "Vinduer" }), _jsx(TabNavItem, { value: "Herregud" }), _jsx(TabNavItem, { value: "Test" }), _jsx(TabNavItem, { value: "Loft" })] })),
-    name: 'TabNav with many options',
-};
-export const TabNavVerticalWithButton = {
-    render: () => (_jsxs(TabNav, { actions: _jsx(Button, { highlight: true, children: "Press" }), onChange: (e) => console.log('changed to', e), value: "Eiere", vertical: true, children: [_jsx(TabNavItem, { value: "D\u00F8rer" }), _jsx(TabNavItem, { value: "Eiere", displayText: "Bare for visning" })] })),
-    name: 'TabNav vertical with button',
-};

package/lib/core/TabNav/TabNavItem/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/TabNav/TabNavItem/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAA;AAYtE,UAAU,WAAW;IACnB,gCAAgC;IAChC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,mCAAmC;IACnC,WAAW,EAAE,MAAM,CAAA;IACnB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,MAAM;IACrB,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAA;IACb,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,qBAAqB;IACrB,WAAW,CAAC,EAAE,WAAW,EAAE,CAAA;CAC5B;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA+FhC,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA;AAErB,eAAe,UAAU,CAAA"}

package/lib/core/TabNav/TabNavItem/index.js

@@ -1,44 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import { useTheme } from '@emotion/react';
-import React, { Fragment, useContext, useEffect, useRef } from 'react';
-import IconCaretDown from '../../../icons/General/IconCaretDown';
-import Link from '../../Link';
-import { TabContext } from '../TabContext';
-import { useContainerDimensions } from '../utils/useContainerDimensions';
-import { TabNavItemWrapper, styles, SelectChildrenWrapper, SelectOption, } from './styles';
-const TabNavItem = ({ value, displayText, trackingEvent, trackingName, className, isSelect, selected, selectItems, }) => {
-    const theme = useTheme();
-    const childrenRef = React.createRef();
-    const [open, setOpen] = React.useState(false);
-    const { active, setActive, setWidth } = useContext(TabContext);
-    const isActive = (selected && selected === value) || value === active;
-    const ref = useRef(null);
-    const { width, bottom, left } = useContainerDimensions(ref);
-    useEffect(() => {
-        const handleClickOutside = (e) => {
-            const node = childrenRef.current;
-            if (node && node.contains(e.target))
-                return;
-            setOpen(false);
-        };
-        open
-            ? document.addEventListener('mousedown', handleClickOutside)
-            : document.removeEventListener('mousedown', handleClickOutside);
-        return () => {
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-    }, [open, childrenRef]);
-    useEffect(() => {
-        if (width)
-            setWidth({ [value]: width });
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [width]);
-    const onSelectClick = (value) => {
-        setActive(value);
-        setOpen(false);
-    };
-    return (_jsxs(Fragment, { children: [_jsxs(TabNavItemWrapper, { ref: ref, onClick: () => (isSelect ? setOpen(!open) : setActive(value)), theme: theme, css: (t) => [isActive && styles.active(t)], "data-tracking-name": trackingName, "data-tracking-event": trackingEvent, className: className, children: [displayText ? displayText : value, isSelect && _jsx(IconCaretDown, { flipVertical: open, size: 20 })] }), isSelect && open && (_jsx(SelectChildrenWrapper, { left: left, theme: theme, bottom: bottom, ref: childrenRef, minWidth: width, children: selectItems?.map(({ displayText, value, onClick, indent, disabled }) => onClick ? (_jsx(SelectOption, { tabIndex: 0, children: _jsx(Link, { nopadding: true, onClick: onClick, children: displayText || value }, value) }, value)) : (_jsx(SelectOption, { bold: value === active, tabIndex: 0, indent: indent, disabled: disabled, onClick: !disabled ? () => onSelectClick(value) : undefined, children: displayText }, value))) }))] }));
-};
-export { TabNavItem };
-export default TabNavItem;

package/lib/core/TabNav/TabNavItem/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/TabNav/TabNavItem/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAWpD,eAAO,MAAM,iBAAiB;;SAStB,MAAO,WACZ;qHAgBF,CAAA;AAED,eAAO,MAAM,qBAAqB;;SAnB1B,MAAO,WACZ;;YAoBS,MAAM;UACR,MAAM;cACF,MAAM;WACT,SAAS;6GAwCnB,CAAA;AAED,eAAO,MAAM,YAAY;;SAlEjB,MAAO,WACZ;;eAuEY,OAAO;WACX,OAAO;aACL,MAAM;yGAelB,CAAA;AAED,eAAO,MAAM,MAAM;oBACD,SAAS;CAc1B,CAAA"}