@fremtind/jokul 0.47.0 → 0.48.1

package/build/cjs/components/accordion/stories/Accordion.stories.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../../list/List.cjs"),n=require("../../list/ListItem.cjs"),s=require("../Accordion.cjs"),i=require("../AccordionItem.cjs");;/* empty css                            */const t={title:"Komponenter/Accordion/Accordion",component:s.Accordion,parameters:{layout:"padded"},tags:["autodocs"]},o={args:{children:[e.jsxs(i.AccordionItem,{title:"Hvem kan kjøpe livsforsikring?",children:[e.jsxs(r.UnorderedList,{style:{margin:"var(--jkl-spacing-16) 0"},children:[e.jsx(n.ListItem,{children:"Personer med et norsk fødselsnummer."}),e.jsx(n.ListItem,{children:"Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås."}),e.jsx(n.ListItem,{children:"Livsforsikring kan kjøpes på nett av personer mellom 18 og 79 år."})]}),"Ønsker du en forsikringssum på mer enn 3 millioner trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med banken din."]},0),e.jsx(i.AccordionItem,{title:"Hvem kan kjøpe kritisk sykdom?",children:"Personer med et norsk fødselsnummer. Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås. Kritisk sykdom kan kjøpes på nett av personer mellom 18 og 58 år. Ønsker du en forsikringssum på mer enn 1,1 millioner trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med banken din."},1),e.jsx(i.AccordionItem,{title:"Hvem kan kjøpe uførepensjon?",children:"Personer med et norsk fødselsnummer. Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås. Uførepensjon kan kjøpes på nett av personer mellom 18 og 60 år. Ønsker du en forsikringssum på mer enn 96 000 trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med banken din."},2)]}};exports.Accordion=o,exports.default=t;
+//# sourceMappingURL=Accordion.stories.cjs.map

package/build/cjs/components/accordion/stories/Accordion.stories.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.stories.cjs","sources":["../../../../../src/components/accordion/stories/Accordion.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { UnorderedList } from \"../../list/List.js\";\nimport { ListItem } from \"../../list/ListItem.js\";\nimport { Accordion as AccordionComponent } from \"../Accordion.js\";\nimport { AccordionItem } from \"../AccordionItem.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Accordion/Accordion\",\n    component: AccordionComponent,\n    parameters: {\n        layout: \"padded\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof AccordionComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Accordion: Story = {\n    args: {\n        children: [\n            <AccordionItem title=\"Hvem kan kjøpe livsforsikring?\" key={0}>\n                <UnorderedList style={{ margin: \"var(--jkl-spacing-16) 0\" }}>\n                    <ListItem>Personer med et norsk fødselsnummer.</ListItem>\n                    <ListItem>\n                        Personer som har vært bosatt i Norge i minst de fem\n                        siste årene før avtalen inngås.\n                    </ListItem>\n                    <ListItem>\n                        Livsforsikring kan kjøpes på nett av personer mellom 18\n                        og 79 år.\n                    </ListItem>\n                </UnorderedList>\n                Ønsker du en forsikringssum på mer enn 3 millioner trenger vi\n                ekstra økonomiske opplysninger. Da må du ta kontakt med banken\n                din.\n            </AccordionItem>,\n            <AccordionItem title=\"Hvem kan kjøpe kritisk sykdom?\" key={1}>\n                Personer med et norsk fødselsnummer. Personer som har vært\n                bosatt i Norge i minst de fem siste årene før avtalen inngås.\n                Kritisk sykdom kan kjøpes på nett av personer mellom 18 og 58\n                år. Ønsker du en forsikringssum på mer enn 1,1 millioner trenger\n                vi ekstra økonomiske opplysninger. Da må du ta kontakt med\n                banken din.\n            </AccordionItem>,\n            <AccordionItem title=\"Hvem kan kjøpe uførepensjon?\" key={2}>\n                Personer med et norsk fødselsnummer. Personer som har vært\n                bosatt i Norge i minst de fem siste årene før avtalen inngås.\n                Uførepensjon kan kjøpes på nett av personer mellom 18 og 60 år.\n                Ønsker du en forsikringssum på mer enn 96 000 trenger vi ekstra\n                økonomiske opplysninger. Da må du ta kontakt med banken din.\n            </AccordionItem>,\n        ],\n    },\n};\n"],"names":["meta","title","component","AccordionComponent","Accordion","parameters","layout","tags","args","children","jsxs","AccordionItem","UnorderedList","style","margin","jsx","ListItem"],"mappings":"kUAQA,MAAMA,EAAO,CACTC,MAAO,kCACPC,UAAWC,EAAAC,UACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,aAMEH,EAAmB,CAC5BI,KAAM,CACFC,SAAU,CACNC,EAAAA,KAACC,EAAAA,cAAc,CAAAV,MAAM,iCACjBQ,SAAA,CAAAC,EAAAA,KAACE,EAAcA,cAAA,CAAAC,MAAO,CAAEC,OAAQ,2BAC5BL,SAAA,CAAAM,EAAAA,IAACC,YAASP,SAAoC,yCAC9CM,EAAAA,IAACC,YAASP,SAGV,wFACAM,EAAAA,IAACC,YAASP,SAGV,yEACY,sIAXuC,GAgB1DM,EAAAA,IAAAJ,EAAAA,cAAA,CAAcV,MAAM,iCAAyCQ,2UAAH,GAQ1DM,EAAAA,IAAAJ,EAAAA,cAAA,CAAcV,MAAM,+BAAuCQ,kUAAH"}

package/build/cjs/components/accordion/stories/Accordion.stories.d.cts

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

package/build/cjs/components/accordion/stories/AccordionItem.stories.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../AccordionItem.cjs");;/* empty css                            */const n={title:"Komponenter/Accordion/AccordionItem",component:r.AccordionItem,parameters:{layout:"padded"},tags:["autodocs"]},o={args:{title:"Hvem kan kjøpe kritisk sykdom?",children:e.jsx("p",{children:"Personer med et norsk fødselsnummer. Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås. Kritisk sykdom kan kjøpes på nett av personer mellom 18 og 58 år. Ønsker du en forsikringssum på mer enn 1,1 millioner trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med banken din."})}};exports.AccordionItem=o,exports.default=n;
+//# sourceMappingURL=AccordionItem.stories.cjs.map

package/build/cjs/components/accordion/stories/AccordionItem.stories.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.stories.cjs","sources":["../../../../../src/components/accordion/stories/AccordionItem.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { AccordionItem as AccordionItemComponent } from \"../AccordionItem.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Accordion/AccordionItem\",\n    component: AccordionItemComponent,\n    parameters: {\n        layout: \"padded\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof AccordionItemComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const AccordionItem: Story = {\n    args: {\n        title: \"Hvem kan kjøpe kritisk sykdom?\",\n        children: (\n            <p>\n                Personer med et norsk fødselsnummer. Personer som har vært\n                bosatt i Norge i minst de fem siste årene før avtalen inngås.\n                Kritisk sykdom kan kjøpes på nett av personer mellom 18 og 58\n                år. Ønsker du en forsikringssum på mer enn 1,1 millioner trenger\n                vi ekstra økonomiske opplysninger. Da må du ta kontakt med\n                banken din.\n            </p>\n        ),\n    },\n};\n"],"names":["meta","title","component","AccordionItemComponent","AccordionItem","parameters","layout","tags","args","children","jsx"],"mappings":"8NAKA,MAAMA,EAAO,CACTC,MAAO,sCACPC,UAAWC,EAAAC,cACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,aAMEH,EAAuB,CAChCI,KAAM,CACFP,MAAO,iCACPQ,SACKC,EAAAA,IAAA,IAAA,CAAED,SAOH"}

package/build/cjs/components/accordion/stories/AccordionItem.stories.d.cts

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

package/build/cjs/components/autosuggest/stories/Autosuggest.stories.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={title:"Komponenter/Autosuggest",component:require("../Autosuggest.cjs").Autosuggest,parameters:{layout:"padded"},tags:["autodocs"]},t={args:{label:"Velg land",allItems:["Afghanistan","Aland Islands","Algeria","Australia","Austria","Bahrain","Bangladesh","Benin","Bermuda","Bhutan"],value:""}};exports.Autosuggest=t,exports.default=e;
+//# sourceMappingURL=Autosuggest.stories.cjs.map

package/build/cjs/components/autosuggest/stories/Autosuggest.stories.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autosuggest.stories.cjs","sources":["../../../../../src/components/autosuggest/stories/Autosuggest.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { Autosuggest as AutosuggestComponent } from \"../Autosuggest.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Autosuggest\",\n    component: AutosuggestComponent,\n    parameters: {\n        layout: \"padded\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof AutosuggestComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst allItems = [\n    \"Afghanistan\",\n    \"Aland Islands\",\n    \"Algeria\",\n    \"Australia\",\n    \"Austria\",\n    \"Bahrain\",\n    \"Bangladesh\",\n    \"Benin\",\n    \"Bermuda\",\n    \"Bhutan\",\n];\n\nexport const Autosuggest: Story = {\n    args: {\n        label: \"Velg land\",\n        allItems,\n        value: \"\",\n    },\n};\n"],"names":["meta","title","component","Autosuggest","parameters","layout","tags","args","label","allItems","value"],"mappings":"kHAIMA,EAAO,CACTC,MAAO,0BACPC,wCAAWC,YACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,aAmBEH,EAAqB,CAC9BI,KAAM,CACFC,MAAO,YACPC,SAhBS,CACb,cACA,gBACA,UACA,YACA,UACA,UACA,aACA,QACA,UACA,UAOIC,MAAO"}

