@fremtind/jokul 0.67.0 → 0.68.0

package/build/cjs/components/modal/stories/CompleteModal.stories.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../button/Button.cjs"),o=require("../Modal.cjs");,/* empty css                            */;/* empty css                            */const r={title:"Komponenter/Modal/CompleteModal",component:o.ModalContainer,parameters:{layout:"centered"},tags:["autodocs"]},a={args:{id:"modal-container",role:"document","aria-hidden":!1,"aria-modal":!0,"aria-labelledby":"modal-title"},render:r=>e.jsxs(o.ModalContainer,{...r,children:[e.jsx(o.ModalOverlay,{}),e.jsxs(o.Modal,{role:"document",children:[e.jsxs(o.ModalHeader,{children:[e.jsx(o.ModalTitle,{"aria-level":1,role:"heading",id:"",children:"Tittel"}),e.jsx(o.ModalCloseButton,{type:"button","aria-label":"close"})]}),e.jsx(o.ModalBody,{children:"Er du sikker på at du vil slette Foo Bar Baz?"}),e.jsxs(o.ModalActions,{children:[e.jsx(t.Button,{variant:"primary","data-testid":"confirm-modal",children:"Slett"}),e.jsx(t.Button,{children:"Avbryt"})]})]})]})};exports.CompleteModal=a,exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");require("react");const t=require("../../button/Button.cjs"),o=require("../Modal.cjs");,/* empty css                            */;/* empty css                            */const r={title:"Komponenter/Modal/CompleteModal",component:o.ModalContainer,parameters:{layout:"centered"},tags:["autodocs"]},a={args:{id:"modal-container",role:"document","aria-hidden":!1,"aria-modal":!0,"aria-labelledby":"modal-title"},render:r=>e.jsxs(o.ModalContainer,{...r,children:[e.jsx(o.ModalOverlay,{}),e.jsxs(o.Modal,{role:"document",children:[e.jsxs(o.ModalHeader,{children:[e.jsx(o.ModalTitle,{"aria-level":1,role:"heading",id:"",children:"Tittel"}),e.jsx(o.ModalCloseButton,{type:"button","aria-label":"close"})]}),e.jsx(o.ModalBody,{children:"Er du sikker på at du vil slette Foo Bar Baz?"}),e.jsxs(o.ModalActions,{children:[e.jsx(t.Button,{variant:"primary","data-testid":"confirm-modal",children:"Slett"}),e.jsx(t.Button,{children:"Avbryt"})]})]})]})};exports.CompleteModal=a,exports.default=r;
 //# sourceMappingURL=CompleteModal.stories.cjs.map

package/build/cjs/components/modal/stories/CompleteModal.stories.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CompleteModal.stories.cjs","sources":["../../../../../src/components/modal/stories/CompleteModal.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Button } from \"../../button/Button.js\";\nimport {\n    Modal,\n    ModalActions,\n    ModalBody,\n    ModalCloseButton,\n    ModalContainer,\n    ModalHeader,\n    ModalOverlay,\n    ModalTitle,\n} from \"../Modal.js\";\nimport \"../../button/styles/_index.scss\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Modal/CompleteModal\",\n    component: ModalContainer,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof ModalContainer>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const CompleteModal: Story = {\n    args: {\n        id: \"modal-container\",\n        role: \"document\",\n        \"aria-hidden\": false,\n        \"aria-modal\": true,\n        \"aria-labelledby\": \"modal-title\",\n    },\n    render: (args) => (\n        <ModalContainer {...args}>\n            <ModalOverlay />\n            <Modal role=\"document\">\n                <ModalHeader>\n                    {/* biome-ignore lint/a11y/useSemanticElements: Dette fikser vi på en bedre måte ved refaktorering av komponenten */}\n                    <ModalTitle aria-level={1} role=\"heading\" id={\"\"}>\n                        Tittel\n                    </ModalTitle>\n                    <ModalCloseButton type=\"button\" aria-label=\"close\" />\n                </ModalHeader>\n                <ModalBody>\n                    Er du sikker på at du vil slette Foo Bar Baz?\n                </ModalBody>\n                <ModalActions>\n                    <Button variant=\"primary\" data-testid=\"confirm-modal\">\n                        Slett\n                    </Button>\n                    <Button>Avbryt</Button>\n                </ModalActions>\n            </Modal>\n        </ModalContainer>\n    ),\n};\n"],"names":["meta","title","component","ModalContainer","parameters","layout","tags","CompleteModal","args","id","role","render","jsxs","children","jsx","ModalOverlay","Modal","ModalHeader","ModalTitle","ModalCloseButton","type","ModalBody","ModalActions","Button","variant"],"mappings":"sSAgBA,MAAMA,EAAO,CACTC,MAAO,kCACPC,UAAWC,EAAAA,eACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAAuB,CAChCC,KAAM,CACFC,GAAI,kBACJC,KAAM,WACN,eAAe,EACf,cAAc,EACd,kBAAmB,eAEvBC,OAASH,GACJI,EAAAA,KAAAT,EAAAA,eAAA,IAAmBK,EAChBK,SAAA,CAAAC,EAAAA,IAACC,EAAaA,aAAA,IACdH,EAAAA,KAACI,EAAAA,MAAM,CAAAN,KAAK,WACRG,SAAA,CAAAD,OAACK,EAAAA,YAEG,CAAAJ,SAAA,CAAAC,EAAAA,IAACI,cAAW,aAAY,EAAGR,KAAK,UAAUD,GAAI,GAAII,SAElD,WACCC,EAAAA,IAAAK,EAAAA,iBAAA,CAAiBC,KAAK,SAAS,aAAW,aAE/CN,EAAAA,IAACO,aAAUR,SAEX,yDACCS,EAAAA,aACG,CAAAT,SAAA,CAAAC,MAACS,EAAAA,OAAO,CAAAC,QAAQ,UAAU,cAAY,gBAAgBX,SAEtD,UACAC,EAAAA,IAACS,UAAOV,SAAM"}
+{"version":3,"file":"CompleteModal.stories.cjs","sources":["../../../../../src/components/modal/stories/CompleteModal.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Button } from \"../../button/Button.js\";\nimport {\n    Modal,\n    ModalActions,\n    ModalBody,\n    ModalCloseButton,\n    ModalContainer,\n    ModalHeader,\n    ModalOverlay,\n    ModalTitle,\n} from \"../Modal.js\";\nimport \"../../button/styles/_index.scss\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Modal/CompleteModal\",\n    component: ModalContainer,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof ModalContainer>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const CompleteModal: Story = {\n    args: {\n        id: \"modal-container\",\n        role: \"document\",\n        \"aria-hidden\": false,\n        \"aria-modal\": true,\n        \"aria-labelledby\": \"modal-title\",\n    },\n    render: (args) => (\n        <ModalContainer {...args}>\n            <ModalOverlay />\n            <Modal role=\"document\">\n                <ModalHeader>\n                    {/* biome-ignore lint/a11y/useSemanticElements: Dette fikser vi på en bedre måte ved refaktorering av komponenten */}\n                    <ModalTitle aria-level={1} role=\"heading\" id={\"\"}>\n                        Tittel\n                    </ModalTitle>\n                    <ModalCloseButton type=\"button\" aria-label=\"close\" />\n                </ModalHeader>\n                <ModalBody>\n                    Er du sikker på at du vil slette Foo Bar Baz?\n                </ModalBody>\n                <ModalActions>\n                    <Button variant=\"primary\" data-testid=\"confirm-modal\">\n                        Slett\n                    </Button>\n                    <Button>Avbryt</Button>\n                </ModalActions>\n            </Modal>\n        </ModalContainer>\n    ),\n};\n"],"names":["meta","title","component","ModalContainer","parameters","layout","tags","CompleteModal","args","id","role","render","jsxs","children","jsx","ModalOverlay","Modal","ModalHeader","ModalTitle","ModalCloseButton","type","ModalBody","ModalActions","Button","variant"],"mappings":"6TAgBA,MAAMA,EAAO,CACTC,MAAO,kCACPC,UAAWC,EAAAA,eACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAAuB,CAChCC,KAAM,CACFC,GAAI,kBACJC,KAAM,WACN,eAAe,EACf,cAAc,EACd,kBAAmB,eAEvBC,OAASH,GACJI,EAAAA,KAAAT,EAAAA,eAAA,IAAmBK,EAChBK,SAAA,CAAAC,EAAAA,IAACC,EAAaA,aAAA,IACdH,EAAAA,KAACI,EAAAA,MAAM,CAAAN,KAAK,WACRG,SAAA,CAAAD,OAACK,EAAAA,YAEG,CAAAJ,SAAA,CAAAC,EAAAA,IAACI,cAAW,aAAY,EAAGR,KAAK,UAAUD,GAAI,GAAII,SAElD,WACCC,EAAAA,IAAAK,EAAAA,iBAAA,CAAiBC,KAAK,SAAS,aAAW,aAE/CN,EAAAA,IAACO,aAAUR,SAEX,yDACCS,EAAAA,aACG,CAAAT,SAAA,CAAAC,MAACS,EAAAA,OAAO,CAAAC,QAAQ,UAAU,cAAY,gBAAgBX,SAEtD,UACAC,EAAAA,IAACS,UAAOV,SAAM"}

