@fremtind/jokul 0.67.0 → 0.68.0

package/build/es/components/menu/MenuDivider.js

@@ -1,2 +1,2 @@
-import{jsx as s}from"react/jsx-runtime";import{c as r}from"../../../clsx-BeLtu-UY.js";const e=e=>{const{className:a,...m}=e;return s("hr",{className:r("jkl-menu-divider",a),...m})};export{e as MenuDivider};
+import{jsx as r}from"react/jsx-runtime";import{c as s}from"../../../clsx-BeLtu-UY.js";import"react";const e=e=>{const{className:t,...a}=e;return r("hr",{className:s("jkl-menu-divider",t),...a})};export{e as MenuDivider};
 //# sourceMappingURL=MenuDivider.js.map

package/build/es/components/menu/MenuDivider.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuDivider.js","sources":["../../../../src/components/menu/MenuDivider.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type HTMLAttributes, type FC } from \"react\";\n\nexport const MenuDivider: FC<HTMLAttributes<HTMLHRElement>> = (props) => {\n    const { className, ...hrProps } = props;\n\n    return <hr className={clsx(\"jkl-menu-divider\", className)} {...hrProps} />;\n};\n"],"names":["MenuDivider","props","className","hrProps","jsx","clsx"],"mappings":"sFAGa,MAAAA,EAAkDC,IAC3D,MAAQC,UAAAA,KAAcC,GAAYF,EAE3B,OAAAG,EAAC,MAAGF,UAAWG,EAAK,mBAAoBH,MAAgBC,GAAS"}
+{"version":3,"file":"MenuDivider.js","sources":["../../../../src/components/menu/MenuDivider.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type HTMLAttributes, type FC } from \"react\";\n\nexport const MenuDivider: FC<HTMLAttributes<HTMLHRElement>> = (props) => {\n    const { className, ...hrProps } = props;\n\n    return <hr className={clsx(\"jkl-menu-divider\", className)} {...hrProps} />;\n};\n"],"names":["MenuDivider","props","className","hrProps","jsx","clsx"],"mappings":"oGAGa,MAAAA,EAAkDC,IAC3D,MAAQC,UAAAA,KAAcC,GAAYF,EAE3B,OAAAG,EAAC,MAAGF,UAAWG,EAAK,mBAAoBH,MAAgBC,GAAS"}

package/build/es/components/menu/stories/Menu.stories.js

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as n,Fragment as i}from"react/jsx-runtime";import{GhostButton as c}from"../../button/Button.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import{ChevronDownIcon as r}from"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import{ErrorIcon as s}from"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/OpenInNewIcon.js";import"../../icon/icons/PenIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/WarningIcon.js";import{Menu as t}from"../Menu.js";import{MenuItem as e}from"../MenuItem.js";/* empty css                         */const m={title:"Komponenter/Menu/Menu",component:t,parameters:{layout:"centered"},tags:["autodocs"]},p={args:{triggerElement:o(c,{icon:o(r,{bold:!0}),iconPosition:"right","data-testid":"open-menu",children:"Ola Nordmann"}),keepOpenOnClickOutside:!1,children:n(i,{children:[o(e,{children:"Forsikringsprofil"}),n(t,{triggerElement:o(e,{expandable:!0,children:"Dokumenter"}),children:[" ",o(e,{as:"a",href:"https://jokul.fremtind.no/",children:"Jøkuls hjemmeside"}),o(e,{as:"a",href:"https://fremtind.no/",children:"Fremtind Forsikring"})]}),o(e,{icon:o(s,{}),children:"Skadesaker"})]}),isOpen:!1},render:({...n})=>o(t,{...n})};export{p as Menu,m as default};
+import{jsx as o,jsxs as n,Fragment as i}from"react/jsx-runtime";import"react";import{GhostButton as c}from"../../button/Button.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import{ChevronDownIcon as r}from"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import{ErrorIcon as s}from"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/OpenInNewIcon.js";import"../../icon/icons/PenIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/WarningIcon.js";import{Menu as t}from"../Menu.js";import{MenuItem as e}from"../MenuItem.js";/* empty css                         */const m={title:"Komponenter/Menu/Menu",component:t,parameters:{layout:"centered"},tags:["autodocs"]},p={args:{triggerElement:o(c,{icon:o(r,{bold:!0}),iconPosition:"right","data-testid":"open-menu",children:"Ola Nordmann"}),keepOpenOnClickOutside:!1,children:n(i,{children:[o(e,{children:"Forsikringsprofil"}),n(t,{triggerElement:o(e,{expandable:!0,children:"Dokumenter"}),children:[" ",o(e,{as:"a",href:"https://jokul.fremtind.no/",children:"Jøkuls hjemmeside"}),o(e,{as:"a",href:"https://fremtind.no/",children:"Fremtind Forsikring"})]}),o(e,{icon:o(s,{}),children:"Skadesaker"})]}),isOpen:!1},render:({...n})=>o(t,{...n})};export{p as Menu,m as default};
 //# sourceMappingURL=Menu.stories.js.map

