@fremtind/jokul 0.66.0 → 0.66.1

package/build/es/components/modal/stories/ModalActions.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalActions.stories.js","sources":["../../../../../src/components/modal/stories/ModalActions.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { Button } from \"../../button/Button.js\";\nimport { ModalActions as ModalActionsComponent } from \"../Modal.js\";\n\nconst meta = {\n    title: \"Komponenter/Modal/ModalActions\",\n    component: ModalActionsComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof ModalActionsComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const ModalActions: Story = {\n    render: (args) => (\n        <ModalActionsComponent {...args}>\n            <Button\n                variant=\"primary\"\n                onClick={() => {\n                    console.log(\"Bekreft is clicked\");\n                }}\n            >\n                Bekreft\n            </Button>\n            <Button\n                variant=\"tertiary\"\n                onClick={() => {\n                    console.log(\"Avbryt is clicked\");\n                }}\n            >\n                Avbryt\n            </Button>\n        </ModalActionsComponent>\n    ),\n};\n"],"names":["meta","title","component","ModalActionsComponent","parameters","layout","tags","ModalActions","render","args","jsxs","children","jsx","Button","variant","onClick","console","log"],"mappings":"oLAMA,MAAMA,EAAO,CACTC,MAAO,iCACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAAsB,CAC/BC,OAASC,GACJC,EAAAP,EAAA,IAA0BM,EACvBE,SAAA,CAAAC,EAACC,EAAA,CACGC,QAAQ,UACRC,QAAS,KACLC,QAAQC,IAAI,qBAAoB,EAEvCN,SAAA,YAGDC,EAACC,EAAA,CACGC,QAAQ,WACRC,QAAS,KACLC,QAAQC,IAAI,oBAAmB,EAEtCN,SAAA"}
+{"version":3,"file":"ModalActions.stories.js","sources":["../../../../../src/components/modal/stories/ModalActions.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { Button } from \"../../button/Button.js\";\nimport { ModalActions as ModalActionsComponent } from \"../Modal.js\";\n\nconst meta = {\n    title: \"Komponenter/Modal/ModalActions\",\n    component: ModalActionsComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof ModalActionsComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const ModalActions: Story = {\n    render: (args) => (\n        <ModalActionsComponent {...args}>\n            <Button\n                variant=\"primary\"\n                onClick={() => {\n                    console.log(\"Bekreft is clicked\");\n                }}\n            >\n                Bekreft\n            </Button>\n            <Button\n                variant=\"tertiary\"\n                onClick={() => {\n                    console.log(\"Avbryt is clicked\");\n                }}\n            >\n                Avbryt\n            </Button>\n        </ModalActionsComponent>\n    ),\n};\n"],"names":["meta","title","component","ModalActionsComponent","parameters","layout","tags","ModalActions","render","args","jsxs","children","jsx","Button","variant","onClick","console","log"],"mappings":"kMAMA,MAAMA,EAAO,CACTC,MAAO,iCACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAAsB,CAC/BC,OAASC,GACJC,EAAAP,EAAA,IAA0BM,EACvBE,SAAA,CAAAC,EAACC,EAAA,CACGC,QAAQ,UACRC,QAAS,KACLC,QAAQC,IAAI,qBAAoB,EAEvCN,SAAA,YAGDC,EAACC,EAAA,CACGC,QAAQ,WACRC,QAAS,KACLC,QAAQC,IAAI,oBAAmB,EAEtCN,SAAA"}

package/build/es/components/modal/stories/ModalCloseButton.stories.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";/* empty css                         */import{IconButton as t}from"../../icon-button/IconButton.js";import{CloseIcon as e}from"../../icon/icons/CloseIcon.js";import{ModalCloseButton as n}from"../Modal.js";const a={title:"Komponenter/Modal/ModalCloseButton",component:n,parameters:{layout:"centered"},tags:["autodocs"]},s={args:{type:"button","aria-label":"close"},render:a=>o(n,{...a,children:o(t,{children:o(e,{variant:"medium"})})})};export{s as ModalCloseButton,a as default};
+import{jsx as o}from"react/jsx-runtime";/* empty css                         */import"react";import{IconButton as t}from"../../icon-button/IconButton.js";import{CloseIcon as e}from"../../icon/icons/CloseIcon.js";import{ModalCloseButton as a}from"../Modal.js";const n={title:"Komponenter/Modal/ModalCloseButton",component:a,parameters:{layout:"centered"},tags:["autodocs"]},r={args:{type:"button","aria-label":"close"},render:n=>o(a,{...n,children:o(t,{children:o(e,{variant:"medium"})})})};export{r as ModalCloseButton,n as default};
 //# sourceMappingURL=ModalCloseButton.stories.js.map

package/build/es/components/modal/stories/ModalCloseButton.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalCloseButton.stories.js","sources":["../../../../../src/components/modal/stories/ModalCloseButton.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport \"../styles/_index.scss\";\nimport React from \"react\";\nimport { IconButton } from \"../../icon-button/IconButton.js\";\nimport { CloseIcon } from \"../../icon/icons/CloseIcon.js\";\nimport { ModalCloseButton as ModalCloseButtonComponent } from \"../Modal.js\";\n\nconst meta = {\n    title: \"Komponenter/Modal/ModalCloseButton\",\n    component: ModalCloseButtonComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof ModalCloseButtonComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const ModalCloseButton: Story = {\n    args: {\n        type: \"button\",\n        \"aria-label\": \"close\",\n    },\n    render: (args) => (\n        <ModalCloseButtonComponent {...args}>\n            <IconButton>\n                <CloseIcon variant=\"medium\" />\n            </IconButton>\n        </ModalCloseButtonComponent>\n    ),\n};\n"],"names":["meta","title","component","ModalCloseButtonComponent","parameters","layout","tags","ModalCloseButton","args","type","render","jsx","children","IconButton","CloseIcon","variant"],"mappings":"qPAOA,MAAMA,EAAO,CACTC,MAAO,qCACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAA0B,CACnCC,KAAM,CACFC,KAAM,SACN,aAAc,SAElBC,OAASF,GACLG,EAACR,MAA8BK,EAC3BI,SAACD,EAAAE,EAAA,CACGD,SAACD,EAAAG,EAAA,CAAUC,QAAQ"}
+{"version":3,"file":"ModalCloseButton.stories.js","sources":["../../../../../src/components/modal/stories/ModalCloseButton.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport \"../styles/_index.scss\";\nimport React from \"react\";\nimport { IconButton } from \"../../icon-button/IconButton.js\";\nimport { CloseIcon } from \"../../icon/icons/CloseIcon.js\";\nimport { ModalCloseButton as ModalCloseButtonComponent } from \"../Modal.js\";\n\nconst meta = {\n    title: \"Komponenter/Modal/ModalCloseButton\",\n    component: ModalCloseButtonComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof ModalCloseButtonComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const ModalCloseButton: Story = {\n    args: {\n        type: \"button\",\n        \"aria-label\": \"close\",\n    },\n    render: (args) => (\n        <ModalCloseButtonComponent {...args}>\n            <IconButton>\n                <CloseIcon variant=\"medium\" />\n            </IconButton>\n        </ModalCloseButtonComponent>\n    ),\n};\n"],"names":["meta","title","component","ModalCloseButtonComponent","parameters","layout","tags","ModalCloseButton","args","type","render","jsx","children","IconButton","CloseIcon","variant"],"mappings":"mQAOA,MAAMA,EAAO,CACTC,MAAO,qCACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAA0B,CACnCC,KAAM,CACFC,KAAM,SACN,aAAc,SAElBC,OAASF,GACLG,EAACR,MAA8BK,EAC3BI,SAACD,EAAAE,EAAA,CACGD,SAACD,EAAAG,EAAA,CAAUC,QAAQ"}

package/build/es/components/progress-bar/ProgressBar.js

@@ -1,2 +1,2 @@
-import{jsx as a}from"react/jsx-runtime";const r=(a,r)=>0===r?0:100*a/r,e=({"aria-valuenow":e,"aria-valuemin":s=0,"aria-valuemax":t=100,title:l="Fremdrift",className:i,...o})=>{const c=`${r(e,t)}%`;return a("div",{tabIndex:0,className:`jkl-progress-bar ${i??""}`,role:"progressbar",title:l,"aria-valuenow":e,"aria-valuemin":s,"aria-valuemax":t,"data-testid":"jkl-progress-bar",...o,children:a("span",{className:"jkl-progress-bar__tracker",style:{width:c},"data-testid":"jkl-progress-bar__tracker"})})};export{e as ProgressBar,r as calculatePercentage};
+import{jsx as a}from"react/jsx-runtime";import"react";const r=(a,r)=>0===r?0:100*a/r,e=({"aria-valuenow":e,"aria-valuemin":s=0,"aria-valuemax":t=100,title:l="Fremdrift",className:i,...o})=>{const c=`${r(e,t)}%`;return a("div",{tabIndex:0,className:`jkl-progress-bar ${i??""}`,role:"progressbar",title:l,"aria-valuenow":e,"aria-valuemin":s,"aria-valuemax":t,"data-testid":"jkl-progress-bar",...o,children:a("span",{className:"jkl-progress-bar__tracker",style:{width:c},"data-testid":"jkl-progress-bar__tracker"})})};export{e as ProgressBar,r as calculatePercentage};
 //# sourceMappingURL=ProgressBar.js.map

package/build/es/components/progress-bar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sources":["../../../../src/components/progress-bar/ProgressBar.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport type { ProgressBarProps } from \"./types.js\";\n\nexport const calculatePercentage = (current: number, total: number): number =>\n    total === 0 ? 0 : (current * 100) / total;\n\nexport const ProgressBar: FC<ProgressBarProps> = ({\n    \"aria-valuenow\": value,\n    \"aria-valuemin\": min = 0,\n    \"aria-valuemax\": max = 100,\n    title = \"Fremdrift\",\n    className,\n    ...rest\n}) => {\n    const trackerWidth = `${calculatePercentage(value, max)}%`;\n\n    return (\n        <div\n            tabIndex={0}\n            className={`jkl-progress-bar ${className ?? \"\"}`}\n            role=\"progressbar\"\n            title={title}\n            aria-valuenow={value}\n            aria-valuemin={min}\n            aria-valuemax={max}\n            data-testid=\"jkl-progress-bar\"\n            {...rest}\n        >\n            <span\n                className=\"jkl-progress-bar__tracker\"\n                style={{ width: trackerWidth }}\n                data-testid=\"jkl-progress-bar__tracker\"\n            />\n        </div>\n    );\n};\n"],"names":["calculatePercentage","current","total","ProgressBar","value","min","max","title","className","rest","trackerWidth","jsx","tabIndex","role","children","style","width"],"mappings":"wCAGa,MAAAA,EAAsB,CAACC,EAAiBC,IACvC,IAAVA,EAAc,EAAe,IAAVD,EAAiBC,EAE3BC,EAAoC,EAC7C,gBAAiBC,EACjB,gBAAiBC,EAAM,EACvB,gBAAiBC,EAAM,IACvBC,MAAAA,EAAQ,YACRC,UAAAA,KACGC,MAEH,MAAMC,EAAe,GAAGV,EAAoBI,EAAOE,MAG/C,OAAAK,EAAC,MAAA,CACGC,SAAU,EACVJ,UAAW,oBAAoBA,GAAa,KAC5CK,KAAK,cACLN,MAAAA,EACA,gBAAeH,EACf,gBAAeC,EACf,gBAAeC,EACf,cAAY,sBACRG,EAEJK,SAAAH,EAAC,OAAA,CACGH,UAAU,4BACVO,MAAO,CAAEC,MAAON,GAChB,cAAY,+BAChB"}
+{"version":3,"file":"ProgressBar.js","sources":["../../../../src/components/progress-bar/ProgressBar.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport type { ProgressBarProps } from \"./types.js\";\n\nexport const calculatePercentage = (current: number, total: number): number =>\n    total === 0 ? 0 : (current * 100) / total;\n\nexport const ProgressBar: FC<ProgressBarProps> = ({\n    \"aria-valuenow\": value,\n    \"aria-valuemin\": min = 0,\n    \"aria-valuemax\": max = 100,\n    title = \"Fremdrift\",\n    className,\n    ...rest\n}) => {\n    const trackerWidth = `${calculatePercentage(value, max)}%`;\n\n    return (\n        <div\n            tabIndex={0}\n            className={`jkl-progress-bar ${className ?? \"\"}`}\n            role=\"progressbar\"\n            title={title}\n            aria-valuenow={value}\n            aria-valuemin={min}\n            aria-valuemax={max}\n            data-testid=\"jkl-progress-bar\"\n            {...rest}\n        >\n            <span\n                className=\"jkl-progress-bar__tracker\"\n                style={{ width: trackerWidth }}\n                data-testid=\"jkl-progress-bar__tracker\"\n            />\n        </div>\n    );\n};\n"],"names":["calculatePercentage","current","total","ProgressBar","value","min","max","title","className","rest","trackerWidth","jsx","tabIndex","role","children","style","width"],"mappings":"sDAGa,MAAAA,EAAsB,CAACC,EAAiBC,IACvC,IAAVA,EAAc,EAAe,IAAVD,EAAiBC,EAE3BC,EAAoC,EAC7C,gBAAiBC,EACjB,gBAAiBC,EAAM,EACvB,gBAAiBC,EAAM,IACvBC,MAAAA,EAAQ,YACRC,UAAAA,KACGC,MAEH,MAAMC,EAAe,GAAGV,EAAoBI,EAAOE,MAG/C,OAAAK,EAAC,MAAA,CACGC,SAAU,EACVJ,UAAW,oBAAoBA,GAAa,KAC5CK,KAAK,cACLN,MAAAA,EACA,gBAAeH,EACf,gBAAeC,EACf,gBAAeC,EACf,cAAY,sBACRG,EAEJK,SAAAH,EAAC,OAAA,CACGH,UAAU,4BACVO,MAAO,CAAEC,MAAON,GAChB,cAAY,+BAChB"}

package/build/es/components/progress-bar/stories/ProgressBar.stories.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{ProgressBar as a}from"../ProgressBar.js";const e={title:"Komponenter/ProgressBar",component:a,parameters:{layout:"centered"},tags:["autodocs"]},s={args:{"aria-valuenow":0,"aria-valuemin":0,"aria-valuemax":100},render:e=>r("div",{...e,style:{width:"100%",minWidth:"240px"},children:r(a,{...e})})};export{s as ProgressBar,e as default};
+import{jsx as r}from"react/jsx-runtime";import{ProgressBar as a}from"../ProgressBar.js";import"react";const e={title:"Komponenter/ProgressBar",component:a,parameters:{layout:"centered"},tags:["autodocs"]},s={args:{"aria-valuenow":0,"aria-valuemin":0,"aria-valuemax":100},render:e=>r("div",{...e,style:{width:"100%",minWidth:"240px"},children:r(a,{...e})})};export{s as ProgressBar,e as default};
 //# sourceMappingURL=ProgressBar.stories.js.map

package/build/es/components/progress-bar/stories/ProgressBar.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.stories.js","sources":["../../../../../src/components/progress-bar/stories/ProgressBar.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { ProgressBar as ProgressBarComponent } from \"../ProgressBar.js\";\nimport \"../styles/_index.scss\";\nimport React from \"react\";\n\nconst meta: Meta = {\n    title: \"Komponenter/ProgressBar\",\n    component: ProgressBarComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof ProgressBarComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof ProgressBarComponent>;\n\nexport const ProgressBar: Story = {\n    args: {\n        \"aria-valuenow\": 0,\n        \"aria-valuemin\": 0,\n        \"aria-valuemax\": 100,\n    },\n    render: (args) => (\n        <div {...args} style={{ width: \"100%\", minWidth: \"240px\" }}>\n            <ProgressBarComponent {...args} />\n        </div>\n    ),\n};\n"],"names":["meta","title","component","ProgressBarComponent","parameters","layout","tags","ProgressBar","args","render","style","width","minWidth","children"],"mappings":"wFAKA,MAAMA,EAAa,CACfC,MAAO,0BACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAAqB,CAC9BC,KAAM,CACF,gBAAiB,EACjB,gBAAiB,EACjB,gBAAiB,KAErBC,OAASD,KACJ,MAAK,IAAGA,EAAME,MAAO,CAAEC,MAAO,OAAQC,SAAU,SAC7CC,WAACV,EAAsB,IAAGK"}
+{"version":3,"file":"ProgressBar.stories.js","sources":["../../../../../src/components/progress-bar/stories/ProgressBar.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { ProgressBar as ProgressBarComponent } from \"../ProgressBar.js\";\nimport \"../styles/_index.scss\";\nimport React from \"react\";\n\nconst meta: Meta = {\n    title: \"Komponenter/ProgressBar\",\n    component: ProgressBarComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof ProgressBarComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof ProgressBarComponent>;\n\nexport const ProgressBar: Story = {\n    args: {\n        \"aria-valuenow\": 0,\n        \"aria-valuemin\": 0,\n        \"aria-valuemax\": 100,\n    },\n    render: (args) => (\n        <div {...args} style={{ width: \"100%\", minWidth: \"240px\" }}>\n            <ProgressBarComponent {...args} />\n        </div>\n    ),\n};\n"],"names":["meta","title","component","ProgressBarComponent","parameters","layout","tags","ProgressBar","args","render","style","width","minWidth","children"],"mappings":"sGAKA,MAAMA,EAAa,CACfC,MAAO,0BACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAAqB,CAC9BC,KAAM,CACF,gBAAiB,EACjB,gBAAiB,EACjB,gBAAiB,KAErBC,OAASD,KACJ,MAAK,IAAGA,EAAME,MAAO,CAAEC,MAAO,OAAQC,SAAU,SAC7CC,WAACV,EAAsB,IAAGK"}

