@fremtind/jokul 0.57.4 → 0.57.6

package/build/cjs/components/checkbox-panel/stories/CheckboxPanel.stories.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("../../flex/Flex.cjs"),s=require("../../tag/Tag.cjs"),l={title:"Komponenter/CheckboxPanel",component:require("../CheckboxPanel.cjs").CheckboxPanel,parameters:{layout:"padded"},tags:["autodocs"],args:{alwaysOpen:{table:{defaultValue:{summary:!1}}}}},r={args:{label:"Kasko",children:e.jsx("p",{children:"En forsikring som passer de fleste biler. Dekker det meste av skader, også de du selv er ansvarlig for. Inkluderer Minikasko og Ansvar."}),extraLabel:e.jsxs(a.Flex,{as:"span",alignItems:"center",justifyContent:"flex-end",gap:24,className:"input-panel-example__custom-label input-panel-example__custom-label--bold",children:[e.jsx(s.SuccessTag,{children:"Anbefalt"}),"300 kr/mnd"]})},decorators:a=>e.jsx("div",{style:{maxWidth:580},children:e.jsx(a,{})})};exports.CheckboxPanel=r,exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("../../flex/Flex.cjs"),s=require("../../tag/Tag.cjs"),l={title:"Komponenter/CheckboxPanel",component:require("../CheckboxPanel.cjs").CheckboxPanel,parameters:{layout:"padded"},tags:["autodocs"],argTypes:{alwaysOpen:{table:{defaultValue:{summary:void 0}}}}},r={args:{label:"Kasko",children:e.jsx("p",{children:"En forsikring som passer de fleste biler. Dekker det meste av skader, også de du selv er ansvarlig for. Inkluderer Minikasko og Ansvar."}),extraLabel:e.jsxs(a.Flex,{as:"span",alignItems:"center",justifyContent:"flex-end",gap:24,className:"input-panel-example__custom-label input-panel-example__custom-label--bold",children:[e.jsx(s.SuccessTag,{children:"Anbefalt"}),"300 kr/mnd"]})},decorators:a=>e.jsx("div",{style:{maxWidth:580},children:e.jsx(a,{})})};exports.CheckboxPanel=r,exports.default=l;
 //# sourceMappingURL=CheckboxPanel.stories.cjs.map

package/build/cjs/components/checkbox-panel/stories/CheckboxPanel.stories.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxPanel.stories.cjs","sources":["../../../../../src/components/checkbox-panel/stories/CheckboxPanel.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Flex } from \"../../flex/Flex.js\";\nimport { SuccessTag } from \"../../tag/Tag.js\";\nimport { CheckboxPanel as CheckboxPanelComponent } from \"../CheckboxPanel.js\";\nimport \"../styles/_index.scss\";\nimport \"./styles.scss\";\n\nconst meta = {\n    title: \"Komponenter/CheckboxPanel\",\n    component: CheckboxPanelComponent,\n    parameters: {\n        layout: \"padded\",\n    },\n    tags: [\"autodocs\"],\n    args: {\n        alwaysOpen: {\n            table: {\n                defaultValue: {\n                    summary: false,\n                },\n            },\n        },\n    },\n} satisfies Meta<typeof CheckboxPanelComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const CheckboxPanel: 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: (\n            <Flex\n                as=\"span\"\n                alignItems=\"center\"\n                justifyContent=\"flex-end\"\n                gap={24}\n                className=\"input-panel-example__custom-label input-panel-example__custom-label--bold\"\n            >\n                <SuccessTag>Anbefalt</SuccessTag>\n                300 kr/mnd\n            </Flex>\n        ),\n    },\n    decorators: (Story) => (\n        <div style={{ maxWidth: 580 }}>\n            <Story />\n        </div>\n    ),\n};\n"],"names":["meta","title","component","CheckboxPanel","parameters","layout","tags","args","alwaysOpen","table","defaultValue","summary","label","children","jsx","extraLabel","jsxs","Flex","as","alignItems","justifyContent","gap","className","SuccessTag","decorators","Story","style","maxWidth"],"mappings":"iNAQMA,EAAO,CACTC,MAAO,4BACPC,0CAAWC,cACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,YACPC,KAAM,CACFC,WAAY,CACRC,MAAO,CACHC,aAAc,CACVC,SAAS,OAUhBR,EAAuB,CAChCI,KAAM,CACFK,MAAO,QACPC,SACKC,EAAAA,IAAA,IAAA,CAAED,SAIH,4IAEJE,WACIC,EAAAA,KAACC,EAAAA,KAAA,CACGC,GAAG,OACHC,WAAW,SACXC,eAAe,WACfC,IAAK,GACLC,UAAU,4EAEVT,SAAA,CAAAC,EAAAA,IAACS,cAAWV,SAAQ,aAAa,iBAK7CW,WAAaC,GACTX,EAAAA,IAAC,MAAI,CAAAY,MAAO,CAAEC,SAAU,KACpBd,SAACC,EAAAA,IAAAW,EAAA,CAAA"}
+{"version":3,"file":"CheckboxPanel.stories.cjs","sources":["../../../../../src/components/checkbox-panel/stories/CheckboxPanel.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Flex } from \"../../flex/Flex.js\";\nimport { SuccessTag } from \"../../tag/Tag.js\";\nimport { CheckboxPanel as CheckboxPanelComponent } from \"../CheckboxPanel.js\";\nimport \"../styles/_index.scss\";\nimport \"./styles.scss\";\n\nconst meta = {\n    title: \"Komponenter/CheckboxPanel\",\n    component: CheckboxPanelComponent,\n    parameters: {\n        layout: \"padded\",\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        alwaysOpen: {\n            table: {\n                defaultValue: {\n                    summary: undefined,\n                },\n            },\n        },\n    },\n} satisfies Meta<typeof CheckboxPanelComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const CheckboxPanel: 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: (\n            <Flex\n                as=\"span\"\n                alignItems=\"center\"\n                justifyContent=\"flex-end\"\n                gap={24}\n                className=\"input-panel-example__custom-label input-panel-example__custom-label--bold\"\n            >\n                <SuccessTag>Anbefalt</SuccessTag>\n                300 kr/mnd\n            </Flex>\n        ),\n    },\n    decorators: (Story) => (\n        <div style={{ maxWidth: 580 }}>\n            <Story />\n        </div>\n    ),\n};\n"],"names":["meta","title","component","CheckboxPanel","parameters","layout","tags","argTypes","alwaysOpen","table","defaultValue","summary","args","label","children","jsx","extraLabel","jsxs","Flex","as","alignItems","justifyContent","gap","className","SuccessTag","decorators","Story","style","maxWidth"],"mappings":"iNAQMA,EAAO,CACTC,MAAO,4BACPC,0CAAWC,cACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,WAAY,CACRC,MAAO,CACHC,aAAc,CACVC,aAAS,OAUhBR,EAAuB,CAChCS,KAAM,CACFC,MAAO,QACPC,SACKC,EAAAA,IAAA,IAAA,CAAED,SAIH,4IAEJE,WACIC,EAAAA,KAACC,EAAAA,KAAA,CACGC,GAAG,OACHC,WAAW,SACXC,eAAe,WACfC,IAAK,GACLC,UAAU,4EAEVT,SAAA,CAAAC,EAAAA,IAACS,cAAWV,SAAQ,aAAa,iBAK7CW,WAAaC,GACTX,EAAAA,IAAC,MAAI,CAAAY,MAAO,CAAEC,SAAU,KACpBd,SAACC,EAAAA,IAAAW,EAAA,CAAA"}

