@fremtind/jokul 0.57.3 → 0.57.5

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

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

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

@@ -0,0 +1,25 @@
+import { StoryObj } from '@storybook/react';
+import { default as React } from 'react';
+declare const meta: {
+    title: string;
+    component: ({ onChange, defaultTab, density, ...props }: import('../types.js').TabsProps) => React.JSX.Element;
+    subcomponents: {
+        TabList: ({ children, className, ...injected }: import('../types.js').TabListProps) => React.JSX.Element;
+        TabPanel: ({ children, ...props }: import('../types.js').TabPanelProps) => React.JSX.Element;
+        Tab: React.ForwardRefExoticComponent<import('../types.js').TabProps & React.RefAttributes<HTMLButtonElement>>;
+    };
+    argTypes: {
+        defaultTab: {
+            control: "number";
+            table: {
+                defaultValue: {
+                    summary: undefined;
+                };
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const TabsStory: Story;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.stories.js","sources":["../../../../../src/components/tabs/stories/Tabs.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { Tab } from \"../Tab.js\";\nimport { TabList } from \"../TabList.js\";\nimport { TabPanel } from \"../TabPanel.js\";\nimport { Tabs } from \"../Tabs.js\";\n\nconst meta = {\n    title: \"Komponenter/Tabs/Tabs\",\n    component: Tabs,\n    subcomponents: {\n        TabList,\n        TabPanel,\n        Tab,\n    },\n    argTypes: {\n        defaultTab: {\n            control: \"number\",\n            table: {\n                defaultValue: {\n                    summary: undefined,\n                },\n            },\n        },\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof Tabs>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const TabsStory: Story = {\n    name: \"Tabs\",\n    args: {\n        children: <p></p>,\n    },\n    render: (args) => (\n        <Tabs {...args}>\n            <TabList aria-label=\"Avtale-filter\">\n                <Tab>Alle avtaler</Tab>\n                <Tab>NICE</Tab>\n                <Tab>Prolife</Tab>\n            </TabList>\n\n            <TabPanel>Alle avtaler</TabPanel>\n\n            <TabPanel>NICE-avtaler</TabPanel>\n\n            <TabPanel>Prolife-avtaler</TabPanel>\n        </Tabs>\n    ),\n};\n"],"names":["meta","title","component","Tabs","subcomponents","TabList","TabPanel","Tab","argTypes","defaultTab","control","table","defaultValue","summary","tags","TabsStory","name","args","children","render","jsxs","jsx"],"mappings":"6OAQA,MAAMA,EAAO,CACTC,MAAO,wBACPC,UAAWC,EACXC,cAAe,CACXC,QAAAA,EACAC,SAAAA,EACAC,IAAAA,GAEJC,SAAU,CACNC,WAAY,CACRC,QAAS,SACTC,MAAO,CACHC,aAAc,CACVC,aAAS,MAKzBC,KAAM,CAAC,aAMEC,EAAmB,CAC5BC,KAAM,OACNC,KAAM,CACFC,WAAW,IAAE,KAEjBC,OAASF,GACJG,EAAAjB,EAAA,IAASc,EACNC,SAAA,CAACE,EAAAf,EAAA,CAAQ,aAAW,gBAChBa,SAAA,CAAAG,EAACd,GAAIW,SAAY,iBACjBG,EAACd,GAAIW,SAAI,SACTG,EAACd,GAAIW,SAAO,eAGhBG,EAACf,GAASY,SAAY,iBAEtBG,EAACf,GAASY,SAAY,iBAEtBG,EAACf,GAASY,SAAe"}

package/build/es/components/tag/stories/Tag.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react';
+import { default as React } from 'react';
+declare const meta: {
+    title: string;
+    component: React.FC<import('../types.js').TagProps>;
+    tags: string[];
+    args: {
+        children: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const TagStory: Story;
+export declare const SuccessTagStory: Story;
+export declare const InfoTagStory: Story;
+export declare const WarningTagStory: Story;
+export declare const ErrorTagStory: Story;

package/build/es/components/tag/stories/Tag.stories.js

@@ -0,0 +1,2 @@
+import{jsx as a}from"react/jsx-runtime";import{Tag as r,SuccessTag as e,InfoTag as n,WarningTag as s,ErrorTag as o}from"../Tag.js";const g={title:"Komponenter/Tag",component:r,tags:["autodocs"],args:{children:"Hei"}},t={name:"Tag",render:e=>a(r,{...e})},T={name:"Success Tag",render:r=>a(e,{...r})},m={name:"Info Tag",render:r=>a(n,{...r})},c={name:"Warning Tag",render:r=>a(s,{...r})},i={name:"Error Tag",render:r=>a(o,{...r})};export{i as ErrorTagStory,m as InfoTagStory,T as SuccessTagStory,t as TagStory,c as WarningTagStory,g as default};
+//# sourceMappingURL=Tag.stories.js.map

package/build/es/components/tag/stories/Tag.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.stories.js","sources":["../../../../../src/components/tag/stories/Tag.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { Tag, InfoTag, WarningTag, ErrorTag, SuccessTag } from \"../Tag.js\";\n\nconst meta = {\n    title: \"Komponenter/Tag\",\n    component: Tag,\n    tags: [\"autodocs\"],\n    args: {\n        children: \"Hei\",\n    },\n} satisfies Meta<typeof Tag>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const TagStory: Story = {\n    name: \"Tag\",\n    render: (args) => <Tag {...args} />,\n};\n\nexport const SuccessTagStory: Story = {\n    name: \"Success Tag\",\n    render: (args) => <SuccessTag {...args} />,\n};\n\nexport const InfoTagStory: Story = {\n    name: \"Info Tag\",\n    render: (args) => <InfoTag {...args} />,\n};\n\nexport const WarningTagStory: Story = {\n    name: \"Warning Tag\",\n    render: (args) => <WarningTag {...args} />,\n};\n\nexport const ErrorTagStory: Story = {\n    name: \"Error Tag\",\n    render: (args) => <ErrorTag {...args} />,\n};\n"],"names":["meta","title","component","Tag","tags","args","children","TagStory","name","render","jsx","SuccessTagStory","SuccessTag","InfoTagStory","InfoTag","WarningTagStory","WarningTag","ErrorTagStory","ErrorTag"],"mappings":"mIAKA,MAAMA,EAAO,CACTC,MAAO,kBACPC,UAAWC,EACXC,KAAM,CAAC,YACPC,KAAM,CACFC,SAAU,QAOLC,EAAkB,CAC3BC,KAAM,MACNC,OAASJ,GAAUK,EAAAP,EAAA,IAAQE,KAGlBM,EAAyB,CAClCH,KAAM,cACNC,OAASJ,GAAUK,EAAAE,EAAA,IAAeP,KAGzBQ,EAAsB,CAC/BL,KAAM,WACNC,OAASJ,GAAUK,EAAAI,EAAA,IAAYT,KAGtBU,EAAyB,CAClCP,KAAM,cACNC,OAASJ,GAAUK,EAAAM,EAAA,IAAeX,KAGzBY,EAAuB,CAChCT,KAAM,YACNC,OAASJ,GAAUK,EAAAQ,EAAA,IAAab"}

package/build/es/components/text-input/stories/BaseTextInput.stories.js

@@ -1,2 +1,2 @@
-import{BaseTextInput as t}from"../BaseTextInput.js";/* empty css                         */const e={title:"Skjemaelementer/TextInput/BaseTextInput",component:t,parameters:{controls:{expanded:!0,sort:"alpha"}},tags:["autodocs"],argTypes:{value:{control:"text",description:"Verdien i feltet"},unit:{control:"text"},width:{control:"text",description:"Absolutt verdi for bredden til input-feltet"},maxLength:{control:"number"},action:{type:"function"},actionButton:{type:"function"},name:{control:"text",table:{disable:!0}},density:{table:{disable:!0}},align:{table:{defaultValue:{summary:"left"}}}}},n={args:{name:"base-text-input",align:"left",placeholder:"Ditt innhold",maxLength:500,disabled:!1,readOnly:!1,defaultValue:"Ditt innhold"}};export{n as BaseTextInput,e as default};
+import{BaseTextInput as t}from"../BaseTextInput.js";/* empty css                         */const e={title:"Komponenter/TextInput/BaseTextInput",component:t,parameters:{controls:{expanded:!0,sort:"alpha"}},tags:["autodocs"],argTypes:{value:{control:"text",description:"Verdien i feltet"},unit:{control:"text"},width:{control:"text",description:"Absolutt verdi for bredden til input-feltet"},maxLength:{control:"number"},action:{type:"function"},actionButton:{type:"function"},name:{control:"text",table:{disable:!0}},density:{table:{disable:!0}},align:{table:{defaultValue:{summary:"left"}}}}},n={args:{name:"base-text-input",align:"left",placeholder:"Ditt innhold",maxLength:500,disabled:!1,readOnly:!1,defaultValue:"Ditt innhold"}};export{n as BaseTextInput,e as default};
 //# sourceMappingURL=BaseTextInput.stories.js.map

package/build/es/components/text-input/stories/BaseTextInput.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTextInput.stories.js","sources":["../../../../../src/components/text-input/stories/BaseTextInput.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { BaseTextInput as TextInputComponent } from \"../BaseTextInput.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Skjemaelementer/TextInput/BaseTextInput\",\n    component: TextInputComponent,\n    parameters: {\n        controls: { expanded: true, sort: \"alpha\" },\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        value: {\n            control: \"text\",\n            description: \"Verdien i feltet\",\n        },\n        unit: {\n            control: \"text\",\n        },\n        width: {\n            control: \"text\",\n            description: \"Absolutt verdi for bredden til input-feltet\",\n        },\n        maxLength: {\n            control: \"number\",\n        },\n        action: {\n            type: \"function\",\n        },\n        actionButton: {\n            type: \"function\",\n        },\n        name: {\n            control: \"text\",\n            table: {\n                disable: true,\n            },\n        },\n        density: { table: { disable: true } },\n        align: {\n            table: { defaultValue: { summary: \"left\" } },\n        },\n    },\n} satisfies Meta<typeof TextInputComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const BaseTextInput: Story = {\n    args: {\n        name: \"base-text-input\",\n        align: \"left\",\n        placeholder: \"Ditt innhold\",\n        maxLength: 500,\n        disabled: false,\n        readOnly: false,\n        defaultValue: \"Ditt innhold\",\n    },\n};\n"],"names":["meta","title","component","TextInputComponent","parameters","controls","expanded","sort","tags","argTypes","value","control","description","unit","width","maxLength","action","type","actionButton","name","table","disable","density","align","defaultValue","summary","BaseTextInput","args","placeholder","disabled","readOnly"],"mappings":"2FAIA,MAAMA,EAAO,CACTC,MAAO,0CACPC,UAAWC,EACXC,WAAY,CACRC,SAAU,CAAEC,UAAU,EAAMC,KAAM,UAEtCC,KAAM,CAAC,YACPC,SAAU,CACNC,MAAO,CACHC,QAAS,OACTC,YAAa,oBAEjBC,KAAM,CACFF,QAAS,QAEbG,MAAO,CACHH,QAAS,OACTC,YAAa,+CAEjBG,UAAW,CACPJ,QAAS,UAEbK,OAAQ,CACJC,KAAM,YAEVC,aAAc,CACVD,KAAM,YAEVE,KAAM,CACFR,QAAS,OACTS,MAAO,CACHC,SAAS,IAGjBC,QAAS,CAAEF,MAAO,CAAEC,SAAS,IAC7BE,MAAO,CACHH,MAAO,CAAEI,aAAc,CAAEC,QAAS,YAQjCC,EAAuB,CAChCC,KAAM,CACFR,KAAM,kBACNI,MAAO,OACPK,YAAa,eACbb,UAAW,IACXc,UAAU,EACVC,UAAU,EACVN,aAAc"}
+{"version":3,"file":"BaseTextInput.stories.js","sources":["../../../../../src/components/text-input/stories/BaseTextInput.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { BaseTextInput as TextInputComponent } from \"../BaseTextInput.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/TextInput/BaseTextInput\",\n    component: TextInputComponent,\n    parameters: {\n        controls: { expanded: true, sort: \"alpha\" },\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        value: {\n            control: \"text\",\n            description: \"Verdien i feltet\",\n        },\n        unit: {\n            control: \"text\",\n        },\n        width: {\n            control: \"text\",\n            description: \"Absolutt verdi for bredden til input-feltet\",\n        },\n        maxLength: {\n            control: \"number\",\n        },\n        action: {\n            type: \"function\",\n        },\n        actionButton: {\n            type: \"function\",\n        },\n        name: {\n            control: \"text\",\n            table: {\n                disable: true,\n            },\n        },\n        density: { table: { disable: true } },\n        align: {\n            table: { defaultValue: { summary: \"left\" } },\n        },\n    },\n} satisfies Meta<typeof TextInputComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const BaseTextInput: Story = {\n    args: {\n        name: \"base-text-input\",\n        align: \"left\",\n        placeholder: \"Ditt innhold\",\n        maxLength: 500,\n        disabled: false,\n        readOnly: false,\n        defaultValue: \"Ditt innhold\",\n    },\n};\n"],"names":["meta","title","component","TextInputComponent","parameters","controls","expanded","sort","tags","argTypes","value","control","description","unit","width","maxLength","action","type","actionButton","name","table","disable","density","align","defaultValue","summary","BaseTextInput","args","placeholder","disabled","readOnly"],"mappings":"2FAIA,MAAMA,EAAO,CACTC,MAAO,sCACPC,UAAWC,EACXC,WAAY,CACRC,SAAU,CAAEC,UAAU,EAAMC,KAAM,UAEtCC,KAAM,CAAC,YACPC,SAAU,CACNC,MAAO,CACHC,QAAS,OACTC,YAAa,oBAEjBC,KAAM,CACFF,QAAS,QAEbG,MAAO,CACHH,QAAS,OACTC,YAAa,+CAEjBG,UAAW,CACPJ,QAAS,UAEbK,OAAQ,CACJC,KAAM,YAEVC,aAAc,CACVD,KAAM,YAEVE,KAAM,CACFR,QAAS,OACTS,MAAO,CACHC,SAAS,IAGjBC,QAAS,CAAEF,MAAO,CAAEC,SAAS,IAC7BE,MAAO,CACHH,MAAO,CAAEI,aAAc,CAAEC,QAAS,YAQjCC,EAAuB,CAChCC,KAAM,CACFR,KAAM,kBACNI,MAAO,OACPK,YAAa,eACbb,UAAW,IACXc,UAAU,EACVC,UAAU,EACVN,aAAc"}

