@fremtind/jokul 0.57.3 → 0.57.4

package/build/cjs/components/text-input/stories/TextInput.stories.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.stories.cjs","sources":["../../../../../src/components/text-input/stories/TextInput.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { TextInput as TextInputComponent } from \"../TextInput.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Skjemaelementer/TextInput/TextInput\",\n    component: TextInputComponent,\n    parameters: {\n        controls: {\n            expanded: true,\n            sort: \"alpha\",\n        },\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        density: {\n            table: {\n                disable: true,\n            },\n        },\n    },\n} satisfies Meta<typeof TextInputComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const TextInput: Story = {\n    argTypes: {\n        label: {\n            type: {\n                name: \"string\",\n                required: true,\n            },\n            table: {\n                defaultValue: {\n                    summary: undefined,\n                },\n            },\n        },\n        value: {\n            control: \"text\",\n            description: \"Verdien i feltet\",\n            table: {\n                defaultValue: {\n                    summary: undefined,\n                },\n            },\n        },\n        unit: {\n            control: \"text\",\n            table: {\n                defaultValue: {\n                    summary: undefined,\n                },\n            },\n        },\n        width: {\n            control: \"text\",\n            description: \"Absolutt verdi for bredden til input-feltet\",\n            table: {\n                defaultValue: {\n                    summary: undefined,\n                },\n            },\n        },\n        maxLength: {\n            control: \"number\",\n            table: {\n                defaultValue: {\n                    summary: undefined,\n                },\n            },\n        },\n        action: {\n            type: \"function\",\n            table: {\n                defaultValue: {\n                    summary: undefined,\n                },\n            },\n        },\n        actionButton: {\n            type: \"function\",\n            table: {\n                defaultValue: {\n                    summary: undefined,\n                },\n            },\n        },\n        inline: {\n            control: \"boolean\",\n            description: \"Lar feltet stå som en del av tekstlig innhold\",\n            table: {\n                defaultValue: {\n                    summary: undefined,\n                },\n            },\n        },\n        name: {\n            table: {\n                disable: true,\n            },\n        },\n        inputClassName: {\n            description: \"Klasse for input-feltet\",\n            table: {\n                defaultValue: {\n                    summary: undefined,\n                },\n            },\n        },\n        density: {\n            table: {\n                disable: true,\n            },\n        },\n        align: {\n            table: {\n                defaultValue: {\n                    summary: \"left\",\n                },\n            },\n        },\n        placeholder: {\n            table: {\n                defaultValue: {\n                    summary: undefined,\n                },\n            },\n        },\n        defaultValue: {\n            table: {\n                defaultValue: {\n                    summary: undefined,\n                },\n            },\n        },\n        \"data-testautoid\": {\n            table: {\n                defaultValue: {\n                    summary: undefined,\n                },\n            },\n        },\n    },\n    args: {\n        name: \"text-input\",\n        label: \"Label\",\n        align: \"left\",\n        inline: false,\n        placeholder: \"Ditt innhold\",\n        maxLength: 35,\n        disabled: false,\n        readOnly: false,\n        defaultValue: \"Ditt innhold\",\n        inputClassName: \"input-klasse\",\n        \"data-testautoid\": \"test-id\",\n    },\n};\n\n/**\n * Ved å bruke unit og align sammen vil du få et godt utgangspunkt for\n * nummer-baserte svar.\n */\nexport const UnitAlign: Story = {\n    name: \"Unit + Align\",\n    args: {\n        label: \"Boareal\",\n        align: \"right\",\n        maxLength: 20,\n        placeholder: \"50\",\n        unit: \"kvadratmeter\",\n    },\n};\n"],"names":["meta","title","component","TextInputComponent","TextInput","parameters","controls","expanded","sort","tags","argTypes","density","table","disable","label","type","name","required","defaultValue","summary","value","control","description","unit","width","maxLength","action","actionButton","inline","inputClassName","align","placeholder","args","disabled","readOnly"],"mappings":"2LAIA,MAAMA,EAAO,CACTC,MAAO,sCACPC,UAAWC,EAAAC,UACXC,WAAY,CACRC,SAAU,CACNC,UAAU,EACVC,KAAM,UAGdC,KAAM,CAAC,YACPC,SAAU,CACNC,QAAS,CACLC,MAAO,CACHC,SAAS,wBASO,CAC5BH,SAAU,CACNI,MAAO,CACHC,KAAM,CACFC,KAAM,SACNC,UAAU,GAEdL,MAAO,CACHM,aAAc,CACVC,aAAS,KAIrBC,MAAO,CACHC,QAAS,OACTC,YAAa,mBACbV,MAAO,CACHM,aAAc,CACVC,aAAS,KAIrBI,KAAM,CACFF,QAAS,OACTT,MAAO,CACHM,aAAc,CACVC,aAAS,KAIrBK,MAAO,CACHH,QAAS,OACTC,YAAa,8CACbV,MAAO,CACHM,aAAc,CACVC,aAAS,KAIrBM,UAAW,CACPJ,QAAS,SACTT,MAAO,CACHM,aAAc,CACVC,aAAS,KAIrBO,OAAQ,CACJX,KAAM,WACNH,MAAO,CACHM,aAAc,CACVC,aAAS,KAIrBQ,aAAc,CACVZ,KAAM,WACNH,MAAO,CACHM,aAAc,CACVC,aAAS,KAIrBS,OAAQ,CACJP,QAAS,UACTC,YAAa,gDACbV,MAAO,CACHM,aAAc,CACVC,aAAS,KAIrBH,KAAM,CACFJ,MAAO,CACHC,SAAS,IAGjBgB,eAAgB,CACZP,YAAa,0BACbV,MAAO,CACHM,aAAc,CACVC,aAAS,KAIrBR,QAAS,CACLC,MAAO,CACHC,SAAS,IAGjBiB,MAAO,CACHlB,MAAO,CACHM,aAAc,CACVC,QAAS,UAIrBY,YAAa,CACTnB,MAAO,CACHM,aAAc,CACVC,aAAS,KAIrBD,aAAc,CACVN,MAAO,CACHM,aAAc,CACVC,aAAS,KAIrB,kBAAmB,CACfP,MAAO,CACHM,aAAc,CACVC,aAAS,MAKzBa,KAAM,CACFhB,KAAM,aACNF,MAAO,QACPgB,MAAO,OACPF,QAAQ,EACRG,YAAa,eACbN,UAAW,GACXQ,UAAU,EACVC,UAAU,EACVhB,aAAc,eACdW,eAAgB,eAChB,kBAAmB,8BAQK,CAC5Bb,KAAM,eACNgB,KAAM,CACFlB,MAAO,UACPgB,MAAO,QACPL,UAAW,GACXM,YAAa,KACbR,KAAM"}
+{"version":3,"file":"TextInput.stories.cjs","sources":["../../../../../src/components/text-input/stories/TextInput.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { TextInput as TextInputComponent } from \"../TextInput.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/TextInput/TextInput\",\n    component: TextInputComponent,\n    parameters: {\n        controls: {\n            expanded: true,\n            sort: \"alpha\",\n        },\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        density: {\n            table: {\n                disable: true,\n            },\n        },\n    },\n} satisfies Meta<typeof TextInputComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const TextInput: Story = {\n    argTypes: {\n        label: {\n            type: {\n                name: \"string\",\n                required: true,\n            },\n            table: {\n                defaultValue: {\n                    summary: undefined,\n                },\n            },\n        },\n        value: {\n            control: \"text\",\n            description: \"Verdien i feltet\",\n            table: {\n                defaultValue: {\n                    summary: undefined,\n                },\n            },\n        },\n        unit: {\n            control: \"text\",\n            table: {\n                defaultValue: {\n                    summary: undefined,\n                },\n            },\n        },\n        width: {\n            control: \"text\",\n            description: \"Absolutt verdi for bredden til input-feltet\",\n            table: {\n                defaultValue: {\n                    summary: undefined,\n                },\n            },\n        },\n        maxLength: {\n            control: \"number\",\n            table: {\n                defaultValue: {\n                    summary: undefined,\n                },\n            },\n        },\n        action: {\n            type: \"function\",\n            table: {\n                defaultValue: {\n                    summary: undefined,\n                },\n            },\n        },\n        actionButton: {\n            type: \"function\",\n            table: {\n                defaultValue: {\n                    summary: undefined,\n                },\n            },\n        },\n        inline: {\n            control: \"boolean\",\n            description: \"Lar feltet stå som en del av tekstlig innhold\",\n            table: {\n                defaultValue: {\n                    summary: undefined,\n                },\n            },\n        },\n        name: {\n            table: {\n                disable: true,\n            },\n        },\n        inputClassName: {\n            description: \"Klasse for input-feltet\",\n            table: {\n                defaultValue: {\n                    summary: undefined,\n                },\n            },\n        },\n        density: {\n            table: {\n                disable: true,\n            },\n        },\n        align: {\n            table: {\n                defaultValue: {\n                    summary: \"left\",\n                },\n            },\n        },\n        placeholder: {\n            table: {\n                defaultValue: {\n                    summary: undefined,\n                },\n            },\n        },\n        defaultValue: {\n            table: {\n                defaultValue: {\n                    summary: undefined,\n                },\n            },\n        },\n        \"data-testautoid\": {\n            table: {\n                defaultValue: {\n                    summary: undefined,\n                },\n            },\n        },\n    },\n    args: {\n        name: \"text-input\",\n        label: \"Label\",\n        align: \"left\",\n        inline: false,\n        placeholder: \"Ditt innhold\",\n        maxLength: 35,\n        disabled: false,\n        readOnly: false,\n        defaultValue: \"Ditt innhold\",\n        inputClassName: \"input-klasse\",\n        \"data-testautoid\": \"test-id\",\n    },\n};\n\n/**\n * Ved å bruke unit og align sammen vil du få et godt utgangspunkt for\n * nummer-baserte svar.\n */\nexport const UnitAlign: Story = {\n    name: \"Unit + Align\",\n    args: {\n        label: \"Boareal\",\n        align: \"right\",\n        maxLength: 20,\n        placeholder: \"50\",\n        unit: \"kvadratmeter\",\n    },\n};\n"],"names":["meta","title","component","TextInputComponent","TextInput","parameters","controls","expanded","sort","tags","argTypes","density","table","disable","label","type","name","required","defaultValue","summary","value","control","description","unit","width","maxLength","action","actionButton","inline","inputClassName","align","placeholder","args","disabled","readOnly"],"mappings":"2LAIA,MAAMA,EAAO,CACTC,MAAO,kCACPC,UAAWC,EAAAC,UACXC,WAAY,CACRC,SAAU,CACNC,UAAU,EACVC,KAAM,UAGdC,KAAM,CAAC,YACPC,SAAU,CACNC,QAAS,CACLC,MAAO,CACHC,SAAS,wBASO,CAC5BH,SAAU,CACNI,MAAO,CACHC,KAAM,CACFC,KAAM,SACNC,UAAU,GAEdL,MAAO,CACHM,aAAc,CACVC,aAAS,KAIrBC,MAAO,CACHC,QAAS,OACTC,YAAa,mBACbV,MAAO,CACHM,aAAc,CACVC,aAAS,KAIrBI,KAAM,CACFF,QAAS,OACTT,MAAO,CACHM,aAAc,CACVC,aAAS,KAIrBK,MAAO,CACHH,QAAS,OACTC,YAAa,8CACbV,MAAO,CACHM,aAAc,CACVC,aAAS,KAIrBM,UAAW,CACPJ,QAAS,SACTT,MAAO,CACHM,aAAc,CACVC,aAAS,KAIrBO,OAAQ,CACJX,KAAM,WACNH,MAAO,CACHM,aAAc,CACVC,aAAS,KAIrBQ,aAAc,CACVZ,KAAM,WACNH,MAAO,CACHM,aAAc,CACVC,aAAS,KAIrBS,OAAQ,CACJP,QAAS,UACTC,YAAa,gDACbV,MAAO,CACHM,aAAc,CACVC,aAAS,KAIrBH,KAAM,CACFJ,MAAO,CACHC,SAAS,IAGjBgB,eAAgB,CACZP,YAAa,0BACbV,MAAO,CACHM,aAAc,CACVC,aAAS,KAIrBR,QAAS,CACLC,MAAO,CACHC,SAAS,IAGjBiB,MAAO,CACHlB,MAAO,CACHM,aAAc,CACVC,QAAS,UAIrBY,YAAa,CACTnB,MAAO,CACHM,aAAc,CACVC,aAAS,KAIrBD,aAAc,CACVN,MAAO,CACHM,aAAc,CACVC,aAAS,KAIrB,kBAAmB,CACfP,MAAO,CACHM,aAAc,CACVC,aAAS,MAKzBa,KAAM,CACFhB,KAAM,aACNF,MAAO,QACPgB,MAAO,OACPF,QAAQ,EACRG,YAAa,eACbN,UAAW,GACXQ,UAAU,EACVC,UAAU,EACVhB,aAAc,eACdW,eAAgB,eAChB,kBAAmB,8BAQK,CAC5Bb,KAAM,eACNgB,KAAM,CACFlB,MAAO,UACPgB,MAAO,QACPL,UAAW,GACXM,YAAa,KACbR,KAAM"}

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

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

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

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

