@fremtind/jokul 1.1.1 → 1.2.0

package/build/es/components/file/stories/File.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"File.stories.js","sources":["../../../../../src/components/file/stories/File.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../../file-input/styles/_index.scss\";\nimport { Button } from \"../../button/index.js\";\nimport { Flex } from \"../../flex/index.js\";\nimport {\n    SkeletonElement,\n    SkeletonTable,\n    SkeletonTableHeader,\n    SkeletonTableRow,\n} from \"../../loader/index.js\";\nimport { File } from \"../File.js\";\n\nimport * as url from \"./cow.jpg\";\n\nconst meta = {\n    title: \"Komponenter/File/File\",\n    component: File,\n    subcomponents: { Button },\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        state: {\n            control: \"select\",\n            options: [undefined, \"error\", \"loading\"],\n        },\n        file: {\n            control: false,\n        },\n    },\n    args: {\n        fileName: \"Skotsk høylandsfe.png\",\n        fileType: \"image/png\",\n        fileSize: 3_490_000,\n        path: url.default,\n        variant: \"list\",\n    },\n} satisfies Meta<typeof File>;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const FileStory: Story = {\n    name: \"File\",\n    args: {\n        onRemove: () => \"\",\n    },\n    render: (args) => <File {...args} onRemove={() => \"e\"} />,\n};\n\nexport const FileListStory: Story = {\n    name: \"Eksempel:: File List\",\n    render: (args) => {\n        return (\n            <Flex direction={\"column\"} gap={16}>\n                <div\n                    style={{\n                        background:\n                            \"var(--jkl-color-background-container-high)\",\n                        maxHeight: \"80%\",\n                        width: \"100%\",\n                        padding: \"1lh 3ch\",\n                        display: \"flex\",\n                        flexDirection: \"column\",\n                        gap: \"2ch\",\n                        boxSizing: \"border-box\",\n                        overflow: \"hidden\",\n                    }}\n                >\n                    <h2 className={\"jkl-heading-2\"}>Oppsummering</h2>\n                    <SkeletonTable>\n                        <SkeletonTableHeader>\n                            <SkeletonElement height={20} width={60} />\n                            <SkeletonElement height={20} width={240} />\n                            <SkeletonElement height={20} width={90} />\n                        </SkeletonTableHeader>\n                        <SkeletonTableRow>\n                            <SkeletonElement height={20} width={60} />\n                            <SkeletonElement height={20} width={240} />\n                            <SkeletonElement height={20} width={90} />\n                        </SkeletonTableRow>\n                        <SkeletonTableRow>\n                            <SkeletonElement height={20} width={60} />\n                            <SkeletonElement height={20} width={240} />\n                            <SkeletonElement height={20} width={90} />\n                        </SkeletonTableRow>\n                        <SkeletonTableRow>\n                            <SkeletonElement height={20} width={60} />\n                            <SkeletonElement height={20} width={240} />\n                            <SkeletonElement height={20} width={90} />\n                        </SkeletonTableRow>\n                    </SkeletonTable>\n                </div>\n\n                <div\n                    style={{\n                        display: \"grid\",\n                        gap: \"12px\",\n                        gridTemplateColumns:\n                            args.variant === \"list\" ? \"1fr\" : \"repeat(2, 1fr)\",\n                    }}\n                >\n                    <File\n                        {...args}\n                        fileName={\"Dekningsoversikt (IPID).pdf\"}\n                        fileType={\"PDF\"}\n                    />\n                    <File\n                        {...args}\n                        fileName={\"Avtaledokument.pdf\"}\n                        fileType={\"PDF\"}\n                    />\n                </div>\n            </Flex>\n        );\n    },\n};\n"],"names":["meta","title","component","File","subcomponents","Button","parameters","layout","tags","argTypes","state","control","options","file","args","fileName","fileType","fileSize","path","url.default","variant","FileStory","name","onRemove","render","jsx","FileListStory","jsxs","Flex","direction","gap","children","style","background","maxHeight","width","padding","display","flexDirection","boxSizing","overflow","className","SkeletonTable","SkeletonTableHeader","SkeletonElement","height","SkeletonTableRow","gridTemplateColumns"],"mappings":"sdAeA,MAAMA,EAAO,CACTC,MAAO,wBACPC,UAAWC,EACXC,cAAe,CAAEC,OAAAA,GACjBC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,MAAO,CACHC,QAAS,SACTC,QAAS,MAAC,EAAW,QAAS,YAElCC,KAAM,CACFF,SAAS,IAGjBG,KAAM,CACFC,SAAU,wBACVC,SAAU,YACVC,SAAU,MACVC,KAAMC,EACNC,QAAS,SAOJC,EAAmB,CAC5BC,KAAM,OACNR,KAAM,CACFS,SAAU,IAAM,IAEpBC,OAASV,GAASW,EAACtB,MAASW,EAAMS,SAAU,IAAM,OAGzCG,EAAuB,CAChCJ,KAAM,uBACNE,OAASV,GAEAa,EAAAC,EAAA,CAAKC,UAAW,SAAUC,IAAK,GAC5BC,SAAA,CAAAJ,EAAC,MAAA,CACGK,MAAO,CACHC,WACI,6CACJC,UAAW,MACXC,MAAO,OACPC,QAAS,UACTC,QAAS,OACTC,cAAe,SACfR,IAAK,MACLS,UAAW,aACXC,SAAU,UAGdT,SAAA,CAACN,EAAA,KAAA,CAAGgB,UAAW,gBAAiBV,SAAY,mBAC3CW,EACG,CAAAX,SAAA,CAAAJ,EAACgB,EACG,CAAAZ,SAAA,CAAAN,EAACmB,EAAgB,CAAAC,OAAQ,GAAIV,MAAO,KACnCV,EAAAmB,EAAA,CAAgBC,OAAQ,GAAIV,MAAO,MACnCV,EAAAmB,EAAA,CAAgBC,OAAQ,GAAIV,MAAO,UAEvCW,EACG,CAAAf,SAAA,CAAAN,EAACmB,EAAgB,CAAAC,OAAQ,GAAIV,MAAO,KACnCV,EAAAmB,EAAA,CAAgBC,OAAQ,GAAIV,MAAO,MACnCV,EAAAmB,EAAA,CAAgBC,OAAQ,GAAIV,MAAO,UAEvCW,EACG,CAAAf,SAAA,CAAAN,EAACmB,EAAgB,CAAAC,OAAQ,GAAIV,MAAO,KACnCV,EAAAmB,EAAA,CAAgBC,OAAQ,GAAIV,MAAO,MACnCV,EAAAmB,EAAA,CAAgBC,OAAQ,GAAIV,MAAO,UAEvCW,EACG,CAAAf,SAAA,CAAAN,EAACmB,EAAgB,CAAAC,OAAQ,GAAIV,MAAO,KACnCV,EAAAmB,EAAA,CAAgBC,OAAQ,GAAIV,MAAO,MACnCV,EAAAmB,EAAA,CAAgBC,OAAQ,GAAIV,MAAO,cAKhDR,EAAC,MAAA,CACGK,MAAO,CACHK,QAAS,OACTP,IAAK,OACLiB,oBACqB,SAAjBjC,EAAKM,QAAqB,MAAQ,kBAG1CW,SAAA,CAAAN,EAACtB,EAAA,IACOW,EACJC,SAAU,8BACVC,SAAU,QAEdS,EAACtB,EAAA,IACOW,EACJC,SAAU,qBACVC,SAAU"}

package/build/es/components/file-input/stories/FileInput.stories.js