package/build/es/components/radio-button/RadioButtonGroup.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{FieldGroup as o}from"../input-group/FieldGroup.js";import{RadioGroupContextProvider as e}from"./radioGroupContext.js";const a=a=>{const{name:i,value:t,onChange:n,errorLabel:d,inline:l=!1,density:s,labelProps:u={variant:"medium"},...p}=a;return r(e,{state:{onChange:n,value:t,name:i,invalid:!!d,inline:l,density:s},children:r(o,{errorLabel:d,labelProps:u,"data-testid":"jkl-radio-button-group",density:s,...p,role:"radiogroup","aria-invalid":!!d})})};export{a as RadioButtonGroup};
+import{jsx as r}from"react/jsx-runtime";import"react";import{FieldGroup as o}from"../input-group/FieldGroup.js";import{RadioGroupContextProvider as e}from"./radioGroupContext.js";const a=a=>{const{name:i,value:t,onChange:n,errorLabel:d,inline:l=!1,density:s,labelProps:p={variant:"medium"},...u}=a;return r(e,{state:{onChange:n,value:t,name:i,invalid:!!d,inline:l,density:s},children:r(o,{errorLabel:d,labelProps:p,"data-testid":"jkl-radio-button-group",density:s,...u,role:"radiogroup","aria-invalid":!!d})})};export{a as RadioButtonGroup};
 //# sourceMappingURL=RadioButtonGroup.js.map

package/build/es/components/radio-button/RadioButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButtonGroup.js","sources":["../../../../src/components/radio-button/RadioButtonGroup.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { FieldGroup } from \"../input-group/FieldGroup.js\";\nimport { RadioGroupContextProvider } from \"./radioGroupContext.js\";\nimport type { RadioButtonGroupProps } from \"./types.js\";\n\nexport const RadioButtonGroup: FC<RadioButtonGroupProps> = (props) => {\n    const {\n        name,\n        value,\n        onChange,\n        errorLabel,\n        inline = false,\n        density,\n        labelProps = { variant: \"medium\" },\n        ...rest\n    } = props;\n\n    return (\n        <RadioGroupContextProvider\n            state={{\n                onChange,\n                value,\n                name,\n                invalid: Boolean(errorLabel),\n                inline,\n                density,\n            }}\n        >\n            <FieldGroup\n                errorLabel={errorLabel}\n                labelProps={labelProps}\n                data-testid=\"jkl-radio-button-group\"\n                density={density}\n                {...rest}\n                role=\"radiogroup\"\n                aria-invalid={Boolean(errorLabel)}\n            />\n        </RadioGroupContextProvider>\n    );\n};\n"],"names":["RadioButtonGroup","props","name","value","onChange","errorLabel","inline","density","labelProps","variant","rest","jsx","RadioGroupContextProvider","state","invalid","children","FieldGroup","role"],"mappings":"qKAKa,MAAAA,EAA+CC,IAClD,MACFC,KAAAA,EACAC,MAAAA,EACAC,SAAAA,EACAC,WAAAA,EACAC,OAAAA,GAAS,EACTC,QAAAA,EACAC,WAAAA,EAAa,CAAEC,QAAS,aACrBC,GACHT,EAGA,OAAAU,EAACC,EAAA,CACGC,MAAO,CACHT,SAAAA,EACAD,MAAAA,EACAD,KAAAA,EACAY,UAAiBT,EACjBC,OAAAA,EACAC,QAAAA,GAGJQ,SAAAJ,EAACK,EAAA,CACGX,WAAAA,EACAG,WAAAA,EACA,cAAY,yBACZD,QAAAA,KACIG,EACJO,KAAK,aACL,iBAAsBZ,KAC1B"}
+{"version":3,"file":"RadioButtonGroup.js","sources":["../../../../src/components/radio-button/RadioButtonGroup.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { FieldGroup } from \"../input-group/FieldGroup.js\";\nimport { RadioGroupContextProvider } from \"./radioGroupContext.js\";\nimport type { RadioButtonGroupProps } from \"./types.js\";\n\nexport const RadioButtonGroup: FC<RadioButtonGroupProps> = (props) => {\n    const {\n        name,\n        value,\n        onChange,\n        errorLabel,\n        inline = false,\n        density,\n        labelProps = { variant: \"medium\" },\n        ...rest\n    } = props;\n\n    return (\n        <RadioGroupContextProvider\n            state={{\n                onChange,\n                value,\n                name,\n                invalid: Boolean(errorLabel),\n                inline,\n                density,\n            }}\n        >\n            <FieldGroup\n                errorLabel={errorLabel}\n                labelProps={labelProps}\n                data-testid=\"jkl-radio-button-group\"\n                density={density}\n                {...rest}\n                role=\"radiogroup\"\n                aria-invalid={Boolean(errorLabel)}\n            />\n        </RadioGroupContextProvider>\n    );\n};\n"],"names":["RadioButtonGroup","props","name","value","onChange","errorLabel","inline","density","labelProps","variant","rest","jsx","RadioGroupContextProvider","state","invalid","children","FieldGroup","role"],"mappings":"mLAKa,MAAAA,EAA+CC,IAClD,MACFC,KAAAA,EACAC,MAAAA,EACAC,SAAAA,EACAC,WAAAA,EACAC,OAAAA,GAAS,EACTC,QAAAA,EACAC,WAAAA,EAAa,CAAEC,QAAS,aACrBC,GACHT,EAGA,OAAAU,EAACC,EAAA,CACGC,MAAO,CACHT,SAAAA,EACAD,MAAAA,EACAD,KAAAA,EACAY,UAAiBT,EACjBC,OAAAA,EACAC,QAAAA,GAGJQ,SAAAJ,EAACK,EAAA,CACGX,WAAAA,EACAG,WAAAA,EACA,cAAY,yBACZD,QAAAA,KACIG,EACJO,KAAK,aACL,iBAAsBZ,KAC1B"}

package/build/es/components/radio-button/stories/RadioButtonGroup.stories.js

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import{RadioButton as o}from"../RadioButton.js";import{RadioButtonGroup as e}from"../RadioButtonGroup.js";/* empty css                         */const r={title:"Komponenter/RadioButton/RadioButtonGroup",component:e,parameters:{layout:"centered"},tags:["autodocs"]},n=["Send en e-post","Ring meg","Send et brev til folkeregistrert adresse"],a={args:{legend:"Dette er en RadioButtonGroup"},render:r=>t(e,{...r,children:n.map((e=>t(o,{value:e,children:e},e)))})};export{a as RadioButtonGroup,r as default};
+import{jsx as t}from"react/jsx-runtime";import{RadioButton as o}from"../RadioButton.js";import{RadioButtonGroup as e}from"../RadioButtonGroup.js";/* empty css                         */import"react";const r={title:"Komponenter/RadioButton/RadioButtonGroup",component:e,parameters:{layout:"centered"},tags:["autodocs"]},a=["Send en e-post","Ring meg","Send et brev til folkeregistrert adresse"],n={args:{legend:"Dette er en RadioButtonGroup"},render:r=>t(e,{...r,children:a.map((e=>t(o,{value:e,children:e},e)))})};export{n as RadioButtonGroup,r as default};
 //# sourceMappingURL=RadioButtonGroup.stories.js.map

package/build/es/components/radio-button/stories/RadioButtonGroup.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButtonGroup.stories.js","sources":["../../../../../src/components/radio-button/stories/RadioButtonGroup.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { RadioButton } from \"../RadioButton.js\";\nimport { RadioButtonGroup as RadioButtonGroupComponent } from \"../RadioButtonGroup.js\";\nimport \"../styles/_index.scss\";\nimport React from \"react\";\n\nconst meta: Meta = {\n    title: \"Komponenter/RadioButton/RadioButtonGroup\",\n    component: RadioButtonGroupComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof RadioButtonGroupComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof RadioButtonGroupComponent>;\n\nconst choices = [\n    \"Send en e-post\",\n    \"Ring meg\",\n    \"Send et brev til folkeregistrert adresse\",\n];\n\nexport const RadioButtonGroup: Story = {\n    args: {\n        legend: \"Dette er en RadioButtonGroup\",\n    },\n    render: (args) => (\n        <RadioButtonGroupComponent {...args}>\n            {choices.map((value) => (\n                <RadioButton key={value} value={value}>\n                    {value}\n                </RadioButton>\n            ))}\n        </RadioButtonGroupComponent>\n    ),\n};\n"],"names":["meta","title","component","RadioButtonGroupComponent","parameters","layout","tags","choices","RadioButtonGroup","args","legend","render","jsx","children","map","value","RadioButton"],"mappings":"yLAMA,MAAMA,EAAa,CACfC,MAAO,2CACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOLC,EAAU,CACZ,iBACA,WACA,4CAGSC,EAA0B,CACnCC,KAAM,CACFC,OAAQ,gCAEZC,OAASF,GACJG,EAAAT,EAAA,IAA8BM,EAC1BI,SAAAN,EAAQO,KAAKC,GACTH,EAAAI,EAAA,CAAwBD,MAAAA,EACpBF,SADaE,GAAAA"}
+{"version":3,"file":"RadioButtonGroup.stories.js","sources":["../../../../../src/components/radio-button/stories/RadioButtonGroup.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { RadioButton } from \"../RadioButton.js\";\nimport { RadioButtonGroup as RadioButtonGroupComponent } from \"../RadioButtonGroup.js\";\nimport \"../styles/_index.scss\";\nimport React from \"react\";\n\nconst meta: Meta = {\n    title: \"Komponenter/RadioButton/RadioButtonGroup\",\n    component: RadioButtonGroupComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof RadioButtonGroupComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof RadioButtonGroupComponent>;\n\nconst choices = [\n    \"Send en e-post\",\n    \"Ring meg\",\n    \"Send et brev til folkeregistrert adresse\",\n];\n\nexport const RadioButtonGroup: Story = {\n    args: {\n        legend: \"Dette er en RadioButtonGroup\",\n    },\n    render: (args) => (\n        <RadioButtonGroupComponent {...args}>\n            {choices.map((value) => (\n                <RadioButton key={value} value={value}>\n                    {value}\n                </RadioButton>\n            ))}\n        </RadioButtonGroupComponent>\n    ),\n};\n"],"names":["meta","title","component","RadioButtonGroupComponent","parameters","layout","tags","choices","RadioButtonGroup","args","legend","render","jsx","children","map","value","RadioButton"],"mappings":"uMAMA,MAAMA,EAAa,CACfC,MAAO,2CACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOLC,EAAU,CACZ,iBACA,WACA,4CAGSC,EAA0B,CACnCC,KAAM,CACFC,OAAQ,gCAEZC,OAASF,GACJG,EAAAT,EAAA,IAA8BM,EAC1BI,SAAAN,EAAQO,KAAKC,GACTH,EAAAI,EAAA,CAAwBD,MAAAA,EACpBF,SADaE,GAAAA"}

package/build/es/components/radio-panel/stories/RadioPanel.stories.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{RadioPanel as a}from"../RadioPanel.js";const r={title:"Komponenter/RadioPanel",component:a,parameters:{layout:"padded"},argTypes:{extraLabel:{control:"text"}},tags:["autodocs"]},s={args:{label:"Kasko",children:e("p",{children:"En forsikring som passer de fleste biler. Dekker det meste av skader, også de du selv er ansvarlig for. Inkluderer Minikasko og Ansvar."}),extraLabel:"Anbefalt",value:"Kasko",alwaysOpen:!1},render:r=>e(a,{...r})};export{s as RadioPanel,r as default};
+import{jsx as e}from"react/jsx-runtime";import"react";import{RadioPanel as a}from"../RadioPanel.js";const r={title:"Komponenter/RadioPanel",component:a,parameters:{layout:"padded"},argTypes:{extraLabel:{control:"text"}},tags:["autodocs"]},o={args:{label:"Kasko",children:e("p",{children:"En forsikring som passer de fleste biler. Dekker det meste av skader, også de du selv er ansvarlig for. Inkluderer Minikasko og Ansvar."}),extraLabel:"Anbefalt",value:"Kasko",alwaysOpen:!1},render:r=>e(a,{...r})};export{o as RadioPanel,r as default};
 //# sourceMappingURL=RadioPanel.stories.js.map

package/build/es/components/radio-panel/stories/RadioPanel.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioPanel.stories.js","sources":["../../../../../src/components/radio-panel/stories/RadioPanel.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { RadioPanel as RadioPanelComponent } from \"../RadioPanel.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/RadioPanel\",\n    component: RadioPanelComponent,\n    parameters: {\n        layout: \"padded\",\n    },\n    argTypes: {\n        extraLabel: {\n            control: \"text\",\n        },\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof RadioPanelComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const RadioPanel: Story = {\n    args: {\n        label: \"Kasko\",\n        children: (\n            <p>\n                En forsikring som passer de fleste biler. Dekker det meste av\n                skader, også de du selv er ansvarlig for. Inkluderer Minikasko\n                og Ansvar.\n            </p>\n        ),\n        extraLabel: \"Anbefalt\",\n        value: \"Kasko\",\n        alwaysOpen: false,\n    },\n    render: (args) => <RadioPanelComponent {...args} />,\n};\n"],"names":["meta","title","component","RadioPanelComponent","parameters","layout","argTypes","extraLabel","control","tags","RadioPanel","args","label","children","jsx","value","alwaysOpen","render"],"mappings":"sFAKA,MAAMA,EAAO,CACTC,MAAO,yBACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,UAEZC,SAAU,CACNC,WAAY,CACRC,QAAS,SAGjBC,KAAM,CAAC,aAMEC,EAAoB,CAC7BC,KAAM,CACFC,MAAO,QACPC,SACKC,EAAA,IAAA,CAAED,SAIH,4IAEJN,WAAY,WACZQ,MAAO,QACPC,YAAY,GAEhBC,OAASN,GAAUG,EAAAX,EAAA,IAAwBQ"}
+{"version":3,"file":"RadioPanel.stories.js","sources":["../../../../../src/components/radio-panel/stories/RadioPanel.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { RadioPanel as RadioPanelComponent } from \"../RadioPanel.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/RadioPanel\",\n    component: RadioPanelComponent,\n    parameters: {\n        layout: \"padded\",\n    },\n    argTypes: {\n        extraLabel: {\n            control: \"text\",\n        },\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof RadioPanelComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const RadioPanel: Story = {\n    args: {\n        label: \"Kasko\",\n        children: (\n            <p>\n                En forsikring som passer de fleste biler. Dekker det meste av\n                skader, også de du selv er ansvarlig for. Inkluderer Minikasko\n                og Ansvar.\n            </p>\n        ),\n        extraLabel: \"Anbefalt\",\n        value: \"Kasko\",\n        alwaysOpen: false,\n    },\n    render: (args) => <RadioPanelComponent {...args} />,\n};\n"],"names":["meta","title","component","RadioPanelComponent","parameters","layout","argTypes","extraLabel","control","tags","RadioPanel","args","label","children","jsx","value","alwaysOpen","render"],"mappings":"oGAKA,MAAMA,EAAO,CACTC,MAAO,yBACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,UAEZC,SAAU,CACNC,WAAY,CACRC,QAAS,SAGjBC,KAAM,CAAC,aAMEC,EAAoB,CAC7BC,KAAM,CACFC,MAAO,QACPC,SACKC,EAAA,IAAA,CAAED,SAIH,4IAEJN,WAAY,WACZQ,MAAO,QACPC,YAAY,GAEhBC,OAASN,GAAUG,EAAAX,EAAA,IAAwBQ"}

package/build/es/components/select/stories/select.stories.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{Select as l}from"../Select.js";const a={title:"Komponenter/Select",component:l,parameters:{layout:"padded"},tags:["autodocs"]},t={args:{name:"Select",label:"Hvilket merke er telefonen?",items:[{value:"Apple",label:"Apple"},{value:"Samsung",label:"Samsung"},{value:"Google",label:"Google"},{value:"OnePlus",label:"OnePlus"},{value:"Nokia",label:"Nokia"}]},render:({...a})=>e(l,{...a})};export{t as SelectStory,a as default};
+import{jsx as e}from"react/jsx-runtime";import"react";import{Select as l}from"../Select.js";const a={title:"Komponenter/Select",component:l,parameters:{layout:"padded"},tags:["autodocs"]},t={args:{name:"Select",label:"Hvilket merke er telefonen?",items:[{value:"Apple",label:"Apple"},{value:"Samsung",label:"Samsung"},{value:"Google",label:"Google"},{value:"OnePlus",label:"OnePlus"},{value:"Nokia",label:"Nokia"}]},render:({...a})=>e(l,{...a})};export{t as SelectStory,a as default};
 //# sourceMappingURL=select.stories.js.map