package/build/cjs/components/modal/stories/ModalActions.stories.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");;/* empty css                            */const t=require("../../button/Button.cjs"),o=require("../Modal.cjs"),r={title:"Komponenter/Modal/ModalActions",component:o.ModalActions,parameters:{layout:"centered"},tags:["autodocs"]},n={render:r=>e.jsxs(o.ModalActions,{...r,children:[e.jsx(t.Button,{variant:"primary",onClick:()=>{console.log("Bekreft is clicked")},children:"Bekreft"}),e.jsx(t.Button,{variant:"tertiary",onClick:()=>{console.log("Avbryt is clicked")},children:"Avbryt"})]})};exports.ModalActions=n,exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");require("react");/* empty css                             */const t=require("../../button/Button.cjs"),o=require("../Modal.cjs"),r={title:"Komponenter/Modal/ModalActions",component:o.ModalActions,parameters:{layout:"centered"},tags:["autodocs"]},i={render:r=>e.jsxs(o.ModalActions,{...r,children:[e.jsx(t.Button,{variant:"primary",onClick:()=>{console.log("Bekreft is clicked")},children:"Bekreft"}),e.jsx(t.Button,{variant:"tertiary",onClick:()=>{console.log("Avbryt is clicked")},children:"Avbryt"})]})};exports.ModalActions=i,exports.default=r;
 //# sourceMappingURL=ModalActions.stories.cjs.map

package/build/cjs/components/modal/stories/ModalActions.stories.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalActions.stories.cjs","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","ModalActions","parameters","layout","tags","render","args","jsxs","children","jsx","Button","variant","onClick","console","log"],"mappings":"iQAMMA,EAAO,CACTC,MAAO,iCACPC,UAAWC,EAAAC,aACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEH,EAAsB,CAC/BI,OAASC,GACJC,EAAAA,KAAAP,EAAAC,aAAA,IAA0BK,EACvBE,SAAA,CAAAC,EAAAA,IAACC,EAAAA,OAAA,CACGC,QAAQ,UACRC,QAAS,KACLC,QAAQC,IAAI,qBAAoB,EAEvCN,SAAA,YAGDC,EAAAA,IAACC,EAAAA,OAAA,CACGC,QAAQ,WACRC,QAAS,KACLC,QAAQC,IAAI,oBAAmB,EAEtCN,SAAA"}
+{"version":3,"file":"ModalActions.stories.cjs","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","ModalActions","parameters","layout","tags","render","args","jsxs","children","jsx","Button","variant","onClick","console","log"],"mappings":"kRAMMA,EAAO,CACTC,MAAO,iCACPC,UAAWC,EAAAC,aACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEH,EAAsB,CAC/BI,OAASC,GACJC,EAAAA,KAAAP,EAAAC,aAAA,IAA0BK,EACvBE,SAAA,CAAAC,EAAAA,IAACC,EAAAA,OAAA,CACGC,QAAQ,UACRC,QAAS,KACLC,QAAQC,IAAI,qBAAoB,EAEvCN,SAAA,YAGDC,EAAAA,IAACC,EAAAA,OAAA,CACGC,QAAQ,WACRC,QAAS,KACLC,QAAQC,IAAI,oBAAmB,EAEtCN,SAAA"}

package/build/cjs/components/modal/stories/ModalCloseButton.stories.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");;/* empty css                            */const o=require("../../icon-button/IconButton.cjs"),t=require("../../icon/icons/CloseIcon.cjs"),n=require("../Modal.cjs"),r={title:"Komponenter/Modal/ModalCloseButton",component:n.ModalCloseButton,parameters:{layout:"centered"},tags:["autodocs"]},s={args:{type:"button","aria-label":"close"},render:r=>e.jsx(n.ModalCloseButton,{...r,children:e.jsx(o.IconButton,{children:e.jsx(t.CloseIcon,{variant:"medium"})})})};exports.ModalCloseButton=s,exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");,/* empty css                            */require("react");const o=require("../../icon-button/IconButton.cjs"),t=require("../../icon/icons/CloseIcon.cjs"),r=require("../Modal.cjs"),n={title:"Komponenter/Modal/ModalCloseButton",component:r.ModalCloseButton,parameters:{layout:"centered"},tags:["autodocs"]},s={args:{type:"button","aria-label":"close"},render:n=>e.jsx(r.ModalCloseButton,{...n,children:e.jsx(o.IconButton,{children:e.jsx(t.CloseIcon,{variant:"medium"})})})};exports.ModalCloseButton=s,exports.default=n;
 //# sourceMappingURL=ModalCloseButton.stories.cjs.map

package/build/cjs/components/modal/stories/ModalCloseButton.stories.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalCloseButton.stories.cjs","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","ModalCloseButton","parameters","layout","tags","args","type","render","jsx","children","IconButton","CloseIcon","variant"],"mappings":"sTAOMA,EAAO,CACTC,MAAO,qCACPC,UAAWC,EAAAC,iBACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEH,EAA0B,CACnCI,KAAM,CACFC,KAAM,SACN,aAAc,SAElBC,OAASF,GACLG,EAAAA,IAACR,uBAA8BK,EAC3BI,SAACD,EAAAA,IAAAE,EAAAA,WAAA,CACGD,SAACD,EAAAA,IAAAG,YAAA,CAAUC,QAAQ"}
+{"version":3,"file":"ModalCloseButton.stories.cjs","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","ModalCloseButton","parameters","layout","tags","args","type","render","jsx","children","IconButton","CloseIcon","variant"],"mappings":"uUAOMA,EAAO,CACTC,MAAO,qCACPC,UAAWC,EAAAC,iBACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEH,EAA0B,CACnCI,KAAM,CACFC,KAAM,SACN,aAAc,SAElBC,OAASF,GACLG,EAAAA,IAACR,uBAA8BK,EAC3BI,SAACD,EAAAA,IAAAE,EAAAA,WAAA,CACGD,SAACD,EAAAA,IAAAG,YAAA,CAAUC,QAAQ"}

package/build/cjs/components/progress-bar/ProgressBar.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=(a,r)=>0===r?0:100*a/r;exports.ProgressBar=({"aria-valuenow":e,"aria-valuemin":s=0,"aria-valuemax":t=100,title:l="Fremdrift",className:i,...o})=>{const c=`${r(e,t)}%`;return a.jsx("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.jsx("span",{className:"jkl-progress-bar__tracker",style:{width:c},"data-testid":"jkl-progress-bar__tracker"})})},exports.calculatePercentage=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("react");const e=(r,e)=>0===e?0:100*r/e;exports.ProgressBar=({"aria-valuenow":a,"aria-valuemin":t=0,"aria-valuemax":s=100,title:l="Fremdrift",className:i,...o})=>{const c=`${e(a,s)}%`;return r.jsx("div",{tabIndex:0,className:`jkl-progress-bar ${i??""}`,role:"progressbar",title:l,"aria-valuenow":a,"aria-valuemin":t,"aria-valuemax":s,"data-testid":"jkl-progress-bar",...o,children:r.jsx("span",{className:"jkl-progress-bar__tracker",style:{width:c},"data-testid":"jkl-progress-bar__tracker"})})},exports.calculatePercentage=e;
 //# sourceMappingURL=ProgressBar.cjs.map

package/build/cjs/components/progress-bar/ProgressBar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.cjs","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","value","min","max","title","className","rest","trackerWidth","jsx","tabIndex","role","children","style","width"],"mappings":"qHAGaA,EAAsB,CAACC,EAAiBC,IACvC,IAAVA,EAAc,EAAe,IAAVD,EAAiBC,sBAES,EAC7C,gBAAiBC,EACjB,gBAAiBC,EAAM,EACvB,gBAAiBC,EAAM,IACvBC,MAAAA,EAAQ,YACRC,UAAAA,KACGC,MAEH,MAAMC,EAAe,GAAGT,EAAoBG,EAAOE,MAG/C,OAAAK,EAAAA,IAAC,MAAA,CACGC,SAAU,EACVJ,UAAW,oBAAoBA,GAAa,KAC5CK,KAAK,cACLN,MAAAA,EACA,gBAAeH,EACf,gBAAeC,EACf,gBAAeC,EACf,cAAY,sBACRG,EAEJK,SAAAH,EAAAA,IAAC,OAAA,CACGH,UAAU,4BACVO,MAAO,CAAEC,MAAON,GAChB,cAAY,+BAChB"}
+{"version":3,"file":"ProgressBar.cjs","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","value","min","max","title","className","rest","trackerWidth","jsx","tabIndex","role","children","style","width"],"mappings":"sIAGa,MAAAA,EAAsB,CAACC,EAAiBC,IACvC,IAAVA,EAAc,EAAe,IAAVD,EAAiBC,sBAES,EAC7C,gBAAiBC,EACjB,gBAAiBC,EAAM,EACvB,gBAAiBC,EAAM,IACvBC,MAAAA,EAAQ,YACRC,UAAAA,KACGC,MAEH,MAAMC,EAAe,GAAGT,EAAoBG,EAAOE,MAG/C,OAAAK,EAAAA,IAAC,MAAA,CACGC,SAAU,EACVJ,UAAW,oBAAoBA,GAAa,KAC5CK,KAAK,cACLN,MAAAA,EACA,gBAAeH,EACf,gBAAeC,EACf,gBAAeC,EACf,cAAY,sBACRG,EAEJK,SAAAH,EAAAA,IAAC,OAAA,CACGH,UAAU,4BACVO,MAAO,CAAEC,MAAON,GAChB,cAAY,+BAChB"}

package/build/cjs/components/progress-bar/stories/ProgressBar.stories.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../ProgressBar.cjs"),s={title:"Komponenter/ProgressBar",component:r.ProgressBar,parameters:{layout:"centered"},tags:["autodocs"]},a={args:{"aria-valuenow":0,"aria-valuemin":0,"aria-valuemax":100},render:s=>e.jsx("div",{...s,style:{width:"100%",minWidth:"240px"},children:e.jsx(r.ProgressBar,{...s})})};exports.ProgressBar=a,exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../ProgressBar.cjs");require("react");const s={title:"Komponenter/ProgressBar",component:r.ProgressBar,parameters:{layout:"centered"},tags:["autodocs"]},a={args:{"aria-valuenow":0,"aria-valuemin":0,"aria-valuemax":100},render:s=>e.jsx("div",{...s,style:{width:"100%",minWidth:"240px"},children:e.jsx(r.ProgressBar,{...s})})};exports.ProgressBar=a,exports.default=s;
 //# sourceMappingURL=ProgressBar.stories.cjs.map

