@fremtind/jokul 0.35.1 → 0.36.0

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

@@ -7,4 +7,8 @@ export interface AccordionItemProps extends WithChildren {
     onClick?: (e: React.MouseEvent, isOpen: boolean) => void;
     id?: string;
 }
+/**
+ * @deprecated Denne komponenten bør ikke brukes lenger, og vil ikke bli oppdatert.
+ * Bruk heller komponenten `Expandable.Content`.
+ */
 export declare const AccordionItem: FC<AccordionItemProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","sources":["../../../../src/components/accordion/AccordionItem.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { FC, useState } from \"react\";\nimport { WithChildren } from \"../../core/types.js\";\nimport { useAnimatedDetails } from \"../../hooks/useAnimatedDetails/useAnimatedDetails.js\";\nimport { ArrowVerticalAnimated } from \"../icon/icons/animated/ArrowVerticalAnimated.js\";\n\nexport interface AccordionItemProps extends WithChildren {\n    title: string;\n    startExpanded?: boolean;\n    className?: string;\n    onClick?: (e: React.MouseEvent, isOpen: boolean) => void;\n    id?: string;\n}\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            <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                    variant=\"inherit\"\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","variant","pointingDown","bold"],"mappings":"mTAcO,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,EAEAL,SAAA,CAAAoB,EAAC,UAAA,CACG,cAAY,4BACZlB,UAAU,4BACVE,QAASU,EACTQ,IAAKV,EAEJZ,SAAA,CAAAC,EACDsB,EAACC,EAAA,CACGC,QAAQ,UACRvB,UAAU,4BACVwB,cAAenB,EACfoB,KAAMpB,OAGdgB,EAAC,MAAA,CACG,cAAY,sCACZrB,UAAU,sCACVoB,IAAKT,EAELb,SAACuB,EAAA,MAAA,CAAIrB,UAAU,8BAA+BF,SAAAA,QAClD"}
+{"version":3,"file":"AccordionItem.js","sources":["../../../../src/components/accordion/AccordionItem.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { FC, useState } from \"react\";\nimport { WithChildren } from \"../../core/types.js\";\nimport { useAnimatedDetails } from \"../../hooks/useAnimatedDetails/useAnimatedDetails.js\";\nimport { ArrowVerticalAnimated } from \"../icon/icons/animated/ArrowVerticalAnimated.js\";\n\nexport interface AccordionItemProps extends WithChildren {\n    title: string;\n    startExpanded?: boolean;\n    className?: string;\n    onClick?: (e: React.MouseEvent, isOpen: boolean) => void;\n    id?: string;\n}\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            <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                    variant=\"inherit\"\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","variant","pointingDown","bold"],"mappings":"mTAkBO,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,EAEAL,SAAA,CAAAoB,EAAC,UAAA,CACG,cAAY,4BACZlB,UAAU,4BACVE,QAASU,EACTQ,IAAKV,EAEJZ,SAAA,CAAAC,EACDsB,EAACC,EAAA,CACGC,QAAQ,UACRvB,UAAU,4BACVwB,cAAenB,EACfoB,KAAMpB,OAGdgB,EAAC,MAAA,CACG,cAAY,sCACZrB,UAAU,sCACVoB,IAAKT,EAELb,SAACuB,EAAA,MAAA,CAAIrB,UAAU,8BAA+BF,SAAAA,QAClD"}

package/build/es/components/expander/ExpandablePanel.d.ts

@@ -0,0 +1,2 @@
+import { ExpandablePanelComponent } from './types.js';
+export declare const ExpandablePanel: ExpandablePanelComponent;

package/build/es/components/expander/ExpandablePanel.js

@@ -0,0 +1,2 @@
+import{jsx as e}from"react/jsx-runtime";import{c as n}from"../../../clsx-BeLtu-UY.js";import t,{useState as a,useRef as o,useImperativeHandle as r,useEffect as s}from"react";import{ExpanderContext as l}from"./context.js";import{ExpandablePanelContent as i}from"./ExpandablePanelContent.js";const d=Object.assign(t.forwardRef((function(t,i){const{children:d,as:c="details",variant:p="fill",open:u,onOpenChange:f,...m}=t,[x,v]=a(!1),[j,g]=a(!1),E=o();r(i,(()=>E.current),[E]);const b=c,C=typeof u<"u",h=C?u:x;s((()=>{null==f||f(h)}),[h,f]);return s((()=>{const e=e=>{v("open"===e.newState)},n=E.current;return null==n||n.addEventListener("toggle",e),()=>null==n?void 0:n.removeEventListener("toggle",e)}),[g,v]),e(b,{ref:E,"data-testid":"jkl-expand-section",className:n("jkl-expandable",`jkl-expandable--${p}`),open:"details"===c?h||j:void 0,"data-visible-content":h||j,...m,children:e(l.Provider,{value:{open:h,onToggle:()=>{C||v((e=>!e))},onTransitionEnd:g,onTransitionStart:e=>{e&&g(!0)}},children:d})})})),{Content:i});export{d as ExpandablePanel};
+//# sourceMappingURL=ExpandablePanel.js.map

package/build/es/components/expander/ExpandablePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandablePanel.js","sources":["../../../../src/components/expander/ExpandablePanel.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useEffect, useImperativeHandle, useRef, useState } from \"react\";\nimport { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport { ExpanderContext } from \"./context.js\";\nimport { ExpandablePanelContent } from \"./ExpandablePanelContent.js\";\nimport { ExpandablePanelComponent, ExpandablePanelProps } from \"./types.js\";\n\nexport const ExpandablePanel = Object.assign(\n    React.forwardRef(function ExpandablePanel<\n        ElementType extends React.ElementType = \"details\",\n    >(\n        props: ExpandablePanelProps<ElementType>,\n        ref?: PolymorphicRef<ElementType>,\n    ) {\n        const {\n            children,\n            as = \"details\",\n            variant = \"fill\",\n            open: controlledOpen,\n            onOpenChange,\n            ...rest\n        } = props;\n\n        const [uncontrolledOpen, setUncontrolledOpen] = useState(false);\n        const [contentIsVisible, setContentIsVisible] = useState(false);\n\n        const internalRef = useRef<HTMLDetailsElement>();\n        useImperativeHandle(ref, () => internalRef.current, [internalRef]);\n\n        const El = as;\n        const isControlled = typeof controlledOpen !== \"undefined\";\n        const isOpen = isControlled ? controlledOpen : uncontrolledOpen;\n\n        useEffect(() => {\n            onOpenChange?.(isOpen);\n        }, [isOpen, onOpenChange]);\n\n        const setVisibleIfOpening = (isOpening: boolean) => {\n            if (isOpening) {\n                setContentIsVisible(true);\n            }\n        };\n\n        const syncUncontrolledState = () => {\n            if (isControlled) {\n                return;\n            }\n            setUncontrolledOpen((previousValue) => !previousValue);\n        };\n\n        useEffect(() => {\n            const callback = (e: ToggleEvent & { newState: string }) => {\n                setUncontrolledOpen(e.newState === \"open\");\n            };\n\n            const element = internalRef.current;\n\n            element?.addEventListener(\"toggle\", callback as EventListener);\n\n            return () =>\n                element?.removeEventListener(\n                    \"toggle\",\n                    callback as EventListener,\n                );\n        }, [setContentIsVisible, setUncontrolledOpen]);\n\n        return (\n            <El\n                ref={internalRef}\n                data-testid={\"jkl-expand-section\"}\n                className={clsx(\"jkl-expandable\", `jkl-expandable--${variant}`)}\n                open={\n                    /* for the animation to work in Safari we must ensure that\n                     * the element is open *before* the transition starts */\n                    as === \"details\" ? isOpen || contentIsVisible : undefined\n                }\n                /* this attribute is used for styling purposes */\n                data-visible-content={isOpen || contentIsVisible}\n                {...rest}\n            >\n                <ExpanderContext.Provider\n                    value={{\n                        open: isOpen,\n                        onToggle: syncUncontrolledState,\n                        onTransitionEnd: setContentIsVisible,\n                        onTransitionStart: setVisibleIfOpening,\n                    }}\n                >\n                    {children}\n                </ExpanderContext.Provider>\n            </El>\n        );\n    }),\n    { Content: ExpandablePanelContent },\n) as ExpandablePanelComponent;\n"],"names":["ExpandablePanel","Object","assign","React","forwardRef","props","ref","children","as","variant","open","controlledOpen","onOpenChange","rest","uncontrolledOpen","setUncontrolledOpen","useState","contentIsVisible","setContentIsVisible","internalRef","useRef","useImperativeHandle","current","El","isControlled","isOpen","useEffect","callback","e","newState","element","addEventListener","removeEventListener","jsx","className","clsx","ExpanderContext","Provider","value","onToggle","previousValue","onTransitionEnd","onTransitionStart","isOpening","Content","ExpandablePanelContent"],"mappings":"kSAOO,MAAMA,EAAkBC,OAAOC,OAClCC,EAAMC,YAAW,SAGbC,EACAC,GAEM,MACFC,SAAAA,EACAC,GAAAA,EAAK,UACLC,QAAAA,EAAU,OACVC,KAAMC,EACNC,aAAAA,KACGC,GACHR,GAEGS,EAAkBC,GAAuBC,GAAS,IAClDC,EAAkBC,GAAuBF,GAAS,GAEnDG,EAAcC,IACpBC,EAAoBf,GAAK,IAAMa,EAAYG,SAAS,CAACH,IAE/CI,MAAAA,EAAKf,EACLgB,SAAsBb,EAAmB,IACzCc,EAASD,EAAeb,EAAiBG,EAE/CY,GAAU,KACN,MAAAd,GAAAA,EAAea,EAAAA,GAChB,CAACA,EAAQb,IAeZ,OAAAc,GAAU,KACAC,MAAAA,EAAYC,IACMb,EAAe,SAAfa,EAAEC,SAAmB,EAGvCC,EAAUX,EAAYG,QAEnBQ,OAAA,MAAAA,GAAAA,EAAAC,iBAAiB,SAAUJ,GAE7B,IACH,MAAAG,OAAA,EAAAA,EAASE,oBACL,SACAL,EAAA,GAET,CAACT,EAAqBH,IAGrBkB,EAACV,EAAA,CACGjB,IAAKa,EACL,cAAa,qBACbe,UAAWC,EAAK,iBAAkB,mBAAmB1B,KACrDC,KAGW,YAAPF,EAAmBiB,GAAUR,OAAmB,EAGpD,uBAAsBQ,GAAUR,KAC5BJ,EAEJN,SAAA0B,EAACG,EAAgBC,SAAhB,CACGC,MAAO,CACH5B,KAAMe,EACNc,SAxCc,KACtBf,GAGgBT,GAACyB,IAAmBA,GAAa,EAqCzCC,gBAAiBvB,EACjBwB,kBAhDaC,IACrBA,GACAzB,GAAoB,EAAI,GAiDnBX,SAAAA,KAET,IAGR,CAAEqC,QAASC"}