package/build/cjs/components/checkbox-panel/stories/CheckboxPanel.stories.d.cts

@@ -7,11 +7,11 @@ declare const meta: {
         layout: string;
     };
     tags: string[];
-    args: {
+    argTypes: {
         alwaysOpen: {
             table: {
                 defaultValue: {
-                    summary: boolean;
+                    summary: undefined;
                 };
             };
         };

package/build/cjs/components/icon/stories/Icons.stories.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),n=require("react"),r=require("../../text-input/TextInput.cjs"),o=require("../Icon.cjs");require("../icons/animated/ArrowVerticalAnimated.cjs"),require("../icons/animated/ArrowHorizontalAnimated.cjs"),require("../icons/animated/PlusRemoveAnimated.cjs");const c=require("../icons/ArrowDownIcon.cjs"),s=require("../icons/ArrowLeftIcon.cjs"),i=require("../icons/ArrowNorthEastIcon.cjs"),t=require("../icons/ArrowRightIcon.cjs"),u=require("../icons/ArrowUpIcon.cjs"),I=require("../icons/CalendarIcon.cjs"),a=require("../icons/CheckIcon.cjs"),l=require("../icons/ChevronDownIcon.cjs"),j=require("../icons/ChevronLeftIcon.cjs"),q=require("../icons/ChevronRightIcon.cjs"),d=require("../icons/ChevronUpIcon.cjs"),h=require("../icons/CloseIcon.cjs"),m=require("../icons/CopyIcon.cjs"),p=require("../icons/DotsIcon.cjs"),w=require("../icons/DragIcon.cjs"),C=require("../icons/ErrorIcon.cjs"),v=require("../icons/GreenCheckIcon.cjs"),g=require("../icons/HamburgerIcon.cjs"),x=require("../icons/InfoIcon.cjs"),A=require("../icons/LinkIcon.cjs"),b=require("../icons/MinusIcon.cjs"),f=require("../icons/OpenInNewIcon.cjs"),k=require("../icons/PenIcon.cjs"),y=require("../icons/PlusIcon.cjs"),D=require("../icons/QuestionIcon.cjs"),T=require("../icons/RedCrossIcon.cjs"),S=require("../icons/SearchIcon.cjs"),N=require("../icons/SuccessIcon.cjs"),R=require("../icons/ThumbDownIcon.cjs"),L=require("../icons/ThumbUpIcon.cjs"),P=require("../icons/TrashCanIcon.cjs"),U=require("../icons/WarningIcon.cjs");;/* empty css                            */const E=({name:n,renderIcon:r,...o})=>e.jsx("div",{title:n||r.name,...o,children:r()}),M=({columns:n,children:r,...o})=>e.jsx("div",{className:`jkl-example-grid jkl-example-grid--${n}-columns`,...o,children:r}),H={title:"Komponenter/Ikoner",component:o.Icon,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{variant:{control:"radio",options:["inherit","medium","small"]}}},O=[c.ArrowDownIcon,s.ArrowLeftIcon,i.ArrowNorthEastIcon,t.ArrowRightIcon,u.ArrowUpIcon,I.CalendarIcon,a.CheckIcon,l.ChevronDownIcon,j.ChevronLeftIcon,q.ChevronRightIcon,d.ChevronUpIcon,h.CloseIcon,m.CopyIcon,p.DotsIcon,w.DragIcon,C.ErrorIcon,v.GreenCheckIcon,g.HamburgerIcon,x.InfoIcon,A.LinkIcon,b.MinusIcon,f.OpenInNewIcon,k.PenIcon,y.PlusIcon,D.QuestionIcon,T.RedCrossIcon,S.SearchIcon,N.SuccessIcon,R.ThumbDownIcon,L.ThumbUpIcon,P.TrashCanIcon,U.WarningIcon],_={args:{variant:"small",bold:!1},render:({variant:o,bold:c})=>{const[s,i]=n.useState("1rem");return e.jsxs("div",{style:{width:"50vw"},children:["inherit"===o&&e.jsx(r.TextInput,{label:"Fontstørrelse",className:"jkl-spacing-24--bottom",value:s,onChange:e=>i(e.target.value),width:"10ch"}),e.jsx(M,{style:{fontSize:s},columns:"four",children:O.map((n=>e.jsx(E,{style:{justifySelf:"center"},renderIcon:()=>e.jsx(n,{bold:c,variant:o}),name:n.displayName},n.displayName)))})]})}};exports.Ikoner=_,exports.default=H;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),n=require("react"),r=require("../../text-input/TextInput.cjs"),o=require("../Icon.cjs");require("../icons/animated/ArrowVerticalAnimated.cjs"),require("../icons/animated/ArrowHorizontalAnimated.cjs"),require("../icons/animated/PlusRemoveAnimated.cjs");const c=require("../icons/ArrowDownIcon.cjs"),s=require("../icons/ArrowLeftIcon.cjs"),i=require("../icons/ArrowNorthEastIcon.cjs"),t=require("../icons/ArrowRightIcon.cjs"),u=require("../icons/ArrowUpIcon.cjs"),I=require("../icons/CalendarIcon.cjs"),a=require("../icons/CheckIcon.cjs"),l=require("../icons/ChevronDownIcon.cjs"),j=require("../icons/ChevronLeftIcon.cjs"),d=require("../icons/ChevronRightIcon.cjs"),q=require("../icons/ChevronUpIcon.cjs"),h=require("../icons/CloseIcon.cjs"),m=require("../icons/CopyIcon.cjs"),p=require("../icons/DotsIcon.cjs"),w=require("../icons/DragIcon.cjs"),C=require("../icons/ErrorIcon.cjs"),v=require("../icons/GreenCheckIcon.cjs"),g=require("../icons/HamburgerIcon.cjs"),x=require("../icons/InfoIcon.cjs"),A=require("../icons/LinkIcon.cjs"),b=require("../icons/MinusIcon.cjs"),f=require("../icons/OpenInNewIcon.cjs"),k=require("../icons/PenIcon.cjs"),y=require("../icons/PlusIcon.cjs"),D=require("../icons/QuestionIcon.cjs"),T=require("../icons/RedCrossIcon.cjs"),S=require("../icons/SearchIcon.cjs"),N=require("../icons/SuccessIcon.cjs"),R=require("../icons/ThumbDownIcon.cjs"),L=require("../icons/ThumbUpIcon.cjs"),P=require("../icons/TrashCanIcon.cjs"),U=require("../icons/WarningIcon.cjs");;/* empty css                            */const E=({name:n,renderIcon:r,...o})=>e.jsx("div",{title:n||r.name,...o,children:r()}),M=({columns:n,children:r,...o})=>e.jsx("div",{className:`jkl-example-grid jkl-example-grid--${n}-columns`,...o,children:r}),H={title:"Komponenter/Ikoner",component:o.Icon,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{variant:{control:"radio",options:["inherit","medium","small"]}}},O=[c.ArrowDownIcon,s.ArrowLeftIcon,i.ArrowNorthEastIcon,t.ArrowRightIcon,u.ArrowUpIcon,I.CalendarIcon,a.CheckIcon,l.ChevronDownIcon,j.ChevronLeftIcon,d.ChevronRightIcon,q.ChevronUpIcon,h.CloseIcon,m.CopyIcon,p.DotsIcon,w.DragIcon,C.ErrorIcon,v.GreenCheckIcon,g.HamburgerIcon,x.InfoIcon,A.LinkIcon,b.MinusIcon,f.OpenInNewIcon,k.PenIcon,y.PlusIcon,D.QuestionIcon,T.RedCrossIcon,S.SearchIcon,N.SuccessIcon,R.ThumbDownIcon,L.ThumbUpIcon,P.TrashCanIcon,U.WarningIcon],_={args:{variant:"small",bold:!1},render:({variant:o,bold:c})=>{const[s,i]=n.useState("1rem");return e.jsxs("div",{style:{width:"50vw"},children:["inherit"===o&&e.jsx(r.TextInput,{label:"Fontstørrelse",className:"jkl-spacing-24--bottom",value:s,onChange:e=>i(e.target.value),width:"10ch"}),e.jsx(M,{style:{fontSize:s},columns:"four",children:O.map((n=>e.jsx(E,{style:{justifySelf:"center"},renderIcon:()=>e.jsx(n,{bold:c,variant:o}),name:n.displayName},n.displayName)))})]})}};exports.Ikoner=_,exports.default=H;
 //# sourceMappingURL=Icons.stories.cjs.map