package/build/es/components/select/stories/select.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.stories.js","sources":["../../../../../src/components/select/stories/select.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Select } from \"../Select.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/Select\",\n    component: Select,\n    parameters: {\n        layout: \"padded\",\n    },\n    tags: [\"autodocs\"],\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Select>;\n\nconst baseArgs = {\n    name: \"Select\",\n    label: \"Hvilket merke er telefonen?\",\n    items: [\n        { value: \"Apple\", label: \"Apple\" },\n        { value: \"Samsung\", label: \"Samsung\" },\n        { value: \"Google\", label: \"Google\" },\n        { value: \"OnePlus\", label: \"OnePlus\" },\n        { value: \"Nokia\", label: \"Nokia\" },\n    ],\n};\n\nexport const SelectStory: Story = {\n    args: baseArgs,\n    render: ({ ...props }) => <Select {...props} />,\n};\n"],"names":["meta","title","component","Select","parameters","layout","tags","SelectStory","args","name","label","items","value","render","props","jsx"],"mappings":"8EAKA,MAAMA,EAAa,CACfC,MAAO,qBACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,aAmBEC,EAAqB,CAC9BC,KAba,CACbC,KAAM,SACNC,MAAO,8BACPC,MAAO,CACH,CAAEC,MAAO,QAASF,MAAO,SACzB,CAAEE,MAAO,UAAWF,MAAO,WAC3B,CAAEE,MAAO,SAAUF,MAAO,UAC1B,CAAEE,MAAO,UAAWF,MAAO,WAC3B,CAAEE,MAAO,QAASF,MAAO,WAM7BG,OAAQ,KAAMC,KAAYC,EAACZ,EAAQ,IAAGW"}
+{"version":3,"file":"select.stories.js","sources":["../../../../../src/components/select/stories/select.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Select } from \"../Select.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/Select\",\n    component: Select,\n    parameters: {\n        layout: \"padded\",\n    },\n    tags: [\"autodocs\"],\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Select>;\n\nconst baseArgs = {\n    name: \"Select\",\n    label: \"Hvilket merke er telefonen?\",\n    items: [\n        { value: \"Apple\", label: \"Apple\" },\n        { value: \"Samsung\", label: \"Samsung\" },\n        { value: \"Google\", label: \"Google\" },\n        { value: \"OnePlus\", label: \"OnePlus\" },\n        { value: \"Nokia\", label: \"Nokia\" },\n    ],\n};\n\nexport const SelectStory: Story = {\n    args: baseArgs,\n    render: ({ ...props }) => <Select {...props} />,\n};\n"],"names":["meta","title","component","Select","parameters","layout","tags","SelectStory","args","name","label","items","value","render","props","jsx"],"mappings":"4FAKA,MAAMA,EAAa,CACfC,MAAO,qBACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,aAmBEC,EAAqB,CAC9BC,KAba,CACbC,KAAM,SACNC,MAAO,8BACPC,MAAO,CACH,CAAEC,MAAO,QAASF,MAAO,SACzB,CAAEE,MAAO,UAAWF,MAAO,WAC3B,CAAEE,MAAO,SAAUF,MAAO,UAC1B,CAAEE,MAAO,UAAWF,MAAO,WAC3B,CAAEE,MAAO,QAASF,MAAO,WAM7BG,OAAQ,KAAMC,KAAYC,EAACZ,EAAQ,IAAGW"}

package/build/es/components/summary-table/SummaryTable.js

@@ -1,2 +1,2 @@
-import{jsxs as a,jsx as s}from"react/jsx-runtime";import{c as e}from"../../../clsx-BeLtu-UY.js";const l=({className:l,caption:r,header:c,body:o,footer:t,...m})=>a("table",{...m,className:e("jkl-summary-table",l),children:[r&&s("caption",{className:"jkl-sr-only",children:r}),s("thead",{className:"jkl-sr-only",children:s("tr",{children:c.map(((a,e)=>s("th",{scope:"col",children:a},e)))})}),s("tbody",{children:o}),s("tfoot",{children:t})]});export{l as SummaryTable};
+import{jsxs as a,jsx as e}from"react/jsx-runtime";import{c as r}from"../../../clsx-BeLtu-UY.js";import"react";const s=({className:s,caption:l,header:c,body:o,footer:t,...m})=>a("table",{...m,className:r("jkl-summary-table",s),children:[l&&e("caption",{className:"jkl-sr-only",children:l}),e("thead",{className:"jkl-sr-only",children:e("tr",{children:c.map(((a,r)=>e("th",{scope:"col",children:a},r)))})}),e("tbody",{children:o}),e("tfoot",{children:t})]});export{s as SummaryTable};
 //# sourceMappingURL=SummaryTable.js.map

package/build/es/components/summary-table/SummaryTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"SummaryTable.js","sources":["../../../../src/components/summary-table/SummaryTable.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type { SummaryTableProps } from \"./types.js\";\n\nexport const SummaryTable: FC<SummaryTableProps> = ({\n    className,\n    caption,\n    header,\n    body,\n    footer,\n    ...rest\n}) => {\n    return (\n        <table {...rest} className={clsx(\"jkl-summary-table\", className)}>\n            {caption && <caption className=\"jkl-sr-only\">{caption}</caption>}\n\n            <thead className=\"jkl-sr-only\">\n                <tr>\n                    {header.map((description, index) => (\n                        <th scope=\"col\" key={index}>\n                            {description}\n                        </th>\n                    ))}\n                </tr>\n            </thead>\n\n            <tbody>{body}</tbody>\n\n            <tfoot>{footer}</tfoot>\n        </table>\n    );\n};\n"],"names":["SummaryTable","className","caption","header","body","footer","rest","jsxs","clsx","children","jsx","map","description","index","scope"],"mappings":"gGAIO,MAAMA,EAAsC,EAC/CC,UAAAA,EACAC,QAAAA,EACAC,OAAAA,EACAC,KAAAA,EACAC,OAAAA,KACGC,KAGCC,EAAC,YAAUD,EAAML,UAAWO,EAAK,oBAAqBP,GACjDQ,SAAA,CAAAP,GAAYQ,EAAA,UAAA,CAAQT,UAAU,cAAeQ,SAAQP,MAErD,QAAM,CAAAD,UAAU,cACbQ,SAACC,EAAA,KAAA,CACID,WAAOE,KAAI,CAACC,EAAaC,IACtBH,EAAC,MAAGI,MAAM,MACLL,YADgBI,SAOjCH,EAAC,SAAOD,SAAKL,IAEbM,EAAC,SAAOD,SAAOJ"}
+{"version":3,"file":"SummaryTable.js","sources":["../../../../src/components/summary-table/SummaryTable.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type { SummaryTableProps } from \"./types.js\";\n\nexport const SummaryTable: FC<SummaryTableProps> = ({\n    className,\n    caption,\n    header,\n    body,\n    footer,\n    ...rest\n}) => {\n    return (\n        <table {...rest} className={clsx(\"jkl-summary-table\", className)}>\n            {caption && <caption className=\"jkl-sr-only\">{caption}</caption>}\n\n            <thead className=\"jkl-sr-only\">\n                <tr>\n                    {header.map((description, index) => (\n                        <th scope=\"col\" key={index}>\n                            {description}\n                        </th>\n                    ))}\n                </tr>\n            </thead>\n\n            <tbody>{body}</tbody>\n\n            <tfoot>{footer}</tfoot>\n        </table>\n    );\n};\n"],"names":["SummaryTable","className","caption","header","body","footer","rest","jsxs","clsx","children","jsx","map","description","index","scope"],"mappings":"8GAIO,MAAMA,EAAsC,EAC/CC,UAAAA,EACAC,QAAAA,EACAC,OAAAA,EACAC,KAAAA,EACAC,OAAAA,KACGC,KAGCC,EAAC,YAAUD,EAAML,UAAWO,EAAK,oBAAqBP,GACjDQ,SAAA,CAAAP,GAAYQ,EAAA,UAAA,CAAQT,UAAU,cAAeQ,SAAQP,MAErD,QAAM,CAAAD,UAAU,cACbQ,SAACC,EAAA,KAAA,CACID,WAAOE,KAAI,CAACC,EAAaC,IACtBH,EAAC,MAAGI,MAAM,MACLL,YADgBI,SAOjCH,EAAC,SAAOD,SAAKL,IAEbM,EAAC,SAAOD,SAAOJ"}

package/build/es/components/summary-table/SummaryTableRow.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as s}from"react/jsx-runtime";const r=({className:r,header:a,content:t,...c})=>e("tr",{...c,className:r,children:[s("th",{scope:"row",children:a}),s("td",{children:t})]});export{r as SummaryTableRow};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import"react";const s=({className:s,header:a,content:t,...c})=>e("tr",{...c,className:s,children:[r("th",{scope:"row",children:a}),r("td",{children:t})]});export{s as SummaryTableRow};
 //# sourceMappingURL=SummaryTableRow.js.map

package/build/es/components/summary-table/SummaryTableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"SummaryTableRow.js","sources":["../../../../src/components/summary-table/SummaryTableRow.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport type { SummaryTableRowProps } from \"./types.js\";\n\nexport const SummaryTableRow: FC<SummaryTableRowProps> = ({\n    className,\n    header,\n    content,\n    ...rest\n}) => {\n    return (\n        <tr {...rest} className={className}>\n            <th scope=\"row\">{header}</th>\n            <td>{content}</td>\n        </tr>\n    );\n};\n"],"names":["SummaryTableRow","className","header","content","rest","jsxs","children","jsx","scope"],"mappings":"kDAGO,MAAMA,EAA4C,EACrDC,UAAAA,EACAC,OAAAA,EACAC,QAAAA,KACGC,KAGEC,EAAA,KAAA,IAAOD,EAAMH,UAAAA,EACVK,SAAA,CAACC,EAAA,KAAA,CAAGC,MAAM,MAAOF,SAAOJ,IACxBK,EAAC,MAAID,SAAQH"}
+{"version":3,"file":"SummaryTableRow.js","sources":["../../../../src/components/summary-table/SummaryTableRow.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport type { SummaryTableRowProps } from \"./types.js\";\n\nexport const SummaryTableRow: FC<SummaryTableRowProps> = ({\n    className,\n    header,\n    content,\n    ...rest\n}) => {\n    return (\n        <tr {...rest} className={className}>\n            <th scope=\"row\">{header}</th>\n            <td>{content}</td>\n        </tr>\n    );\n};\n"],"names":["SummaryTableRow","className","header","content","rest","jsxs","children","jsx","scope"],"mappings":"gEAGO,MAAMA,EAA4C,EACrDC,UAAAA,EACAC,OAAAA,EACAC,QAAAA,KACGC,KAGEC,EAAA,KAAA,IAAOD,EAAMH,UAAAA,EACVK,SAAA,CAACC,EAAA,KAAA,CAAGC,MAAM,MAAOF,SAAOJ,IACxBK,EAAC,MAAID,SAAQH"}

package/build/es/components/summary-table/mocks.js

@@ -1,2 +1,2 @@
-import{jsxs as e,Fragment as r,jsx as a}from"react/jsx-runtime";import{SummaryTableRow as o}from"./SummaryTableRow.js";const n="­",t=["Product","Price"],s=e(r,{children:[a(o,{header:`Uføre${n}pensjon`,content:"340,00 kr/mnd"}),a(o,{className:"summary-table-example__custom-row",header:`Livs${n}forsikring`,content:"Tatt ut av tilbudet"}),a(o,{header:`Innbo${n}forsikring`,content:"122,00 kr/mnd"}),a(o,{header:`Reise${n}forsikring`,content:"249,00 kr/mnd"}),a(o,{className:"summary-table-example__custom-row",header:"Rabatt",content:"- 17,50 kr/mnd"})]}),m=e(r,{children:[a(o,{header:"Total sum",content:"693,50 kr/mnd"}),a(o,{header:a("span",{className:"jkl-sr-only",children:"Total sum per år"}),content:"8322,50 kr/mnd"})]}),c={header:t,body:s,footer:m,caption:"Informasjon om produkter og pris i handlekurven"};export{s as mockBody,m as mockFooter,t as mockHeader,c as mockProps};
+import{jsxs as e,Fragment as r,jsx as a}from"react/jsx-runtime";import"react";import{SummaryTableRow as o}from"./SummaryTableRow.js";const t="­",n=["Product","Price"],s=e(r,{children:[a(o,{header:`Uføre${t}pensjon`,content:"340,00 kr/mnd"}),a(o,{className:"summary-table-example__custom-row",header:`Livs${t}forsikring`,content:"Tatt ut av tilbudet"}),a(o,{header:`Innbo${t}forsikring`,content:"122,00 kr/mnd"}),a(o,{header:`Reise${t}forsikring`,content:"249,00 kr/mnd"}),a(o,{className:"summary-table-example__custom-row",header:"Rabatt",content:"- 17,50 kr/mnd"})]}),m=e(r,{children:[a(o,{header:"Total sum",content:"693,50 kr/mnd"}),a(o,{header:a("span",{className:"jkl-sr-only",children:"Total sum per år"}),content:"8322,50 kr/mnd"})]}),c={header:n,body:s,footer:m,caption:"Informasjon om produkter og pris i handlekurven"};export{s as mockBody,m as mockFooter,n as mockHeader,c as mockProps};
 //# sourceMappingURL=mocks.js.map

package/build/es/components/summary-table/mocks.js.map

@@ -1 +1 @@
-{"version":3,"file":"mocks.js","sources":["../../../../src/components/summary-table/mocks.tsx"],"sourcesContent":["import React from \"react\";\nimport { SummaryTableRow } from \"./SummaryTableRow.js\";\n\nconst SOFT_HYPHEN = \"\\u00AD\";\n\nexport const mockHeader = [\"Product\", \"Price\"] as [string, string];\nexport const mockBody = (\n    <>\n        <SummaryTableRow\n            header={`Uføre${SOFT_HYPHEN}pensjon`}\n            content=\"340,00 kr/mnd\"\n        />\n        <SummaryTableRow\n            className=\"summary-table-example__custom-row\"\n            header={`Livs${SOFT_HYPHEN}forsikring`}\n            content=\"Tatt ut av tilbudet\"\n        />\n        <SummaryTableRow\n            header={`Innbo${SOFT_HYPHEN}forsikring`}\n            content=\"122,00 kr/mnd\"\n        />\n        <SummaryTableRow\n            header={`Reise${SOFT_HYPHEN}forsikring`}\n            content=\"249,00 kr/mnd\"\n        />\n        <SummaryTableRow\n            className=\"summary-table-example__custom-row\"\n            header=\"Rabatt\"\n            content=\"- 17,50 kr/mnd\"\n        />\n    </>\n);\nexport const mockFooter = (\n    <>\n        <SummaryTableRow header=\"Total sum\" content=\"693,50 kr/mnd\" />\n        <SummaryTableRow\n            header={<span className=\"jkl-sr-only\">Total sum per år</span>}\n            content=\"8322,50 kr/mnd\"\n        />\n    </>\n);\n\nexport const mockProps = {\n    header: mockHeader,\n    body: mockBody,\n    footer: mockFooter,\n    caption: \"Informasjon om produkter og pris i handlekurven\",\n};\n"],"names":["SOFT_HYPHEN","mockHeader","mockBody","jsxs","Fragment","children","jsx","SummaryTableRow","header","content","className","mockFooter","mockProps","body","footer","caption"],"mappings":"uHAGA,MAAMA,EAAc,IAEPC,EAAa,CAAC,UAAW,SACzBC,EAELC,EAAAC,EAAA,CAAAC,SAAA,CAAAC,EAACC,EAAA,CACGC,OAAQ,QAAQR,WAChBS,QAAQ,kBAEZH,EAACC,EAAA,CACGG,UAAU,oCACVF,OAAQ,OAAOR,cACfS,QAAQ,wBAEZH,EAACC,EAAA,CACGC,OAAQ,QAAQR,cAChBS,QAAQ,kBAEZH,EAACC,EAAA,CACGC,OAAQ,QAAQR,cAChBS,QAAQ,kBAEZH,EAACC,EAAA,CACGG,UAAU,oCACVF,OAAO,SACPC,QAAQ,sBAIPE,EAELR,EAAAC,EAAA,CAAAC,SAAA,CAAAC,EAACC,EAAgB,CAAAC,OAAO,YAAYC,QAAQ,kBAC5CH,EAACC,EAAA,CACGC,OAAQF,EAAC,OAAK,CAAAI,UAAU,cAAcL,SAAgB,qBACtDI,QAAQ,sBAKPG,EAAY,CACrBJ,OAAQP,EACRY,KAAMX,EACNY,OAAQH,EACRI,QAAS"}
+{"version":3,"file":"mocks.js","sources":["../../../../src/components/summary-table/mocks.tsx"],"sourcesContent":["import React from \"react\";\nimport { SummaryTableRow } from \"./SummaryTableRow.js\";\n\nconst SOFT_HYPHEN = \"\\u00AD\";\n\nexport const mockHeader = [\"Product\", \"Price\"] as [string, string];\nexport const mockBody = (\n    <>\n        <SummaryTableRow\n            header={`Uføre${SOFT_HYPHEN}pensjon`}\n            content=\"340,00 kr/mnd\"\n        />\n        <SummaryTableRow\n            className=\"summary-table-example__custom-row\"\n            header={`Livs${SOFT_HYPHEN}forsikring`}\n            content=\"Tatt ut av tilbudet\"\n        />\n        <SummaryTableRow\n            header={`Innbo${SOFT_HYPHEN}forsikring`}\n            content=\"122,00 kr/mnd\"\n        />\n        <SummaryTableRow\n            header={`Reise${SOFT_HYPHEN}forsikring`}\n            content=\"249,00 kr/mnd\"\n        />\n        <SummaryTableRow\n            className=\"summary-table-example__custom-row\"\n            header=\"Rabatt\"\n            content=\"- 17,50 kr/mnd\"\n        />\n    </>\n);\nexport const mockFooter = (\n    <>\n        <SummaryTableRow header=\"Total sum\" content=\"693,50 kr/mnd\" />\n        <SummaryTableRow\n            header={<span className=\"jkl-sr-only\">Total sum per år</span>}\n            content=\"8322,50 kr/mnd\"\n        />\n    </>\n);\n\nexport const mockProps = {\n    header: mockHeader,\n    body: mockBody,\n    footer: mockFooter,\n    caption: \"Informasjon om produkter og pris i handlekurven\",\n};\n"],"names":["SOFT_HYPHEN","mockHeader","mockBody","jsxs","Fragment","children","jsx","SummaryTableRow","header","content","className","mockFooter","mockProps","body","footer","caption"],"mappings":"qIAGA,MAAMA,EAAc,IAEPC,EAAa,CAAC,UAAW,SACzBC,EAELC,EAAAC,EAAA,CAAAC,SAAA,CAAAC,EAACC,EAAA,CACGC,OAAQ,QAAQR,WAChBS,QAAQ,kBAEZH,EAACC,EAAA,CACGG,UAAU,oCACVF,OAAQ,OAAOR,cACfS,QAAQ,wBAEZH,EAACC,EAAA,CACGC,OAAQ,QAAQR,cAChBS,QAAQ,kBAEZH,EAACC,EAAA,CACGC,OAAQ,QAAQR,cAChBS,QAAQ,kBAEZH,EAACC,EAAA,CACGG,UAAU,oCACVF,OAAO,SACPC,QAAQ,sBAIPE,EAELR,EAAAC,EAAA,CAAAC,SAAA,CAAAC,EAACC,EAAgB,CAAAC,OAAO,YAAYC,QAAQ,kBAC5CH,EAACC,EAAA,CACGC,OAAQF,EAAC,OAAK,CAAAI,UAAU,cAAcL,SAAgB,qBACtDI,QAAQ,sBAKPG,EAAY,CACrBJ,OAAQP,EACRY,KAAMX,EACNY,OAAQH,EACRI,QAAS"}