package/build/cjs/components/toast/stories/Toast.stories.d.cts

@@ -0,0 +1,60 @@
+import { StoryObj } from '@storybook/react';
+import { Toast as ToastComponent } from '../Toast.cjs';
+declare const meta: {
+    title: string;
+    component: typeof ToastComponent;
+    tags: string[];
+    argTypes: {
+        toast: {
+            description: string;
+            options: string[];
+            mapping: {
+                Info: {
+                    content: string;
+                    key: string;
+                    variant: string;
+                };
+                Error: {
+                    content: string;
+                    key: string;
+                    variant: string;
+                };
+                Success: {
+                    content: string;
+                    key: string;
+                    variant: string;
+                };
+                Warning: {
+                    content: string;
+                    key: string;
+                    variant: string;
+                };
+                Ingen: {
+                    content: string;
+                    key: string;
+                };
+            };
+        };
+    };
+    args: {
+        state: {
+            add: () => string;
+            close: () => string;
+            pauseAll: () => string;
+            remove: () => string;
+            resumeAll: () => string;
+            visibleToasts: {
+                content: string;
+                key: string;
+            }[];
+        };
+        toast: {
+            content: string;
+            key: string;
+            variant: "info";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Toast: Story;

package/build/cjs/components/tooltip/stories/Tooltip.stories.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("../Tooltip.cjs"),t=require("../TooltipContent.cjs"),r=require("../TooltipTrigger.cjs"),i={title:"Komponenter/Tooltip",component:o.Tooltip,subcomponents:{TooltipTrigger:r.TooltipTrigger,TooltipContent:t.TooltipContent},tags:["autodocs"],argTypes:{delay:{control:"number"},initialOpen:{control:"boolean"},placement:{control:"select",options:["top","top-start","top-end","left","right"]},triggerOn:{control:"select",options:["click","hover"]}}},n={args:{children:e.jsx("p",{children:"eee"}),delay:2e3,initialOpen:!1,placement:"top",triggerOn:"hover"},render:i=>e.jsxs("p",{children:["Kontonummer:"," ",e.jsxs(o.Tooltip,{...i,children:[e.jsx(r.TooltipTrigger,{children:"eeeeee"}),e.jsx(t.TooltipContent,{children:"eee"})]})]})};exports.Tooltip=n,exports.default=i;
+//# sourceMappingURL=Tooltip.stories.cjs.map

package/build/cjs/components/tooltip/stories/Tooltip.stories.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.stories.cjs","sources":["../../../../../src/components/tooltip/stories/Tooltip.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { Tooltip as TooltipComponent } from \"../Tooltip.js\";\nimport { TooltipContent } from \"../TooltipContent.js\";\nimport { TooltipTrigger } from \"../TooltipTrigger.js\";\n\nconst meta = {\n    title: \"Komponenter/Tooltip\",\n    component: TooltipComponent,\n    subcomponents: { TooltipTrigger, TooltipContent },\n    tags: [\"autodocs\"],\n    argTypes: {\n        delay: { control: \"number\" },\n        initialOpen: { control: \"boolean\" },\n        placement: {\n            control: \"select\",\n            options: [\"top\", \"top-start\", \"top-end\", \"left\", \"right\"],\n        },\n        triggerOn: { control: \"select\", options: [\"click\", \"hover\"] },\n    },\n} satisfies Meta<typeof TooltipComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Tooltip: Story = {\n    args: {\n        children: <p>eee</p>,\n        delay: 2000,\n        initialOpen: false,\n        placement: \"top\",\n        triggerOn: \"hover\",\n    },\n    render: (args) => (\n        <p>\n            Kontonummer:{\" \"}\n            <TooltipComponent {...args}>\n                <TooltipTrigger>eeeeee</TooltipTrigger>\n                <TooltipContent>eee</TooltipContent>\n            </TooltipComponent>\n        </p>\n    ),\n};\n"],"names":["meta","title","component","TooltipComponent","Tooltip","subcomponents","TooltipTrigger","TooltipContent","tags","argTypes","delay","control","initialOpen","placement","options","triggerOn","args","children","jsx","render","jsxs"],"mappings":"mPAOMA,EAAO,CACTC,MAAO,sBACPC,UAAWC,EAAAC,QACXC,cAAe,CAAAC,eAAEA,EAAAA,eAAAC,eAAgBA,kBACjCC,KAAM,CAAC,YACPC,SAAU,CACNC,MAAO,CAAEC,QAAS,UAClBC,YAAa,CAAED,QAAS,WACxBE,UAAW,CACPF,QAAS,SACTG,QAAS,CAAC,MAAO,YAAa,UAAW,OAAQ,UAErDC,UAAW,CAAEJ,QAAS,SAAUG,QAAS,CAAC,QAAS,YAO9CV,EAAiB,CAC1BY,KAAM,CACFC,SAAWC,EAAAA,IAAA,IAAA,CAAED,SAAG,QAChBP,MAAO,IACPE,aAAa,EACbC,UAAW,MACXE,UAAW,SAEfI,OAASH,GACLI,EAAAA,KAAC,IAAE,CAAAH,SAAA,CAAA,eACc,IACbG,EAAAA,KAACjB,EAAkBC,QAAA,IAAGY,EAClBC,SAAA,CAAAC,EAAAA,IAACZ,kBAAeW,SAAM,WACtBC,EAAAA,IAACX,kBAAeU,SAAG"}

package/build/cjs/components/tooltip/stories/Tooltip.stories.d.cts

@@ -0,0 +1,32 @@
+import { StoryObj } from '@storybook/react';
+import { default as React } from 'react';
+declare const meta: {
+    title: string;
+    component: React.FC<import('../types.js').TooltipProps & import('../../../index.js').WithChildren>;
+    subcomponents: {
+        TooltipTrigger: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+        TooltipContent: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLDivElement> & {
+            "data-ispopup"?: boolean;
+        }, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    };
+    tags: string[];
+    argTypes: {
+        delay: {
+            control: "number";
+        };
+        initialOpen: {
+            control: "boolean";
+        };
+        placement: {
+            control: "select";
+            options: string[];
+        };
+        triggerOn: {
+            control: "select";
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Tooltip: Story;

package/build/es/components/breadcrumb/stories/Breadcrumb.stories.d.ts

@@ -2,6 +2,9 @@ import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
     component: ({ className, children, density, ...rest }: import('../types.js').BreadcrumbProps) => JSX.Element;
+    subcomponents: {
+        BreadcrumbItem: ({ className, children, isLastElement, ...rest }: import('../types.js').BreadcrumbItemProps) => JSX.Element;
+    };
     parameters: {
         layout: string;
     };

package/build/es/components/breadcrumb/stories/Breadcrumb.stories.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{Breadcrumb as e}from"../Breadcrumb.js";import{BreadcrumbItem as a}from"../BreadcrumbItem.js";/* empty css                         */const m={title:"Komponenter/Breadcrumb/Breadcrumb",component:e,parameters:{layout:"centered"},tags:["autodocs"]},o={args:{children:[r(a,{children:r("a",{href:"/",children:"Hjem"})},0),r(a,{children:r("a",{href:"/komponenter/accordion",children:"Komponenter"})},1),r(a,{children:r("a",{href:"/komponenter/breadcrumb",children:"Breadcrumb"})},2)]}};export{o as Breadcrumb,m as default};
+import{jsx as r}from"react/jsx-runtime";import{Breadcrumb as e}from"../Breadcrumb.js";import{BreadcrumbItem as m}from"../BreadcrumbItem.js";/* empty css                         */const a={title:"Komponenter/Breadcrumb/Breadcrumb",component:e,subcomponents:{BreadcrumbItem:m},parameters:{layout:"centered"},tags:["autodocs"]},o={args:{children:[r(m,{children:r("a",{href:"/",children:"Hjem"})},0),r(m,{children:r("a",{href:"/komponenter/accordion",children:"Komponenter"})},1),r(m,{children:r("a",{href:"/komponenter/breadcrumb",children:"Breadcrumb"})},2)]}};export{o as Breadcrumb,a as default};
 //# sourceMappingURL=Breadcrumb.stories.js.map

package/build/es/components/breadcrumb/stories/Breadcrumb.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.stories.js","sources":["../../../../../src/components/breadcrumb/stories/Breadcrumb.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { Breadcrumb as BreadcrumbComponent } from \"../Breadcrumb.js\";\nimport { BreadcrumbItem } from \"../BreadcrumbItem.js\";\nimport \"../styles/_index.scss\";\nimport React from \"react\";\n\nconst meta = {\n    title: \"Komponenter/Breadcrumb/Breadcrumb\",\n    component: BreadcrumbComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof BreadcrumbComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Breadcrumb: Story = {\n    args: {\n        children: [\n            <BreadcrumbItem key={0}>\n                <a href=\"/\">Hjem</a>\n            </BreadcrumbItem>,\n            <BreadcrumbItem key={1}>\n                <a href=\"/komponenter/accordion\">Komponenter</a>\n            </BreadcrumbItem>,\n            <BreadcrumbItem key={2}>\n                <a href=\"/komponenter/breadcrumb\">Breadcrumb</a>\n            </BreadcrumbItem>,\n        ],\n    },\n};\n"],"names":["meta","title","component","BreadcrumbComponent","parameters","layout","tags","Breadcrumb","args","children","jsx","BreadcrumbItem","href"],"mappings":"mLAMA,MAAMA,EAAO,CACTC,MAAO,oCACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMEC,EAAoB,CAC7BC,KAAM,CACFC,SAAU,CACNC,EAACC,GACGF,SAACC,EAAA,IAAA,CAAEE,KAAK,IAAIH,SAAA,UADK,GAGrBC,EAACC,GACGF,SAACC,EAAA,IAAA,CAAEE,KAAK,yBAAyBH,SAAA,iBADhB,GAGrBC,EAACC,GACGF,SAACC,EAAA,IAAA,CAAEE,KAAK,0BAA0BH,SAAA,gBADjB"}
+{"version":3,"file":"Breadcrumb.stories.js","sources":["../../../../../src/components/breadcrumb/stories/Breadcrumb.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { Breadcrumb as BreadcrumbComponent } from \"../Breadcrumb.js\";\nimport { BreadcrumbItem } from \"../BreadcrumbItem.js\";\nimport \"../styles/_index.scss\";\nimport React from \"react\";\n\nconst meta = {\n    title: \"Komponenter/Breadcrumb/Breadcrumb\",\n    component: BreadcrumbComponent,\n    subcomponents: { BreadcrumbItem },\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof BreadcrumbComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Breadcrumb: Story = {\n    args: {\n        children: [\n            <BreadcrumbItem key={0}>\n                <a href=\"/\">Hjem</a>\n            </BreadcrumbItem>,\n            <BreadcrumbItem key={1}>\n                <a href=\"/komponenter/accordion\">Komponenter</a>\n            </BreadcrumbItem>,\n            <BreadcrumbItem key={2}>\n                <a href=\"/komponenter/breadcrumb\">Breadcrumb</a>\n            </BreadcrumbItem>,\n        ],\n    },\n};\n"],"names":["meta","title","component","BreadcrumbComponent","subcomponents","BreadcrumbItem","parameters","layout","tags","Breadcrumb","args","children","jsx","href"],"mappings":"mLAMA,MAAMA,EAAO,CACTC,MAAO,oCACPC,UAAWC,EACXC,cAAe,CAAEC,eAAAA,GACjBC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMEC,EAAoB,CAC7BC,KAAM,CACFC,SAAU,CACNC,EAACP,GACGM,SAACC,EAAA,IAAA,CAAEC,KAAK,IAAIF,SAAA,UADK,GAGrBC,EAACP,GACGM,SAACC,EAAA,IAAA,CAAEC,KAAK,yBAAyBF,SAAA,iBADhB,GAGrBC,EAACP,GACGM,SAACC,EAAA,IAAA,CAAEC,KAAK,0BAA0BF,SAAA,gBADjB"}

package/build/es/components/breadcrumb/stories/BreadcrumbItem.stories.d.ts

@@ -6,6 +6,11 @@ declare const meta: {
         layout: string;
     };
     tags: string[];
+    argTypes: {
+        isLastElement: {
+            control: "boolean";
+        };
+    };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/build/es/components/breadcrumb/stories/BreadcrumbItem.stories.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{BreadcrumbItem as e}from"../BreadcrumbItem.js";/* empty css                         */import{Breadcrumb as t}from"../Breadcrumb.js";const m={title:"Komponenter/Breadcrumb/BreadcrumbItem",component:e,parameters:{layout:"centered"},tags:["autodocs"]},o={args:{children:r("a",{href:"/komponenter/accordion",children:"Komponenter"})},decorators:e=>r(t,{children:r(e,{})})};export{o as BreadcrumbItem,m as default};
+import{jsx as r}from"react/jsx-runtime";import{BreadcrumbItem as e}from"../BreadcrumbItem.js";/* empty css                         */import{Breadcrumb as o}from"../Breadcrumb.js";const t={title:"Komponenter/Breadcrumb/BreadcrumbItem",component:e,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{isLastElement:{control:"boolean"}}},a={args:{children:r("a",{href:"/komponenter/accordion",children:"Komponenter"})},decorators:e=>r(o,{children:r(e,{})})};export{a as BreadcrumbItem,t as default};
 //# sourceMappingURL=BreadcrumbItem.stories.js.map

package/build/es/components/breadcrumb/stories/BreadcrumbItem.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItem.stories.js","sources":["../../../../../src/components/breadcrumb/stories/BreadcrumbItem.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { BreadcrumbItem as BreadcrumbItemComponent } from \"../BreadcrumbItem.js\";\nimport \"../styles/_index.scss\";\nimport { Breadcrumb } from \"../Breadcrumb.js\";\n\nconst meta = {\n    title: \"Komponenter/Breadcrumb/BreadcrumbItem\",\n    component: BreadcrumbItemComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof BreadcrumbItemComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const BreadcrumbItem: Story = {\n    args: {\n        children: <a href=\"/komponenter/accordion\">Komponenter</a>,\n    },\n    decorators: (Story) => (\n        <Breadcrumb>\n            <Story />\n        </Breadcrumb>\n    ),\n};\n"],"names":["meta","title","component","BreadcrumbItemComponent","parameters","layout","tags","BreadcrumbItem","args","children","jsx","href","decorators","Story","Breadcrumb"],"mappings":"mLAMA,MAAMA,EAAO,CACTC,MAAO,wCACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMEC,EAAwB,CACjCC,KAAM,CACFC,SAAUC,EAAC,IAAE,CAAAC,KAAK,yBAAyBF,SAAW,iBAE1DG,WAAaC,KACRC,EACG,CAAAL,SAAAC,EAACG,GAAM"}
+{"version":3,"file":"BreadcrumbItem.stories.js","sources":["../../../../../src/components/breadcrumb/stories/BreadcrumbItem.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { BreadcrumbItem as BreadcrumbItemComponent } from \"../BreadcrumbItem.js\";\nimport \"../styles/_index.scss\";\nimport { Breadcrumb } from \"../Breadcrumb.js\";\n\nconst meta = {\n    title: \"Komponenter/Breadcrumb/BreadcrumbItem\",\n    component: BreadcrumbItemComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        isLastElement: {\n            control: \"boolean\",\n        },\n    },\n} satisfies Meta<typeof BreadcrumbItemComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const BreadcrumbItem: Story = {\n    args: {\n        children: <a href=\"/komponenter/accordion\">Komponenter</a>,\n    },\n    decorators: (Story) => (\n        <Breadcrumb>\n            <Story />\n        </Breadcrumb>\n    ),\n};\n"],"names":["meta","title","component","BreadcrumbItemComponent","parameters","layout","tags","argTypes","isLastElement","control","BreadcrumbItem","args","children","jsx","href","decorators","Story","Breadcrumb"],"mappings":"mLAMA,MAAMA,EAAO,CACTC,MAAO,wCACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,cAAe,CACXC,QAAS,aAQRC,EAAwB,CACjCC,KAAM,CACFC,SAAUC,EAAC,IAAE,CAAAC,KAAK,yBAAyBF,SAAW,iBAE1DG,WAAaC,KACRC,EACG,CAAAL,SAAAC,EAACG,GAAM"}

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