package/build/cjs/components/progress-bar/stories/ProgressBar.stories.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.stories.cjs","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","ProgressBar","parameters","layout","tags","args","render","style","width","minWidth","children"],"mappings":"iLAKMA,EAAa,CACfC,MAAO,0BACPC,UAAWC,EAAAC,YACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEH,EAAqB,CAC9BI,KAAM,CACF,gBAAiB,EACjB,gBAAiB,EACjB,gBAAiB,KAErBC,OAASD,SACJ,MAAK,IAAGA,EAAME,MAAO,CAAEC,MAAO,OAAQC,SAAU,SAC7CC,eAACV,EAAAA,YAAsB,IAAGK"}
+{"version":3,"file":"ProgressBar.stories.cjs","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","ProgressBar","parameters","layout","tags","args","render","style","width","minWidth","children"],"mappings":"kMAKA,MAAMA,EAAa,CACfC,MAAO,0BACPC,UAAWC,EAAAC,YACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEH,EAAqB,CAC9BI,KAAM,CACF,gBAAiB,EACjB,gBAAiB,EACjB,gBAAiB,KAErBC,OAASD,SACJ,MAAK,IAAGA,EAAME,MAAO,CAAEC,MAAO,OAAQC,SAAU,SAC7CC,eAACV,EAAAA,YAAsB,IAAGK"}

package/build/cjs/components/radio-button/RadioButtonGroup.cjs

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

package/build/cjs/components/radio-button/RadioButtonGroup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButtonGroup.cjs","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":["props","name","value","onChange","errorLabel","inline","density","labelProps","variant","rest","jsx","RadioGroupContextProvider","state","invalid","children","FieldGroup","role"],"mappings":"8NAK4DA,IAClD,MACFC,KAAAA,EACAC,MAAAA,EACAC,SAAAA,EACAC,WAAAA,EACAC,OAAAA,GAAS,EACTC,QAAAA,EACAC,WAAAA,EAAa,CAAEC,QAAS,aACrBC,GACHT,EAGA,OAAAU,EAAAA,IAACC,EAAAA,0BAAA,CACGC,MAAO,CACHT,SAAAA,EACAD,MAAAA,EACAD,KAAAA,EACAY,UAAiBT,EACjBC,OAAAA,EACAC,QAAAA,GAGJQ,SAAAJ,EAAAA,IAACK,EAAAA,WAAA,CACGX,WAAAA,EACAG,WAAAA,EACA,cAAY,yBACZD,QAAAA,KACIG,EACJO,KAAK,aACL,iBAAsBZ,KAC1B"}
+{"version":3,"file":"RadioButtonGroup.cjs","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":["props","name","value","onChange","errorLabel","inline","density","labelProps","variant","rest","jsx","RadioGroupContextProvider","state","invalid","children","FieldGroup","role"],"mappings":"qPAK4DA,IAClD,MACFC,KAAAA,EACAC,MAAAA,EACAC,SAAAA,EACAC,WAAAA,EACAC,OAAAA,GAAS,EACTC,QAAAA,EACAC,WAAAA,EAAa,CAAEC,QAAS,aACrBC,GACHT,EAGA,OAAAU,EAAAA,IAACC,EAAAA,0BAAA,CACGC,MAAO,CACHT,SAAAA,EACAD,MAAAA,EACAD,KAAAA,EACAY,UAAiBT,EACjBC,OAAAA,EACAC,QAAAA,GAGJQ,SAAAJ,EAAAA,IAACK,EAAAA,WAAA,CACGX,WAAAA,EACAG,WAAAA,EACA,cAAY,yBACZD,QAAAA,KACIG,EACJO,KAAK,aACL,iBAAsBZ,KAC1B"}

package/build/cjs/components/radio-button/stories/RadioButtonGroup.stories.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../RadioButton.cjs"),o=require("../RadioButtonGroup.cjs");;/* empty css                            */const r={title:"Komponenter/RadioButton/RadioButtonGroup",component:o.RadioButtonGroup,parameters:{layout:"centered"},tags:["autodocs"]},n=["Send en e-post","Ring meg","Send et brev til folkeregistrert adresse"],u={args:{legend:"Dette er en RadioButtonGroup"},render:r=>e.jsx(o.RadioButtonGroup,{...r,children:n.map((o=>e.jsx(t.RadioButton,{value:o,children:o},o)))})};exports.RadioButtonGroup=u,exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../RadioButton.cjs"),o=require("../RadioButtonGroup.cjs");,/* empty css                            */require("react");const r={title:"Komponenter/RadioButton/RadioButtonGroup",component:o.RadioButtonGroup,parameters:{layout:"centered"},tags:["autodocs"]},u=["Send en e-post","Ring meg","Send et brev til folkeregistrert adresse"],n={args:{legend:"Dette er en RadioButtonGroup"},render:r=>e.jsx(o.RadioButtonGroup,{...r,children:u.map((o=>e.jsx(t.RadioButton,{value:o,children:o},o)))})};exports.RadioButtonGroup=n,exports.default=r;
 //# sourceMappingURL=RadioButtonGroup.stories.cjs.map

package/build/cjs/components/radio-button/stories/RadioButtonGroup.stories.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButtonGroup.stories.cjs","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","RadioButtonGroup","parameters","layout","tags","choices","args","legend","render","jsx","children","map","value","RadioButton"],"mappings":"iQAMA,MAAMA,EAAa,CACfC,MAAO,2CACPC,UAAWC,EAAAC,iBACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOLC,EAAU,CACZ,iBACA,WACA,4CAGSJ,EAA0B,CACnCK,KAAM,CACFC,OAAQ,gCAEZC,OAASF,GACJG,MAAAT,EAAAA,iBAAA,IAA8BM,EAC1BI,SAAAL,EAAQM,KAAKC,GACTH,EAAAA,IAAAI,EAAAA,YAAA,CAAwBD,MAAAA,EACpBF,SADaE,GAAAA"}
+{"version":3,"file":"RadioButtonGroup.stories.cjs","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","RadioButtonGroup","parameters","layout","tags","choices","args","legend","render","jsx","children","map","value","RadioButton"],"mappings":"kRAMA,MAAMA,EAAa,CACfC,MAAO,2CACPC,UAAWC,EAAAC,iBACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOLC,EAAU,CACZ,iBACA,WACA,4CAGSJ,EAA0B,CACnCK,KAAM,CACFC,OAAQ,gCAEZC,OAASF,GACJG,MAAAT,EAAAA,iBAAA,IAA8BM,EAC1BI,SAAAL,EAAQM,KAAKC,GACTH,EAAAA,IAAAI,EAAAA,YAAA,CAAwBD,MAAAA,EACpBF,SADaE,GAAAA"}