package/build/cjs/components/autosuggest/stories/Autosuggest.stories.d.cts

@@ -0,0 +1,12 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ allItems, onChange, onConfirm, onInputValueChange, onStateChange, value, isOpen, ...rest }: import('../types.js').AutosuggestProps) => JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Autosuggest: Story;

package/build/cjs/components/breadcrumb/stories/Breadcrumb.stories.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../Breadcrumb.cjs"),c=require("../BreadcrumbItem.cjs");;/* empty css                            */const t={title:"Komponenter/Breadcrumb/Breadcrumb",component:r.Breadcrumb,parameters:{layout:"centered"},tags:["autodocs"]},a={args:{children:[e.jsx(c.BreadcrumbItem,{children:e.jsx("a",{href:"/",children:"Hjem"})},0),e.jsx(c.BreadcrumbItem,{children:e.jsx("a",{href:"/komponenter/accordion",children:"Komponenter"})},1),e.jsx(c.BreadcrumbItem,{children:e.jsx("a",{href:"/komponenter/breadcrumb",children:"Breadcrumb"})},2)]}};exports.Breadcrumb=a,exports.default=t;
+//# sourceMappingURL=Breadcrumb.stories.cjs.map

package/build/cjs/components/breadcrumb/stories/Breadcrumb.stories.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.stories.cjs","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","Breadcrumb","parameters","layout","tags","args","children","jsx","BreadcrumbItem","href"],"mappings":"8PAMA,MAAMA,EAAO,CACTC,MAAO,oCACPC,UAAWC,EAAAC,WACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMEH,EAAoB,CAC7BI,KAAM,CACFC,SAAU,CACNC,EAAAA,IAACC,EAAAA,gBACGF,SAACC,EAAAA,IAAA,IAAA,CAAEE,KAAK,IAAIH,SAAA,UADK,GAGrBC,EAAAA,IAACC,EAAAA,gBACGF,SAACC,EAAAA,IAAA,IAAA,CAAEE,KAAK,yBAAyBH,SAAA,iBADhB,GAGrBC,EAAAA,IAACC,EAAAA,gBACGF,SAACC,EAAAA,IAAA,IAAA,CAAEE,KAAK,0BAA0BH,SAAA,gBADjB"}

package/build/cjs/components/breadcrumb/stories/Breadcrumb.stories.d.cts

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

package/build/cjs/components/breadcrumb/stories/BreadcrumbItem.stories.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../BreadcrumbItem.cjs");;/* empty css                            */const t=require("../Breadcrumb.cjs"),o={title:"Komponenter/Breadcrumb/BreadcrumbItem",component:r.BreadcrumbItem,parameters:{layout:"centered"},tags:["autodocs"]},c={args:{children:e.jsx("a",{href:"/komponenter/accordion",children:"Komponenter"})},decorators:r=>e.jsx(t.Breadcrumb,{children:e.jsx(r,{})})};exports.BreadcrumbItem=c,exports.default=o;
+//# sourceMappingURL=BreadcrumbItem.stories.cjs.map

package/build/cjs/components/breadcrumb/stories/BreadcrumbItem.stories.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbItem.stories.cjs","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","BreadcrumbItem","parameters","layout","tags","args","children","jsx","href","decorators","Story","Breadcrumb"],"mappings":"oQAMMA,EAAO,CACTC,MAAO,wCACPC,UAAWC,EAAAC,eACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMEH,EAAwB,CACjCI,KAAM,CACFC,SAAUC,EAAAA,IAAC,IAAE,CAAAC,KAAK,yBAAyBF,SAAW,iBAE1DG,WAAaC,SACRC,EACGA,WAAA,CAAAL,SAAAC,MAACG,GAAM"}

package/build/cjs/components/breadcrumb/stories/BreadcrumbItem.stories.d.cts

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

package/build/cjs/components/button/stories/Button.stories.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={title:"Komponenter/Button",component:require("../Button.cjs").Button,parameters:{layout:"centered"},tags:["autodocs"]},e={type:"submit",children:"Knapp",loader:{showLoader:!1,textDescription:"laster inn"}},r={args:e},o={args:{...e,variant:"primary"}},a={args:{...e,variant:"secondary"}},s={args:{...e,variant:"tertiary"}},n={args:{...e,variant:"ghost"}};exports.Button=r,exports.GhostButton=n,exports.PrimaryButton=o,exports.SecondaryButton=a,exports.TertiaryButton=s,exports.default=t;
+//# sourceMappingURL=Button.stories.cjs.map

package/build/cjs/components/button/stories/Button.stories.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.cjs","sources":["../../../../../src/components/button/stories/Button.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { Button as ButtonComponent } from \"../Button.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Button\",\n    component: ButtonComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof ButtonComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst baseArgs = {\n    type: \"submit\",\n    children: \"Knapp\",\n    loader: {\n        showLoader: false,\n        textDescription: \"laster inn\",\n    },\n};\nexport const Button: Story = {\n    args: baseArgs,\n};\n\nexport const PrimaryButton: Story = {\n    args: {\n        ...baseArgs,\n        variant: \"primary\",\n    },\n};\n\nexport const SecondaryButton: Story = {\n    args: {\n        ...baseArgs,\n        variant: \"secondary\",\n    },\n};\n\nexport const TertiaryButton: Story = {\n    args: {\n        ...baseArgs,\n        variant: \"tertiary\",\n    },\n};\n\nexport const GhostButton: Story = {\n    args: {\n        ...baseArgs,\n        variant: \"ghost\",\n    },\n};\n"],"names":["meta","title","component","Button","parameters","layout","tags","baseArgs","type","children","loader","showLoader","textDescription","args","PrimaryButton","variant","SecondaryButton","TertiaryButton","GhostButton"],"mappings":"kHAIMA,EAAO,CACTC,MAAO,qBACPC,mCAAWC,OACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMLC,EAAW,CACbC,KAAM,SACNC,SAAU,QACVC,OAAQ,CACJC,YAAY,EACZC,gBAAiB,eAGZT,EAAgB,CACzBU,KAAMN,GAGGO,EAAuB,CAChCD,KAAM,IACCN,EACHQ,QAAS,YAIJC,EAAyB,CAClCH,KAAM,IACCN,EACHQ,QAAS,cAIJE,EAAwB,CACjCJ,KAAM,IACCN,EACHQ,QAAS,aAIJG,EAAqB,CAC9BL,KAAM,IACCN,EACHQ,QAAS"}

package/build/cjs/components/button/stories/Button.stories.d.cts

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('../types.js').ButtonComponent;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Button: Story;
+export declare const PrimaryButton: Story;
+export declare const SecondaryButton: Story;
+export declare const TertiaryButton: Story;
+export declare const GhostButton: Story;