package/build/es/components/summary-table/stories/summary-table.stories.js

@@ -1,2 +1,2 @@
-import{jsxs as e,Fragment as a,jsx as r}from"react/jsx-runtime";import{SummaryTable as t}from"../SummaryTable.js";import{SummaryTableRow as m}from"../SummaryTableRow.js";const o={title:"Komponenter/SummaryTable",component:t,parameters:{layout:"padded"},tags:["autodocs"]},n="­",s={args:{caption:"Example",header:["Product","Price"],body:e(a,{children:[r(m,{header:`Uføre${n}pensjon`,content:"340,00 kr/mnd"}),r(m,{className:"summary-table-example__custom-row",header:`Livs${n}forsikring`,content:"Tatt ut av tilbudet"}),r(m,{header:`Innbo${n}forsikring`,content:"122,00 kr/mnd"}),r(m,{header:`Reise${n}forsikring`,content:"249,00 kr/mnd"}),r(m,{className:"summary-table-example__custom-row",header:"Rabatt",content:"- 17,50 kr/mnd"})]}),footer:e(a,{children:[r(m,{header:"Total sum",content:"693,50 kr/mnd"}),r(m,{header:r("span",{className:"jkl-sr-only",children:"Total sum per år"}),content:"8322,50 kr/mnd"})]})}};export{s as SummaryTable,o as default};
+import{jsxs as e,Fragment as a,jsx as r}from"react/jsx-runtime";import"react";import{SummaryTable as t}from"../SummaryTable.js";import{SummaryTableRow as m}from"../SummaryTableRow.js";const o={title:"Komponenter/SummaryTable",component:t,parameters:{layout:"padded"},tags:["autodocs"]},n="­",s={args:{caption:"Example",header:["Product","Price"],body:e(a,{children:[r(m,{header:`Uføre${n}pensjon`,content:"340,00 kr/mnd"}),r(m,{className:"summary-table-example__custom-row",header:`Livs${n}forsikring`,content:"Tatt ut av tilbudet"}),r(m,{header:`Innbo${n}forsikring`,content:"122,00 kr/mnd"}),r(m,{header:`Reise${n}forsikring`,content:"249,00 kr/mnd"}),r(m,{className:"summary-table-example__custom-row",header:"Rabatt",content:"- 17,50 kr/mnd"})]}),footer:e(a,{children:[r(m,{header:"Total sum",content:"693,50 kr/mnd"}),r(m,{header:r("span",{className:"jkl-sr-only",children:"Total sum per år"}),content:"8322,50 kr/mnd"})]})}};export{s as SummaryTable,o as default};
 //# sourceMappingURL=summary-table.stories.js.map

package/build/es/components/summary-table/stories/summary-table.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"summary-table.stories.js","sources":["../../../../../src/components/summary-table/stories/summary-table.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { SummaryTable as SummaryTableComponent } from \"../SummaryTable.js\";\nimport { SummaryTableRow } from \"../SummaryTableRow.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/SummaryTable\",\n    component: SummaryTableComponent,\n    parameters: {\n        layout: \"padded\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof SummaryTableComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst SOFT_HYPHEN = \"\\u00AD\";\n\nexport const SummaryTable: Story = {\n    args: {\n        caption: \"Example\",\n        header: [\"Product\", \"Price\"],\n        body: (\n            <>\n                <SummaryTableRow\n                    header={`Uføre${SOFT_HYPHEN}pensjon`}\n                    content=\"340,00 kr/mnd\"\n                />\n                <SummaryTableRow\n                    className=\"summary-table-example__custom-row\"\n                    header={`Livs${SOFT_HYPHEN}forsikring`}\n                    content=\"Tatt ut av tilbudet\"\n                />\n                <SummaryTableRow\n                    header={`Innbo${SOFT_HYPHEN}forsikring`}\n                    content=\"122,00 kr/mnd\"\n                />\n                <SummaryTableRow\n                    header={`Reise${SOFT_HYPHEN}forsikring`}\n                    content=\"249,00 kr/mnd\"\n                />\n                <SummaryTableRow\n                    className=\"summary-table-example__custom-row\"\n                    header=\"Rabatt\"\n                    content=\"- 17,50 kr/mnd\"\n                />\n            </>\n        ),\n        footer: (\n            <>\n                <SummaryTableRow header=\"Total sum\" content=\"693,50 kr/mnd\" />\n                <SummaryTableRow\n                    header={\n                        <span className=\"jkl-sr-only\">Total sum per år</span>\n                    }\n                    content=\"8322,50 kr/mnd\"\n                />\n            </>\n        ),\n    },\n};\n"],"names":["meta","title","component","SummaryTableComponent","parameters","layout","tags","SOFT_HYPHEN","SummaryTable","args","caption","header","body","jsxs","Fragment","children","jsx","SummaryTableRow","content","className","footer"],"mappings":"0KAMA,MAAMA,EAAO,CACTC,MAAO,2BACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,aAMLC,EAAc,IAEPC,EAAsB,CAC/BC,KAAM,CACFC,QAAS,UACTC,OAAQ,CAAC,UAAW,SACpBC,KAEQC,EAAAC,EAAA,CAAAC,SAAA,CAAAC,EAACC,EAAA,CACGN,OAAQ,QAAQJ,WAChBW,QAAQ,kBAEZF,EAACC,EAAA,CACGE,UAAU,oCACVR,OAAQ,OAAOJ,cACfW,QAAQ,wBAEZF,EAACC,EAAA,CACGN,OAAQ,QAAQJ,cAChBW,QAAQ,kBAEZF,EAACC,EAAA,CACGN,OAAQ,QAAQJ,cAChBW,QAAQ,kBAEZF,EAACC,EAAA,CACGE,UAAU,oCACVR,OAAO,SACPO,QAAQ,sBAIpBE,OAEQP,EAAAC,EAAA,CAAAC,SAAA,CAAAC,EAACC,EAAgB,CAAAN,OAAO,YAAYO,QAAQ,kBAC5CF,EAACC,EAAA,CACGN,OACIK,EAAC,OAAK,CAAAG,UAAU,cAAcJ,SAAgB,qBAElDG,QAAQ"}
+{"version":3,"file":"summary-table.stories.js","sources":["../../../../../src/components/summary-table/stories/summary-table.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { SummaryTable as SummaryTableComponent } from \"../SummaryTable.js\";\nimport { SummaryTableRow } from \"../SummaryTableRow.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/SummaryTable\",\n    component: SummaryTableComponent,\n    parameters: {\n        layout: \"padded\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof SummaryTableComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst SOFT_HYPHEN = \"\\u00AD\";\n\nexport const SummaryTable: Story = {\n    args: {\n        caption: \"Example\",\n        header: [\"Product\", \"Price\"],\n        body: (\n            <>\n                <SummaryTableRow\n                    header={`Uføre${SOFT_HYPHEN}pensjon`}\n                    content=\"340,00 kr/mnd\"\n                />\n                <SummaryTableRow\n                    className=\"summary-table-example__custom-row\"\n                    header={`Livs${SOFT_HYPHEN}forsikring`}\n                    content=\"Tatt ut av tilbudet\"\n                />\n                <SummaryTableRow\n                    header={`Innbo${SOFT_HYPHEN}forsikring`}\n                    content=\"122,00 kr/mnd\"\n                />\n                <SummaryTableRow\n                    header={`Reise${SOFT_HYPHEN}forsikring`}\n                    content=\"249,00 kr/mnd\"\n                />\n                <SummaryTableRow\n                    className=\"summary-table-example__custom-row\"\n                    header=\"Rabatt\"\n                    content=\"- 17,50 kr/mnd\"\n                />\n            </>\n        ),\n        footer: (\n            <>\n                <SummaryTableRow header=\"Total sum\" content=\"693,50 kr/mnd\" />\n                <SummaryTableRow\n                    header={\n                        <span className=\"jkl-sr-only\">Total sum per år</span>\n                    }\n                    content=\"8322,50 kr/mnd\"\n                />\n            </>\n        ),\n    },\n};\n"],"names":["meta","title","component","SummaryTableComponent","parameters","layout","tags","SOFT_HYPHEN","SummaryTable","args","caption","header","body","jsxs","Fragment","children","jsx","SummaryTableRow","content","className","footer"],"mappings":"wLAMA,MAAMA,EAAO,CACTC,MAAO,2BACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,aAMLC,EAAc,IAEPC,EAAsB,CAC/BC,KAAM,CACFC,QAAS,UACTC,OAAQ,CAAC,UAAW,SACpBC,KAEQC,EAAAC,EAAA,CAAAC,SAAA,CAAAC,EAACC,EAAA,CACGN,OAAQ,QAAQJ,WAChBW,QAAQ,kBAEZF,EAACC,EAAA,CACGE,UAAU,oCACVR,OAAQ,OAAOJ,cACfW,QAAQ,wBAEZF,EAACC,EAAA,CACGN,OAAQ,QAAQJ,cAChBW,QAAQ,kBAEZF,EAACC,EAAA,CACGN,OAAQ,QAAQJ,cAChBW,QAAQ,kBAEZF,EAACC,EAAA,CACGE,UAAU,oCACVR,OAAO,SACPO,QAAQ,sBAIpBE,OAEQP,EAAAC,EAAA,CAAAC,SAAA,CAAAC,EAACC,EAAgB,CAAAN,OAAO,YAAYO,QAAQ,kBAC5CF,EAACC,EAAA,CACGN,OACIK,EAAC,OAAK,CAAAG,UAAU,cAAcJ,SAAgB,qBAElDG,QAAQ"}

package/build/es/components/system-message/SystemMessage.js

@@ -1,2 +1,2 @@
-import{jsx as s,jsxs as e}from"react/jsx-runtime";import{c as a}from"../../../clsx-BeLtu-UY.js";import{useId as t}from"../../hooks/useId/useId.js";import{DismissButton as m}from"../message/DismissButton.js";import{MessageIcon as i}from"./common/MessageIcon.js";function n(n){return({id:o,className:r,density:d,maxContentWidth:l,paddingLeft:c,role:g="status",dismissed:y,dismissAction:u,children:j,...p})=>{const f=t(o||"jkl-system-message",{generateSuffix:!o});return s("div",{role:g,...p,id:f,className:a("jkl-system-message",`jkl-system-message--${n}`,r,{"jkl-system-message--dismissed":y}),"data-density":d,children:e("div",{className:"jkl-system-message__content","data-testid":"system-message-content","data-theme":"light",style:{maxWidth:l,paddingLeft:c},children:[s(i,{messageType:n}),s("span",{className:"jkl-system-message__message",children:j}),(null==u?void 0:u.handleDismiss)&&s(m,{"data-theme":"light","aria-controls":f,className:"jkl-system-message__dismiss-button",label:u.buttonTitle||"Lukk",onClick:u.handleDismiss})]})})}}const o=n("info");o.displayName="InfoSystemMessage";const r=n("error");r.displayName="ErrorSystemMessage";const d=n("warning");d.displayName="WarningSystemMessage";const l=n("success");l.displayName="SuccessSystemMessage";export{r as ErrorSystemMessage,o as InfoSystemMessage,l as SuccessSystemMessage,d as WarningSystemMessage};
+import{jsx as s,jsxs as e}from"react/jsx-runtime";import{c as a}from"../../../clsx-BeLtu-UY.js";import"react";import{useId as t}from"../../hooks/useId/useId.js";import{DismissButton as m}from"../message/DismissButton.js";import{MessageIcon as i}from"./common/MessageIcon.js";function n(n){return({id:o,className:r,density:d,maxContentWidth:l,paddingLeft:c,role:g="status",dismissed:y,dismissAction:u,children:p,...j})=>{const f=t(o||"jkl-system-message",{generateSuffix:!o});return s("div",{role:g,...j,id:f,className:a("jkl-system-message",`jkl-system-message--${n}`,r,{"jkl-system-message--dismissed":y}),"data-density":d,children:e("div",{className:"jkl-system-message__content","data-testid":"system-message-content","data-theme":"light",style:{maxWidth:l,paddingLeft:c},children:[s(i,{messageType:n}),s("span",{className:"jkl-system-message__message",children:p}),(null==u?void 0:u.handleDismiss)&&s(m,{"data-theme":"light","aria-controls":f,className:"jkl-system-message__dismiss-button",label:u.buttonTitle||"Lukk",onClick:u.handleDismiss})]})})}}const o=n("info");o.displayName="InfoSystemMessage";const r=n("error");r.displayName="ErrorSystemMessage";const d=n("warning");d.displayName="WarningSystemMessage";const l=n("success");l.displayName="SuccessSystemMessage";export{r as ErrorSystemMessage,o as InfoSystemMessage,l as SuccessSystemMessage,d as WarningSystemMessage};
 //# sourceMappingURL=SystemMessage.js.map