@@ -1,2 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as a}from"react";/* empty css                         */import{Button as i,PrimaryButton as o}from"../../button/Button.js";import{File as n}from"../../file/File.js";import{FileInput as l}from"../FileInput.js";import{Dropzone as s}from"../internal/Dropzone.js";import{MaxSize as r}from"../internal/MaxSize.js";const p={title:"Komponenter/File/FileInput",component:l,subcomponents:{File:n,Dropzone:s,MaxSize:r,Button:i},parameters:{layout:"centered"},tags:["autodocs"]},m={name:"FileInput",args:{variant:"flexible",value:[],onChange:console.info,legend:"Legg til fil",labelProps:{variant:"medium"},accept:"image/*,.pdf",maxSizeBytes:8e6},render:i=>{const[s,r]=a([]);return e("div",{children:[t(l,{...i,id:"file-input-example",className:"jkl-spacing-16-24--bottom",value:s,onChange:(e,t)=>{r((e=>[...e,...t]))},children:s.map((({state:e,file:a,validation:i},o)=>t(n,{fileName:a.name,fileType:a.type,fileSize:a.size,path:`/path/fil-${o}`,file:a,state:e,onRemove:"loading"!==e?e=>"":void 0},`${a.name}-${o}`)))}),t(o,{className:"jkl-spacing-16--top",type:"button",onClick:async()=>{const e=s.filter((e=>typeof e.validation>"u")),t=s.map((t=>e.includes(t)?{...t}:t));r(t.map((e=>({...e,state:"loading"})))),await Promise.all(t)},children:"Last opp"})]})}};export{m as FileInputStory,p as default};
-//# sourceMappingURL=FileInput.stories.js.map

package/build/es/components/file-input/stories/FileInput.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileInput.stories.js","sources":["../../../../../src/components/file-input/stories/FileInput.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React, { useState } from \"react\";\nimport \"../styles/_index.scss\";\nimport { Button, PrimaryButton } from \"../../button/index.js\";\nimport { File } from \"../../file/File.js\";\nimport { FileInput } from \"../FileInput.js\";\nimport { Dropzone } from \"../internal/Dropzone.js\";\nimport { MaxSize } from \"../internal/MaxSize.js\";\nimport type { UploadedFile } from \"../types.js\";\n\nconst meta = {\n    title: \"Komponenter/File/FileInput\",\n    component: FileInput,\n    subcomponents: { File, Dropzone, MaxSize, Button },\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof FileInput>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const FileInputStory: Story = {\n    name: \"FileInput\",\n    args: {\n        variant: \"flexible\",\n        value: [],\n        onChange: console.info,\n        legend: \"Legg til fil\",\n        labelProps: {\n            variant: \"medium\",\n        },\n        accept: \"image/*,.pdf\",\n        maxSizeBytes: 8_000_000,\n    },\n    render: (args) => {\n        const [files, setFiles] = useState<UploadedFile[]>([]);\n\n        return (\n            <div>\n                <FileInput\n                    {...args}\n                    id=\"file-input-example\"\n                    className=\"jkl-spacing-16-24--bottom\"\n                    value={files}\n                    onChange={(_e, newFiles) => {\n                        setFiles((currentFiles) => [\n                            ...currentFiles,\n                            ...newFiles,\n                        ]);\n                    }}\n                >\n                    {files.map(({ state, file, validation }, index) => {\n                        return (\n                            <File\n                                key={`${file.name}-${index}`}\n                                fileName={file.name}\n                                fileType={file.type}\n                                fileSize={file.size}\n                                path={`/path/fil-${index}`}\n                                file={file}\n                                state={state}\n                                onRemove={\n                                    state !== \"loading\" ? (e) => \"\" : undefined\n                                }\n                            />\n                        );\n                    })}\n                </FileInput>\n                <PrimaryButton\n                    className=\"jkl-spacing-16--top\"\n                    type=\"button\"\n                    onClick={async () => {\n                        const toUpload = files.filter(\n                            (fileState) =>\n                                typeof fileState.validation === \"undefined\",\n                        );\n\n                        const newFiles = files.map((file) =>\n                            toUpload.includes(file)\n                                ? {\n                                      ...file,\n                                  }\n                                : file,\n                        );\n\n                        setFiles(\n                            newFiles.map((file) => {\n                                return { ...file, state: \"loading\" };\n                            }),\n                        );\n\n                        await Promise.all(newFiles);\n                    }}\n                >\n                    Last opp\n                </PrimaryButton>\n            </div>\n        );\n    },\n};\n"],"names":["meta","title","component","FileInput","subcomponents","File","Dropzone","MaxSize","Button","parameters","layout","tags","FileInputStory","name","args","variant","value","onChange","console","info","legend","labelProps","accept","maxSizeBytes","render","files","setFiles","useState","children","jsx","id","className","_e","newFiles","currentFiles","map","state","file","validation","index","fileName","fileType","type","fileSize","size","path","onRemove","e","PrimaryButton","onClick","async","toUpload","filter","fileState","includes","Promise","all"],"mappings":"uXAUA,MAAMA,EAAO,CACTC,MAAO,6BACPC,UAAWC,EACXC,cAAe,CAAEC,KAAAA,EAAMC,SAAAA,EAAUC,QAAAA,EAASC,OAAAA,GAC1CC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAAwB,CACjCC,KAAM,YACNC,KAAM,CACFC,QAAS,WACTC,MAAO,GACPC,SAAUC,QAAQC,KAClBC,OAAQ,eACRC,WAAY,CACRN,QAAS,UAEbO,OAAQ,eACRC,aAAc,KAElBC,OAASV,IACL,MAAOW,EAAOC,GAAYC,EAAyB,IAEnD,SACK,MACG,CAAAC,SAAA,CAAAC,EAAC1B,EAAA,IACOW,EACJgB,GAAG,qBACHC,UAAU,4BACVf,MAAOS,EACPR,SAAU,CAACe,EAAIC,KACXP,GAAUQ,GAAiB,IACpBA,KACAD,IACN,EAGJL,SAAAH,EAAMU,KAAI,EAAGC,MAAAA,EAAOC,KAAAA,EAAMC,WAAAA,GAAcC,IAEjCV,EAACxB,EAAA,CAEGmC,SAAUH,EAAKxB,KACf4B,SAAUJ,EAAKK,KACfC,SAAUN,EAAKO,KACfC,KAAM,aAAaN,IACnBF,KAAAA,EACAD,MAAAA,EACAU,SACc,YAAVV,EAAuBW,GAAM,QAAK,GARjC,GAAGV,EAAKxB,QAAQ0B,SAcrCV,EAACmB,EAAA,CACGjB,UAAU,sBACVW,KAAK,SACLO,QAASC,UACL,MAAMC,EAAW1B,EAAM2B,QAClBC,UACUA,EAAUf,WAAe,MAGlCL,EAAWR,EAAMU,KAAKE,GACxBc,EAASG,SAASjB,GACZ,IACOA,GAEPA,IAGVX,EACIO,EAASE,KAAKE,IAAAA,IACEA,EAAMD,MAAO,qBAI3BmB,QAAQC,IAAIvB,EAAQ,EAEjCL,SAAA,eAGL"}

package/build/es/components/flex/stories/Flex.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Flex } from '../Flex.js';
-declare const meta: Meta<typeof Flex>;
-export default meta;
-type Story = StoryObj<typeof Flex>;
-export declare const FlexStory: Story;

package/build/es/components/flex/stories/Flex.stories.js

@@ -1,2 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import"react";import r from"../../../core/tokens.js";import{Flex as t}from"../Flex.js";const o={title:"Layout/Flex",component:t,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{direction:{control:"select",options:["row","row-reverse","column","column-reverse"]},alignItems:{control:"select",options:["flex-start","flex-end","center","baseline","stretch"]},justifyContent:{control:"select",options:["flex-start","flex-end","center","space-between","space-around","space-evenly"]},wrap:{control:"boolean"},gap:{control:"select",options:Object.keys(r.spacing)}}},n=({label:r})=>e("div",{style:{padding:"var(--jkl-spacing-24)",backgroundColor:"var(--jkl-background-color)",border:"1px solid var(--jkl-color)",textAlign:"center"},children:r}),l={name:"Flex",args:{style:{border:"3px dashed var(--jkl-color)",padding:"var(--jkl-spacing-24)",height:"50vh",width:"50vw"},direction:"row",wrap:!0,justifyContent:"center",alignItems:"center",gap:8,children:Array.from({length:5},((r,t)=>e(n,{label:`Box ${t+1}`},t)))},render:r=>e(t,{...r})};export{l as FlexStory,o as default};
-//# sourceMappingURL=Flex.stories.js.map

