npm - @fremtind/jokul - Versions diffs - 0.54.0 → 0.55.1 - Mend

@fremtind/jokul 0.54.0 → 0.55.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (68) hide show

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

@@ -1,2 +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;
+"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"]},d={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=d,exports.default=t;
 //# sourceMappingURL=Breadcrumb.stories.cjs.map

package/build/cjs/components/input-group/stories/InputGroup.stories.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../text-input/BaseTextInput.cjs"),r=require("../InputGroup.cjs");;/* empty css                            */const u={title:"Komponenter/InputGroup",component:r.InputGroup,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{label:{control:"text"}}},o={name:"InputGroup",args:{label:"Fødeselsnummer"},render:u=>e.jsx(r.InputGroup,{...u,children:e.jsx(t.BaseTextInput,{})})};exports.InputGroupStory=o,exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../text-input/BaseTextInput.cjs"),r=require("../InputGroup.cjs");,/* empty css                            */;/* empty css                            */const u={title:"Komponenter/InputGroup",component:r.InputGroup,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{label:{control:"text"}}},n={name:"InputGroup",args:{label:"Fødeselsnummer"},render:u=>e.jsx(r.InputGroup,{...u,children:e.jsx(t.BaseTextInput,{})})};exports.InputGroupStory=n,exports.default=u;
 //# sourceMappingURL=InputGroup.stories.cjs.map

package/build/cjs/components/input-group/stories/InputGroup.stories.cjs.map CHANGED Viewed

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

package/build/cjs/components/radio-button/stories/BaseRadioButton.stories.cjs ADDED Viewed

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

package/build/cjs/components/radio-button/stories/BaseRadioButton.stories.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BaseRadioButton.stories.cjs","sources":["../../../../../src/components/radio-button/stories/BaseRadioButton.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport { BaseRadioButton as BaseRadioButtonComponent } from \"../BaseRadioButton.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n title: \"Komponenter/RadioButton/BaseRadioButton\",\n component: BaseRadioButtonComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof BaseRadioButtonComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof BaseRadioButtonComponent>;\n\nexport const BaseRadioButton: Story = {\n args: {\n value: \"BaseRadioButton\",\n },\n};\n"],"names":["meta","title","component","BaseRadioButtonComponent","BaseRadioButton","parameters","layout","tags","args","value"],"mappings":"iMAIA,MAAMA,EAAa,CACfC,MAAO,0CACPC,UAAWC,EAAAC,gBACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,qCAO2B,CAClCC,KAAM,CACFC,MAAO"}

package/build/cjs/components/radio-button/stories/BaseRadioButton.stories.d.cts ADDED Viewed

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

package/build/cjs/components/radio-button/stories/RadioButton.stories.cjs ADDED Viewed

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

package/build/cjs/components/radio-button/stories/RadioButton.stories.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"RadioButton.stories.cjs","sources":["../../../../../src/components/radio-button/stories/RadioButton.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport { RadioButton as RadioButtonComponent } from \"../RadioButton.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n title: \"Komponenter/RadioButton/RadioButton\",\n component: RadioButtonComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof RadioButtonComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof RadioButtonComponent>;\n\nexport const RadioButton: Story = {\n args: {\n value: \"RadioButton\",\n },\n};\n"],"names":["meta","title","component","RadioButtonComponent","RadioButton","parameters","layout","tags","args","value"],"mappings":"6LAIA,MAAMA,EAAa,CACfC,MAAO,sCACPC,UAAWC,EAAAC,YACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,iCAOuB,CAC9BC,KAAM,CACFC,MAAO"}

package/build/cjs/components/radio-button/stories/RadioButton.stories.d.cts ADDED Viewed

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

package/build/cjs/components/radio-button/stories/RadioButtonGroup.stories.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../RadioButton.cjs"),o=require("../RadioButtonGroup.cjs");;/* empty css */const r={title:"Komponenter/RadioButton/RadioButtonGroup",component:o.RadioButtonGroup,parameters:{layout:"centered"},tags:["autodocs"]},n=["Send en e-post","Ring meg","Send et brev til folkeregistrert adresse"],u={args:{legend:"Dette er en RadioButtonGroup"},render:r=>e.jsx(o.RadioButtonGroup,{...r,children:n.map((o=>e.jsx(t.RadioButton,{value:o,children:o},o)))})};exports.RadioButtonGroup=u,exports.default=r;
2	+ //# sourceMappingURL=RadioButtonGroup.stories.cjs.map