package/build/es/components/system-message/SystemMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SystemMessage.js","sources":["../../../../src/components/system-message/SystemMessage.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { DismissButton } from \"../message/DismissButton.js\";\nimport { MessageIcon } from \"./common/MessageIcon.js\";\nimport type { SystemMessageProps } from \"./types.js\";\n\ntype messageTypes = \"info\" | \"error\" | \"success\" | \"warning\";\n\nfunction systemFactory(\n    messageType: messageTypes,\n): React.FC<SystemMessageProps> {\n    const SystemMessage: React.FC<SystemMessageProps> = ({\n        id,\n        className,\n        density,\n        maxContentWidth,\n        paddingLeft,\n        role = \"status\",\n        dismissed,\n        dismissAction,\n        children,\n        ...rest\n    }) => {\n        const systemId = useId(id || \"jkl-system-message\", {\n            generateSuffix: !id,\n        });\n\n        return (\n            <div\n                role={role}\n                {...rest}\n                id={systemId}\n                className={clsx(\n                    \"jkl-system-message\",\n                    `jkl-system-message--${messageType}`,\n                    className,\n                    {\n                        \"jkl-system-message--dismissed\": dismissed,\n                    },\n                )}\n                data-density={density}\n            >\n                <div\n                    className=\"jkl-system-message__content\"\n                    data-testid=\"system-message-content\"\n                    data-theme=\"light\"\n                    style={{\n                        maxWidth: maxContentWidth,\n                        paddingLeft,\n                    }}\n                >\n                    <MessageIcon messageType={messageType} />\n                    <span className=\"jkl-system-message__message\">\n                        {children}\n                    </span>\n                    {dismissAction?.handleDismiss && (\n                        <DismissButton\n                            data-theme=\"light\"\n                            aria-controls={systemId}\n                            className=\"jkl-system-message__dismiss-button\"\n                            label={dismissAction.buttonTitle || \"Lukk\"}\n                            onClick={dismissAction.handleDismiss}\n                        />\n                    )}\n                </div>\n            </div>\n        );\n    };\n    return SystemMessage;\n}\n\nexport const InfoSystemMessage = systemFactory(\"info\");\nInfoSystemMessage.displayName = \"InfoSystemMessage\";\nexport const ErrorSystemMessage = systemFactory(\"error\");\nErrorSystemMessage.displayName = \"ErrorSystemMessage\";\nexport const WarningSystemMessage = systemFactory(\"warning\");\nWarningSystemMessage.displayName = \"WarningSystemMessage\";\nexport const SuccessSystemMessage = systemFactory(\"success\");\nSuccessSystemMessage.displayName = \"SuccessSystemMessage\";\n"],"names":["systemFactory","messageType","id","className","density","maxContentWidth","paddingLeft","role","dismissed","dismissAction","children","rest","systemId","useId","generateSuffix","jsx","clsx","jsxs","style","maxWidth","MessageIcon","handleDismiss","DismissButton","label","buttonTitle","onClick","InfoSystemMessage","displayName","ErrorSystemMessage","WarningSystemMessage","SuccessSystemMessage"],"mappings":"qQASA,SAASA,EACLC,GA2DO,MAzD6C,EAChDC,GAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,gBAAAA,EACAC,YAAAA,EACAC,KAAAA,EAAO,SACPC,UAAAA,EACAC,cAAAA,EACAC,SAAAA,KACGC,MAEGC,MAAAA,EAAWC,EAAMX,GAAM,qBAAsB,CAC/CY,gBAAiBZ,IAIjB,OAAAa,EAAC,MAAA,CACGR,KAAAA,KACII,EACJT,GAAIU,EACJT,UAAWa,EACP,qBACA,uBAAuBf,IACvBE,EACA,CACI,gCAAiCK,IAGzC,eAAcJ,EAEdM,SAAAO,EAAC,MAAA,CACGd,UAAU,8BACV,cAAY,yBACZ,aAAW,QACXe,MAAO,CACHC,SAAUd,EACVC,YAAAA,GAGJI,SAAA,CAAAK,EAACK,GAAYnB,YAAAA,IACZc,EAAA,OAAA,CAAKZ,UAAU,8BACXO,SAAAA,KAEJ,MAAAD,OAAA,EAAAA,EAAeY,gBACZN,EAACO,EAAA,CACG,aAAW,QACX,gBAAeV,EACfT,UAAU,qCACVoB,MAAOd,EAAce,aAAe,OACpCC,QAAShB,EAAcY,oBAGnC,CAKhB,CAEa,MAAAK,EAAoB1B,EAAc,QAC/C0B,EAAkBC,YAAc,oBACnB,MAAAC,EAAqB5B,EAAc,SAChD4B,EAAmBD,YAAc,qBACpB,MAAAE,EAAuB7B,EAAc,WAClD6B,EAAqBF,YAAc,uBACtB,MAAAG,EAAuB9B,EAAc,WAClD8B,EAAqBH,YAAc"}
+{"version":3,"file":"SystemMessage.js","sources":["../../../../src/components/system-message/SystemMessage.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { DismissButton } from \"../message/DismissButton.js\";\nimport { MessageIcon } from \"./common/MessageIcon.js\";\nimport type { SystemMessageProps } from \"./types.js\";\n\ntype messageTypes = \"info\" | \"error\" | \"success\" | \"warning\";\n\nfunction systemFactory(\n    messageType: messageTypes,\n): React.FC<SystemMessageProps> {\n    const SystemMessage: React.FC<SystemMessageProps> = ({\n        id,\n        className,\n        density,\n        maxContentWidth,\n        paddingLeft,\n        role = \"status\",\n        dismissed,\n        dismissAction,\n        children,\n        ...rest\n    }) => {\n        const systemId = useId(id || \"jkl-system-message\", {\n            generateSuffix: !id,\n        });\n\n        return (\n            <div\n                role={role}\n                {...rest}\n                id={systemId}\n                className={clsx(\n                    \"jkl-system-message\",\n                    `jkl-system-message--${messageType}`,\n                    className,\n                    {\n                        \"jkl-system-message--dismissed\": dismissed,\n                    },\n                )}\n                data-density={density}\n            >\n                <div\n                    className=\"jkl-system-message__content\"\n                    data-testid=\"system-message-content\"\n                    data-theme=\"light\"\n                    style={{\n                        maxWidth: maxContentWidth,\n                        paddingLeft,\n                    }}\n                >\n                    <MessageIcon messageType={messageType} />\n                    <span className=\"jkl-system-message__message\">\n                        {children}\n                    </span>\n                    {dismissAction?.handleDismiss && (\n                        <DismissButton\n                            data-theme=\"light\"\n                            aria-controls={systemId}\n                            className=\"jkl-system-message__dismiss-button\"\n                            label={dismissAction.buttonTitle || \"Lukk\"}\n                            onClick={dismissAction.handleDismiss}\n                        />\n                    )}\n                </div>\n            </div>\n        );\n    };\n    return SystemMessage;\n}\n\nexport const InfoSystemMessage = systemFactory(\"info\");\nInfoSystemMessage.displayName = \"InfoSystemMessage\";\nexport const ErrorSystemMessage = systemFactory(\"error\");\nErrorSystemMessage.displayName = \"ErrorSystemMessage\";\nexport const WarningSystemMessage = systemFactory(\"warning\");\nWarningSystemMessage.displayName = \"WarningSystemMessage\";\nexport const SuccessSystemMessage = systemFactory(\"success\");\nSuccessSystemMessage.displayName = \"SuccessSystemMessage\";\n"],"names":["systemFactory","messageType","id","className","density","maxContentWidth","paddingLeft","role","dismissed","dismissAction","children","rest","systemId","useId","generateSuffix","jsx","clsx","jsxs","style","maxWidth","MessageIcon","handleDismiss","DismissButton","label","buttonTitle","onClick","InfoSystemMessage","displayName","ErrorSystemMessage","WarningSystemMessage","SuccessSystemMessage"],"mappings":"mRASA,SAASA,EACLC,GA2DO,MAzD6C,EAChDC,GAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,gBAAAA,EACAC,YAAAA,EACAC,KAAAA,EAAO,SACPC,UAAAA,EACAC,cAAAA,EACAC,SAAAA,KACGC,MAEGC,MAAAA,EAAWC,EAAMX,GAAM,qBAAsB,CAC/CY,gBAAiBZ,IAIjB,OAAAa,EAAC,MAAA,CACGR,KAAAA,KACII,EACJT,GAAIU,EACJT,UAAWa,EACP,qBACA,uBAAuBf,IACvBE,EACA,CACI,gCAAiCK,IAGzC,eAAcJ,EAEdM,SAAAO,EAAC,MAAA,CACGd,UAAU,8BACV,cAAY,yBACZ,aAAW,QACXe,MAAO,CACHC,SAAUd,EACVC,YAAAA,GAGJI,SAAA,CAAAK,EAACK,GAAYnB,YAAAA,IACZc,EAAA,OAAA,CAAKZ,UAAU,8BACXO,SAAAA,KAEJ,MAAAD,OAAA,EAAAA,EAAeY,gBACZN,EAACO,EAAA,CACG,aAAW,QACX,gBAAeV,EACfT,UAAU,qCACVoB,MAAOd,EAAce,aAAe,OACpCC,QAAShB,EAAcY,oBAGnC,CAKhB,CAEa,MAAAK,EAAoB1B,EAAc,QAC/C0B,EAAkBC,YAAc,oBACnB,MAAAC,EAAqB5B,EAAc,SAChD4B,EAAmBD,YAAc,qBACpB,MAAAE,EAAuB7B,EAAc,WAClD6B,EAAqBF,YAAc,uBACtB,MAAAG,EAAuB9B,EAAc,WAClD8B,EAAqBH,YAAc"}

package/build/es/components/system-message/common/MessageIcon.js

@@ -1,2 +1,2 @@
-import{jsx as s}from"react/jsx-runtime";import{ErrorIcon as o}from"../../icon/icons/ErrorIcon.js";import{InfoIcon as c}from"../../icon/icons/InfoIcon.js";import{SuccessIcon as e}from"../../icon/icons/SuccessIcon.js";import{WarningIcon as n}from"../../icon/icons/WarningIcon.js";const r=({messageType:r})=>{switch(r){case"error":return s(o,{className:"jkl-system-message__icon"});case"info":return s(c,{className:"jkl-system-message__icon"});case"success":return s(e,{className:"jkl-system-message__icon"});case"warning":return s(n,{className:"jkl-system-message__icon"});default:return null}};export{r as MessageIcon};
+import{jsx as s}from"react/jsx-runtime";import"react";import{ErrorIcon as o}from"../../icon/icons/ErrorIcon.js";import{InfoIcon as c}from"../../icon/icons/InfoIcon.js";import{SuccessIcon as e}from"../../icon/icons/SuccessIcon.js";import{WarningIcon as n}from"../../icon/icons/WarningIcon.js";const r=({messageType:r})=>{switch(r){case"error":return s(o,{className:"jkl-system-message__icon"});case"info":return s(c,{className:"jkl-system-message__icon"});case"success":return s(e,{className:"jkl-system-message__icon"});case"warning":return s(n,{className:"jkl-system-message__icon"});default:return null}};export{r as MessageIcon};
 //# sourceMappingURL=MessageIcon.js.map

package/build/es/components/system-message/common/MessageIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageIcon.js","sources":["../../../../../src/components/system-message/common/MessageIcon.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { ErrorIcon } from \"../../icon/icons/ErrorIcon.js\";\nimport { InfoIcon } from \"../../icon/icons/InfoIcon.js\";\nimport { SuccessIcon } from \"../../icon/icons/SuccessIcon.js\";\nimport { WarningIcon } from \"../../icon/icons/WarningIcon.js\";\n\ntype MessageTypes = \"info\" | \"error\" | \"success\" | \"warning\";\n\ntype Props = {\n    messageType: MessageTypes;\n};\n\nexport const MessageIcon: FC<Props> = ({ messageType }) => {\n    switch (messageType) {\n        case \"error\":\n            return <ErrorIcon className=\"jkl-system-message__icon\" />;\n        case \"info\":\n            return <InfoIcon className=\"jkl-system-message__icon\" />;\n        case \"success\":\n            return <SuccessIcon className=\"jkl-system-message__icon\" />;\n        case \"warning\":\n            return <WarningIcon className=\"jkl-system-message__icon\" />;\n\n        default:\n            return null;\n    }\n};\n"],"names":["MessageIcon","messageType","jsx","ErrorIcon","className","InfoIcon","SuccessIcon","WarningIcon"],"mappings":"sRAYO,MAAMA,EAAyB,EAAGC,YAAAA,MACrC,OAAQA,GACJ,IAAK,QACM,OAAAC,EAACC,EAAU,CAAAC,UAAU,6BAChC,IAAK,OACM,OAAAF,EAACG,EAAS,CAAAD,UAAU,6BAC/B,IAAK,UACM,OAAAF,EAACI,EAAY,CAAAF,UAAU,6BAClC,IAAK,UACM,OAAAF,EAACK,EAAY,CAAAH,UAAU,6BAElC,QACW,OAAA,KACf"}
+{"version":3,"file":"MessageIcon.js","sources":["../../../../../src/components/system-message/common/MessageIcon.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { ErrorIcon } from \"../../icon/icons/ErrorIcon.js\";\nimport { InfoIcon } from \"../../icon/icons/InfoIcon.js\";\nimport { SuccessIcon } from \"../../icon/icons/SuccessIcon.js\";\nimport { WarningIcon } from \"../../icon/icons/WarningIcon.js\";\n\ntype MessageTypes = \"info\" | \"error\" | \"success\" | \"warning\";\n\ntype Props = {\n    messageType: MessageTypes;\n};\n\nexport const MessageIcon: FC<Props> = ({ messageType }) => {\n    switch (messageType) {\n        case \"error\":\n            return <ErrorIcon className=\"jkl-system-message__icon\" />;\n        case \"info\":\n            return <InfoIcon className=\"jkl-system-message__icon\" />;\n        case \"success\":\n            return <SuccessIcon className=\"jkl-system-message__icon\" />;\n        case \"warning\":\n            return <WarningIcon className=\"jkl-system-message__icon\" />;\n\n        default:\n            return null;\n    }\n};\n"],"names":["MessageIcon","messageType","jsx","ErrorIcon","className","InfoIcon","SuccessIcon","WarningIcon"],"mappings":"oSAYO,MAAMA,EAAyB,EAAGC,YAAAA,MACrC,OAAQA,GACJ,IAAK,QACM,OAAAC,EAACC,EAAU,CAAAC,UAAU,6BAChC,IAAK,OACM,OAAAF,EAACG,EAAS,CAAAD,UAAU,6BAC/B,IAAK,UACM,OAAAF,EAACI,EAAY,CAAAF,UAAU,6BAClC,IAAK,UACM,OAAAF,EAACK,EAAY,CAAAH,UAAU,6BAElC,QACW,OAAA,KACf"}

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

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as a,Fragment as r}from"react/jsx-runtime";import{Table as l}from"../Table.js";import{TableBody as n}from"../TableBody.js";import{TableCaption as t}from"../TableCaption.js";import{TableCell as o}from"../TableCell.js";import{TableHead as i}from"../TableHead.js";import{TableHeader as s}from"../TableHeader.js";import{TableRow as d}from"../TableRow.js";const m={title:"Komponenter/Table",component:l,parameters:{layout:"centered"},tags:["autodocs"]},p=["Dato","Saksnummer","Kundenummer","Kundenavn","Milepæl","Følger saken"],c={args:{caption:e(t,{srOnly:!0,children:"Overskrift for skjermlesere"}),children:a(r,{children:[e(i,{children:e(d,{children:p.map(((a,r)=>e(s,{bold:!0,children:a},r)))})}),e(n,{children:[["24.02.2020","20-1234567","010203 99887","Ola Nordmann","Opprettet","Siri Saksbehandler"],["13.04.2019","20-8382811","010203 99887","Kari Nordkvinne","Opprettet","Siri Saksbehandler"],["31.07.2017","20-1111","010203 99887","Kari Nordkvinne","Opprettet","Per Persen"]].map(((a,r)=>e(d,{children:a.map(((a,r)=>e(o,{"data-th":p[r],align:[1,2].includes(r)?"right":"left",children:a},r)))},r)))})]})},render:a=>e(l,{caption:a.caption,fullWidth:!0,children:a.children})};export{c as TableComponent,m as default};
+import{jsx as e,jsxs as r,Fragment as a}from"react/jsx-runtime";import"react";import{Table as l}from"../Table.js";import{TableBody as t}from"../TableBody.js";import{TableCaption as n}from"../TableCaption.js";import{TableCell as o}from"../TableCell.js";import{TableHead as i}from"../TableHead.js";import{TableHeader as s}from"../TableHeader.js";import{TableRow as d}from"../TableRow.js";const m={title:"Komponenter/Table",component:l,parameters:{layout:"centered"},tags:["autodocs"]},p=["Dato","Saksnummer","Kundenummer","Kundenavn","Milepæl","Følger saken"],c={args:{caption:e(n,{srOnly:!0,children:"Overskrift for skjermlesere"}),children:r(a,{children:[e(i,{children:e(d,{children:p.map(((r,a)=>e(s,{bold:!0,children:r},a)))})}),e(t,{children:[["24.02.2020","20-1234567","010203 99887","Ola Nordmann","Opprettet","Siri Saksbehandler"],["13.04.2019","20-8382811","010203 99887","Kari Nordkvinne","Opprettet","Siri Saksbehandler"],["31.07.2017","20-1111","010203 99887","Kari Nordkvinne","Opprettet","Per Persen"]].map(((r,a)=>e(d,{children:r.map(((r,a)=>e(o,{"data-th":p[a],align:[1,2].includes(a)?"right":"left",children:r},a)))},a)))})]})},render:r=>e(l,{caption:r.caption,fullWidth:!0,children:r.children})};export{c as TableComponent,m as default};
 //# sourceMappingURL=table.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"table.stories.js","sources":["../../../../../src/components/table/stories/table.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Table } from \"../Table.js\";\nimport { TableBody } from \"../TableBody.js\";\nimport { TableCaption } from \"../TableCaption.js\";\nimport { TableCell } from \"../TableCell.js\";\nimport { TableHead } from \"../TableHead.js\";\nimport { TableHeader } from \"../TableHeader.js\";\nimport { TableRow } from \"../TableRow.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Table\",\n    component: Table,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof Table>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst columns = [\n    \"Dato\",\n    \"Saksnummer\",\n    \"Kundenummer\",\n    \"Kundenavn\",\n    \"Milepæl\",\n    \"Følger saken\",\n];\n\nconst rows = [\n    [\n        \"24.02.2020\",\n        \"20-1234567\",\n        \"010203 99887\",\n        \"Ola Nordmann\",\n        \"Opprettet\",\n        \"Siri Saksbehandler\",\n    ],\n    [\n        \"13.04.2019\",\n        \"20-8382811\",\n        \"010203 99887\",\n        \"Kari Nordkvinne\",\n        \"Opprettet\",\n        \"Siri Saksbehandler\",\n    ],\n    [\n        \"31.07.2017\",\n        \"20-1111\",\n        \"010203 99887\",\n        \"Kari Nordkvinne\",\n        \"Opprettet\",\n        \"Per Persen\",\n    ],\n];\n\nexport const TableComponent: Story = {\n    args: {\n        caption: (\n            <TableCaption srOnly>Overskrift for skjermlesere</TableCaption>\n        ),\n        children: (\n            <>\n                <TableHead>\n                    <TableRow>\n                        {columns.map((column, index) => (\n                            <TableHeader key={index} bold>\n                                {column}\n                            </TableHeader>\n                        ))}\n                    </TableRow>\n                </TableHead>\n                <TableBody>\n                    {rows.map((row, rowIndex) => (\n                        <TableRow key={rowIndex}>\n                            {row.map((cell, cellIndex) => (\n                                <TableCell\n                                    key={cellIndex}\n                                    data-th={columns[cellIndex]}\n                                    align={\n                                        [1, 2].includes(cellIndex)\n                                            ? \"right\"\n                                            : \"left\"\n                                    }\n                                >\n                                    {cell}\n                                </TableCell>\n                            ))}\n                        </TableRow>\n                    ))}\n                </TableBody>\n            </>\n        ),\n    },\n    render: (args) => (\n        <Table caption={args.caption} fullWidth>\n            {args.children}\n        </Table>\n    ),\n};\n"],"names":["meta","title","component","Table","parameters","layout","tags","columns","TableComponent","args","caption","jsx","TableCaption","srOnly","children","jsxs","Fragment","TableHead","TableRow","map","column","index","TableHeader","bold","TableBody","row","rowIndex","cell","cellIndex","TableCell","align","includes","render","fullWidth"],"mappings":"oXAWA,MAAMA,EAAO,CACTC,MAAO,oBACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMLC,EAAU,CACZ,OACA,aACA,cACA,YACA,UACA,gBA8BSC,EAAwB,CACjCC,KAAM,CACFC,QACIC,EAACC,EAAa,CAAAC,QAAM,EAACC,SAA2B,gCAEpDA,SAEQC,EAAAC,EAAA,CAAAF,SAAA,CAAAH,EAACM,GACGH,SAACH,EAAAO,EAAA,CACIJ,SAAQP,EAAAY,KAAI,CAACC,EAAQC,IACjBV,EAAAW,EAAA,CAAwBC,MAAI,EACxBT,SAAAM,GADaC,SAM7BV,EAAAa,EAAA,CACIV,SA5CR,CACT,CACI,aACA,aACA,eACA,eACA,YACA,sBAEJ,CACI,aACA,aACA,eACA,kBACA,YACA,sBAEJ,CACI,aACA,UACA,eACA,kBACA,YACA,eAqBkBK,KAAI,CAACM,EAAKC,IACZf,EAACO,EACI,CAAAJ,SAAAW,EAAIN,KAAI,CAACQ,EAAMC,IACZjB,EAACkB,EAAA,CAEG,UAAStB,EAAQqB,GACjBE,MACI,CAAC,EAAG,GAAGC,SAASH,GACV,QACA,OAGTd,SAAAa,GARIC,MAHFF,WAoBnCM,OAASvB,GACJE,EAAAR,EAAA,CAAMO,QAASD,EAAKC,QAASuB,WAAS,EAClCnB,SAAAL,EAAKK"}
