@fremtind/jokul 0.71.1 → 1.0.0

package/build/es/components/accordion/AccordionItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionItem.js","sources":["../../../../src/components/accordion/AccordionItem.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC, useState } from \"react\";\nimport { useAnimatedDetails } from \"../../hooks/useAnimatedDetails/useAnimatedDetails.js\";\nimport { ArrowVerticalAnimated } from \"../icon/icons/animated/ArrowVerticalAnimated.js\";\nimport type { AccordionItemProps } from \"./types.js\";\n\n/**\n * @deprecated Denne komponenten bør ikke brukes lenger, og vil ikke bli oppdatert.\n * Bruk heller komponenten `Expandable.Content`.\n */\nexport const AccordionItem: FC<AccordionItemProps> = ({\n    children,\n    title,\n    className,\n    startExpanded = false,\n    onClick,\n    id,\n    ...rest\n}) => {\n    const [isOpen, setIsOpen] = useState(startExpanded);\n    const [expandOnMount] = useState(() => startExpanded);\n\n    const { detailsRef, summaryRef, contentRef, onSummaryClick } =\n        useAnimatedDetails({\n            onOpenChange: (open, e) => {\n                setIsOpen(open);\n                if (onClick) {\n                    onClick(e, open);\n                }\n            },\n            isExpanded: expandOnMount,\n        });\n\n    return (\n        <details\n            data-testid=\"jkl-accordion-item\"\n            {...rest}\n            className={clsx(\"jkl-accordion-item\", className)}\n            ref={detailsRef}\n            id={id}\n        >\n            {/* biome-ignore lint/a11y/useKeyWithClickEvents: Fungerer som forventet */}\n            <summary\n                data-testid=\"jkl-accordion-item__title\"\n                className=\"jkl-accordion-item__title\"\n                onClick={onSummaryClick}\n                ref={summaryRef}\n            >\n                {title}\n                <ArrowVerticalAnimated\n                    className=\"jkl-accordion-item__arrow\"\n                    pointingDown={!isOpen}\n                    bold={isOpen}\n                />\n            </summary>\n            <div\n                data-testid=\"jkl-accordion-item__content-wrapper\"\n                className=\"jkl-accordion-item__content-wrapper\"\n                ref={contentRef}\n            >\n                <div className=\"jkl-accordion-item__content\">{children}</div>\n            </div>\n        </details>\n    );\n};\n"],"names":["AccordionItem","children","title","className","startExpanded","onClick","id","rest","isOpen","setIsOpen","useState","expandOnMount","detailsRef","summaryRef","contentRef","onSummaryClick","useAnimatedDetails","onOpenChange","open","e","isExpanded","jsxs","clsx","ref","jsx","ArrowVerticalAnimated","pointingDown","bold"],"mappings":"mTAUO,MAAMA,EAAwC,EACjDC,SAAAA,EACAC,MAAAA,EACAC,UAAAA,EACAC,cAAAA,GAAgB,EAChBC,QAAAA,EACAC,GAAAA,KACGC,MAEG,MAACC,EAAQC,GAAaC,EAASN,IAC9BO,GAAiBD,GAAS,IAAMN,KAE/BQ,WAAAA,EAAYC,WAAAA,EAAYC,WAAAA,EAAYC,eAAAA,GACxCC,EAAmB,CACfC,aAAc,CAACC,EAAMC,KACjBV,EAAUS,GACNb,GACAA,EAAQc,EAAGD,EAAI,EAGvBE,WAAYT,IAIhB,OAAAU,EAAC,UAAA,CACG,cAAY,wBACRd,EACJJ,UAAWmB,EAAK,qBAAsBnB,GACtCoB,IAAKX,EACLN,GAAAA,EAGAL,SAAA,CAAAoB,EAAC,UAAA,CACG,cAAY,4BACZlB,UAAU,4BACVE,QAASU,EACTQ,IAAKV,EAEJZ,SAAA,CAAAC,EACDsB,EAACC,EAAA,CACGtB,UAAU,4BACVuB,cAAelB,EACfmB,KAAMnB,OAGdgB,EAAC,MAAA,CACG,cAAY,sCACZrB,UAAU,sCACVoB,IAAKT,EAELb,SAACuB,EAAA,MAAA,CAAIrB,UAAU,8BAA+BF,SAAAA,QAEtD"}

package/build/es/components/accordion/documentation/AccordionDocs.d.ts

@@ -1,2 +0,0 @@
-import { default as React } from 'react';
-export declare const AccordionExample: () => React.JSX.Element;

package/build/es/components/accordion/documentation/AccordionDocs.js

@@ -1,2 +0,0 @@
-import{jsxs as e,Fragment as r,jsx as n}from"react/jsx-runtime";import{useId as s}from"react";import{UnorderedList as i}from"../../list/List.js";import{ListItem as o}from"../../list/ListItem.js";import{Accordion as t}from"../Accordion.js";import{AccordionItem as m}from"../AccordionItem.js";const a=()=>{const a=s();return e(r,{children:[n("h2",{className:"jkl-portal-heading-medium",id:a,style:{textAlign:"center",marginBottom:24,width:"100%"},children:"Noen spørsmål"}),e(t,{"aria-labelledby":a,children:[e(m,{title:"Hvem kan kjøpe livsforsikring?",onClick:(e,r)=>{console.log(r?"Opening first accordion item":"Closing first accordion item")},children:[e(i,{style:{margin:"var(--jkl-spacing-16) 0"},children:[n(o,{children:"Personer med et norsk fødselsnummer."}),n(o,{children:"Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås."}),n(o,{children:"Livsforsikring kan kjøpes på nett av personer mellom 18 og 79 år."})]}),"Ønsker du en forsikringssum på mer enn 3 millioner trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med banken din."]}),n(m,{title:"Hvem kan kjøpe kritisk sykdom?",children:"Personer med et norsk fødselsnummer. Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås. Kritisk sykdom kan kjøpes på nett av personer mellom 18 og 58 år. Ønsker du en forsikringssum på mer enn 1,1 millioner trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med banken din."}),n(m,{title:"Hvem kan kjøpe uførepensjon?",children:"Personer med et norsk fødselsnummer. Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås. Uførepensjon kan kjøpes på nett av personer mellom 18 og 60 år. Ønsker du en forsikringssum på mer enn 96 000 trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med banken din."})]})]})};export{a as AccordionExample};
-//# sourceMappingURL=AccordionDocs.js.map

package/build/es/components/accordion/documentation/AccordionDocs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionDocs.js","sources":["../../../../../src/components/accordion/documentation/AccordionDocs.tsx"],"sourcesContent":["import React, { useId } from \"react\";\nimport { UnorderedList } from \"../../list/List.js\";\nimport { ListItem } from \"../../list/ListItem.js\";\nimport { Accordion } from \"../Accordion.js\";\nimport { AccordionItem } from \"../AccordionItem.js\";\n\nexport const AccordionExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    const id = useId();\n    return (\n        <>\n            <h2\n                className=\"jkl-portal-heading-medium\"\n                id={id}\n                style={{ textAlign: \"center\", marginBottom: 24, width: \"100%\" }}\n            >\n                Noen spørsmål\n            </h2>\n            <Accordion aria-labelledby={id}>\n                <AccordionItem\n                    title=\"Hvem kan kjøpe livsforsikring?\"\n                    onClick={(e, isOpen) => {\n                        isOpen\n                            ? console.log(\"Opening first accordion item\")\n                            : console.log(\"Closing first accordion item\");\n                    }}\n                >\n                    <UnorderedList\n                        style={{ margin: \"var(--jkl-spacing-16) 0\" }}\n                    >\n                        <ListItem>\n                            Personer med et norsk fødselsnummer.\n                        </ListItem>\n                        <ListItem>\n                            Personer som har vært bosatt i Norge i minst de fem\n                            siste årene før avtalen inngås.\n                        </ListItem>\n                        <ListItem>\n                            Livsforsikring kan kjøpes på nett av personer mellom\n                            18 og 79 år.\n                        </ListItem>\n                    </UnorderedList>\n                    Ønsker du en forsikringssum på mer enn 3 millioner trenger\n                    vi ekstra økonomiske opplysninger. Da må du ta kontakt med\n                    banken din.\n                </AccordionItem>\n                <AccordionItem title=\"Hvem kan kjøpe kritisk sykdom?\">\n                    Personer med et norsk fødselsnummer. Personer som har vært\n                    bosatt i Norge i minst de fem siste årene før avtalen\n                    inngås. Kritisk sykdom kan kjøpes på nett av personer mellom\n                    18 og 58 år. Ønsker du en forsikringssum på mer enn 1,1\n                    millioner trenger vi ekstra økonomiske opplysninger. Da må\n                    du ta kontakt med banken din.\n                </AccordionItem>\n                <AccordionItem title=\"Hvem kan kjøpe uførepensjon?\">\n                    Personer med et norsk fødselsnummer. Personer som har vært\n                    bosatt i Norge i minst de fem siste årene før avtalen\n                    inngås. Uførepensjon kan kjøpes på nett av personer mellom\n                    18 og 60 år. Ønsker du en forsikringssum på mer enn 96 000\n                    trenger vi ekstra økonomiske opplysninger. Da må du ta\n                    kontakt med banken din.\n                </AccordionItem>\n            </Accordion>\n        </>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n"],"names":["AccordionExample","id","useId","jsxs","Fragment","children","jsx","className","style","textAlign","marginBottom","width","Accordion","AccordionItem","title","onClick","e","isOpen","console","log","UnorderedList","margin","ListItem"],"mappings":"mSAMO,MAAMA,EAAmB,KAE5B,MAAMC,EAAKC,IACX,OAEQC,EAAAC,EAAA,CAAAC,SAAA,CAAAC,EAAC,KAAA,CACGC,UAAU,4BACVN,GAAAA,EACAO,MAAO,CAAEC,UAAW,SAAUC,aAAc,GAAIC,MAAO,QAC1DN,SAAA,kBAGDF,EAACS,EAAU,CAAA,kBAAiBX,EACxBI,SAAA,CAAAF,EAACU,EAAA,CACGC,MAAM,iCACNC,QAAS,CAACC,EAAGC,KAEHC,QAAQC,IADdF,EACkB,+BACA,+BAD8B,EAIpDZ,SAAA,CAAAF,EAACiB,EAAA,CACGZ,MAAO,CAAEa,OAAQ,2BAEjBhB,SAAA,CAAAC,EAACgB,GAASjB,SAEV,yCACAC,EAACgB,GAASjB,SAGV,wFACAC,EAACgB,GAASjB,SAGV,yEACY,uIAKnBC,EAAAO,EAAA,CAAcC,MAAM,iCAAiCT,SAOtD,mUACCC,EAAAO,EAAA,CAAcC,MAAM,+BAA+BT,SAOpD,+TAER"}