package/build/es/components/menu/stories/Menu.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.stories.js","sources":["../../../../../src/components/menu/stories/Menu.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { GhostButton } from \"../../button/Button.js\";\nimport { ChevronDownIcon, ErrorIcon } from \"../../icon/index.js\";\nimport { Menu as MenuComponent } from \"../Menu.js\";\nimport { MenuItem } from \"../MenuItem.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Menu/Menu\",\n    component: MenuComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof MenuComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Menu: Story = {\n    args: {\n        triggerElement: (\n            <GhostButton\n                icon={<ChevronDownIcon bold />}\n                iconPosition=\"right\"\n                data-testid=\"open-menu\"\n            >\n                Ola Nordmann\n            </GhostButton>\n        ),\n        keepOpenOnClickOutside: false,\n        children: (\n            <>\n                <MenuItem>Forsikringsprofil</MenuItem>\n                <MenuComponent\n                    triggerElement={\n                        <MenuItem expandable={true}>Dokumenter</MenuItem>\n                    }\n                >\n                    {\" \"}\n                    <MenuItem as=\"a\" href=\"https://jokul.fremtind.no/\">\n                        Jøkuls hjemmeside\n                    </MenuItem>\n                    <MenuItem as=\"a\" href=\"https://fremtind.no/\">\n                        Fremtind Forsikring\n                    </MenuItem>\n                </MenuComponent>\n\n                <MenuItem icon={<ErrorIcon />}>Skadesaker</MenuItem>\n            </>\n        ),\n        isOpen: false,\n    },\n    render: ({ ...args }) => <MenuComponent {...args} />,\n};\n"],"names":["meta","title","component","MenuComponent","parameters","layout","tags","Menu","args","triggerElement","jsx","GhostButton","icon","ChevronDownIcon","bold","iconPosition","children","keepOpenOnClickOutside","jsxs","Fragment","MenuItem","expandable","as","href","ErrorIcon","isOpen","render"],"mappings":"4uDAQA,MAAMA,EAAO,CACTC,MAAO,wBACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMEC,EAAc,CACvBC,KAAM,CACFC,eACIC,EAACC,EAAA,CACGC,KAAMF,EAACG,EAAgB,CAAAC,MAAI,IAC3BC,aAAa,QACb,cAAY,YACfC,SAAA,iBAILC,wBAAwB,EACxBD,SAEQE,EAAAC,EAAA,CAAAH,SAAA,CAAAN,EAACU,GAASJ,SAAiB,sBAC3BE,EAACf,EAAA,CACGM,eACIC,EAACU,EAAS,CAAAC,YAAY,EAAML,SAAU,eAGzCA,SAAA,CAAA,MACAI,EAAS,CAAAE,GAAG,IAAIC,KAAK,6BAA6BP,SAEnD,wBACCI,EAAS,CAAAE,GAAG,IAAIC,KAAK,uBAAuBP,SAE7C,6BAGHI,EAAS,CAAAR,KAAOF,EAAAc,EAAA,IAAcR,SAAU,kBAGjDS,QAAQ,GAEZC,OAAQ,KAAMlB,KAAWE,EAACP,EAAe,IAAGK"}
+{"version":3,"file":"Menu.stories.js","sources":["../../../../../src/components/menu/stories/Menu.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { GhostButton } from \"../../button/Button.js\";\nimport { ChevronDownIcon, ErrorIcon } from \"../../icon/index.js\";\nimport { Menu as MenuComponent } from \"../Menu.js\";\nimport { MenuItem } from \"../MenuItem.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Menu/Menu\",\n    component: MenuComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof MenuComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Menu: Story = {\n    args: {\n        triggerElement: (\n            <GhostButton\n                icon={<ChevronDownIcon bold />}\n                iconPosition=\"right\"\n                data-testid=\"open-menu\"\n            >\n                Ola Nordmann\n            </GhostButton>\n        ),\n        keepOpenOnClickOutside: false,\n        children: (\n            <>\n                <MenuItem>Forsikringsprofil</MenuItem>\n                <MenuComponent\n                    triggerElement={\n                        <MenuItem expandable={true}>Dokumenter</MenuItem>\n                    }\n                >\n                    {\" \"}\n                    <MenuItem as=\"a\" href=\"https://jokul.fremtind.no/\">\n                        Jøkuls hjemmeside\n                    </MenuItem>\n                    <MenuItem as=\"a\" href=\"https://fremtind.no/\">\n                        Fremtind Forsikring\n                    </MenuItem>\n                </MenuComponent>\n\n                <MenuItem icon={<ErrorIcon />}>Skadesaker</MenuItem>\n            </>\n        ),\n        isOpen: false,\n    },\n    render: ({ ...args }) => <MenuComponent {...args} />,\n};\n"],"names":["meta","title","component","MenuComponent","parameters","layout","tags","Menu","args","triggerElement","jsx","GhostButton","icon","ChevronDownIcon","bold","iconPosition","children","keepOpenOnClickOutside","jsxs","Fragment","MenuItem","expandable","as","href","ErrorIcon","isOpen","render"],"mappings":"0vDAQA,MAAMA,EAAO,CACTC,MAAO,wBACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMEC,EAAc,CACvBC,KAAM,CACFC,eACIC,EAACC,EAAA,CACGC,KAAMF,EAACG,EAAgB,CAAAC,MAAI,IAC3BC,aAAa,QACb,cAAY,YACfC,SAAA,iBAILC,wBAAwB,EACxBD,SAEQE,EAAAC,EAAA,CAAAH,SAAA,CAAAN,EAACU,GAASJ,SAAiB,sBAC3BE,EAACf,EAAA,CACGM,eACIC,EAACU,EAAS,CAAAC,YAAY,EAAML,SAAU,eAGzCA,SAAA,CAAA,MACAI,EAAS,CAAAE,GAAG,IAAIC,KAAK,6BAA6BP,SAEnD,wBACCI,EAAS,CAAAE,GAAG,IAAIC,KAAK,uBAAuBP,SAE7C,6BAGHI,EAAS,CAAAR,KAAOF,EAAAc,EAAA,IAAcR,SAAU,kBAGjDS,QAAQ,GAEZC,OAAQ,KAAMlB,KAAWE,EAACP,EAAe,IAAGK"}