+{"version":3,"file":"table.stories.js","sources":["../../../../../src/components/table/stories/table.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Table } from \"../Table.js\";\nimport { TableBody } from \"../TableBody.js\";\nimport { TableCaption } from \"../TableCaption.js\";\nimport { TableCell } from \"../TableCell.js\";\nimport { TableHead } from \"../TableHead.js\";\nimport { TableHeader } from \"../TableHeader.js\";\nimport { TableRow } from \"../TableRow.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Table\",\n    component: Table,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof Table>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst columns = [\n    \"Dato\",\n    \"Saksnummer\",\n    \"Kundenummer\",\n    \"Kundenavn\",\n    \"Milepæl\",\n    \"Følger saken\",\n];\n\nconst rows = [\n    [\n        \"24.02.2020\",\n        \"20-1234567\",\n        \"010203 99887\",\n        \"Ola Nordmann\",\n        \"Opprettet\",\n        \"Siri Saksbehandler\",\n    ],\n    [\n        \"13.04.2019\",\n        \"20-8382811\",\n        \"010203 99887\",\n        \"Kari Nordkvinne\",\n        \"Opprettet\",\n        \"Siri Saksbehandler\",\n    ],\n    [\n        \"31.07.2017\",\n        \"20-1111\",\n        \"010203 99887\",\n        \"Kari Nordkvinne\",\n        \"Opprettet\",\n        \"Per Persen\",\n    ],\n];\n\nexport const TableComponent: Story = {\n    args: {\n        caption: (\n            <TableCaption srOnly>Overskrift for skjermlesere</TableCaption>\n        ),\n        children: (\n            <>\n                <TableHead>\n                    <TableRow>\n                        {columns.map((column, index) => (\n                            <TableHeader key={index} bold>\n                                {column}\n                            </TableHeader>\n                        ))}\n                    </TableRow>\n                </TableHead>\n                <TableBody>\n                    {rows.map((row, rowIndex) => (\n                        <TableRow key={rowIndex}>\n                            {row.map((cell, cellIndex) => (\n                                <TableCell\n                                    key={cellIndex}\n                                    data-th={columns[cellIndex]}\n                                    align={\n                                        [1, 2].includes(cellIndex)\n                                            ? \"right\"\n                                            : \"left\"\n                                    }\n                                >\n                                    {cell}\n                                </TableCell>\n                            ))}\n                        </TableRow>\n                    ))}\n                </TableBody>\n            </>\n        ),\n    },\n    render: (args) => (\n        <Table caption={args.caption} fullWidth>\n            {args.children}\n        </Table>\n    ),\n};\n"],"names":["meta","title","component","Table","parameters","layout","tags","columns","TableComponent","args","caption","jsx","TableCaption","srOnly","children","jsxs","Fragment","TableHead","TableRow","map","column","index","TableHeader","bold","TableBody","row","rowIndex","cell","cellIndex","TableCell","align","includes","render","fullWidth"],"mappings":"kYAWA,MAAMA,EAAO,CACTC,MAAO,oBACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMLC,EAAU,CACZ,OACA,aACA,cACA,YACA,UACA,gBA8BSC,EAAwB,CACjCC,KAAM,CACFC,QACIC,EAACC,EAAa,CAAAC,QAAM,EAACC,SAA2B,gCAEpDA,SAEQC,EAAAC,EAAA,CAAAF,SAAA,CAAAH,EAACM,GACGH,SAACH,EAAAO,EAAA,CACIJ,SAAQP,EAAAY,KAAI,CAACC,EAAQC,IACjBV,EAAAW,EAAA,CAAwBC,MAAI,EACxBT,SAAAM,GADaC,SAM7BV,EAAAa,EAAA,CACIV,SA5CR,CACT,CACI,aACA,aACA,eACA,eACA,YACA,sBAEJ,CACI,aACA,aACA,eACA,kBACA,YACA,sBAEJ,CACI,aACA,UACA,eACA,kBACA,YACA,eAqBkBK,KAAI,CAACM,EAAKC,IACZf,EAACO,EACI,CAAAJ,SAAAW,EAAIN,KAAI,CAACQ,EAAMC,IACZjB,EAACkB,EAAA,CAEG,UAAStB,EAAQqB,GACjBE,MACI,CAAC,EAAG,GAAGC,SAASH,GACV,QACA,OAGTd,SAAAa,GARIC,MAHFF,WAoBnCM,OAASvB,GACJE,EAAAR,EAAA,CAAMO,QAASD,EAAKC,QAASuB,WAAS,EAClCnB,SAAAL,EAAKK"}

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

@@ -1,2 +1,2 @@
-
+import"react";
 //# sourceMappingURL=types.js.map

package/build/es/components/tabs/TabPanel.js

@@ -1,2 +1,2 @@
-import{jsx as a}from"react/jsx-runtime";import{c as s}from"../../../clsx-BeLtu-UY.js";const e=({children:e,...r})=>{const l=s("jkl-tabpanel",r.className);return a("div",{role:"tabpanel",...r,className:l,children:e})};export{e as TabPanel};
+import{jsx as a}from"react/jsx-runtime";import{c as r}from"../../../clsx-BeLtu-UY.js";import"react";const e=({children:e,...s})=>{const t=r("jkl-tabpanel",s.className);return a("div",{role:"tabpanel",...s,className:t,children:e})};export{e as TabPanel};
 //# sourceMappingURL=TabPanel.js.map

package/build/es/components/tabs/TabPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanel.js","sources":["../../../../src/components/tabs/TabPanel.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport type { TabPanelProps } from \"./types.js\";\n\n/**\n * Konteiner for innhold i et tabbet brukergrensesnitt. Ikke funksjonell utenfor et Tabs element.\n *\n * Docs: https://jokul.fremtind.no/komponenter/tabs\n */\nexport const TabPanel = ({ children, ...props }: TabPanelProps) => {\n    const classes = clsx(\"jkl-tabpanel\", props.className);\n\n    return (\n        <div role=\"tabpanel\" {...props} className={classes}>\n            {children}\n        </div>\n    );\n};\n"],"names":["TabPanel","children","props","classes","clsx","className","jsx","role"],"mappings":"sFASO,MAAMA,EAAW,EAAGC,SAAAA,KAAaC,MACpC,MAAMC,EAAUC,EAAK,eAAgBF,EAAMG,WAGvC,OAAAC,EAAC,OAAIC,KAAK,cAAeL,EAAOG,UAAWF,EACtCF,SAAAA,GACL"}
+{"version":3,"file":"TabPanel.js","sources":["../../../../src/components/tabs/TabPanel.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport type { TabPanelProps } from \"./types.js\";\n\n/**\n * Konteiner for innhold i et tabbet brukergrensesnitt. Ikke funksjonell utenfor et Tabs element.\n *\n * Docs: https://jokul.fremtind.no/komponenter/tabs\n */\nexport const TabPanel = ({ children, ...props }: TabPanelProps) => {\n    const classes = clsx(\"jkl-tabpanel\", props.className);\n\n    return (\n        <div role=\"tabpanel\" {...props} className={classes}>\n            {children}\n        </div>\n    );\n};\n"],"names":["TabPanel","children","props","classes","clsx","className","jsx","role"],"mappings":"oGASO,MAAMA,EAAW,EAAGC,SAAAA,KAAaC,MACpC,MAAMC,EAAUC,EAAK,eAAgBF,EAAMG,WAGvC,OAAAC,EAAC,OAAIC,KAAK,cAAeL,EAAOG,UAAWF,EACtCF,SAAAA,GACL"}

package/build/es/components/tabs/stories/NavTabs.stories.js

@@ -1,2 +1,2 @@
-import{jsx as a,jsxs as e}from"react/jsx-runtime";/* empty css                         */import{NavTab as s}from"../NavTab.js";import{NavTabs as r}from"../NavTabs.js";const t={title:"Komponenter/Tabs/NavTabs",component:r,subcomponents:{NavTab:s},tags:["autodocs"]},o={name:"NavTabs",args:{children:a("p",{children:"e"})},render:t=>e(r,{...t,children:[a(s,{"aria-selected":!0,children:"Alle"}),a(s,{"aria-selected":!1,children:"NICE"}),a(s,{"aria-selected":!1,children:"Prolife"})]})};export{o as TabsStory,t as default};
+import{jsx as a,jsxs as e}from"react/jsx-runtime";import"react";/* empty css                         */import{NavTab as s}from"../NavTab.js";import{NavTabs as r}from"../NavTabs.js";const t={title:"Komponenter/Tabs/NavTabs",component:r,subcomponents:{NavTab:s},tags:["autodocs"]},o={name:"NavTabs",args:{children:a("p",{children:"e"})},render:t=>e(r,{...t,children:[a(s,{"aria-selected":!0,children:"Alle"}),a(s,{"aria-selected":!1,children:"NICE"}),a(s,{"aria-selected":!1,children:"Prolife"})]})};export{o as TabsStory,t as default};
 //# sourceMappingURL=NavTabs.stories.js.map

package/build/es/components/tabs/stories/NavTabs.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavTabs.stories.js","sources":["../../../../../src/components/tabs/stories/NavTabs.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { NavTab } from \"../NavTab.js\";\nimport { NavTabs as Tabs } from \"../NavTabs.js\";\n\nconst meta = {\n    title: \"Komponenter/Tabs/NavTabs\",\n    component: Tabs,\n    subcomponents: {\n        NavTab,\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof Tabs>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const TabsStory: Story = {\n    name: \"NavTabs\",\n    args: {\n        children: <p>e</p>,\n    },\n    render: (args) => (\n        <Tabs {...args}>\n            <NavTab aria-selected={true}>Alle</NavTab>\n            <NavTab aria-selected={false}>NICE</NavTab>\n            <NavTab aria-selected={false}>Prolife</NavTab>\n        </Tabs>\n    ),\n};\n"],"names":["meta","title","component","Tabs","subcomponents","NavTab","tags","TabsStory","name","args","children","jsx","render","jsxs"],"mappings":"uKAMA,MAAMA,EAAO,CACTC,MAAO,2BACPC,UAAWC,EACXC,cAAe,CACXC,OAAAA,GAEJC,KAAM,CAAC,aAMEC,EAAmB,CAC5BC,KAAM,UACNC,KAAM,CACFC,SAAWC,EAAA,IAAA,CAAED,SAAC,OAElBE,OAASH,GACJI,EAAAV,EAAA,IAASM,EACNC,SAAA,CAACC,EAAAN,EAAA,CAAO,iBAAe,EAAMK,SAAI,SAChCC,EAAAN,EAAA,CAAO,iBAAe,EAAOK,SAAI,SACjCC,EAAAN,EAAA,CAAO,iBAAe,EAAOK,SAAO"}
+{"version":3,"file":"NavTabs.stories.js","sources":["../../../../../src/components/tabs/stories/NavTabs.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { NavTab } from \"../NavTab.js\";\nimport { NavTabs as Tabs } from \"../NavTabs.js\";\n\nconst meta = {\n    title: \"Komponenter/Tabs/NavTabs\",\n    component: Tabs,\n    subcomponents: {\n        NavTab,\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof Tabs>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const TabsStory: Story = {\n    name: \"NavTabs\",\n    args: {\n        children: <p>e</p>,\n    },\n    render: (args) => (\n        <Tabs {...args}>\n            <NavTab aria-selected={true}>Alle</NavTab>\n            <NavTab aria-selected={false}>NICE</NavTab>\n            <NavTab aria-selected={false}>Prolife</NavTab>\n        </Tabs>\n    ),\n};\n"],"names":["meta","title","component","Tabs","subcomponents","NavTab","tags","TabsStory","name","args","children","jsx","render","jsxs"],"mappings":"qLAMA,MAAMA,EAAO,CACTC,MAAO,2BACPC,UAAWC,EACXC,cAAe,CACXC,OAAAA,GAEJC,KAAM,CAAC,aAMEC,EAAmB,CAC5BC,KAAM,UACNC,KAAM,CACFC,SAAWC,EAAA,IAAA,CAAED,SAAC,OAElBE,OAASH,GACJI,EAAAV,EAAA,IAASM,EACNC,SAAA,CAACC,EAAAN,EAAA,CAAO,iBAAe,EAAMK,SAAI,SAChCC,EAAAN,EAAA,CAAO,iBAAe,EAAOK,SAAI,SACjCC,EAAAN,EAAA,CAAO,iBAAe,EAAOK,SAAO"}

package/build/es/components/tabs/stories/Tabs.stories.js

@@ -1,2 +1,2 @@
-import{jsx as a,jsxs as e}from"react/jsx-runtime";/* empty css                         */import{Tab as r}from"../Tab.js";import{TabList as l}from"../TabList.js";import{TabPanel as s}from"../TabPanel.js";import{Tabs as t}from"../Tabs.js";const i={title:"Komponenter/Tabs/Tabs",component:t,subcomponents:{TabList:l,TabPanel:s,Tab:r},argTypes:{defaultTab:{control:"number",table:{defaultValue:{summary:void 0}}}},tags:["autodocs"]},n={name:"Tabs",args:{children:a("p",{})},render:i=>a("div",{style:{maxWidth:"300px"},children:e(t,{...i,children:[e(l,{"aria-label":"Avtale-filter",children:[a(r,{children:"Alle avtaler"}),a(r,{children:"NICE"}),a(r,{children:"Prolife"}),a(r,{children:"Paris"})]}),a(s,{children:"Alle avtaler"}),a(s,{children:"NICE-avtaler"}),a(s,{children:"Prolife-avtaler"}),a(s,{children:"Paris-avtaler"})]})})};export{n as TabsStory,i as default};
+import{jsx as a,jsxs as e}from"react/jsx-runtime";import"react";/* empty css                         */import{Tab as r}from"../Tab.js";import{TabList as l}from"../TabList.js";import{TabPanel as s}from"../TabPanel.js";import{Tabs as t}from"../Tabs.js";const i={title:"Komponenter/Tabs/Tabs",component:t,subcomponents:{TabList:l,TabPanel:s,Tab:r},argTypes:{defaultTab:{control:"number",table:{defaultValue:{summary:void 0}}}},tags:["autodocs"]},n={name:"Tabs",args:{children:a("p",{})},render:i=>a("div",{style:{maxWidth:"300px"},children:e(t,{...i,children:[e(l,{"aria-label":"Avtale-filter",children:[a(r,{children:"Alle avtaler"}),a(r,{children:"NICE"}),a(r,{children:"Prolife"}),a(r,{children:"Paris"})]}),a(s,{children:"Alle avtaler"}),a(s,{children:"NICE-avtaler"}),a(s,{children:"Prolife-avtaler"}),a(s,{children:"Paris-avtaler"})]})})};export{n as TabsStory,i as default};
 //# sourceMappingURL=Tabs.stories.js.map

package/build/es/components/tabs/stories/Tabs.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.stories.js","sources":["../../../../../src/components/tabs/stories/Tabs.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { Tab } from \"../Tab.js\";\nimport { TabList } from \"../TabList.js\";\nimport { TabPanel } from \"../TabPanel.js\";\nimport { Tabs } from \"../Tabs.js\";\n\nconst meta = {\n    title: \"Komponenter/Tabs/Tabs\",\n    component: Tabs,\n    subcomponents: {\n        TabList,\n        TabPanel,\n        Tab,\n    },\n    argTypes: {\n        defaultTab: {\n            control: \"number\",\n            table: {\n                defaultValue: {\n                    summary: undefined,\n                },\n            },\n        },\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof Tabs>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const TabsStory: Story = {\n    name: \"Tabs\",\n    args: {\n        children: <p />,\n    },\n    render: (args) => (\n        <div style={{ maxWidth: \"300px\" }}>\n            <Tabs {...args}>\n                <TabList aria-label=\"Avtale-filter\">\n                    <Tab>Alle avtaler</Tab>\n                    <Tab>NICE</Tab>\n                    <Tab>Prolife</Tab>\n                    <Tab>Paris</Tab>\n                </TabList>\n\n                <TabPanel>Alle avtaler</TabPanel>\n\n                <TabPanel>NICE-avtaler</TabPanel>\n\n                <TabPanel>Prolife-avtaler</TabPanel>\n\n                <TabPanel>Paris-avtaler</TabPanel>\n            </Tabs>\n        </div>\n    ),\n};\n"],"names":["meta","title","component","Tabs","subcomponents","TabList","TabPanel","Tab","argTypes","defaultTab","control","table","defaultValue","summary","tags","TabsStory","name","args","children","render","jsx","style","maxWidth","jsxs"],"mappings":"6OAQA,MAAMA,EAAO,CACTC,MAAO,wBACPC,UAAWC,EACXC,cAAe,CACXC,QAAAA,EACAC,SAAAA,EACAC,IAAAA,GAEJC,SAAU,CACNC,WAAY,CACRC,QAAS,SACTC,MAAO,CACHC,aAAc,CACVC,aAAS,MAKzBC,KAAM,CAAC,aAMEC,EAAmB,CAC5BC,KAAM,OACNC,KAAM,CACFC,WAAW,IAAE,KAEjBC,OAASF,GACLG,EAAC,MAAI,CAAAC,MAAO,CAAEC,SAAU,SACpBJ,SAACK,EAAApB,EAAA,IAASc,EACNC,SAAA,CAACK,EAAAlB,EAAA,CAAQ,aAAW,gBAChBa,SAAA,CAAAE,EAACb,GAAIW,SAAY,iBACjBE,EAACb,GAAIW,SAAI,SACTE,EAACb,GAAIW,SAAO,YACZE,EAACb,GAAIW,SAAK,aAGdE,EAACd,GAASY,SAAY,iBAEtBE,EAACd,GAASY,SAAY,iBAEtBE,EAACd,GAASY,SAAe,oBAEzBE,EAACd,GAASY,SAAa"}
+{"version":3,"file":"Tabs.stories.js","sources":["../../../../../src/components/tabs/stories/Tabs.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { Tab } from \"../Tab.js\";\nimport { TabList } from \"../TabList.js\";\nimport { TabPanel } from \"../TabPanel.js\";\nimport { Tabs } from \"../Tabs.js\";\n\nconst meta = {\n    title: \"Komponenter/Tabs/Tabs\",\n    component: Tabs,\n    subcomponents: {\n        TabList,\n        TabPanel,\n        Tab,\n    },\n    argTypes: {\n        defaultTab: {\n            control: \"number\",\n            table: {\n                defaultValue: {\n                    summary: undefined,\n                },\n            },\n        },\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof Tabs>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const TabsStory: Story = {\n    name: \"Tabs\",\n    args: {\n        children: <p />,\n    },\n    render: (args) => (\n        <div style={{ maxWidth: \"300px\" }}>\n            <Tabs {...args}>\n                <TabList aria-label=\"Avtale-filter\">\n                    <Tab>Alle avtaler</Tab>\n                    <Tab>NICE</Tab>\n                    <Tab>Prolife</Tab>\n                    <Tab>Paris</Tab>\n                </TabList>\n\n                <TabPanel>Alle avtaler</TabPanel>\n\n                <TabPanel>NICE-avtaler</TabPanel>\n\n                <TabPanel>Prolife-avtaler</TabPanel>\n\n                <TabPanel>Paris-avtaler</TabPanel>\n            </Tabs>\n        </div>\n    ),\n};\n"],"names":["meta","title","component","Tabs","subcomponents","TabList","TabPanel","Tab","argTypes","defaultTab","control","table","defaultValue","summary","tags","TabsStory","name","args","children","render","jsx","style","maxWidth","jsxs"],"mappings":"2PAQA,MAAMA,EAAO,CACTC,MAAO,wBACPC,UAAWC,EACXC,cAAe,CACXC,QAAAA,EACAC,SAAAA,EACAC,IAAAA,GAEJC,SAAU,CACNC,WAAY,CACRC,QAAS,SACTC,MAAO,CACHC,aAAc,CACVC,aAAS,MAKzBC,KAAM,CAAC,aAMEC,EAAmB,CAC5BC,KAAM,OACNC,KAAM,CACFC,WAAW,IAAE,KAEjBC,OAASF,GACLG,EAAC,MAAI,CAAAC,MAAO,CAAEC,SAAU,SACpBJ,SAACK,EAAApB,EAAA,IAASc,EACNC,SAAA,CAACK,EAAAlB,EAAA,CAAQ,aAAW,gBAChBa,SAAA,CAAAE,EAACb,GAAIW,SAAY,iBACjBE,EAACb,GAAIW,SAAI,SACTE,EAACb,GAAIW,SAAO,YACZE,EAACb,GAAIW,SAAK,aAGdE,EAACd,GAASY,SAAY,iBAEtBE,EAACd,GAASY,SAAY,iBAEtBE,EAACd,GAASY,SAAe,oBAEzBE,EAACd,GAASY,SAAa"}