package/build/cjs/components/radio-panel/stories/RadioPanel.stories.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("../RadioPanel.cjs"),r={title:"Komponenter/RadioPanel",component:a.RadioPanel,parameters:{layout:"padded"},argTypes:{extraLabel:{control:"text"}},tags:["autodocs"]},s={args:{label:"Kasko",children:e.jsx("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.jsx(a.RadioPanel,{...r})};exports.RadioPanel=s,exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");require("react");const a=require("../RadioPanel.cjs"),r={title:"Komponenter/RadioPanel",component:a.RadioPanel,parameters:{layout:"padded"},argTypes:{extraLabel:{control:"text"}},tags:["autodocs"]},s={args:{label:"Kasko",children:e.jsx("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.jsx(a.RadioPanel,{...r})};exports.RadioPanel=s,exports.default=r;
 //# sourceMappingURL=RadioPanel.stories.cjs.map

package/build/cjs/components/radio-panel/stories/RadioPanel.stories.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RadioPanel.stories.cjs","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","RadioPanel","parameters","layout","argTypes","extraLabel","control","tags","args","label","children","jsx","value","alwaysOpen","render"],"mappings":"gLAKMA,EAAO,CACTC,MAAO,yBACPC,UAAWC,EAAAC,WACXC,WAAY,CACRC,OAAQ,UAEZC,SAAU,CACNC,WAAY,CACRC,QAAS,SAGjBC,KAAM,CAAC,aAMEN,EAAoB,CAC7BO,KAAM,CACFC,MAAO,QACPC,SACKC,EAAAA,IAAA,IAAA,CAAED,SAIH,4IAEJL,WAAY,WACZO,MAAO,QACPC,YAAY,GAEhBC,OAASN,GAAUG,EAAAA,IAAAX,EAAAA,WAAA,IAAwBQ"}
+{"version":3,"file":"RadioPanel.stories.cjs","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","RadioPanel","parameters","layout","argTypes","extraLabel","control","tags","args","label","children","jsx","value","alwaysOpen","render"],"mappings":"uMAKMA,EAAO,CACTC,MAAO,yBACPC,UAAWC,EAAAC,WACXC,WAAY,CACRC,OAAQ,UAEZC,SAAU,CACNC,WAAY,CACRC,QAAS,SAGjBC,KAAM,CAAC,aAMEN,EAAoB,CAC7BO,KAAM,CACFC,MAAO,QACPC,SACKC,EAAAA,IAAA,IAAA,CAAED,SAIH,4IAEJL,WAAY,WACZO,MAAO,QACPC,YAAY,GAEhBC,OAASN,GAAUG,EAAAA,IAAAX,EAAAA,WAAA,IAAwBQ"}

package/build/cjs/components/select/stories/select.stories.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("../Select.cjs"),t={title:"Komponenter/Select",component:l.Select,parameters:{layout:"padded"},tags:["autodocs"]},a={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:({...t})=>e.jsx(l.Select,{...t})};exports.SelectStory=a,exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");require("react");const l=require("../Select.cjs"),t={title:"Komponenter/Select",component:l.Select,parameters:{layout:"padded"},tags:["autodocs"]},a={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:({...t})=>e.jsx(l.Select,{...t})};exports.SelectStory=a,exports.default=t;
 //# sourceMappingURL=select.stories.cjs.map

package/build/cjs/components/select/stories/select.stories.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"select.stories.cjs","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":"4KAKMA,EAAa,CACfC,MAAO,qBACPC,UAAWC,EAAAA,OACXC,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,EAAAA,IAACZ,SAAQ,IAAGW"}
+{"version":3,"file":"select.stories.cjs","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":"mMAKMA,EAAa,CACfC,MAAO,qBACPC,UAAWC,EAAAA,OACXC,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,EAAAA,IAACZ,SAAQ,IAAGW"}

package/build/cjs/components/summary-table/SummaryTable.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../../clsx-E3yX_9sL.cjs");exports.SummaryTable=({className:r,caption:l,header:c,body:t,footer:a,...o})=>e.jsxs("table",{...o,className:s.clsx("jkl-summary-table",r),children:[l&&e.jsx("caption",{className:"jkl-sr-only",children:l}),e.jsx("thead",{className:"jkl-sr-only",children:e.jsx("tr",{children:c.map(((s,r)=>e.jsx("th",{scope:"col",children:s},r)))})}),e.jsx("tbody",{children:t}),e.jsx("tfoot",{children:a})]});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../clsx-E3yX_9sL.cjs");require("react");exports.SummaryTable=({className:s,caption:l,header:c,body:t,footer:a,...o})=>e.jsxs("table",{...o,className:r.clsx("jkl-summary-table",s),children:[l&&e.jsx("caption",{className:"jkl-sr-only",children:l}),e.jsx("thead",{className:"jkl-sr-only",children:e.jsx("tr",{children:c.map(((r,s)=>e.jsx("th",{scope:"col",children:r},s)))})}),e.jsx("tbody",{children:t}),e.jsx("tfoot",{children:a})]});
 //# sourceMappingURL=SummaryTable.cjs.map

package/build/cjs/components/summary-table/SummaryTable.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SummaryTable.cjs","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":["className","caption","header","body","footer","rest","jsxs","clsx","children","jsx","map","description","index","scope"],"mappings":"kLAImD,EAC/CA,UAAAA,EACAC,QAAAA,EACAC,OAAAA,EACAC,KAAAA,EACAC,OAAAA,KACGC,KAGCC,EAAAA,KAAC,YAAUD,EAAML,UAAWO,EAAAA,KAAK,oBAAqBP,GACjDQ,SAAA,CAAAP,GAAYQ,EAAAA,IAAA,UAAA,CAAQT,UAAU,cAAeQ,SAAQP,UAErD,QAAM,CAAAD,UAAU,cACbQ,SAACC,EAAAA,IAAA,KAAA,CACID,WAAOE,KAAI,CAACC,EAAaC,IACtBH,EAAAA,IAAC,MAAGI,MAAM,MACLL,YADgBI,SAOjCH,EAAAA,IAAC,SAAOD,SAAKL,IAEbM,EAAAA,IAAC,SAAOD,SAAOJ"}
+{"version":3,"file":"SummaryTable.cjs","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":["className","caption","header","body","footer","rest","jsxs","clsx","children","jsx","map","description","index","scope"],"mappings":"mMAImD,EAC/CA,UAAAA,EACAC,QAAAA,EACAC,OAAAA,EACAC,KAAAA,EACAC,OAAAA,KACGC,KAGCC,EAAAA,KAAC,YAAUD,EAAML,UAAWO,EAAAA,KAAK,oBAAqBP,GACjDQ,SAAA,CAAAP,GAAYQ,EAAAA,IAAA,UAAA,CAAQT,UAAU,cAAeQ,SAAQP,UAErD,QAAM,CAAAD,UAAU,cACbQ,SAACC,EAAAA,IAAA,KAAA,CACID,WAAOE,KAAI,CAACC,EAAaC,IACtBH,EAAAA,IAAC,MAAGI,MAAM,MACLL,YADgBI,SAOjCH,EAAAA,IAAC,SAAOD,SAAKL,IAEbM,EAAAA,IAAC,SAAOD,SAAOJ"}

package/build/cjs/components/summary-table/SummaryTableRow.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");exports.SummaryTableRow=({className:r,header:t,content:s,...c})=>e.jsxs("tr",{...c,className:r,children:[e.jsx("th",{scope:"row",children:t}),e.jsx("td",{children:s})]});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");exports.SummaryTableRow=({className:r,header:t,content:s,...c})=>e.jsxs("tr",{...c,className:r,children:[e.jsx("th",{scope:"row",children:t}),e.jsx("td",{children:s})]});
 //# sourceMappingURL=SummaryTableRow.cjs.map

package/build/cjs/components/summary-table/SummaryTableRow.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SummaryTableRow.cjs","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":["className","header","content","rest","jsxs","children","jsx","scope"],"mappings":"6IAGyD,EACrDA,UAAAA,EACAC,OAAAA,EACAC,QAAAA,KACGC,KAGEC,EAAAA,KAAA,KAAA,IAAOD,EAAMH,UAAAA,EACVK,SAAA,CAACC,EAAAA,IAAA,KAAA,CAAGC,MAAM,MAAOF,SAAOJ,IACxBK,EAAAA,IAAC,MAAID,SAAQH"}
+{"version":3,"file":"SummaryTableRow.cjs","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":["className","header","content","rest","jsxs","children","jsx","scope"],"mappings":"8JAGyD,EACrDA,UAAAA,EACAC,OAAAA,EACAC,QAAAA,KACGC,KAGEC,EAAAA,KAAA,KAAA,IAAOD,EAAMH,UAAAA,EACVK,SAAA,CAACC,EAAAA,IAAA,KAAA,CAAGC,MAAM,MAAOF,SAAOJ,IACxBK,EAAAA,IAAC,MAAID,SAAQH"}

package/build/cjs/components/summary-table/mocks.cjs

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

package/build/cjs/components/summary-table/mocks.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"mocks.cjs","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":"wJAGMA,EAAc,IAEPC,EAAa,CAAC,UAAW,SACzBC,EAELC,EAAAA,KAAAC,WAAA,CAAAC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,gBAAA,CACGC,OAAQ,QAAQR,WAChBS,QAAQ,kBAEZH,EAAAA,IAACC,EAAAA,gBAAA,CACGG,UAAU,oCACVF,OAAQ,OAAOR,cACfS,QAAQ,wBAEZH,EAAAA,IAACC,EAAAA,gBAAA,CACGC,OAAQ,QAAQR,cAChBS,QAAQ,kBAEZH,EAAAA,IAACC,EAAAA,gBAAA,CACGC,OAAQ,QAAQR,cAChBS,QAAQ,kBAEZH,EAAAA,IAACC,EAAAA,gBAAA,CACGG,UAAU,oCACVF,OAAO,SACPC,QAAQ,sBAIPE,EAELR,EAAAA,KAAAC,WAAA,CAAAC,SAAA,CAAAC,EAAAA,IAACC,EAAgBA,gBAAA,CAAAC,OAAO,YAAYC,QAAQ,kBAC5CH,EAAAA,IAACC,EAAAA,gBAAA,CACGC,OAAQF,EAAAA,IAAC,OAAK,CAAAI,UAAU,cAAcL,SAAgB,qBACtDI,QAAQ,sBAKPG,EAAY,CACrBJ,OAAQP,EACRY,KAAMX,EACNY,OAAQH,EACRI,QAAS"}
+{"version":3,"file":"mocks.cjs","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":"+KAGMA,EAAc,IAEPC,EAAa,CAAC,UAAW,SACzBC,EAELC,EAAAA,KAAAC,WAAA,CAAAC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,gBAAA,CACGC,OAAQ,QAAQR,WAChBS,QAAQ,kBAEZH,EAAAA,IAACC,EAAAA,gBAAA,CACGG,UAAU,oCACVF,OAAQ,OAAOR,cACfS,QAAQ,wBAEZH,EAAAA,IAACC,EAAAA,gBAAA,CACGC,OAAQ,QAAQR,cAChBS,QAAQ,kBAEZH,EAAAA,IAACC,EAAAA,gBAAA,CACGC,OAAQ,QAAQR,cAChBS,QAAQ,kBAEZH,EAAAA,IAACC,EAAAA,gBAAA,CACGG,UAAU,oCACVF,OAAO,SACPC,QAAQ,sBAIPE,EAELR,EAAAA,KAAAC,WAAA,CAAAC,SAAA,CAAAC,EAAAA,IAACC,EAAgBA,gBAAA,CAAAC,OAAO,YAAYC,QAAQ,kBAC5CH,EAAAA,IAACC,EAAAA,gBAAA,CACGC,OAAQF,EAAAA,IAAC,OAAK,CAAAI,UAAU,cAAcL,SAAgB,qBACtDI,QAAQ,sBAKPG,EAAY,CACrBJ,OAAQP,EACRY,KAAMX,EACNY,OAAQH,EACRI,QAAS"}