package/build/es/components/text-input/stories/TextInput.stories.js

@@ -1,2 +1,2 @@
-import{TextInput as e}from"../TextInput.js";/* empty css                         */const t={title:"Skjemaelementer/TextInput/TextInput",component:e,parameters:{controls:{expanded:!0,sort:"alpha"}},tags:["autodocs"],argTypes:{density:{table:{disable:!0}}}},a={argTypes:{label:{type:{name:"string",required:!0},table:{defaultValue:{summary:void 0}}},value:{control:"text",description:"Verdien i feltet",table:{defaultValue:{summary:void 0}}},unit:{control:"text",table:{defaultValue:{summary:void 0}}},width:{control:"text",description:"Absolutt verdi for bredden til input-feltet",table:{defaultValue:{summary:void 0}}},maxLength:{control:"number",table:{defaultValue:{summary:void 0}}},action:{type:"function",table:{defaultValue:{summary:void 0}}},actionButton:{type:"function",table:{defaultValue:{summary:void 0}}},inline:{control:"boolean",description:"Lar feltet stå som en del av tekstlig innhold",table:{defaultValue:{summary:void 0}}},name:{table:{disable:!0}},inputClassName:{description:"Klasse for input-feltet",table:{defaultValue:{summary:void 0}}},density:{table:{disable:!0}},align:{table:{defaultValue:{summary:"left"}}},placeholder:{table:{defaultValue:{summary:void 0}}},defaultValue:{table:{defaultValue:{summary:void 0}}},"data-testautoid":{table:{defaultValue:{summary:void 0}}}},args:{name:"text-input",label:"Label",align:"left",inline:!1,placeholder:"Ditt innhold",maxLength:35,disabled:!1,readOnly:!1,defaultValue:"Ditt innhold",inputClassName:"input-klasse","data-testautoid":"test-id"}},l={name:"Unit + Align",args:{label:"Boareal",align:"right",maxLength:20,placeholder:"50",unit:"kvadratmeter"}};export{a as TextInput,l as UnitAlign,t as default};
+import{TextInput as e}from"../TextInput.js";/* empty css                         */const t={title:"Komponenter/TextInput/TextInput",component:e,parameters:{controls:{expanded:!0,sort:"alpha"}},tags:["autodocs"],argTypes:{density:{table:{disable:!0}}}},a={argTypes:{label:{type:{name:"string",required:!0},table:{defaultValue:{summary:void 0}}},value:{control:"text",description:"Verdien i feltet",table:{defaultValue:{summary:void 0}}},unit:{control:"text",table:{defaultValue:{summary:void 0}}},width:{control:"text",description:"Absolutt verdi for bredden til input-feltet",table:{defaultValue:{summary:void 0}}},maxLength:{control:"number",table:{defaultValue:{summary:void 0}}},action:{type:"function",table:{defaultValue:{summary:void 0}}},actionButton:{type:"function",table:{defaultValue:{summary:void 0}}},inline:{control:"boolean",description:"Lar feltet stå som en del av tekstlig innhold",table:{defaultValue:{summary:void 0}}},name:{table:{disable:!0}},inputClassName:{description:"Klasse for input-feltet",table:{defaultValue:{summary:void 0}}},density:{table:{disable:!0}},align:{table:{defaultValue:{summary:"left"}}},placeholder:{table:{defaultValue:{summary:void 0}}},defaultValue:{table:{defaultValue:{summary:void 0}}},"data-testautoid":{table:{defaultValue:{summary:void 0}}}},args:{name:"text-input",label:"Label",align:"left",inline:!1,placeholder:"Ditt innhold",maxLength:35,disabled:!1,readOnly:!1,defaultValue:"Ditt innhold",inputClassName:"input-klasse","data-testautoid":"test-id"}},l={name:"Unit + Align",args:{label:"Boareal",align:"right",maxLength:20,placeholder:"50",unit:"kvadratmeter"}};export{a as TextInput,l as UnitAlign,t as default};
 //# sourceMappingURL=TextInput.stories.js.map