package/build/cjs/components/menu/stories/Menu.stories.cjs

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

package/build/cjs/components/menu/stories/Menu.stories.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.stories.cjs","sources":["../../../../../src/components/menu/stories/Menu.stories.tsx"],"sourcesContent":["import { 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","Menu","parameters","layout","tags","args","triggerElement","jsx","GhostButton","icon","ChevronDownIcon","bold","iconPosition","children","keepOpenOnClickOutside","jsxs","Fragment","MenuItem","expandable","as","href","ErrorIcon","isOpen","render"],"mappings":"m5DAQA,MAAMA,EAAO,CACTC,MAAO,wBACPC,UAAWC,EAAAC,KACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMEH,EAAc,CACvBI,KAAM,CACFC,eACIC,EAAAA,IAACC,EAAAA,YAAA,CACGC,KAAMF,EAAAA,IAACG,EAAAA,gBAAgB,CAAAC,MAAI,IAC3BC,aAAa,QACb,cAAY,YACfC,SAAA,iBAILC,wBAAwB,EACxBD,SAEQE,EAAAA,KAAAC,WAAA,CAAAH,SAAA,CAAAN,EAAAA,IAACU,YAASJ,SAAiB,sBAC3BE,EAAAA,KAACf,EAAAC,KAAA,CACGK,eACIC,EAAAA,IAACU,WAAS,CAAAC,YAAY,EAAML,SAAU,eAGzCA,SAAA,CAAA,UACAI,EAAAA,SAAS,CAAAE,GAAG,IAAIC,KAAK,6BAA6BP,SAEnD,4BACCI,EAAAA,SAAS,CAAAE,GAAG,IAAIC,KAAK,uBAAuBP,SAE7C,iCAGHI,EAAAA,SAAS,CAAAR,KAAOF,EAAAA,IAAAc,EAAAA,UAAA,IAAcR,SAAU,kBAGjDS,QAAQ,GAEZC,OAAQ,KAAMlB,KAAWE,EAAAA,IAACP,OAAe,IAAGK"}

package/build/cjs/components/menu/stories/Menu.stories.d.cts

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

package/build/cjs/components/menu/stories/MenuDivider.stories.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../MenuDivider.cjs");;/* empty css                            */const t={title:"Komponenter/Menu/MenuDivider",component:r.MenuDivider,parameters:{layout:"centered"},tags:["autodocs"]},i={render:()=>e.jsx(r.MenuDivider,{})};exports.MenuDivider=i,exports.default=t;
+//# sourceMappingURL=MenuDivider.stories.cjs.map

package/build/cjs/components/menu/stories/MenuDivider.stories.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider.stories.cjs","sources":["../../../../../src/components/menu/stories/MenuDivider.stories.tsx"],"sourcesContent":["import { 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","MenuDivider","parameters","layout","tags","render","jsx"],"mappings":"4NAKA,MAAMA,EAAO,CACTC,MAAO,+BACPC,UAAWC,EAAAC,YACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMEH,EAAqB,CAC9BI,OAAQ,IAAMC,EAAAA,IAACN,EAAqBC,YAAA"}

package/build/cjs/components/menu/stories/MenuDivider.stories.d.cts

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

package/build/cjs/components/menu/stories/MenuItem.stories.cjs

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

package/build/cjs/components/menu/stories/MenuItem.stories.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.stories.cjs","sources":["../../../../../src/components/menu/stories/MenuItem.stories.tsx"],"sourcesContent":["import { 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","MenuItem","parameters","layout","tags","args","icon","expandable","render","props","jsx","InfoIcon","children"],"mappings":"60DAMA,MAAMA,EAAO,CACTC,MAAO,4BACPC,UAAWC,EAAAC,SACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMEH,EAAkB,CAC3BI,KAAM,CACFC,MAAM,EACNC,YAAY,GAEhBC,OAAQ,EAAGF,KAAAA,KAASG,KAChBC,MAACV,EAAAA,SAAkB,CAAAM,KAAMA,EAAQI,EAAAA,IAAAC,EAAAA,SAAA,CAAS,QAAK,KAAeF,EAAOG,SAErE"}

package/build/cjs/components/menu/stories/MenuItem.stories.d.cts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+import { default as React } from 'react';
+declare const meta: {
+    title: string;
+    component: <ElementType extends React.ElementType = "button">(props: import('../types.js').MenuItemProps<ElementType>) => React.ReactElement | null;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const MenuItem: Story;

package/build/cjs/components/menu/stories/MenuItemCheckbox.stories.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../MenuItemCheckbox.cjs");;/* empty css                            */const t={title:"Komponenter/Menu/MenuItemCheckbox",component:e.MenuItemCheckbox,parameters:{layout:"centered"},tags:["autodocs"]};exports.MenuItemCheckbox={args:{"aria-checked":!1}},exports.default=t;
+//# sourceMappingURL=MenuItemCheckbox.stories.cjs.map

package/build/cjs/components/menu/stories/MenuItemCheckbox.stories.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemCheckbox.stories.cjs","sources":["../../../../../src/components/menu/stories/MenuItemCheckbox.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport { MenuItemCheckbox as MenuItemCheckboxComponent } from \"../MenuItemCheckbox.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Menu/MenuItemCheckbox\",\n    component: MenuItemCheckboxComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof MenuItemCheckboxComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const MenuItemCheckbox: Story = {\n    args: {\n        \"aria-checked\": false,\n    },\n};\n"],"names":["meta","title","component","MenuItemCheckboxComponent","MenuItemCheckbox","parameters","layout","tags","args"],"mappings":"kMAIA,MAAMA,EAAO,CACTC,MAAO,oCACPC,UAAWC,EAAAC,iBACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,sCAM4B,CACnCC,KAAM,CACF,gBAAgB"}

package/build/cjs/components/menu/stories/MenuItemCheckbox.stories.d.cts

@@ -0,0 +1,12 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('../types.js').MenuItemCheckboxProps & import('react').RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const MenuItemCheckbox: Story;

package/build/es/components/checkbox-panel/stories/CheckboxPanel.stories.d.ts

@@ -7,11 +7,11 @@ declare const meta: {
         layout: string;
     };
     tags: string[];
-    args: {
+    argTypes: {
         alwaysOpen: {
             table: {
                 defaultValue: {
-                    summary: boolean;
+                    summary: undefined;
                 };
             };
         };

package/build/es/components/checkbox-panel/stories/CheckboxPanel.stories.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as a}from"react/jsx-runtime";import{Flex as s}from"../../flex/Flex.js";import{SuccessTag as l}from"../../tag/Tag.js";import{CheckboxPanel as r}from"../CheckboxPanel.js";const t={title:"Komponenter/CheckboxPanel",component:r,parameters:{layout:"padded"},tags:["autodocs"],args:{alwaysOpen:{table:{defaultValue:{summary:!1}}}}},n={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:a(s,{as:"span",alignItems:"center",justifyContent:"flex-end",gap:24,className:"input-panel-example__custom-label input-panel-example__custom-label--bold",children:[e(l,{children:"Anbefalt"}),"300 kr/mnd"]})},decorators:a=>e("div",{style:{maxWidth:580},children:e(a,{})})};export{n as CheckboxPanel,t as default};
+import{jsx as e,jsxs as a}from"react/jsx-runtime";import{Flex as s}from"../../flex/Flex.js";import{SuccessTag as l}from"../../tag/Tag.js";import{CheckboxPanel as r}from"../CheckboxPanel.js";const t={title:"Komponenter/CheckboxPanel",component:r,parameters:{layout:"padded"},tags:["autodocs"],argTypes:{alwaysOpen:{table:{defaultValue:{summary:void 0}}}}},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:a(s,{as:"span",alignItems:"center",justifyContent:"flex-end",gap:24,className:"input-panel-example__custom-label input-panel-example__custom-label--bold",children:[e(l,{children:"Anbefalt"}),"300 kr/mnd"]})},decorators:a=>e("div",{style:{maxWidth:580},children:e(a,{})})};export{o as CheckboxPanel,t as default};
 //# sourceMappingURL=CheckboxPanel.stories.js.map