package/build/cjs/components/summary-table/stories/summary-table.stories.cjs

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

package/build/cjs/components/summary-table/stories/summary-table.stories.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"summary-table.stories.cjs","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","SummaryTable","parameters","layout","tags","SOFT_HYPHEN","args","caption","header","body","jsxs","Fragment","children","jsx","SummaryTableRow","content","className","footer"],"mappings":"sNAMMA,EAAO,CACTC,MAAO,2BACPC,UAAWC,EAAAC,aACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,aAMLC,EAAc,IAEPJ,EAAsB,CAC/BK,KAAM,CACFC,QAAS,UACTC,OAAQ,CAAC,UAAW,SACpBC,KAEQC,EAAAA,KAAAC,WAAA,CAAAC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,gBAAA,CACGN,OAAQ,QAAQH,WAChBU,QAAQ,kBAEZF,EAAAA,IAACC,EAAAA,gBAAA,CACGE,UAAU,oCACVR,OAAQ,OAAOH,cACfU,QAAQ,wBAEZF,EAAAA,IAACC,EAAAA,gBAAA,CACGN,OAAQ,QAAQH,cAChBU,QAAQ,kBAEZF,EAAAA,IAACC,EAAAA,gBAAA,CACGN,OAAQ,QAAQH,cAChBU,QAAQ,kBAEZF,EAAAA,IAACC,EAAAA,gBAAA,CACGE,UAAU,oCACVR,OAAO,SACPO,QAAQ,sBAIpBE,OAEQP,EAAAA,KAAAC,WAAA,CAAAC,SAAA,CAAAC,EAAAA,IAACC,EAAgBA,gBAAA,CAAAN,OAAO,YAAYO,QAAQ,kBAC5CF,EAAAA,IAACC,EAAAA,gBAAA,CACGN,OACIK,EAAAA,IAAC,OAAK,CAAAG,UAAU,cAAcJ,SAAgB,qBAElDG,QAAQ"}
+{"version":3,"file":"summary-table.stories.cjs","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","SummaryTable","parameters","layout","tags","SOFT_HYPHEN","args","caption","header","body","jsxs","Fragment","children","jsx","SummaryTableRow","content","className","footer"],"mappings":"6OAMMA,EAAO,CACTC,MAAO,2BACPC,UAAWC,EAAAC,aACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,aAMLC,EAAc,IAEPJ,EAAsB,CAC/BK,KAAM,CACFC,QAAS,UACTC,OAAQ,CAAC,UAAW,SACpBC,KAEQC,EAAAA,KAAAC,WAAA,CAAAC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,gBAAA,CACGN,OAAQ,QAAQH,WAChBU,QAAQ,kBAEZF,EAAAA,IAACC,EAAAA,gBAAA,CACGE,UAAU,oCACVR,OAAQ,OAAOH,cACfU,QAAQ,wBAEZF,EAAAA,IAACC,EAAAA,gBAAA,CACGN,OAAQ,QAAQH,cAChBU,QAAQ,kBAEZF,EAAAA,IAACC,EAAAA,gBAAA,CACGN,OAAQ,QAAQH,cAChBU,QAAQ,kBAEZF,EAAAA,IAACC,EAAAA,gBAAA,CACGE,UAAU,oCACVR,OAAO,SACPO,QAAQ,sBAIpBE,OAEQP,EAAAA,KAAAC,WAAA,CAAAC,SAAA,CAAAC,EAAAA,IAACC,EAAgBA,gBAAA,CAAAN,OAAO,YAAYO,QAAQ,kBAC5CF,EAAAA,IAACC,EAAAA,gBAAA,CACGN,OACIK,EAAAA,IAAC,OAAK,CAAAG,UAAU,cAAcJ,SAAgB,qBAElDG,QAAQ"}

package/build/cjs/components/system-message/SystemMessage.cjs

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

package/build/cjs/components/system-message/SystemMessage.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SystemMessage.cjs","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":"sRASA,SAASA,EACLC,GA2DO,MAzD6C,EAChDC,GAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,gBAAAA,EACAC,YAAAA,EACAC,KAAAA,EAAO,SACPC,UAAAA,EACAC,cAAAA,EACAC,SAAAA,KACGC,MAEG,MAAAC,EAAWC,EAAAA,MAAMX,GAAM,qBAAsB,CAC/CY,gBAAiBZ,IAIjB,OAAAa,EAAAA,IAAC,MAAA,CACGR,KAAAA,KACII,EACJT,GAAIU,EACJT,UAAWa,EAAAA,KACP,qBACA,uBAAuBf,IACvBE,EACA,CACI,gCAAiCK,IAGzC,eAAcJ,EAEdM,SAAAO,EAAAA,KAAC,MAAA,CACGd,UAAU,8BACV,cAAY,yBACZ,aAAW,QACXe,MAAO,CACHC,SAAUd,EACVC,YAAAA,GAGJI,SAAA,CAAAK,MAACK,EAAAA,aAAYnB,YAAAA,IACZc,EAAAA,IAAA,OAAA,CAAKZ,UAAU,8BACXO,SAAAA,KAEJ,MAAAD,OAAAA,EAAAA,EAAeY,gBACZN,EAAAA,IAACO,EAAAA,cAAA,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.cjs","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":"6SASA,SAASA,EACLC,GA2DO,MAzD6C,EAChDC,GAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,gBAAAA,EACAC,YAAAA,EACAC,KAAAA,EAAO,SACPC,UAAAA,EACAC,cAAAA,EACAC,SAAAA,KACGC,MAEG,MAAAC,EAAWC,EAAAA,MAAMX,GAAM,qBAAsB,CAC/CY,gBAAiBZ,IAIjB,OAAAa,EAAAA,IAAC,MAAA,CACGR,KAAAA,KACII,EACJT,GAAIU,EACJT,UAAWa,EAAAA,KACP,qBACA,uBAAuBf,IACvBE,EACA,CACI,gCAAiCK,IAGzC,eAAcJ,EAEdM,SAAAO,EAAAA,KAAC,MAAA,CACGd,UAAU,8BACV,cAAY,yBACZ,aAAW,QACXe,MAAO,CACHC,SAAUd,EACVC,YAAAA,GAGJI,SAAA,CAAAK,MAACK,EAAAA,aAAYnB,YAAAA,IACZc,EAAAA,IAAA,OAAA,CAAKZ,UAAU,8BACXO,SAAAA,KAEJ,MAAAD,OAAA,EAAAA,EAAeY,gBACZN,EAAAA,IAACO,EAAAA,cAAA,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/cjs/components/system-message/common/MessageIcon.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),e=require("../../icon/icons/ErrorIcon.cjs"),c=require("../../icon/icons/InfoIcon.cjs"),n=require("../../icon/icons/SuccessIcon.cjs"),r=require("../../icon/icons/WarningIcon.cjs");exports.MessageIcon=({messageType:o})=>{switch(o){case"error":return s.jsx(e.ErrorIcon,{className:"jkl-system-message__icon"});case"info":return s.jsx(c.InfoIcon,{className:"jkl-system-message__icon"});case"success":return s.jsx(n.SuccessIcon,{className:"jkl-system-message__icon"});case"warning":return s.jsx(r.WarningIcon,{className:"jkl-system-message__icon"});default:return null}};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");const s=require("../../icon/icons/ErrorIcon.cjs"),c=require("../../icon/icons/InfoIcon.cjs"),r=require("../../icon/icons/SuccessIcon.cjs"),n=require("../../icon/icons/WarningIcon.cjs");exports.MessageIcon=({messageType:o})=>{switch(o){case"error":return e.jsx(s.ErrorIcon,{className:"jkl-system-message__icon"});case"info":return e.jsx(c.InfoIcon,{className:"jkl-system-message__icon"});case"success":return e.jsx(r.SuccessIcon,{className:"jkl-system-message__icon"});case"warning":return e.jsx(n.WarningIcon,{className:"jkl-system-message__icon"});default:return null}};
 //# sourceMappingURL=MessageIcon.cjs.map