package/build/cjs/components/button/types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.cjs","sources":["../../../../src/components/button/types.ts"],"sourcesContent":["import { Density } from \"../../core/types.js\";\nimport { PolymorphicPropsWithRef } from \"../../utilities/polymorphism/polymorphism.js\";\n\nexport const buttonVariants = [\n    \"primary\",\n    \"secondary\",\n    \"tertiary\",\n    \"ghost\",\n] as const;\nexport type ButtonVariant = (typeof buttonVariants)[number];\nexport type IconPosition = \"left\" | \"right\";\n\nexport type IconOptions<T extends React.ElementType> =\n    // Hvis ikke knappen har ikon, MÅ den ha children:\n    | {\n          iconPosition?: never;\n          icon?: never;\n          children: React.ComponentPropsWithoutRef<T>[\"children\"];\n      }\n    | {\n          /**\n           * Plasseringen av ikonet\n           * @default \"left\"\n           */\n          iconPosition?: IconPosition;\n          /**\n           * Hvilket ikon som skal vises i knappen\n           */\n          icon: React.ReactElement;\n      };\n\nexport type ButtonProps<ElementType extends React.ElementType> =\n    PolymorphicPropsWithRef<\n        ElementType,\n        {\n            density?: Density;\n            /**\n             * Hvilken variant av knappen skal vises\n             * @default \"secondary\"\n             */\n            variant?: ButtonVariant;\n            className?: string;\n            loader?: {\n                showLoader: boolean;\n                textDescription: string;\n            };\n            /**\n             * @deprecated Bruk `icon` i kombinasjon med `iconPosition=\"left\"`\n             */\n            iconLeft?: React.ReactNode;\n            /**\n             * @deprecated Bruk `icon` i kombinasjon med `iconPosition=\"right\"`\n             */\n            iconRight?: React.ReactNode;\n        } & IconOptions<ElementType>\n    >;\n\nexport type ButtonComponent = <\n    ElementType extends React.ElementType = \"button\",\n>(\n    props: ButtonProps<ElementType>,\n) => React.ReactElement | null;\n"],"names":[],"mappings":"uGAG8B,CAC1B,UACA,YACA,WACA"}
+{"version":3,"file":"types.cjs","sources":["../../../../src/components/button/types.ts"],"sourcesContent":["import { Density } from \"../../core/types.js\";\nimport { PolymorphicPropsWithRef } from \"../../utilities/polymorphism/polymorphism.js\";\n\nexport const buttonVariants = [\n    \"primary\",\n    \"secondary\",\n    \"tertiary\",\n    \"ghost\",\n] as const;\nexport type ButtonVariant = (typeof buttonVariants)[number];\nexport type IconPosition = \"left\" | \"right\";\n\nexport type IconOptions =\n    // Hvis ikke knappen har ikon, MÅ den ha children:\n    | {\n          iconPosition?: never;\n          icon?: never;\n          children: React.ReactNode;\n      }\n    | {\n          /**\n           * Plasseringen av ikonet\n           * @default \"left\"\n           */\n          iconPosition?: IconPosition;\n          /**\n           * Hvilket ikon som skal vises i knappen\n           */\n          icon: React.ReactElement;\n      };\n\ntype Props = {\n    density?: Density;\n    /**\n     * Hvilken variant av knappen skal vises\n     * @default \"secondary\"\n     */\n    variant?: ButtonVariant;\n    className?: string;\n    loader?: {\n        showLoader: boolean;\n        textDescription: string;\n    };\n    /**\n     * @deprecated Bruk `icon` i kombinasjon med `iconPosition=\"left\"`\n     */\n    iconLeft?: React.ReactNode;\n    /**\n     * @deprecated Bruk `icon` i kombinasjon med `iconPosition=\"right\"`\n     */\n    iconRight?: React.ReactNode;\n} & IconOptions;\n\nexport type ButtonProps<ElementType extends React.ElementType> =\n    PolymorphicPropsWithRef<ElementType, Props> & Props;\n\nexport type ButtonComponent = <\n    ElementType extends React.ElementType = \"button\",\n>(\n    props: ButtonProps<ElementType>,\n) => React.ReactElement | null;\n"],"names":[],"mappings":"uGAG8B,CAC1B,UACA,YACA,WACA"}

package/build/cjs/components/button/types.d.cts

@@ -3,10 +3,10 @@ import { PolymorphicPropsWithRef } from '../../utilities/polymorphism/polymorphi
 export declare const buttonVariants: readonly ["primary", "secondary", "tertiary", "ghost"];
 export type ButtonVariant = (typeof buttonVariants)[number];
 export type IconPosition = "left" | "right";
-export type IconOptions<T extends React.ElementType> = {
+export type IconOptions = {
     iconPosition?: never;
     icon?: never;
-    children: React.ComponentPropsWithoutRef<T>["children"];
+    children: React.ReactNode;
 } | {
     /**
      * Plasseringen av ikonet
@@ -18,7 +18,7 @@ export type IconOptions<T extends React.ElementType> = {
      */
     icon: React.ReactElement;
 };
-export type ButtonProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<ElementType, {
+type Props = {
     density?: Density;
     /**
      * Hvilken variant av knappen skal vises
@@ -38,5 +38,7 @@ export type ButtonProps<ElementType extends React.ElementType> = PolymorphicProp
      * @deprecated Bruk `icon` i kombinasjon med `iconPosition="right"`
      */
     iconRight?: React.ReactNode;
-} & IconOptions<ElementType>>;
+} & IconOptions;
+export type ButtonProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<ElementType, Props> & Props;
 export type ButtonComponent = <ElementType extends React.ElementType = "button">(props: ButtonProps<ElementType>) => React.ReactElement | null;
+export {};

package/build/cjs/components/card/Card.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../clsx-E3yX_9sL.cjs"),t=require("react"),a=require("../../utilities/polymorphism/SlotComponent.cjs"),s=t.forwardRef((function(t,s){const{className:i,clickable:l=!1,padding:o="s",variant:c="high",asChild:d,as:n="div",...u}=t,p=d?a.SlotComponent:n;return e.jsx(p,{"data-testid":"jkl-card","data-clickable":l,"data-padding":o,className:r.clsx("jkl-card",`jkl-card--${c}`,i),...u,ref:s})}));exports.CARD_PADDINGS=["s","m","l","xl"],exports.CARD_VARIANTS=["outlined","high","low"],exports.Card=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../clsx-E3yX_9sL.cjs"),a=require("react"),t=require("../../utilities/polymorphism/SlotComponent.cjs"),i=a.forwardRef((function(a,i){const{className:s,clickable:c=!1,padding:l="s",variant:o="high",asChild:d,as:n="div",...u}=a,p=d?t.SlotComponent:n;return e.jsx(p,{"data-testid":"jkl-card","data-clickable":c,"data-padding":l,className:r.clsx("jkl-card",`jkl-card--${o}`,s),...u,ref:i})}));exports.Card=i;
 //# sourceMappingURL=Card.cjs.map

package/build/cjs/components/card/Card.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Card.cjs","sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { AsChildProps } from \"../../utilities/polymorphism/as-child.js\";\nimport {\n    PolymorphicPropsWithRef,\n    PolymorphicRef,\n} from \"../../utilities/polymorphism/polymorphism.js\";\nimport { SlotComponent } from \"../../utilities/polymorphism/SlotComponent.js\";\n\nexport const CARD_PADDINGS = [\"s\", \"m\", \"l\", \"xl\"] as const;\nexport type CardPadding = (typeof CARD_PADDINGS)[number];\nexport const CARD_VARIANTS = [\"outlined\", \"high\", \"low\"] as const;\nexport type CardVariant = (typeof CARD_VARIANTS)[number];\n\nexport type CardProps<ElementType extends React.ElementType> =\n    PolymorphicPropsWithRef<\n        ElementType,\n        {\n            className?: string;\n            /**\n             * Setter padding på kortet. Tilsvarer samme property i Figma.\n             * @default \"s\"\n             */\n            padding?: CardPadding;\n            /**\n             * Angir hvilken kortvariant du vil bruke. Velg en variant som gir god kontrast\n             * til bakgrunnen på siden, slik at det er enkelt å skille innholdet fra hverandre.\n             * @default \"high\"\n             */\n            variant?: CardVariant;\n            /**\n             * Angir om kortet visuelt skal fremstå som klikkbart. Du må selv rendre\n             * kortet som et klikkbart element (f.eks. `<a>` eller en `<Link>` fra\n             * et ruting-bibliotek) og gi det en `href` eller `onClick`-handler.\n             * HUSK: Sett aria-label for at støtteverktøy, som skjermlesere, ikke\n             * skal lese alt innholdet i kortet.\n             */\n            clickable?: boolean;\n        }\n    >;\n\ntype CardComponent = <ElementType extends React.ElementType = \"div\">(\n    props: CardProps<ElementType> & AsChildProps,\n) => React.ReactElement | null;\n\n/**\n * En allsidig kortkomponent som brukes for å gruppere innhold på en side.\n * Komponenten rendres til vanlig som en `<div>`, men du kan velge å rendre\n * den som andre elementer eller komponenter der du trenger annen semantikk\n * eller funksjonalitet.\n */\nexport const Card = React.forwardRef(function Card<\n    ElementType extends React.ElementType = \"div\",\n>(props: CardProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n    const {\n        className,\n        clickable = false,\n        padding = \"s\",\n        variant = \"high\",\n        asChild,\n        as = \"div\",\n        ...componentProps\n    } = props;\n\n    const Component = asChild ? SlotComponent : as;\n\n    return (\n        <Component\n            data-testid=\"jkl-card\"\n            data-clickable={clickable}\n            data-padding={padding}\n            className={clsx(\"jkl-card\", `jkl-card--${variant}`, className)}\n            {...componentProps}\n            ref={ref}\n        />\n    );\n}) as CardComponent;\n"],"names":["Card","React","forwardRef","props","ref","className","clickable","padding","variant","asChild","as","componentProps","Component","SlotComponent","jsx","clsx"],"mappings":"4OAmDaA,EAAOC,EAAMC,YAAW,SAEnCC,EAA+BC,GACvB,MACFC,UAAAA,EACAC,UAAAA,GAAY,EACZC,QAAAA,EAAU,IACVC,QAAAA,EAAU,OACVC,QAAAA,EACAC,GAAAA,EAAK,SACFC,GACHR,EAEES,EAAYH,EAAUI,EAAgBA,cAAAH,EAGxC,OAAAI,EAAAA,IAACF,EAAA,CACG,cAAY,WACZ,iBAAgBN,EAChB,eAAcC,EACdF,UAAWU,EAAKA,KAAA,WAAY,aAAaP,IAAWH,MAChDM,EACJP,IAAAA,GAGZ,0BAnE6B,CAAC,IAAK,IAAK,IAAK,4BAEhB,CAAC,WAAY,OAAQ"}
+{"version":3,"file":"Card.cjs","sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { AsChildProps } from \"../../utilities/polymorphism/as-child.js\";\nimport { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport { SlotComponent } from \"../../utilities/polymorphism/SlotComponent.js\";\nimport { CardProps } from \"./types.js\";\n\ntype CardComponent = <ElementType extends React.ElementType = \"div\">(\n    props: CardProps<ElementType> & AsChildProps,\n) => React.ReactElement | null;\n\n/**\n * En allsidig kortkomponent som brukes for å gruppere innhold på en side.\n * Komponenten rendres til vanlig som en `<div>`, men du kan velge å rendre\n * den som andre elementer eller komponenter der du trenger annen semantikk\n * eller funksjonalitet.\n */\nexport const Card = React.forwardRef(function Card<\n    ElementType extends React.ElementType = \"div\",\n>(props: CardProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n    const {\n        className,\n        clickable = false,\n        padding = \"s\",\n        variant = \"high\",\n        asChild,\n        as = \"div\",\n        ...componentProps\n    } = props;\n\n    const Component = asChild ? SlotComponent : as;\n\n    return (\n        <Component\n            data-testid=\"jkl-card\"\n            data-clickable={clickable}\n            data-padding={padding}\n            className={clsx(\"jkl-card\", `jkl-card--${variant}`, className)}\n            {...componentProps}\n            ref={ref}\n        />\n    );\n}) as CardComponent;\n"],"names":["Card","React","forwardRef","props","ref","className","clickable","padding","variant","asChild","as","componentProps","Component","SlotComponent","jsx","clsx"],"mappings":"4OAiBaA,EAAOC,EAAMC,YAAW,SAEnCC,EAA+BC,GACvB,MACFC,UAAAA,EACAC,UAAAA,GAAY,EACZC,QAAAA,EAAU,IACVC,QAAAA,EAAU,OACVC,QAAAA,EACAC,GAAAA,EAAK,SACFC,GACHR,EAEES,EAAYH,EAAUI,EAAgBA,cAAAH,EAGxC,OAAAI,EAAAA,IAACF,EAAA,CACG,cAAY,WACZ,iBAAgBN,EAChB,eAAcC,EACdF,UAAWU,EAAKA,KAAA,WAAY,aAAaP,IAAWH,MAChDM,EACJP,IAAAA,GAGZ"}