package/build/es/components/accordion/index.d.ts

@@ -1,3 +0,0 @@
-export { Accordion } from './Accordion.js';
-export { AccordionItem } from './AccordionItem.js';
-export type { AccordionProps, AccordionItemProps } from './types.js';

package/build/es/components/accordion/index.js

@@ -1,2 +0,0 @@
-import{Accordion as o}from"./Accordion.js";import{AccordionItem as c}from"./AccordionItem.js";export{o as Accordion,c as AccordionItem};
-//# sourceMappingURL=index.js.map

package/build/es/components/accordion/stories/Accordion.stories.d.ts

@@ -1,13 +0,0 @@
-import { StoryObj } from '@storybook/react';
-import { default as React } from 'react';
-declare const meta: {
-    title: string;
-    component: React.FC<import('../types.js').AccordionProps>;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Accordion: Story;

package/build/es/components/accordion/stories/Accordion.stories.js

@@ -1,2 +0,0 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import"react";import{UnorderedList as n}from"../../list/List.js";import{ListItem as s}from"../../list/ListItem.js";import{Accordion as o}from"../Accordion.js";import{AccordionItem as i}from"../AccordionItem.js";/* empty css                         */const t={title:"Komponenter/Accordion/Accordion",component:o,parameters:{layout:"padded"},tags:["autodocs"]},m={args:{children:[e(i,{title:"Hvem kan kjøpe livsforsikring?",children:[e(n,{style:{margin:"var(--jkl-spacing-16) 0"},children:[r(s,{children:"Personer med et norsk fødselsnummer."}),r(s,{children:"Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås."}),r(s,{children:"Livsforsikring kan kjøpes på nett av personer mellom 18 og 79 år."})]}),"Ønsker du en forsikringssum på mer enn 3 millioner trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med banken din."]},0),r(i,{title:"Hvem kan kjøpe kritisk sykdom?",children:"Personer med et norsk fødselsnummer. Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås. Kritisk sykdom kan kjøpes på nett av personer mellom 18 og 58 år. Ønsker du en forsikringssum på mer enn 1,1 millioner trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med banken din."},1),r(i,{title:"Hvem kan kjøpe uførepensjon?",children:"Personer med et norsk fødselsnummer. Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås. Uførepensjon kan kjøpes på nett av personer mellom 18 og 60 år. Ønsker du en forsikringssum på mer enn 96 000 trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med banken din."},2)]}};export{m as Accordion,t as default};
-//# sourceMappingURL=Accordion.stories.js.map

package/build/es/components/accordion/stories/Accordion.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.stories.js","sources":["../../../../../src/components/accordion/stories/Accordion.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { UnorderedList } from \"../../list/List.js\";\nimport { ListItem } from \"../../list/ListItem.js\";\nimport { Accordion as AccordionComponent } from \"../Accordion.js\";\nimport { AccordionItem } from \"../AccordionItem.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Accordion/Accordion\",\n    component: AccordionComponent,\n    parameters: {\n        layout: \"padded\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof AccordionComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Accordion: Story = {\n    args: {\n        children: [\n            <AccordionItem title=\"Hvem kan kjøpe livsforsikring?\" key={0}>\n                <UnorderedList style={{ margin: \"var(--jkl-spacing-16) 0\" }}>\n                    <ListItem>Personer med et norsk fødselsnummer.</ListItem>\n                    <ListItem>\n                        Personer som har vært bosatt i Norge i minst de fem\n                        siste årene før avtalen inngås.\n                    </ListItem>\n                    <ListItem>\n                        Livsforsikring kan kjøpes på nett av personer mellom 18\n                        og 79 år.\n                    </ListItem>\n                </UnorderedList>\n                Ønsker du en forsikringssum på mer enn 3 millioner trenger vi\n                ekstra økonomiske opplysninger. Da må du ta kontakt med banken\n                din.\n            </AccordionItem>,\n            <AccordionItem title=\"Hvem kan kjøpe kritisk sykdom?\" key={1}>\n                Personer med et norsk fødselsnummer. Personer som har vært\n                bosatt i Norge i minst de fem siste årene før avtalen inngås.\n                Kritisk sykdom kan kjøpes på nett av personer mellom 18 og 58\n                år. Ønsker du en forsikringssum på mer enn 1,1 millioner trenger\n                vi ekstra økonomiske opplysninger. Da må du ta kontakt med\n                banken din.\n            </AccordionItem>,\n            <AccordionItem title=\"Hvem kan kjøpe uførepensjon?\" key={2}>\n                Personer med et norsk fødselsnummer. Personer som har vært\n                bosatt i Norge i minst de fem siste årene før avtalen inngås.\n                Uførepensjon kan kjøpes på nett av personer mellom 18 og 60 år.\n                Ønsker du en forsikringssum på mer enn 96 000 trenger vi ekstra\n                økonomiske opplysninger. Da må du ta kontakt med banken din.\n            </AccordionItem>,\n        ],\n    },\n};\n"],"names":["meta","title","component","AccordionComponent","parameters","layout","tags","Accordion","args","children","jsxs","AccordionItem","UnorderedList","style","margin","jsx","ListItem"],"mappings":"4SAQA,MAAMA,EAAO,CACTC,MAAO,kCACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,aAMEC,EAAmB,CAC5BC,KAAM,CACFC,SAAU,CACNC,EAACC,EAAc,CAAAV,MAAM,iCACjBQ,SAAA,CAAAC,EAACE,EAAc,CAAAC,MAAO,CAAEC,OAAQ,2BAC5BL,SAAA,CAAAM,EAACC,GAASP,SAAoC,yCAC9CM,EAACC,GAASP,SAGV,wFACAM,EAACC,GAASP,SAGV,yEACY,sIAXuC,GAgB1DM,EAAAJ,EAAA,CAAcV,MAAM,iCAAyCQ,2UAAH,GAQ1DM,EAAAJ,EAAA,CAAcV,MAAM,+BAAuCQ,kUAAH"}

package/build/es/components/accordion/stories/AccordionItem.stories.d.ts

@@ -1,13 +0,0 @@
-import { StoryObj } from '@storybook/react';
-import { default as React } from 'react';
-declare const meta: {
-    title: string;
-    component: React.FC<import('../types.js').AccordionItemProps>;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const AccordionItem: Story;

package/build/es/components/accordion/stories/AccordionItem.stories.js

@@ -1,2 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import"react";import{AccordionItem as r}from"../AccordionItem.js";/* empty css                         */const o={title:"Komponenter/Accordion/AccordionItem",component:r,parameters:{layout:"padded"},tags:["autodocs"]},n={args:{title:"Hvem kan kjøpe kritisk sykdom?",children:e("p",{children:"Personer med et norsk fødselsnummer. Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås. Kritisk sykdom kan kjøpes på nett av personer mellom 18 og 58 år. Ønsker du en forsikringssum på mer enn 1,1 millioner trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med banken din."})}};export{n as AccordionItem,o as default};
-//# sourceMappingURL=AccordionItem.stories.js.map

package/build/es/components/accordion/stories/AccordionItem.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionItem.stories.js","sources":["../../../../../src/components/accordion/stories/AccordionItem.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { AccordionItem as AccordionItemComponent } from \"../AccordionItem.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Accordion/AccordionItem\",\n    component: AccordionItemComponent,\n    parameters: {\n        layout: \"padded\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof AccordionItemComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const AccordionItem: Story = {\n    args: {\n        title: \"Hvem kan kjøpe kritisk sykdom?\",\n        children: (\n            <p>\n                Personer med et norsk fødselsnummer. Personer som har vært\n                bosatt i Norge i minst de fem siste årene før avtalen inngås.\n                Kritisk sykdom kan kjøpes på nett av personer mellom 18 og 58\n                år. Ønsker du en forsikringssum på mer enn 1,1 millioner trenger\n                vi ekstra økonomiske opplysninger. Da må du ta kontakt med\n                banken din.\n            </p>\n        ),\n    },\n};\n"],"names":["meta","title","component","AccordionItemComponent","parameters","layout","tags","AccordionItem","args","children","jsx"],"mappings":"iJAKA,MAAMA,EAAO,CACTC,MAAO,sCACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,aAMEC,EAAuB,CAChCC,KAAM,CACFP,MAAO,iCACPQ,SACKC,EAAA,IAAA,CAAED,SAOH"}

package/build/es/components/accordion/types.d.ts

@@ -1,13 +0,0 @@
-import { Density, WithChildren } from '../../core/types.js';
-export interface AccordionProps extends WithChildren {
-    className?: string;
-    density?: Density;
-    id?: string;
-}
-export interface AccordionItemProps extends WithChildren {
-    title: string;
-    startExpanded?: boolean;
-    className?: string;
-    onClick?: (e: React.MouseEvent, isOpen: boolean) => void;
-    id?: string;
-}

package/build/es/components/accordion/vite-env.d.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=vite-env.d.js.map

package/build/es/components/accordion/vite-env.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"vite-env.d.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/es/components/card/InfoCard.d.ts

@@ -1,13 +0,0 @@
-import { FC } from 'react';
-import { Density, WithChildren } from '../../core/types.js';
-import { PaddingOptions, SpacingStep } from './types.js';
-export interface InfoCardProps extends PaddingOptions, WithChildren {
-    className?: string;
-    title?: string;
-    /**
-     * Legger til ekstra rom i bunnen av kortet, fra spacing-skalaen til Jøkul.
-     */
-    bottomPadding?: SpacingStep;
-    density?: Density;
-}
-export declare const InfoCard: FC<InfoCardProps>;