package/build/cjs/components/radio-button/stories/RadioButtonGroup.stories.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"RadioButtonGroup.stories.cjs","sources":["../../../../../src/components/radio-button/stories/RadioButtonGroup.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport { RadioButton } from \"../RadioButton.js\";\nimport { RadioButtonGroup as RadioButtonGroupComponent } from \"../RadioButtonGroup.js\";\nimport \"../styles/_index.scss\";\nimport React from \"react\";\n\nconst meta: Meta = {\n title: \"Komponenter/RadioButton/RadioButtonGroup\",\n component: RadioButtonGroupComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof RadioButtonGroupComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof RadioButtonGroupComponent>;\n\nconst choices = [\n \"Send en e-post\",\n \"Ring meg\",\n \"Send et brev til folkeregistrert adresse\",\n];\n\nexport const RadioButtonGroup: Story = {\n args: {\n legend: \"Dette er en RadioButtonGroup\",\n },\n render: (args) => (\n <RadioButtonGroupComponent {...args}>\n {choices.map((value) => (\n <RadioButton key={value} value={value}>\n {value}\n </RadioButton>\n ))}\n </RadioButtonGroupComponent>\n ),\n};\n"],"names":["meta","title","component","RadioButtonGroupComponent","RadioButtonGroup","parameters","layout","tags","choices","args","legend","render","jsx","children","map","value","RadioButton"],"mappings":"iQAMA,MAAMA,EAAa,CACfC,MAAO,2CACPC,UAAWC,EAAAC,iBACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOLC,EAAU,CACZ,iBACA,WACA,4CAGSJ,EAA0B,CACnCK,KAAM,CACFC,OAAQ,gCAEZC,OAASF,GACJG,MAAAT,EAAAA,iBAAA,IAA8BM,EAC1BI,SAAAL,EAAQM,KAAKC,GACTH,EAAAA,IAAAI,EAAAA,YAAA,CAAwBD,MAAAA,EACpBF,SADaE,GAAAA"}

package/build/cjs/components/radio-button/stories/RadioButtonGroup.stories.d.cts ADDED Viewed

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

package/build/cjs/components/text-input/stories/BaseTextInput.stories.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../BaseTextInput.cjs");;/* empty css */const t={title:"Skjemaelementer/TextInput/BaseTextInput",component:e.BaseTextInput,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"}}}}};exports.BaseTextInput={args:{name:"base-text-input",align:"left",placeholder:"Ditt innhold",maxLength:500,disabled:!1,readOnly:!1,defaultValue:"Ditt innhold"}},exports.default=t;
2	+ //# sourceMappingURL=BaseTextInput.stories.cjs.map

package/build/cjs/components/text-input/stories/BaseTextInput.stories.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BaseTextInput.stories.cjs","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","BaseTextInput","parameters","controls","expanded","sort","tags","argTypes","value","control","description","unit","width","maxLength","action","type","actionButton","name","table","disable","density","align","defaultValue","summary","args","placeholder","disabled","readOnly"],"mappings":"+LAIA,MAAMA,EAAO,CACTC,MAAO,0CACPC,UAAWC,EAAAC,cACXC,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,kCAQV,CAChCC,KAAM,CACFP,KAAM,kBACNI,MAAO,OACPI,YAAa,eACbZ,UAAW,IACXa,UAAU,EACVC,UAAU,EACVL,aAAc"}

package/build/cjs/components/text-input/stories/BaseTextInput.stories.d.cts ADDED Viewed