@@ -7,6 +7,15 @@ declare const meta: {
         layout: string;
     };
     tags: string[];
+    args: {
+        alwaysOpen: {
+            table: {
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+    };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

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"]},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};
+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};
 //# 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} 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","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,aAMEC,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"}
+{"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"}

package/build/es/components/description-list/stories/DescriptionList.stories.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{DescriptionList as i,DescriptionTerm as s,DescriptionDetail as t}from"../DescriptionList.js";const n={title:"Komponenter/DescriptionList",component:i,parameters:{layout:"centered"},tags:["autodocs"]},o={name:"DescriptionList",render:()=>e(i,{children:[r(s,{children:"Dekning"}),r(t,{children:"Kasko"}),r(s,{children:"Egenandel"}),r(t,{children:"2 000 kr for glass"}),r(t,{children:"6 000 kr for øvrige skader"}),r(s,{children:"Sjåfør under 23 år"}),r(t,{children:"Nei"})]})};export{o as DescriptionListStory,n as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{DescriptionList as i,DescriptionDetail as s,DescriptionTerm as t}from"../DescriptionList.js";const n={title:"Komponenter/DescriptionList",component:i,subcomponents:{DescriptionDetail:s,DescriptionTerm:t},parameters:{layout:"centered"},tags:["autodocs"]},o={name:"DescriptionList",render:()=>e(i,{children:[r(t,{children:"Dekning"}),r(s,{children:"Kasko"}),r(t,{children:"Egenandel"}),r(s,{children:"2 000 kr for glass"}),r(s,{children:"6 000 kr for øvrige skader"}),r(t,{children:"Sjåfør under 23 år"}),r(s,{children:"Nei"})]})};export{o as DescriptionListStory,n as default};
 //# sourceMappingURL=DescriptionList.stories.js.map

package/build/es/components/description-list/stories/DescriptionList.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionList.stories.js","sources":["../../../../../src/components/description-list/stories/DescriptionList.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport {\n    DescriptionDetail as DD,\n    DescriptionList,\n    DescriptionTerm as DT,\n} from \"../DescriptionList.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/DescriptionList\",\n    component: DescriptionList,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof DescriptionList>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const DescriptionListStory: Story = {\n    name: \"DescriptionList\",\n    render: () => (\n        <DescriptionList>\n            <DT>Dekning</DT>\n            <DD>Kasko</DD>\n\n            <DT>Egenandel</DT>\n            <DD>2 000 kr for glass</DD>\n            <DD>6 000 kr for øvrige skader</DD>\n\n            <DT>Sjåfør under 23 år</DT>\n            <DD>Nei</DD>\n        </DescriptionList>\n    ),\n};\n"],"names":["meta","title","component","DescriptionList","parameters","layout","tags","DescriptionListStory","name","render","jsxs","children","jsx","DT","DD"],"mappings":"sJASA,MAAMA,EAAa,CACfC,MAAO,8BACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAA8B,CACvCC,KAAM,kBACNC,OAAQ,IACJC,EAACP,EACG,CAAAQ,SAAA,CAAAC,EAACC,GAAGF,SAAO,YACXC,EAACE,GAAGH,SAAK,UAETC,EAACC,GAAGF,SAAS,cACbC,EAACE,GAAGH,SAAkB,uBACtBC,EAACE,GAAGH,SAA0B,+BAE9BC,EAACC,GAAGF,SAAkB,uBACtBC,EAACE,GAAGH,SAAG"}
+{"version":3,"file":"DescriptionList.stories.js","sources":["../../../../../src/components/description-list/stories/DescriptionList.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport {\n    DescriptionList,\n    DescriptionDetail,\n    DescriptionTerm,\n} from \"../DescriptionList.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/DescriptionList\",\n    component: DescriptionList,\n    subcomponents: {\n        DescriptionDetail,\n        DescriptionTerm,\n    },\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof DescriptionList>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const DescriptionListStory: Story = {\n    name: \"DescriptionList\",\n    render: () => (\n        <DescriptionList>\n            <DescriptionTerm>Dekning</DescriptionTerm>\n            <DescriptionDetail>Kasko</DescriptionDetail>\n\n            <DescriptionTerm>Egenandel</DescriptionTerm>\n            <DescriptionDetail>2 000 kr for glass</DescriptionDetail>\n            <DescriptionDetail>6 000 kr for øvrige skader</DescriptionDetail>\n\n            <DescriptionTerm>Sjåfør under 23 år</DescriptionTerm>\n            <DescriptionDetail>Nei</DescriptionDetail>\n        </DescriptionList>\n    ),\n};\n"],"names":["meta","title","component","DescriptionList","subcomponents","DescriptionDetail","DescriptionTerm","parameters","layout","tags","DescriptionListStory","name","render","jsxs","children","jsx"],"mappings":"sJASA,MAAMA,EAAa,CACfC,MAAO,8BACPC,UAAWC,EACXC,cAAe,CACXC,kBAAAA,EACAC,gBAAAA,GAEJC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAA8B,CACvCC,KAAM,kBACNC,OAAQ,IACJC,EAACV,EACG,CAAAW,SAAA,CAAAC,EAACT,GAAgBQ,SAAO,YACxBC,EAACV,GAAkBS,SAAK,UAExBC,EAACT,GAAgBQ,SAAS,cAC1BC,EAACV,GAAkBS,SAAkB,uBACrCC,EAACV,GAAkBS,SAA0B,+BAE7CC,EAACT,GAAgBQ,SAAkB,uBACnCC,EAACV,GAAkBS,SAAG"}

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