package/build/es/components/checkbox-panel/stories/CheckboxPanel.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxPanel.stories.js","sources":["../../../../../src/components/checkbox-panel/stories/CheckboxPanel.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Flex } from \"../../flex/Flex.js\";\nimport { SuccessTag } from \"../../tag/Tag.js\";\nimport { CheckboxPanel as CheckboxPanelComponent } from \"../CheckboxPanel.js\";\nimport \"../styles/_index.scss\";\nimport \"./styles.scss\";\n\nconst meta = {\n    title: \"Komponenter/CheckboxPanel\",\n    component: CheckboxPanelComponent,\n    parameters: {\n        layout: \"padded\",\n    },\n    tags: [\"autodocs\"],\n    args: {\n        alwaysOpen: {\n            table: {\n                defaultValue: {\n                    summary: false,\n                },\n            },\n        },\n    },\n} satisfies Meta<typeof CheckboxPanelComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const CheckboxPanel: 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: (\n            <Flex\n                as=\"span\"\n                alignItems=\"center\"\n                justifyContent=\"flex-end\"\n                gap={24}\n                className=\"input-panel-example__custom-label input-panel-example__custom-label--bold\"\n            >\n                <SuccessTag>Anbefalt</SuccessTag>\n                300 kr/mnd\n            </Flex>\n        ),\n    },\n    decorators: (Story) => (\n        <div style={{ maxWidth: 580 }}>\n            <Story />\n        </div>\n    ),\n};\n"],"names":["meta","title","component","CheckboxPanelComponent","parameters","layout","tags","args","alwaysOpen","table","defaultValue","summary","CheckboxPanel","label","children","jsx","extraLabel","jsxs","Flex","as","alignItems","justifyContent","gap","className","SuccessTag","decorators","Story","style","maxWidth"],"mappings":"8LAQA,MAAMA,EAAO,CACTC,MAAO,4BACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,YACPC,KAAM,CACFC,WAAY,CACRC,MAAO,CACHC,aAAc,CACVC,SAAS,OAUhBC,EAAuB,CAChCL,KAAM,CACFM,MAAO,QACPC,SACKC,EAAA,IAAA,CAAED,SAIH,4IAEJE,WACIC,EAACC,EAAA,CACGC,GAAG,OACHC,WAAW,SACXC,eAAe,WACfC,IAAK,GACLC,UAAU,4EAEVT,SAAA,CAAAC,EAACS,GAAWV,SAAQ,aAAa,iBAK7CW,WAAaC,GACTX,EAAC,MAAI,CAAAY,MAAO,CAAEC,SAAU,KACpBd,SAACC,EAAAW,EAAA,CAAA"}
+{"version":3,"file":"CheckboxPanel.stories.js","sources":["../../../../../src/components/checkbox-panel/stories/CheckboxPanel.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Flex } from \"../../flex/Flex.js\";\nimport { SuccessTag } from \"../../tag/Tag.js\";\nimport { CheckboxPanel as CheckboxPanelComponent } from \"../CheckboxPanel.js\";\nimport \"../styles/_index.scss\";\nimport \"./styles.scss\";\n\nconst meta = {\n    title: \"Komponenter/CheckboxPanel\",\n    component: CheckboxPanelComponent,\n    parameters: {\n        layout: \"padded\",\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        alwaysOpen: {\n            table: {\n                defaultValue: {\n                    summary: undefined,\n                },\n            },\n        },\n    },\n} satisfies Meta<typeof CheckboxPanelComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const CheckboxPanel: 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: (\n            <Flex\n                as=\"span\"\n                alignItems=\"center\"\n                justifyContent=\"flex-end\"\n                gap={24}\n                className=\"input-panel-example__custom-label input-panel-example__custom-label--bold\"\n            >\n                <SuccessTag>Anbefalt</SuccessTag>\n                300 kr/mnd\n            </Flex>\n        ),\n    },\n    decorators: (Story) => (\n        <div style={{ maxWidth: 580 }}>\n            <Story />\n        </div>\n    ),\n};\n"],"names":["meta","title","component","CheckboxPanelComponent","parameters","layout","tags","argTypes","alwaysOpen","table","defaultValue","summary","CheckboxPanel","args","label","children","jsx","extraLabel","jsxs","Flex","as","alignItems","justifyContent","gap","className","SuccessTag","decorators","Story","style","maxWidth"],"mappings":"8LAQA,MAAMA,EAAO,CACTC,MAAO,4BACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,WAAY,CACRC,MAAO,CACHC,aAAc,CACVC,aAAS,OAUhBC,EAAuB,CAChCC,KAAM,CACFC,MAAO,QACPC,SACKC,EAAA,IAAA,CAAED,SAIH,4IAEJE,WACIC,EAACC,EAAA,CACGC,GAAG,OACHC,WAAW,SACXC,eAAe,WACfC,IAAK,GACLC,UAAU,4EAEVT,SAAA,CAAAC,EAACS,GAAWV,SAAQ,aAAa,iBAK7CW,WAAaC,GACTX,EAAC,MAAI,CAAAY,MAAO,CAAEC,SAAU,KACpBd,SAACC,EAAAW,EAAA,CAAA"}