package/build/cjs/components/system-message/common/MessageIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MessageIcon.cjs","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":["messageType","jsx","ErrorIcon","className","InfoIcon","SuccessIcon","WarningIcon"],"mappings":"4TAYsC,EAAGA,YAAAA,MACrC,OAAQA,GACJ,IAAK,QACM,OAAAC,EAAAA,IAACC,EAAUA,UAAA,CAAAC,UAAU,6BAChC,IAAK,OACM,OAAAF,EAAAA,IAACG,EAASA,SAAA,CAAAD,UAAU,6BAC/B,IAAK,UACM,OAAAF,EAAAA,IAACI,EAAYA,YAAA,CAAAF,UAAU,6BAClC,IAAK,UACM,OAAAF,EAAAA,IAACK,EAAYA,YAAA,CAAAH,UAAU,6BAElC,QACW,OAAA,KACf"}
+{"version":3,"file":"MessageIcon.cjs","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":["messageType","jsx","ErrorIcon","className","InfoIcon","SuccessIcon","WarningIcon"],"mappings":"mVAYsC,EAAGA,YAAAA,MACrC,OAAQA,GACJ,IAAK,QACM,OAAAC,EAAAA,IAACC,EAAUA,UAAA,CAAAC,UAAU,6BAChC,IAAK,OACM,OAAAF,EAAAA,IAACG,EAASA,SAAA,CAAAD,UAAU,6BAC/B,IAAK,UACM,OAAAF,EAAAA,IAACI,EAAYA,YAAA,CAAAF,UAAU,6BAClC,IAAK,UACM,OAAAF,EAAAA,IAACK,EAAYA,YAAA,CAAAH,UAAU,6BAElC,QACW,OAAA,KACf"}

package/build/cjs/components/table/stories/table.stories.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../Table.cjs"),a=require("../TableBody.cjs"),l=require("../TableCaption.cjs"),n=require("../TableCell.cjs"),t=require("../TableHead.cjs"),i=require("../TableHeader.cjs"),s=require("../TableRow.cjs"),d={title:"Komponenter/Table",component:r.Table,parameters:{layout:"centered"},tags:["autodocs"]},o=["Dato","Saksnummer","Kundenummer","Kundenavn","Milepæl","Følger saken"],c={args:{caption:e.jsx(l.TableCaption,{srOnly:!0,children:"Overskrift for skjermlesere"}),children:e.jsxs(e.Fragment,{children:[e.jsx(t.TableHead,{children:e.jsx(s.TableRow,{children:o.map(((r,a)=>e.jsx(i.TableHeader,{bold:!0,children:r},a)))})}),e.jsx(a.TableBody,{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.jsx(s.TableRow,{children:r.map(((r,a)=>e.jsx(n.TableCell,{"data-th":o[a],align:[1,2].includes(a)?"right":"left",children:r},a)))},a)))})]})},render:a=>e.jsx(r.Table,{caption:a.caption,fullWidth:!0,children:a.children})};exports.TableComponent=c,exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");require("react");const r=require("../Table.cjs"),a=require("../TableBody.cjs"),l=require("../TableCaption.cjs"),n=require("../TableCell.cjs"),t=require("../TableHead.cjs"),i=require("../TableHeader.cjs"),s=require("../TableRow.cjs"),d={title:"Komponenter/Table",component:r.Table,parameters:{layout:"centered"},tags:["autodocs"]},o=["Dato","Saksnummer","Kundenummer","Kundenavn","Milepæl","Følger saken"],c={args:{caption:e.jsx(l.TableCaption,{srOnly:!0,children:"Overskrift for skjermlesere"}),children:e.jsxs(e.Fragment,{children:[e.jsx(t.TableHead,{children:e.jsx(s.TableRow,{children:o.map(((r,a)=>e.jsx(i.TableHeader,{bold:!0,children:r},a)))})}),e.jsx(a.TableBody,{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.jsx(s.TableRow,{children:r.map(((r,a)=>e.jsx(n.TableCell,{"data-th":o[a],align:[1,2].includes(a)?"right":"left",children:r},a)))},a)))})]})},render:a=>e.jsx(r.Table,{caption:a.caption,fullWidth:!0,children:a.children})};exports.TableComponent=c,exports.default=d;
 //# sourceMappingURL=table.stories.cjs.map

package/build/cjs/components/table/stories/table.stories.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"table.stories.cjs","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":"mWAWMA,EAAO,CACTC,MAAO,oBACPC,UAAWC,EAAAA,MACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMLC,EAAU,CACZ,OACA,aACA,cACA,YACA,UACA,gBA8BSC,EAAwB,CACjCC,KAAM,CACFC,QACIC,EAAAA,IAACC,eAAa,CAAAC,QAAM,EAACC,SAA2B,gCAEpDA,SAEQC,EAAAA,KAAAC,WAAA,CAAAF,SAAA,CAAAH,MAACM,EAAAA,WACGH,SAACH,EAAAA,IAAAO,WAAA,CACIJ,SAAQP,EAAAY,KAAI,CAACC,EAAQC,IACjBV,EAAAA,IAAAW,EAAAA,YAAA,CAAwBC,MAAI,EACxBT,SAAAM,GADaC,SAM7BV,EAAAA,IAAAa,EAAAA,UAAA,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,EAAAA,IAACO,EACIA,SAAA,CAAAJ,SAAAW,EAAIN,KAAI,CAACQ,EAAMC,IACZjB,EAAAA,IAACkB,EAAAA,UAAA,CAEG,UAAStB,EAAQqB,GACjBE,MACI,CAAC,EAAG,GAAGC,SAASH,GACV,QACA,OAGTd,SAAAa,GARIC,MAHFF,WAoBnCM,OAASvB,GACJE,EAAAA,IAAAR,EAAAA,MAAA,CAAMO,QAASD,EAAKC,QAASuB,WAAS,EAClCnB,SAAAL,EAAKK"}
+{"version":3,"file":"table.stories.cjs","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":"0XAWMA,EAAO,CACTC,MAAO,oBACPC,UAAWC,EAAAA,MACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMLC,EAAU,CACZ,OACA,aACA,cACA,YACA,UACA,gBA8BSC,EAAwB,CACjCC,KAAM,CACFC,QACIC,EAAAA,IAACC,eAAa,CAAAC,QAAM,EAACC,SAA2B,gCAEpDA,SAEQC,EAAAA,KAAAC,WAAA,CAAAF,SAAA,CAAAH,MAACM,EAAAA,WACGH,SAACH,EAAAA,IAAAO,WAAA,CACIJ,SAAQP,EAAAY,KAAI,CAACC,EAAQC,IACjBV,EAAAA,IAAAW,EAAAA,YAAA,CAAwBC,MAAI,EACxBT,SAAAM,GADaC,SAM7BV,EAAAA,IAAAa,EAAAA,UAAA,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,EAAAA,IAACO,EACIA,SAAA,CAAAJ,SAAAW,EAAIN,KAAI,CAACQ,EAAMC,IACZjB,EAAAA,IAACkB,EAAAA,UAAA,CAEG,UAAStB,EAAQqB,GACjBE,MACI,CAAC,EAAG,GAAGC,SAASH,GACV,QACA,OAGTd,SAAAa,GARIC,MAHFF,WAoBnCM,OAASvB,GACJE,EAAAA,IAAAR,EAAAA,MAAA,CAAMO,QAASD,EAAKC,QAASuB,WAAS,EAClCnB,SAAAL,EAAKK"}

package/build/cjs/components/table/types.cjs

@@ -1,2 +1,2 @@
-"use strict";
+"use strict";require("react");
 //# sourceMappingURL=types.cjs.map

package/build/cjs/components/tabs/TabPanel.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../clsx-E3yX_9sL.cjs");exports.TabPanel=({children:s,...t})=>{const l=r.clsx("jkl-tabpanel",t.className);return e.jsx("div",{role:"tabpanel",...t,className:l,children:s})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../clsx-E3yX_9sL.cjs");require("react");exports.TabPanel=({children:t,...s})=>{const a=r.clsx("jkl-tabpanel",s.className);return e.jsx("div",{role:"tabpanel",...s,className:a,children:t})};
 //# sourceMappingURL=TabPanel.cjs.map

package/build/cjs/components/tabs/TabPanel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanel.cjs","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":["children","props","classes","clsx","className","jsx","role"],"mappings":"8KASwB,EAAGA,SAAAA,KAAaC,MACpC,MAAMC,EAAUC,EAAAA,KAAK,eAAgBF,EAAMG,WAGvC,OAAAC,MAAC,OAAIC,KAAK,cAAeL,EAAOG,UAAWF,EACtCF,SAAAA,GACL"}
+{"version":3,"file":"TabPanel.cjs","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":["children","props","classes","clsx","className","jsx","role"],"mappings":"+LASwB,EAAGA,SAAAA,KAAaC,MACpC,MAAMC,EAAUC,EAAAA,KAAK,eAAgBF,EAAMG,WAGvC,OAAAC,MAAC,OAAIC,KAAK,cAAeL,EAAOG,UAAWF,EACtCF,SAAAA,GACL"}