package/build/es/components/card/InfoCard.js

@@ -1,2 +0,0 @@
-import{jsx as s,jsxs as a}from"react/jsx-runtime";import{c as t}from"../../../clsx-BeLtu-UY.js";import"react";import{getPaddingStyles as e}from"./utils.js";const i=({title:i,children:r,density:l,className:c,padding:d="l",...n})=>s("div",{...n,className:t("jkl-info-card",c),"data-density":l,children:a("div",{className:t("jkl-info-card__content-wrapper"),style:e(d),children:[i&&s("p",{className:"jkl-info-card__title",children:i}),r]})});export{i as InfoCard};
-//# sourceMappingURL=InfoCard.js.map

package/build/es/components/card/InfoCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InfoCard.js","sources":["../../../../src/components/card/InfoCard.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type { Density, WithChildren } from \"../../core/types.js\";\nimport type { PaddingOptions, SpacingStep } from \"./types.js\";\nimport { getPaddingStyles } from \"./utils.js\";\n\nexport interface InfoCardProps extends PaddingOptions, WithChildren {\n    className?: string;\n    title?: string;\n    /**\n     * Legger til ekstra rom i bunnen av kortet, fra spacing-skalaen til Jøkul.\n     */\n    bottomPadding?: SpacingStep;\n    density?: Density;\n}\n\nexport const InfoCard: FC<InfoCardProps> = ({\n    title,\n    children,\n    density,\n    className,\n    padding = \"l\",\n    ...rest\n}) => (\n    <div\n        {...rest}\n        className={clsx(\"jkl-info-card\", className)}\n        data-density={density}\n    >\n        <div\n            className={clsx(\"jkl-info-card__content-wrapper\")}\n            style={getPaddingStyles(padding)}\n        >\n            {title && <p className=\"jkl-info-card__title\">{title}</p>}\n            {children}\n        </div>\n    </div>\n);\n"],"names":["InfoCard","title","children","density","className","padding","rest","jsx","clsx","jsxs","style","getPaddingStyles"],"mappings":"4JAgBO,MAAMA,EAA8B,EACvCC,MAAAA,EACAC,SAAAA,EACAC,QAAAA,EACAC,UAAAA,EACAC,QAAAA,EAAU,OACPC,KAEHC,EAAC,MAAA,IACOD,EACJF,UAAWI,EAAK,gBAAiBJ,GACjC,eAAcD,EAEdD,SAAAO,EAAC,MAAA,CACGL,UAAWI,EAAK,kCAChBE,MAAOC,EAAiBN,GAEvBH,SAAA,CAAAD,GAAUM,EAAA,IAAA,CAAEH,UAAU,uBAAwBF,SAAMD,IACpDC"}

package/build/es/components/card/NavCard.d.ts

@@ -1,26 +0,0 @@
-import { AnchorHTMLAttributes, ElementType, FC } from 'react';
-import { Density, WithChildren } from '../../core/types.js';
-import { ImageProps } from '../image/types.js';
-import { CardTag, PaddingOptions } from './types.js';
-/**
- * Bruk denne komponenten for å legge til ekstra informasjon i NavCard.
- * Innholdet blir rendret med skillelinje, og tekststil "small"
- */
-export declare const InfoBlock: FC<WithChildren>;
-export interface NavCardProps extends PaddingOptions, AnchorHTMLAttributes<HTMLAnchorElement> {
-    tag?: CardTag | Array<CardTag>;
-    title: string;
-    href?: string;
-    to?: string;
-    external?: boolean;
-    description?: string;
-    image?: Omit<ImageProps, "className">;
-    className?: string;
-    /**
-     * Overstyr hvilken komponent som skal brukes, for eksempel hvis du har en Link-komponent fra en router.
-     * @default "a"
-     */
-    component?: ElementType;
-    density?: Density;
-}
-export declare const NavCard: FC<NavCardProps>;

package/build/es/components/card/NavCard.js

@@ -1,2 +0,0 @@
-import{jsxs as a,jsx as r}from"react/jsx-runtime";import{c as e}from"../../../clsx-BeLtu-UY.js";import s from"react";import{Image as n}from"../image/Image.js";import{Tag as t,ErrorTag as c,WarningTag as i,SuccessTag as l,InfoTag as d}from"../tag/Tag.js";import{getPaddingStyles as o}from"./utils.js";const m=({children:a})=>r("div",{className:"jkl-nav-card__info",children:a}),p=({text:a,type:e,density:s})=>{const n=(a=>{switch(a){case"info":return d;case"success":return l;case"warning":return i;case"error":return c;default:return t}})(e);return r(n,{density:s,children:a})},g=s.forwardRef(((s,t)=>{const{component:c="a",padding:i="l",image:l,tag:d,title:m,external:g,description:j,children:v,className:f,density:_,...k}=s,u=c,y=d?Array.isArray(d)?d:[d]:void 0;return a(u,{ref:t,"aria-label":m,className:e("jkl-nav-card",f),"data-density":_,...k,children:[l&&r(n,{className:"jkl-nav-card__image",...l}),a("div",{className:"jkl-nav-card__content",style:o(i),children:[y&&r("div",{className:"jkl-nav-card__tag-wrapper",children:y.map(((a,e)=>r(p,{type:a.type,text:a.text},e)))}),a("div",{children:[r("p",{className:e("jkl-nav-card__link",g?"jkl-nav-card__link--external":""),children:m}),j&&r("p",{className:"jkl-nav-card__description jkl-spacing-xs--top",children:j})]}),v]})]})}));g.displayName="NavCard";export{m as InfoBlock,g as NavCard};
-//# sourceMappingURL=NavCard.js.map

package/build/es/components/card/NavCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavCard.js","sources":["../../../../src/components/card/NavCard.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, {\n    type AnchorHTMLAttributes,\n    type ElementType,\n    type FC,\n} from \"react\";\nimport type { Density, WithChildren } from \"../../core/types.js\";\nimport { Image } from \"../image/Image.js\";\nimport type { ImageProps } from \"../image/types.js\";\nimport { ErrorTag, InfoTag, SuccessTag, Tag, WarningTag } from \"../tag/Tag.js\";\nimport type { TagProps } from \"../tag/types.js\";\nimport type { CardTag, PaddingOptions, TagType } from \"./types.js\";\nimport { getPaddingStyles } from \"./utils.js\";\n\n/**\n * Bruk denne komponenten for å legge til ekstra informasjon i NavCard.\n * Innholdet blir rendret med skillelinje, og tekststil \"small\"\n */\nexport const InfoBlock: FC<WithChildren> = ({ children }) => (\n    <div className=\"jkl-nav-card__info\">{children}</div>\n);\n\nexport interface NavCardProps\n    extends PaddingOptions,\n        AnchorHTMLAttributes<HTMLAnchorElement> {\n    tag?: CardTag | Array<CardTag>;\n    title: string;\n    href?: string;\n    to?: string;\n    external?: boolean;\n    description?: string;\n    image?: Omit<ImageProps, \"className\">;\n    className?: string;\n    /**\n     * Overstyr hvilken komponent som skal brukes, for eksempel hvis du har en Link-komponent fra en router.\n     * @default \"a\"\n     */\n    component?: ElementType;\n    density?: Density;\n}\n\nconst getTag = (type?: TagType) => {\n    switch (type) {\n        case \"info\":\n            return InfoTag;\n        case \"success\":\n            return SuccessTag;\n        case \"warning\":\n            return WarningTag;\n        case \"error\":\n            return ErrorTag;\n        default:\n            return Tag;\n    }\n};\nconst NavCardTag = ({\n    text,\n    type,\n    density,\n}: CardTag & Pick<TagProps, \"density\">) => {\n    const CardTag = getTag(type);\n    return <CardTag density={density}>{text}</CardTag>;\n};\n\nexport const NavCard: FC<NavCardProps> = React.forwardRef<\n    HTMLAnchorElement,\n    NavCardProps\n>((props, ref) => {\n    const {\n        component = \"a\",\n        padding = \"l\",\n        image,\n        tag,\n        title,\n        external,\n        description,\n        children,\n        className,\n        density,\n        ...rest\n    } = props;\n\n    const Component = component;\n\n    const tagArr = !tag ? undefined : Array.isArray(tag) ? tag : [tag];\n\n    return (\n        <Component\n            ref={ref}\n            aria-label={title}\n            className={clsx(\"jkl-nav-card\", className)}\n            data-density={density}\n            {...rest}\n        >\n            {image && <Image className=\"jkl-nav-card__image\" {...image} />}\n            <div\n                className=\"jkl-nav-card__content\"\n                style={getPaddingStyles(padding)}\n            >\n                {tagArr && (\n                    <div className=\"jkl-nav-card__tag-wrapper\">\n                        {tagArr.map((t, index) => (\n                            <NavCardTag\n                                type={t.type}\n                                text={t.text}\n                                key={index}\n                            />\n                        ))}\n                    </div>\n                )}\n                <div>\n                    <p\n                        className={clsx(\n                            \"jkl-nav-card__link\",\n                            external ? \"jkl-nav-card__link--external\" : \"\",\n                        )}\n                    >\n                        {title}\n                    </p>\n                    {description && (\n                        <p className=\"jkl-nav-card__description jkl-spacing-xs--top\">\n                            {description}\n                        </p>\n                    )}\n                </div>\n                {children}\n            </div>\n        </Component>\n    );\n});\n\nNavCard.displayName = \"NavCard\";\n"],"names":["InfoBlock","children","jsx","className","NavCardTag","text","type","density","CardTag","InfoTag","SuccessTag","WarningTag","ErrorTag","Tag","getTag","NavCard","React","forwardRef","props","ref","component","padding","image","tag","title","external","description","rest","Component","tagArr","Array","isArray","jsxs","clsx","Image","style","getPaddingStyles","map","t","index","displayName"],"mappings":"4SAkBa,MAAAA,EAA8B,EAAGC,SAAAA,KACzCC,EAAA,MAAA,CAAIC,UAAU,qBAAsBF,SAAAA,IAoCnCG,EAAa,EACfC,KAAAA,EACAC,KAAAA,EACAC,QAAAA,MAEMC,MAAAA,EAnBK,CAACF,IACZ,OAAQA,GACJ,IAAK,OACMG,OAAAA,EACX,IAAK,UACMC,OAAAA,EACX,IAAK,UACMC,OAAAA,EACX,IAAK,QACMC,OAAAA,EACX,QACWC,OAAAA,EAAA,EAQCC,CAAOR,GAChB,OAAAJ,EAACM,EAAQ,CAAAD,QAAAA,EAAmBN,SAAKI,GAAA,EAG/BU,EAA4BC,EAAMC,YAG7C,CAACC,EAAOC,KACA,MACFC,UAAAA,EAAY,IACZC,QAAAA,EAAU,IACVC,MAAAA,EACAC,IAAAA,EACAC,MAAAA,EACAC,SAAAA,EACAC,YAAAA,EACAzB,SAAAA,EACAE,UAAAA,EACAI,QAAAA,KACGoB,GACHT,EAEEU,EAAYR,EAEZS,EAAUN,EAAkBO,MAAMC,QAAQR,GAAOA,EAAM,CAACA,QAAxC,EAGlB,OAAAS,EAACJ,EAAA,CACGT,IAAAA,EACA,aAAYK,EACZrB,UAAW8B,EAAK,eAAgB9B,GAChC,eAAcI,KACVoB,EAEH1B,SAAA,CAAAqB,GAAUpB,EAAAgC,EAAA,CAAM/B,UAAU,yBAA0BmB,IACrDU,EAAC,MAAA,CACG7B,UAAU,wBACVgC,MAAOC,EAAiBf,GAEvBpB,SAAA,CACG4B,GAAA3B,EAAC,OAAIC,UAAU,4BACVF,WAAOoC,KAAI,CAACC,EAAGC,IACZrC,EAACE,EAAA,CACGE,KAAMgC,EAAEhC,KACRD,KAAMiC,EAAEjC,MACHkC,SAKpB,MACG,CAAAtC,SAAA,CAAAC,EAAC,IAAA,CACGC,UAAW8B,EACP,qBACAR,EAAW,+BAAiC,IAG/CxB,SAAAuB,IAEJE,GACGxB,EAAC,IAAE,CAAAC,UAAU,gDACRF,SACLyB,OAGPzB,OAET,IAIRc,EAAQyB,YAAc"}