package/build/es/components/flex/stories/Flex.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Flex.stories.js","sources":["../../../../../src/components/flex/stories/Flex.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React, { type CSSProperties } from \"react\";\nimport tokens from \"../../../core/tokens.js\";\nimport { Flex } from \"../Flex.js\";\n\nconst meta: Meta<typeof Flex> = {\n    title: \"Layout/Flex\",\n    component: Flex,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        direction: {\n            control: \"select\",\n            options: [\n                \"row\",\n                \"row-reverse\",\n                \"column\",\n                \"column-reverse\",\n            ] satisfies CSSProperties[\"flexDirection\"][],\n        },\n        alignItems: {\n            control: \"select\",\n            options: [\n                \"flex-start\",\n                \"flex-end\",\n                \"center\",\n                \"baseline\",\n                \"stretch\",\n            ] satisfies CSSProperties[\"alignItems\"][],\n        },\n        justifyContent: {\n            control: \"select\",\n            options: [\n                \"flex-start\",\n                \"flex-end\",\n                \"center\",\n                \"space-between\",\n                \"space-around\",\n                \"space-evenly\",\n            ] satisfies CSSProperties[\"justifyContent\"][],\n        },\n        wrap: {\n            control: \"boolean\",\n        },\n        gap: {\n            control: \"select\",\n            options: Object.keys(tokens.spacing),\n        },\n    },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Flex>;\n\nconst Box = ({ label }: { label: string }) => (\n    <div\n        style={{\n            padding: \"var(--jkl-spacing-24)\",\n            backgroundColor: \"var(--jkl-background-color)\",\n            border: \"1px solid var(--jkl-color)\",\n            textAlign: \"center\",\n        }}\n    >\n        {label}\n    </div>\n);\n\nexport const FlexStory: Story = {\n    name: \"Flex\",\n    args: {\n        style: {\n            border: \"3px dashed var(--jkl-color)\",\n            padding: \"var(--jkl-spacing-24)\",\n            height: \"50vh\",\n            width: \"50vw\",\n        },\n        direction: \"row\",\n        wrap: true,\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        gap: 8,\n        children: Array.from({ length: 5 }, (_, i) => (\n            <Box key={i} label={`Box ${i + 1}`} />\n        )),\n    },\n    render: (args) => <Flex {...args} />,\n};\n"],"names":["meta","title","component","Flex","parameters","layout","tags","argTypes","direction","control","options","alignItems","justifyContent","wrap","gap","Object","keys","tokens","spacing","Box","label","jsx","style","padding","backgroundColor","border","textAlign","children","FlexStory","name","args","height","width","Array","from","length","_","i","render"],"mappings":"+HAKA,MAAMA,EAA0B,CAC5BC,MAAO,cACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,UAAW,CACPC,QAAS,SACTC,QAAS,CACL,MACA,cACA,SACA,mBAGRC,WAAY,CACRF,QAAS,SACTC,QAAS,CACL,aACA,WACA,SACA,WACA,YAGRE,eAAgB,CACZH,QAAS,SACTC,QAAS,CACL,aACA,WACA,SACA,gBACA,eACA,iBAGRG,KAAM,CACFJ,QAAS,WAEbK,IAAK,CACDL,QAAS,SACTC,QAASK,OAAOC,KAAKC,EAAOC,YASlCC,EAAM,EAAGC,MAAAA,KACXC,EAAC,MAAA,CACGC,MAAO,CACHC,QAAS,wBACTC,gBAAiB,8BACjBC,OAAQ,6BACRC,UAAW,UAGdC,SAAAP,IAIIQ,EAAmB,CAC5BC,KAAM,OACNC,KAAM,CACFR,MAAO,CACHG,OAAQ,8BACRF,QAAS,wBACTQ,OAAQ,OACRC,MAAO,QAEXxB,UAAW,MACXK,MAAM,EACND,eAAgB,SAChBD,WAAY,SACZG,IAAK,EACLa,SAAUM,MAAMC,KAAK,CAAEC,OAAQ,IAAK,CAACC,EAAGC,IACpChB,EAACF,GAAYC,MAAO,OAAOiB,EAAI,KAArBA,MAGlBC,OAASR,GAAUT,EAAAlB,EAAA,IAAS2B"}