package/build/cjs/components/tabs/stories/NavTabs.stories.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");;/* empty css                            */const a=require("../NavTab.cjs"),s=require("../NavTabs.cjs"),r={title:"Komponenter/Tabs/NavTabs",component:s.NavTabs,subcomponents:{NavTab:a.NavTab},tags:["autodocs"]},t={name:"NavTabs",args:{children:e.jsx("p",{children:"e"})},render:r=>e.jsxs(s.NavTabs,{...r,children:[e.jsx(a.NavTab,{"aria-selected":!0,children:"Alle"}),e.jsx(a.NavTab,{"aria-selected":!1,children:"NICE"}),e.jsx(a.NavTab,{"aria-selected":!1,children:"Prolife"})]})};exports.TabsStory=t,exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");require("react");/* empty css                             */const a=require("../NavTab.cjs"),r=require("../NavTabs.cjs"),s={title:"Komponenter/Tabs/NavTabs",component:r.NavTabs,subcomponents:{NavTab:a.NavTab},tags:["autodocs"]},t={name:"NavTabs",args:{children:e.jsx("p",{children:"e"})},render:s=>e.jsxs(r.NavTabs,{...s,children:[e.jsx(a.NavTab,{"aria-selected":!0,children:"Alle"}),e.jsx(a.NavTab,{"aria-selected":!1,children:"NICE"}),e.jsx(a.NavTab,{"aria-selected":!1,children:"Prolife"})]})};exports.TabsStory=t,exports.default=s;
 //# sourceMappingURL=NavTabs.stories.cjs.map

package/build/cjs/components/tabs/stories/NavTabs.stories.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavTabs.stories.cjs","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","NavTabs","subcomponents","NavTab","tags","TabsStory","name","args","children","jsx","render","jsxs"],"mappings":"yPAMMA,EAAO,CACTC,MAAO,2BACPC,UAAWC,EAAAC,QACXC,cAAe,CAAAC,OACXA,EAAAA,QAEJC,KAAM,CAAC,aAMEC,EAAmB,CAC5BC,KAAM,UACNC,KAAM,CACFC,SAAWC,EAAAA,IAAA,IAAA,CAAED,SAAC,OAElBE,OAASH,GACJI,EAAAA,KAAAX,EAAAC,QAAA,IAASM,EACNC,SAAA,CAACC,EAAAA,IAAAN,EAAAA,OAAA,CAAO,iBAAe,EAAMK,SAAI,SAChCC,EAAAA,IAAAN,EAAAA,OAAA,CAAO,iBAAe,EAAOK,SAAI,SACjCC,EAAAA,IAAAN,EAAAA,OAAA,CAAO,iBAAe,EAAOK,SAAO"}
+{"version":3,"file":"NavTabs.stories.cjs","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","NavTabs","subcomponents","NavTab","tags","TabsStory","name","args","children","jsx","render","jsxs"],"mappings":"0QAMMA,EAAO,CACTC,MAAO,2BACPC,UAAWC,EAAAC,QACXC,cAAe,CAAAC,OACXA,EAAAA,QAEJC,KAAM,CAAC,aAMEC,EAAmB,CAC5BC,KAAM,UACNC,KAAM,CACFC,SAAWC,EAAAA,IAAA,IAAA,CAAED,SAAC,OAElBE,OAASH,GACJI,EAAAA,KAAAX,EAAAC,QAAA,IAASM,EACNC,SAAA,CAACC,EAAAA,IAAAN,EAAAA,OAAA,CAAO,iBAAe,EAAMK,SAAI,SAChCC,EAAAA,IAAAN,EAAAA,OAAA,CAAO,iBAAe,EAAOK,SAAI,SACjCC,EAAAA,IAAAN,EAAAA,OAAA,CAAO,iBAAe,EAAOK,SAAO"}

package/build/cjs/components/tabs/stories/Tabs.stories.cjs

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

package/build/cjs/components/tabs/stories/Tabs.stories.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.stories.cjs","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":"4SAQMA,EAAO,CACTC,MAAO,wBACPC,UAAWC,EAAAA,KACXC,cAAe,CAAAC,QACXA,EAAAA,QAAAC,SACAA,EAAAA,SAAAC,IACAA,EAAAA,KAEJC,SAAU,CACNC,WAAY,CACRC,QAAS,SACTC,MAAO,CACHC,aAAc,CACVC,aAAS,MAKzBC,KAAM,CAAC,aAMEC,EAAmB,CAC5BC,KAAM,OACNC,KAAM,CACFC,eAAW,IAAE,KAEjBC,OAASF,GACLG,EAAAA,IAAC,MAAI,CAAAC,MAAO,CAAEC,SAAU,SACpBJ,SAACK,EAAAA,KAAApB,EAAAA,KAAA,IAASc,EACNC,SAAA,CAACK,EAAAA,KAAAlB,EAAAA,QAAA,CAAQ,aAAW,gBAChBa,SAAA,CAAAE,EAAAA,IAACb,OAAIW,SAAY,iBACjBE,EAAAA,IAACb,OAAIW,SAAI,SACTE,EAAAA,IAACb,OAAIW,SAAO,YACZE,EAAAA,IAACb,OAAIW,SAAK,aAGdE,EAAAA,IAACd,YAASY,SAAY,iBAEtBE,EAAAA,IAACd,YAASY,SAAY,iBAEtBE,EAAAA,IAACd,YAASY,SAAe,oBAEzBE,EAAAA,IAACd,YAASY,SAAa"}
+{"version":3,"file":"Tabs.stories.cjs","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":"6TAQMA,EAAO,CACTC,MAAO,wBACPC,UAAWC,EAAAA,KACXC,cAAe,CAAAC,QACXA,EAAAA,QAAAC,SACAA,EAAAA,SAAAC,IACAA,EAAAA,KAEJC,SAAU,CACNC,WAAY,CACRC,QAAS,SACTC,MAAO,CACHC,aAAc,CACVC,aAAS,MAKzBC,KAAM,CAAC,aAMEC,EAAmB,CAC5BC,KAAM,OACNC,KAAM,CACFC,eAAW,IAAE,KAEjBC,OAASF,GACLG,EAAAA,IAAC,MAAI,CAAAC,MAAO,CAAEC,SAAU,SACpBJ,SAACK,EAAAA,KAAApB,EAAAA,KAAA,IAASc,EACNC,SAAA,CAACK,EAAAA,KAAAlB,EAAAA,QAAA,CAAQ,aAAW,gBAChBa,SAAA,CAAAE,EAAAA,IAACb,OAAIW,SAAY,iBACjBE,EAAAA,IAACb,OAAIW,SAAI,SACTE,EAAAA,IAACb,OAAIW,SAAO,YACZE,EAAAA,IAACb,OAAIW,SAAK,aAGdE,EAAAA,IAACd,YAASY,SAAY,iBAEtBE,EAAAA,IAACd,YAASY,SAAY,iBAEtBE,EAAAA,IAACd,YAASY,SAAe,oBAEzBE,EAAAA,IAACd,YAASY,SAAa"}

package/build/cjs/components/tag/Tag.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("../../../clsx-E3yX_9sL.cjs");function s(s){const n=({className:n,density:a,children:t,...c})=>r.jsx("span",{className:e.clsx("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":a,...c,children:t});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(),a=s("info"),t=s("error"),c=s("warning"),o=s("success");exports.ErrorTag=t,exports.InfoTag=a,exports.SuccessTag=o,exports.Tag=n,exports.WarningTag=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("../../../clsx-E3yX_9sL.cjs");function s(s){const a=({className:a,density:n,children:t,...c})=>r.jsx("span",{className:e.clsx("jkl-tag",{"jkl-tag--info":"info"===s,"jkl-tag--error":"error"===s,"jkl-tag--warning":"warning"===s,"jkl-tag--success":"success"===s},a),"data-density":n,...c,children:t});return a.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),a}require("react");const a=s(),n=s("info"),t=s("error"),c=s("warning"),o=s("success");exports.ErrorTag=t,exports.InfoTag=n,exports.SuccessTag=o,exports.Tag=a,exports.WarningTag=c;
 //# sourceMappingURL=Tag.cjs.map

package/build/cjs/components/tag/Tag.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.cjs","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":"6JAqBA,SAASA,EAAWC,GACVC,MAAAA,EAAoB,EAAGC,UAAAA,EAAWC,QAAAA,EAASC,SAAAA,KAAaC,KAC1DC,EAAAA,IAAC,OAAA,CACGJ,UAAWK,EAAAA,KACP,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.cjs","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":"6JAqBA,SAASA,EAAWC,GACVC,MAAAA,EAAoB,EAAGC,UAAAA,EAAWC,QAAAA,EAASC,SAAAA,KAAaC,KAC1DC,EAAAA,IAAC,OAAA,CACGJ,UAAWK,EAAAA,KACP,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,kBAEO,MAAMA,EAAMF,IACNW,EAAUX,EAAW,QACrBY,EAAWZ,EAAW,SACtBa,EAAab,EAAW,WACxBc,EAAad,EAAW"}

package/build/cjs/components/tag/stories/Tag.stories.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../Tag.cjs"),a={title:"Komponenter/Tag",component:r.Tag,tags:["autodocs"],args:{children:"Hei"}},o={name:"Tag",render:a=>e.jsx(r.Tag,{...a})},n={name:"Success Tag",render:a=>e.jsx(r.SuccessTag,{...a})},s={name:"Info Tag",render:a=>e.jsx(r.InfoTag,{...a})},t={name:"Warning Tag",render:a=>e.jsx(r.WarningTag,{...a})},g={name:"Error Tag",render:a=>e.jsx(r.ErrorTag,{...a})};exports.ErrorTagStory=g,exports.InfoTagStory=s,exports.SuccessTagStory=n,exports.TagStory=o,exports.WarningTagStory=t,exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");require("react");const r=require("../Tag.cjs"),a={title:"Komponenter/Tag",component:r.Tag,tags:["autodocs"],args:{children:"Hei"}},o={name:"Tag",render:a=>e.jsx(r.Tag,{...a})},t={name:"Success Tag",render:a=>e.jsx(r.SuccessTag,{...a})},n={name:"Info Tag",render:a=>e.jsx(r.InfoTag,{...a})},s={name:"Warning Tag",render:a=>e.jsx(r.WarningTag,{...a})},g={name:"Error Tag",render:a=>e.jsx(r.ErrorTag,{...a})};exports.ErrorTagStory=g,exports.InfoTagStory=n,exports.SuccessTagStory=t,exports.TagStory=o,exports.WarningTagStory=s,exports.default=a;
 //# sourceMappingURL=Tag.stories.cjs.map