package/build/es/components/menu/stories/MenuDivider.stories.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{MenuDivider as r}from"../MenuDivider.js";/* empty css                         */const t={title:"Komponenter/Menu/MenuDivider",component:r,parameters:{layout:"centered"},tags:["autodocs"]},i={render:()=>e(r,{})};export{i as MenuDivider,t as default};
+import{jsx as e}from"react/jsx-runtime";import"react";import{MenuDivider as r}from"../MenuDivider.js";/* empty css                         */const t={title:"Komponenter/Menu/MenuDivider",component:r,parameters:{layout:"centered"},tags:["autodocs"]},i={render:()=>e(r,{})};export{i as MenuDivider,t as default};
 //# sourceMappingURL=MenuDivider.stories.js.map

package/build/es/components/menu/stories/MenuDivider.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuDivider.stories.js","sources":["../../../../../src/components/menu/stories/MenuDivider.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { MenuDivider as MenuDividerComponent } from \"../MenuDivider.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Menu/MenuDivider\",\n    component: MenuDividerComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof MenuDividerComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const MenuDivider: Story = {\n    render: () => <MenuDividerComponent />,\n};\n"],"names":["meta","title","component","MenuDividerComponent","parameters","layout","tags","MenuDivider","render","jsx"],"mappings":"+HAKA,MAAMA,EAAO,CACTC,MAAO,+BACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMEC,EAAqB,CAC9BC,OAAQ,IAAMC,EAACN,EAAqB"}
+{"version":3,"file":"MenuDivider.stories.js","sources":["../../../../../src/components/menu/stories/MenuDivider.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { MenuDivider as MenuDividerComponent } from \"../MenuDivider.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Menu/MenuDivider\",\n    component: MenuDividerComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof MenuDividerComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const MenuDivider: Story = {\n    render: () => <MenuDividerComponent />,\n};\n"],"names":["meta","title","component","MenuDividerComponent","parameters","layout","tags","MenuDivider","render","jsx"],"mappings":"6IAKA,MAAMA,EAAO,CACTC,MAAO,+BACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMEC,EAAqB,CAC9BC,OAAQ,IAAMC,EAACN,EAAqB"}