package/build/es/components/icon/stories/Icons.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Icon } from '../Icon.js';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<typeof Icon>;
-export declare const Ikoner: Story;

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Icons.stories.js","sources":["../../../../../src/components/icon/development/internal/IconExample.tsx","../../../../../src/components/icon/development/internal/IconsExampleGrid.tsx","../../../../../src/components/icon/stories/Icons.stories.tsx"],"sourcesContent":["import React, { type ReactNode } from \"react\";\n\ninterface Props extends React.HTMLAttributes<HTMLDivElement> {\n    name?: string;\n    renderIcon: () => ReactNode;\n}\n\nexport const IconExample: React.FC<Props> = ({\n    name,\n    renderIcon,\n    ...restProps\n}) => (\n    <div title={name || renderIcon.name} {...restProps}>\n        {renderIcon()}\n    </div>\n);\n","import React, { type CSSProperties } from \"react\";\nimport \"./icons-example-grid.scss\";\nimport type { WithChildren } from \"../../../../core/types.js\";\n\ninterface IconsExampleGridProps extends WithChildren {\n    columns: \"two\" | \"four\";\n    style?: CSSProperties;\n}\n\nexport const IconsExampleGrid: React.FC<IconsExampleGridProps> = ({\n    columns,\n    children,\n    ...rest\n}) => (\n    <div\n        className={`jkl-example-grid jkl-example-grid--${columns}-columns`}\n        {...rest}\n    >\n        {children}\n    </div>\n);\n","import type { Meta, StoryObj } from \"@storybook/react\";\nimport React, { useState } from \"react\";\nimport { TextInput } from \"../../text-input/TextInput.js\";\nimport { Icon } from \"../Icon.js\";\nimport { IconExample } from \"../development/internal/IconExample.js\";\nimport { IconsExampleGrid } from \"../development/internal/IconsExampleGrid.js\";\nimport {\n    ArrowDownIcon,\n    ArrowLeftIcon,\n    ArrowNorthEastIcon,\n    ArrowRightIcon,\n    ArrowUpIcon,\n    CalendarIcon,\n    CheckIcon,\n    ChevronDownIcon,\n    ChevronLeftIcon,\n    ChevronRightIcon,\n    ChevronUpIcon,\n    CloseIcon,\n    CopyIcon,\n    DotsIcon,\n    DragIcon,\n    ErrorIcon,\n    GreenCheckIcon,\n    HamburgerIcon,\n    InfoIcon,\n    LinkIcon,\n    MinusIcon,\n    OpenInNewIcon,\n    PenIcon,\n    PlusIcon,\n    QuestionIcon,\n    RedCrossIcon,\n    SearchIcon,\n    SuccessIcon,\n    ThumbDownIcon,\n    ThumbUpIcon,\n    TrashCanIcon,\n    WarningIcon,\n} from \"../index.js\";\nimport \"../styles/_index.scss\";\nimport \"../../text-input/styles/text-input.scss\";\nimport \"../../input-group/styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/Ikoner\",\n    component: Icon,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        variant: {\n            control: \"radio\",\n            options: [\"inherit\", \"medium\", \"small\"],\n        },\n    },\n} satisfies Meta<typeof Icon>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof Icon>;\n\nconst allIcons = [\n    ArrowDownIcon,\n    ArrowLeftIcon,\n    ArrowNorthEastIcon,\n    ArrowRightIcon,\n    ArrowUpIcon,\n    CalendarIcon,\n    CheckIcon,\n    ChevronDownIcon,\n    ChevronLeftIcon,\n    ChevronRightIcon,\n    ChevronUpIcon,\n    CloseIcon,\n    CopyIcon,\n    DotsIcon,\n    DragIcon,\n    ErrorIcon,\n    GreenCheckIcon,\n    HamburgerIcon,\n    InfoIcon,\n    LinkIcon,\n    MinusIcon,\n    OpenInNewIcon,\n    PenIcon,\n    PlusIcon,\n    QuestionIcon,\n    RedCrossIcon,\n    SearchIcon,\n    SuccessIcon,\n    ThumbDownIcon,\n    ThumbUpIcon,\n    TrashCanIcon,\n    WarningIcon,\n];\n\nexport const Ikoner: Story = {\n    args: {\n        variant: \"small\",\n        bold: false,\n    },\n    render: ({ variant, bold }) => {\n        // eslint-disable-next-line react-hooks/rules-of-hooks\n        const [fontSize, setFontSize] = useState(\"1rem\");\n\n        return (\n            <div style={{ width: \"50vw\" }}>\n                {variant === \"inherit\" && (\n                    <TextInput\n                        label=\"Fontstørrelse\"\n                        className=\"jkl-spacing-24--bottom\"\n                        value={fontSize}\n                        onChange={(e) => setFontSize(e.target.value)}\n                        width=\"10ch\"\n                    />\n                )}\n                <IconsExampleGrid style={{ fontSize }} columns=\"four\">\n                    {allIcons.map((Ico) => (\n                        <IconExample\n                            style={{ justifySelf: \"center\" }}\n                            key={Ico.displayName}\n                            renderIcon={() => (\n                                <Ico bold={bold} variant={variant} />\n                            )}\n                            name={Ico.displayName}\n                        />\n                    ))}\n                </IconsExampleGrid>\n            </div>\n        );\n    },\n};\n"],"names":["IconExample","name","renderIcon","restProps","jsx","title","children","IconsExampleGrid","columns","rest","className","meta","component","Icon","parameters","layout","tags","argTypes","variant","control","options","allIcons","ArrowDownIcon","ArrowLeftIcon","ArrowNorthEastIcon","ArrowRightIcon","ArrowUpIcon","CalendarIcon","CheckIcon","ChevronDownIcon","ChevronLeftIcon","ChevronRightIcon","ChevronUpIcon","CloseIcon","CopyIcon","DotsIcon","DragIcon","ErrorIcon","GreenCheckIcon","HamburgerIcon","InfoIcon","LinkIcon","MinusIcon","OpenInNewIcon","PenIcon","PlusIcon","QuestionIcon","RedCrossIcon","SearchIcon","SuccessIcon","ThumbDownIcon","ThumbUpIcon","TrashCanIcon","WarningIcon","Ikoner","args","bold","render","fontSize","setFontSize","useState","style","width","TextInput","label","value","onChange","e","target","map","Ico","justifySelf","displayName"],"mappings":"okEAOO,MAAMA,EAA+B,EACxCC,KAAAA,EACAC,WAAAA,KACGC,KAEHC,EAAC,OAAIC,MAAOJ,GAAQC,EAAWD,QAAUE,EACpCG,SAAAJ,MCJIK,EAAoD,EAC7DC,QAAAA,EACAF,SAAAA,KACGG,KAEHL,EAAC,MAAA,CACGM,UAAW,sCAAsCF,eAC7CC,EAEHH,SAAAA,IC0BHK,EAAa,CACfN,MAAO,qBACPO,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,QAAS,CACLC,QAAS,QACTC,QAAS,CAAC,UAAW,SAAU,YASrCC,EAAW,CACbC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,GAGSC,EAAgB,CACzBC,KAAM,CACFrC,QAAS,QACTsC,MAAM,GAEVC,OAAQ,EAAGvC,QAAAA,EAASsC,KAAAA,MAEhB,MAAOE,EAAUC,GAAeC,EAAS,iBAGpC,MAAI,CAAAC,MAAO,CAAEC,MAAO,QAChBxD,SAAA,CAAY,YAAZY,GACGd,EAAC2D,EAAA,CACGC,MAAM,gBACNtD,UAAU,yBACVuD,MAAOP,EACPQ,SAAWC,GAAMR,EAAYQ,EAAEC,OAAOH,OACtCH,MAAM,SAGd1D,EAACG,EAAiB,CAAAsD,MAAO,CAAEH,SAAAA,GAAYlD,QAAQ,OAC1CF,SAAAe,EAASgD,KAAKC,GACXlE,EAACJ,EAAA,CACG6D,MAAO,CAAEU,YAAa,UAEtBrE,WAAY,IACPE,EAAAkE,EAAA,CAAId,KAAAA,EAAYtC,QAAAA,IAErBjB,KAAMqE,EAAIE,aAJLF,EAAIE,mBAQzB"}

package/build/es/components/icon-button/stories/IconButton.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { IconButton } from '../IconButton.js';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<typeof IconButton>;
-export declare const IconButtonStory: Story;

package/build/es/components/icon-button/stories/IconButton.stories.js

@@ -1,2 +0,0 @@
-import{jsx as o}from"react/jsx-runtime";import"react";import{PenIcon as t}from"../../icon/icons/PenIcon.js";import{IconButton as n}from"../IconButton.js";const e={title:"Komponenter/IconButton",component:n,parameters:{layout:"centered"},tags:["autodocs"]},r={name:"IconButton",args:{children:o(t,{})},render:t=>o(n,{...t})};export{r as IconButtonStory,e as default};
-//# sourceMappingURL=IconButton.stories.js.map

package/build/es/components/icon-button/stories/IconButton.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.stories.js","sources":["../../../../../src/components/icon-button/stories/IconButton.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { PenIcon } from \"../../icon/icons/PenIcon.js\";\nimport { IconButton } from \"../IconButton.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/IconButton\",\n    component: IconButton,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof IconButton>;\n\nexport const IconButtonStory: Story = {\n    name: \"IconButton\",\n    args: {\n        children: <PenIcon />,\n    },\n    render: (props) => <IconButton {...props} />,\n};\n"],"names":["meta","title","component","IconButton","parameters","layout","tags","IconButtonStory","name","args","children","PenIcon","render","props","jsx"],"mappings":"0JAMA,MAAMA,EAAa,CACfC,MAAO,yBACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAAyB,CAClCC,KAAM,aACNC,KAAM,CACFC,WAAWC,EAAQ,CAAA,IAEvBC,OAASC,GAAWC,EAAAX,EAAA,IAAeU"}

package/build/es/components/image/stories/Image.stories.d.ts

@@ -1,25 +0,0 @@
-import { StoryObj } from '@storybook/react';
-import { default as React } from 'react';
-import { ImageProps } from '../types.js';
-declare const _default: {
-    title: string;
-    component: React.FC<ImageProps>;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    args: {
-        src: string;
-        srcSet: string;
-        placeholder: string;
-    };
-    argTypes: {
-        className: {
-            control: "radio";
-            options: string[];
-        };
-    };
-};
-export default _default;
-export declare const Fluid: StoryObj<ImageProps>;
-export declare const Static: StoryObj<ImageProps>;

package/build/es/components/image/stories/Image.stories.js

@@ -1,2 +0,0 @@
-import{jsx as a}from"react/jsx-runtime";import"react";import{Image as e}from"../Image.js";const t="/images/dog-400.jpg",s={title:"Komponenter/Image",component:e,parameters:{layout:"centered"},tags:["autodocs"],args:{src:t,srcSet:`${t} 400w, /images/dog-800.jpg 800w, /images/dog-1200.jpg 1200w, /images/dog-1920.jpg 1920w`,placeholder:"/images/thumbnail.jpg"},argTypes:{className:{control:"radio",options:["fluid","static"]}}},r={args:{className:"fluid"},render:t=>a("div",{style:{width:"50vw",height:"auto"},children:a(e,{...t})})},i={args:{className:"static"},render:t=>a("div",{style:{width:"50vw",height:"auto"},children:a(e,{...t})})};export{r as Fluid,i as Static,s as default};
-//# sourceMappingURL=Image.stories.js.map