package/build/es/components/card/TaskCard.d.ts

@@ -1,23 +0,0 @@
-import { FC } from 'react';
-import { Density, WithChildren } from '../../core/types.js';
-import { PaddingOptions } from './types.js';
-export interface TaskCardProps extends PaddingOptions, WithChildren {
-    /**
-     * Bakgrunnsfargen til kortet
-     * @deprecated Bruk `background` i stedet
-     */
-    bgColor?: "hvit" | "snohvit" | "sand" | "dis";
-    /**
-     * Bestemmer bakgrunnsfargen til kortet, på tvers av mørkt eller lyst tema
-     * @default "highlighted"
-     */
-    background?: "highlighted" | "normal" | "subdued";
-    /**
-     * Skal kortet ha skygge?
-     * @default false
-     */
-    withShadow?: boolean;
-    className?: string;
-    density?: Density;
-}
-export declare const TaskCard: FC<TaskCardProps>;

package/build/es/components/card/TaskCard.js

@@ -1,2 +0,0 @@
-import{jsx as a}from"react/jsx-runtime";import{c as s}from"../../../clsx-BeLtu-UY.js";import"react";import{getPaddingStyles as t}from"./utils.js";const r=({bgColor:r,background:d="highlighted",withShadow:i=!1,padding:c="l",className:e,children:l,density:o,...k})=>a("div",{className:s("jkl-task-card",e,{[`jkl-task-card--${d}`]:!r,[`jkl-task-card--${r}`]:!!r,"jkl-task-card--with-shadow":i}),"data-density":o,...k,children:a("div",{className:"jkl-task-card__content-wrapper",style:t(c),children:l})});export{r as TaskCard};
-//# sourceMappingURL=TaskCard.js.map

package/build/es/components/card/TaskCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TaskCard.js","sources":["../../../../src/components/card/TaskCard.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type { Density, WithChildren } from \"../../core/types.js\";\nimport type { PaddingOptions } from \"./types.js\";\nimport { getPaddingStyles } from \"./utils.js\";\n\nexport interface TaskCardProps extends PaddingOptions, WithChildren {\n    /**\n     * Bakgrunnsfargen til kortet\n     * @deprecated Bruk `background` i stedet\n     */\n    bgColor?: \"hvit\" | \"snohvit\" | \"sand\" | \"dis\";\n    /**\n     * Bestemmer bakgrunnsfargen til kortet, på tvers av mørkt eller lyst tema\n     * @default \"highlighted\"\n     */\n    background?: \"highlighted\" | \"normal\" | \"subdued\";\n    /**\n     * Skal kortet ha skygge?\n     * @default false\n     */\n    withShadow?: boolean;\n    className?: string;\n    density?: Density;\n}\n\nexport const TaskCard: FC<TaskCardProps> = ({\n    bgColor,\n    background = \"highlighted\",\n    withShadow = false,\n    padding = \"l\",\n    className,\n    children,\n    density,\n    ...rest\n}) => (\n    <div\n        className={clsx(\"jkl-task-card\", className, {\n            // Vi bruker kun background hvis bgColor ikke er satt, for å ikke bryte eksisterende kode\n            [`jkl-task-card--${background}`]: !bgColor,\n            [`jkl-task-card--${bgColor}`]: !!bgColor,\n            \"jkl-task-card--with-shadow\": withShadow,\n        })}\n        data-density={density}\n        {...rest}\n    >\n        <div\n            className=\"jkl-task-card__content-wrapper\"\n            style={getPaddingStyles(padding)}\n        >\n            {children}\n        </div>\n    </div>\n);\n"],"names":["TaskCard","bgColor","background","withShadow","padding","className","children","density","rest","jsx","clsx","style","getPaddingStyles"],"mappings":"kJA0BO,MAAMA,EAA8B,EACvCC,QAAAA,EACAC,WAAAA,EAAa,cACbC,WAAAA,GAAa,EACbC,QAAAA,EAAU,IACVC,UAAAA,EACAC,SAAAA,EACAC,QAAAA,KACGC,KAEHC,EAAC,MAAA,CACGJ,UAAWK,EAAK,gBAAiBL,EAAW,CAExC,CAAC,kBAAkBH,MAAgBD,EACnC,CAAC,kBAAkBA,OAAcA,EACjC,6BAA8BE,IAElC,eAAcI,KACVC,EAEJF,SAAAG,EAAC,MAAA,CACGJ,UAAU,iCACVM,MAAOC,EAAiBR,GAEvBE,SAAAA"}

package/build/es/components/card/development/examples/InfoCardExample.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-import { ExampleComponentProps } from 'utils/dev-example/index.js';
-export declare const InfoCardExample: React.FC<ExampleComponentProps>;

package/build/es/components/card/development/examples/NavCardExample.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-import { ExampleComponentProps } from 'utils/dev-example/index.js';
-export declare const NavCardExample: React.FC<ExampleComponentProps>;

package/build/es/components/card/development/examples/TaskCardExample.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-import { ExampleComponentProps } from 'utils/dev-example/index.js';
-export declare const TaskCardExample: React.FC<ExampleComponentProps>;

package/build/es/components/card/development/examples/TopExample.d.ts

@@ -1,3 +0,0 @@
-import { FC } from 'react';
-import { ExampleComponentProps } from 'utils/dev-example/index.js';
-export declare const TopExample: FC<ExampleComponentProps>;

package/build/es/components/card/development/examples/cardExampleProps.d.ts

@@ -1,13 +0,0 @@
-import { ExampleKnobsProps } from 'utils/dev-example/index.js';
-import { PaddingShorthand } from '../../types.js';
-export declare const baseCardExampleProps: {
-    choiceProps: {
-        name: string;
-        values: string[];
-        defaultValue: number;
-    }[];
-};
-export declare const navCardExampleProps: ExampleKnobsProps;
-export declare const taskCardExampleProps: ExampleKnobsProps;
-export declare const infoCardExampleProps: ExampleKnobsProps;
-export declare const mixedPadding: PaddingShorthand;

package/build/es/components/card/utils.d.ts

@@ -1,3 +0,0 @@
-import { CSSProperties } from 'react';
-import { BasePadding, PaddingShorthand } from './types.js';
-export declare function getPaddingStyles(padding: BasePadding | PaddingShorthand): CSSProperties;

package/build/es/components/card/utils.js

@@ -1,2 +0,0 @@
-import{NEW_SPACING_STEPS as a,isOldSpacingStep as t,SPACING_STEPS as n}from"./types.js";function i(i,r="24"){const s=i||r;return t(s)?n.indexOf(s):a.indexOf(s)}function r(t){if("string"==typeof t)return{padding:`var(--jkl-spacing-${a[i(t)]})`};const n=Math.max(i(t.left),i(t.right)),r=a[n];return{padding:`${`var(--jkl-spacing-${a[Math.max(n,i(t.top,r))]})`} ${`var(--jkl-spacing-${r})`} ${`var(--jkl-spacing-${a[Math.max(n,i(t.bottom,r))]})`} ${`var(--jkl-spacing-${r})`}`}}export{r as getPaddingStyles};
-//# sourceMappingURL=utils.js.map