@@ -3,4 +3,7 @@ import { Expander } from '../Expander.js';
 declare const meta: Meta;
 export default meta;
 type StoryExpander = StoryObj<typeof Expander>;
+/**
+ * Expander brukes i ExpandablePanel, men kan også brukes alene dersom du ønsker et annet uttrykk.
+ */
 export declare const ExpanderStory: StoryExpander;

package/build/es/components/expander/stories/Expander.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{GreenCheckIcon as n}from"../../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{ExpandablePanel as i}from"../ExpandablePanel.js";import{Expander as c}from"../Expander.js";/* empty css                         */const s={title:"Komponenter/ExpandablePanel/Expander",component:i,parameters:{layout:"padded"},tags:["autodocs"]},r={name:"Expander",args:{icon:!0,flipDirection:!1},render:({icon:i,...s})=>o(c,{icon:i?o(n,{}):void 0,...s,children:"Når er det vi faktisk er åpne?"})};export{r as ExpanderStory,s as default};
+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{GreenCheckIcon as n}from"../../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{ExpandablePanel as i}from"../ExpandablePanel.js";import{Expander as c}from"../Expander.js";/* empty css                         */const s={title:"Komponenter/Expander",component:i,parameters:{layout:"padded"},tags:["autodocs"]},r={name:"Expander",args:{icon:!0,flipDirection:!1},render:({icon:i,...s})=>o(c,{icon:i?o(n,{}):void 0,...s,children:"Når er det vi faktisk er åpne?"})};export{r as ExpanderStory,s as default};
 //# sourceMappingURL=Expander.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Expander.stories.js","sources":["../../../../../src/components/expander/stories/Expander.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { GreenCheckIcon } from \"../../icon/index.js\";\nimport { ExpandablePanel } from \"../ExpandablePanel.js\";\nimport { Expander } from \"../Expander.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/ExpandablePanel/Expander\",\n    component: ExpandablePanel,\n    parameters: {\n        layout: \"padded\",\n    },\n    tags: [\"autodocs\"],\n};\n\nexport default meta;\n\ntype StoryExpander = StoryObj<typeof Expander>;\n\nexport const ExpanderStory: StoryExpander = {\n    name: \"Expander\",\n    args: {\n        icon: true,\n        flipDirection: false,\n    },\n    render: ({ icon, ...props }) => (\n        <Expander icon={icon ? <GreenCheckIcon /> : undefined} {...props}>\n            Når er det vi faktisk er åpne?\n        </Expander>\n    ),\n};\n"],"names":["meta","title","component","ExpandablePanel","parameters","layout","tags","ExpanderStory","name","args","icon","flipDirection","render","props","jsx","Expander","GreenCheckIcon","children"],"mappings":"gqDAOA,MAAMA,EAAa,CACfC,MAAO,uCACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,aAOEC,EAA+B,CACxCC,KAAM,WACNC,KAAM,CACFC,MAAM,EACNC,eAAe,GAEnBC,OAAQ,EAAGF,KAAAA,KAASG,KAChBC,EAACC,EAAS,CAAAL,KAAMA,EAAQI,EAAAE,EAAA,CAAe,QAAK,KAAeH,EAAOI,SAElE"}
+{"version":3,"file":"Expander.stories.js","sources":["../../../../../src/components/expander/stories/Expander.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { GreenCheckIcon } from \"../../icon/index.js\";\nimport { ExpandablePanel } from \"../ExpandablePanel.js\";\nimport { Expander } from \"../Expander.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/Expander\",\n    component: ExpandablePanel,\n    parameters: {\n        layout: \"padded\",\n    },\n    tags: [\"autodocs\"],\n};\n\nexport default meta;\n\ntype StoryExpander = StoryObj<typeof Expander>;\n\n/**\n * Expander brukes i ExpandablePanel, men kan også brukes alene dersom du ønsker et annet uttrykk.\n */\nexport const ExpanderStory: StoryExpander = {\n    name: \"Expander\",\n    args: {\n        icon: true,\n        flipDirection: false,\n    },\n    render: ({ icon, ...props }) => (\n        <Expander icon={icon ? <GreenCheckIcon /> : undefined} {...props}>\n            Når er det vi faktisk er åpne?\n        </Expander>\n    ),\n};\n"],"names":["meta","title","component","ExpandablePanel","parameters","layout","tags","ExpanderStory","name","args","icon","flipDirection","render","props","jsx","Expander","GreenCheckIcon","children"],"mappings":"gqDAOA,MAAMA,EAAa,CACfC,MAAO,uBACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,aAUEC,EAA+B,CACxCC,KAAM,WACNC,KAAM,CACFC,MAAM,EACNC,eAAe,GAEnBC,OAAQ,EAAGF,KAAAA,KAASG,KAChBC,EAACC,EAAS,CAAAL,KAAMA,EAAQI,EAAAE,EAAA,CAAe,QAAK,KAAeH,EAAOI,SAElE"}