package/build/es/components/image/stories/Image.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Image.stories.js","sources":["../../../../../src/components/image/stories/Image.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Image } from \"../Image.js\";\nimport type { ImageProps } from \"../types.js\";\nimport \"../styles/_index.scss\";\nimport \"./styles.scss\";\n\nconst dog400 = \"/images/dog-400.jpg\";\nconst dog800 = \"/images/dog-800.jpg\";\nconst dog1200 = \"/images/dog-1200.jpg\";\nconst dog1920 = \"/images/dog-1920.jpg\";\nconst thumbnail = \"/images/thumbnail.jpg\";\n\nexport default {\n    title: \"Komponenter/Image\",\n    component: Image,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    args: {\n        src: dog400,\n        srcSet: `${dog400} 400w, ${dog800} 800w, ${dog1200} 1200w, ${dog1920} 1920w`,\n        placeholder: thumbnail,\n    },\n    argTypes: {\n        className: {\n            control: \"radio\",\n            options: [\"fluid\", \"static\"],\n        },\n    },\n} satisfies Meta<typeof Image>;\n\nexport const Fluid: StoryObj<ImageProps> = {\n    args: {\n        className: \"fluid\",\n    },\n    render: (props) => {\n        return (\n            <div style={{ width: \"50vw\", height: \"auto\" }}>\n                <Image {...props} />\n            </div>\n        );\n    },\n};\n\nexport const Static: StoryObj<ImageProps> = {\n    args: {\n        className: \"static\",\n    },\n    render: (props) => {\n        return (\n            <div style={{ width: \"50vw\", height: \"auto\" }}>\n                <Image {...props} />\n            </div>\n        );\n    },\n};\n"],"names":["dog400","Image_stories","title","component","Image","parameters","layout","tags","args","src","srcSet","placeholder","argTypes","className","control","options","Fluid","render","props","jsx","style","width","height","children","Static"],"mappings":"0FAOA,MAAMA,EAAS,sBAMAC,EAAA,CACXC,MAAO,oBACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,KAAM,CACFC,IAAKT,EACLU,OAAQ,GAAGV,2FACXW,YAZU,yBAcdC,SAAU,CACNC,UAAW,CACPC,QAAS,QACTC,QAAS,CAAC,QAAS,aAKlBC,EAA8B,CACvCR,KAAM,CACFK,UAAW,SAEfI,OAASC,GAEAC,EAAA,MAAA,CAAIC,MAAO,CAAEC,MAAO,OAAQC,OAAQ,QACjCC,SAAAJ,EAACf,EAAO,IAAGc,OAMdM,EAA+B,CACxChB,KAAM,CACFK,UAAW,UAEfI,OAASC,GAEAC,EAAA,MAAA,CAAIC,MAAO,CAAEC,MAAO,OAAQC,OAAQ,QACjCC,SAAAJ,EAACf,EAAO,IAAGc"}

package/build/es/components/input-group/stories/FieldGroup.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { FieldGroup } from '../FieldGroup.js';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<typeof FieldGroup>;
-export declare const FieldGroupStory: Story;

package/build/es/components/input-group/stories/FieldGroup.stories.js

@@ -1,2 +0,0 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import"react";import{Checkbox as t}from"../../checkbox/Checkbox.js";import{PopupTip as r}from"../../tooltip/PopupTip.js";import{FieldGroup as a}from"../FieldGroup.js";/* empty css                         *//* empty css                         */const i={title:"Komponenter/InputGroup/FieldGroup",component:a,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{tooltip:{type:"boolean"}}},l=o(r,{content:"Du kan velge flere metoder. Ved brev vil det ta lenger tid å få en beskjed."}),p={name:"Kontaktpreferanser",args:{legend:"Hvordan kan vi kontakte deg?",labelProps:{variant:"large"},supportLabelProps:{labelType:"help"},tooltip:!1},render:({tooltip:r,...i})=>e(a,{...i,tooltip:r?l:void 0,children:[o(t,{name:"checklist",value:"phone",invalid:!1,children:"Telefon"}),o(t,{name:"checklist",value:"email",invalid:!1,children:"E-post"}),o(t,{name:"checklist",value:"snailmail",invalid:!1,children:"Brev"})]})};export{p as FieldGroupStory,i as default};
-//# sourceMappingURL=FieldGroup.stories.js.map

package/build/es/components/input-group/stories/FieldGroup.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldGroup.stories.js","sources":["../../../../../src/components/input-group/stories/FieldGroup.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Checkbox } from \"../../checkbox/Checkbox.js\";\nimport { PopupTip } from \"../../tooltip/PopupTip.js\";\nimport { FieldGroup } from \"../FieldGroup.js\";\nimport \"../styles/_index.scss\";\nimport \"../../checkbox/styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/InputGroup/FieldGroup\",\n    component: FieldGroup,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        tooltip: {\n            type: \"boolean\",\n        },\n    },\n} satisfies Meta<typeof FieldGroup>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof FieldGroup>;\n\nconst tooltipComponent = (\n    <PopupTip content=\"Du kan velge flere metoder. Ved brev vil det ta lenger tid å få en beskjed.\" />\n);\n\nexport const FieldGroupStory: Story = {\n    name: \"Kontaktpreferanser\",\n    args: {\n        legend: \"Hvordan kan vi kontakte deg?\",\n        labelProps: {\n            variant: \"large\",\n        },\n        supportLabelProps: {\n            labelType: \"help\",\n        },\n        tooltip: false,\n    },\n    render: ({ tooltip, ...props }) => (\n        <FieldGroup {...props} tooltip={tooltip ? tooltipComponent : undefined}>\n            <Checkbox name=\"checklist\" value=\"phone\" invalid={false}>\n                Telefon\n            </Checkbox>\n            <Checkbox name=\"checklist\" value=\"email\" invalid={false}>\n                E-post\n            </Checkbox>\n            <Checkbox name=\"checklist\" value=\"snailmail\" invalid={false}>\n                Brev\n            </Checkbox>\n        </FieldGroup>\n    ),\n};\n"],"names":["meta","title","component","FieldGroup","parameters","layout","tags","argTypes","tooltip","type","tooltipComponent","jsx","PopupTip","content","FieldGroupStory","name","args","legend","labelProps","variant","supportLabelProps","labelType","render","props","jsxs","children","Checkbox","value","invalid"],"mappings":"uSAQA,MAAMA,EAAa,CACfC,MAAO,oCACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,QAAS,CACLC,KAAM,aASZC,EACFC,EAACC,EAAS,CAAAC,QAAQ,gFAGTC,EAAyB,CAClCC,KAAM,qBACNC,KAAM,CACFC,OAAQ,+BACRC,WAAY,CACRC,QAAS,SAEbC,kBAAmB,CACfC,UAAW,QAEfb,SAAS,GAEbc,OAAQ,EAAGd,QAAAA,KAAYe,KAClBC,EAAArB,EAAA,IAAeoB,EAAOf,QAASA,EAAUE,OAAmB,EACzDe,SAAA,CAAAd,EAACe,GAASX,KAAK,YAAYY,MAAM,QAAQC,SAAS,EAAOH,SAEzD,YACAd,EAACe,GAASX,KAAK,YAAYY,MAAM,QAAQC,SAAS,EAAOH,SAEzD,WACAd,EAACe,GAASX,KAAK,YAAYY,MAAM,YAAYC,SAAS,EAAOH,SAE7D"}

package/build/es/components/input-group/stories/InputGroup.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { InputGroup } from '../InputGroup.js';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<typeof InputGroup>;
-export declare const InputGroupStory: Story;

package/build/es/components/input-group/stories/InputGroup.stories.js

