@fremtind/jokul 0.56.0 → 0.56.2
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.
- package/build/build-stats.html +1 -1
- package/build/cjs/components/breadcrumb/stories/Breadcrumb.stories.cjs +1 -1
- package/build/cjs/components/select/stories/select.stories.cjs +2 -0
- package/build/cjs/components/select/stories/select.stories.cjs.map +1 -0
- package/build/cjs/components/select/stories/select.stories.d.cts +6 -0
- package/build/cjs/components/summary-table/stories/summary-table.stories.cjs +2 -0
- package/build/cjs/components/summary-table/stories/summary-table.stories.cjs.map +1 -0
- package/build/cjs/components/summary-table/stories/summary-table.stories.d.cts +13 -0
- package/build/cjs/components/system-message/stories/ErrorSystemMessage.stories.cjs +2 -0
- package/build/cjs/components/system-message/stories/ErrorSystemMessage.stories.cjs.map +1 -0
- package/build/cjs/components/system-message/stories/ErrorSystemMessage.stories.d.cts +12 -0
- package/build/cjs/components/system-message/stories/InfoSystemMessage.stories.cjs +2 -0
- package/build/cjs/components/system-message/stories/InfoSystemMessage.stories.cjs.map +1 -0
- package/build/cjs/components/system-message/stories/InfoSystemMessage.stories.d.cts +12 -0
- package/build/cjs/components/system-message/stories/SuccessSystemMessage.stories.cjs +2 -0
- package/build/cjs/components/system-message/stories/SuccessSystemMessage.stories.cjs.map +1 -0
- package/build/cjs/components/system-message/stories/SuccessSystemMessage.stories.d.cts +12 -0
- package/build/cjs/components/system-message/stories/WarningSystemMessage.stories.cjs +2 -0
- package/build/cjs/components/system-message/stories/WarningSystemMessage.stories.cjs.map +1 -0
- package/build/cjs/components/system-message/stories/WarningSystemMessage.stories.d.cts +12 -0
- package/build/cjs/components/table/stories/table.stories.cjs +2 -0
- package/build/cjs/components/table/stories/table.stories.cjs.map +1 -0
- package/build/cjs/components/table/stories/table.stories.d.cts +1 -0
- package/build/es/components/select/stories/select.stories.d.ts +6 -0
- package/build/es/components/select/stories/select.stories.js +2 -0
- package/build/es/components/select/stories/select.stories.js.map +1 -0
- package/build/es/components/summary-table/stories/summary-table.stories.d.ts +13 -0
- package/build/es/components/summary-table/stories/summary-table.stories.js +2 -0
- package/build/es/components/summary-table/stories/summary-table.stories.js.map +1 -0
- package/build/es/components/system-message/stories/ErrorSystemMessage.stories.d.ts +12 -0
- package/build/es/components/system-message/stories/ErrorSystemMessage.stories.js +2 -0
- package/build/es/components/system-message/stories/ErrorSystemMessage.stories.js.map +1 -0
- package/build/es/components/system-message/stories/InfoSystemMessage.stories.d.ts +12 -0
- package/build/es/components/system-message/stories/InfoSystemMessage.stories.js +2 -0
- package/build/es/components/system-message/stories/InfoSystemMessage.stories.js.map +1 -0
- package/build/es/components/system-message/stories/SuccessSystemMessage.stories.d.ts +12 -0
- package/build/es/components/system-message/stories/SuccessSystemMessage.stories.js +2 -0
- package/build/es/components/system-message/stories/SuccessSystemMessage.stories.js.map +1 -0
- package/build/es/components/system-message/stories/WarningSystemMessage.stories.d.ts +12 -0
- package/build/es/components/system-message/stories/WarningSystemMessage.stories.js +2 -0
- package/build/es/components/system-message/stories/WarningSystemMessage.stories.js.map +1 -0
- package/build/es/components/table/stories/table.stories.d.ts +1 -0
- package/build/es/components/table/stories/table.stories.js +2 -0
- package/build/es/components/table/stories/table.stories.js.map +1 -0
- package/build/style.css +1 -1
- package/package.json +2 -2
- package/styles/components/button/button.css +2 -2
- package/styles/components/button/button.min.css +1 -1
- package/styles/components/checkbox/checkbox.css +4 -4
- package/styles/components/checkbox/checkbox.min.css +1 -1
- package/styles/components/checkbox-panel/checkbox-panel.css +2 -2
- package/styles/components/checkbox-panel/checkbox-panel.min.css +1 -1
- package/styles/components/countdown/countdown.css +2 -2
- package/styles/components/countdown/countdown.min.css +1 -1
- package/styles/components/feedback/_index.scss +1 -0
- package/styles/components/feedback/feedback.css +2 -2
- package/styles/components/feedback/feedback.min.css +1 -1
- package/styles/components/input-group/input-group.css +2 -2
- package/styles/components/input-group/input-group.min.css +1 -1
- package/styles/components/loader/loader.css +6 -6
- package/styles/components/loader/loader.min.css +1 -1
- package/styles/components/loader/skeleton-loader.css +5 -5
- package/styles/components/loader/skeleton-loader.min.css +1 -1
- package/styles/components/message/message.css +2 -2
- package/styles/components/message/message.min.css +1 -1
- package/styles/components/progress-bar/progress-bar.css +1 -1
- package/styles/components/progress-bar/progress-bar.min.css +1 -1
- package/styles/components/radio-button/radio-button.css +2 -2
- package/styles/components/radio-button/radio-button.min.css +1 -1
- package/styles/components/radio-panel/radio-panel.css +2 -2
- package/styles/components/radio-panel/radio-panel.min.css +1 -1
- package/styles/components/system-message/system-message.css +2 -2
- package/styles/components/system-message/system-message.min.css +1 -1
- package/styles/components/toast/toast.css +4 -4
- package/styles/components/toast/toast.min.css +1 -1
- package/styles/styles.css +884 -884
- package/styles/styles.min.css +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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"]},
|
|
1
|
+
"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;
|
|
2
2
|
//# sourceMappingURL=Breadcrumb.stories.cjs.map
|
|
@@ -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("../Select.cjs"),r={title:"Komponenter/Select",component:t.Select,parameters:{layout:"padded"},tags:["autodocs"]},o={args:{name:"Select",args:{id:"produsent",name:"produsent",label:"Hvilket merke er telefonen?",helpLabel:void 0,errorLabel:void 0,items:void 0,value:void 0}},render:({...r})=>e.jsx(t.Select,{...r,children:"WIP eksempel"})};exports.SelectStory=o,exports.default=r;
|
|
2
|
+
//# sourceMappingURL=select.stories.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select.stories.cjs","sources":["../../../../../src/components/select/stories/select.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Select } from \"../Select.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n title: \"Komponenter/Select\",\n component: Select,\n parameters: {\n layout: \"padded\",\n },\n tags: [\"autodocs\"],\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Select>;\n\nconst baseArgs = {\n name: \"Select\",\n args: {\n id: \"produsent\",\n name: \"produsent\",\n label: \"Hvilket merke er telefonen?\",\n helpLabel: undefined,\n errorLabel: undefined,\n items: undefined,\n value: undefined,\n },\n};\n\nexport const SelectStory: Story = {\n args: baseArgs,\n render: ({ ...props }) => <Select {...props}>WIP eksempel</Select>,\n};\n"],"names":["meta","title","component","Select","parameters","layout","tags","SelectStory","args","name","id","label","helpLabel","errorLabel","items","value","render","props","jsx","children"],"mappings":"4KAKMA,EAAa,CACfC,MAAO,qBACPC,UAAWC,EAAAA,OACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,aAoBEC,EAAqB,CAC9BC,KAda,CACbC,KAAM,SACND,KAAM,CACFE,GAAI,YACJD,KAAM,YACNE,MAAO,8BACPC,eAAW,EACXC,gBAAY,EACZC,WAAO,EACPC,WAAO,IAMXC,OAAQ,KAAMC,KAAaC,EAAAA,IAAAf,SAAA,IAAWc,EAAOE,SAAY"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("../SummaryTable.cjs"),r=require("../SummaryTableRow.cjs"),t={title:"Komponenter/SummaryTable",component:a.SummaryTable,parameters:{layout:"padded"},tags:["autodocs"]},m="",o={args:{caption:"Example",header:["Product","Price"],body:e.jsxs(e.Fragment,{children:[e.jsx(r.SummaryTableRow,{header:`Uføre${m}pensjon`,content:"340,00 kr/mnd"}),e.jsx(r.SummaryTableRow,{className:"summary-table-example__custom-row",header:`Livs${m}forsikring`,content:"Tatt ut av tilbudet"}),e.jsx(r.SummaryTableRow,{header:`Innbo${m}forsikring`,content:"122,00 kr/mnd"}),e.jsx(r.SummaryTableRow,{header:`Reise${m}forsikring`,content:"249,00 kr/mnd"}),e.jsx(r.SummaryTableRow,{className:"summary-table-example__custom-row",header:"Rabatt",content:"- 17,50 kr/mnd"})]}),footer:e.jsxs(e.Fragment,{children:[e.jsx(r.SummaryTableRow,{header:"Total sum",content:"693,50 kr/mnd"}),e.jsx(r.SummaryTableRow,{header:e.jsx("span",{className:"jkl-sr-only",children:"Total sum per år"}),content:"8322,50 kr/mnd"})]})}};exports.SummaryTable=o,exports.default=t;
|
|
2
|
+
//# sourceMappingURL=summary-table.stories.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"summary-table.stories.cjs","sources":["../../../../../src/components/summary-table/stories/summary-table.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { SummaryTable as SummaryTableComponent } from \"../SummaryTable.js\";\nimport { SummaryTableRow } from \"../SummaryTableRow.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n title: \"Komponenter/SummaryTable\",\n component: SummaryTableComponent,\n parameters: {\n layout: \"padded\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof SummaryTableComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst SOFT_HYPHEN = \"\\u00AD\";\n\nexport const SummaryTable: Story = {\n args: {\n caption: \"Example\",\n header: [\"Product\", \"Price\"],\n body: (\n <>\n <SummaryTableRow\n header={`Uføre${SOFT_HYPHEN}pensjon`}\n content=\"340,00 kr/mnd\"\n />\n <SummaryTableRow\n className=\"summary-table-example__custom-row\"\n header={`Livs${SOFT_HYPHEN}forsikring`}\n content=\"Tatt ut av tilbudet\"\n />\n <SummaryTableRow\n header={`Innbo${SOFT_HYPHEN}forsikring`}\n content=\"122,00 kr/mnd\"\n />\n <SummaryTableRow\n header={`Reise${SOFT_HYPHEN}forsikring`}\n content=\"249,00 kr/mnd\"\n />\n <SummaryTableRow\n className=\"summary-table-example__custom-row\"\n header=\"Rabatt\"\n content=\"- 17,50 kr/mnd\"\n />\n </>\n ),\n footer: (\n <>\n <SummaryTableRow header=\"Total sum\" content=\"693,50 kr/mnd\" />\n <SummaryTableRow\n header={\n <span className=\"jkl-sr-only\">Total sum per år</span>\n }\n content=\"8322,50 kr/mnd\"\n />\n </>\n ),\n },\n};\n"],"names":["meta","title","component","SummaryTableComponent","SummaryTable","parameters","layout","tags","SOFT_HYPHEN","args","caption","header","body","jsxs","Fragment","children","jsx","SummaryTableRow","content","className","footer"],"mappings":"sNAMMA,EAAO,CACTC,MAAO,2BACPC,UAAWC,EAAAC,aACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,aAMLC,EAAc,IAEPJ,EAAsB,CAC/BK,KAAM,CACFC,QAAS,UACTC,OAAQ,CAAC,UAAW,SACpBC,KAEQC,EAAAA,KAAAC,WAAA,CAAAC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,gBAAA,CACGN,OAAQ,QAAQH,WAChBU,QAAQ,kBAEZF,EAAAA,IAACC,EAAAA,gBAAA,CACGE,UAAU,oCACVR,OAAQ,OAAOH,cACfU,QAAQ,wBAEZF,EAAAA,IAACC,EAAAA,gBAAA,CACGN,OAAQ,QAAQH,cAChBU,QAAQ,kBAEZF,EAAAA,IAACC,EAAAA,gBAAA,CACGN,OAAQ,QAAQH,cAChBU,QAAQ,kBAEZF,EAAAA,IAACC,EAAAA,gBAAA,CACGE,UAAU,oCACVR,OAAO,SACPO,QAAQ,sBAIpBE,OAEQP,EAAAA,KAAAC,WAAA,CAAAC,SAAA,CAAAC,EAAAA,IAACC,EAAgBA,gBAAA,CAAAN,OAAO,YAAYO,QAAQ,kBAC5CF,EAAAA,IAACC,EAAAA,gBAAA,CACGN,OACIK,EAAAA,IAAC,OAAK,CAAAG,UAAU,cAAcJ,SAAgB,qBAElDG,QAAQ"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as React } from 'react';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: React.FC<import('../types.js').SummaryTableProps>;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
tags: string[];
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof meta>;
|
|
13
|
+
export declare const SummaryTable: Story;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../SystemMessage.cjs");;/* empty css */const r={title:"Komponenter/SystemMessage/ErrorSystemMessage",component:e.ErrorSystemMessage,parameters:{layout:"centered"},tags:["autodocs"]},s={args:{name:"Error Message",value:"Error",children:"Hei, jeg er en varslingsmelding av typen Error ",defaultValue:0}};exports.ErrorSystemMessage=s,exports.default=r;
|
|
2
|
+
//# sourceMappingURL=ErrorSystemMessage.stories.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ErrorSystemMessage.stories.cjs","sources":["../../../../../src/components/system-message/stories/ErrorSystemMessage.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { ErrorSystemMessage as ErrorSystemMessageComponent } from \"../SystemMessage.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n title: \"Komponenter/SystemMessage/ErrorSystemMessage\",\n component: ErrorSystemMessageComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof ErrorSystemMessageComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst baseArgs = {\n name: \"Error Message\",\n value: \"Error\",\n children: \"Hei, jeg er en varslingsmelding av typen Error \",\n defaultValue: 0,\n};\nexport const ErrorSystemMessage: Story = {\n args: {\n ...baseArgs,\n },\n};\n"],"names":["meta","title","component","ErrorSystemMessageComponent","ErrorSystemMessage","parameters","layout","tags","args","name","value","children","defaultValue"],"mappings":"+LAIA,MAAMA,EAAO,CACTC,MAAO,+CACPC,UAAWC,EAAAC,mBACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAYEH,EAA4B,CACrCI,KAAM,CANNC,KAAM,gBACNC,MAAO,QACPC,SAAU,kDACVC,aAAc"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').FC<import('../types.js').SystemMessageProps>;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const ErrorSystemMessage: Story;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../SystemMessage.cjs");;/* empty css */const s={title:"Komponenter/SystemMessage/InfoSystemMessage",component:e.InfoSystemMessage,parameters:{layout:"centered"},tags:["autodocs"]},t={args:{name:"Info Message",value:"Info",children:"Hei, jeg er en varslingsmelding av typen Info ",defaultValue:0}};exports.InfoSystemMessage=t,exports.default=s;
|
|
2
|
+
//# sourceMappingURL=InfoSystemMessage.stories.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InfoSystemMessage.stories.cjs","sources":["../../../../../src/components/system-message/stories/InfoSystemMessage.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { InfoSystemMessage as InfoSystemMessageComponent } from \"../SystemMessage.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n title: \"Komponenter/SystemMessage/InfoSystemMessage\",\n component: InfoSystemMessageComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof InfoSystemMessageComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst baseArgs = {\n name: \"Info Message\",\n value: \"Info\",\n children: \"Hei, jeg er en varslingsmelding av typen Info \",\n defaultValue: 0,\n};\nexport const InfoSystemMessage: Story = {\n args: {\n ...baseArgs,\n },\n};\n"],"names":["meta","title","component","InfoSystemMessageComponent","InfoSystemMessage","parameters","layout","tags","args","name","value","children","defaultValue"],"mappings":"+LAIA,MAAMA,EAAO,CACTC,MAAO,8CACPC,UAAWC,EAAAC,kBACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAYEH,EAA2B,CACpCI,KAAM,CANNC,KAAM,eACNC,MAAO,OACPC,SAAU,iDACVC,aAAc"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').FC<import('../types.js').SystemMessageProps>;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const InfoSystemMessage: Story;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../SystemMessage.cjs");;/* empty css */const s={title:"Komponenter/SystemMessage/SuccessSystemMessage",component:e.SuccessSystemMessage,parameters:{layout:"centered"},tags:["autodocs"]},t={args:{name:"Success Message",value:"Success",children:"Hei, jeg er en varslingsmelding av typen Success ",defaultValue:0}};exports.SuccessSystemMessage=t,exports.default=s;
|
|
2
|
+
//# sourceMappingURL=SuccessSystemMessage.stories.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SuccessSystemMessage.stories.cjs","sources":["../../../../../src/components/system-message/stories/SuccessSystemMessage.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { SuccessSystemMessage as SuccessSystemMessageComponent } from \"../SystemMessage.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n title: \"Komponenter/SystemMessage/SuccessSystemMessage\",\n component: SuccessSystemMessageComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof SuccessSystemMessageComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst baseArgs = {\n name: \"Success Message\",\n value: \"Success\",\n children: \"Hei, jeg er en varslingsmelding av typen Success \",\n defaultValue: 0,\n};\nexport const SuccessSystemMessage: Story = {\n args: {\n ...baseArgs,\n },\n};\n"],"names":["meta","title","component","SuccessSystemMessageComponent","SuccessSystemMessage","parameters","layout","tags","args","name","value","children","defaultValue"],"mappings":"+LAIA,MAAMA,EAAO,CACTC,MAAO,iDACPC,UAAWC,EAAAC,qBACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAYEH,EAA8B,CACvCI,KAAM,CANNC,KAAM,kBACNC,MAAO,UACPC,SAAU,oDACVC,aAAc"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').FC<import('../types.js').SystemMessageProps>;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const SuccessSystemMessage: Story;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../SystemMessage.cjs");;/* empty css */const s={title:"Komponenter/SystemMessage/WarningSystemMessage",component:e.WarningSystemMessage,parameters:{layout:"centered"},tags:["autodocs"]},a={args:{name:"Warning Message",value:"Warning",children:"Hei, jeg er en varslingsmelding av typen Warning ",defaultValue:0}};exports.WarningSystemMessage=a,exports.default=s;
|
|
2
|
+
//# sourceMappingURL=WarningSystemMessage.stories.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WarningSystemMessage.stories.cjs","sources":["../../../../../src/components/system-message/stories/WarningSystemMessage.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { WarningSystemMessage as WarningSystemMessageComponent } from \"../SystemMessage.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n title: \"Komponenter/SystemMessage/WarningSystemMessage\",\n component: WarningSystemMessageComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof WarningSystemMessageComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst baseArgs = {\n name: \"Warning Message\",\n value: \"Warning\",\n children: \"Hei, jeg er en varslingsmelding av typen Warning \",\n defaultValue: 0,\n};\nexport const WarningSystemMessage: Story = {\n args: {\n ...baseArgs,\n },\n};\n"],"names":["meta","title","component","WarningSystemMessageComponent","WarningSystemMessage","parameters","layout","tags","args","name","value","children","defaultValue"],"mappings":"+LAIA,MAAMA,EAAO,CACTC,MAAO,iDACPC,UAAWC,EAAAC,qBACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAYEH,EAA8B,CACvCI,KAAM,CANNC,KAAM,kBACNC,MAAO,UACPC,SAAU,oDACVC,aAAc"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').FC<import('../types.js').SystemMessageProps>;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const WarningSystemMessage: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table.stories.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{Select as t}from"../Select.js";const r={title:"Komponenter/Select",component:t,parameters:{layout:"padded"},tags:["autodocs"]},o={args:{name:"Select",args:{id:"produsent",name:"produsent",label:"Hvilket merke er telefonen?",helpLabel:void 0,errorLabel:void 0,items:void 0,value:void 0}},render:({...r})=>e(t,{...r,children:"WIP eksempel"})};export{o as SelectStory,r as default};
|
|
2
|
+
//# sourceMappingURL=select.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select.stories.js","sources":["../../../../../src/components/select/stories/select.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Select } from \"../Select.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n title: \"Komponenter/Select\",\n component: Select,\n parameters: {\n layout: \"padded\",\n },\n tags: [\"autodocs\"],\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Select>;\n\nconst baseArgs = {\n name: \"Select\",\n args: {\n id: \"produsent\",\n name: \"produsent\",\n label: \"Hvilket merke er telefonen?\",\n helpLabel: undefined,\n errorLabel: undefined,\n items: undefined,\n value: undefined,\n },\n};\n\nexport const SelectStory: Story = {\n args: baseArgs,\n render: ({ ...props }) => <Select {...props}>WIP eksempel</Select>,\n};\n"],"names":["meta","title","component","Select","parameters","layout","tags","SelectStory","args","name","id","label","helpLabel","errorLabel","items","value","render","props","jsx","children"],"mappings":"8EAKA,MAAMA,EAAa,CACfC,MAAO,qBACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,aAoBEC,EAAqB,CAC9BC,KAda,CACbC,KAAM,SACND,KAAM,CACFE,GAAI,YACJD,KAAM,YACNE,MAAO,8BACPC,eAAW,EACXC,gBAAY,EACZC,WAAO,EACPC,WAAO,IAMXC,OAAQ,KAAMC,KAAaC,EAAAf,EAAA,IAAWc,EAAOE,SAAY"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as React } from 'react';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: React.FC<import('../types.js').SummaryTableProps>;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
tags: string[];
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof meta>;
|
|
13
|
+
export declare const SummaryTable: Story;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{jsxs as e,Fragment as a,jsx as r}from"react/jsx-runtime";import{SummaryTable as t}from"../SummaryTable.js";import{SummaryTableRow as m}from"../SummaryTableRow.js";const o={title:"Komponenter/SummaryTable",component:t,parameters:{layout:"padded"},tags:["autodocs"]},n="",s={args:{caption:"Example",header:["Product","Price"],body:e(a,{children:[r(m,{header:`Uføre${n}pensjon`,content:"340,00 kr/mnd"}),r(m,{className:"summary-table-example__custom-row",header:`Livs${n}forsikring`,content:"Tatt ut av tilbudet"}),r(m,{header:`Innbo${n}forsikring`,content:"122,00 kr/mnd"}),r(m,{header:`Reise${n}forsikring`,content:"249,00 kr/mnd"}),r(m,{className:"summary-table-example__custom-row",header:"Rabatt",content:"- 17,50 kr/mnd"})]}),footer:e(a,{children:[r(m,{header:"Total sum",content:"693,50 kr/mnd"}),r(m,{header:r("span",{className:"jkl-sr-only",children:"Total sum per år"}),content:"8322,50 kr/mnd"})]})}};export{s as SummaryTable,o as default};
|
|
2
|
+
//# sourceMappingURL=summary-table.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"summary-table.stories.js","sources":["../../../../../src/components/summary-table/stories/summary-table.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { SummaryTable as SummaryTableComponent } from \"../SummaryTable.js\";\nimport { SummaryTableRow } from \"../SummaryTableRow.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n title: \"Komponenter/SummaryTable\",\n component: SummaryTableComponent,\n parameters: {\n layout: \"padded\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof SummaryTableComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst SOFT_HYPHEN = \"\\u00AD\";\n\nexport const SummaryTable: Story = {\n args: {\n caption: \"Example\",\n header: [\"Product\", \"Price\"],\n body: (\n <>\n <SummaryTableRow\n header={`Uføre${SOFT_HYPHEN}pensjon`}\n content=\"340,00 kr/mnd\"\n />\n <SummaryTableRow\n className=\"summary-table-example__custom-row\"\n header={`Livs${SOFT_HYPHEN}forsikring`}\n content=\"Tatt ut av tilbudet\"\n />\n <SummaryTableRow\n header={`Innbo${SOFT_HYPHEN}forsikring`}\n content=\"122,00 kr/mnd\"\n />\n <SummaryTableRow\n header={`Reise${SOFT_HYPHEN}forsikring`}\n content=\"249,00 kr/mnd\"\n />\n <SummaryTableRow\n className=\"summary-table-example__custom-row\"\n header=\"Rabatt\"\n content=\"- 17,50 kr/mnd\"\n />\n </>\n ),\n footer: (\n <>\n <SummaryTableRow header=\"Total sum\" content=\"693,50 kr/mnd\" />\n <SummaryTableRow\n header={\n <span className=\"jkl-sr-only\">Total sum per år</span>\n }\n content=\"8322,50 kr/mnd\"\n />\n </>\n ),\n },\n};\n"],"names":["meta","title","component","SummaryTableComponent","parameters","layout","tags","SOFT_HYPHEN","SummaryTable","args","caption","header","body","jsxs","Fragment","children","jsx","SummaryTableRow","content","className","footer"],"mappings":"0KAMA,MAAMA,EAAO,CACTC,MAAO,2BACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,aAMLC,EAAc,IAEPC,EAAsB,CAC/BC,KAAM,CACFC,QAAS,UACTC,OAAQ,CAAC,UAAW,SACpBC,KAEQC,EAAAC,EAAA,CAAAC,SAAA,CAAAC,EAACC,EAAA,CACGN,OAAQ,QAAQJ,WAChBW,QAAQ,kBAEZF,EAACC,EAAA,CACGE,UAAU,oCACVR,OAAQ,OAAOJ,cACfW,QAAQ,wBAEZF,EAACC,EAAA,CACGN,OAAQ,QAAQJ,cAChBW,QAAQ,kBAEZF,EAACC,EAAA,CACGN,OAAQ,QAAQJ,cAChBW,QAAQ,kBAEZF,EAACC,EAAA,CACGE,UAAU,oCACVR,OAAO,SACPO,QAAQ,sBAIpBE,OAEQP,EAAAC,EAAA,CAAAC,SAAA,CAAAC,EAACC,EAAgB,CAAAN,OAAO,YAAYO,QAAQ,kBAC5CF,EAACC,EAAA,CACGN,OACIK,EAAC,OAAK,CAAAG,UAAU,cAAcJ,SAAgB,qBAElDG,QAAQ"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').FC<import('../types.js').SystemMessageProps>;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const ErrorSystemMessage: Story;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{ErrorSystemMessage as e}from"../SystemMessage.js";/* empty css */const r={title:"Komponenter/SystemMessage/ErrorSystemMessage",component:e,parameters:{layout:"centered"},tags:["autodocs"]},s={args:{name:"Error Message",value:"Error",children:"Hei, jeg er en varslingsmelding av typen Error ",defaultValue:0}};export{s as ErrorSystemMessage,r as default};
|
|
2
|
+
//# sourceMappingURL=ErrorSystemMessage.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ErrorSystemMessage.stories.js","sources":["../../../../../src/components/system-message/stories/ErrorSystemMessage.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { ErrorSystemMessage as ErrorSystemMessageComponent } from \"../SystemMessage.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n title: \"Komponenter/SystemMessage/ErrorSystemMessage\",\n component: ErrorSystemMessageComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof ErrorSystemMessageComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst baseArgs = {\n name: \"Error Message\",\n value: \"Error\",\n children: \"Hei, jeg er en varslingsmelding av typen Error \",\n defaultValue: 0,\n};\nexport const ErrorSystemMessage: Story = {\n args: {\n ...baseArgs,\n },\n};\n"],"names":["meta","title","component","ErrorSystemMessageComponent","parameters","layout","tags","ErrorSystemMessage","args","name","value","children","defaultValue"],"mappings":"gGAIA,MAAMA,EAAO,CACTC,MAAO,+CACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAYEC,EAA4B,CACrCC,KAAM,CANNC,KAAM,gBACNC,MAAO,QACPC,SAAU,kDACVC,aAAc"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').FC<import('../types.js').SystemMessageProps>;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const InfoSystemMessage: Story;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{InfoSystemMessage as e}from"../SystemMessage.js";/* empty css */const s={title:"Komponenter/SystemMessage/InfoSystemMessage",component:e,parameters:{layout:"centered"},tags:["autodocs"]},a={args:{name:"Info Message",value:"Info",children:"Hei, jeg er en varslingsmelding av typen Info ",defaultValue:0}};export{a as InfoSystemMessage,s as default};
|
|
2
|
+
//# sourceMappingURL=InfoSystemMessage.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InfoSystemMessage.stories.js","sources":["../../../../../src/components/system-message/stories/InfoSystemMessage.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { InfoSystemMessage as InfoSystemMessageComponent } from \"../SystemMessage.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n title: \"Komponenter/SystemMessage/InfoSystemMessage\",\n component: InfoSystemMessageComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof InfoSystemMessageComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst baseArgs = {\n name: \"Info Message\",\n value: \"Info\",\n children: \"Hei, jeg er en varslingsmelding av typen Info \",\n defaultValue: 0,\n};\nexport const InfoSystemMessage: Story = {\n args: {\n ...baseArgs,\n },\n};\n"],"names":["meta","title","component","InfoSystemMessageComponent","parameters","layout","tags","InfoSystemMessage","args","name","value","children","defaultValue"],"mappings":"+FAIA,MAAMA,EAAO,CACTC,MAAO,8CACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAYEC,EAA2B,CACpCC,KAAM,CANNC,KAAM,eACNC,MAAO,OACPC,SAAU,iDACVC,aAAc"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').FC<import('../types.js').SystemMessageProps>;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const SuccessSystemMessage: Story;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{SuccessSystemMessage as e}from"../SystemMessage.js";/* empty css */const s={title:"Komponenter/SystemMessage/SuccessSystemMessage",component:e,parameters:{layout:"centered"},tags:["autodocs"]},a={args:{name:"Success Message",value:"Success",children:"Hei, jeg er en varslingsmelding av typen Success ",defaultValue:0}};export{a as SuccessSystemMessage,s as default};
|
|
2
|
+
//# sourceMappingURL=SuccessSystemMessage.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SuccessSystemMessage.stories.js","sources":["../../../../../src/components/system-message/stories/SuccessSystemMessage.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { SuccessSystemMessage as SuccessSystemMessageComponent } from \"../SystemMessage.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n title: \"Komponenter/SystemMessage/SuccessSystemMessage\",\n component: SuccessSystemMessageComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof SuccessSystemMessageComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst baseArgs = {\n name: \"Success Message\",\n value: \"Success\",\n children: \"Hei, jeg er en varslingsmelding av typen Success \",\n defaultValue: 0,\n};\nexport const SuccessSystemMessage: Story = {\n args: {\n ...baseArgs,\n },\n};\n"],"names":["meta","title","component","SuccessSystemMessageComponent","parameters","layout","tags","SuccessSystemMessage","args","name","value","children","defaultValue"],"mappings":"kGAIA,MAAMA,EAAO,CACTC,MAAO,iDACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAYEC,EAA8B,CACvCC,KAAM,CANNC,KAAM,kBACNC,MAAO,UACPC,SAAU,oDACVC,aAAc"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').FC<import('../types.js').SystemMessageProps>;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const WarningSystemMessage: Story;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{WarningSystemMessage as e}from"../SystemMessage.js";/* empty css */const s={title:"Komponenter/SystemMessage/WarningSystemMessage",component:e,parameters:{layout:"centered"},tags:["autodocs"]},a={args:{name:"Warning Message",value:"Warning",children:"Hei, jeg er en varslingsmelding av typen Warning ",defaultValue:0}};export{a as WarningSystemMessage,s as default};
|
|
2
|
+
//# sourceMappingURL=WarningSystemMessage.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WarningSystemMessage.stories.js","sources":["../../../../../src/components/system-message/stories/WarningSystemMessage.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { WarningSystemMessage as WarningSystemMessageComponent } from \"../SystemMessage.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n title: \"Komponenter/SystemMessage/WarningSystemMessage\",\n component: WarningSystemMessageComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof WarningSystemMessageComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst baseArgs = {\n name: \"Warning Message\",\n value: \"Warning\",\n children: \"Hei, jeg er en varslingsmelding av typen Warning \",\n defaultValue: 0,\n};\nexport const WarningSystemMessage: Story = {\n args: {\n ...baseArgs,\n },\n};\n"],"names":["meta","title","component","WarningSystemMessageComponent","parameters","layout","tags","WarningSystemMessage","args","name","value","children","defaultValue"],"mappings":"kGAIA,MAAMA,EAAO,CACTC,MAAO,iDACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAYEC,EAA8B,CACvCC,KAAM,CANNC,KAAM,kBACNC,MAAO,UACPC,SAAU,oDACVC,aAAc"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table.stories.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|