package/build/es/components/text-input/stories/TextInput.stories.js.map

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

package/build/es/components/toast/stories/Toast.stories.d.ts

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

package/build/es/components/toast/stories/Toast.stories.js

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

package/build/es/components/toast/stories/Toast.stories.js.map

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

package/build/es/components/tooltip/stories/Tooltip.stories.d.ts

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

package/build/es/components/tooltip/stories/Tooltip.stories.js

@@ -0,0 +1,2 @@
+import{jsx as o,jsxs as e}from"react/jsx-runtime";import{Tooltip as t}from"../Tooltip.js";import{TooltipContent as r}from"../TooltipContent.js";import{TooltipTrigger as n}from"../TooltipTrigger.js";const i={title:"Komponenter/Tooltip",component:t,subcomponents:{TooltipTrigger:n,TooltipContent:r},tags:["autodocs"],argTypes:{delay:{control:"number"},initialOpen:{control:"boolean"},placement:{control:"select",options:["top","top-start","top-end","left","right"]},triggerOn:{control:"select",options:["click","hover"]}}},l={args:{children:o("p",{children:"eee"}),delay:2e3,initialOpen:!1,placement:"top",triggerOn:"hover"},render:i=>e("p",{children:["Kontonummer:"," ",e(t,{...i,children:[o(n,{children:"eeeeee"}),o(r,{children:"eee"})]})]})};export{l as Tooltip,i as default};
+//# sourceMappingURL=Tooltip.stories.js.map