@@ -1,2 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import"react";import{BaseTextInput as e}from"../../text-input/BaseTextInput.js";import{InputGroup as r}from"../InputGroup.js";/* empty css                         *//* empty css                         */const o={title:"Komponenter/InputGroup",component:r,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{label:{control:"text"}}},p={name:"InputGroup",args:{label:"Fødeselsnummer"},render:o=>t(r,{...o,children:t(e,{})})};export{p as InputGroupStory,o as default};
-//# sourceMappingURL=InputGroup.stories.js.map

package/build/es/components/input-group/stories/InputGroup.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputGroup.stories.js","sources":["../../../../../src/components/input-group/stories/InputGroup.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { BaseTextInput } from \"../../text-input/BaseTextInput.js\";\nimport { InputGroup } from \"../InputGroup.js\";\nimport \"../styles/_index.scss\";\nimport \"../../text-input/styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/InputGroup\",\n    component: InputGroup,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        label: {\n            control: \"text\",\n        },\n    },\n} satisfies Meta<typeof InputGroup>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof InputGroup>;\n\nexport const InputGroupStory: Story = {\n    name: \"InputGroup\",\n    args: {\n        label: \"Fødeselsnummer\",\n    },\n    render: (props) => (\n        <InputGroup {...props}>\n            <BaseTextInput />\n        </InputGroup>\n    ),\n};\n"],"names":["meta","title","component","InputGroup","parameters","layout","tags","argTypes","label","control","InputGroupStory","name","args","render","props","jsx","children","BaseTextInput"],"mappings":"oPAOA,MAAMA,EAAa,CACfC,MAAO,yBACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,MAAO,CACHC,QAAS,UASRC,EAAyB,CAClCC,KAAM,aACNC,KAAM,CACFJ,MAAO,kBAEXK,OAASC,GACLC,EAACZ,MAAeW,EACZE,SAACD,EAAAE,EAAA,CAAc"}

package/build/es/components/input-group/stories/Label.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Label } from '../Label.js';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<typeof Label>;
-export declare const LabelStory: Story;

package/build/es/components/input-group/stories/Label.stories.js

@@ -1,2 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import"react";import{Label as a}from"../Label.js";/* empty css                         */const t={title:"Komponenter/InputGroup/Label",component:a,parameters:{layout:"centered"},tags:["autodocs"]},r={name:"Label",args:{variant:"small",standAlone:!1,srOnly:!1},render:t=>e(a,{...t,children:"Label"})};export{r as LabelStory,t as default};
-//# sourceMappingURL=Label.stories.js.map

package/build/es/components/input-group/stories/Label.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Label.stories.js","sources":["../../../../../src/components/input-group/stories/Label.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Label } from \"../Label.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/InputGroup/Label\",\n    component: Label,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof Label>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof Label>;\n\nexport const LabelStory: Story = {\n    name: \"Label\",\n    args: {\n        variant: \"small\",\n        standAlone: false,\n        srOnly: false,\n    },\n    render: (props) => <Label {...props}>Label</Label>,\n};\n"],"names":["meta","title","component","Label","parameters","layout","tags","LabelStory","name","args","variant","standAlone","srOnly","render","props","children"],"mappings":"iIAKA,MAAMA,EAAa,CACfC,MAAO,+BACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAAoB,CAC7BC,KAAM,QACNC,KAAM,CACFC,QAAS,QACTC,YAAY,EACZC,QAAQ,GAEZC,OAASC,KAAWX,EAAO,IAAGW,EAAOC,SAAK"}

package/build/es/components/input-group/stories/SupportLabel.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { SupportLabel } from '../SupportLabel.js';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<typeof SupportLabel>;
-export declare const SupportLabelStory: Story;

package/build/es/components/input-group/stories/SupportLabel.stories.js

@@ -1,2 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import"react";import{SupportLabel as t}from"../SupportLabel.js";/* empty css                         */const a={title:"Komponenter/InputGroup/SupportLabel",component:t,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{label:{control:"text"}}},r={name:"SupportLabel",args:{labelType:"help"},render:a=>e(t,{...a,label:a.label?a.label:`Dette er en ${a.labelType} label`})};export{r as SupportLabelStory,a as default};
-//# sourceMappingURL=SupportLabel.stories.js.map

package/build/es/components/input-group/stories/SupportLabel.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SupportLabel.stories.js","sources":["../../../../../src/components/input-group/stories/SupportLabel.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { SupportLabel } from \"../SupportLabel.js\";\n\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/InputGroup/SupportLabel\",\n    component: SupportLabel,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        label: {\n            control: \"text\",\n        },\n    },\n} satisfies Meta<typeof SupportLabel>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof SupportLabel>;\n\nexport const SupportLabelStory: Story = {\n    name: \"SupportLabel\",\n    args: {\n        labelType: \"help\",\n    },\n    render: (props) => (\n        <SupportLabel\n            {...props}\n            label={\n                props.label\n                    ? props.label\n                    : `Dette er en ${props.labelType} label`\n            }\n        />\n    ),\n};\n"],"names":["meta","title","component","SupportLabel","parameters","layout","tags","argTypes","label","control","SupportLabelStory","name","args","labelType","render","props","jsx"],"mappings":"+IAMA,MAAMA,EAAa,CACfC,MAAO,sCACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,MAAO,CACHC,QAAS,UASRC,EAA2B,CACpCC,KAAM,eACNC,KAAM,CACFC,UAAW,QAEfC,OAASC,GACLC,EAACb,EAAA,IACOY,EACJP,MACIO,EAAMP,MACAO,EAAMP,MACN,eAAeO,EAAMF"}

package/build/es/components/link/stories/Link.stories.d.ts

@@ -1,9 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Link } from '../Link.js';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<typeof Link>;
-export declare const LinkStory: Story;
-export declare const LinkInParagraphStory: Story;
-export declare const LinkInOtherStory: Story;
-export declare const DownloadStory: Story;

package/build/es/components/link/stories/Link.stories.js

@@ -1,2 +0,0 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import"react";import{Link as r}from"../Link.js";/* empty css                         */import{c as i}from"../../../../cow--Vs_y7LC.js";import{Flex as s}from"../../flex/Flex.js";const l={title:"Komponenter/Link",component:r,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{href:{control:"text"}}},n={name:"Link",args:{children:"Lenke",external:!1,as:"a",target:"#",href:"https://www.fremtind.no",download:!1},render:t=>e(r,{...t,as:t.as||"a"})},a={name:"Mønster: Lenke i avsnitt",args:{href:"https://www.fremtind.no",download:!1},render:i=>t("p",{style:{maxWidth:"45ch"},children:["Vi bruker lenker for å lede brukeren til"," ",e(r,{...i,external:!1,children:"andre nettsider"}),", eller til andre steder på samme nettside."," ",e(r,{...i,external:!0,target:"_blank",children:"Lenker til eksterne nettsider"})," ","markeres med en pil opp og til høyre etter lenketeksten."]})},d={name:"Mønster: Lenke i andre tekststiler",args:{children:"lenke",external:!1,as:"a",target:"#",href:"https://www.fremtind.no"},render:i=>t(s,{direction:"column",style:{gap:"1.5lh"},children:[t("h1",{className:"jkl-title",style:{maxWidth:"55ch"},children:["Du står fritt til å bruke ",e(r,{...i})," i titler"]}),t("h2",{className:"jkl-title-small",style:{maxWidth:"55ch"},children:["Du står fritt til å bruke ",e(r,{...i})," i små titler"]}),e("hr",{style:{width:"100%",opacity:"0.1"}}),t("h2",{className:"jkl-heading-1",style:{maxWidth:"55ch"},children:["Du står fritt til å bruke ",e(r,{...i})," i overskrifter"]}),t("h2",{className:"jkl-heading-2",style:{maxWidth:"55ch"},children:["Du står fritt til å bruke ",e(r,{...i})," i overskrifter"]}),t("h3",{className:"jkl-heading-3",style:{maxWidth:"55ch"},children:["Du står fritt til å bruke ",e(r,{...i})," i overskrifter"]}),t("h4",{className:"jkl-heading-4",style:{maxWidth:"55ch"},children:["Du står fritt til å bruke ",e(r,{...i})," i overskrifter"]}),t("h5",{className:"jkl-heading-5",style:{maxWidth:"55ch"},children:["Du står fritt til å bruke ",e(r,{...i})," i overskrifter"]}),e("hr",{style:{width:"100%",opacity:"0.1"}}),t("p",{className:"jkl-body",style:{maxWidth:"55ch"},children:["Du står fritt til å bruke ",e(r,{...i})," i avsnitt"]}),t("small",{className:"jkl-small",style:{maxWidth:"55ch"},children:["Du står fritt til å bruke ",e(r,{...i})," i små avsnitt"]})]})},h={name:"Mønster: Nedlastingslenke",args:{children:"fullstendig dekningsoversikt (PDF)",href:i,filename:"IPID",download:!0},render:i=>t("p",{children:["Dekningsoversikten er forenklet. Last ned en ",e(r,{...i}),"."]})};export{h as DownloadStory,d as LinkInOtherStory,a as LinkInParagraphStory,n as LinkStory,l as default};
-//# sourceMappingURL=Link.stories.js.map