package/build/es/components/expander/stories/ExpanderPanel.stories.js

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as n}from"react/jsx-runtime";import{Flex as i}from"../../flex/Flex.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/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{GreenCheckIcon as c}from"../../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{ExpandablePanel as r}from"../ExpandablePanel.js";import{Expander as s}from"../Expander.js";/* empty css                         */const e={title:"Komponenter/ExpandablePanel",component:r,parameters:{layout:"padded"},tags:["autodocs"],argTypes:{variant:{control:"select",options:["stroke","fill"]}}},t={name:"ExpandablePanel",args:{variant:"fill",icon:!0,flipDirection:!1},render:({icon:e,flipDirection:t,...a})=>o(i,{style:{width:"100%"},direction:"column",gap:4,children:[...Array(3)].map(((i,p)=>n(r,{...a,children:[o(s,{icon:e?o(c,{}):void 0,expandDirection:t?"up":void 0,children:"Når er det vi faktisk er åpne?"}),o(r.Content,{children:"Velkommen innom når vi faktisk har kaffe! Vi er åpne mandag til fredag fra kl. 09:00 til 18:00. Lørdag kan du besøke oss fra 10:00 til 16:00 (vi liker en rolig start på lørdagen). Søndager hviler vi – og det burde du også!"})]},p)))})};export{t as ExpandablePanelStory,e as default};
+import{jsx as o,jsxs as n}from"react/jsx-runtime";import{Flex as i}from"../../flex/Flex.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/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{GreenCheckIcon as c}from"../../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{ExpandablePanel as r}from"../ExpandablePanel.js";import{ExpandablePanelContent as s}from"../ExpandablePanelContent.js";import{Expander as e}from"../Expander.js";/* empty css                         */const t={title:"Komponenter/ExpandablePanel",component:r,subcomponents:{Expander:e,ExpandablePanelContent:s},parameters:{layout:"padded"},tags:["autodocs"],argTypes:{variant:{control:"select",options:["stroke","fill"]}}},a={name:"ExpandablePanel",args:{variant:"fill",icon:!0,flipDirection:!1},render:({icon:s,flipDirection:t,...a})=>o(i,{style:{width:"100%"},direction:"column",gap:4,children:[...Array(3)].map(((i,p)=>n(r,{...a,children:[o(e,{icon:s?o(c,{}):void 0,expandDirection:t?"up":void 0,children:"Når er det vi faktisk er åpne?"}),o(r.Content,{children:"Velkommen innom når vi faktisk har kaffe! Vi er åpne mandag til fredag fra kl. 09:00 til 18:00. Lørdag kan du besøke oss fra 10:00 til 16:00 (vi liker en rolig start på lørdagen). Søndager hviler vi – og det burde du også!"})]},p)))})};export{a as ExpandablePanelStory,t as default};
 //# sourceMappingURL=ExpanderPanel.stories.js.map

package/build/es/components/expander/stories/ExpanderPanel.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpanderPanel.stories.js","sources":["../../../../../src/components/expander/stories/ExpanderPanel.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Flex } from \"../../flex/Flex.js\";\nimport { GreenCheckIcon } from \"../../icon/index.js\";\nimport { ExpandablePanel } from \"../ExpandablePanel.js\";\nimport { Expander } from \"../Expander.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/ExpandablePanel\",\n    component: ExpandablePanel,\n    parameters: {\n        layout: \"padded\",\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        variant: { control: \"select\", options: [\"stroke\", \"fill\"] },\n    },\n};\n\nexport default meta;\n\ntype StoryExpanderPanel = StoryObj<{\n    icon?: boolean;\n    flipDirection?: boolean;\n    variant: \"stroke\" | \"fill\";\n}>;\n\nexport const ExpandablePanelStory: StoryExpanderPanel = {\n    name: \"ExpandablePanel\",\n    args: {\n        variant: \"fill\",\n        icon: true,\n        flipDirection: false,\n    },\n    render: ({ icon, flipDirection, ...props }) => (\n        <Flex style={{ width: \"100%\" }} direction=\"column\" gap={4}>\n            {[...Array(3)].map((_, index) => (\n                <ExpandablePanel key={index} {...props}>\n                    <Expander\n                        icon={icon ? <GreenCheckIcon /> : undefined}\n                        expandDirection={flipDirection ? \"up\" : undefined}\n                    >\n                        Når er det vi faktisk er åpne?\n                    </Expander>\n                    <ExpandablePanel.Content>\n                        Velkommen innom når vi faktisk har kaffe! Vi er åpne\n                        mandag til fredag fra kl. 09:00 til 18:00. Lørdag kan du\n                        besøke oss fra 10:00 til 16:00 (vi liker en rolig start\n                        på lørdagen). Søndager hviler vi – og det burde du også!\n                    </ExpandablePanel.Content>\n                </ExpandablePanel>\n            ))}\n        </Flex>\n    ),\n};\n"],"names":["meta","title","component","ExpandablePanel","parameters","layout","tags","argTypes","variant","control","options","ExpandablePanelStory","name","args","icon","flipDirection","render","props","jsx","Flex","style","width","direction","gap","children","Array","map","_","index","jsxs","Expander","GreenCheckIcon","expandDirection","Content"],"mappings":"otDAQA,MAAMA,EAAa,CACfC,MAAO,8BACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,QAAS,CAAEC,QAAS,SAAUC,QAAS,CAAC,SAAU,WAY7CC,EAA2C,CACpDC,KAAM,kBACNC,KAAM,CACFL,QAAS,OACTM,MAAM,EACNC,eAAe,GAEnBC,OAAQ,EAAGF,KAAAA,EAAMC,cAAAA,KAAkBE,KAC/BC,EAACC,EAAK,CAAAC,MAAO,CAAEC,MAAO,QAAUC,UAAU,SAASC,IAAK,EACnDC,SAAA,IAAIC,MAAM,IAAIC,KAAI,CAACC,EAAGC,IAClBC,EAAA1B,EAAA,IAAgCc,EAC7BO,SAAA,CAAAN,EAACY,EAAA,CACGhB,KAAMA,EAAQI,EAAAa,EAAA,CAAe,QAAK,EAClCC,gBAAiBjB,EAAgB,UAAO,EAC3CS,SAAA,mCAGAN,EAAAf,EAAgB8B,QAAhB,CAAwBT,SAKzB,qOAZkBI"}
+{"version":3,"file":"ExpanderPanel.stories.js","sources":["../../../../../src/components/expander/stories/ExpanderPanel.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Flex } from \"../../flex/Flex.js\";\nimport { GreenCheckIcon } from \"../../icon/index.js\";\nimport { ExpandablePanel } from \"../ExpandablePanel.js\";\nimport { ExpandablePanelContent } from \"../ExpandablePanelContent.js\";\nimport { Expander } from \"../Expander.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/ExpandablePanel\",\n    component: ExpandablePanel,\n    subcomponents: { Expander, ExpandablePanelContent },\n    parameters: {\n        layout: \"padded\",\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        variant: { control: \"select\", options: [\"stroke\", \"fill\"] },\n    },\n};\n\nexport default meta;\n\ntype StoryExpanderPanel = StoryObj<{\n    icon?: boolean;\n    flipDirection?: boolean;\n    variant: \"stroke\" | \"fill\";\n}>;\n\nexport const ExpandablePanelStory: StoryExpanderPanel = {\n    name: \"ExpandablePanel\",\n    args: {\n        variant: \"fill\",\n        icon: true,\n        flipDirection: false,\n    },\n    render: ({ icon, flipDirection, ...props }) => (\n        <Flex style={{ width: \"100%\" }} direction=\"column\" gap={4}>\n            {[...Array(3)].map((_, index) => (\n                <ExpandablePanel key={index} {...props}>\n                    <Expander\n                        icon={icon ? <GreenCheckIcon /> : undefined}\n                        expandDirection={flipDirection ? \"up\" : undefined}\n                    >\n                        Når er det vi faktisk er åpne?\n                    </Expander>\n                    <ExpandablePanel.Content>\n                        Velkommen innom når vi faktisk har kaffe! Vi er åpne\n                        mandag til fredag fra kl. 09:00 til 18:00. Lørdag kan du\n                        besøke oss fra 10:00 til 16:00 (vi liker en rolig start\n                        på lørdagen). Søndager hviler vi – og det burde du også!\n                    </ExpandablePanel.Content>\n                </ExpandablePanel>\n            ))}\n        </Flex>\n    ),\n};\n"],"names":["meta","title","component","ExpandablePanel","subcomponents","Expander","ExpandablePanelContent","parameters","layout","tags","argTypes","variant","control","options","ExpandablePanelStory","name","args","icon","flipDirection","render","props","jsx","Flex","style","width","direction","gap","children","Array","map","_","index","jsxs","GreenCheckIcon","expandDirection","Content"],"mappings":"0xDASA,MAAMA,EAAa,CACfC,MAAO,8BACPC,UAAWC,EACXC,cAAe,CAAEC,SAAAA,EAAUC,uBAAAA,GAC3BC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,QAAS,CAAEC,QAAS,SAAUC,QAAS,CAAC,SAAU,WAY7CC,EAA2C,CACpDC,KAAM,kBACNC,KAAM,CACFL,QAAS,OACTM,MAAM,EACNC,eAAe,GAEnBC,OAAQ,EAAGF,KAAAA,EAAMC,cAAAA,KAAkBE,KAC/BC,EAACC,EAAK,CAAAC,MAAO,CAAEC,MAAO,QAAUC,UAAU,SAASC,IAAK,EACnDC,SAAA,IAAIC,MAAM,IAAIC,KAAI,CAACC,EAAGC,IAClBC,EAAA7B,EAAA,IAAgCiB,EAC7BO,SAAA,CAAAN,EAAChB,EAAA,CACGY,KAAMA,EAAQI,EAAAY,EAAA,CAAe,QAAK,EAClCC,gBAAiBhB,EAAgB,UAAO,EAC3CS,SAAA,mCAGAN,EAAAlB,EAAgBgC,QAAhB,CAAwBR,SAKzB,qOAZkBI"}