package/build/es/components/card/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/components/card/utils.ts"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport { NEW_SPACING_STEPS, SPACING_STEPS, isOldSpacingStep } from \"./types.js\";\nimport type { BasePadding, PaddingShorthand, SpacingStep } from \"./types.js\";\n\nfunction getSpacingIndex(\n    spacingStep?: SpacingStep,\n    fallback: SpacingStep = \"24\",\n): number {\n    const value = spacingStep || fallback;\n    if (isOldSpacingStep(value)) {\n        return SPACING_STEPS.indexOf(value);\n    }\n\n    return NEW_SPACING_STEPS.indexOf(value);\n}\n\nexport function getPaddingStyles(\n    padding: BasePadding | PaddingShorthand,\n): CSSProperties {\n    if (typeof padding === \"string\") {\n        return {\n            padding: `var(--jkl-spacing-${\n                NEW_SPACING_STEPS[getSpacingIndex(padding)]\n            })`,\n        };\n    }\n\n    // Sett sidepadding til den største av de to innsendte verdiene (eller \"24\")\n    const sideSpacingIndex = Math.max(\n        getSpacingIndex(padding.left),\n        getSpacingIndex(padding.right),\n    );\n    const sidePadding = NEW_SPACING_STEPS[sideSpacingIndex];\n\n    // Sett topp-/bunnpadding til det største av innsendt verdi og sidepadding\n    const topPadding =\n        NEW_SPACING_STEPS[\n            Math.max(\n                sideSpacingIndex,\n                getSpacingIndex(padding.top, sidePadding),\n            )\n        ];\n    const bottomPadding =\n        NEW_SPACING_STEPS[\n            Math.max(\n                sideSpacingIndex,\n                getSpacingIndex(padding.bottom, sidePadding),\n            )\n        ];\n\n    const top = `var(--jkl-spacing-${topPadding})`;\n    const right = `var(--jkl-spacing-${sidePadding})`;\n    const bottom = `var(--jkl-spacing-${bottomPadding})`;\n    const left = `var(--jkl-spacing-${sidePadding})`;\n\n    return { padding: `${top} ${right} ${bottom} ${left}` };\n}\n"],"names":["getSpacingIndex","spacingStep","fallback","value","isOldSpacingStep","SPACING_STEPS","indexOf","NEW_SPACING_STEPS","getPaddingStyles","padding","sideSpacingIndex","Math","max","left","right","sidePadding","top","bottom"],"mappings":"wFAIA,SAASA,EACLC,EACAC,EAAwB,MAExB,MAAMC,EAAQF,GAAeC,EACzBE,OAAAA,EAAiBD,GACVE,EAAcC,QAAQH,GAG1BI,EAAkBD,QAAQH,EACrC,CAEO,SAASK,EACZC,GAEI,GAAmB,iBAAZA,EACA,MAAA,CACHA,QAAS,qBACLF,EAAkBP,EAAgBS,QAM9C,MAAMC,EAAmBC,KAAKC,IAC1BZ,EAAgBS,EAAQI,MACxBb,EAAgBS,EAAQK,QAEtBC,EAAcR,EAAkBG,GAuB/B,MAAA,CAAED,QAAS,GALN,qBAdRF,EACII,KAAKC,IACDF,EACAV,EAAgBS,EAAQO,IAAKD,WAY3B,qBAAqBA,QACpB,qBATXR,EACII,KAAKC,IACDF,EACAV,EAAgBS,EAAQQ,OAAQF,WAO/B,qBAAqBA,OAGtC"}

package/build/es/components/expander/deprecated/ExpandSection.d.ts

@@ -1,26 +0,0 @@
-import { default as React, ReactNode } from 'react';
-import { Density } from '../../../core/types.js';
-import { UseAnimatedHeightOptions } from '../../../hooks/useAnimatedHeight/types.js';
-import { ExpanderProps } from './Expander.js';
-export interface ExpandSectionProps {
-    /**
-     * Innholdet som skal kunne ekspanderes og skjules.
-     * Om du ikke trenger at komponenten tar seg av visning og skjuling av
-     * innholdet skal du bruke `ExpandButton` direkte. Det sparer deg for
-     * å laste inn unødvendige avhengigheter.
-     */
-    children: ReactNode;
-    title: string;
-    className?: string;
-    density?: Density;
-    onClick?: (e: React.MouseEvent<HTMLElement>, isExpanded: boolean) => void;
-    expandButtonProps?: Omit<ExpanderProps, "id" | "isExpanded" | "onClick" | "hideLabel">;
-    useAnimatedHeightOptions?: UseAnimatedHeightOptions;
-    /** Om du ønsker å styre komponenten utenfra */
-    isExpanded?: boolean;
-}
-/**
- * @deprecated Denne komponenten bør ikke brukes lenger, og vil ikke bli oppdatert.
- * Bruk heller komponenten `Expandable`.
- */
-export declare const ExpandSection: ({ children, className, expandButtonProps, isExpanded, density, onClick, title, useAnimatedHeightOptions, ...rest }: ExpandSectionProps) => JSX.Element;

package/build/es/components/expander/deprecated/ExpandSection.js

@@ -1,2 +0,0 @@
-import{jsxs as e,jsx as s}from"react/jsx-runtime";import{c as t}from"../../../../clsx-BeLtu-UY.js";import{useState as a,useEffect as n}from"react";import{useAnimatedDetails as i}from"../../../hooks/useAnimatedDetails/useAnimatedDetails.js";import{Expander as d}from"./Expander.js";const r=({children:r,className:o,expandButtonProps:c,isExpanded:m=!1,density:p,onClick:l,title:x,useAnimatedHeightOptions:f,...u})=>{const[j,k]=a(m);n((()=>{k(m)}),[m]);const{detailsRef:h,summaryRef:E,contentRef:_,onSummaryClick:y}=i({onOpenChange:(e,s)=>{k(e),l&&l(s,e)},isExpanded:m});return e("details",{"data-testid":"jkl-expand-section",className:t("jkl-expand-section",o),...u,ref:h,children:[s(d,{as:"summary",...c,density:p,isExpanded:j,onClick:y,ref:E,children:x}),s("div",{"data-testid":"jkl-expand-section__content-wrapper",className:"jkl-expand-section__content-wrapper",ref:_,children:s("div",{className:"jkl-expand-section__content",children:r})})]})};export{r as ExpandSection};
-//# sourceMappingURL=ExpandSection.js.map

package/build/es/components/expander/deprecated/ExpandSection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpandSection.js","sources":["../../../../../src/components/expander/deprecated/ExpandSection.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type ReactNode, useEffect, useState } from \"react\";\nimport type { Density } from \"../../../core/types.js\";\nimport { useAnimatedDetails } from \"../../../hooks/useAnimatedDetails/useAnimatedDetails.js\";\nimport type { UseAnimatedHeightOptions } from \"../../../hooks/useAnimatedHeight/types.js\";\nimport { Expander, type ExpanderProps } from \"./Expander.js\";\n\nexport interface ExpandSectionProps {\n    /**\n     * Innholdet som skal kunne ekspanderes og skjules.\n     * Om du ikke trenger at komponenten tar seg av visning og skjuling av\n     * innholdet skal du bruke `ExpandButton` direkte. Det sparer deg for\n     * å laste inn unødvendige avhengigheter.\n     */\n    children: ReactNode;\n    title: string;\n    className?: string;\n    density?: Density;\n    onClick?: (e: React.MouseEvent<HTMLElement>, isExpanded: boolean) => void;\n    expandButtonProps?: Omit<\n        ExpanderProps,\n        \"id\" | \"isExpanded\" | \"onClick\" | \"hideLabel\"\n    >;\n    useAnimatedHeightOptions?: UseAnimatedHeightOptions;\n    /** Om du ønsker å styre komponenten utenfra */\n    isExpanded?: boolean;\n}\n\n/**\n * @deprecated Denne komponenten bør ikke brukes lenger, og vil ikke bli oppdatert.\n * Bruk heller komponenten `Expandable`.\n */\nexport const ExpandSection = ({\n    children,\n    className,\n    expandButtonProps,\n    isExpanded = false,\n    density,\n    onClick,\n    title,\n    useAnimatedHeightOptions,\n    ...rest\n}: ExpandSectionProps): JSX.Element => {\n    const [expanded, setIsExpanded] = useState(isExpanded);\n\n    useEffect(() => {\n        setIsExpanded(isExpanded);\n    }, [isExpanded]);\n\n    const { detailsRef, summaryRef, contentRef, onSummaryClick } =\n        useAnimatedDetails({\n            onOpenChange: (open, e) => {\n                setIsExpanded(open);\n                if (onClick) {\n                    onClick(e, open);\n                }\n            },\n            isExpanded,\n        });\n\n    return (\n        <details\n            data-testid={\"jkl-expand-section\"}\n            className={clsx(\"jkl-expand-section\", className)}\n            {...rest}\n            ref={detailsRef}\n        >\n            <Expander\n                as={\"summary\"}\n                {...expandButtonProps}\n                density={density}\n                isExpanded={expanded}\n                onClick={onSummaryClick}\n                ref={summaryRef}\n            >\n                {title}\n            </Expander>\n            <div\n                data-testid=\"jkl-expand-section__content-wrapper\"\n                className=\"jkl-expand-section__content-wrapper\"\n                ref={contentRef}\n            >\n                <div className=\"jkl-expand-section__content\">{children}</div>\n            </div>\n        </details>\n    );\n};\n"],"names":["ExpandSection","children","className","expandButtonProps","isExpanded","density","onClick","title","useAnimatedHeightOptions","rest","expanded","setIsExpanded","useState","useEffect","detailsRef","summaryRef","contentRef","onSummaryClick","useAnimatedDetails","onOpenChange","open","e","jsxs","clsx","ref","jsx","Expander","as"],"mappings":"yRAgCO,MAAMA,EAAgB,EACzBC,SAAAA,EACAC,UAAAA,EACAC,kBAAAA,EACAC,WAAAA,GAAa,EACbC,QAAAA,EACAC,QAAAA,EACAC,MAAAA,EACAC,yBAAAA,KACGC,MAEH,MAAOC,EAAUC,GAAiBC,EAASR,GAE3CS,GAAU,KACNF,EAAcP,EAAU,GACzB,CAACA,IAEE,MAAEU,WAAAA,EAAYC,WAAAA,EAAYC,WAAAA,EAAYC,eAAAA,GACxCC,EAAmB,CACfC,aAAc,CAACC,EAAMC,KACjBV,EAAcS,GACVd,GACAA,EAAQe,EAAGD,EAAI,EAGvBhB,WAAAA,IAIJ,OAAAkB,EAAC,UAAA,CACG,cAAa,qBACbpB,UAAWqB,EAAK,qBAAsBrB,MAClCO,EACJe,IAAKV,EAELb,SAAA,CAAAwB,EAACC,EAAA,CACGC,GAAI,aACAxB,EACJE,QAAAA,EACAD,WAAYM,EACZJ,QAASW,EACTO,IAAKT,EAEJd,SAAAM,IAELkB,EAAC,MAAA,CACG,cAAY,sCACZvB,UAAU,sCACVsB,IAAKR,EAELf,SAACwB,EAAA,MAAA,CAAIvB,UAAU,8BAA+BD,SAAAA,QAEtD"}