package/build/cjs/components/card/Card.d.cts

@@ -1,32 +1,6 @@
 import { default as React } from 'react';
 import { AsChildProps } from '../../utilities/polymorphism/as-child.cjs';
-import { PolymorphicPropsWithRef } from '../../utilities/polymorphism/polymorphism.cjs';
-export declare const CARD_PADDINGS: readonly ["s", "m", "l", "xl"];
-export type CardPadding = (typeof CARD_PADDINGS)[number];
-export declare const CARD_VARIANTS: readonly ["outlined", "high", "low"];
-export type CardVariant = (typeof CARD_VARIANTS)[number];
-export type CardProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<ElementType, {
-    className?: string;
-    /**
-     * Setter padding på kortet. Tilsvarer samme property i Figma.
-     * @default "s"
-     */
-    padding?: CardPadding;
-    /**
-     * Angir hvilken kortvariant du vil bruke. Velg en variant som gir god kontrast
-     * til bakgrunnen på siden, slik at det er enkelt å skille innholdet fra hverandre.
-     * @default "high"
-     */
-    variant?: CardVariant;
-    /**
-     * Angir om kortet visuelt skal fremstå som klikkbart. Du må selv rendre
-     * kortet som et klikkbart element (f.eks. `<a>` eller en `<Link>` fra
-     * et ruting-bibliotek) og gi det en `href` eller `onClick`-handler.
-     * HUSK: Sett aria-label for at støtteverktøy, som skjermlesere, ikke
-     * skal lese alt innholdet i kortet.
-     */
-    clickable?: boolean;
-}>;
+import { CardProps } from './types.cjs';
 type CardComponent = <ElementType extends React.ElementType = "div">(props: CardProps<ElementType> & AsChildProps) => React.ReactElement | null;
 /**
  * En allsidig kortkomponent som brukes for å gruppere innhold på en side.

package/build/cjs/components/card/index.d.cts

@@ -1,6 +1,6 @@
-export { Card, type CardProps, type CardPadding, type CardVariant, } from './Card.cjs';
+export { Card } from './Card.cjs';
 export { CardImage, type CardImageProps } from './CardImage.cjs';
 export { NavCard, InfoBlock, type NavCardProps } from './NavCard.cjs';
 export { TaskCard, type TaskCardProps } from './TaskCard.cjs';
 export { InfoCard, type InfoCardProps } from './InfoCard.cjs';
-export type { SpacingStep, PaddingOptions } from './types.cjs';
+export type { SpacingStep, PaddingOptions, CardProps, CardPadding, CardVariant, } from './types.cjs';

package/build/cjs/components/card/stories/Card.stories.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../../../utilities/formatters/valuta/formatValuta.cjs"),a=require("../../flex/Flex.cjs"),s=require("../../tag/Tag.cjs"),t=require("../Card.cjs"),i={title:"Komponenter/Card",component:t.Card,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{variant:{control:"select",options:t.CARD_VARIANTS},padding:{control:"select",options:t.CARD_PADDINGS}}},l={args:{padding:"m",variant:"outlined",children:"Hei, verden!"},render:r=>e.jsx(t.Card,{...r})},n={args:{padding:"m",clickable:!0,variant:"outlined",children:""},render:({asChild:i,as:l,...n})=>e.jsx(t.Card,{asChild:!0,...n,children:e.jsxs(a.Flex,{as:"a",href:"#test",colGap:40,children:[e.jsxs(a.Flex,{direction:"column",gap:4,children:[e.jsxs("p",{className:"jkl-heading-2",children:[r.formatValuta(18856),e.jsx("span",{"aria-hidden":!0,children:" →"})]}),e.jsx("p",{className:"jkl-body",children:"Frist 20.03.2023"})]}),e.jsxs(a.Flex,{direction:"column",gap:12,children:[e.jsx(s.ErrorTag,{children:"Ubetalt"}),e.jsx("p",{className:"jkl-body",children:"Purring"})]})]})})};exports.Fakturainformasjon=n,exports.Test=l,exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../../../utilities/formatters/valuta/formatValuta.cjs"),a=require("../../flex/Flex.cjs"),s=require("../../tag/Tag.cjs"),t=require("../Card.cjs"),i=require("../types.cjs"),l={title:"Komponenter/Card",component:t.Card,parameters:{layout:"centered"},tags:["autodocs"],args:{},argTypes:{variant:{control:"select",options:i.CARD_VARIANTS},padding:{control:"select",options:i.CARD_PADDINGS}}},n={args:{padding:"m",clickable:!0,variant:"outlined",children:""},render:({asChild:i,as:l,...n})=>e.jsx(t.Card,{asChild:!0,...n,children:e.jsxs(a.Flex,{as:"a",href:"#test",colGap:40,children:[e.jsxs(a.Flex,{direction:"column",gap:4,children:[e.jsxs("p",{className:"jkl-heading-2",children:[r.formatValuta(18856),e.jsx("span",{"aria-hidden":!0,children:" →"})]}),e.jsx("p",{className:"jkl-body",children:"Frist 20.03.2023"})]}),e.jsxs(a.Flex,{direction:"column",gap:12,children:[e.jsx(s.ErrorTag,{children:"Ubetalt"}),e.jsx("p",{className:"jkl-body",children:"Purring"})]})]})})};exports.Card={args:{padding:"m",variant:"outlined",children:"Hei, verden!"}},exports.Fakturainformasjon=n,exports.default=l;
 //# sourceMappingURL=Card.stories.cjs.map

package/build/cjs/components/card/stories/Card.stories.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Card.stories.cjs","sources":["../../../../../src/components/card/stories/Card.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { formatValuta } from \"../../../utilities/formatters/valuta/formatValuta.js\";\nimport { Flex } from \"../../flex/Flex.js\";\nimport { ErrorTag } from \"../../tag/Tag.js\";\nimport { Card, CARD_PADDINGS, CARD_VARIANTS } from \"../Card.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Card\",\n    component: Card,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        variant: { control: \"select\", options: CARD_VARIANTS },\n        padding: { control: \"select\", options: CARD_PADDINGS },\n    },\n} satisfies Meta<typeof Card>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Test: Story = {\n    args: {\n        padding: \"m\",\n        variant: \"outlined\",\n        children: \"Hei, verden!\",\n    },\n    render: (args) => <Card {...args}></Card>,\n};\nexport const Fakturainformasjon: Story = {\n    args: {\n        padding: \"m\",\n        clickable: true,\n        variant: \"outlined\",\n        children: \"\",\n    },\n    render: ({ asChild, as, ...props }) => (\n        <Card asChild {...props}>\n            <Flex as=\"a\" href=\"#test\" colGap={40}>\n                <Flex direction=\"column\" gap={4}>\n                    <p className=\"jkl-heading-2\">\n                        {formatValuta(18856)}\n                        <span aria-hidden> →</span>\n                    </p>\n                    <p className=\"jkl-body\">Frist 20.03.2023</p>\n                </Flex>\n                <Flex direction=\"column\" gap={12}>\n                    <ErrorTag>Ubetalt</ErrorTag>\n                    <p className=\"jkl-body\">Purring</p>\n                </Flex>\n            </Flex>\n        </Card>\n    ),\n};\n"],"names":["meta","title","component","Card","parameters","layout","tags","argTypes","variant","control","options","CARD_VARIANTS","padding","CARD_PADDINGS","Test","args","children","render","jsx","Fakturainformasjon","clickable","asChild","as","props","jsxs","Flex","href","colGap","direction","gap","className","formatValuta","ErrorTag"],"mappings":"6SAQMA,EAAO,CACTC,MAAO,mBACPC,UAAWC,EAAAA,KACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,QAAS,CAAEC,QAAS,SAAUC,QAASC,EAAAA,eACvCC,QAAS,CAAEH,QAAS,SAAUC,QAASG,EAAAA,iBAOlCC,EAAc,CACvBC,KAAM,CACFH,QAAS,IACTJ,QAAS,WACTQ,SAAU,gBAEdC,OAASF,GAAUG,EAAAA,IAAAf,EAAAA,KAAA,IAASY,KAEnBI,EAA4B,CACrCJ,KAAM,CACFH,QAAS,IACTQ,WAAW,EACXZ,QAAS,WACTQ,SAAU,IAEdC,OAAQ,EAAGI,QAAAA,EAASC,GAAAA,KAAOC,KACtBL,EAAAA,IAAAf,EAAAA,KAAA,CAAKkB,SAAO,KAAKE,EACdP,SAACQ,EAAAA,KAAAC,OAAA,CAAKH,GAAG,IAAII,KAAK,QAAQC,OAAQ,GAC9BX,SAAA,CAAAQ,EAAAA,KAACC,EAAKA,KAAA,CAAAG,UAAU,SAASC,IAAK,EAC1Bb,SAAA,CAACQ,EAAAA,KAAA,IAAA,CAAEM,UAAU,gBACRd,SAAA,CAAAe,EAAAA,aAAa,OACbb,EAAAA,IAAA,OAAA,CAAK,eAAW,EAACF,SAAE,UAEvBE,EAAAA,IAAA,IAAA,CAAEY,UAAU,WAAWd,SAAgB,wBAE3CQ,EAAAA,KAAAC,EAAAA,KAAA,CAAKG,UAAU,SAASC,IAAK,GAC1Bb,SAAA,CAAAE,EAAAA,IAACc,YAAShB,SAAO,YAChBE,EAAAA,IAAA,IAAA,CAAEY,UAAU,WAAWd,SAAO"}
+{"version":3,"file":"Card.stories.cjs","sources":["../../../../../src/components/card/stories/Card.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { formatValuta } from \"../../../utilities/formatters/valuta/formatValuta.js\";\nimport { Flex } from \"../../flex/Flex.js\";\nimport { ErrorTag } from \"../../tag/Tag.js\";\nimport { Card as CardComponent } from \"../Card.js\";\nimport { CARD_PADDINGS, CARD_VARIANTS } from \"../types.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Card\",\n    component: CardComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    args: {\n        //  as: \"object\",\n    },\n    argTypes: {\n        variant: {\n            control: \"select\",\n            options: CARD_VARIANTS,\n        },\n        padding: { control: \"select\", options: CARD_PADDINGS },\n    },\n} satisfies Meta<typeof CardComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Card: Story = {\n    args: {\n        padding: \"m\",\n        variant: \"outlined\",\n        children: \"Hei, verden!\",\n    },\n};\n\nexport const Fakturainformasjon: Story = {\n    args: {\n        padding: \"m\",\n        clickable: true,\n        variant: \"outlined\",\n        children: \"\",\n    },\n    render: ({ asChild, as, ...props }) => (\n        <CardComponent asChild {...props}>\n            <Flex as=\"a\" href=\"#test\" colGap={40}>\n                <Flex direction=\"column\" gap={4}>\n                    <p className=\"jkl-heading-2\">\n                        {formatValuta(18856)}\n                        <span aria-hidden> →</span>\n                    </p>\n                    <p className=\"jkl-body\">Frist 20.03.2023</p>\n                </Flex>\n                <Flex direction=\"column\" gap={12}>\n                    <ErrorTag>Ubetalt</ErrorTag>\n                    <p className=\"jkl-body\">Purring</p>\n                </Flex>\n            </Flex>\n        </CardComponent>\n    ),\n};\n"],"names":["meta","title","component","CardComponent","Card","parameters","layout","tags","args","argTypes","variant","control","options","CARD_VARIANTS","padding","CARD_PADDINGS","Fakturainformasjon","clickable","children","render","asChild","as","props","jsx","jsxs","Flex","href","colGap","direction","gap","className","formatValuta","ErrorTag"],"mappings":"uUASMA,EAAO,CACTC,MAAO,mBACPC,UAAWC,EAAAC,KACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,KAAM,CAEN,EACAC,SAAU,CACNC,QAAS,CACLC,QAAS,SACTC,QAASC,EAAAA,eAEbC,QAAS,CAAEH,QAAS,SAAUC,QAASG,EAAAA,iBAelCC,EAA4B,CACrCR,KAAM,CACFM,QAAS,IACTG,WAAW,EACXP,QAAS,WACTQ,SAAU,IAEdC,OAAQ,EAAGC,QAAAA,EAASC,GAAAA,KAAOC,KACtBC,EAAAA,IAAApB,EAAAC,KAAA,CAAcgB,SAAO,KAAKE,EACvBJ,SAACM,EAAAA,KAAAC,OAAA,CAAKJ,GAAG,IAAIK,KAAK,QAAQC,OAAQ,GAC9BT,SAAA,CAAAM,EAAAA,KAACC,EAAKA,KAAA,CAAAG,UAAU,SAASC,IAAK,EAC1BX,SAAA,CAACM,EAAAA,KAAA,IAAA,CAAEM,UAAU,gBACRZ,SAAA,CAAAa,EAAAA,aAAa,OACbR,EAAAA,IAAA,OAAA,CAAK,eAAW,EAACL,SAAE,UAEvBK,EAAAA,IAAA,IAAA,CAAEO,UAAU,WAAWZ,SAAgB,wBAE3CM,EAAAA,KAAAC,EAAAA,KAAA,CAAKG,UAAU,SAASC,IAAK,GAC1BX,SAAA,CAAAK,EAAAA,IAACS,YAASd,SAAO,YAChBK,EAAAA,IAAA,IAAA,CAAEO,UAAU,WAAWZ,SAAO,kCA3BxB,CACvBV,KAAM,CACFM,QAAS,IACTJ,QAAS,WACTQ,SAAU"}

package/build/cjs/components/card/stories/Card.stories.d.cts

@@ -2,11 +2,12 @@ import { StoryObj } from '@storybook/react';
 import { default as React } from 'react';
 declare const meta: {
     title: string;
-    component: <ElementType extends React.ElementType = "div">(props: import('../Card.js').CardProps<ElementType> & import('../../../index.js').AsChildProps) => React.ReactElement | null;
+    component: <ElementType extends React.ElementType = "div">(props: import('../types.js').CardProps<ElementType> & import('../../../index.js').AsChildProps) => React.ReactElement | null;
     parameters: {
         layout: string;
     };
     tags: string[];
+    args: {};
     argTypes: {
         variant: {
             control: "select";
@@ -20,5 +21,5 @@ declare const meta: {
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const Test: Story;
+export declare const Card: Story;
 export declare const Fakturainformasjon: Story;

package/build/cjs/components/card/types.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["0","m","l","xl","2xl","3xl","4xl"];exports.NEW_SPACING_STEPS=["0","16","24","40","64","104","168"],exports.SPACING_STEPS=e,exports.isOldSpacingStep=function(t){return e.includes(t)};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["0","m","l","xl","2xl","3xl","4xl"];exports.CARD_PADDINGS=["s","m","l","xl"],exports.CARD_VARIANTS=["outlined","high","low"],exports.NEW_SPACING_STEPS=["0","16","24","40","64","104","168"],exports.SPACING_STEPS=e,exports.isOldSpacingStep=function(t){return e.includes(t)};
 //# sourceMappingURL=types.cjs.map

package/build/cjs/components/card/types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.cjs","sources":["../../../../src/components/card/types.ts"],"sourcesContent":["export const SPACING_STEPS = [\n    \"0\",\n    \"m\",\n    \"l\",\n    \"xl\",\n    \"2xl\",\n    \"3xl\",\n    \"4xl\",\n] as const;\ntype SpacingSteps = typeof SPACING_STEPS;\nexport const NEW_SPACING_STEPS = [\n    \"0\",\n    \"16\",\n    \"24\",\n    \"40\",\n    \"64\",\n    \"104\",\n    \"168\",\n] as const;\ntype NewSpacingSteps = typeof NEW_SPACING_STEPS;\nexport type BasePadding =\n    | SpacingSteps[0 | 1 | 2 | 3]\n    | NewSpacingSteps[0 | 1 | 2 | 3];\nexport type OldSpacingStep = SpacingSteps[number];\nexport type NewSpacingStep = NewSpacingSteps[number];\nexport type SpacingStep = SpacingSteps[number] | NewSpacingSteps[number];\n\nexport function isOldSpacingStep(value: SpacingStep): value is OldSpacingStep {\n    return SPACING_STEPS.includes(value as OldSpacingStep);\n}\n\nexport interface PaddingShorthand {\n    /**\n     * Legger til ekstra rom i toppen av kortet, fra spacing-skalaen til Jøkul.\n     * Ikke bruk ekstra topPadding sammen med tag. Verdier lavere enn for venstre og høyre padding\n     * blir ignorert.\n     * @default \"24\"\n     */\n    top?: SpacingStep;\n    /**\n     * Bruk stegene fra spacing-skalaen til Jøkul.\n     * Hvis left og right har forskjellige verdier brukes den største for begge.\n     * @default \"24\"\n     */\n    right?: BasePadding;\n    /**\n     * Legger til ekstra rom i bunnen av kortet, fra spacing-skalaen til Jøkul.\n     * Verdier lavere enn for venstre og høyre padding blir ignorert.\n     * @default \"24\"\n     */\n    bottom?: SpacingStep;\n    /**\n     * Bruk stegene fra spacing-skalaen til Jøkul.\n     * Hvis left og right har forskjellige verdier brukes den største for begge.\n     * @default \"24\"\n     */\n    left?: BasePadding;\n}\n\nexport interface PaddingOptions {\n    /**\n     * Hvor mye rom skal det være rundt innholdet i kortet?\n     * @default \"24\"\n     */\n    padding?: BasePadding | PaddingShorthand;\n}\n\nexport type TagType = \"success\" | \"warning\" | \"info\" | \"error\";\n\nexport type CardTag = {\n    /**\n     * @default <none> Rendres som nøytral tag\n     */\n    type?: TagType;\n    text: string;\n};\n"],"names":["SPACING_STEPS","value","includes"],"mappings":"gFAAO,MAAMA,EAAgB,CACzB,IACA,IACA,IACA,KACA,MACA,MACA,iCAG6B,CAC7B,IACA,KACA,KACA,KACA,KACA,MACA,wDAUG,SAA0BC,GACtB,OAAAD,EAAcE,SAASD,EAClC"}
+{"version":3,"file":"types.cjs","sources":["../../../../src/components/card/types.ts"],"sourcesContent":["import { PolymorphicPropsWithRef } from \"../../utilities/polymorphism/polymorphism.js\";\n\nexport const SPACING_STEPS = [\n    \"0\",\n    \"m\",\n    \"l\",\n    \"xl\",\n    \"2xl\",\n    \"3xl\",\n    \"4xl\",\n] as const;\ntype SpacingSteps = typeof SPACING_STEPS;\nexport const NEW_SPACING_STEPS = [\n    \"0\",\n    \"16\",\n    \"24\",\n    \"40\",\n    \"64\",\n    \"104\",\n    \"168\",\n] as const;\ntype NewSpacingSteps = typeof NEW_SPACING_STEPS;\nexport type BasePadding =\n    | SpacingSteps[0 | 1 | 2 | 3]\n    | NewSpacingSteps[0 | 1 | 2 | 3];\nexport type OldSpacingStep = SpacingSteps[number];\nexport type NewSpacingStep = NewSpacingSteps[number];\nexport type SpacingStep = SpacingSteps[number] | NewSpacingSteps[number];\n\nexport function isOldSpacingStep(value: SpacingStep): value is OldSpacingStep {\n    return SPACING_STEPS.includes(value as OldSpacingStep);\n}\n\nexport const CARD_PADDINGS = [\"s\", \"m\", \"l\", \"xl\"] as const;\nexport type CardPadding = (typeof CARD_PADDINGS)[number];\nexport const CARD_VARIANTS = [\"outlined\", \"high\", \"low\"] as const;\nexport type CardVariant = (typeof CARD_VARIANTS)[number];\n\ntype Props = {\n    className?: string;\n    /**\n     * Setter padding på kortet. Tilsvarer samme property i Figma.\n     * @default \"s\"\n     */\n    padding?: CardPadding;\n    /**\n     * Angir hvilken kortvariant du vil bruke. Velg en variant som gir god kontrast\n     * til bakgrunnen på siden, slik at det er enkelt å skille innholdet fra hverandre.\n     * @default \"high\"\n     */\n    variant?: CardVariant;\n    /**\n     * Angir om kortet visuelt skal fremstå som klikkbart. Du må selv rendre\n     * kortet som et klikkbart element (f.eks. `<a>` eller en `<Link>` fra\n     * et ruting-bibliotek) og gi det en `href` eller `onClick`-handler.\n     * HUSK: Sett aria-label for at støtteverktøy, som skjermlesere, ikke\n     * skal lese alt innholdet i kortet.\n     */\n    clickable?: boolean;\n};\n\nexport type CardProps<ElementType extends React.ElementType> =\n    PolymorphicPropsWithRef<ElementType, Props> & Props;\n\nexport interface PaddingShorthand {\n    /**\n     * Legger til ekstra rom i toppen av kortet, fra spacing-skalaen til Jøkul.\n     * Ikke bruk ekstra topPadding sammen med tag. Verdier lavere enn for venstre og høyre padding\n     * blir ignorert.\n     * @default \"24\"\n     */\n    top?: SpacingStep;\n    /**\n     * Bruk stegene fra spacing-skalaen til Jøkul.\n     * Hvis left og right har forskjellige verdier brukes den største for begge.\n     * @default \"24\"\n     */\n    right?: BasePadding;\n    /**\n     * Legger til ekstra rom i bunnen av kortet, fra spacing-skalaen til Jøkul.\n     * Verdier lavere enn for venstre og høyre padding blir ignorert.\n     * @default \"24\"\n     */\n    bottom?: SpacingStep;\n    /**\n     * Bruk stegene fra spacing-skalaen til Jøkul.\n     * Hvis left og right har forskjellige verdier brukes den største for begge.\n     * @default \"24\"\n     */\n    left?: BasePadding;\n}\n\nexport interface PaddingOptions {\n    /**\n     * Hvor mye rom skal det være rundt innholdet i kortet?\n     * @default \"24\"\n     */\n    padding?: BasePadding | PaddingShorthand;\n}\n\nexport type TagType = \"success\" | \"warning\" | \"info\" | \"error\";\n\nexport type CardTag = {\n    /**\n     * @default <none> Rendres som nøytral tag\n     */\n    type?: TagType;\n    text: string;\n};\n"],"names":["SPACING_STEPS","value","includes"],"mappings":"gFAEO,MAAMA,EAAgB,CACzB,IACA,IACA,IACA,KACA,MACA,MACA,6BAwByB,CAAC,IAAK,IAAK,IAAK,4BAEhB,CAAC,WAAY,OAAQ,iCAvBjB,CAC7B,IACA,KACA,KACA,KACA,KACA,MACA,wDAUG,SAA0BC,GACtB,OAAAD,EAAcE,SAASD,EAClC"}