package/build/es/components/link/stories/Link.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Link.stories.js","sources":["../../../../../src/components/link/stories/Link.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Link } from \"../Link.js\";\nimport \"../styles/_index.scss\";\nimport * as url from \"../../file/stories/cow.jpg\";\nimport { Flex } from \"../../flex/index.js\";\n\nconst meta: Meta = {\n    title: \"Komponenter/Link\",\n    component: Link,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        href: {\n            control: \"text\",\n        },\n    },\n} satisfies Meta<typeof Link>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof Link>;\n\nexport const LinkStory: Story = {\n    name: \"Link\",\n    args: {\n        children: \"Lenke\",\n        external: false,\n        as: \"a\",\n        target: \"#\",\n        href: \"https://www.fremtind.no\",\n        download: false,\n    },\n    render: (args) => (\n        // Setter style.cursor til pointer fordi Storybook overskriver default styles.\n        <Link {...args} as={args.as || \"a\"} />\n    ),\n};\n\nexport const LinkInParagraphStory: Story = {\n    name: \"Mønster: Lenke i avsnitt\",\n    args: {\n        href: \"https://www.fremtind.no\",\n        download: false,\n    },\n    render: (args) => (\n        // Setter style.cursor til pointer fordi Storybook overskriver default styles.\n        <p style={{ maxWidth: \"45ch\" }}>\n            Vi bruker lenker for å lede brukeren til{\" \"}\n            <Link {...args} external={false}>\n                andre nettsider\n            </Link>\n            , eller til andre steder på samme nettside.{\" \"}\n            <Link {...args} external={true} target={\"_blank\"}>\n                Lenker til eksterne nettsider\n            </Link>{\" \"}\n            markeres med en pil opp og til høyre etter lenketeksten.\n        </p>\n    ),\n};\n\nexport const LinkInOtherStory: Story = {\n    name: \"Mønster: Lenke i andre tekststiler\",\n    args: {\n        children: \"lenke\",\n        external: false,\n        as: \"a\",\n        target: \"#\",\n        href: \"https://www.fremtind.no\",\n    },\n    render: (args) => (\n        // Setter style.cursor til pointer fordi Storybook overskriver default styles.\n        <Flex direction={\"column\"} style={{ gap: \"1.5lh\" }}>\n            <h1 className={\"jkl-title\"} style={{ maxWidth: \"55ch\" }}>\n                Du står fritt til å bruke <Link {...args} /> i titler\n            </h1>\n\n            <h2 className={\"jkl-title-small\"} style={{ maxWidth: \"55ch\" }}>\n                Du står fritt til å bruke <Link {...args} /> i små titler\n            </h2>\n\n            <hr style={{ width: \"100%\", opacity: \"0.1\" }} />\n\n            <h2 className={\"jkl-heading-1\"} style={{ maxWidth: \"55ch\" }}>\n                Du står fritt til å bruke <Link {...args} /> i overskrifter\n            </h2>\n\n            <h2 className={\"jkl-heading-2\"} style={{ maxWidth: \"55ch\" }}>\n                Du står fritt til å bruke <Link {...args} /> i overskrifter\n            </h2>\n\n            <h3 className={\"jkl-heading-3\"} style={{ maxWidth: \"55ch\" }}>\n                Du står fritt til å bruke <Link {...args} /> i overskrifter\n            </h3>\n\n            <h4 className={\"jkl-heading-4\"} style={{ maxWidth: \"55ch\" }}>\n                Du står fritt til å bruke <Link {...args} /> i overskrifter\n            </h4>\n\n            <h5 className={\"jkl-heading-5\"} style={{ maxWidth: \"55ch\" }}>\n                Du står fritt til å bruke <Link {...args} /> i overskrifter\n            </h5>\n\n            <hr style={{ width: \"100%\", opacity: \"0.1\" }} />\n\n            <p className={\"jkl-body\"} style={{ maxWidth: \"55ch\" }}>\n                Du står fritt til å bruke <Link {...args} /> i avsnitt\n            </p>\n\n            <small className={\"jkl-small\"} style={{ maxWidth: \"55ch\" }}>\n                Du står fritt til å bruke <Link {...args} /> i små avsnitt\n            </small>\n        </Flex>\n    ),\n};\n\nexport const DownloadStory: Story = {\n    name: \"Mønster: Nedlastingslenke\",\n    args: {\n        children: \"fullstendig dekningsoversikt (PDF)\",\n        href: url.default,\n        filename: \"IPID\",\n        download: true,\n    },\n    render: (args) => (\n        // Setter style.cursor til pointer fordi Storybook overskriver default styles.\n        <p>\n            Dekningsoversikten er forenklet. Last ned en <Link {...args} />.\n        </p>\n    ),\n};\n"],"names":["meta","title","component","Link","parameters","layout","tags","argTypes","href","control","LinkStory","name","args","children","external","as","target","download","render","LinkInParagraphStory","style","maxWidth","jsx","LinkInOtherStory","jsxs","Flex","direction","gap","className","width","opacity","DownloadStory","url.default","filename"],"mappings":"mOAOA,MAAMA,EAAa,CACfC,MAAO,mBACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,KAAM,CACFC,QAAS,UASRC,EAAmB,CAC5BC,KAAM,OACNC,KAAM,CACFC,SAAU,QACVC,UAAU,EACVC,GAAI,IACJC,OAAQ,IACRR,KAAM,0BACNS,UAAU,GAEdC,OAASN,KAEJT,EAAM,IAAGS,EAAMG,GAAIH,EAAKG,IAAM,OAI1BI,EAA8B,CACvCR,KAAM,2BACNC,KAAM,CACFJ,KAAM,0BACNS,UAAU,GAEdC,OAASN,KAEJ,IAAE,CAAAQ,MAAO,CAAEC,SAAU,QAAUR,SAAA,CAAA,2CACa,MACxCV,EAAM,IAAGS,EAAME,UAAU,EAAOD,SAEjC,oBAAO,8CACqC,IAC5CS,EAACnB,MAASS,EAAME,UAAU,EAAME,OAAQ,SAAUH,SAElD,kCAAQ,IAAI,+DAMXU,EAA0B,CACnCZ,KAAM,qCACNC,KAAM,CACFC,SAAU,QACVC,UAAU,EACVC,GAAI,IACJC,OAAQ,IACRR,KAAM,2BAEVU,OAASN,GAELY,EAACC,GAAKC,UAAW,SAAUN,MAAO,CAAEO,IAAK,SACrCd,SAAA,CAAAW,EAAC,MAAGI,UAAW,YAAaR,MAAO,CAAEC,SAAU,QAAUR,SAAA,CAAA,6BAC3BS,EAACnB,EAAM,IAAGS,IAAQ,eAGhDY,EAAC,MAAGI,UAAW,kBAAmBR,MAAO,CAAEC,SAAU,QAAUR,SAAA,CAAA,6BACjCS,EAACnB,EAAM,IAAGS,IAAQ,mBAGhDU,EAAC,MAAGF,MAAO,CAAES,MAAO,OAAQC,QAAS,SAErCN,EAAC,MAAGI,UAAW,gBAAiBR,MAAO,CAAEC,SAAU,QAAUR,SAAA,CAAA,6BAC/BS,EAACnB,EAAM,IAAGS,IAAQ,qBAGhDY,EAAC,MAAGI,UAAW,gBAAiBR,MAAO,CAAEC,SAAU,QAAUR,SAAA,CAAA,6BAC/BS,EAACnB,EAAM,IAAGS,IAAQ,qBAGhDY,EAAC,MAAGI,UAAW,gBAAiBR,MAAO,CAAEC,SAAU,QAAUR,SAAA,CAAA,6BAC/BS,EAACnB,EAAM,IAAGS,IAAQ,qBAGhDY,EAAC,MAAGI,UAAW,gBAAiBR,MAAO,CAAEC,SAAU,QAAUR,SAAA,CAAA,6BAC/BS,EAACnB,EAAM,IAAGS,IAAQ,qBAGhDY,EAAC,MAAGI,UAAW,gBAAiBR,MAAO,CAAEC,SAAU,QAAUR,SAAA,CAAA,6BAC/BS,EAACnB,EAAM,IAAGS,IAAQ,qBAGhDU,EAAC,MAAGF,MAAO,CAAES,MAAO,OAAQC,QAAS,SAErCN,EAAC,KAAEI,UAAW,WAAYR,MAAO,CAAEC,SAAU,QAAUR,SAAA,CAAA,6BACzBS,EAACnB,EAAM,IAAGS,IAAQ,gBAGhDY,EAAC,SAAMI,UAAW,YAAaR,MAAO,CAAEC,SAAU,QAAUR,SAAA,CAAA,6BAC9BS,EAACnB,EAAM,IAAGS,IAAQ,wBAM/CmB,EAAuB,CAChCpB,KAAM,4BACNC,KAAM,CACFC,SAAU,qCACVL,KAAMwB,EACNC,SAAU,OACVhB,UAAU,GAEdC,OAASN,KAEJ,IAAE,CAAAC,SAAA,CAAA,gDAC8CS,EAACnB,EAAM,IAAGS,IAAQ"}