package/build/es/components/menu/stories/MenuItem.stories.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import{InfoIcon as n}from"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/OpenInNewIcon.js";import"../../icon/icons/PenIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/WarningIcon.js";import{MenuItem as i}from"../MenuItem.js";/* empty css                         */const c={title:"Komponenter/Menu/MenuItem",component:i,parameters:{layout:"centered"},tags:["autodocs"]},s={args:{icon:!1,expandable:!1},render:({icon:c,...s})=>o(i,{icon:c?o(n,{}):void 0,...s,children:"Hei, jeg er et MenuItem"})};export{s as MenuItem,c as default};
+import{jsx as o}from"react/jsx-runtime";import"react";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import{InfoIcon as n}from"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/OpenInNewIcon.js";import"../../icon/icons/PenIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/WarningIcon.js";import{MenuItem as i}from"../MenuItem.js";/* empty css                         */const c={title:"Komponenter/Menu/MenuItem",component:i,parameters:{layout:"centered"},tags:["autodocs"]},s={args:{icon:!1,expandable:!1},render:({icon:c,...s})=>o(i,{icon:c?o(n,{}):void 0,...s,children:"Hei, jeg er et MenuItem"})};export{s as MenuItem,c as default};
 //# sourceMappingURL=MenuItem.stories.js.map