package/build/cjs/components/card/types.d.cts

@@ -1,3 +1,4 @@
+import { PolymorphicPropsWithRef } from '../../utilities/polymorphism/polymorphism.cjs';
 export declare const SPACING_STEPS: readonly ["0", "m", "l", "xl", "2xl", "3xl", "4xl"];
 type SpacingSteps = typeof SPACING_STEPS;
 export declare const NEW_SPACING_STEPS: readonly ["0", "16", "24", "40", "64", "104", "168"];
@@ -7,6 +8,33 @@ export type OldSpacingStep = SpacingSteps[number];
 export type NewSpacingStep = NewSpacingSteps[number];
 export type SpacingStep = SpacingSteps[number] | NewSpacingSteps[number];
 export declare function isOldSpacingStep(value: SpacingStep): value is OldSpacingStep;
+export declare const CARD_PADDINGS: readonly ["s", "m", "l", "xl"];
+export type CardPadding = (typeof CARD_PADDINGS)[number];
+export declare const CARD_VARIANTS: readonly ["outlined", "high", "low"];
+export type CardVariant = (typeof CARD_VARIANTS)[number];
+type Props = {
+    className?: string;
+    /**
+     * Setter padding på kortet. Tilsvarer samme property i Figma.
+     * @default "s"
+     */
+    padding?: CardPadding;
+    /**
+     * Angir hvilken kortvariant du vil bruke. Velg en variant som gir god kontrast
+     * til bakgrunnen på siden, slik at det er enkelt å skille innholdet fra hverandre.
+     * @default "high"
+     */
+    variant?: CardVariant;
+    /**
+     * Angir om kortet visuelt skal fremstå som klikkbart. Du må selv rendre
+     * kortet som et klikkbart element (f.eks. `<a>` eller en `<Link>` fra
+     * et ruting-bibliotek) og gi det en `href` eller `onClick`-handler.
+     * HUSK: Sett aria-label for at støtteverktøy, som skjermlesere, ikke
+     * skal lese alt innholdet i kortet.
+     */
+    clickable?: boolean;
+};
+export type CardProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<ElementType, Props> & Props;
 export interface PaddingShorthand {
     /**
      * Legger til ekstra rom i toppen av kortet, fra spacing-skalaen til Jøkul.

package/build/cjs/components/checkbox/stories/Checkbox.stories.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Checkbox.cjs");;/* empty css                            */const o={title:"Komponenter/Checkbox",component:e.Checkbox,parameters:{layout:"centered"},tags:["autodocs"]};exports.Checkbox={args:{children:"Kjekk boks",name:"checkbox",value:"true"}},exports.default=o;
+//# sourceMappingURL=Checkbox.stories.cjs.map

package/build/cjs/components/checkbox/stories/Checkbox.stories.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.stories.cjs","sources":["../../../../../src/components/checkbox/stories/Checkbox.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { Checkbox as CheckboxComponent } from \"../Checkbox.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Checkbox\",\n    component: CheckboxComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof CheckboxComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Checkbox: Story = {\n    args: { children: \"Kjekk boks\", name: \"checkbox\", value: \"true\" },\n};\n"],"names":["meta","title","component","CheckboxComponent","Checkbox","parameters","layout","tags","args","children","name","value"],"mappings":"0LAIA,MAAMA,EAAO,CACTC,MAAO,uBACPC,UAAWC,EAAAC,SACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,8BAMoB,CAC3BC,KAAM,CAAEC,SAAU,aAAcC,KAAM,WAAYC,MAAO"}