package/build/es/components/icon/stories/Icons.stories.js

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as n}from"react/jsx-runtime";import{useState as r}from"react";import{TextInput as s}from"../../text-input/TextInput.js";import{Icon as c}from"../Icon.js";import"../icons/animated/ArrowVerticalAnimated.js";import"../icons/animated/ArrowHorizontalAnimated.js";import"../icons/animated/PlusRemoveAnimated.js";import{ArrowDownIcon as i}from"../icons/ArrowDownIcon.js";import{ArrowLeftIcon as e}from"../icons/ArrowLeftIcon.js";import{ArrowNorthEastIcon as t}from"../icons/ArrowNorthEastIcon.js";import{ArrowRightIcon as m}from"../icons/ArrowRightIcon.js";import{ArrowUpIcon as a}from"../icons/ArrowUpIcon.js";import{CalendarIcon as I}from"../icons/CalendarIcon.js";import{CheckIcon as p}from"../icons/CheckIcon.js";import{ChevronDownIcon as f}from"../icons/ChevronDownIcon.js";import{ChevronLeftIcon as l}from"../icons/ChevronLeftIcon.js";import{ChevronRightIcon as j}from"../icons/ChevronRightIcon.js";import{ChevronUpIcon as h}from"../icons/ChevronUpIcon.js";import{CloseIcon as d}from"../icons/CloseIcon.js";import{CopyIcon as u}from"../icons/CopyIcon.js";import{DotsIcon as w}from"../icons/DotsIcon.js";import{DragIcon as C}from"../icons/DragIcon.js";import{ErrorIcon as v}from"../icons/ErrorIcon.js";import{GreenCheckIcon as g}from"../icons/GreenCheckIcon.js";import{HamburgerIcon as A}from"../icons/HamburgerIcon.js";import{InfoIcon as b}from"../icons/InfoIcon.js";import{LinkIcon as k}from"../icons/LinkIcon.js";import{MinusIcon as x}from"../icons/MinusIcon.js";import{OpenInNewIcon as y}from"../icons/OpenInNewIcon.js";import{PenIcon as D}from"../icons/PenIcon.js";import{PlusIcon as T}from"../icons/PlusIcon.js";import{QuestionIcon as N}from"../icons/QuestionIcon.js";import{RedCrossIcon as R}from"../icons/RedCrossIcon.js";import{SearchIcon as S}from"../icons/SearchIcon.js";import{SuccessIcon as L}from"../icons/SuccessIcon.js";import{ThumbDownIcon as U}from"../icons/ThumbDownIcon.js";import{ThumbUpIcon as P}from"../icons/ThumbUpIcon.js";import{TrashCanIcon as E}from"../icons/TrashCanIcon.js";import{WarningIcon as H}from"../icons/WarningIcon.js";/* empty css                         */const z=({name:n,renderIcon:r,...s})=>o("div",{title:n||r.name,...s,children:r()}),G=({columns:n,children:r,...s})=>o("div",{className:`jkl-example-grid jkl-example-grid--${n}-columns`,...s,children:r}),M={title:"Komponenter/Ikoner",component:c,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{variant:{control:"radio",options:["inherit","medium","small"]}}},O=[i,e,t,m,a,I,p,f,l,j,h,d,u,w,C,v,g,A,b,k,x,y,D,T,N,R,S,L,U,P,E,H],Q={args:{variant:"small",bold:!1},render:({variant:c,bold:i})=>{const[e,t]=r("1rem");return n("div",{style:{width:"50vw"},children:["inherit"===c&&o(s,{label:"Fontstørrelse",className:"jkl-spacing-24--bottom",value:e,onChange:o=>t(o.target.value),width:"10ch"}),o(G,{style:{fontSize:e},columns:"four",children:O.map((n=>o(z,{style:{justifySelf:"center"},renderIcon:()=>o(n,{bold:i,variant:c}),name:n.displayName},n.displayName)))})]})}};export{Q as Ikoner,M as default};
+import{jsx as o,jsxs as n}from"react/jsx-runtime";import{useState as r}from"react";import{TextInput as s}from"../../text-input/TextInput.js";import{Icon as c}from"../Icon.js";import"../icons/animated/ArrowVerticalAnimated.js";import"../icons/animated/ArrowHorizontalAnimated.js";import"../icons/animated/PlusRemoveAnimated.js";import{ArrowDownIcon as i}from"../icons/ArrowDownIcon.js";import{ArrowLeftIcon as e}from"../icons/ArrowLeftIcon.js";import{ArrowNorthEastIcon as t}from"../icons/ArrowNorthEastIcon.js";import{ArrowRightIcon as m}from"../icons/ArrowRightIcon.js";import{ArrowUpIcon as a}from"../icons/ArrowUpIcon.js";import{CalendarIcon as I}from"../icons/CalendarIcon.js";import{CheckIcon as p}from"../icons/CheckIcon.js";import{ChevronDownIcon as f}from"../icons/ChevronDownIcon.js";import{ChevronLeftIcon as l}from"../icons/ChevronLeftIcon.js";import{ChevronRightIcon as j}from"../icons/ChevronRightIcon.js";import{ChevronUpIcon as d}from"../icons/ChevronUpIcon.js";import{CloseIcon as h}from"../icons/CloseIcon.js";import{CopyIcon as u}from"../icons/CopyIcon.js";import{DotsIcon as w}from"../icons/DotsIcon.js";import{DragIcon as C}from"../icons/DragIcon.js";import{ErrorIcon as v}from"../icons/ErrorIcon.js";import{GreenCheckIcon as g}from"../icons/GreenCheckIcon.js";import{HamburgerIcon as A}from"../icons/HamburgerIcon.js";import{InfoIcon as b}from"../icons/InfoIcon.js";import{LinkIcon as k}from"../icons/LinkIcon.js";import{MinusIcon as x}from"../icons/MinusIcon.js";import{OpenInNewIcon as y}from"../icons/OpenInNewIcon.js";import{PenIcon as D}from"../icons/PenIcon.js";import{PlusIcon as T}from"../icons/PlusIcon.js";import{QuestionIcon as N}from"../icons/QuestionIcon.js";import{RedCrossIcon as R}from"../icons/RedCrossIcon.js";import{SearchIcon as S}from"../icons/SearchIcon.js";import{SuccessIcon as L}from"../icons/SuccessIcon.js";import{ThumbDownIcon as U}from"../icons/ThumbDownIcon.js";import{ThumbUpIcon as P}from"../icons/ThumbUpIcon.js";import{TrashCanIcon as E}from"../icons/TrashCanIcon.js";import{WarningIcon as H}from"../icons/WarningIcon.js";/* empty css                         */const z=({name:n,renderIcon:r,...s})=>o("div",{title:n||r.name,...s,children:r()}),G=({columns:n,children:r,...s})=>o("div",{className:`jkl-example-grid jkl-example-grid--${n}-columns`,...s,children:r}),M={title:"Komponenter/Ikoner",component:c,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{variant:{control:"radio",options:["inherit","medium","small"]}}},O=[i,e,t,m,a,I,p,f,l,j,d,h,u,w,C,v,g,A,b,k,x,y,D,T,N,R,S,L,U,P,E,H],Q={args:{variant:"small",bold:!1},render:({variant:c,bold:i})=>{const[e,t]=r("1rem");return n("div",{style:{width:"50vw"},children:["inherit"===c&&o(s,{label:"Fontstørrelse",className:"jkl-spacing-24--bottom",value:e,onChange:o=>t(o.target.value),width:"10ch"}),o(G,{style:{fontSize:e},columns:"four",children:O.map((n=>o(z,{style:{justifySelf:"center"},renderIcon:()=>o(n,{bold:i,variant:c}),name:n.displayName},n.displayName)))})]})}};export{Q as Ikoner,M as default};
 //# sourceMappingURL=Icons.stories.js.map