package/build/es/components/menu/stories/MenuItem.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.stories.js","sources":["../../../../../src/components/menu/stories/MenuItem.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { InfoIcon } from \"../../icon/index.js\";\nimport { MenuItem as MenuItemComponent } from \"../MenuItem.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Menu/MenuItem\",\n    component: MenuItemComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof MenuItemComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const MenuItem: Story = {\n    args: {\n        icon: false,\n        expandable: false,\n    },\n    render: ({ icon, ...props }) => (\n        <MenuItemComponent icon={icon ? <InfoIcon /> : undefined} {...props}>\n            Hei, jeg er et MenuItem\n        </MenuItemComponent>\n    ),\n};\n"],"names":["meta","title","component","MenuItemComponent","parameters","layout","tags","MenuItem","args","icon","expandable","render","props","jsx","InfoIcon","children"],"mappings":"kmDAMA,MAAMA,EAAO,CACTC,MAAO,4BACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMEC,EAAkB,CAC3BC,KAAM,CACFC,MAAM,EACNC,YAAY,GAEhBC,OAAQ,EAAGF,KAAAA,KAASG,KAChBC,EAACV,EAAkB,CAAAM,KAAMA,EAAQI,EAAAC,EAAA,CAAS,QAAK,KAAeF,EAAOG,SAErE"}
+{"version":3,"file":"MenuItem.stories.js","sources":["../../../../../src/components/menu/stories/MenuItem.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { InfoIcon } from \"../../icon/index.js\";\nimport { MenuItem as MenuItemComponent } from \"../MenuItem.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Menu/MenuItem\",\n    component: MenuItemComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof MenuItemComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const MenuItem: Story = {\n    args: {\n        icon: false,\n        expandable: false,\n    },\n    render: ({ icon, ...props }) => (\n        <MenuItemComponent icon={icon ? <InfoIcon /> : undefined} {...props}>\n            Hei, jeg er et MenuItem\n        </MenuItemComponent>\n    ),\n};\n"],"names":["meta","title","component","MenuItemComponent","parameters","layout","tags","MenuItem","args","icon","expandable","render","props","jsx","InfoIcon","children"],"mappings":"gnDAMA,MAAMA,EAAO,CACTC,MAAO,4BACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMEC,EAAkB,CAC3BC,KAAM,CACFC,MAAM,EACNC,YAAY,GAEhBC,OAAQ,EAAGF,KAAAA,KAASG,KAChBC,EAACV,EAAkB,CAAAM,KAAMA,EAAQI,EAAAC,EAAA,CAAS,QAAK,KAAeF,EAAOG,SAErE"}

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

@@ -1,2 +1,2 @@
-import{jsxs as a,jsx as e}from"react/jsx-runtime";import{Button as o}from"../../button/Button.js";import{ModalContainer as t,ModalOverlay as l,Modal as r,ModalHeader as d,ModalTitle as i,ModalCloseButton as n,ModalBody as s,ModalActions as m}from"../Modal.js";/* empty css                         *//* empty css                         */const c={title:"Komponenter/Modal/CompleteModal",component:t,parameters:{layout:"centered"},tags:["autodocs"]},p={args:{id:"modal-container",role:"document","aria-hidden":!1,"aria-modal":!0,"aria-labelledby":"modal-title"},render:c=>a(t,{...c,children:[e(l,{}),a(r,{role:"document",children:[a(d,{children:[e(i,{"aria-level":1,role:"heading",id:"",children:"Tittel"}),e(n,{type:"button","aria-label":"close"})]}),e(s,{children:"Er du sikker på at du vil slette Foo Bar Baz?"}),a(m,{children:[e(o,{variant:"primary","data-testid":"confirm-modal",children:"Slett"}),e(o,{children:"Avbryt"})]})]})]})};export{p as CompleteModal,c as default};
+import{jsxs as a,jsx as e}from"react/jsx-runtime";import"react";import{Button as o}from"../../button/Button.js";import{ModalContainer as t,ModalOverlay as l,Modal as r,ModalHeader as d,ModalTitle as i,ModalCloseButton as n,ModalBody as s,ModalActions as m}from"../Modal.js";/* empty css                         *//* empty css                         */const c={title:"Komponenter/Modal/CompleteModal",component:t,parameters:{layout:"centered"},tags:["autodocs"]},p={args:{id:"modal-container",role:"document","aria-hidden":!1,"aria-modal":!0,"aria-labelledby":"modal-title"},render:c=>a(t,{...c,children:[e(l,{}),a(r,{role:"document",children:[a(d,{children:[e(i,{"aria-level":1,role:"heading",id:"",children:"Tittel"}),e(n,{type:"button","aria-label":"close"})]}),e(s,{children:"Er du sikker på at du vil slette Foo Bar Baz?"}),a(m,{children:[e(o,{variant:"primary","data-testid":"confirm-modal",children:"Slett"}),e(o,{children:"Avbryt"})]})]})]})};export{p as CompleteModal,c as default};
 //# sourceMappingURL=CompleteModal.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CompleteModal.stories.js","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":"kVAgBA,MAAMA,EAAO,CACTC,MAAO,kCACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAAuB,CAChCC,KAAM,CACFC,GAAI,kBACJC,KAAM,WACN,eAAe,EACf,cAAc,EACd,kBAAmB,eAEvBC,OAASH,GACJI,EAAAT,EAAA,IAAmBK,EAChBK,SAAA,CAAAC,EAACC,EAAa,IACdH,EAACI,EAAM,CAAAN,KAAK,WACRG,SAAA,CAAAD,EAACK,EAEG,CAAAJ,SAAA,CAAAC,EAACI,GAAW,aAAY,EAAGR,KAAK,UAAUD,GAAI,GAAII,SAElD,WACCC,EAAAK,EAAA,CAAiBC,KAAK,SAAS,aAAW,aAE/CN,EAACO,GAAUR,SAEX,oDACCS,EACG,CAAAT,SAAA,CAAAC,EAACS,EAAO,CAAAC,QAAQ,UAAU,cAAY,gBAAgBX,SAEtD,UACAC,EAACS,GAAOV,SAAM"}