package/build/cjs/components/checkbox/stories/Checkbox.stories.d.cts

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxPanel.stories.cjs","sources":["../../../../../src/components/checkbox-panel/stories/CheckboxPanel.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Flex } from \"../../flex/Flex.js\";\nimport { SuccessTag } from \"../../tag/Tag.js\";\nimport { CheckboxPanel as CheckboxPanelComponent } from \"../CheckboxPanel.js\";\nimport \"../styles/_index.scss\";\nimport \"./styles.scss\";\n\nconst meta = {\n    title: \"Komponenter/CheckboxPanel\",\n    component: CheckboxPanelComponent,\n    parameters: {\n        layout: \"padded\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof CheckboxPanelComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const CheckboxPanel: Story = {\n    args: {\n        label: \"Kasko\",\n        children: (\n            <p>\n                En forsikring som passer de fleste biler. Dekker det meste av\n                skader, også de du selv er ansvarlig for. Inkluderer Minikasko\n                og Ansvar.\n            </p>\n        ),\n        extraLabel: (\n            <Flex\n                as=\"span\"\n                alignItems=\"center\"\n                justifyContent=\"flex-end\"\n                gap={24}\n                className=\"input-panel-example__custom-label input-panel-example__custom-label--bold\"\n            >\n                <SuccessTag>Anbefalt</SuccessTag>\n                300 kr/mnd\n            </Flex>\n        ),\n    },\n    decorators: (Story) => (\n        <div style={{ maxWidth: 580 }}>\n            <Story />\n        </div>\n    ),\n};\n"],"names":["meta","title","component","CheckboxPanel","parameters","layout","tags","args","label","children","jsx","extraLabel","jsxs","Flex","as","alignItems","justifyContent","gap","className","SuccessTag","decorators","Story","style","maxWidth"],"mappings":"iNAQMA,EAAO,CACTC,MAAO,4BACPC,0CAAWC,cACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,aAMEH,EAAuB,CAChCI,KAAM,CACFC,MAAO,QACPC,SACKC,EAAAA,IAAA,IAAA,CAAED,SAIH,4IAEJE,WACIC,EAAAA,KAACC,EAAAA,KAAA,CACGC,GAAG,OACHC,WAAW,SACXC,eAAe,WACfC,IAAK,GACLC,UAAU,4EAEVT,SAAA,CAAAC,EAAAA,IAACS,cAAWV,SAAQ,aAAa,iBAK7CW,WAAaC,GACTX,EAAAA,IAAC,MAAI,CAAAY,MAAO,CAAEC,SAAU,KACpBd,SAACC,EAAAA,IAAAW,EAAA,CAAA"}

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

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