package/build/es/components/expander/ExpandablePanelContent.d.ts

@@ -0,0 +1,2 @@
+import { ExpandablePanelContentComponent } from './types.js';
+export declare const ExpandablePanelContent: ExpandablePanelContentComponent;

package/build/es/components/expander/ExpandablePanelContent.js

@@ -0,0 +1,2 @@
+import{jsx as e}from"react/jsx-runtime";import{c as n}from"../../../clsx-BeLtu-UY.js";import{useContext as t}from"react";import{useAnimatedHeightBetween as a}from"../../hooks/useAnimatedHeight/useAnimatedHeightBetween.js";import{ExpanderContext as o}from"./context.js";const s=({className:s,children:r,...i})=>{const{open:m,onTransitionStart:d,onTransitionEnd:p}=t(o),[c]=a(m,{timing:"snappy",onTransitionStart:d,onTransitionEnd:p});return e("div",{ref:c,className:n("jkl-expandable__content",s),...i,"data-expanded":m,children:e("div",{className:"jkl-expandable__content-wrapper",children:r})})};export{s as ExpandablePanelContent};
+//# sourceMappingURL=ExpandablePanelContent.js.map

package/build/es/components/expander/ExpandablePanelContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandablePanelContent.js","sources":["../../../../src/components/expander/ExpandablePanelContent.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useContext } from \"react\";\nimport { useAnimatedHeightBetween } from \"../../hooks/useAnimatedHeight/useAnimatedHeightBetween.js\";\nimport { ExpanderContext } from \"./context.js\";\nimport { ExpandablePanelContentComponent, ExpandableContext } from \"./types.js\";\n\nexport const ExpandablePanelContent: ExpandablePanelContentComponent = ({\n    className,\n    children,\n    ...rest\n}) => {\n    const { open, onTransitionStart, onTransitionEnd } =\n        useContext<ExpandableContext>(ExpanderContext);\n\n    const [animationRef] = useAnimatedHeightBetween<HTMLDivElement>(open, {\n        timing: \"snappy\",\n        onTransitionStart,\n        onTransitionEnd,\n    });\n\n    return (\n        <div\n            ref={animationRef}\n            className={clsx(\"jkl-expandable__content\", className)}\n            {...rest}\n            data-expanded={open}\n        >\n            <div className=\"jkl-expandable__content-wrapper\">{children}</div>\n        </div>\n    );\n};\n"],"names":["ExpandablePanelContent","className","children","rest","open","onTransitionStart","onTransitionEnd","useContext","ExpanderContext","animationRef","useAnimatedHeightBetween","timing","jsx","ref","clsx"],"mappings":"6QAMO,MAAMA,EAA0D,EACnEC,UAAAA,EACAC,SAAAA,KACGC,MAEH,MAAQC,KAAAA,EAAMC,kBAAAA,EAAmBC,gBAAAA,GAC7BC,EAA8BC,IAE3BC,GAAgBC,EAAyCN,EAAM,CAClEO,OAAQ,SACRN,kBAAAA,EACAC,gBAAAA,IAIA,OAAAM,EAAC,MAAA,CACGC,IAAKJ,EACLR,UAAWa,EAAK,0BAA2Bb,MACvCE,EACJ,gBAAeC,EAEfF,SAACU,EAAA,MAAA,CAAIX,UAAU,kCAAmCC,SAAAA,KAAS"}

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

@@ -1,27 +1,2 @@
-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>>;
+import { ExpanderComponent } from './types.js';
+export declare const Expander: ExpanderComponent;

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

@@ -1,2 +1,2 @@
-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{ArrowVerticalAnimated as d}from"../icon/icons/animated/ArrowVerticalAnimated.js";import{ScreenReaderOnly as t}from"../ScreenReaderOnly.js";const s=n.forwardRef((({as:s="button",className:o,children:i,density:l,expandDirection:c="down",isExpanded:p=!1,hideLabel:m=!1,...x},j)=>{const f=m?t:n.Fragment,w="down"===c?!p:p;return e(s,{"aria-expanded":p,"data-testid":"jkl-expander",type:"button"===s?"button":void 0,className:r("jkl-expander",o,{"jkl-expander--expanded":p,"jkl-expander--icon-only":!i}),...x,"data-density":l,ref:j,children:[i&&a(f,{children:a("span",{className:"jkl-expander__text",children:i})}),a(d,{className:"jkl-expander__arrow",pointingDown:w,bold:p})]})}));s.displayName="Expander";export{s as Expander};
+import{jsxs as o,jsx as n}from"react/jsx-runtime";import{c as i}from"../../../clsx-BeLtu-UY.js";import c,{useContext as s}from"react";import{ChevronDownIcon as r}from"../icon/icons/ChevronDownIcon.js";import"../icon/Icon.js";import"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import{ChevronUpIcon as t}from"../icon/icons/ChevronUpIcon.js";import"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import"../icon/icons/SuccessIcon.js";import"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";import{ExpanderContext as e}from"./context.js";const m=c.forwardRef((function(c,m){const{children:p,as:a="summary",open:j,icon:I,className:l,onClick:d,expandDirection:h,...u}=c,C=a,{open:x,onToggle:f}=s(e),w="up"===h?t:r;return o(C,{ref:m,className:i("jkl-expander",{"jkl-expander--open":j||x},l),..."button"===a?{type:u.type||"button"}:{},onClick:o=>{o.preventDefault(),f(),null==d||d(o)},...u,children:[I||null,n("span",{className:"jkl-expander__label",children:p}),n(w,{className:"jkl-expander__chevron"})]})}));export{m as Expander};
 //# sourceMappingURL=Expander.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Expander.js","sources":["../../../../src/components/expander/Expander.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { ForwardedRef } from \"react\";\nimport { Density, WithChildren } from \"../../core/types.js\";\nimport { ArrowVerticalAnimated } from \"../icon/icons/animated/ArrowVerticalAnimated.js\";\nimport { ScreenReaderOnly } from \"../ScreenReaderOnly.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-expander\"\n                type={type}\n                className={clsx(\"jkl-expander\", className, {\n                    \"jkl-expander--expanded\": isExpanded,\n                    \"jkl-expander--icon-only\": !children,\n                })}\n                {...rest}\n                data-density={density}\n                ref={ref}\n            >\n                {children && (\n                    <ContentWrapper>\n                        <span className=\"jkl-expander__text\">{children}</span>\n                    </ContentWrapper>\n                )}\n                <ArrowVerticalAnimated\n                    className=\"jkl-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":"uQA+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,eACZS,KANY,WADTd,EACoB,cAAW,EAOlCC,UAAWc,EAAK,eAAgBd,EAAW,CACvC,yBAA0BI,EAC1B,2BAA4BH,OAE5BK,EACJ,eAAcJ,EACdK,IAAAA,EAECN,SAAA,CAAAA,KACIO,EACG,CAAAP,SAAAc,EAAC,QAAKf,UAAU,qBAAsBC,SAAAA,MAG9Cc,EAACC,EAAA,CACGhB,UAAU,sBACVW,aAAAA,EACAM,KAAMb,MACV,IAMhBR,EAASsB,YAAc"}
+{"version":3,"file":"Expander.js","sources":["../../../../src/components/expander/Expander.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useContext } from \"react\";\nimport { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport { ChevronDownIcon } from \"../icon/icons/ChevronDownIcon.js\";\nimport { ChevronUpIcon } from \"../icon/index.js\";\nimport { ExpanderContext } from \"./context.js\";\nimport {\n    ExpandableContext,\n    ExpanderComponent,\n    ExpanderProps,\n} from \"./types.js\";\n\nexport const Expander = React.forwardRef(function Expander<\n    ElementType extends React.ElementType = \"summary\",\n>(props: ExpanderProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n    const {\n        children,\n        as = \"summary\",\n        open: controlledOpen,\n        icon,\n        className,\n        onClick,\n        expandDirection,\n        ...rest\n    } = props;\n    const El = as;\n\n    const { open: contextOpen, onToggle } =\n        useContext<ExpandableContext>(ExpanderContext);\n\n    const isOpen = controlledOpen || contextOpen;\n\n    const Chevron = expandDirection === \"up\" ? ChevronUpIcon : ChevronDownIcon;\n\n    return (\n        <El\n            ref={ref}\n            className={clsx(\n                \"jkl-expander\",\n                {\n                    \"jkl-expander--open\": isOpen,\n                },\n                className,\n            )}\n            // If the consumer uses the Expander as a button but does not\n            // supply a type, then we set type to \"button\"\n            {...(as === \"button\" ? { type: rest.type || \"button\" } : {})}\n            onClick={(e) => {\n                e.preventDefault();\n                onToggle();\n                onClick?.(e);\n            }}\n            {...rest}\n        >\n            {icon || null}\n            <span className=\"jkl-expander__label\">{children}</span>\n            <Chevron className=\"jkl-expander__chevron\" />\n        </El>\n    );\n}) as ExpanderComponent;\n"],"names":["Expander","React","forwardRef","props","ref","children","as","open","controlledOpen","icon","className","onClick","expandDirection","rest","El","contextOpen","onToggle","useContext","ExpanderContext","Chevron","ChevronUpIcon","ChevronDownIcon","jsxs","clsx","type","e","preventDefault","jsx"],"mappings":"0iDAYO,MAAMA,EAAWC,EAAMC,YAAW,SAEvCC,EAAmCC,GAC3B,MACFC,SAAAA,EACAC,GAAAA,EAAK,UACLC,KAAMC,EACNC,KAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,gBAAAA,KACGC,GACHV,EACEW,EAAKR,GAEHC,KAAMQ,EAAaC,SAAAA,GACvBC,EAA8BC,GAI5BC,EAA8B,OAApBP,EAA2BQ,EAAgBC,EAGvD,OAAAC,EAACR,EAAA,CACGV,IAAAA,EACAM,UAAWa,EACP,eACA,CACI,qBAVDf,GAAkBO,GAYrBL,MAIQ,WAAPJ,EAAkB,CAAEkB,KAAMX,EAAKW,MAAQ,UAAa,CAAC,EAC1Db,QAAUc,IACNA,EAAEC,iBACOV,IACT,MAAAL,GAAAA,EAAUc,EAAAA,KAEVZ,EAEHR,SAAA,CAAQI,GAAA,KACRkB,EAAA,OAAA,CAAKjB,UAAU,sBAAuBL,SAAAA,IACvCsB,EAACR,EAAQ,CAAAT,UAAU,4BAG/B"}

package/build/es/components/expander/context.d.ts

@@ -0,0 +1,2 @@
+import { ExpandableContext } from './types.js';
+export declare const ExpanderContext: import('react').Context<ExpandableContext>;

package/build/es/components/expander/context.js

@@ -0,0 +1,2 @@
+import{createContext as n}from"react";const o=n({open:!1,onToggle:()=>{},onTransitionStart:()=>{},onTransitionEnd:()=>{}});export{o as ExpanderContext};
+//# sourceMappingURL=context.js.map