package/build/es/components/menu/stories/Menu.stories.d.ts

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

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

@@ -0,0 +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};
+//# sourceMappingURL=Menu.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.stories.js","sources":["../../../../../src/components/menu/stories/Menu.stories.tsx"],"sourcesContent":["import { 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"}

package/build/es/components/menu/stories/MenuDivider.stories.d.ts

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

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

@@ -0,0 +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};
+//# sourceMappingURL=MenuDivider.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider.stories.js","sources":["../../../../../src/components/menu/stories/MenuDivider.stories.tsx"],"sourcesContent":["import { 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"}

package/build/es/components/menu/stories/MenuItem.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+import { default as React } from 'react';
+declare const meta: {
+    title: string;
+    component: <ElementType extends React.ElementType = "button">(props: import('../types.js').MenuItemProps<ElementType>) => React.ReactElement | null;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const MenuItem: Story;

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

@@ -0,0 +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};
+//# sourceMappingURL=MenuItem.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.stories.js","sources":["../../../../../src/components/menu/stories/MenuItem.stories.tsx"],"sourcesContent":["import { 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"}

package/build/es/components/menu/stories/MenuItemCheckbox.stories.d.ts

@@ -0,0 +1,12 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('../types.js').MenuItemCheckboxProps & import('react').RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const MenuItemCheckbox: Story;

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

@@ -0,0 +1,2 @@
+import{MenuItemCheckbox as e}from"../MenuItemCheckbox.js";/* empty css                         */const t={title:"Komponenter/Menu/MenuItemCheckbox",component:e,parameters:{layout:"centered"},tags:["autodocs"]},o={args:{"aria-checked":!1}};export{o as MenuItemCheckbox,t as default};
+//# sourceMappingURL=MenuItemCheckbox.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemCheckbox.stories.js","sources":["../../../../../src/components/menu/stories/MenuItemCheckbox.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport { MenuItemCheckbox as MenuItemCheckboxComponent } from \"../MenuItemCheckbox.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Menu/MenuItemCheckbox\",\n    component: MenuItemCheckboxComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof MenuItemCheckboxComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const MenuItemCheckbox: Story = {\n    args: {\n        \"aria-checked\": false,\n    },\n};\n"],"names":["meta","title","component","MenuItemCheckboxComponent","parameters","layout","tags","MenuItemCheckbox","args"],"mappings":"iGAIA,MAAMA,EAAO,CACTC,MAAO,oCACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMEC,EAA0B,CACnCC,KAAM,CACF,gBAAgB"}