package/build/cjs/components/chip/stories/Chip.stories.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={title:"Komponenter/Chip",component:require("../Chip.cjs").Chip,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{variant:{control:"select",options:["input","filter"]},size:{control:"select",options:["small","large"]}}};exports.Chip={args:{children:"Hus",variant:"input"}},exports.default=e;
+//# sourceMappingURL=Chip.stories.cjs.map

package/build/cjs/components/chip/stories/Chip.stories.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.stories.cjs","sources":["../../../../../src/components/chip/stories/Chip.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { Chip as ChipComponent } from \"../Chip.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Chip\",\n    component: ChipComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        variant: { control: \"select\", options: [\"input\", \"filter\"] },\n        size: { control: \"select\", options: [\"small\", \"large\"] },\n    },\n} satisfies Meta<typeof ChipComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Chip: Story = {\n    args: {\n        children: \"Hus\",\n        variant: \"input\",\n    },\n};\n"],"names":["meta","title","component","Chip","parameters","layout","tags","argTypes","variant","control","options","size","args","children"],"mappings":"kHAIMA,EAAO,CACTC,MAAO,mBACPC,iCAAWC,KACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,QAAS,CAAEC,QAAS,SAAUC,QAAS,CAAC,QAAS,WACjDC,KAAM,CAAEF,QAAS,SAAUC,QAAS,CAAC,QAAS,yBAO3B,CACvBE,KAAM,CACFC,SAAU,MACVL,QAAS"}

package/build/cjs/components/chip/stories/Chip.stories.d.cts

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('../types.js').ChipProps & import('react').RefAttributes<HTMLButtonElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: "select";
+            options: string[];
+        };
+        size: {
+            control: "select";
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Chip: Story;

package/build/cjs/components/combobox/stories/Combobox.stories.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a={title:"Komponenter/Combobox",component:require("../Combobox.cjs").Combobox,parameters:{layout:"centered"},tags:["autodocs"]},t={args:{items:[{value:"a080",label:"A080 - Rotavirusenteritt",tagLabel:"A080"},{value:"a081",label:"A081 - Akutt gastroenteritt som skyldes norovirus",tagLabel:"A081"},{value:"a082",label:"A082 - Adenovirusenteritt",tagLabel:"A082"},{value:"a083",label:"A083 - Annen virusenteritt",tagLabel:"A083"},{value:"a084",label:"A084 - Uspesifisert virusinfeksjon i mage-tarmkanalen",tagLabel:"A084"},{value:"a085",label:"A085 - Annen spesifisert mage-tarminfeksjon",tagLabel:"A085"},{value:"a090",label:"A090 - Annen eller uspesifisert gastroenteritt eller kolitt av infeksiøs årsak",tagLabel:"A090"},{value:"a099",label:"A099 - Gastroenteritt eller kolitt av uspesifisert årsak",tagLabel:"A099"},{value:"a150",label:"A150 - Lungetuberkulose bekreftet ved mikroskopi av sputum med eller uten kultur",tagLabel:"A150"}],label:"Velg sykdommer",name:"disease",onChange:()=>{}},decorators:a=>e.jsx("div",{style:{maxWidth:220},children:e.jsx(a,{})})};exports.Combobox=t,exports.default=a;
+//# sourceMappingURL=Combobox.stories.cjs.map

package/build/cjs/components/combobox/stories/Combobox.stories.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.stories.cjs","sources":["../../../../../src/components/combobox/stories/Combobox.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { Combobox as ComboboxComponent } from \"../Combobox.js\";\nimport \"../styles/_index.scss\";\nimport { ComboboxValuePair } from \"../../combobox/types.js\";\nimport React from \"react\";\n\nconst meta = {\n    title: \"Komponenter/Combobox\",\n    component: ComboboxComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof ComboboxComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst items: ComboboxValuePair[] = [\n    { value: \"a080\", label: \"A080 - Rotavirusenteritt\", tagLabel: \"A080\" },\n    {\n        value: \"a081\",\n        label: \"A081 - Akutt gastroenteritt som skyldes norovirus\",\n        tagLabel: \"A081\",\n    },\n    { value: \"a082\", label: \"A082 - Adenovirusenteritt\", tagLabel: \"A082\" },\n    {\n        value: \"a083\",\n        label: \"A083 - Annen virusenteritt\",\n        tagLabel: \"A083\",\n    },\n    {\n        value: \"a084\",\n        label: \"A084 - Uspesifisert virusinfeksjon i mage-tarmkanalen\",\n        tagLabel: \"A084\",\n    },\n    {\n        value: \"a085\",\n        label: \"A085 - Annen spesifisert mage-tarminfeksjon\",\n        tagLabel: \"A085\",\n    },\n    {\n        value: \"a090\",\n        label: \"A090 - Annen eller uspesifisert gastroenteritt eller kolitt av infeksiøs årsak\",\n        tagLabel: \"A090\",\n    },\n    {\n        value: \"a099\",\n        label: \"A099 - Gastroenteritt eller kolitt av uspesifisert årsak\",\n        tagLabel: \"A099\",\n    },\n    {\n        value: \"a150\",\n        label: \"A150 - Lungetuberkulose bekreftet ved mikroskopi av sputum med eller uten kultur\",\n        tagLabel: \"A150\",\n    },\n];\n\nexport const Combobox: Story = {\n    args: {\n        items,\n        label: \"Velg sykdommer\",\n        name: \"disease\",\n        onChange: () => {},\n    },\n    decorators: (Story) => (\n        <div style={{ maxWidth: 220 }}>\n            <Story />\n        </div>\n    ),\n};\n"],"names":["meta","title","component","Combobox","parameters","layout","tags","args","items","value","label","tagLabel","name","onChange","decorators","Story","jsx","style","maxWidth","children"],"mappings":"iJAMMA,EAAO,CACTC,MAAO,uBACPC,qCAAWC,SACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aA8CEH,EAAkB,CAC3BI,KAAM,CACFC,MA1C2B,CAC/B,CAAEC,MAAO,OAAQC,MAAO,2BAA4BC,SAAU,QAC9D,CACIF,MAAO,OACPC,MAAO,oDACPC,SAAU,QAEd,CAAEF,MAAO,OAAQC,MAAO,4BAA6BC,SAAU,QAC/D,CACIF,MAAO,OACPC,MAAO,6BACPC,SAAU,QAEd,CACIF,MAAO,OACPC,MAAO,wDACPC,SAAU,QAEd,CACIF,MAAO,OACPC,MAAO,8CACPC,SAAU,QAEd,CACIF,MAAO,OACPC,MAAO,iFACPC,SAAU,QAEd,CACIF,MAAO,OACPC,MAAO,2DACPC,SAAU,QAEd,CACIF,MAAO,OACPC,MAAO,mFACPC,SAAU,SAOVD,MAAO,iBACPE,KAAM,UACNC,SAAU,QAEdC,WAAaC,GACTC,EAAAA,IAAC,MAAI,CAAAC,MAAO,CAAEC,SAAU,KACpBC,SAACH,EAAAA,IAAAD,EAAA,CAAA"}