package/build/es/components/expander/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../src/components/expander/context.ts"],"sourcesContent":["import { createContext } from \"react\";\nimport { ExpandableContext } from \"./types.js\";\n\nexport const ExpanderContext = createContext<ExpandableContext>({\n    open: false,\n    onToggle: () => {},\n    onTransitionStart: () => {},\n    onTransitionEnd: () => {},\n});\n"],"names":["ExpanderContext","createContext","open","onToggle","onTransitionStart","onTransitionEnd"],"mappings":"sCAGO,MAAMA,EAAkBC,EAAiC,CAC5DC,MAAM,EACNC,SAAU,OACVC,kBAAmB,OACnBC,gBAAiB"}

package/build/es/components/expander/{ExpandSection.d.ts → deprecated/ExpandSection.d.ts}

@@ -1,6 +1,6 @@
 import { default as React, ReactNode } from 'react';
-import { Density } from '../../core/types.js';
-import { UseAnimatedHeightOptions } from '../../hooks/useAnimatedHeight/types.js';
+import { Density } from '../../../core/types.js';
+import { UseAnimatedHeightOptions } from '../../../hooks/useAnimatedHeight/types.js';
 import { ExpanderProps } from './Expander.js';
 export interface ExpandSectionProps {
     /**
@@ -19,4 +19,8 @@ export interface ExpandSectionProps {
     /** 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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandSection.js","sources":["../../../../../src/components/expander/deprecated/ExpandSection.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { ReactNode, useEffect, useState } from \"react\";\nimport { Density } from \"../../../core/types.js\";\nimport { useAnimatedDetails } from \"../../../hooks/useAnimatedDetails/useAnimatedDetails.js\";\nimport { UseAnimatedHeightOptions } from \"../../../hooks/useAnimatedHeight/types.js\";\nimport { Expander, 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,QAClD"}

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

@@ -0,0 +1,27 @@
+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

@@ -0,0 +1,2 @@
+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{ArrowVerticalAnimated as d}from"../../icon/icons/animated/ArrowVerticalAnimated.js";import{ScreenReaderOnly as o}from"../../ScreenReaderOnly.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?o: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(d,{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

@@ -0,0 +1 @@
+{"version":3,"file":"Expander.js","sources":["../../../../../src/components/expander/deprecated/Expander.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { ForwardedRef } from \"react\";\nimport { Density, WithChildren } from \"../../../core/types.js\";\nimport { ArrowVerticalAnimated } from \"../../icon/icons/animated/ArrowVerticalAnimated.js\";\nimport { ScreenReaderOnly } from \"../../ScreenReaderOnly.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,MACV,IAMhBR,EAASsB,YAAc"}

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

@@ -1,2 +1,4 @@
-export { Expander, type ExpanderProps } from './Expander.js';
-export { ExpandSection, type ExpandSectionProps } from './ExpandSection.js';
+export { ExpandablePanel } from './ExpandablePanel.js';
+export { Expander } from './Expander.js';
+export { ExpandSection, type ExpandSectionProps, } from './deprecated/ExpandSection.js';
+export { type ExpandablePanelProps, type ExpanderProps } from './types.js';

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

@@ -1,2 +1,2 @@
-import{Expander as a}from"./Expander.js";import{ExpandSection as n}from"./ExpandSection.js";export{n as ExpandSection,a as Expander};
+import{ExpandablePanel as a}from"./ExpandablePanel.js";import{Expander as e}from"./Expander.js";import{ExpandSection as n}from"./deprecated/ExpandSection.js";export{n as ExpandSection,a as ExpandablePanel,e as Expander};
 //# sourceMappingURL=index.js.map

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

@@ -0,0 +1,23 @@
+import { ComponentProps, FC, RefObject } from 'react';
+import { PolymorphicPropsWithRef } from '../../utilities/polymorphism/polymorphism.js';
+export type ExpandablePanelContentComponent = FC<ComponentProps<"div"> & {}>;
+export type ExpandablePanelProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<ElementType, {
+    variant?: "fill" | "stroke";
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}>;
+export type ExpandablePanelComponent = {
+    Content: ExpandablePanelContentComponent;
+} & (<ElementType extends React.ElementType = "div">(props: ExpandablePanelProps<ElementType>) => React.ReactElement | null);
+export type ExpanderProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<ElementType, {
+    icon?: React.ReactNode;
+    open?: boolean;
+    expandDirection?: "up" | "down";
+}>;
+export type ExpanderComponent = <ElementType extends React.ElementType = "button">(props: ExpanderProps<ElementType>) => React.ReactElement | null;
+export type ExpandableContext = {
+    open: boolean;
+    onToggle: () => void;
+    onTransitionStart: (isOpening: boolean, ref: RefObject<HTMLElement | HTMLDetailsElement>) => void;
+    onTransitionEnd: (isOpen: boolean, ref: RefObject<HTMLElement | HTMLDetailsElement>) => void;
+};

package/build/es/components/expander/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/build/es/components/expander/types.js.map

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

package/build/es/components/index.js

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

package/build/es/components/table/ExpandableTableRowController.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{c as a}from"../../../clsx-BeLtu-UY.js";import{forwardRef as o}from"react";import{Expander as t}from"../expander/Expander.js";import{TableCell as l}from"./TableCell.js";import{useTableContext as r}from"./tableContext.js";const n=o((({isOpen:o,onClick:n,children:s,className:i,id:p,"aria-controls":d,...c},x)=>{if(void 0===o||"function"!=typeof n)throw new Error("ExpandableTableRowController must have ExpandableTableRow as parent");const{density:b,collapseToList:m}=r(),f=c["data-th"],w=m?f:void 0;return e(l,{className:a("jkl-table-cell--expand",{"jkl-table-cell--expand-without-text":!s},i),...c,ref:x,children:e(t,{className:a("jkl-table-row-expand-button",{"jkl-table-row-expand-button--expanded":o}),id:p,density:b,isExpanded:o,"aria-controls":d,"aria-label":s?void 0:f||"Ekspander rad",onClick:e=>{e.stopPropagation(),n()},onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.stopPropagation(),e.preventDefault(),n())},children:s??w})})}));n.displayName="ExpandableTableRowController";export{n as ExpandableTableRowController};
+import{jsx as a}from"react/jsx-runtime";import{c as e}from"../../../clsx-BeLtu-UY.js";import{forwardRef as o}from"react";import{Expander as t}from"../expander/Expander.js";import{TableCell as l}from"./TableCell.js";import{useTableContext as r}from"./tableContext.js";const n=o((({isOpen:o,onClick:n,children:s,className:p,id:i,"aria-controls":d,...b},c)=>{if(void 0===o||"function"!=typeof n)throw new Error("ExpandableTableRowController must have ExpandableTableRow as parent");const{collapseToList:x}=r(),m=b["data-th"],f=x?m:void 0;return a(l,{className:e("jkl-table-cell--expand",{"jkl-table-cell--expand-without-text":!s},p),...b,ref:c,children:a(t,{as:"button",className:e("jkl-table-row-expand-button",{"jkl-table-row-expand-button--expanded":o}),id:i,open:o,"aria-controls":d,"aria-label":s?void 0:m||"Ekspander rad",onClick:a=>{a.stopPropagation(),n()},onKeyDown:a=>{("Enter"===a.key||" "===a.key)&&(a.stopPropagation(),a.preventDefault(),n())},children:s??f})})}));n.displayName="ExpandableTableRowController";export{n as ExpandableTableRowController};
 //# sourceMappingURL=ExpandableTableRowController.js.map

package/build/es/components/table/ExpandableTableRowController.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableTableRowController.js","sources":["../../../../src/components/table/ExpandableTableRowController.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { Expander } from \"../expander/Expander.js\";\nimport { TableCellProps, TableCell } from \"./TableCell.js\";\nimport { useTableContext } from \"./tableContext.js\";\n\nexport interface ExpandableTableRowControllerProps extends TableCellProps {\n    /** Settes automatisk av ExpandableTableRow */\n    isOpen?: boolean;\n    /** Settes automatisk av ExpandableTableRow */\n    onClick?: () => void;\n}\n\nconst ExpandableTableRowController = forwardRef<\n    HTMLTableCellElement,\n    ExpandableTableRowControllerProps\n>(\n    (\n        {\n            isOpen,\n            onClick,\n            children,\n            className,\n            id,\n            \"aria-controls\": ariaControls,\n            ...rest\n        },\n        ref,\n    ) => {\n        if (isOpen === undefined || typeof onClick !== \"function\") {\n            throw new Error(\n                \"ExpandableTableRowController must have ExpandableTableRow as parent\",\n            );\n        }\n\n        const { density, collapseToList } = useTableContext();\n\n        const dataTh = (rest as Record<string, string>)[\"data-th\"];\n\n        // pick text from data-th if possible, but only if it's a list\n        const showTextFromTh: string | undefined = collapseToList\n            ? dataTh\n            : undefined;\n\n        return (\n            <TableCell\n                className={clsx(\n                    \"jkl-table-cell--expand\",\n                    { [\"jkl-table-cell--expand-without-text\"]: !children },\n                    className,\n                )}\n                {...rest}\n                ref={ref}\n            >\n                <Expander\n                    className={clsx(\"jkl-table-row-expand-button\", {\n                        [\"jkl-table-row-expand-button--expanded\"]: isOpen,\n                    })}\n                    id={id}\n                    density={density}\n                    isExpanded={isOpen}\n                    aria-controls={ariaControls}\n                    aria-label={\n                        children ? undefined : dataTh || \"Ekspander rad\"\n                    }\n                    onClick={(e) => {\n                        e.stopPropagation();\n                        onClick();\n                    }}\n                    onKeyDown={(e) => {\n                        if (e.key === \"Enter\" || e.key === \" \") {\n                            e.stopPropagation();\n                            e.preventDefault();\n                            onClick();\n                        }\n                    }}\n                >\n                    {/* show children. or try to use data-th if children is undefined */}\n                    {children ?? showTextFromTh}\n                </Expander>\n            </TableCell>\n        );\n    },\n);\n\nExpandableTableRowController.displayName = \"ExpandableTableRowController\";\n\nexport { ExpandableTableRowController };\n"],"names":["ExpandableTableRowController","forwardRef","isOpen","onClick","children","className","id","ariaControls","rest","ref","Error","density","collapseToList","useTableContext","dataTh","showTextFromTh","jsx","TableCell","clsx","Expander","isExpanded","e","stopPropagation","onKeyDown","key","preventDefault","displayName"],"mappings":"2QAaA,MAAMA,EAA+BC,GAIjC,EAEQC,OAAAA,EACAC,QAAAA,EACAC,SAAAA,EACAC,UAAAA,EACAC,GAAAA,EACA,gBAAiBC,KACdC,GAEPC,KAEIP,QAAW,IAAXA,GAA2C,mBAAZC,EAC/B,MAAM,IAAIO,MACN,uEAIR,MAAQC,QAAAA,EAASC,eAAAA,GAAmBC,IAE9BC,EAAUN,EAAgC,WAG1CO,EAAqCH,EACrCE,OACA,EAGF,OAAAE,EAACC,EAAA,CACGZ,UAAWa,EACP,yBACA,CAAG,uCAAyCd,GAC5CC,MAEAG,EACJC,IAAAA,EAEAL,SAAAY,EAACG,EAAA,CACGd,UAAWa,EAAK,8BAA+B,CAC1C,wCAA0ChB,IAE/CI,GAAAA,EACAK,QAAAA,EACAS,WAAYlB,EACZ,gBAAeK,EACf,aACIH,OAAW,EAAYU,GAAU,gBAErCX,QAAUkB,IACNA,EAAEC,kBACMnB,KAEZoB,UAAYF,KACM,UAAVA,EAAEG,KAA6B,MAAVH,EAAEG,OACvBH,EAAEC,kBACFD,EAAEI,iBACMtB,MAKfC,SAAYA,GAAAW,KACjB,IAMhBf,EAA6B0B,YAAc"}
+{"version":3,"file":"ExpandableTableRowController.js","sources":["../../../../src/components/table/ExpandableTableRowController.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { Expander } from \"../expander/Expander.js\";\nimport { TableCellProps, TableCell } from \"./TableCell.js\";\nimport { useTableContext } from \"./tableContext.js\";\n\nexport interface ExpandableTableRowControllerProps extends TableCellProps {\n    /** Settes automatisk av ExpandableTableRow */\n    isOpen?: boolean;\n    /** Settes automatisk av ExpandableTableRow */\n    onClick?: () => void;\n}\n\nconst ExpandableTableRowController = forwardRef<\n    HTMLTableCellElement,\n    ExpandableTableRowControllerProps\n>(\n    (\n        {\n            isOpen,\n            onClick,\n            children,\n            className,\n            id,\n            \"aria-controls\": ariaControls,\n            ...rest\n        },\n        ref,\n    ) => {\n        if (isOpen === undefined || typeof onClick !== \"function\") {\n            throw new Error(\n                \"ExpandableTableRowController must have ExpandableTableRow as parent\",\n            );\n        }\n\n        const { collapseToList } = useTableContext();\n\n        const dataTh = (rest as Record<string, string>)[\"data-th\"];\n\n        // pick text from data-th if possible, but only if it's a list\n        const showTextFromTh: string | undefined = collapseToList\n            ? dataTh\n            : undefined;\n\n        return (\n            <TableCell\n                className={clsx(\n                    \"jkl-table-cell--expand\",\n                    { [\"jkl-table-cell--expand-without-text\"]: !children },\n                    className,\n                )}\n                {...rest}\n                ref={ref}\n            >\n                <Expander\n                    as=\"button\"\n                    className={clsx(\"jkl-table-row-expand-button\", {\n                        [\"jkl-table-row-expand-button--expanded\"]: isOpen,\n                    })}\n                    id={id}\n                    open={isOpen}\n                    aria-controls={ariaControls}\n                    aria-label={\n                        children ? undefined : dataTh || \"Ekspander rad\"\n                    }\n                    onClick={(e: React.MouseEvent<HTMLButtonElement>) => {\n                        e.stopPropagation();\n                        onClick();\n                    }}\n                    onKeyDown={(e: React.KeyboardEvent<HTMLButtonElement>) => {\n                        if (e.key === \"Enter\" || e.key === \" \") {\n                            e.stopPropagation();\n                            e.preventDefault();\n                            onClick();\n                        }\n                    }}\n                >\n                    {/* show children. or try to use data-th if children is undefined */}\n                    {children ?? showTextFromTh}\n                </Expander>\n            </TableCell>\n        );\n    },\n);\n\nExpandableTableRowController.displayName = \"ExpandableTableRowController\";\n\nexport { ExpandableTableRowController };\n"],"names":["ExpandableTableRowController","forwardRef","isOpen","onClick","children","className","id","ariaControls","rest","ref","Error","collapseToList","useTableContext","dataTh","showTextFromTh","jsx","TableCell","clsx","Expander","as","open","e","stopPropagation","onKeyDown","key","preventDefault","displayName"],"mappings":"2QAaA,MAAMA,EAA+BC,GAIjC,EAEQC,OAAAA,EACAC,QAAAA,EACAC,SAAAA,EACAC,UAAAA,EACAC,GAAAA,EACA,gBAAiBC,KACdC,GAEPC,KAEIP,QAAW,IAAXA,GAA2C,mBAAZC,EAC/B,MAAM,IAAIO,MACN,uEAIF,MAAEC,eAAAA,GAAmBC,IAErBC,EAAUL,EAAgC,WAG1CM,EAAqCH,EACrCE,OACA,EAGF,OAAAE,EAACC,EAAA,CACGX,UAAWY,EACP,yBACA,CAAG,uCAAyCb,GAC5CC,MAEAG,EACJC,IAAAA,EAEAL,SAAAW,EAACG,EAAA,CACGC,GAAG,SACHd,UAAWY,EAAK,8BAA+B,CAC1C,wCAA0Cf,IAE/CI,GAAAA,EACAc,KAAMlB,EACN,gBAAeK,EACf,aACIH,OAAW,EAAYS,GAAU,gBAErCV,QAAUkB,IACNA,EAAEC,kBACMnB,KAEZoB,UAAYF,KACM,UAAVA,EAAEG,KAA6B,MAAVH,EAAEG,OACvBH,EAAEC,kBACFD,EAAEI,iBACMtB,MAKfC,SAAYA,GAAAU,KACjB,IAMhBd,EAA6B0B,YAAc"}

package/build/es/index.js

@@ -1,2 +1,2 @@
-import{Accordion as o}from"./components/accordion/Accordion.js";import{AccordionItem as s}from"./components/accordion/AccordionItem.js";import{Breadcrumb as e}from"./components/breadcrumb/Breadcrumb.js";import{BreadcrumbItem as a}from"./components/breadcrumb/BreadcrumbItem.js";import{Button as t,PrimaryButton as r,SecondaryButton as n,TertiaryButton as i}from"./components/button/Button.js";import{Card as m}from"./components/card/Card.js";import{CardImage as p}from"./components/card/CardImage.js";import{InfoBlock as c,NavCard as l}from"./components/card/NavCard.js";import{TaskCard as u}from"./components/card/TaskCard.js";import{InfoCard as d}from"./components/card/InfoCard.js";import{Checkbox as f}from"./components/checkbox/Checkbox.js";import{Combobox as g,getComboboxValuePair as j}from"./components/combobox/Combobox.js";import{CookieConsent as b}from"./components/cookie-consent/CookieConsent.js";import{CookieConsentProvider as I,useCookieConsent as T}from"./components/cookie-consent/CookieConsentContext.js";import{DatePicker as k}from"./components/datepicker/DatePicker.js";import{isCorrectFormat as C,isWithinLowerBound as h,isWithinUpperBound as S}from"./components/datepicker/validation.js";import{formatInput as v,isBlurTargetOutside as M,parseDateString as L}from"./components/datepicker/utils.js";import{Feedback as A}from"./components/feedback/Feedback.js";import{PRESETS as E}from"./components/feedback/presets.js";import{Flex as R}from"./components/flex/Flex.js";import{DescriptionDetail as x,DescriptionList as B,DescriptionTerm as P}from"./components/description-list/DescriptionList.js";import{Expander as w}from"./components/expander/Expander.js";import{ExpandSection as F}from"./components/expander/ExpandSection.js";import{Icon as D}from"./components/icon/Icon.js";import{ArrowVerticalAnimated as N}from"./components/icon/icons/animated/ArrowVerticalAnimated.js";import{ArrowHorizontalAnimated as V}from"./components/icon/icons/animated/ArrowHorizontalAnimated.js";import{PlusRemoveAnimated as y}from"./components/icon/icons/animated/PlusRemoveAnimated.js";import{ArrowDownIcon as O}from"./components/icon/icons/ArrowDownIcon.js";import{ArrowLeftIcon as G}from"./components/icon/icons/ArrowLeftIcon.js";import{ArrowNorthEastIcon as H}from"./components/icon/icons/ArrowNorthEastIcon.js";import{ArrowRightIcon as W}from"./components/icon/icons/ArrowRightIcon.js";import{ArrowUpIcon as U}from"./components/icon/icons/ArrowUpIcon.js";import{CalendarIcon as K}from"./components/icon/icons/CalendarIcon.js";import{CheckIcon as X}from"./components/icon/icons/CheckIcon.js";import{ChevronDownIcon as _}from"./components/icon/icons/ChevronDownIcon.js";import{ChevronLeftIcon as z}from"./components/icon/icons/ChevronLeftIcon.js";import{ChevronRightIcon as Q}from"./components/icon/icons/ChevronRightIcon.js";import{ChevronUpIcon as J}from"./components/icon/icons/ChevronUpIcon.js";import{CloseIcon as q}from"./components/icon/icons/CloseIcon.js";import{CopyIcon as Y}from"./components/icon/icons/CopyIcon.js";import{DotsIcon as Z}from"./components/icon/icons/DotsIcon.js";import{DragIcon as $}from"./components/icon/icons/DragIcon.js";import{ErrorIcon as oo}from"./components/icon/icons/ErrorIcon.js";import{GreenCheckIcon as so}from"./components/icon/icons/GreenCheckIcon.js";import{HamburgerIcon as eo}from"./components/icon/icons/HamburgerIcon.js";import{InfoIcon as ao}from"./components/icon/icons/InfoIcon.js";import{LinkIcon as to}from"./components/icon/icons/LinkIcon.js";import{PlusIcon as ro}from"./components/icon/icons/PlusIcon.js";import{QuestionIcon as no}from"./components/icon/icons/QuestionIcon.js";import{RedCrossIcon as io}from"./components/icon/icons/RedCrossIcon.js";import{SearchIcon as mo}from"./components/icon/icons/SearchIcon.js";import{SuccessIcon as po}from"./components/icon/icons/SuccessIcon.js";import{WarningIcon as co}from"./components/icon/icons/WarningIcon.js";import{MinusIcon as lo}from"./components/icon/icons/MinusIcon.js";import{ThumbDownIcon as uo}from"./components/icon/icons/ThumbDownIcon.js";import{ThumbUpIcon as fo}from"./components/icon/icons/ThumbUpIcon.js";import{TrashCanIcon as go}from"./components/icon/icons/TrashCanIcon.js";import{PenIcon as jo}from"./components/icon/icons/PenIcon.js";import{IconButton as bo}from"./components/icon-button/IconButton.js";import{Image as Io}from"./components/image/Image.js";import{FieldGroup as To}from"./components/input-group/FieldGroup.js";import{InputGroup as ko}from"./components/input-group/InputGroup.js";import{Label as Co}from"./components/input-group/Label.js";import{SupportLabel as ho}from"./components/input-group/SupportLabel.js";import{CheckboxPanel as So}from"./components/input-panel/CheckboxPanel.js";import{RadioPanel as vo}from"./components/input-panel/RadioPanel.js";import{RadioPanelGroup as Mo}from"./components/input-panel/RadioPanelGroup.js";import{Link as Lo}from"./components/link/Link.js";import{NavLink as Ao}from"./components/link/NavLink.js";import{LinkList as Eo}from"./components/link-list/LinkList.js";import{List as Ro,OrderedList as xo,UnorderedList as Bo}from"./components/list/List.js";import{CheckListItem as Po,CrossListItem as wo,ListItem as Fo}from"./components/list/ListItem.js";import{Loader as Do}from"./components/loader/Loader.js";import{SkeletonAnimation as No}from"./components/loader/skeletons/SkeletonAnimation.js";import{SkeletonButton as Vo}from"./components/loader/skeletons/SkeletonButton.js";import{SkeletonCheckboxGroup as yo}from"./components/loader/skeletons/SkeletonCheckboxGroup.js";import{SkeletonElement as Oo}from"./components/loader/skeletons/SkeletonElement.js";import{SkeletonInput as Go}from"./components/loader/skeletons/SkeletonInput.js";import{SkeletonRadioButtonGroup as Ho}from"./components/loader/skeletons/SkeletonRadioButtonGroup.js";import{SkeletonTable as Wo,SkeletonTableHeader as Uo,SkeletonTableRow as Ko}from"./components/loader/skeletons/SkeletonTable.js";import{SkeletonTextArea as Xo}from"./components/loader/skeletons/SkeletonTextArea.js";import{Logo as _o}from"./components/logo/Logo.js";import{LogoStamp as zo}from"./components/logo/LogoStamp.js";import{ForsikringLevertAvFremtind as Qo}from"./components/logo/text-paths/ForsikringLevertAvFremtind.js";import{FraSB1ogDNB as Jo}from"./components/logo/text-paths/FraSB1ogDNB.js";import{InnovasjonFraFremtind as qo}from"./components/logo/text-paths/InnovasjonFraFremtind.js";import{TeknologiFraFremtind as Yo}from"./components/logo/text-paths/TeknologiFraFremtind.js";import{VartEgetForsikringsselskap as Zo}from"./components/logo/text-paths/VartEgetForsikringsselskap.js";import{VartForsikringsselskap as $o}from"./components/logo/text-paths/VartForsikringsselskap.js";import{Menu as os}from"./components/menu/Menu.js";import{MenuItem as ss}from"./components/menu/MenuItem.js";import{MenuItemCheckbox as es}from"./components/menu/MenuItemCheckbox.js";import{MenuDivider as as}from"./components/menu/MenuDivider.js";import{ErrorMessage as ts,InfoMessage as rs,SuccessMessage as ns,WarningMessage as is}from"./components/message/Message.js";import{FormErrorMessage as ms}from"./components/message/FormErrorMessage.js";import{Modal as ps,ModalActions as cs,ModalBody as ls,ModalCloseButton as us,ModalContainer as ds,ModalHeader as fs,ModalOverlay as gs,ModalTitle as js}from"./components/modal/Modal.js";import{useModal as bs}from"./components/modal/useModal.js";import{Pagination as Is}from"./components/pagination/Pagination.js";import{Popover as Ts}from"./components/popover/Popover.js";import{Countdown as ks}from"./components/progress-bar/Countdown.js";import{ProgressBar as Cs}from"./components/progress-bar/ProgressBar.js";import{RadioButton as hs}from"./components/radio-button/RadioButton.js";import{RadioButtonGroup as Ss}from"./components/radio-button/RadioButtonGroup.js";import{BaseRadioButton as vs}from"./components/radio-button/BaseRadioButton.js";import{Select as Ms}from"./components/select/Select.js";import{NativeSelect as Ls}from"./components/select/NativeSelect.js";import{SummaryTable as As}from"./components/summary-table/SummaryTable.js";import{SummaryTableRow as Es}from"./components/summary-table/SummaryTableRow.js";import{ErrorSystemMessage as Rs,InfoSystemMessage as xs,SuccessSystemMessage as Bs,WarningSystemMessage as Ps}from"./components/system-message/SystemMessage.js";import{DataTable as ws}from"./components/table/DataTable.js";import{Table as Fs}from"./components/table/Table.js";import{TableBody as Ds}from"./components/table/TableBody.js";import{TableCaption as Ns}from"./components/table/TableCaption.js";import{TableCell as Vs}from"./components/table/TableCell.js";import{TableColumn as ys}from"./components/table/TableColumn.js";import{TableColumnGroup as Os}from"./components/table/TableColumnGroup.js";import{TableContextProvider as Gs,useTableContext as Hs}from"./components/table/tableContext.js";import{TableSectionContextProvider as Ws,useTableSectionContext as Us}from"./components/table/tableSectionContext.js";import{TableFooter as Ks}from"./components/table/TableFooter.js";import{TableHead as Xs}from"./components/table/TableHead.js";import{TableHeader as _s}from"./components/table/TableHeader.js";import{TablePagination as zs}from"./components/table/TablePagination.js";import{TableRow as Qs}from"./components/table/TableRow.js";import{ExpandableTableRow as Js}from"./components/table/ExpandableTableRow.js";import{ExpandableTableRowController as qs}from"./components/table/ExpandableTableRowController.js";import{useSortableTableHeader as Ys}from"./components/table/utils.js";import{NavTab as Zs}from"./components/tabs/NavTab.js";import{NavTabs as $s}from"./components/tabs/NavTabs.js";import{Tabs as oe}from"./components/tabs/Tabs.js";import{TabList as se}from"./components/tabs/TabList.js";import{Tab as ee}from"./components/tabs/Tab.js";import{TabPanel as ae}from"./components/tabs/TabPanel.js";import{ErrorTag as te,InfoTag as re,SuccessTag as ne,Tag as ie,WarningTag as me}from"./components/tag/Tag.js";import{BaseTextArea as pe}from"./components/text-input/BaseTextArea.js";import{BaseTextInput as ce}from"./components/text-input/BaseTextInput.js";import{TextArea as le}from"./components/text-input/TextArea.js";import{TextInput as ue}from"./components/text-input/TextInput.js";import{ToastProvider as de,useToast as fe}from"./components/toast/toastContext.js";import{ToggleSwitch as ge}from"./components/toggle-switch/ToggleSwitch.js";import{ToggleSlider as je}from"./components/toggle-switch/ToggleSlider.js";import{Tooltip as be}from"./components/tooltip/Tooltip.js";import{TooltipContent as Ie}from"./components/tooltip/TooltipContent.js";import{TooltipTrigger as Te}from"./components/tooltip/TooltipTrigger.js";import{PopupTip as ke}from"./components/tooltip/PopupTip.js";import{ScreenReaderOnly as Ce}from"./components/ScreenReaderOnly.js";import{default as he}from"./core/tokens.js";import{useAnimatedDetails as Se}from"./hooks/useAnimatedDetails/useAnimatedDetails.js";import{useAnimatedHeight as ve}from"./hooks/useAnimatedHeight/useAnimatedHeight.js";import{useAnimatedHeightBetween as Me}from"./hooks/useAnimatedHeight/useAnimatedHeightBetween.js";import{useAutoAnimatedHeight as Le}from"./hooks/useAnimatedHeight/useAutoAnimateHeight.js";import{useBrowserPreferences as Ae}from"./hooks/useBrowserPreferences/useBrowserPreferences.js";import{useIntersectionObserver as Ee}from"./hooks/useIntersectionObserver/useIntersectionObserver.js";import{useLocalStorage as Re}from"./hooks/useLocalStorage/useLocalStorage.js";import{useMutationObserver as xe}from"./hooks/useMutationObserver/useMutationObserver.js";import{usePreviousValue as Be}from"./hooks/usePreviousValue/usePreviousValue.js";import{useProgressiveImg as Pe}from"./hooks/useProgressiveImg/useProgressiveImg.js";import{useScreen as we}from"./hooks/useScreen/useScreen.js";import{useScrollIntoView as Fe}from"./hooks/useScrollIntoView/useScrollIntoView.js";import{useAriaLiveRegion as De}from"./hooks/useAriaLiveRegion/useAriaLiveRegion.js";import{useClickOutside as Ne}from"./hooks/useClickOutside/useClickOutside.js";import{useFocusOutside as Ve}from"./hooks/useFocusOutside/useFocusOutside.js";import{useElementDimensions as ye}from"./hooks/useElementDimensions/useElementDimensions.js";import{useId as Oe}from"./hooks/useId/useId.js";import{useKeyListener as Ge}from"./hooks/useKeyListener/useKeyListener.js";import{useListNavigation as He}from"./hooks/useListNavigation/useListNavigation.js";import{useSwipeGesture as We}from"./hooks/useSwipeGesture/useSwipeGesture.js";import{u as Ue}from"../index-DfvUcA5T.js";import{formatNumber as Ke}from"./utilities/formatters/util/formatNumber.js";import{parseNumber as Xe}from"./utilities/formatters/util/parseNumber.js";import{registerWithFodselsnummerMask as _e,registerWithKontonummerMask as ze,registerWithKortnummerMask as Qe,registerWithMasks as Je,registerWithTelefonnummerMask as qe}from"./utilities/formatters/util/registerWithMask.js";import{formatAvstand as Ye}from"./utilities/formatters/avstand/formatAvstand.js";import{formatBytes as Ze}from"./utilities/formatters/bytes/formatBytes.js";import{formatDate as $e}from"./utilities/formatters/date/formatDate.js";import{FODSELSNUMMER_REGEX as oa,formatFodselsnummer as sa}from"./utilities/formatters/fodselsnummer/formatFodselsnummer.js";import{ORGANISASJONSNUMMER_REGEX as ea,formatOrganisasjonsnummer as aa}from"./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.js";import{KONTONUMMER_REGEX as ta,formatKontonummer as ra}from"./utilities/formatters/kontonummer/formatKontonummer.js";import{KORTNUMMER_REGEX as na,formatKortnummer as ia}from"./utilities/formatters/kortnummer/formatKortnummer.js";import{TELEFONNUMMER_REGEX as ma,formatTelefonnummer as pa}from"./utilities/formatters/telefonnummer/formatTelefonnummer.js";import{formatValuta as ca}from"./utilities/formatters/valuta/formatValuta.js";import{getThemeAndDensity as la}from"./utilities/getThemeAndDensity.js";import{mergeProps as ua}from"./utilities/polymorphism/mergeProps.js";import{mergeRefs as da}from"./utilities/polymorphism/mergeRefs.js";import{SlotComponent as fa}from"./utilities/polymorphism/SlotComponent.js";import{isValidEpost as ga}from"./utilities/validators/isValidEpost/isValidEpost.js";import{isValidTelefonnummer as ja}from"./utilities/validators/isValidTelefonnummer/isValidTelefonnummer.js";import{isValidRegistreringsnummer as ba}from"./utilities/validators/isValidRegistreringsnummer/isValidRegistreringsnummer.js";import{isValidChassisnummer as Ia}from"./utilities/validators/isValidChassisnummer/isValidChassisnummer.js";import{isValidDogId as Ta}from"./utilities/validators/isValidDogId/isValidDogId.js";import{isExactLength as ka}from"./utilities/validators/isExactLength/isExactLength.js";import{isInteger as Ca}from"./utilities/validators/isInteger/isInteger.js";import{isValidFodselsnummer as ha}from"./utilities/validators/isValidFodselsnummer/isValidFodselsnummer.js";import{isValidOrganisasjonsnummer as Sa}from"./utilities/validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.js";import{isValidName as va}from"./utilities/validators/isValidName/isValidName.js";import{hasMinimumWords as Ma}from"./utilities/validators/hasMinimumWords/hasMinimumWords.js";import{hasNoIllegalCharacters as La}from"./utilities/validators/hasNoIllegalCharacters/hasNoIllegalCharacters.js";import{initTabListener as Aa}from"./utilities/tabListener.js";import{getValuePair as Ea}from"./utilities/valuePair.js";export{o as Accordion,s as AccordionItem,O as ArrowDownIcon,V as ArrowHorizontalAnimated,G as ArrowLeftIcon,H as ArrowNorthEastIcon,W as ArrowRightIcon,U as ArrowUpIcon,N as ArrowVerticalAnimated,vs as BaseRadioButton,pe as BaseTextArea,ce as BaseTextInput,e as Breadcrumb,a as BreadcrumbItem,t as Button,K as CalendarIcon,m as Card,p as CardImage,X as CheckIcon,Po as CheckListItem,f as Checkbox,So as CheckboxPanel,_ as ChevronDownIcon,z as ChevronLeftIcon,Q as ChevronRightIcon,J as ChevronUpIcon,q as CloseIcon,g as Combobox,b as CookieConsent,I as CookieConsentProvider,Y as CopyIcon,ks as Countdown,wo as CrossListItem,ws as DataTable,k as DatePicker,x as DescriptionDetail,B as DescriptionList,P as DescriptionTerm,Z as DotsIcon,$ as DragIcon,oo as ErrorIcon,ts as ErrorMessage,Rs as ErrorSystemMessage,te as ErrorTag,F as ExpandSection,Js as ExpandableTableRow,qs as ExpandableTableRowController,w as Expander,oa as FODSELSNUMMER_REGEX,A as Feedback,To as FieldGroup,R as Flex,ms as FormErrorMessage,Qo as ForsikringLevertAvFremtind,Jo as FraSB1ogDNB,so as GreenCheckIcon,eo as HamburgerIcon,D as Icon,bo as IconButton,Io as Image,c as InfoBlock,d as InfoCard,ao as InfoIcon,rs as InfoMessage,xs as InfoSystemMessage,re as InfoTag,qo as InnovasjonFraFremtind,ko as InputGroup,ta as KONTONUMMER_REGEX,na as KORTNUMMER_REGEX,Co as Label,Lo as Link,to as LinkIcon,Eo as LinkList,Ro as List,Fo as ListItem,Do as Loader,_o as Logo,zo as LogoStamp,os as Menu,as as MenuDivider,ss as MenuItem,es as MenuItemCheckbox,lo as MinusIcon,ps as Modal,cs as ModalActions,ls as ModalBody,us as ModalCloseButton,ds as ModalContainer,fs as ModalHeader,gs as ModalOverlay,js as ModalTitle,Ls as NativeSelect,l as NavCard,Ao as NavLink,Zs as NavTab,$s as NavTabs,ea as ORGANISASJONSNUMMER_REGEX,xo as OrderedList,E as PRESETS,Is as Pagination,jo as PenIcon,ro as PlusIcon,y as PlusRemoveAnimated,Ts as Popover,ke as PopupTip,r as PrimaryButton,Cs as ProgressBar,no as QuestionIcon,hs as RadioButton,Ss as RadioButtonGroup,vo as RadioPanel,Mo as RadioPanelGroup,io as RedCrossIcon,Ce as ScreenReaderOnly,mo as SearchIcon,n as SecondaryButton,Ms as Select,No as SkeletonAnimation,Vo as SkeletonButton,yo as SkeletonCheckboxGroup,Oo as SkeletonElement,Go as SkeletonInput,Ho as SkeletonRadioButtonGroup,Wo as SkeletonTable,Uo as SkeletonTableHeader,Ko as SkeletonTableRow,Xo as SkeletonTextArea,fa as SlotComponent,po as SuccessIcon,ns as SuccessMessage,Bs as SuccessSystemMessage,ne as SuccessTag,As as SummaryTable,Es as SummaryTableRow,ho as SupportLabel,ma as TELEFONNUMMER_REGEX,ee as Tab,se as TabList,ae as TabPanel,Fs as Table,Ds as TableBody,Ns as TableCaption,Vs as TableCell,ys as TableColumn,Os as TableColumnGroup,Gs as TableContextProvider,Ks as TableFooter,Xs as TableHead,_s as TableHeader,zs as TablePagination,Qs as TableRow,Ws as TableSectionContextProvider,oe as Tabs,ie as Tag,u as TaskCard,Yo as TeknologiFraFremtind,i as TertiaryButton,le as TextArea,ue as TextInput,uo as ThumbDownIcon,fo as ThumbUpIcon,de as ToastProvider,je as ToggleSlider,ge as ToggleSwitch,be as Tooltip,Ie as TooltipContent,Te as TooltipTrigger,go as TrashCanIcon,Bo as UnorderedList,Zo as VartEgetForsikringsselskap,$o as VartForsikringsselskap,co as WarningIcon,is as WarningMessage,Ps as WarningSystemMessage,me as WarningTag,Ye as formatAvstand,Ze as formatBytes,$e as formatDate,sa as formatFodselsnummer,v as formatInput,ra as formatKontonummer,ia as formatKortnummer,Ke as formatNumber,aa as formatOrganisasjonsnummer,pa as formatTelefonnummer,ca as formatValuta,j as getComboboxValuePair,la as getThemeAndDensity,Ea as getValuePair,Ma as hasMinimumWords,La as hasNoIllegalCharacters,Aa as initTabListener,M as isBlurTargetOutside,C as isCorrectFormat,ka as isExactLength,Ca as isInteger,Ia as isValidChassisnummer,Ta as isValidDogId,ga as isValidEpost,ha as isValidFodselsnummer,va as isValidName,Sa as isValidOrganisasjonsnummer,ba as isValidRegistreringsnummer,ja as isValidTelefonnummer,h as isWithinLowerBound,S as isWithinUpperBound,ua as mergeProps,da as mergeRefs,L as parseDateString,Xe as parseNumber,_e as registerWithFodselsnummerMask,ze as registerWithKontonummerMask,Qe as registerWithKortnummerMask,Je as registerWithMasks,qe as registerWithTelefonnummerMask,he as tokens,Ue as unicode,Se as useAnimatedDetails,ve as useAnimatedHeight,Me as useAnimatedHeightBetween,De as useAriaLiveRegion,Le as useAutoAnimatedHeight,Ae as useBrowserPreferences,Ne as useClickOutside,T as useCookieConsent,ye as useElementDimensions,Ve as useFocusOutside,Oe as useId,Ee as useIntersectionObserver,Ge as useKeyListener,He as useListNavigation,Re as useLocalStorage,bs as useModal,xe as useMutationObserver,Be as usePreviousValue,Pe as useProgressiveImg,we as useScreen,Fe as useScrollIntoView,Ys as useSortableTableHeader,We as useSwipeGesture,Hs as useTableContext,Us as useTableSectionContext,fe as useToast};
+import{Accordion as o}from"./components/accordion/Accordion.js";import{AccordionItem as s}from"./components/accordion/AccordionItem.js";import{Breadcrumb as e}from"./components/breadcrumb/Breadcrumb.js";import{BreadcrumbItem as a}from"./components/breadcrumb/BreadcrumbItem.js";import{Button as t,PrimaryButton as r,SecondaryButton as n,TertiaryButton as i}from"./components/button/Button.js";import{Card as m}from"./components/card/Card.js";import{CardImage as p}from"./components/card/CardImage.js";import{InfoBlock as c,NavCard as l}from"./components/card/NavCard.js";import{TaskCard as u}from"./components/card/TaskCard.js";import{InfoCard as d}from"./components/card/InfoCard.js";import{Checkbox as f}from"./components/checkbox/Checkbox.js";import{Combobox as g,getComboboxValuePair as j}from"./components/combobox/Combobox.js";import{CookieConsent as b}from"./components/cookie-consent/CookieConsent.js";import{CookieConsentProvider as I,useCookieConsent as T}from"./components/cookie-consent/CookieConsentContext.js";import{DatePicker as k}from"./components/datepicker/DatePicker.js";import{isCorrectFormat as C,isWithinLowerBound as h,isWithinUpperBound as S}from"./components/datepicker/validation.js";import{formatInput as v,isBlurTargetOutside as M,parseDateString as E}from"./components/datepicker/utils.js";import{Feedback as L}from"./components/feedback/Feedback.js";import{PRESETS as A}from"./components/feedback/presets.js";import{Flex as x}from"./components/flex/Flex.js";import{DescriptionDetail as R,DescriptionList as B,DescriptionTerm as P}from"./components/description-list/DescriptionList.js";import{ExpandablePanel as w}from"./components/expander/ExpandablePanel.js";import{Expander as F}from"./components/expander/Expander.js";import{ExpandSection as D}from"./components/expander/deprecated/ExpandSection.js";import{Icon as N}from"./components/icon/Icon.js";import{ArrowVerticalAnimated as V}from"./components/icon/icons/animated/ArrowVerticalAnimated.js";import{ArrowHorizontalAnimated as y}from"./components/icon/icons/animated/ArrowHorizontalAnimated.js";import{PlusRemoveAnimated as O}from"./components/icon/icons/animated/PlusRemoveAnimated.js";import{ArrowDownIcon as G}from"./components/icon/icons/ArrowDownIcon.js";import{ArrowLeftIcon as H}from"./components/icon/icons/ArrowLeftIcon.js";import{ArrowNorthEastIcon as W}from"./components/icon/icons/ArrowNorthEastIcon.js";import{ArrowRightIcon as U}from"./components/icon/icons/ArrowRightIcon.js";import{ArrowUpIcon as K}from"./components/icon/icons/ArrowUpIcon.js";import{CalendarIcon as X}from"./components/icon/icons/CalendarIcon.js";import{CheckIcon as _}from"./components/icon/icons/CheckIcon.js";import{ChevronDownIcon as z}from"./components/icon/icons/ChevronDownIcon.js";import{ChevronLeftIcon as Q}from"./components/icon/icons/ChevronLeftIcon.js";import{ChevronRightIcon as J}from"./components/icon/icons/ChevronRightIcon.js";import{ChevronUpIcon as q}from"./components/icon/icons/ChevronUpIcon.js";import{CloseIcon as Y}from"./components/icon/icons/CloseIcon.js";import{CopyIcon as Z}from"./components/icon/icons/CopyIcon.js";import{DotsIcon as $}from"./components/icon/icons/DotsIcon.js";import{DragIcon as oo}from"./components/icon/icons/DragIcon.js";import{ErrorIcon as so}from"./components/icon/icons/ErrorIcon.js";import{GreenCheckIcon as eo}from"./components/icon/icons/GreenCheckIcon.js";import{HamburgerIcon as ao}from"./components/icon/icons/HamburgerIcon.js";import{InfoIcon as to}from"./components/icon/icons/InfoIcon.js";import{LinkIcon as ro}from"./components/icon/icons/LinkIcon.js";import{PlusIcon as no}from"./components/icon/icons/PlusIcon.js";import{QuestionIcon as io}from"./components/icon/icons/QuestionIcon.js";import{RedCrossIcon as mo}from"./components/icon/icons/RedCrossIcon.js";import{SearchIcon as po}from"./components/icon/icons/SearchIcon.js";import{SuccessIcon as co}from"./components/icon/icons/SuccessIcon.js";import{WarningIcon as lo}from"./components/icon/icons/WarningIcon.js";import{MinusIcon as uo}from"./components/icon/icons/MinusIcon.js";import{ThumbDownIcon as fo}from"./components/icon/icons/ThumbDownIcon.js";import{ThumbUpIcon as go}from"./components/icon/icons/ThumbUpIcon.js";import{TrashCanIcon as jo}from"./components/icon/icons/TrashCanIcon.js";import{PenIcon as bo}from"./components/icon/icons/PenIcon.js";import{IconButton as Io}from"./components/icon-button/IconButton.js";import{Image as To}from"./components/image/Image.js";import{FieldGroup as ko}from"./components/input-group/FieldGroup.js";import{InputGroup as Co}from"./components/input-group/InputGroup.js";import{Label as ho}from"./components/input-group/Label.js";import{SupportLabel as So}from"./components/input-group/SupportLabel.js";import{CheckboxPanel as vo}from"./components/input-panel/CheckboxPanel.js";import{RadioPanel as Mo}from"./components/input-panel/RadioPanel.js";import{RadioPanelGroup as Eo}from"./components/input-panel/RadioPanelGroup.js";import{Link as Lo}from"./components/link/Link.js";import{NavLink as Ao}from"./components/link/NavLink.js";import{LinkList as xo}from"./components/link-list/LinkList.js";import{List as Ro,OrderedList as Bo,UnorderedList as Po}from"./components/list/List.js";import{CheckListItem as wo,CrossListItem as Fo,ListItem as Do}from"./components/list/ListItem.js";import{Loader as No}from"./components/loader/Loader.js";import{SkeletonAnimation as Vo}from"./components/loader/skeletons/SkeletonAnimation.js";import{SkeletonButton as yo}from"./components/loader/skeletons/SkeletonButton.js";import{SkeletonCheckboxGroup as Oo}from"./components/loader/skeletons/SkeletonCheckboxGroup.js";import{SkeletonElement as Go}from"./components/loader/skeletons/SkeletonElement.js";import{SkeletonInput as Ho}from"./components/loader/skeletons/SkeletonInput.js";import{SkeletonRadioButtonGroup as Wo}from"./components/loader/skeletons/SkeletonRadioButtonGroup.js";import{SkeletonTable as Uo,SkeletonTableHeader as Ko,SkeletonTableRow as Xo}from"./components/loader/skeletons/SkeletonTable.js";import{SkeletonTextArea as _o}from"./components/loader/skeletons/SkeletonTextArea.js";import{Logo as zo}from"./components/logo/Logo.js";import{LogoStamp as Qo}from"./components/logo/LogoStamp.js";import{ForsikringLevertAvFremtind as Jo}from"./components/logo/text-paths/ForsikringLevertAvFremtind.js";import{FraSB1ogDNB as qo}from"./components/logo/text-paths/FraSB1ogDNB.js";import{InnovasjonFraFremtind as Yo}from"./components/logo/text-paths/InnovasjonFraFremtind.js";import{TeknologiFraFremtind as Zo}from"./components/logo/text-paths/TeknologiFraFremtind.js";import{VartEgetForsikringsselskap as $o}from"./components/logo/text-paths/VartEgetForsikringsselskap.js";import{VartForsikringsselskap as os}from"./components/logo/text-paths/VartForsikringsselskap.js";import{Menu as ss}from"./components/menu/Menu.js";import{MenuItem as es}from"./components/menu/MenuItem.js";import{MenuItemCheckbox as as}from"./components/menu/MenuItemCheckbox.js";import{MenuDivider as ts}from"./components/menu/MenuDivider.js";import{ErrorMessage as rs,InfoMessage as ns,SuccessMessage as is,WarningMessage as ms}from"./components/message/Message.js";import{FormErrorMessage as ps}from"./components/message/FormErrorMessage.js";import{Modal as cs,ModalActions as ls,ModalBody as us,ModalCloseButton as ds,ModalContainer as fs,ModalHeader as gs,ModalOverlay as js,ModalTitle as bs}from"./components/modal/Modal.js";import{useModal as Is}from"./components/modal/useModal.js";import{Pagination as Ts}from"./components/pagination/Pagination.js";import{Popover as ks}from"./components/popover/Popover.js";import{Countdown as Cs}from"./components/progress-bar/Countdown.js";import{ProgressBar as hs}from"./components/progress-bar/ProgressBar.js";import{RadioButton as Ss}from"./components/radio-button/RadioButton.js";import{RadioButtonGroup as vs}from"./components/radio-button/RadioButtonGroup.js";import{BaseRadioButton as Ms}from"./components/radio-button/BaseRadioButton.js";import{Select as Es}from"./components/select/Select.js";import{NativeSelect as Ls}from"./components/select/NativeSelect.js";import{SummaryTable as As}from"./components/summary-table/SummaryTable.js";import{SummaryTableRow as xs}from"./components/summary-table/SummaryTableRow.js";import{ErrorSystemMessage as Rs,InfoSystemMessage as Bs,SuccessSystemMessage as Ps,WarningSystemMessage as ws}from"./components/system-message/SystemMessage.js";import{DataTable as Fs}from"./components/table/DataTable.js";import{Table as Ds}from"./components/table/Table.js";import{TableBody as Ns}from"./components/table/TableBody.js";import{TableCaption as Vs}from"./components/table/TableCaption.js";import{TableCell as ys}from"./components/table/TableCell.js";import{TableColumn as Os}from"./components/table/TableColumn.js";import{TableColumnGroup as Gs}from"./components/table/TableColumnGroup.js";import{TableContextProvider as Hs,useTableContext as Ws}from"./components/table/tableContext.js";import{TableSectionContextProvider as Us,useTableSectionContext as Ks}from"./components/table/tableSectionContext.js";import{TableFooter as Xs}from"./components/table/TableFooter.js";import{TableHead as _s}from"./components/table/TableHead.js";import{TableHeader as zs}from"./components/table/TableHeader.js";import{TablePagination as Qs}from"./components/table/TablePagination.js";import{TableRow as Js}from"./components/table/TableRow.js";import{ExpandableTableRow as qs}from"./components/table/ExpandableTableRow.js";import{ExpandableTableRowController as Ys}from"./components/table/ExpandableTableRowController.js";import{useSortableTableHeader as Zs}from"./components/table/utils.js";import{NavTab as $s}from"./components/tabs/NavTab.js";import{NavTabs as oe}from"./components/tabs/NavTabs.js";import{Tabs as se}from"./components/tabs/Tabs.js";import{TabList as ee}from"./components/tabs/TabList.js";import{Tab as ae}from"./components/tabs/Tab.js";import{TabPanel as te}from"./components/tabs/TabPanel.js";import{ErrorTag as re,InfoTag as ne,SuccessTag as ie,Tag as me,WarningTag as pe}from"./components/tag/Tag.js";import{BaseTextArea as ce}from"./components/text-input/BaseTextArea.js";import{BaseTextInput as le}from"./components/text-input/BaseTextInput.js";import{TextArea as ue}from"./components/text-input/TextArea.js";import{TextInput as de}from"./components/text-input/TextInput.js";import{ToastProvider as fe,useToast as ge}from"./components/toast/toastContext.js";import{ToggleSwitch as je}from"./components/toggle-switch/ToggleSwitch.js";import{ToggleSlider as be}from"./components/toggle-switch/ToggleSlider.js";import{Tooltip as Ie}from"./components/tooltip/Tooltip.js";import{TooltipContent as Te}from"./components/tooltip/TooltipContent.js";import{TooltipTrigger as ke}from"./components/tooltip/TooltipTrigger.js";import{PopupTip as Ce}from"./components/tooltip/PopupTip.js";import{ScreenReaderOnly as he}from"./components/ScreenReaderOnly.js";import{default as Se}from"./core/tokens.js";import{useAnimatedDetails as ve}from"./hooks/useAnimatedDetails/useAnimatedDetails.js";import{useAnimatedHeight as Me}from"./hooks/useAnimatedHeight/useAnimatedHeight.js";import{useAnimatedHeightBetween as Ee}from"./hooks/useAnimatedHeight/useAnimatedHeightBetween.js";import{useAutoAnimatedHeight as Le}from"./hooks/useAnimatedHeight/useAutoAnimateHeight.js";import{useBrowserPreferences as Ae}from"./hooks/useBrowserPreferences/useBrowserPreferences.js";import{useIntersectionObserver as xe}from"./hooks/useIntersectionObserver/useIntersectionObserver.js";import{useLocalStorage as Re}from"./hooks/useLocalStorage/useLocalStorage.js";import{useMutationObserver as Be}from"./hooks/useMutationObserver/useMutationObserver.js";import{usePreviousValue as Pe}from"./hooks/usePreviousValue/usePreviousValue.js";import{useProgressiveImg as we}from"./hooks/useProgressiveImg/useProgressiveImg.js";import{useScreen as Fe}from"./hooks/useScreen/useScreen.js";import{useScrollIntoView as De}from"./hooks/useScrollIntoView/useScrollIntoView.js";import{useAriaLiveRegion as Ne}from"./hooks/useAriaLiveRegion/useAriaLiveRegion.js";import{useClickOutside as Ve}from"./hooks/useClickOutside/useClickOutside.js";import{useFocusOutside as ye}from"./hooks/useFocusOutside/useFocusOutside.js";import{useElementDimensions as Oe}from"./hooks/useElementDimensions/useElementDimensions.js";import{useId as Ge}from"./hooks/useId/useId.js";import{useKeyListener as He}from"./hooks/useKeyListener/useKeyListener.js";import{useListNavigation as We}from"./hooks/useListNavigation/useListNavigation.js";import{useSwipeGesture as Ue}from"./hooks/useSwipeGesture/useSwipeGesture.js";import{u as Ke}from"../index-DfvUcA5T.js";import{formatNumber as Xe}from"./utilities/formatters/util/formatNumber.js";import{parseNumber as _e}from"./utilities/formatters/util/parseNumber.js";import{registerWithFodselsnummerMask as ze,registerWithKontonummerMask as Qe,registerWithKortnummerMask as Je,registerWithMasks as qe,registerWithTelefonnummerMask as Ye}from"./utilities/formatters/util/registerWithMask.js";import{formatAvstand as Ze}from"./utilities/formatters/avstand/formatAvstand.js";import{formatBytes as $e}from"./utilities/formatters/bytes/formatBytes.js";import{formatDate as oa}from"./utilities/formatters/date/formatDate.js";import{FODSELSNUMMER_REGEX as sa,formatFodselsnummer as ea}from"./utilities/formatters/fodselsnummer/formatFodselsnummer.js";import{ORGANISASJONSNUMMER_REGEX as aa,formatOrganisasjonsnummer as ta}from"./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.js";import{KONTONUMMER_REGEX as ra,formatKontonummer as na}from"./utilities/formatters/kontonummer/formatKontonummer.js";import{KORTNUMMER_REGEX as ia,formatKortnummer as ma}from"./utilities/formatters/kortnummer/formatKortnummer.js";import{TELEFONNUMMER_REGEX as pa,formatTelefonnummer as ca}from"./utilities/formatters/telefonnummer/formatTelefonnummer.js";import{formatValuta as la}from"./utilities/formatters/valuta/formatValuta.js";import{getThemeAndDensity as ua}from"./utilities/getThemeAndDensity.js";import{mergeProps as da}from"./utilities/polymorphism/mergeProps.js";import{mergeRefs as fa}from"./utilities/polymorphism/mergeRefs.js";import{SlotComponent as ga}from"./utilities/polymorphism/SlotComponent.js";import{isValidEpost as ja}from"./utilities/validators/isValidEpost/isValidEpost.js";import{isValidTelefonnummer as ba}from"./utilities/validators/isValidTelefonnummer/isValidTelefonnummer.js";import{isValidRegistreringsnummer as Ia}from"./utilities/validators/isValidRegistreringsnummer/isValidRegistreringsnummer.js";import{isValidChassisnummer as Ta}from"./utilities/validators/isValidChassisnummer/isValidChassisnummer.js";import{isValidDogId as ka}from"./utilities/validators/isValidDogId/isValidDogId.js";import{isExactLength as Ca}from"./utilities/validators/isExactLength/isExactLength.js";import{isInteger as ha}from"./utilities/validators/isInteger/isInteger.js";import{isValidFodselsnummer as Sa}from"./utilities/validators/isValidFodselsnummer/isValidFodselsnummer.js";import{isValidOrganisasjonsnummer as va}from"./utilities/validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.js";import{isValidName as Ma}from"./utilities/validators/isValidName/isValidName.js";import{hasMinimumWords as Ea}from"./utilities/validators/hasMinimumWords/hasMinimumWords.js";import{hasNoIllegalCharacters as La}from"./utilities/validators/hasNoIllegalCharacters/hasNoIllegalCharacters.js";import{initTabListener as Aa}from"./utilities/tabListener.js";import{getValuePair as xa}from"./utilities/valuePair.js";export{o as Accordion,s as AccordionItem,G as ArrowDownIcon,y as ArrowHorizontalAnimated,H as ArrowLeftIcon,W as ArrowNorthEastIcon,U as ArrowRightIcon,K as ArrowUpIcon,V as ArrowVerticalAnimated,Ms as BaseRadioButton,ce as BaseTextArea,le as BaseTextInput,e as Breadcrumb,a as BreadcrumbItem,t as Button,X as CalendarIcon,m as Card,p as CardImage,_ as CheckIcon,wo as CheckListItem,f as Checkbox,vo as CheckboxPanel,z as ChevronDownIcon,Q as ChevronLeftIcon,J as ChevronRightIcon,q as ChevronUpIcon,Y as CloseIcon,g as Combobox,b as CookieConsent,I as CookieConsentProvider,Z as CopyIcon,Cs as Countdown,Fo as CrossListItem,Fs as DataTable,k as DatePicker,R as DescriptionDetail,B as DescriptionList,P as DescriptionTerm,$ as DotsIcon,oo as DragIcon,so as ErrorIcon,rs as ErrorMessage,Rs as ErrorSystemMessage,re as ErrorTag,D as ExpandSection,w as ExpandablePanel,qs as ExpandableTableRow,Ys as ExpandableTableRowController,F as Expander,sa as FODSELSNUMMER_REGEX,L as Feedback,ko as FieldGroup,x as Flex,ps as FormErrorMessage,Jo as ForsikringLevertAvFremtind,qo as FraSB1ogDNB,eo as GreenCheckIcon,ao as HamburgerIcon,N as Icon,Io as IconButton,To as Image,c as InfoBlock,d as InfoCard,to as InfoIcon,ns as InfoMessage,Bs as InfoSystemMessage,ne as InfoTag,Yo as InnovasjonFraFremtind,Co as InputGroup,ra as KONTONUMMER_REGEX,ia as KORTNUMMER_REGEX,ho as Label,Lo as Link,ro as LinkIcon,xo as LinkList,Ro as List,Do as ListItem,No as Loader,zo as Logo,Qo as LogoStamp,ss as Menu,ts as MenuDivider,es as MenuItem,as as MenuItemCheckbox,uo as MinusIcon,cs as Modal,ls as ModalActions,us as ModalBody,ds as ModalCloseButton,fs as ModalContainer,gs as ModalHeader,js as ModalOverlay,bs as ModalTitle,Ls as NativeSelect,l as NavCard,Ao as NavLink,$s as NavTab,oe as NavTabs,aa as ORGANISASJONSNUMMER_REGEX,Bo as OrderedList,A as PRESETS,Ts as Pagination,bo as PenIcon,no as PlusIcon,O as PlusRemoveAnimated,ks as Popover,Ce as PopupTip,r as PrimaryButton,hs as ProgressBar,io as QuestionIcon,Ss as RadioButton,vs as RadioButtonGroup,Mo as RadioPanel,Eo as RadioPanelGroup,mo as RedCrossIcon,he as ScreenReaderOnly,po as SearchIcon,n as SecondaryButton,Es as Select,Vo as SkeletonAnimation,yo as SkeletonButton,Oo as SkeletonCheckboxGroup,Go as SkeletonElement,Ho as SkeletonInput,Wo as SkeletonRadioButtonGroup,Uo as SkeletonTable,Ko as SkeletonTableHeader,Xo as SkeletonTableRow,_o as SkeletonTextArea,ga as SlotComponent,co as SuccessIcon,is as SuccessMessage,Ps as SuccessSystemMessage,ie as SuccessTag,As as SummaryTable,xs as SummaryTableRow,So as SupportLabel,pa as TELEFONNUMMER_REGEX,ae as Tab,ee as TabList,te as TabPanel,Ds as Table,Ns as TableBody,Vs as TableCaption,ys as TableCell,Os as TableColumn,Gs as TableColumnGroup,Hs as TableContextProvider,Xs as TableFooter,_s as TableHead,zs as TableHeader,Qs as TablePagination,Js as TableRow,Us as TableSectionContextProvider,se as Tabs,me as Tag,u as TaskCard,Zo as TeknologiFraFremtind,i as TertiaryButton,ue as TextArea,de as TextInput,fo as ThumbDownIcon,go as ThumbUpIcon,fe as ToastProvider,be as ToggleSlider,je as ToggleSwitch,Ie as Tooltip,Te as TooltipContent,ke as TooltipTrigger,jo as TrashCanIcon,Po as UnorderedList,$o as VartEgetForsikringsselskap,os as VartForsikringsselskap,lo as WarningIcon,ms as WarningMessage,ws as WarningSystemMessage,pe as WarningTag,Ze as formatAvstand,$e as formatBytes,oa as formatDate,ea as formatFodselsnummer,v as formatInput,na as formatKontonummer,ma as formatKortnummer,Xe as formatNumber,ta as formatOrganisasjonsnummer,ca as formatTelefonnummer,la as formatValuta,j as getComboboxValuePair,ua as getThemeAndDensity,xa as getValuePair,Ea as hasMinimumWords,La as hasNoIllegalCharacters,Aa as initTabListener,M as isBlurTargetOutside,C as isCorrectFormat,Ca as isExactLength,ha as isInteger,Ta as isValidChassisnummer,ka as isValidDogId,ja as isValidEpost,Sa as isValidFodselsnummer,Ma as isValidName,va as isValidOrganisasjonsnummer,Ia as isValidRegistreringsnummer,ba as isValidTelefonnummer,h as isWithinLowerBound,S as isWithinUpperBound,da as mergeProps,fa as mergeRefs,E as parseDateString,_e as parseNumber,ze as registerWithFodselsnummerMask,Qe as registerWithKontonummerMask,Je as registerWithKortnummerMask,qe as registerWithMasks,Ye as registerWithTelefonnummerMask,Se as tokens,Ke as unicode,ve as useAnimatedDetails,Me as useAnimatedHeight,Ee as useAnimatedHeightBetween,Ne as useAriaLiveRegion,Le as useAutoAnimatedHeight,Ae as useBrowserPreferences,Ve as useClickOutside,T as useCookieConsent,Oe as useElementDimensions,ye as useFocusOutside,Ge as useId,xe as useIntersectionObserver,He as useKeyListener,We as useListNavigation,Re as useLocalStorage,Is as useModal,Be as useMutationObserver,Pe as usePreviousValue,we as useProgressiveImg,Fe as useScreen,De as useScrollIntoView,Zs as useSortableTableHeader,Ue as useSwipeGesture,Ws as useTableContext,Ks as useTableSectionContext,ge as useToast};
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fremtind/jokul",
-    "version": "0.35.1",
+    "version": "0.36.0",
     "type": "module",
     "publishConfig": {
         "access": "public"
@@ -556,5 +556,5 @@
             "@babel/preset-react"
         ]
     },