+{"version":3,"file":"CompleteModal.stories.js","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":"gWAgBA,MAAMA,EAAO,CACTC,MAAO,kCACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAAuB,CAChCC,KAAM,CACFC,GAAI,kBACJC,KAAM,WACN,eAAe,EACf,cAAc,EACd,kBAAmB,eAEvBC,OAASH,GACJI,EAAAT,EAAA,IAAmBK,EAChBK,SAAA,CAAAC,EAACC,EAAa,IACdH,EAACI,EAAM,CAAAN,KAAK,WACRG,SAAA,CAAAD,EAACK,EAEG,CAAAJ,SAAA,CAAAC,EAACI,GAAW,aAAY,EAAGR,KAAK,UAAUD,GAAI,GAAII,SAElD,WACCC,EAAAK,EAAA,CAAiBC,KAAK,SAAS,aAAW,aAE/CN,EAACO,GAAUR,SAEX,oDACCS,EACG,CAAAT,SAAA,CAAAC,EAACS,EAAO,CAAAC,QAAQ,UAAU,cAAY,gBAAgBX,SAEtD,UACAC,EAACS,GAAOV,SAAM"}

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

@@ -1,2 +1,2 @@
-import{jsxs as o,jsx as t}from"react/jsx-runtime";/* empty css                         */import{Button as r}from"../../button/Button.js";import{ModalActions as e}from"../Modal.js";const a={title:"Komponenter/Modal/ModalActions",component:e,parameters:{layout:"centered"},tags:["autodocs"]},n={render:a=>o(e,{...a,children:[t(r,{variant:"primary",onClick:()=>{console.log("Bekreft is clicked")},children:"Bekreft"}),t(r,{variant:"tertiary",onClick:()=>{console.log("Avbryt is clicked")},children:"Avbryt"})]})};export{n as ModalActions,a as default};
+import{jsxs as t,jsx as o}from"react/jsx-runtime";import"react";/* empty css                         */import{Button as r}from"../../button/Button.js";import{ModalActions as e}from"../Modal.js";const a={title:"Komponenter/Modal/ModalActions",component:e,parameters:{layout:"centered"},tags:["autodocs"]},i={render:a=>t(e,{...a,children:[o(r,{variant:"primary",onClick:()=>{console.log("Bekreft is clicked")},children:"Bekreft"}),o(r,{variant:"tertiary",onClick:()=>{console.log("Avbryt is clicked")},children:"Avbryt"})]})};export{i as ModalActions,a as default};
 //# sourceMappingURL=ModalActions.stories.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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