package/build/es/components/tooltip/stories/Tooltip.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.stories.js","sources":["../../../../../src/components/tooltip/stories/Tooltip.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { Tooltip as TooltipComponent } from \"../Tooltip.js\";\nimport { TooltipContent } from \"../TooltipContent.js\";\nimport { TooltipTrigger } from \"../TooltipTrigger.js\";\n\nconst meta = {\n    title: \"Komponenter/Tooltip\",\n    component: TooltipComponent,\n    subcomponents: { TooltipTrigger, TooltipContent },\n    tags: [\"autodocs\"],\n    argTypes: {\n        delay: { control: \"number\" },\n        initialOpen: { control: \"boolean\" },\n        placement: {\n            control: \"select\",\n            options: [\"top\", \"top-start\", \"top-end\", \"left\", \"right\"],\n        },\n        triggerOn: { control: \"select\", options: [\"click\", \"hover\"] },\n    },\n} satisfies Meta<typeof TooltipComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Tooltip: Story = {\n    args: {\n        children: <p>eee</p>,\n        delay: 2000,\n        initialOpen: false,\n        placement: \"top\",\n        triggerOn: \"hover\",\n    },\n    render: (args) => (\n        <p>\n            Kontonummer:{\" \"}\n            <TooltipComponent {...args}>\n                <TooltipTrigger>eeeeee</TooltipTrigger>\n                <TooltipContent>eee</TooltipContent>\n            </TooltipComponent>\n        </p>\n    ),\n};\n"],"names":["meta","title","component","TooltipComponent","subcomponents","TooltipTrigger","TooltipContent","tags","argTypes","delay","control","initialOpen","placement","options","triggerOn","Tooltip","args","children","jsx","render","jsxs"],"mappings":"sMAOA,MAAMA,EAAO,CACTC,MAAO,sBACPC,UAAWC,EACXC,cAAe,CAAEC,eAAAA,EAAgBC,eAAAA,GACjCC,KAAM,CAAC,YACPC,SAAU,CACNC,MAAO,CAAEC,QAAS,UAClBC,YAAa,CAAED,QAAS,WACxBE,UAAW,CACPF,QAAS,SACTG,QAAS,CAAC,MAAO,YAAa,UAAW,OAAQ,UAErDC,UAAW,CAAEJ,QAAS,SAAUG,QAAS,CAAC,QAAS,YAO9CE,EAAiB,CAC1BC,KAAM,CACFC,SAAWC,EAAA,IAAA,CAAED,SAAG,QAChBR,MAAO,IACPE,aAAa,EACbC,UAAW,MACXE,UAAW,SAEfK,OAASH,GACLI,EAAC,IAAE,CAAAH,SAAA,CAAA,eACc,IACbG,EAACjB,EAAkB,IAAGa,EAClBC,SAAA,CAAAC,EAACb,GAAeY,SAAM,WACtBC,EAACZ,GAAeW,SAAG"}