-    "gitHead": "20534327b2ba0f251316c7d5c30d4dfcb7fe34ae"
+    "gitHead": "223b58367736056d4694858b4b69b1c64edcd294"
 }

package/styles/components/accordion/accordion.scss

@@ -1,6 +1,8 @@
 @charset "UTF-8";
 @use "../../core/jkl";
 
+/// @deprecated Denne komponenten bør ikke brukes lenger, og vil ikke bli oppdatert.
+/// Bruk heller komponenten `Expandable`
 .jkl-accordion {
     width: 100%;
 

package/styles/components/button/button.css

@@ -143,7 +143,7 @@
   height: 1rem;
 }
 html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
-  animation: cubic-bezier(0.6, 0.2, 0.35, 1) 250ms jkl-tertiary-flash-uiewvzt;
+  animation: cubic-bezier(0.6, 0.2, 0.35, 1) 250ms jkl-tertiary-flash-ukcmqg0;
 }
 :not([data-touchnavigation]) .jkl-button--primary:hover, :not([data-touchnavigation]) .jkl-button--secondary:hover, :not([data-touchnavigation]) .jkl-button--tertiary:hover {
   scale: 1.05;
@@ -187,7 +187,7 @@ html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
   --background-color: var(--jkl-color-background-interactive-hover);
 }
 
-@keyframes jkl-tertiary-flash-uiewvzt {
+@keyframes jkl-tertiary-flash-ukcmqg0 {
   0% {
     opacity: 0.5;
     scale: 1;