package/build/cjs/components/combobox/stories/Combobox.stories.d.cts

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

package/build/cjs/components/cookie-consent/stories/CookieConsent.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("../../button/Button.cjs"),t=require("../CookieConsent.cjs"),n=require("../CookieConsentContext.cjs"),s={title:"Komponenter/CookieConsent",component:n.CookieConsentProvider,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{}},r={args:{children:e.jsx((({children:t})=>{const{openConsentModal:s}=n.useCookieConsent();return e.jsxs("div",{children:[e.jsx(o.PrimaryButton,{onClick:()=>s(),children:"Åpne samtykker"}),t]})}),{children:e.jsx(t.CookieConsent,{})}),cookieName:"demo-consent-cookie",functional:!0,statistics:!0,marketing:!0}};exports.CookieConsent=r,exports.default=s;
+//# sourceMappingURL=CookieConsent.stories.cjs.map

package/build/cjs/components/cookie-consent/stories/CookieConsent.stories.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CookieConsent.stories.cjs","sources":["../../../../../src/components/cookie-consent/stories/CookieConsent.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React, { FC } from \"react\";\nimport { WithChildren } from \"../../../core/types.js\";\nimport { PrimaryButton } from \"../../button/Button.js\";\nimport { CookieConsent as CookieConsentComponent } from \"../CookieConsent.js\";\nimport {\n    CookieConsentProvider,\n    useCookieConsent,\n} from \"../CookieConsentContext.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/CookieConsent\",\n    component: CookieConsentProvider,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    argTypes: {},\n} satisfies Meta<typeof CookieConsentProvider>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst Wrapper: FC<WithChildren> = ({ children }) => {\n    const { openConsentModal } = useCookieConsent();\n\n    return (\n        <div>\n            <PrimaryButton onClick={() => openConsentModal()}>\n                Åpne samtykker\n            </PrimaryButton>\n            {children}\n        </div>\n    );\n};\n\nexport const CookieConsent: Story = {\n    args: {\n        children: (\n            <Wrapper>\n                <CookieConsentComponent />\n            </Wrapper>\n        ),\n        cookieName: \"demo-consent-cookie\",\n        functional: true,\n        statistics: true,\n        marketing: true,\n    },\n};\n"],"names":["meta","title","component","CookieConsentProvider","parameters","layout","tags","argTypes","CookieConsent","args","children","jsx","openConsentModal","useCookieConsent","PrimaryButton","onClick","CookieConsentComponent","cookieName","functional","statistics","marketing"],"mappings":"iQAWMA,EAAO,CACTC,MAAO,4BACPC,UAAWC,EAAAA,sBACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CAAC,GAmBFC,EAAuB,CAChCC,KAAM,CACFC,SACIC,EAAAA,KAhBsB,EAAGD,SAAAA,MAC3B,MAAEE,iBAAAA,GAAqBC,EAAAA,mBAE7B,cACK,MACG,CAAAH,SAAA,CAAAC,EAAAA,IAACG,EAAcA,cAAA,CAAAC,QAAS,IAAMH,IAAoBF,SAElD,mBACCA,IACL,GAQQ,CAAAA,SAAAC,EAAAA,IAACK,iBAAuB,KAGhCC,WAAY,sBACZC,YAAY,EACZC,YAAY,EACZC,WAAW"}

package/build/cjs/components/cookie-consent/stories/CookieConsent.stories.d.cts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react';
+import { default as React } from 'react';
+declare const meta: {
+    title: string;
+    component: React.FC<import('../types.js').CookieConsentProviderProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const CookieConsent: Story;

package/build/cjs/components/countdown/stories/Countdown.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("../Countdown.cjs"),r=require("react"),o=require("../../button/Button.cjs"),n=require("../../flex/Flex.cjs"),s={title:"Komponenter/Countdown",component:t.Countdown,parameters:{layout:"centered"},tags:["autodocs"]},u=({children:t})=>{const[s,u]=r.useState(0);return e.jsxs(n.Flex,{style:{width:500},direction:"column",gap:24,children:[e.jsx("div",{children:t},s),e.jsx(o.PrimaryButton,{onClick:()=>u(Date.now()),style:{width:200},children:"Restart"})]})},i={args:{from:5e3},decorators:t=>e.jsx(u,{children:e.jsx(t,{})})};exports.Countdown=i,exports.default=s;
+//# sourceMappingURL=Countdown.stories.cjs.map

package/build/cjs/components/countdown/stories/Countdown.stories.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Countdown.stories.cjs","sources":["../../../../../src/components/countdown/stories/Countdown.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { Countdown as CountdownComponent } from \"../Countdown.js\";\nimport \"../styles/_index.scss\";\nimport React, { FC, useState } from \"react\";\nimport { WithChildren } from \"../../../core/types.js\";\nimport { PrimaryButton } from \"../../button/Button.js\";\nimport { Flex } from \"../../flex/Flex.js\";\n\nconst meta = {\n    title: \"Komponenter/Countdown\",\n    component: CountdownComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof CountdownComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst Wrapper: FC<WithChildren> = ({ children }) => {\n    const [key, setKey] = useState(0);\n\n    return (\n        <Flex style={{ width: 500 }} direction=\"column\" gap={24}>\n            <div key={key}>{children}</div>\n            <PrimaryButton\n                onClick={() => setKey(Date.now())}\n                style={{ width: 200 }}\n            >\n                Restart\n            </PrimaryButton>\n        </Flex>\n    );\n};\n\nexport const Countdown: Story = {\n    args: {\n        from: 5000,\n    },\n    decorators: (Story) => (\n        <Wrapper>\n            <Story />\n        </Wrapper>\n    ),\n};\n"],"names":["meta","title","component","CountdownComponent","Countdown","parameters","layout","tags","Wrapper","children","key","setKey","useState","jsxs","Flex","style","width","direction","gap","jsx","PrimaryButton","onClick","Date","now","args","from","decorators","Story"],"mappings":"wQAQMA,EAAO,CACTC,MAAO,wBACPC,UAAWC,EAAAC,UACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMLC,EAA4B,EAAGC,SAAAA,MACjC,MAAOC,EAAKC,GAAUC,WAAS,GAG3B,OAAAC,OAACC,EAAAA,KAAK,CAAAC,MAAO,CAAEC,MAAO,KAAOC,UAAU,SAASC,IAAK,GACjDT,SAAA,CAACU,EAAAA,IAAA,MAAA,CAAeV,SAAAA,GAANC,GACVS,EAAAA,IAACC,EAAAA,cAAA,CACGC,QAAS,IAAMV,EAAOW,KAAKC,OAC3BR,MAAO,CAAEC,MAAO,KACnBP,SAAA,cAGL,EAIKL,EAAmB,CAC5BoB,KAAM,CACFC,KAAM,KAEVC,WAAaC,SACRnB,EACG,CAAAC,SAAAU,MAACQ,GAAM"}