package/build/es/components/expander/deprecated/Expander.d.ts

@@ -1,27 +0,0 @@
-import { default as React } from 'react';
-import { Density, WithChildren } from '../../../core/types.js';
-export interface ExpanderProps extends WithChildren {
-    as?: "summary" | "button";
-    /** Må settes dersom du ikke bruker CoreToggle. Verdien skal være IDen til innholdet du ekspanderer. */
-    "aria-controls"?: string;
-    /** Må settes dersom du ikke bruker CoreToggle. IDen her skal brukes som verdien til aria-labelledby på innholdet du ekspanderer. */
-    id?: string;
-    className?: string;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;
-    /**
-     * Styrer retningen til pila, som animeres ved endring. Styrer også aria-expanded.
-     * @default false
-     */
-    isExpanded?: boolean;
-    /** @default "down" */
-    expandDirection?: "up" | "down";
-    density?: Density;
-    /**
-     * Skjul knappeteksten visuelt.
-     *
-     * @default false
-     */
-    hideLabel?: boolean;
-}
-export declare const Expander: React.ForwardRefExoticComponent<ExpanderProps & React.RefAttributes<HTMLButtonElement>>;

package/build/es/components/expander/deprecated/Expander.js

@@ -1,2 +0,0 @@
-import{jsxs as e,jsx as a}from"react/jsx-runtime";import{c as r}from"../../../../clsx-BeLtu-UY.js";import n from"react";import{ScreenReaderOnly as d}from"../../ScreenReaderOnly.js";import{ArrowVerticalAnimated as o}from"../../icon/icons/animated/ArrowVerticalAnimated.js";const t=n.forwardRef((({as:t="button",className:s,children:i,density:l,expandDirection:c="down",isExpanded:p=!1,hideLabel:m=!1,...x},j)=>{const f=m?d:n.Fragment,w="down"===c?!p:p;return e(t,{"aria-expanded":p,"data-testid":"jkl-old-expander",type:"button"===t?"button":void 0,className:r("jkl-old-expander",s,{"jkl-old-expander--expanded":p,"jkl-old-expander--icon-only":!i}),...x,"data-density":l,ref:j,children:[i&&a(f,{children:a("span",{className:"jkl-old-expander__text",children:i})}),a(o,{className:"jkl-old-expander__arrow",pointingDown:w,bold:p})]})}));t.displayName="Expander";export{t as Expander};
-//# sourceMappingURL=Expander.js.map

package/build/es/components/expander/deprecated/Expander.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Expander.js","sources":["../../../../../src/components/expander/deprecated/Expander.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type ForwardedRef } from \"react\";\nimport type { Density, WithChildren } from \"../../../core/types.js\";\nimport { ScreenReaderOnly } from \"../../ScreenReaderOnly.js\";\nimport { ArrowVerticalAnimated } from \"../../icon/icons/animated/ArrowVerticalAnimated.js\";\n\nexport interface ExpanderProps extends WithChildren {\n    as?: \"summary\" | \"button\";\n    /** Må settes dersom du ikke bruker CoreToggle. Verdien skal være IDen til innholdet du ekspanderer. */\n    \"aria-controls\"?: string;\n    /** Må settes dersom du ikke bruker CoreToggle. IDen her skal brukes som verdien til aria-labelledby på innholdet du ekspanderer. */\n    id?: string;\n    className?: string;\n    onClick?: React.MouseEventHandler<HTMLButtonElement>;\n    onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;\n    /**\n     * Styrer retningen til pila, som animeres ved endring. Styrer også aria-expanded.\n     * @default false\n     */\n    isExpanded?: boolean;\n    /** @default \"down\" */\n    expandDirection?: \"up\" | \"down\";\n    density?: Density;\n    /**\n     * Skjul knappeteksten visuelt.\n     *\n     * @default false\n     */\n    hideLabel?: boolean;\n}\n\nexport const Expander = React.forwardRef(\n    (\n        {\n            as = \"button\",\n            className,\n            children,\n            density,\n            expandDirection = \"down\",\n            isExpanded = false,\n            hideLabel = false,\n            ...rest\n        }: ExpanderProps,\n        ref: ForwardedRef<HTMLButtonElement>,\n    ): JSX.Element => {\n        const ContentWrapper = hideLabel ? ScreenReaderOnly : React.Fragment;\n        const pointingDown =\n            expandDirection === \"down\" ? !isExpanded : isExpanded;\n\n        const El = as;\n        const type = El === \"button\" ? \"button\" : undefined;\n\n        return (\n            <El\n                aria-expanded={isExpanded}\n                data-testid=\"jkl-old-expander\"\n                type={type}\n                className={clsx(\"jkl-old-expander\", className, {\n                    \"jkl-old-expander--expanded\": isExpanded,\n                    \"jkl-old-expander--icon-only\": !children,\n                })}\n                {...rest}\n                data-density={density}\n                ref={ref}\n            >\n                {children && (\n                    <ContentWrapper>\n                        <span className=\"jkl-old-expander__text\">\n                            {children}\n                        </span>\n                    </ContentWrapper>\n                )}\n                <ArrowVerticalAnimated\n                    className=\"jkl-old-expander__arrow\"\n                    pointingDown={pointingDown}\n                    bold={isExpanded}\n                />\n            </El>\n        );\n    },\n);\n\nExpander.displayName = \"Expander\";\n"],"names":["Expander","React","forwardRef","as","className","children","density","expandDirection","isExpanded","hideLabel","rest","ref","ContentWrapper","ScreenReaderOnly","Fragment","pointingDown","jsxs","type","clsx","jsx","ArrowVerticalAnimated","bold","displayName"],"mappings":"gRA+BO,MAAMA,EAAWC,EAAMC,YAC1B,EAEQC,GAAAA,EAAK,SACLC,UAAAA,EACAC,SAAAA,EACAC,QAAAA,EACAC,gBAAAA,EAAkB,OAClBC,WAAAA,GAAa,EACbC,UAAAA,GAAY,KACTC,GAEPC,KAEMC,MAAAA,EAAiBH,EAAYI,EAAmBZ,EAAMa,SACtDC,EACkB,SAApBR,GAA8BC,EAAaA,EAM3C,OAAAQ,EAJOb,EAIN,CACG,gBAAeK,EACf,cAAY,mBACZS,KANY,WADTd,EACoB,cAAW,EAOlCC,UAAWc,EAAK,mBAAoBd,EAAW,CAC3C,6BAA8BI,EAC9B,+BAAgCH,OAEhCK,EACJ,eAAcJ,EACdK,IAAAA,EAECN,SAAA,CAAAA,KACIO,EACG,CAAAP,SAAAc,EAAC,QAAKf,UAAU,yBACXC,SAAAA,MAIbc,EAACC,EAAA,CACGhB,UAAU,0BACVW,aAAAA,EACAM,KAAMb,MAEd,IAKZR,EAASsB,YAAc"}

package/build/es/components/expander/stories/ExpanderPanel.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpanderPanel.stories.js","sources":["../../../../../src/components/expander/stories/ExpanderPanel.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Flex } from \"../../flex/Flex.js\";\nimport { GreenCheckIcon } from \"../../icon/index.js\";\nimport { ExpandablePanel } from \"../ExpandablePanel.js\";\nimport { ExpandablePanelContent } from \"../ExpandablePanelContent.js\";\nimport { Expander } from \"../Expander.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/ExpandablePanel\",\n    component: ExpandablePanel,\n    subcomponents: { Expander, ExpandablePanelContent },\n    parameters: {\n        layout: \"padded\",\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        variant: { control: \"select\", options: [\"stroke\", \"fill\"] },\n    },\n};\n\nexport default meta;\n\ntype StoryExpanderPanel = StoryObj<{\n    icon?: boolean;\n    flipDirection?: boolean;\n    variant: \"stroke\" | \"fill\";\n}>;\n\nexport const ExpandablePanelStory: StoryExpanderPanel = {\n    name: \"ExpandablePanel\",\n    args: {\n        variant: \"fill\",\n        icon: true,\n        flipDirection: false,\n    },\n    render: ({ icon, flipDirection, ...props }) => (\n        <Flex style={{ width: \"100%\" }} direction=\"column\" gap={4}>\n            {[...Array(3)].map((_, index) => (\n                <ExpandablePanel key={index} {...props}>\n                    <Expander\n                        icon={icon ? <GreenCheckIcon /> : undefined}\n                        expandDirection={flipDirection ? \"up\" : undefined}\n                    >\n                        Når er det vi faktisk er åpne?\n                    </Expander>\n                    <ExpandablePanel.Content>\n                        Velkommen innom når vi faktisk har kaffe! Vi er åpne\n                        mandag til fredag fra kl. 09:00 til 18:00. Lørdag kan du\n                        besøke oss fra 10:00 til 16:00 (vi liker en rolig start\n                        på lørdagen). Søndager hviler vi – og det burde du også!\n                    </ExpandablePanel.Content>\n                </ExpandablePanel>\n            ))}\n        </Flex>\n    ),\n};\n"],"names":["meta","title","component","ExpandablePanel","subcomponents","Expander","ExpandablePanelContent","parameters","layout","tags","argTypes","variant","control","options","ExpandablePanelStory","name","args","icon","flipDirection","render","props","jsx","Flex","style","width","direction","gap","children","Array","map","_","index","jsxs","GreenCheckIcon","expandDirection","Content"],"mappings":"wyDASA,MAAMA,EAAa,CACfC,MAAO,8BACPC,UAAWC,EACXC,cAAe,CAAEC,SAAAA,EAAUC,uBAAAA,GAC3BC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,QAAS,CAAEC,QAAS,SAAUC,QAAS,CAAC,SAAU,WAY7CC,EAA2C,CACpDC,KAAM,kBACNC,KAAM,CACFL,QAAS,OACTM,MAAM,EACNC,eAAe,GAEnBC,OAAQ,EAAGF,KAAAA,EAAMC,cAAAA,KAAkBE,KAC/BC,EAACC,EAAK,CAAAC,MAAO,CAAEC,MAAO,QAAUC,UAAU,SAASC,IAAK,EACnDC,SAAA,IAAIC,MAAM,IAAIC,KAAI,CAACC,EAAGC,IAClBC,EAAA7B,EAAA,IAAgCiB,EAC7BO,SAAA,CAAAN,EAAChB,EAAA,CACGY,KAAMA,EAAQI,EAAAY,EAAA,CAAA,QAAoB,EAClCC,gBAAiBhB,EAAgB,UAAO,EAC3CS,SAAA,mCAGAN,EAAAlB,EAAgBgC,QAAhB,CAAwBR,SAKzB,qOAZkBI"}