package/build/es/components/tag/Tag.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{c as a}from"../../../clsx-BeLtu-UY.js";function s(s){const n=({className:n,density:e,children:c,...t})=>r("span",{className:a("jkl-tag",{"jkl-tag--info":"info"===s,"jkl-tag--error":"error"===s,"jkl-tag--warning":"warning"===s,"jkl-tag--success":"success"===s},n),"data-density":e,...t,children:c});return n.displayName=function(r){switch(r){case"info":return"InfoTag";case"error":return"ErrorTag";case"warning":return"WarningTag";case"success":return"SuccessTag";default:return"Tag"}}(s),n}const n=s(),e=s("info"),c=s("error"),t=s("warning"),g=s("success");export{c as ErrorTag,e as InfoTag,g as SuccessTag,n as Tag,t as WarningTag};
+import{jsx as r}from"react/jsx-runtime";import{c as a}from"../../../clsx-BeLtu-UY.js";import"react";function s(s){const n=({className:n,density:e,children:c,...t})=>r("span",{className:a("jkl-tag",{"jkl-tag--info":"info"===s,"jkl-tag--error":"error"===s,"jkl-tag--warning":"warning"===s,"jkl-tag--success":"success"===s},n),"data-density":e,...t,children:c});return n.displayName=function(r){switch(r){case"info":return"InfoTag";case"error":return"ErrorTag";case"warning":return"WarningTag";case"success":return"SuccessTag";default:return"Tag"}}(s),n}const n=s(),e=s("info"),c=s("error"),t=s("warning"),i=s("success");export{c as ErrorTag,e as InfoTag,i as SuccessTag,n as Tag,t as WarningTag};
 //# sourceMappingURL=Tag.js.map

package/build/es/components/tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../../../src/components/tag/Tag.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type { TagProps } from \"./types.js\";\n\ntype Variant = \"info\" | \"error\" | \"warning\" | \"success\";\n\nfunction getDisplayName(variant?: Variant) {\n    switch (variant) {\n        case \"info\":\n            return \"InfoTag\";\n        case \"error\":\n            return \"ErrorTag\";\n        case \"warning\":\n            return \"WarningTag\";\n        case \"success\":\n            return \"SuccessTag\";\n        default:\n            return \"Tag\";\n    }\n}\n\nfunction tagFactory(variant?: Variant) {\n    const Tag: FC<TagProps> = ({ className, density, children, ...rest }) => (\n        <span\n            className={clsx(\n                \"jkl-tag\",\n                {\n                    \"jkl-tag--info\": variant === \"info\",\n                    \"jkl-tag--error\": variant === \"error\",\n                    \"jkl-tag--warning\": variant === \"warning\",\n                    \"jkl-tag--success\": variant === \"success\",\n                },\n                className,\n            )}\n            data-density={density}\n            {...rest}\n        >\n            {children}\n        </span>\n    );\n    Tag.displayName = getDisplayName(variant);\n    return Tag;\n}\n\nexport const Tag = tagFactory();\nexport const InfoTag = tagFactory(\"info\");\nexport const ErrorTag = tagFactory(\"error\");\nexport const WarningTag = tagFactory(\"warning\");\nexport const SuccessTag = tagFactory(\"success\");\n"],"names":["tagFactory","variant","Tag","className","density","children","rest","jsx","clsx","displayName","getDisplayName","InfoTag","ErrorTag","WarningTag","SuccessTag"],"mappings":"sFAqBA,SAASA,EAAWC,GACVC,MAAAA,EAAoB,EAAGC,UAAAA,EAAWC,QAAAA,EAASC,SAAAA,KAAaC,KAC1DC,EAAC,OAAA,CACGJ,UAAWK,EACP,UACA,CACI,gBAA6B,SAAZP,EACjB,iBAA8B,UAAZA,EAClB,mBAAgC,YAAZA,EACpB,mBAAgC,YAAZA,GAExBE,GAEJ,eAAcC,KACVE,EAEHD,SAAAA,IAGTH,OAAAA,EAAIO,YAlCR,SAAwBR,GACpB,OAAQA,GACJ,IAAK,OACM,MAAA,UACX,IAAK,QACM,MAAA,WACX,IAAK,UACM,MAAA,aACX,IAAK,UACM,MAAA,aACX,QACW,MAAA,MAEnB,CAqBsBS,CAAeT,GAC1BC,CACX,CAEO,MAAMA,EAAMF,IACNW,EAAUX,EAAW,QACrBY,EAAWZ,EAAW,SACtBa,EAAab,EAAW,WACxBc,EAAad,EAAW"}
+{"version":3,"file":"Tag.js","sources":["../../../../src/components/tag/Tag.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type { TagProps } from \"./types.js\";\n\ntype Variant = \"info\" | \"error\" | \"warning\" | \"success\";\n\nfunction getDisplayName(variant?: Variant) {\n    switch (variant) {\n        case \"info\":\n            return \"InfoTag\";\n        case \"error\":\n            return \"ErrorTag\";\n        case \"warning\":\n            return \"WarningTag\";\n        case \"success\":\n            return \"SuccessTag\";\n        default:\n            return \"Tag\";\n    }\n}\n\nfunction tagFactory(variant?: Variant) {\n    const Tag: FC<TagProps> = ({ className, density, children, ...rest }) => (\n        <span\n            className={clsx(\n                \"jkl-tag\",\n                {\n                    \"jkl-tag--info\": variant === \"info\",\n                    \"jkl-tag--error\": variant === \"error\",\n                    \"jkl-tag--warning\": variant === \"warning\",\n                    \"jkl-tag--success\": variant === \"success\",\n                },\n                className,\n            )}\n            data-density={density}\n            {...rest}\n        >\n            {children}\n        </span>\n    );\n    Tag.displayName = getDisplayName(variant);\n    return Tag;\n}\n\nexport const Tag = tagFactory();\nexport const InfoTag = tagFactory(\"info\");\nexport const ErrorTag = tagFactory(\"error\");\nexport const WarningTag = tagFactory(\"warning\");\nexport const SuccessTag = tagFactory(\"success\");\n"],"names":["tagFactory","variant","Tag","className","density","children","rest","jsx","clsx","displayName","getDisplayName","InfoTag","ErrorTag","WarningTag","SuccessTag"],"mappings":"oGAqBA,SAASA,EAAWC,GACVC,MAAAA,EAAoB,EAAGC,UAAAA,EAAWC,QAAAA,EAASC,SAAAA,KAAaC,KAC1DC,EAAC,OAAA,CACGJ,UAAWK,EACP,UACA,CACI,gBAA6B,SAAZP,EACjB,iBAA8B,UAAZA,EAClB,mBAAgC,YAAZA,EACpB,mBAAgC,YAAZA,GAExBE,GAEJ,eAAcC,KACVE,EAEHD,SAAAA,IAGTH,OAAAA,EAAIO,YAlCR,SAAwBR,GACpB,OAAQA,GACJ,IAAK,OACM,MAAA,UACX,IAAK,QACM,MAAA,WACX,IAAK,UACM,MAAA,aACX,IAAK,UACM,MAAA,aACX,QACW,MAAA,MAEnB,CAqBsBS,CAAeT,GAC1BC,CACX,CAEO,MAAMA,EAAMF,IACNW,EAAUX,EAAW,QACrBY,EAAWZ,EAAW,SACtBa,EAAab,EAAW,WACxBc,EAAad,EAAW"}

package/build/es/components/tag/stories/Tag.stories.js

@@ -1,2 +1,2 @@
-import{jsx as a}from"react/jsx-runtime";import{Tag as r,SuccessTag as e,InfoTag as n,WarningTag as s,ErrorTag as o}from"../Tag.js";const g={title:"Komponenter/Tag",component:r,tags:["autodocs"],args:{children:"Hei"}},t={name:"Tag",render:e=>a(r,{...e})},T={name:"Success Tag",render:r=>a(e,{...r})},m={name:"Info Tag",render:r=>a(n,{...r})},c={name:"Warning Tag",render:r=>a(s,{...r})},i={name:"Error Tag",render:r=>a(o,{...r})};export{i as ErrorTagStory,m as InfoTagStory,T as SuccessTagStory,t as TagStory,c as WarningTagStory,g as default};
+import{jsx as a}from"react/jsx-runtime";import"react";import{Tag as r,SuccessTag as e,InfoTag as n,WarningTag as s,ErrorTag as o}from"../Tag.js";const g={title:"Komponenter/Tag",component:r,tags:["autodocs"],args:{children:"Hei"}},t={name:"Tag",render:e=>a(r,{...e})},T={name:"Success Tag",render:r=>a(e,{...r})},m={name:"Info Tag",render:r=>a(n,{...r})},c={name:"Warning Tag",render:r=>a(s,{...r})},i={name:"Error Tag",render:r=>a(o,{...r})};export{i as ErrorTagStory,m as InfoTagStory,T as SuccessTagStory,t as TagStory,c as WarningTagStory,g as default};
 //# sourceMappingURL=Tag.stories.js.map

package/build/es/components/tag/stories/Tag.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.stories.js","sources":["../../../../../src/components/tag/stories/Tag.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { ErrorTag, InfoTag, SuccessTag, Tag, WarningTag } from \"../Tag.js\";\n\nconst meta = {\n    title: \"Komponenter/Tag\",\n    component: Tag,\n    tags: [\"autodocs\"],\n    args: {\n        children: \"Hei\",\n    },\n} satisfies Meta<typeof Tag>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const TagStory: Story = {\n    name: \"Tag\",\n    render: (args) => <Tag {...args} />,\n};\n\nexport const SuccessTagStory: Story = {\n    name: \"Success Tag\",\n    render: (args) => <SuccessTag {...args} />,\n};\n\nexport const InfoTagStory: Story = {\n    name: \"Info Tag\",\n    render: (args) => <InfoTag {...args} />,\n};\n\nexport const WarningTagStory: Story = {\n    name: \"Warning Tag\",\n    render: (args) => <WarningTag {...args} />,\n};\n\nexport const ErrorTagStory: Story = {\n    name: \"Error Tag\",\n    render: (args) => <ErrorTag {...args} />,\n};\n"],"names":["meta","title","component","Tag","tags","args","children","TagStory","name","render","jsx","SuccessTagStory","SuccessTag","InfoTagStory","InfoTag","WarningTagStory","WarningTag","ErrorTagStory","ErrorTag"],"mappings":"mIAKA,MAAMA,EAAO,CACTC,MAAO,kBACPC,UAAWC,EACXC,KAAM,CAAC,YACPC,KAAM,CACFC,SAAU,QAOLC,EAAkB,CAC3BC,KAAM,MACNC,OAASJ,GAAUK,EAAAP,EAAA,IAAQE,KAGlBM,EAAyB,CAClCH,KAAM,cACNC,OAASJ,GAAUK,EAAAE,EAAA,IAAeP,KAGzBQ,EAAsB,CAC/BL,KAAM,WACNC,OAASJ,GAAUK,EAAAI,EAAA,IAAYT,KAGtBU,EAAyB,CAClCP,KAAM,cACNC,OAASJ,GAAUK,EAAAM,EAAA,IAAeX,KAGzBY,EAAuB,CAChCT,KAAM,YACNC,OAASJ,GAAUK,EAAAQ,EAAA,IAAab"}
+{"version":3,"file":"Tag.stories.js","sources":["../../../../../src/components/tag/stories/Tag.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { ErrorTag, InfoTag, SuccessTag, Tag, WarningTag } from \"../Tag.js\";\n\nconst meta = {\n    title: \"Komponenter/Tag\",\n    component: Tag,\n    tags: [\"autodocs\"],\n    args: {\n        children: \"Hei\",\n    },\n} satisfies Meta<typeof Tag>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const TagStory: Story = {\n    name: \"Tag\",\n    render: (args) => <Tag {...args} />,\n};\n\nexport const SuccessTagStory: Story = {\n    name: \"Success Tag\",\n    render: (args) => <SuccessTag {...args} />,\n};\n\nexport const InfoTagStory: Story = {\n    name: \"Info Tag\",\n    render: (args) => <InfoTag {...args} />,\n};\n\nexport const WarningTagStory: Story = {\n    name: \"Warning Tag\",\n    render: (args) => <WarningTag {...args} />,\n};\n\nexport const ErrorTagStory: Story = {\n    name: \"Error Tag\",\n    render: (args) => <ErrorTag {...args} />,\n};\n"],"names":["meta","title","component","Tag","tags","args","children","TagStory","name","render","jsx","SuccessTagStory","SuccessTag","InfoTagStory","InfoTag","WarningTagStory","WarningTag","ErrorTagStory","ErrorTag"],"mappings":"iJAKA,MAAMA,EAAO,CACTC,MAAO,kBACPC,UAAWC,EACXC,KAAM,CAAC,YACPC,KAAM,CACFC,SAAU,QAOLC,EAAkB,CAC3BC,KAAM,MACNC,OAASJ,GAAUK,EAAAP,EAAA,IAAQE,KAGlBM,EAAyB,CAClCH,KAAM,cACNC,OAASJ,GAAUK,EAAAE,EAAA,IAAeP,KAGzBQ,EAAsB,CAC/BL,KAAM,WACNC,OAASJ,GAAUK,EAAAI,EAAA,IAAYT,KAGtBU,EAAyB,CAClCP,KAAM,cACNC,OAASJ,GAAUK,EAAAM,EAAA,IAAeX,KAGzBY,EAAuB,CAChCT,KAAM,YACNC,OAASJ,GAAUK,EAAAQ,EAAA,IAAab"}

package/build/es/components/toast/stories/Toast.stories.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{Toast as n}from"../Toast.js";const t={title:"Komponenter/Toast",component:n,tags:["autodocs"],argTypes:{toast:{description:"Obs: Dette er en forenklet versjon av 'toast'-propen for å vise variantene.",options:["Info","Error","Success","Warning","Ingen"],mapping:{Info:{content:"Hei verden",key:"",variant:"info"},Error:{content:"Hei verden",key:"",variant:"error"},Success:{content:"Hei verden",key:"",variant:"success"},Warning:{content:"Hei verden",key:"",variant:"warning"},Ingen:{content:"Hei verden",key:""}}}},args:{state:{add:()=>"e",close:()=>"",pauseAll:()=>"",remove:()=>"",resumeAll:()=>"",visibleToasts:[{content:"Hei verden",key:Date.now().toString()}]},toast:{content:"Hei verden",key:"",variant:"info"}}},r={render:t=>e(n,{...t})};export{r as Toast,t as default};
+import{jsx as e}from"react/jsx-runtime";import"react";import{Toast as n}from"../Toast.js";const t={title:"Komponenter/Toast",component:n,tags:["autodocs"],argTypes:{toast:{description:"Obs: Dette er en forenklet versjon av 'toast'-propen for å vise variantene.",options:["Info","Error","Success","Warning","Ingen"],mapping:{Info:{content:"Hei verden",key:"",variant:"info"},Error:{content:"Hei verden",key:"",variant:"error"},Success:{content:"Hei verden",key:"",variant:"success"},Warning:{content:"Hei verden",key:"",variant:"warning"},Ingen:{content:"Hei verden",key:""}}}},args:{state:{add:()=>"e",close:()=>"",pauseAll:()=>"",remove:()=>"",resumeAll:()=>"",visibleToasts:[{content:"Hei verden",key:Date.now().toString()}]},toast:{content:"Hei verden",key:"",variant:"info"}}},r={render:t=>e(n,{...t})};export{r as Toast,t as default};
 //# sourceMappingURL=Toast.stories.js.map