package/build/es/components/link-list/stories/LinkList.stories.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{LinkList as n}from"../LinkList.js";const i={title:"Komponenter/LinkList",component:n,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{variant:{control:"radio",options:["ordered","unordered"]}}},t={name:"LinkList",args:{variant:"unordered"},render:i=>e(n,{style:{minWidth:"50vw"},...i,children:[r(n.Item,{children:r(n.Link,{href:"#",children:"SpareBank 1"})}),r(n.Item,{children:r(n.Link,{href:"#",children:"DNB"})}),r(n.Item,{children:r(n.Link,{href:"#",children:"LOfavør"})}),r(n.Item,{children:r(n.Link,{href:"#",children:"Norsk Sykepleierforbund"})})]})};export{t as LinkListStory,i as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{LinkList as n}from"../LinkList.js";const i={title:"Komponenter/List/LinkList",component:n,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{variant:{control:"radio",options:["ordered","unordered"]}}},t={name:"LinkList",args:{variant:"unordered"},render:i=>e(n,{style:{minWidth:"50vw"},...i,children:[r(n.Item,{children:r(n.Link,{href:"#",children:"SpareBank 1"})}),r(n.Item,{children:r(n.Link,{href:"#",children:"DNB"})}),r(n.Item,{children:r(n.Link,{href:"#",children:"LOfavør"})}),r(n.Item,{children:r(n.Link,{href:"#",children:"Norsk Sykepleierforbund"})})]})};export{t as LinkListStory,i as default};
 //# sourceMappingURL=LinkList.stories.js.map

package/build/es/components/link-list/stories/LinkList.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkList.stories.js","sources":["../../../../../src/components/link-list/stories/LinkList.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { LinkList } from \"../LinkList.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/LinkList\",\n    component: LinkList,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        variant: {\n            control: \"radio\",\n            options: [\"ordered\", \"unordered\"],\n        },\n    },\n} satisfies Meta<typeof LinkList>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof LinkList>;\n\nexport const LinkListStory: Story = {\n    name: \"LinkList\",\n    args: {\n        variant: \"unordered\",\n    },\n    render: (props) => (\n        <LinkList style={{ minWidth: \"50vw\" }} {...props}>\n            <LinkList.Item>\n                <LinkList.Link href=\"#\">SpareBank 1</LinkList.Link>\n            </LinkList.Item>\n            <LinkList.Item>\n                <LinkList.Link href=\"#\">DNB</LinkList.Link>\n            </LinkList.Item>\n            <LinkList.Item>\n                <LinkList.Link href=\"#\">LOfavør</LinkList.Link>\n            </LinkList.Item>\n            <LinkList.Item>\n                <LinkList.Link href=\"#\">Norsk Sykepleierforbund</LinkList.Link>\n            </LinkList.Item>\n        </LinkList>\n    ),\n};\n"],"names":["meta","title","component","LinkList","parameters","layout","tags","argTypes","variant","control","options","LinkListStory","name","args","render","props","jsxs","style","minWidth","children","jsx","Item","Link","href"],"mappings":"4FAKA,MAAMA,EAAa,CACfC,MAAO,uBACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,QAAS,CACLC,QAAS,QACTC,QAAS,CAAC,UAAW,gBASpBC,EAAuB,CAChCC,KAAM,WACNC,KAAM,CACFL,QAAS,aAEbM,OAASC,GACJC,EAAAb,EAAA,CAASc,MAAO,CAAEC,SAAU,WAAcH,EACvCI,SAAA,CAACC,EAAAjB,EAASkB,KAAT,CACGF,SAACC,EAAAjB,EAASmB,KAAT,CAAcC,KAAK,IAAIJ,SAAA,kBAE5BC,EAACjB,EAASkB,KAAT,CACGF,SAAAC,EAACjB,EAASmB,KAAT,CAAcC,KAAK,IAAIJ,SAAA,UAE5BC,EAACjB,EAASkB,KAAT,CACGF,SAAAC,EAACjB,EAASmB,KAAT,CAAcC,KAAK,IAAIJ,SAAA,cAE5BC,EAACjB,EAASkB,KAAT,CACGF,SAAAC,EAACjB,EAASmB,KAAT,CAAcC,KAAK,IAAIJ,SAAA"}
+{"version":3,"file":"LinkList.stories.js","sources":["../../../../../src/components/link-list/stories/LinkList.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { LinkList } from \"../LinkList.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/List/LinkList\",\n    component: LinkList,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        variant: {\n            control: \"radio\",\n            options: [\"ordered\", \"unordered\"],\n        },\n    },\n} satisfies Meta<typeof LinkList>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof LinkList>;\n\nexport const LinkListStory: Story = {\n    name: \"LinkList\",\n    args: {\n        variant: \"unordered\",\n    },\n    render: (props) => (\n        <LinkList style={{ minWidth: \"50vw\" }} {...props}>\n            <LinkList.Item>\n                <LinkList.Link href=\"#\">SpareBank 1</LinkList.Link>\n            </LinkList.Item>\n            <LinkList.Item>\n                <LinkList.Link href=\"#\">DNB</LinkList.Link>\n            </LinkList.Item>\n            <LinkList.Item>\n                <LinkList.Link href=\"#\">LOfavør</LinkList.Link>\n            </LinkList.Item>\n            <LinkList.Item>\n                <LinkList.Link href=\"#\">Norsk Sykepleierforbund</LinkList.Link>\n            </LinkList.Item>\n        </LinkList>\n    ),\n};\n"],"names":["meta","title","component","LinkList","parameters","layout","tags","argTypes","variant","control","options","LinkListStory","name","args","render","props","jsxs","style","minWidth","children","jsx","Item","Link","href"],"mappings":"4FAKA,MAAMA,EAAa,CACfC,MAAO,4BACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,QAAS,CACLC,QAAS,QACTC,QAAS,CAAC,UAAW,gBASpBC,EAAuB,CAChCC,KAAM,WACNC,KAAM,CACFL,QAAS,aAEbM,OAASC,GACJC,EAAAb,EAAA,CAASc,MAAO,CAAEC,SAAU,WAAcH,EACvCI,SAAA,CAACC,EAAAjB,EAASkB,KAAT,CACGF,SAACC,EAAAjB,EAASmB,KAAT,CAAcC,KAAK,IAAIJ,SAAA,kBAE5BC,EAACjB,EAASkB,KAAT,CACGF,SAAAC,EAACjB,EAASmB,KAAT,CAAcC,KAAK,IAAIJ,SAAA,UAE5BC,EAACjB,EAASkB,KAAT,CACGF,SAAAC,EAACjB,EAASmB,KAAT,CAAcC,KAAK,IAAIJ,SAAA,cAE5BC,EAACjB,EAASkB,KAAT,CACGF,SAAAC,EAACjB,EAASmB,KAAT,CAAcC,KAAK,IAAIJ,SAAA"}