package/build/es/components/index.d.ts

@@ -1,47 +0,0 @@
-export * from './accordion/index.js';
-export * from './autosuggest/index.js';
-export * from './breadcrumb/index.js';
-export * from './button/index.js';
-export * from './card/index.js';
-export * from './checkbox-panel/index.js';
-export * from './checkbox/index.js';
-export * from './chip/index.js';
-export * from './combobox/index.js';
-export * from './cookie-consent/index.js';
-export * from './countdown/index.js';
-export * from './datepicker/index.js';
-export * from './description-list/index.js';
-export * from './expander/index.js';
-export * from './feedback/index.js';
-export * from './file-input/index.js';
-export * from './flex/index.js';
-export * from './icon-button/index.js';
-export * from './icon/index.js';
-export * from './image/index.js';
-export * from './input-group/index.js';
-export * from './link-list/index.js';
-export * from './link/index.js';
-export * from './list/index.js';
-export * from './loader/index.js';
-export * from './logo/index.js';
-export * from './menu/index.js';
-export * from './message/index.js';
-export * from './modal/index.js';
-export * from './nav-link/index.js';
-export * from './pagination/index.js';
-export * from './popover/index.js';
-export * from './progress-bar/index.js';
-export * from './radio-button/index.js';
-export * from './radio-panel/index.js';
-export * from './select/index.js';
-export * from './summary-table/index.js';
-export * from './system-message/index.js';
-export * from './table/index.js';
-export * from './tabs/index.js';
-export * from './tag/index.js';
-export * from './text-area/index.js';
-export * from './text-input/index.js';
-export * from './toast/index.js';
-export * from './toggle-switch/index.js';
-export * from './tooltip/index.js';
-export { ScreenReaderOnly, type ScreenReaderOnlyProps, } from './ScreenReaderOnly.js';

package/build/es/components/index.js