@@ -0,0 +1,55 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('../types.js').BaseTextInputProps & import('react').RefAttributes<HTMLInputElement>>;
+    parameters: {
+        controls: {
+            expanded: boolean;
+            sort: string;
+        };
+    };
+    tags: string[];
+    argTypes: {
+        value: {
+            control: "text";
+            description: string;
+        };
+        unit: {
+            control: "text";
+        };
+        width: {
+            control: "text";
+            description: string;
+        };
+        maxLength: {
+            control: "number";
+        };
+        action: {
+            type: "function";
+        };
+        actionButton: {
+            type: "function";
+        };
+        name: {
+            control: "text";
+            table: {
+                disable: true;
+            };
+        };
+        density: {
+            table: {
+                disable: true;
+            };
+        };
+        align: {
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const BaseTextInput: Story;

package/build/cjs/components/text-input/stories/TextInput.stories.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../TextInput.cjs");;/* empty css */const t={title:"Skjemaelementer/TextInput/TextInput",component:e.TextInput,parameters:{controls:{expanded:!0,sort:"alpha"}},tags:["autodocs"],argTypes:{density:{table:{disable:!0}}}};exports.TextInput={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"}},exports.UnitAlign={name:"Unit + Align",args:{label:"Boareal",align:"right",maxLength:20,placeholder:"50",unit:"kvadratmeter"}},exports.default=t;
2	+ //# sourceMappingURL=TextInput.stories.cjs.map

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

@@ -0,0 +1 @@

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

package/build/cjs/components/text-input/stories/TextInput.stories.d.cts ADDED Viewed

@@ -0,0 +1,27 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('../types.js').TextInputProps & import('react').RefAttributes<HTMLInputElement>>;
+    parameters: {
+        controls: {
+            expanded: boolean;
+            sort: string;
+        };
+    };
+    tags: string[];
+    argTypes: {
+        density: {
+            table: {
+                disable: true;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const TextInput: Story;
+/**
+ * Ved å bruke unit og align sammen vil du få et godt utgangspunkt for
+ * nummer-baserte svar.
+ */
+export declare const UnitAlign: Story;

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

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

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

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

package/build/es/components/radio-button/stories/BaseRadioButton.stories.d.ts ADDED Viewed

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

package/build/es/components/radio-button/stories/BaseRadioButton.stories.js ADDED Viewed

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

package/build/es/components/radio-button/stories/BaseRadioButton.stories.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BaseRadioButton.stories.js","sources":["../../../../../src/components/radio-button/stories/BaseRadioButton.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport { BaseRadioButton as BaseRadioButtonComponent } from \"../BaseRadioButton.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n title: \"Komponenter/RadioButton/BaseRadioButton\",\n component: BaseRadioButtonComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof BaseRadioButtonComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof BaseRadioButtonComponent>;\n\nexport const BaseRadioButton: Story = {\n args: {\n value: \"BaseRadioButton\",\n },\n};\n"],"names":["meta","title","component","BaseRadioButtonComponent","parameters","layout","tags","BaseRadioButton","args","value"],"mappings":"+FAIA,MAAMA,EAAa,CACfC,MAAO,0CACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAAyB,CAClCC,KAAM,CACFC,MAAO"}

package/build/es/components/radio-button/stories/RadioButton.stories.d.ts ADDED Viewed

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

package/build/es/components/radio-button/stories/RadioButton.stories.js ADDED Viewed

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

package/build/es/components/radio-button/stories/RadioButton.stories.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"RadioButton.stories.js","sources":["../../../../../src/components/radio-button/stories/RadioButton.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport { RadioButton as RadioButtonComponent } from \"../RadioButton.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n title: \"Komponenter/RadioButton/RadioButton\",\n component: RadioButtonComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof RadioButtonComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof RadioButtonComponent>;\n\nexport const RadioButton: Story = {\n args: {\n value: \"RadioButton\",\n },\n};\n"],"names":["meta","title","component","RadioButtonComponent","parameters","layout","tags","RadioButton","args","value"],"mappings":"uFAIA,MAAMA,EAAa,CACfC,MAAO,sCACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAAqB,CAC9BC,KAAM,CACFC,MAAO"}

package/build/es/components/radio-button/stories/RadioButtonGroup.stories.d.ts ADDED Viewed

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