package/build/es/components/list/stories/List.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+import { default as React } from 'react';
+declare const meta: {
+    title: string;
+    component: React.FC<import('../types.js').ListProps>;
+    subcomponents: {
+        ListItem: React.FC<import('../ListItem.js').ListItemProps>;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const OrderedListStory: Story;
+export declare const UnorderedListStory: Story;
+export declare const CoverageListStory: Story;

package/build/es/components/list/stories/List.stories.js

@@ -0,0 +1,2 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{Flex as t}from"../../flex/Flex.js";import{List as s,OrderedList as n,UnorderedList as l}from"../List.js";import{ListItem as i,CheckListItem as d,CrossListItem as o}from"../ListItem.js";const a={title:"Komponenter/List",component:s,subcomponents:{ListItem:i},tags:["autodocs"]},k=["Planlegg turen og meld fra hvor du går","Tilpass turen etter evne og forhold","Ta hensyn til vær- og skredvarsel","Vær forberedt på uvær og kulde, selv på korte turer","Ta med nødvendig utstyr for å kunne hjelpe deg selv og andre","Ta trygge veivalg. Gjenkjenn skredfarlig terreng og usikker is","Bruk kart og kompass. Vit alltid hvor du er","Vend i tide, det er ingen skam å snu","Spar på kreftene og søk ly om nødvendig"],g=["Regntøy (jakke og bukse)","Tynn vindjakke og turbukse (med god fukttransport)","Undertøy i ull/ullblanding + ekstra skift","Sokker med mye ull og god passform + ekstra skift","Ullgenser/jakke eller tynn dunjakke","Ekstra lue","Ullvotter eller andre vanter/votter som er varme selv når de er våte","Lette innesko/inneklær","Fjellstøvler og gjerne gamasjer","Shorts og t-skjorte (ull/kunstfiber) hvis det er meldt varmt vær"],m={name:"OrderedList",render:()=>e(t,{gap:24,direction:"column",children:[r("h2",{children:"Fjellvettreglene"}),e("p",{children:["Liste fra"," ",r("a",{href:"https://www.dnt.no/fjellvettreglene/",children:"DNTs side om fjellvettreglene"})]}),r(n,{"aria-label":"Fjellvettreglene",children:k.map((e=>r(i,{children:e},e)))})]})},h={name:"UnorderedList",render:()=>e(t,{gap:24,direction:"column",children:[r("h2",{children:"Pakkeliste (bekledning)"}),e("p",{children:["Liste fra"," ",r("a",{href:"https://www.dnt.no/fjellvettreglene/",children:"DNTs pakkeliste for sommerturer"})]}),r(l,{"aria-label":"Fjellvettreglene",children:g.map((e=>r(i,{children:e},e)))})]})},v={name:"Coverage List",render:t=>e(s,{children:[r(d,{children:"Dekkes"}),r(d,{children:"Dekkes også"}),r(o,{children:"Dekkes ikke :("}),r(o,{children:"Dekkes heller ikke :("})]})};export{v as CoverageListStory,m as OrderedListStory,h as UnorderedListStory,a as default};
+//# sourceMappingURL=List.stories.js.map

package/build/es/components/list/stories/List.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.stories.js","sources":["../../../../../src/components/list/stories/List.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { Flex } from \"../../flex/Flex.js\";\nimport { List, OrderedList, UnorderedList } from \"../List.js\";\nimport { CheckListItem, CrossListItem, ListItem } from \"../ListItem.js\";\n\nconst meta = {\n    title: \"Komponenter/List\",\n    component: List,\n    subcomponents: {\n        ListItem,\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof OrderedList>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst fjellvettreglene = [\n    \"Planlegg turen og meld fra hvor du går\",\n    \"Tilpass turen etter evne og forhold\",\n    \"Ta hensyn til vær- og skredvarsel\",\n    \"Vær forberedt på uvær og kulde, selv på korte turer\",\n    \"Ta med nødvendig utstyr for å kunne hjelpe deg selv og andre\",\n    \"Ta trygge veivalg. Gjenkjenn skredfarlig terreng og usikker is\",\n    \"Bruk kart og kompass. Vit alltid hvor du er\",\n    \"Vend i tide, det er ingen skam å snu\",\n    \"Spar på kreftene og søk ly om nødvendig\",\n];\n\nconst bekledningsliste = [\n    \"Regntøy (jakke og bukse)\",\n    \"Tynn vindjakke og turbukse (med god fukttransport)\",\n    \"Undertøy i ull/ullblanding + ekstra skift\",\n    \"Sokker med mye ull og god passform + ekstra skift\",\n    \"Ullgenser/jakke eller tynn dunjakke\",\n    \"Ekstra lue\",\n    \"Ullvotter eller andre vanter/votter som er varme selv når de er våte\",\n    \"Lette innesko/inneklær\",\n    \"Fjellstøvler og gjerne gamasjer\",\n    \"Shorts og t-skjorte (ull/kunstfiber) hvis det er meldt varmt vær\",\n];\n\nexport const OrderedListStory: Story = {\n    name: \"OrderedList\",\n    render: () => (\n        <Flex gap={24} direction=\"column\">\n            <h2>Fjellvettreglene</h2>\n            <p>\n                Liste fra{\" \"}\n                <a href=\"https://www.dnt.no/fjellvettreglene/\">\n                    DNTs side om fjellvettreglene\n                </a>\n            </p>\n            <OrderedList aria-label=\"Fjellvettreglene\">\n                {fjellvettreglene.map((regel) => (\n                    <ListItem key={regel}>{regel}</ListItem>\n                ))}\n            </OrderedList>\n        </Flex>\n    ),\n};\n\nexport const UnorderedListStory: Story = {\n    name: \"UnorderedList\",\n    render: () => (\n        <Flex gap={24} direction=\"column\">\n            <h2>Pakkeliste (bekledning)</h2>\n            <p>\n                Liste fra{\" \"}\n                <a href=\"https://www.dnt.no/fjellvettreglene/\">\n                    DNTs pakkeliste for sommerturer\n                </a>\n            </p>\n            <UnorderedList aria-label=\"Fjellvettreglene\">\n                {bekledningsliste.map((gjenstand) => (\n                    <ListItem key={gjenstand}>{gjenstand}</ListItem>\n                ))}\n            </UnorderedList>\n        </Flex>\n    ),\n};\n\nexport const CoverageListStory: Story = {\n    name: \"Coverage List\",\n    render: (args) => (\n        <List>\n            <CheckListItem>Dekkes</CheckListItem>\n            <CheckListItem>Dekkes også</CheckListItem>\n            <CrossListItem>Dekkes ikke :(</CrossListItem>\n            <CrossListItem>Dekkes heller ikke :(</CrossListItem>\n        </List>\n    ),\n};\n"],"names":["meta","title","component","List","subcomponents","ListItem","tags","fjellvettreglene","bekledningsliste","OrderedListStory","name","render","jsxs","Flex","gap","direction","children","jsx","href","OrderedList","map","regel","UnorderedListStory","UnorderedList","gjenstand","CoverageListStory","args","CheckListItem","CrossListItem"],"mappings":"kPAOA,MAAMA,EAAO,CACTC,MAAO,mBACPC,UAAWC,EACXC,cAAe,CACXC,SAAAA,GAEJC,KAAM,CAAC,aAMLC,EAAmB,CACrB,yCACA,sCACA,oCACA,sDACA,+DACA,iEACA,8CACA,uCACA,2CAGEC,EAAmB,CACrB,2BACA,qDACA,4CACA,oDACA,sCACA,aACA,uEACA,yBACA,kCACA,oEAGSC,EAA0B,CACnCC,KAAM,cACNC,OAAQ,IACJC,EAACC,GAAKC,IAAK,GAAIC,UAAU,SACrBC,SAAA,CAAAC,EAAC,MAAGD,SAAgB,uBACnB,IAAE,CAAAA,SAAA,CAAA,YACW,IACTC,EAAA,IAAA,CAAEC,KAAK,uCAAuCF,SAE/C,qCAEHC,EAAAE,EAAA,CAAY,aAAW,mBACnBH,SAAiBT,EAAAa,KAAKC,GAClBJ,EAAAZ,EAAA,CAAsBW,SAARK,GAAAA,WAOtBC,EAA4B,CACrCZ,KAAM,gBACNC,OAAQ,IACJC,EAACC,GAAKC,IAAK,GAAIC,UAAU,SACrBC,SAAA,CAAAC,EAAC,MAAGD,SAAuB,8BAC1B,IAAE,CAAAA,SAAA,CAAA,YACW,IACTC,EAAA,IAAA,CAAEC,KAAK,uCAAuCF,SAE/C,uCAEHC,EAAAM,EAAA,CAAc,aAAW,mBACrBP,SAAiBR,EAAAY,KAAKI,GAClBP,EAAAZ,EAAA,CAA0BW,SAAZQ,GAAAA,WAOtBC,EAA2B,CACpCf,KAAM,gBACNC,OAASe,GACLd,EAACT,EACG,CAAAa,SAAA,CAAAC,EAACU,GAAcX,SAAM,WACrBC,EAACU,GAAcX,SAAW,gBAC1BC,EAACW,GAAcZ,SAAc,mBAC7BC,EAACW,GAAcZ,SAAqB"}

package/build/es/components/loader/stories/Loader.stories.d.ts

@@ -0,0 +1,24 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ delay, variant, textDescription, className, dataTestAutoId, inline, ...rest }: import('../types.js').LoaderProps) => JSX.Element | null;
+    args: {
+        textDescription: string;
+        variant: "large";
+        inline: false;
+        delay: number;
+        role: "status";
+    };
+    argTypes: {
+        variant: {
+            control: "select";
+        };
+        role: {
+            control: "text";
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const LoaderStory: Story;

package/build/es/components/loader/stories/Loader.stories.js

@@ -0,0 +1,2 @@
+import{jsx as e}from"react/jsx-runtime";/* empty css                         */import{Loader as r}from"../Loader.js";const o={title:"Komponenter/Loader/Loader",component:r,args:{textDescription:"Laster innhold",variant:"large",inline:!1,delay:0,role:"status"},argTypes:{variant:{control:"select"},role:{control:"text"}},tags:["autodocs"]},t={name:"Loader",render:o=>e(r,{...o})};export{t as LoaderStory,o as default};
+//# sourceMappingURL=Loader.stories.js.map

package/build/es/components/loader/stories/Loader.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.stories.js","sources":["../../../../../src/components/loader/stories/Loader.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { Loader } from \"../Loader.js\";\n\nconst meta = {\n    title: \"Komponenter/Loader/Loader\",\n    component: Loader,\n    args: {\n        textDescription: \"Laster innhold\",\n        variant: \"large\",\n        inline: false,\n        delay: 0,\n        role: \"status\",\n    },\n    argTypes: {\n        variant: { control: \"select\" },\n        role: { control: \"text\" },\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof Loader>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const LoaderStory: Story = {\n    name: \"Loader\",\n    render: (args) => <Loader {...args} />,\n};\n"],"names":["meta","title","component","Loader","args","textDescription","variant","inline","delay","role","argTypes","control","tags","LoaderStory","name","render","jsx"],"mappings":"qHAKA,MAAMA,EAAO,CACTC,MAAO,4BACPC,UAAWC,EACXC,KAAM,CACFC,gBAAiB,iBACjBC,QAAS,QACTC,QAAQ,EACRC,MAAO,EACPC,KAAM,UAEVC,SAAU,CACNJ,QAAS,CAAEK,QAAS,UACpBF,KAAM,CAAEE,QAAS,SAErBC,KAAM,CAAC,aAMEC,EAAqB,CAC9BC,KAAM,SACNC,OAASX,GAAUY,EAAAb,EAAA,IAAWC"}