@@ -1,2 +0,0 @@
-import{Accordion as o}from"./accordion/Accordion.js";import{AccordionItem as a}from"./accordion/AccordionItem.js";import{Autosuggest as s}from"./autosuggest/Autosuggest.js";import{Breadcrumb as e}from"./breadcrumb/Breadcrumb.js";import{BreadcrumbItem as r}from"./breadcrumb/BreadcrumbItem.js";import{Button as t,PrimaryButton as n,SecondaryButton as i,TertiaryButton as m}from"./button/Button.js";import{Card as l}from"./card/Card.js";import{CardImage as p}from"./card/CardImage.js";import{InfoBlock as c,NavCard as d}from"./card/NavCard.js";import{TaskCard as u}from"./card/TaskCard.js";import{InfoCard as b}from"./card/InfoCard.js";import{CheckboxPanel as f}from"./checkbox-panel/CheckboxPanel.js";import{Checkbox as I}from"./checkbox/Checkbox.js";import{Chip as T}from"./chip/Chip.js";import{Combobox as j,getComboboxValuePair as g}from"./combobox/Combobox.js";import{CookieConsent as C}from"./cookie-consent/CookieConsent.js";import{CookieConsentProvider as k,useCookieConsent as S}from"./cookie-consent/CookieConsentContext.js";import{Countdown as x}from"./countdown/Countdown.js";import{DatePicker as h}from"./datepicker/DatePicker.js";import{isCorrectFormat as B,isWithinLowerBound as L,isWithinUpperBound as v}from"./datepicker/validation.js";import{formatInput as w,isBlurTargetOutside as A,parseDateString as M}from"./datepicker/utils.js";import{DescriptionDetail as P,DescriptionList as R,DescriptionTerm as F}from"./description-list/DescriptionList.js";import{ExpandablePanel as E}from"./expander/ExpandablePanel.js";import{Expander as D}from"./expander/Expander.js";import{ExpandSection as y}from"./expander/deprecated/ExpandSection.js";import{Feedback as G}from"./feedback/Feedback.js";import{PRESETS as N}from"./feedback/presets.js";import{FileInput as H}from"./file-input/FileInput.js";import{upload as U}from"./file-input/utils.js";import{Flex as W}from"./flex/Flex.js";import{IconButton as O}from"./icon-button/IconButton.js";import{Icon as V}from"./icon/Icon.js";import{ArrowVerticalAnimated as z}from"./icon/icons/animated/ArrowVerticalAnimated.js";import{ArrowHorizontalAnimated as Q}from"./icon/icons/animated/ArrowHorizontalAnimated.js";import{PlusRemoveAnimated as q}from"./icon/icons/animated/PlusRemoveAnimated.js";import{ArrowDownIcon as J}from"./icon/icons/ArrowDownIcon.js";import{ArrowLeftIcon as K}from"./icon/icons/ArrowLeftIcon.js";import{ArrowNorthEastIcon as X}from"./icon/icons/ArrowNorthEastIcon.js";import{ArrowRightIcon as Y}from"./icon/icons/ArrowRightIcon.js";import{ArrowUpIcon as Z}from"./icon/icons/ArrowUpIcon.js";import{CalendarIcon as $}from"./icon/icons/CalendarIcon.js";import{CheckIcon as _}from"./icon/icons/CheckIcon.js";import{ChevronDownIcon as oo}from"./icon/icons/ChevronDownIcon.js";import{ChevronLeftIcon as ao}from"./icon/icons/ChevronLeftIcon.js";import{ChevronRightIcon as so}from"./icon/icons/ChevronRightIcon.js";import{ChevronUpIcon as eo}from"./icon/icons/ChevronUpIcon.js";import{CloseIcon as ro}from"./icon/icons/CloseIcon.js";import{CopyIcon as to}from"./icon/icons/CopyIcon.js";import{DotsIcon as no}from"./icon/icons/DotsIcon.js";import{DragIcon as io}from"./icon/icons/DragIcon.js";import{ErrorIcon as mo}from"./icon/icons/ErrorIcon.js";import{GreenCheckIcon as lo}from"./icon/icons/GreenCheckIcon.js";import{HamburgerIcon as po}from"./icon/icons/HamburgerIcon.js";import{InfoIcon as co}from"./icon/icons/InfoIcon.js";import{LinkIcon as uo}from"./icon/icons/LinkIcon.js";import{MinusIcon as bo}from"./icon/icons/MinusIcon.js";import{OpenInNewIcon as fo}from"./icon/icons/OpenInNewIcon.js";import{PenIcon as Io}from"./icon/icons/PenIcon.js";import{PlusIcon as To}from"./icon/icons/PlusIcon.js";import{QuestionIcon as jo}from"./icon/icons/QuestionIcon.js";import{RedCrossIcon as go}from"./icon/icons/RedCrossIcon.js";import{SearchIcon as Co}from"./icon/icons/SearchIcon.js";import{SuccessIcon as ko}from"./icon/icons/SuccessIcon.js";import{ThumbDownIcon as So}from"./icon/icons/ThumbDownIcon.js";import{ThumbUpIcon as xo}from"./icon/icons/ThumbUpIcon.js";import{TrashCanIcon as ho}from"./icon/icons/TrashCanIcon.js";import{WarningIcon as Bo}from"./icon/icons/WarningIcon.js";import{Image as Lo}from"./image/Image.js";import{FieldGroup as vo}from"./input-group/FieldGroup.js";import{InputGroup as wo}from"./input-group/InputGroup.js";import{Label as Ao}from"./input-group/Label.js";import{SupportLabel as Mo}from"./input-group/SupportLabel.js";import{LinkList as Po}from"./link-list/LinkList.js";import{Link as Ro}from"./link/Link.js";import{List as Fo,OrderedList as Eo,UnorderedList as Do}from"./list/List.js";import{CheckListItem as yo,CrossListItem as Go,ListItem as No}from"./list/ListItem.js";import{Loader as Ho}from"./loader/Loader.js";import{SkeletonAnimation as Uo}from"./loader/skeletons/SkeletonAnimation.js";import{SkeletonButton as Wo}from"./loader/skeletons/SkeletonButton.js";import{SkeletonCheckboxGroup as Oo}from"./loader/skeletons/SkeletonCheckboxGroup.js";import{SkeletonElement as Vo}from"./loader/skeletons/SkeletonElement.js";import{SkeletonInput as zo}from"./loader/skeletons/SkeletonInput.js";import{SkeletonRadioButtonGroup as Qo}from"./loader/skeletons/SkeletonRadioButtonGroup.js";import{SkeletonTable as qo,SkeletonTableHeader as Jo,SkeletonTableRow as Ko}from"./loader/skeletons/SkeletonTable.js";import{SkeletonTextArea as Xo}from"./loader/skeletons/SkeletonTextArea.js";import{Logo as Yo}from"./logo/Logo.js";import{LogoStamp as Zo}from"./logo/LogoStamp.js";import{ForsikringLevertAvFremtind as $o}from"./logo/text-paths/ForsikringLevertAvFremtind.js";import{FraSB1ogDNB as _o}from"./logo/text-paths/FraSB1ogDNB.js";import{InnovasjonFraFremtind as oa}from"./logo/text-paths/InnovasjonFraFremtind.js";import{TeknologiFraFremtind as aa}from"./logo/text-paths/TeknologiFraFremtind.js";import{VartEgetForsikringsselskap as sa}from"./logo/text-paths/VartEgetForsikringsselskap.js";import{VartForsikringsselskap as ea}from"./logo/text-paths/VartForsikringsselskap.js";import{Menu as ra}from"./menu/Menu.js";import{MenuItem as ta}from"./menu/MenuItem.js";import{MenuItemCheckbox as na}from"./menu/MenuItemCheckbox.js";import{MenuDivider as ia}from"./menu/MenuDivider.js";import{ErrorMessage as ma,InfoMessage as la,SuccessMessage as pa,WarningMessage as ca}from"./message/Message.js";import{FormErrorMessage as da}from"./message/FormErrorMessage.js";import{Modal as ua,ModalActions as ba,ModalBody as fa,ModalCloseButton as Ia,ModalContainer as Ta,ModalHeader as ja,ModalOverlay as ga,ModalTitle as Ca}from"./modal/Modal.js";import{useModal as ka}from"./modal/useModal.js";import{NavLink as Sa}from"./nav-link/NavLink.js";import{Pagination as xa}from"./pagination/Pagination.js";import{Popover as ha}from"./popover/Popover.js";import{ProgressBar as Ba}from"./progress-bar/ProgressBar.js";import{RadioButton as La}from"./radio-button/RadioButton.js";import{RadioButtonGroup as va}from"./radio-button/RadioButtonGroup.js";import{BaseRadioButton as wa}from"./radio-button/BaseRadioButton.js";import{RadioPanel as Aa}from"./radio-panel/RadioPanel.js";import{RadioPanelGroup as Ma}from"./radio-panel/RadioPanelGroup.js";import{Select as Pa}from"./select/Select.js";import{NativeSelect as Ra}from"./select/NativeSelect.js";import{SummaryTable as Fa}from"./summary-table/SummaryTable.js";import{SummaryTableRow as Ea}from"./summary-table/SummaryTableRow.js";import{ErrorSystemMessage as Da,InfoSystemMessage as ya,SuccessSystemMessage as Ga,WarningSystemMessage as Na}from"./system-message/SystemMessage.js";import{DataTable as Ha}from"./table/DataTable.js";import{Table as Ua}from"./table/Table.js";import{TableBody as Wa}from"./table/TableBody.js";import{TableCaption as Oa}from"./table/TableCaption.js";import{TableCell as Va}from"./table/TableCell.js";import{TableColumn as za}from"./table/TableColumn.js";import{TableColumnGroup as Qa}from"./table/TableColumnGroup.js";import{TableContextProvider as qa,useTableContext as Ja}from"./table/tableContext.js";import{TableSectionContextProvider as Ka,useTableSectionContext as Xa}from"./table/tableSectionContext.js";import{TableFooter as Ya}from"./table/TableFooter.js";import{TableHead as Za}from"./table/TableHead.js";import{TableHeader as $a}from"./table/TableHeader.js";import{TablePagination as _a}from"./table/TablePagination.js";import{TableRow as os}from"./table/TableRow.js";import{ExpandableTableRow as as}from"./table/ExpandableTableRow.js";import{ExpandableTableRowController as ss}from"./table/ExpandableTableRowController.js";import{useSortableTableHeader as es}from"./table/utils.js";import{NavTab as rs}from"./tabs/NavTab.js";import{NavTabs as ts}from"./tabs/NavTabs.js";import{Tabs as ns}from"./tabs/Tabs.js";import{TabList as is}from"./tabs/TabList.js";import{Tab as ms}from"./tabs/Tab.js";import{TabPanel as ls}from"./tabs/TabPanel.js";import{ErrorTag as ps,InfoTag as cs,SuccessTag as ds,Tag as us,WarningTag as bs}from"./tag/Tag.js";import{BaseTextArea as fs}from"./text-area/BaseTextArea.js";import{TextArea as Is}from"./text-area/TextArea.js";import{BaseTextInput as Ts}from"./text-input/BaseTextInput.js";import{TextInput as js}from"./text-input/TextInput.js";import{ToastProvider as gs,useToast as Cs}from"./toast/toastContext.js";import{ToggleSwitch as ks}from"./toggle-switch/ToggleSwitch.js";import{ToggleSlider as Ss}from"./toggle-switch/ToggleSlider.js";import{Tooltip as xs}from"./tooltip/Tooltip.js";import{TooltipContent as hs}from"./tooltip/TooltipContent.js";import{TooltipTrigger as Bs}from"./tooltip/TooltipTrigger.js";import{PopupTip as Ls}from"./tooltip/PopupTip.js";import{ScreenReaderOnly as vs}from"./ScreenReaderOnly.js";export{o as Accordion,a as AccordionItem,J as ArrowDownIcon,Q as ArrowHorizontalAnimated,K as ArrowLeftIcon,X as ArrowNorthEastIcon,Y as ArrowRightIcon,Z as ArrowUpIcon,z as ArrowVerticalAnimated,s as Autosuggest,wa as BaseRadioButton,fs as BaseTextArea,Ts as BaseTextInput,e as Breadcrumb,r as BreadcrumbItem,t as Button,$ as CalendarIcon,l as Card,p as CardImage,_ as CheckIcon,yo as CheckListItem,I as Checkbox,f as CheckboxPanel,oo as ChevronDownIcon,ao as ChevronLeftIcon,so as ChevronRightIcon,eo as ChevronUpIcon,T as Chip,ro as CloseIcon,j as Combobox,C as CookieConsent,k as CookieConsentProvider,to as CopyIcon,x as Countdown,Go as CrossListItem,Ha as DataTable,h as DatePicker,P as DescriptionDetail,R as DescriptionList,F as DescriptionTerm,no as DotsIcon,io as DragIcon,mo as ErrorIcon,ma as ErrorMessage,Da as ErrorSystemMessage,ps as ErrorTag,y as ExpandSection,E as ExpandablePanel,as as ExpandableTableRow,ss as ExpandableTableRowController,D as Expander,G as Feedback,vo as FieldGroup,H as FileInput,W as Flex,da as FormErrorMessage,$o as ForsikringLevertAvFremtind,_o as FraSB1ogDNB,lo as GreenCheckIcon,po as HamburgerIcon,V as Icon,O as IconButton,Lo as Image,c as InfoBlock,b as InfoCard,co as InfoIcon,la as InfoMessage,ya as InfoSystemMessage,cs as InfoTag,oa as InnovasjonFraFremtind,wo as InputGroup,Ao as Label,Ro as Link,uo as LinkIcon,Po as LinkList,Fo as List,No as ListItem,Ho as Loader,Yo as Logo,Zo as LogoStamp,ra as Menu,ia as MenuDivider,ta as MenuItem,na as MenuItemCheckbox,bo as MinusIcon,ua as Modal,ba as ModalActions,fa as ModalBody,Ia as ModalCloseButton,Ta as ModalContainer,ja as ModalHeader,ga as ModalOverlay,Ca as ModalTitle,Ra as NativeSelect,d as NavCard,Sa as NavLink,rs as NavTab,ts as NavTabs,fo as OpenInNewIcon,Eo as OrderedList,N as PRESETS,xa as Pagination,Io as PenIcon,To as PlusIcon,q as PlusRemoveAnimated,ha as Popover,Ls as PopupTip,n as PrimaryButton,Ba as ProgressBar,jo as QuestionIcon,La as RadioButton,va as RadioButtonGroup,Aa as RadioPanel,Ma as RadioPanelGroup,go as RedCrossIcon,vs as ScreenReaderOnly,Co as SearchIcon,i as SecondaryButton,Pa as Select,Uo as SkeletonAnimation,Wo as SkeletonButton,Oo as SkeletonCheckboxGroup,Vo as SkeletonElement,zo as SkeletonInput,Qo as SkeletonRadioButtonGroup,qo as SkeletonTable,Jo as SkeletonTableHeader,Ko as SkeletonTableRow,Xo as SkeletonTextArea,ko as SuccessIcon,pa as SuccessMessage,Ga as SuccessSystemMessage,ds as SuccessTag,Fa as SummaryTable,Ea as SummaryTableRow,Mo as SupportLabel,ms as Tab,is as TabList,ls as TabPanel,Ua as Table,Wa as TableBody,Oa as TableCaption,Va as TableCell,za as TableColumn,Qa as TableColumnGroup,qa as TableContextProvider,Ya as TableFooter,Za as TableHead,$a as TableHeader,_a as TablePagination,os as TableRow,Ka as TableSectionContextProvider,ns as Tabs,us as Tag,u as TaskCard,aa as TeknologiFraFremtind,m as TertiaryButton,Is as TextArea,js as TextInput,So as ThumbDownIcon,xo as ThumbUpIcon,gs as ToastProvider,Ss as ToggleSlider,ks as ToggleSwitch,xs as Tooltip,hs as TooltipContent,Bs as TooltipTrigger,ho as TrashCanIcon,Do as UnorderedList,sa as VartEgetForsikringsselskap,ea as VartForsikringsselskap,Bo as WarningIcon,ca as WarningMessage,Na as WarningSystemMessage,bs as WarningTag,w as formatInput,g as getComboboxValuePair,A as isBlurTargetOutside,B as isCorrectFormat,L as isWithinLowerBound,v as isWithinUpperBound,M as parseDateString,U as upload,S as useCookieConsent,ka as useModal,es as useSortableTableHeader,Ja as useTableContext,Xa as useTableSectionContext,Cs as useToast};
-//# sourceMappingURL=index.js.map

package/build/es/components/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/styles/components/accordion/_index.scss

@@ -1,2 +0,0 @@
-@forward "accordion";
-@use "../icon";