package/build/es/components/toast/stories/Toast.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.stories.js","sources":["../../../../../src/components/toast/stories/Toast.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { Toast as ToastComponent } from \"../Toast.js\";\n\nconst meta = {\n    title: \"Komponenter/Toast\",\n    component: ToastComponent,\n    tags: [\"autodocs\"],\n    argTypes: {\n        toast: {\n            description:\n                \"Obs: Dette er en forenklet versjon av 'toast'-propen for å vise variantene.\",\n            options: [\"Info\", \"Error\", \"Success\", \"Warning\", \"Ingen\"],\n            mapping: {\n                Info: {\n                    content: \"Hei verden\",\n                    key: \"\",\n                    variant: \"info\",\n                },\n                Error: {\n                    content: \"Hei verden\",\n                    key: \"\",\n                    variant: \"error\",\n                },\n                Success: {\n                    content: \"Hei verden\",\n                    key: \"\",\n                    variant: \"success\",\n                },\n                Warning: {\n                    content: \"Hei verden\",\n                    key: \"\",\n                    variant: \"warning\",\n                },\n                Ingen: {\n                    content: \"Hei verden\",\n                    key: \"\",\n                },\n            },\n        },\n    },\n    args: {\n        state: {\n            add: () => \"e\",\n            close: () => \"\",\n            pauseAll: () => \"\",\n            remove: () => \"\",\n            resumeAll: () => \"\",\n            visibleToasts: [\n                { content: \"Hei verden\", key: Date.now().toString() },\n            ],\n        },\n        toast: {\n            content: \"Hei verden\",\n            key: \"\",\n            variant: \"info\",\n        },\n    },\n} satisfies Meta<typeof ToastComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Toast: Story = {\n    render: (args) => <ToastComponent {...args} />,\n};\n"],"names":["meta","title","component","ToastComponent","tags","argTypes","toast","description","options","mapping","Info","content","key","variant","Error","Success","Warning","Ingen","args","state","add","close","pauseAll","remove","resumeAll","visibleToasts","Date","now","toString","Toast","render","jsx"],"mappings":"4EAKA,MAAMA,EAAO,CACTC,MAAO,oBACPC,UAAWC,EACXC,KAAM,CAAC,YACPC,SAAU,CACNC,MAAO,CACHC,YACI,8EACJC,QAAS,CAAC,OAAQ,QAAS,UAAW,UAAW,SACjDC,QAAS,CACLC,KAAM,CACFC,QAAS,aACTC,IAAK,GACLC,QAAS,QAEbC,MAAO,CACHH,QAAS,aACTC,IAAK,GACLC,QAAS,SAEbE,QAAS,CACLJ,QAAS,aACTC,IAAK,GACLC,QAAS,WAEbG,QAAS,CACLL,QAAS,aACTC,IAAK,GACLC,QAAS,WAEbI,MAAO,CACHN,QAAS,aACTC,IAAK,OAKrBM,KAAM,CACFC,MAAO,CACHC,IAAK,IAAM,IACXC,MAAO,IAAM,GACbC,SAAU,IAAM,GAChBC,OAAQ,IAAM,GACdC,UAAW,IAAM,GACjBC,cAAe,CACX,CAAEd,QAAS,aAAcC,IAAKc,KAAKC,MAAMC,cAGjDtB,MAAO,CACHK,QAAS,aACTC,IAAK,GACLC,QAAS,UAQRgB,EAAe,CACxBC,OAASZ,GAAUa,EAAA5B,EAAA,IAAmBe"}
+{"version":3,"file":"Toast.stories.js","sources":["../../../../../src/components/toast/stories/Toast.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { Toast as ToastComponent } from \"../Toast.js\";\n\nconst meta = {\n    title: \"Komponenter/Toast\",\n    component: ToastComponent,\n    tags: [\"autodocs\"],\n    argTypes: {\n        toast: {\n            description:\n                \"Obs: Dette er en forenklet versjon av 'toast'-propen for å vise variantene.\",\n            options: [\"Info\", \"Error\", \"Success\", \"Warning\", \"Ingen\"],\n            mapping: {\n                Info: {\n                    content: \"Hei verden\",\n                    key: \"\",\n                    variant: \"info\",\n                },\n                Error: {\n                    content: \"Hei verden\",\n                    key: \"\",\n                    variant: \"error\",\n                },\n                Success: {\n                    content: \"Hei verden\",\n                    key: \"\",\n                    variant: \"success\",\n                },\n                Warning: {\n                    content: \"Hei verden\",\n                    key: \"\",\n                    variant: \"warning\",\n                },\n                Ingen: {\n                    content: \"Hei verden\",\n                    key: \"\",\n                },\n            },\n        },\n    },\n    args: {\n        state: {\n            add: () => \"e\",\n            close: () => \"\",\n            pauseAll: () => \"\",\n            remove: () => \"\",\n            resumeAll: () => \"\",\n            visibleToasts: [\n                { content: \"Hei verden\", key: Date.now().toString() },\n            ],\n        },\n        toast: {\n            content: \"Hei verden\",\n            key: \"\",\n            variant: \"info\",\n        },\n    },\n} satisfies Meta<typeof ToastComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Toast: Story = {\n    render: (args) => <ToastComponent {...args} />,\n};\n"],"names":["meta","title","component","ToastComponent","tags","argTypes","toast","description","options","mapping","Info","content","key","variant","Error","Success","Warning","Ingen","args","state","add","close","pauseAll","remove","resumeAll","visibleToasts","Date","now","toString","Toast","render","jsx"],"mappings":"0FAKA,MAAMA,EAAO,CACTC,MAAO,oBACPC,UAAWC,EACXC,KAAM,CAAC,YACPC,SAAU,CACNC,MAAO,CACHC,YACI,8EACJC,QAAS,CAAC,OAAQ,QAAS,UAAW,UAAW,SACjDC,QAAS,CACLC,KAAM,CACFC,QAAS,aACTC,IAAK,GACLC,QAAS,QAEbC,MAAO,CACHH,QAAS,aACTC,IAAK,GACLC,QAAS,SAEbE,QAAS,CACLJ,QAAS,aACTC,IAAK,GACLC,QAAS,WAEbG,QAAS,CACLL,QAAS,aACTC,IAAK,GACLC,QAAS,WAEbI,MAAO,CACHN,QAAS,aACTC,IAAK,OAKrBM,KAAM,CACFC,MAAO,CACHC,IAAK,IAAM,IACXC,MAAO,IAAM,GACbC,SAAU,IAAM,GAChBC,OAAQ,IAAM,GACdC,UAAW,IAAM,GACjBC,cAAe,CACX,CAAEd,QAAS,aAAcC,IAAKc,KAAKC,MAAMC,cAGjDtB,MAAO,CACHK,QAAS,aACTC,IAAK,GACLC,QAAS,UAQRgB,EAAe,CACxBC,OAASZ,GAAUa,EAAA5B,EAAA,IAAmBe"}

package/build/es/components/tooltip/stories/Tooltip.stories.js

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as t}from"react/jsx-runtime";import{Tooltip as e}from"../Tooltip.js";import{TooltipContent as r}from"../TooltipContent.js";import{TooltipTrigger as i}from"../TooltipTrigger.js";const n={title:"Komponenter/Tooltip",component:e,subcomponents:{TooltipTrigger:i,TooltipContent:r},tags:["autodocs"],argTypes:{delay:{control:"number"},initialOpen:{control:"boolean"},placement:{control:"select",options:["top","top-start","top-end","left","right"]},triggerOn:{control:"select",options:["click","hover"]}}},l={args:{children:o("p",{children:"Klikk for å kopiere til utklippstavlen"}),delay:2e3,initialOpen:!1,placement:"top",triggerOn:"hover"},render:n=>t("p",{children:["Kontonummer:"," ",t(e,{...n,children:[o(i,{children:"1602 44 54979"}),o(r,{children:"Klikk for å kopiere til utklippstavlen"})]})]})};export{l as Tooltip,n as default};
+import{jsx as o,jsxs as t}from"react/jsx-runtime";import"react";import{Tooltip as e}from"../Tooltip.js";import{TooltipContent as r}from"../TooltipContent.js";import{TooltipTrigger as i}from"../TooltipTrigger.js";const n={title:"Komponenter/Tooltip",component:e,subcomponents:{TooltipTrigger:i,TooltipContent:r},tags:["autodocs"],argTypes:{delay:{control:"number"},initialOpen:{control:"boolean"},placement:{control:"select",options:["top","top-start","top-end","left","right"]},triggerOn:{control:"select",options:["click","hover"]}}},l={args:{children:o("p",{children:"Klikk for å kopiere til utklippstavlen"}),delay:2e3,initialOpen:!1,placement:"top",triggerOn:"hover"},render:n=>t("p",{children:["Kontonummer:"," ",t(e,{...n,children:[o(i,{children:"1602 44 54979"}),o(r,{children:"Klikk for å kopiere til utklippstavlen"})]})]})};export{l as Tooltip,n as default};
 //# sourceMappingURL=Tooltip.stories.js.map

package/build/es/components/tooltip/stories/Tooltip.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.stories.js","sources":["../../../../../src/components/tooltip/stories/Tooltip.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { Tooltip as TooltipComponent } from \"../Tooltip.js\";\nimport { TooltipContent } from \"../TooltipContent.js\";\nimport { TooltipTrigger } from \"../TooltipTrigger.js\";\n\nconst meta = {\n    title: \"Komponenter/Tooltip\",\n    component: TooltipComponent,\n    subcomponents: { TooltipTrigger, TooltipContent },\n    tags: [\"autodocs\"],\n    argTypes: {\n        delay: { control: \"number\" },\n        initialOpen: { control: \"boolean\" },\n        placement: {\n            control: \"select\",\n            options: [\"top\", \"top-start\", \"top-end\", \"left\", \"right\"],\n        },\n        triggerOn: { control: \"select\", options: [\"click\", \"hover\"] },\n    },\n} satisfies Meta<typeof TooltipComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Tooltip: Story = {\n    args: {\n        children: <p>Klikk for å kopiere til utklippstavlen</p>,\n        delay: 2000,\n        initialOpen: false,\n        placement: \"top\",\n        triggerOn: \"hover\",\n    },\n    render: (args) => (\n        <p>\n            Kontonummer:{\" \"}\n            <TooltipComponent {...args}>\n                <TooltipTrigger>1602 44 54979</TooltipTrigger>\n                <TooltipContent>\n                    Klikk for å kopiere til utklippstavlen\n                </TooltipContent>\n            </TooltipComponent>\n        </p>\n    ),\n};\n"],"names":["meta","title","component","TooltipComponent","subcomponents","TooltipTrigger","TooltipContent","tags","argTypes","delay","control","initialOpen","placement","options","triggerOn","Tooltip","args","children","jsx","render","jsxs"],"mappings":"sMAOA,MAAMA,EAAO,CACTC,MAAO,sBACPC,UAAWC,EACXC,cAAe,CAAEC,eAAAA,EAAgBC,eAAAA,GACjCC,KAAM,CAAC,YACPC,SAAU,CACNC,MAAO,CAAEC,QAAS,UAClBC,YAAa,CAAED,QAAS,WACxBE,UAAW,CACPF,QAAS,SACTG,QAAS,CAAC,MAAO,YAAa,UAAW,OAAQ,UAErDC,UAAW,CAAEJ,QAAS,SAAUG,QAAS,CAAC,QAAS,YAO9CE,EAAiB,CAC1BC,KAAM,CACFC,SAAWC,EAAA,IAAA,CAAED,SAAsC,2CACnDR,MAAO,IACPE,aAAa,EACbC,UAAW,MACXE,UAAW,SAEfK,OAASH,GACLI,EAAC,IAAE,CAAAH,SAAA,CAAA,eACc,IACbG,EAACjB,EAAkB,IAAGa,EAClBC,SAAA,CAAAC,EAACb,GAAeY,SAAa,kBAC7BC,EAACZ,GAAeW,SAEhB"}
+{"version":3,"file":"Tooltip.stories.js","sources":["../../../../../src/components/tooltip/stories/Tooltip.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { Tooltip as TooltipComponent } from \"../Tooltip.js\";\nimport { TooltipContent } from \"../TooltipContent.js\";\nimport { TooltipTrigger } from \"../TooltipTrigger.js\";\n\nconst meta = {\n    title: \"Komponenter/Tooltip\",\n    component: TooltipComponent,\n    subcomponents: { TooltipTrigger, TooltipContent },\n    tags: [\"autodocs\"],\n    argTypes: {\n        delay: { control: \"number\" },\n        initialOpen: { control: \"boolean\" },\n        placement: {\n            control: \"select\",\n            options: [\"top\", \"top-start\", \"top-end\", \"left\", \"right\"],\n        },\n        triggerOn: { control: \"select\", options: [\"click\", \"hover\"] },\n    },\n} satisfies Meta<typeof TooltipComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Tooltip: Story = {\n    args: {\n        children: <p>Klikk for å kopiere til utklippstavlen</p>,\n        delay: 2000,\n        initialOpen: false,\n        placement: \"top\",\n        triggerOn: \"hover\",\n    },\n    render: (args) => (\n        <p>\n            Kontonummer:{\" \"}\n            <TooltipComponent {...args}>\n                <TooltipTrigger>1602 44 54979</TooltipTrigger>\n                <TooltipContent>\n                    Klikk for å kopiere til utklippstavlen\n                </TooltipContent>\n            </TooltipComponent>\n        </p>\n    ),\n};\n"],"names":["meta","title","component","TooltipComponent","subcomponents","TooltipTrigger","TooltipContent","tags","argTypes","delay","control","initialOpen","placement","options","triggerOn","Tooltip","args","children","jsx","render","jsxs"],"mappings":"oNAOA,MAAMA,EAAO,CACTC,MAAO,sBACPC,UAAWC,EACXC,cAAe,CAAEC,eAAAA,EAAgBC,eAAAA,GACjCC,KAAM,CAAC,YACPC,SAAU,CACNC,MAAO,CAAEC,QAAS,UAClBC,YAAa,CAAED,QAAS,WACxBE,UAAW,CACPF,QAAS,SACTG,QAAS,CAAC,MAAO,YAAa,UAAW,OAAQ,UAErDC,UAAW,CAAEJ,QAAS,SAAUG,QAAS,CAAC,QAAS,YAO9CE,EAAiB,CAC1BC,KAAM,CACFC,SAAWC,EAAA,IAAA,CAAED,SAAsC,2CACnDR,MAAO,IACPE,aAAa,EACbC,UAAW,MACXE,UAAW,SAEfK,OAASH,GACLI,EAAC,IAAE,CAAAH,SAAA,CAAA,eACc,IACbG,EAACjB,EAAkB,IAAGa,EAClBC,SAAA,CAAAC,EAACb,GAAeY,SAAa,kBAC7BC,EAACZ,GAAeW,SAEhB"}

package/build/es/utilities/polymorphism/mergeRefs.js

@@ -1,2 +1,2 @@
-function n(...n){return e=>{for(const o of n)"function"==typeof o?o(e):null!=o&&(o.current=e)}}export{n as mergeRefs};
+import"react";function r(...r){return t=>{for(const e of r)"function"==typeof e?e(t):null!=e&&(e.current=t)}}export{r as mergeRefs};
 //# sourceMappingURL=mergeRefs.js.map

package/build/es/utilities/polymorphism/mergeRefs.js.map

@@ -1 +1 @@
-{"version":3,"file":"mergeRefs.js","sources":["../../../../src/utilities/polymorphism/mergeRefs.ts"],"sourcesContent":["import React from \"react\";\n\nexport type PossibleRef<T> = React.LegacyRef<T> | undefined;\n\nexport function mergeRefs<T>(\n    ...possibleRefs: PossibleRef<T>[]\n): React.RefCallback<T> {\n    return (instance) => {\n        for (const ref of possibleRefs) {\n            if (typeof ref === \"function\") {\n                ref(instance);\n            } else if (ref !== null && ref !== undefined) {\n                (ref as React.MutableRefObject<T | null>).current = instance;\n            }\n        }\n    };\n}\n"],"names":["mergeRefs","possibleRefs","instance","ref","current"],"mappings":"AAIO,SAASA,KACTC,GAEH,OAAQC,IACJ,IAAA,MAAWC,KAAOF,EACK,mBAARE,EACPA,EAAID,GACW,MAARC,IACNA,EAAyCC,QAAUF,EAAAA,CAIpE"}
+{"version":3,"file":"mergeRefs.js","sources":["../../../../src/utilities/polymorphism/mergeRefs.ts"],"sourcesContent":["import React from \"react\";\n\nexport type PossibleRef<T> = React.LegacyRef<T> | undefined;\n\nexport function mergeRefs<T>(\n    ...possibleRefs: PossibleRef<T>[]\n): React.RefCallback<T> {\n    return (instance) => {\n        for (const ref of possibleRefs) {\n            if (typeof ref === \"function\") {\n                ref(instance);\n            } else if (ref !== null && ref !== undefined) {\n                (ref as React.MutableRefObject<T | null>).current = instance;\n            }\n        }\n    };\n}\n"],"names":["mergeRefs","possibleRefs","instance","ref","current"],"mappings":"cAIO,SAASA,KACTC,GAEH,OAAQC,IACJ,IAAA,MAAWC,KAAOF,EACK,mBAARE,EACPA,EAAID,GACW,MAARC,IACNA,EAAyCC,QAAUF,EAAAA,CAIpE"}