package/build/cjs/components/tag/stories/Tag.stories.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.stories.cjs","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":"yKAKMA,EAAO,CACTC,MAAO,kBACPC,UAAWC,EAAAA,IACXC,KAAM,CAAC,YACPC,KAAM,CACFC,SAAU,QAOLC,EAAkB,CAC3BC,KAAM,MACNC,OAASJ,GAAUK,EAAAA,IAAAP,EAAAA,IAAA,IAAQE,KAGlBM,EAAyB,CAClCH,KAAM,cACNC,OAASJ,GAAUK,EAAAA,IAAAE,EAAAA,WAAA,IAAeP,KAGzBQ,EAAsB,CAC/BL,KAAM,WACNC,OAASJ,GAAUK,EAAAA,IAAAI,EAAAA,QAAA,IAAYT,KAGtBU,EAAyB,CAClCP,KAAM,cACNC,OAASJ,GAAUK,EAAAA,IAAAM,EAAAA,WAAA,IAAeX,KAGzBY,EAAuB,CAChCT,KAAM,YACNC,OAASJ,GAAUK,EAAAA,IAAAQ,EAAAA,SAAA,IAAab"}
+{"version":3,"file":"Tag.stories.cjs","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":"gMAKMA,EAAO,CACTC,MAAO,kBACPC,UAAWC,EAAAA,IACXC,KAAM,CAAC,YACPC,KAAM,CACFC,SAAU,QAOLC,EAAkB,CAC3BC,KAAM,MACNC,OAASJ,GAAUK,EAAAA,IAAAP,EAAAA,IAAA,IAAQE,KAGlBM,EAAyB,CAClCH,KAAM,cACNC,OAASJ,GAAUK,EAAAA,IAAAE,EAAAA,WAAA,IAAeP,KAGzBQ,EAAsB,CAC/BL,KAAM,WACNC,OAASJ,GAAUK,EAAAA,IAAAI,EAAAA,QAAA,IAAYT,KAGtBU,EAAyB,CAClCP,KAAM,cACNC,OAASJ,GAAUK,EAAAA,IAAAM,EAAAA,WAAA,IAAeX,KAGzBY,EAAuB,CAChCT,KAAM,YACNC,OAASJ,GAAUK,EAAAA,IAAAQ,EAAAA,SAAA,IAAab"}

package/build/cjs/components/toast/Toast.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("@react-aria/toast"),e=require("../../../clsx-E3yX_9sL.cjs"),o=require("react"),n=require("../../hooks/useBrowserPreferences/useBrowserPreferences.cjs"),a=require("../countdown/Countdown.cjs"),r=require("../icon-button/IconButton.cjs"),i=require("../icon/icons/CloseIcon.cjs"),c=require("../icon/icons/ErrorIcon.cjs"),l=require("../icon/icons/InfoIcon.cjs"),u=require("../icon/icons/SuccessIcon.cjs"),j=require("../icon/icons/WarningIcon.cjs"),m=s=>{switch(s){case"error":return t.jsx(c.ErrorIcon,{className:"jkl-toast__icon"});case"info":return t.jsx(l.InfoIcon,{className:"jkl-toast__icon"});case"success":return t.jsx(u.SuccessIcon,{className:"jkl-toast__icon"});case"warning":return t.jsx(j.WarningIcon,{className:"jkl-toast__icon"});default:return null}};exports.Toast=function({className:c,state:l,...u}){var j;const d=o.useRef(null),{toastProps:k,titleProps:f}=s.useToast(u,l,d),x="string"==typeof u.toast.content?u.toast.content:u.toast.content.content,_="string"==typeof u.toast.content?void 0:u.toast.content.title,v=null==(null==(j=u.toast.timer)?void 0:j.timerId),{prefersReducedMotion:g}=n.useBrowserPreferences();return o.useEffect((()=>{g&&"exiting"===u.toast.animation&&l.remove(u.toast.key)}),[g,u.toast.animation,u.toast.key,l]),t.jsxs("div",{...k,ref:d,className:e.clsx("jkl-toast",{"jkl-toast--info":"info"===u.toast.variant,"jkl-toast--error":"error"===u.toast.variant,"jkl-toast--warning":"warning"===u.toast.variant,"jkl-toast--success":"success"===u.toast.variant},c),"data-animation":u.toast.animation,onAnimationEnd:()=>{"exiting"===u.toast.animation&&l.remove(u.toast.key)},children:[t.jsx("span",{className:"jkl-toast__progress",children:u.toast.timeout?t.jsx(a.Countdown,{from:u.toast.timeout,isPaused:v,onAnimationEnd:t=>{t.stopPropagation()}}):null}),m(u.toast.variant),t.jsxs("div",{...f,className:"jkl-toast__content",children:[_&&t.jsx("p",{className:"jkl-toast__title",children:_}),t.jsx("p",{className:"jkl-toast__message",children:x})]}),t.jsx(r.IconButton,{"data-theme":u.toast.variant?"light":void 0,"aria-label":"Lukk varsel",className:"jkl-toast__dismiss-button",onClick:()=>{l.close(u.toast.key)},children:t.jsx(i.CloseIcon,{})})]})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("@react-aria/toast"),o=require("../../../clsx-E3yX_9sL.cjs"),e=require("react"),n=require("../../hooks/useBrowserPreferences/useBrowserPreferences.cjs"),a=require("../button/Button.cjs"),r=require("../countdown/Countdown.cjs"),c=require("../icon-button/IconButton.cjs"),i=require("../icon/icons/CloseIcon.cjs"),l=require("../icon/icons/ErrorIcon.cjs"),u=require("../icon/icons/InfoIcon.cjs"),j=require("../icon/icons/SuccessIcon.cjs"),m=require("../icon/icons/WarningIcon.cjs"),d=s=>{switch(s){case"error":return t.jsx(l.ErrorIcon,{className:"jkl-toast__icon"});case"info":return t.jsx(u.InfoIcon,{className:"jkl-toast__icon"});case"success":return t.jsx(j.SuccessIcon,{className:"jkl-toast__icon"});case"warning":return t.jsx(m.WarningIcon,{className:"jkl-toast__icon"});default:return null}};exports.Toast=function({className:l,state:u,...j}){var m;const k=e.useRef(null),{toastProps:x,titleProps:_}=s.useToast(j,u,k),f="string"==typeof j.toast.content?j.toast.content:j.toast.content.content,v="string"==typeof j.toast.content?void 0:j.toast.content.title,g=null==(null==(m=j.toast.timer)?void 0:m.timerId),{prefersReducedMotion:p}=n.useBrowserPreferences();return e.useEffect((()=>{p&&"exiting"===j.toast.animation&&u.remove(j.toast.key)}),[p,j.toast.animation,j.toast.key,u]),t.jsxs("div",{...x,ref:k,className:o.clsx("jkl-toast",{"jkl-toast--info":"info"===j.toast.variant,"jkl-toast--error":"error"===j.toast.variant,"jkl-toast--warning":"warning"===j.toast.variant,"jkl-toast--success":"success"===j.toast.variant},l),"data-animation":j.toast.animation,onAnimationEnd:()=>{"exiting"===j.toast.animation&&u.remove(j.toast.key)},children:[t.jsx("span",{className:"jkl-toast__progress",children:j.toast.timeout?t.jsx(r.Countdown,{from:j.toast.timeout,isPaused:g,onAnimationEnd:t=>{t.stopPropagation()}}):null}),d(j.toast.variant),t.jsxs("div",{..._,className:"jkl-toast__content",children:[v&&t.jsx("p",{className:"jkl-toast__title",children:v}),t.jsx("p",{className:"jkl-toast__message",children:f}),j.toast.action&&t.jsx("div",{className:"jkl-toast__action",children:t.jsx(a.Button,{variant:"secondary",density:"compact",onClick:j.toast.action.onClick,children:j.toast.action.label})})]}),t.jsx(c.IconButton,{"data-theme":j.toast.variant?"light":void 0,"aria-label":"Lukk varsel",className:"jkl-toast__dismiss-button",onClick:()=>{u.close(j.toast.key)},children:t.jsx(i.CloseIcon,{})})]})};
 //# sourceMappingURL=Toast.cjs.map