package/build/es/components/link-list/stories/LinkList.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { LinkList } from '../LinkList.js';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<typeof LinkList>;
-export declare const LinkListStory: Story;

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"LinkList.stories.js","sources":["../../../../../src/components/link-list/stories/LinkList.stories.tsx"],"sourcesContent":["import type { 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":"0GAKA,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

@@ -1,15 +0,0 @@
-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

@@ -1,2 +0,0 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import"react";/* empty css                         */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

@@ -1 +0,0 @@
-{"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":"uSAOA,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

@@ -1,24 +0,0 @@
-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

@@ -1,2 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import"react";/* empty css                         */import{Loader as r}from"../Loader.js";const t={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"]},o={name:"Loader",render:t=>e(r,{...t})};export{o as LoaderStory,t as default};
-//# sourceMappingURL=Loader.stories.js.map

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

@@ -1 +0,0 @@
-{"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":"mIAKA,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

@@ -1,19 +0,0 @@
-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

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

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

@@ -1 +0,0 @@
-{"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        // biome-ignore lint/a11y/useValidAriaRole: // Kun for eksempelet, ellers blir det mange alerts på siden\n        <SkeletonAnimation {...args} role=\"none presentation\" />\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":"gsBAgBA,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,GAEJO,EAAAiB,EAAA,IAAsBxB,EAAMyB,KAAK"}

package/build/es/components/logo/stories/Logo.stories.d.ts

@@ -1,12 +0,0 @@
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: ({ className, id, centered, isSymbol, animated, title, ...rest }: import('../types.js').LogoProps) => JSX.Element;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Logo: Story;

package/build/es/components/logo/stories/Logo.stories.js

@@ -1,2 +0,0 @@
-import{jsx as o}from"react/jsx-runtime";import"react";import{Logo as t}from"../Logo.js";/* empty css                         */const e={title:"Komponenter/Logo/Logo",component:t,parameters:{layout:"centered"},tags:["autodocs"]},r={args:{animated:!1,isSymbol:!1,centered:!1,title:"Fremtind"},render:({...e})=>o(t,{...e,style:{width:"100%"}})};export{r as Logo,e as default};
-//# sourceMappingURL=Logo.stories.js.map

package/build/es/components/logo/stories/Logo.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Logo.stories.js","sources":["../../../../../src/components/logo/stories/Logo.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Logo as LogoComponent } from \"../Logo.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Logo/Logo\",\n    component: LogoComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof LogoComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Logo: Story = {\n    args: {\n        animated: false,\n        isSymbol: false,\n        centered: false,\n        title: \"Fremtind\",\n    },\n    render: ({ ...args }) => (\n        <LogoComponent {...args} style={{ width: \"100%\" }} />\n    ),\n};\n"],"names":["meta","title","component","LogoComponent","parameters","layout","tags","Logo","args","animated","isSymbol","centered","render","jsx","style","width"],"mappings":"+HAKA,MAAMA,EAAO,CACTC,MAAO,wBACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMEC,EAAc,CACvBC,KAAM,CACFC,UAAU,EACVC,UAAU,EACVC,UAAU,EACVV,MAAO,YAEXW,OAAQ,KAAMJ,KACVK,EAACV,EAAe,IAAGK,EAAMM,MAAO,CAAEC,MAAO"}

package/build/es/components/logo/stories/LogoStamp.stories.d.ts

@@ -1,12 +0,0 @@
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: ({ children, className, id, animated, title, ...rest }: import('../types.js').LogoStampProps) => JSX.Element;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const LogoStamp: Story;

package/build/es/components/logo/stories/LogoStamp.stories.js

@@ -1,2 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import"react";import{LogoStamp as o}from"../LogoStamp.js";import{FraSB1ogDNB as r}from"../text-paths/FraSB1ogDNB.js";/* empty css                         */const a={title:"Komponenter/Logo/LogoStamp",component:o,parameters:{layout:"centered"},tags:["autodocs"]},e={args:{children:t(r,{}),title:"Fra SB1 og DNB"},render:({...r})=>t(o,{...r,style:{width:"100%"}})};export{e as LogoStamp,a as default};
-//# sourceMappingURL=LogoStamp.stories.js.map

package/build/es/components/logo/stories/LogoStamp.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LogoStamp.stories.js","sources":["../../../../../src/components/logo/stories/LogoStamp.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { LogoStamp as LogoStampComponent } from \"../LogoStamp.js\";\nimport { FraSB1ogDNB } from \"../text-paths/FraSB1ogDNB.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Logo/LogoStamp\",\n    component: LogoStampComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof LogoStampComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const LogoStamp: Story = {\n    args: {\n        children: <FraSB1ogDNB />,\n        title: \"Fra SB1 og DNB\",\n    },\n    render: ({ ...args }) => (\n        <LogoStampComponent {...args} style={{ width: \"100%\" }} />\n    ),\n};\n"],"names":["meta","title","component","LogoStampComponent","parameters","layout","tags","LogoStamp","args","children","FraSB1ogDNB","render","jsx","style","width"],"mappings":"oMAMA,MAAMA,EAAO,CACTC,MAAO,6BACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMEC,EAAmB,CAC5BC,KAAM,CACFC,WAAWC,EAAY,IACvBT,MAAO,kBAEXU,OAAQ,KAAMH,KACVI,EAACT,EAAoB,IAAGK,EAAMK,MAAO,CAAEC,MAAO"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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