package/build/es/components/radio-button/stories/RadioButtonGroup.stories.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsx as t}from"react/jsx-runtime";import{RadioButton as o}from"../RadioButton.js";import{RadioButtonGroup as e}from"../RadioButtonGroup.js";/* empty css */const r={title:"Komponenter/RadioButton/RadioButtonGroup",component:e,parameters:{layout:"centered"},tags:["autodocs"]},n=["Send en e-post","Ring meg","Send et brev til folkeregistrert adresse"],a={args:{legend:"Dette er en RadioButtonGroup"},render:r=>t(e,{...r,children:n.map((e=>t(o,{value:e,children:e},e)))})};export{a as RadioButtonGroup,r as default};
2	+ //# sourceMappingURL=RadioButtonGroup.stories.js.map

package/build/es/components/radio-button/stories/RadioButtonGroup.stories.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"RadioButtonGroup.stories.js","sources":["../../../../../src/components/radio-button/stories/RadioButtonGroup.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport { RadioButton } from \"../RadioButton.js\";\nimport { RadioButtonGroup as RadioButtonGroupComponent } from \"../RadioButtonGroup.js\";\nimport \"../styles/_index.scss\";\nimport React from \"react\";\n\nconst meta: Meta = {\n title: \"Komponenter/RadioButton/RadioButtonGroup\",\n component: RadioButtonGroupComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof RadioButtonGroupComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof RadioButtonGroupComponent>;\n\nconst choices = [\n \"Send en e-post\",\n \"Ring meg\",\n \"Send et brev til folkeregistrert adresse\",\n];\n\nexport const RadioButtonGroup: Story = {\n args: {\n legend: \"Dette er en RadioButtonGroup\",\n },\n render: (args) => (\n <RadioButtonGroupComponent {...args}>\n {choices.map((value) => (\n <RadioButton key={value} value={value}>\n {value}\n </RadioButton>\n ))}\n </RadioButtonGroupComponent>\n ),\n};\n"],"names":["meta","title","component","RadioButtonGroupComponent","parameters","layout","tags","choices","RadioButtonGroup","args","legend","render","jsx","children","map","value","RadioButton"],"mappings":"yLAMA,MAAMA,EAAa,CACfC,MAAO,2CACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOLC,EAAU,CACZ,iBACA,WACA,4CAGSC,EAA0B,CACnCC,KAAM,CACFC,OAAQ,gCAEZC,OAASF,GACJG,EAAAT,EAAA,IAA8BM,EAC1BI,SAAAN,EAAQO,KAAKC,GACTH,EAAAI,EAAA,CAAwBD,MAAAA,EACpBF,SADaE,GAAAA"}

package/build/es/components/text-input/stories/BaseTextInput.stories.d.ts ADDED Viewed

@@ -0,0 +1,55 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('../types.js').BaseTextInputProps & import('react').RefAttributes<HTMLInputElement>>;
+    parameters: {
+        controls: {
+            expanded: boolean;
+            sort: string;
+        };
+    };
+    tags: string[];
+    argTypes: {
+        value: {
+            control: "text";
+            description: string;
+        };
+        unit: {
+            control: "text";
+        };
+        width: {
+            control: "text";
+            description: string;
+        };
+        maxLength: {
+            control: "number";
+        };
+        action: {
+            type: "function";
+        };
+        actionButton: {
+            type: "function";
+        };
+        name: {
+            control: "text";
+            table: {
+                disable: true;
+            };
+        };
+        density: {
+            table: {
+                disable: true;
+            };
+        };
+        align: {
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const BaseTextInput: Story;

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

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

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

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

package/build/es/components/text-input/stories/TextInput.stories.d.ts ADDED Viewed

@@ -0,0 +1,27 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('../types.js').TextInputProps & import('react').RefAttributes<HTMLInputElement>>;
+    parameters: {
+        controls: {
+            expanded: boolean;
+            sort: string;
+        };
+    };
+    tags: string[];
+    argTypes: {
+        density: {
+            table: {
+                disable: true;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const TextInput: Story;
+/**
+ * Ved å bruke unit og align sammen vil du få et godt utgangspunkt for
+ * nummer-baserte svar.
+ */
+export declare const UnitAlign: Story;

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

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

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

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