package/build/es/components/loader/stories/Skeleton.stories.d.ts

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react';
+import { default as React } from 'react';
+declare const meta: {
+    title: string;
+    component: ({ className, density, width, style, ...rest }: import('../types.js').SkeletonTableProps) => React.JSX.Element;
+    subcomponents: {
+        SkeletonElement: ({ shape, width, height, style, className, ...rest }: import('../types.js').SkeletonElementProps) => React.JSX.Element;
+        SkeletonTableHeader: ({ className, ...rest }: import('../types.js').SkeletonTableHeaderProps) => React.JSX.Element;
+    };
+    argTypes: {
+        width: {
+            control: "number";
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SkeletonStory: Story;

package/build/es/components/loader/stories/Skeleton.stories.js

@@ -0,0 +1,2 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";/* empty css                         */import{SkeletonAnimation as o}from"../skeletons/SkeletonAnimation.js";import{SkeletonButton as n}from"../skeletons/SkeletonButton.js";import{SkeletonCheckboxGroup as l}from"../skeletons/SkeletonCheckboxGroup.js";import{SkeletonElement as s}from"../skeletons/SkeletonElement.js";import{SkeletonInput as r}from"../skeletons/SkeletonInput.js";import{SkeletonRadioButtonGroup as i}from"../skeletons/SkeletonRadioButtonGroup.js";import{SkeletonTable as a,SkeletonTableHeader as d,SkeletonTableRow as h}from"../skeletons/SkeletonTable.js";import{SkeletonTextArea as k}from"../skeletons/SkeletonTextArea.js";const m={title:"Komponenter/Loader/SkeletonTable",component:a,subcomponents:{SkeletonElement:s,SkeletonTableHeader:d},argTypes:{width:{control:"number"}},tags:["autodocs"]},p={name:"Skeleton",args:{children:e("div",{style:{display:"flex",flexDirection:"column",gap:40},children:[t(s,{width:350,height:32}),t(r,{}),t(k,{}),t(l,{checkboxes:3}),t(i,{radioButtons:3}),t(n,{width:225}),e(a,{children:[e(d,{children:[t("div",{style:{width:215},children:t(s,{width:115,height:16})}),t("div",{style:{width:115},children:t(s,{width:115,height:16})})]}),Array.from(Array(5)).map(((o,n)=>e(h,{children:[t("div",{style:{width:215},children:t(s,{width:n%2?115:185,height:19})}),t("div",{style:{width:115},children:t(s,{width:24,height:24,shape:"circle"})})]},n)))]})]})},render:e=>t(o,{...e,role:"none presentation"})};export{p as SkeletonStory,m as default};
+//# sourceMappingURL=Skeleton.stories.js.map

package/build/es/components/loader/stories/Skeleton.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.stories.js","sources":["../../../../../src/components/loader/stories/Skeleton.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { SkeletonAnimation } from \"../skeletons/SkeletonAnimation.js\";\nimport { SkeletonButton } from \"../skeletons/SkeletonButton.js\";\nimport { SkeletonCheckboxGroup } from \"../skeletons/SkeletonCheckboxGroup.js\";\nimport { SkeletonElement } from \"../skeletons/SkeletonElement.js\";\nimport { SkeletonInput } from \"../skeletons/SkeletonInput.js\";\nimport { SkeletonRadioButtonGroup } from \"../skeletons/SkeletonRadioButtonGroup.js\";\nimport {\n    SkeletonTable,\n    SkeletonTableHeader,\n    SkeletonTableRow,\n} from \"../skeletons/SkeletonTable.js\";\nimport { SkeletonTextArea } from \"../skeletons/SkeletonTextArea.js\";\n\nconst meta = {\n    title: \"Komponenter/Loader/SkeletonTable\",\n    component: SkeletonTable,\n    subcomponents: { SkeletonElement, SkeletonTableHeader },\n    argTypes: {\n        width: {\n            control: \"number\",\n        },\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof SkeletonTable>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const SkeletonStory: Story = {\n    name: \"Skeleton\",\n    args: {\n        children: (\n            <div style={{ display: \"flex\", flexDirection: \"column\", gap: 40 }}>\n                <SkeletonElement width={350} height={32} />\n                <SkeletonInput />\n                <SkeletonTextArea />\n                <SkeletonCheckboxGroup checkboxes={3} />\n                <SkeletonRadioButtonGroup radioButtons={3} />\n                <SkeletonButton width={225} />\n                <SkeletonTable>\n                    <SkeletonTableHeader>\n                        <div style={{ width: 215 }}>\n                            <SkeletonElement width={115} height={16} />\n                        </div>\n                        <div style={{ width: 115 }}>\n                            <SkeletonElement width={115} height={16} />\n                        </div>\n                    </SkeletonTableHeader>\n                    {Array.from(Array(5)).map((_, index) => (\n                        <SkeletonTableRow key={index}>\n                            <div style={{ width: 215 }}>\n                                <SkeletonElement\n                                    width={index % 2 ? 115 : 185}\n                                    height={19}\n                                />\n                            </div>\n                            <div style={{ width: 115 }}>\n                                <SkeletonElement\n                                    width={24}\n                                    height={24}\n                                    shape=\"circle\"\n                                />\n                            </div>\n                        </SkeletonTableRow>\n                    ))}\n                </SkeletonTable>\n            </div>\n        ),\n    },\n    render: (args) => (\n        <SkeletonAnimation\n            {...args}\n            role=\"none presentation\" // Kun for eksempelet, ellers blir det mange alerts på siden\n        />\n    ),\n};\n"],"names":["meta","title","component","SkeletonTable","subcomponents","SkeletonElement","SkeletonTableHeader","argTypes","width","control","tags","SkeletonStory","name","args","children","jsxs","style","display","flexDirection","gap","jsx","height","SkeletonInput","SkeletonTextArea","SkeletonCheckboxGroup","checkboxes","SkeletonRadioButtonGroup","radioButtons","SkeletonButton","Array","from","map","_","index","SkeletonTableRow","shape","render","SkeletonAnimation","role"],"mappings":"krBAgBA,MAAMA,EAAO,CACTC,MAAO,mCACPC,UAAWC,EACXC,cAAe,CAAEC,gBAAAA,EAAiBC,oBAAAA,GAClCC,SAAU,CACNC,MAAO,CACHC,QAAS,WAGjBC,KAAM,CAAC,aAMEC,EAAuB,CAChCC,KAAM,WACNC,KAAM,CACFC,SACKC,EAAA,MAAA,CAAIC,MAAO,CAAEC,QAAS,OAAQC,cAAe,SAAUC,IAAK,IACzDL,SAAA,CAAAM,EAACf,EAAgB,CAAAG,MAAO,IAAKa,OAAQ,OACpCC,EAAc,MACdC,EAAiB,IAClBH,EAACI,EAAsB,CAAAC,WAAY,IACnCL,EAACM,EAAyB,CAAAC,aAAc,IACxCP,EAACQ,EAAe,CAAApB,MAAO,QACtBL,EACG,CAAAW,SAAA,CAAAC,EAACT,EACG,CAAAQ,SAAA,CAAAM,EAAC,MAAI,CAAAJ,MAAO,CAAER,MAAO,KACjBM,SAACM,EAAAf,EAAA,CAAgBG,MAAO,IAAKa,OAAQ,OAExCD,EAAA,MAAA,CAAIJ,MAAO,CAAER,MAAO,KACjBM,SAAAM,EAACf,EAAgB,CAAAG,MAAO,IAAKa,OAAQ,UAG5CQ,MAAMC,KAAKD,MAAM,IAAIE,KAAI,CAACC,EAAGC,IAC1BlB,EAACmB,EACG,CAAApB,SAAA,CAAAM,EAAC,MAAI,CAAAJ,MAAO,CAAER,MAAO,KACjBM,SAAAM,EAACf,EAAA,CACGG,MAAOyB,EAAQ,EAAI,IAAM,IACzBZ,OAAQ,SAGf,MAAI,CAAAL,MAAO,CAAER,MAAO,KACjBM,SAAAM,EAACf,EAAA,CACGG,MAAO,GACPa,OAAQ,GACRc,MAAM,eAXKF,YAoB3CG,OAASvB,GACLO,EAACiB,EAAA,IACOxB,EACJyB,KAAK"}

package/build/es/components/message/stories/WarningMessage.stories.js

@@ -1,2 +1,2 @@
-import{WarningMessage as e}from"../Message.js";/* empty css                         */const s={title:"Komponenter/Message",component:e,parameters:{layout:"centered"},tags:["autodocs"]},n={args:{children:"Hei, jeg er en melding av typen warning",title:"Warning",dismissAction:{handleDismiss(){}}}};export{n as WarningMessage,s as default};
+import{WarningMessage as e}from"../Message.js";/* empty css                         */const s={title:"Komponenter/Message",component:e,parameters:{layout:"centered"},tags:["autodocs"]},a={args:{children:"Hei, jeg er en melding av typen warning",title:"Warning",dismissAction:{handleDismiss(){}}}};export{a as WarningMessage,s as default};
 //# sourceMappingURL=WarningMessage.stories.js.map

package/build/es/components/radio-panel/stories/RadioPanel.stories.d.ts

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react';
+import { default as React } from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Omit<import('../types.js').RadioPanelProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        extraLabel: {
+            control: "text";
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const RadioPanel: Story;

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

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

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

@@ -0,0 +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"}

package/build/es/components/tabs/stories/NavTabs.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+import { default as React } from 'react';
+declare const meta: {
+    title: string;
+    component: ({ "aria-label": ariaLabel, children, className, density, ...rest }: import('../types.js').NavTabsProps) => React.JSX.Element;
+    subcomponents: {
+        NavTab: React.ForwardRefExoticComponent<import('../types.js').NavTabProps<Record<string, unknown>> & React.RefAttributes<HTMLAnchorElement>>;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const TabsStory: Story;

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

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