@fremtind/jokul 0.52.0 → 0.54.0
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/button/stories/Button.stories.cjs +1 -1
- package/build/cjs/components/button/stories/Button.stories.cjs.map +1 -1
- package/build/cjs/components/modal/stories/Modal.stories.cjs +2 -0
- package/build/cjs/components/modal/stories/Modal.stories.cjs.map +1 -0
- package/build/cjs/components/modal/stories/Modal.stories.d.cts +14 -0
- package/build/cjs/components/modal/stories/ModalActions.stories.cjs +2 -0
- package/build/cjs/components/modal/stories/ModalActions.stories.cjs.map +1 -0
- package/build/cjs/components/modal/stories/ModalActions.stories.d.cts +13 -0
- package/build/cjs/components/modal/stories/ModalBody.stories.cjs +2 -0
- package/build/cjs/components/modal/stories/ModalBody.stories.cjs.map +1 -0
- package/build/cjs/components/modal/stories/ModalBody.stories.d.cts +12 -0
- package/build/cjs/components/modal/stories/ModalCloseButton.stories.cjs +2 -0
- package/build/cjs/components/modal/stories/ModalCloseButton.stories.cjs.map +1 -0
- package/build/cjs/components/modal/stories/ModalCloseButton.stories.d.cts +18 -0
- package/build/cjs/components/modal/stories/ModalContianer.stories.cjs +2 -0
- package/build/cjs/components/modal/stories/ModalContianer.stories.cjs.map +1 -0
- package/build/cjs/components/modal/stories/ModalContianer.stories.d.cts +19 -0
- package/build/cjs/components/modal/stories/ModalHeader.stories.cjs +2 -0
- package/build/cjs/components/modal/stories/ModalHeader.stories.cjs.map +1 -0
- package/build/cjs/components/modal/stories/ModalHeader.stories.d.cts +12 -0
- package/build/cjs/components/modal/stories/ModalOverlay.stories.cjs +2 -0
- package/build/cjs/components/modal/stories/ModalOverlay.stories.cjs.map +1 -0
- package/build/cjs/components/modal/stories/ModalOverlay.stories.d.cts +22 -0
- package/build/cjs/components/modal/stories/ModalTitle.stories.cjs +2 -0
- package/build/cjs/components/modal/stories/ModalTitle.stories.cjs.map +1 -0
- package/build/cjs/components/modal/stories/ModalTitle.stories.d.cts +16 -0
- package/build/cjs/components/popover/stories/PopoverControlled.stories.cjs +2 -0
- package/build/cjs/components/popover/stories/PopoverControlled.stories.cjs.map +1 -0
- package/build/cjs/components/popover/stories/PopoverControlled.stories.d.cts +6 -0
- package/build/cjs/components/popover/stories/PopoverUncontrolled.stories.cjs +2 -0
- package/build/cjs/components/popover/stories/PopoverUncontrolled.stories.cjs.map +1 -0
- package/build/cjs/components/popover/stories/PopoverUncontrolled.stories.d.cts +6 -0
- package/build/cjs/components/progress-bar/stories/ProgressBar.stories.cjs +2 -0
- package/build/cjs/components/progress-bar/stories/ProgressBar.stories.cjs.map +1 -0
- package/build/cjs/components/progress-bar/stories/ProgressBar.stories.d.cts +6 -0
- package/build/es/components/button/stories/Button.stories.js +1 -1
- package/build/es/components/button/stories/Button.stories.js.map +1 -1
- package/build/es/components/modal/stories/Modal.stories.d.ts +14 -0
- package/build/es/components/modal/stories/Modal.stories.js +2 -0
- package/build/es/components/modal/stories/Modal.stories.js.map +1 -0
- package/build/es/components/modal/stories/ModalActions.stories.d.ts +13 -0
- package/build/es/components/modal/stories/ModalActions.stories.js +2 -0
- package/build/es/components/modal/stories/ModalActions.stories.js.map +1 -0
- package/build/es/components/modal/stories/ModalBody.stories.d.ts +12 -0
- package/build/es/components/modal/stories/ModalBody.stories.js +2 -0
- package/build/es/components/modal/stories/ModalBody.stories.js.map +1 -0
- package/build/es/components/modal/stories/ModalCloseButton.stories.d.ts +18 -0
- package/build/es/components/modal/stories/ModalCloseButton.stories.js +2 -0
- package/build/es/components/modal/stories/ModalCloseButton.stories.js.map +1 -0
- package/build/es/components/modal/stories/ModalContianer.stories.d.ts +19 -0
- package/build/es/components/modal/stories/ModalContianer.stories.js +2 -0
- package/build/es/components/modal/stories/ModalContianer.stories.js.map +1 -0
- package/build/es/components/modal/stories/ModalHeader.stories.d.ts +12 -0
- package/build/es/components/modal/stories/ModalHeader.stories.js +2 -0
- package/build/es/components/modal/stories/ModalHeader.stories.js.map +1 -0
- package/build/es/components/modal/stories/ModalOverlay.stories.d.ts +22 -0
- package/build/es/components/modal/stories/ModalOverlay.stories.js +2 -0
- package/build/es/components/modal/stories/ModalOverlay.stories.js.map +1 -0
- package/build/es/components/modal/stories/ModalTitle.stories.d.ts +16 -0
- package/build/es/components/modal/stories/ModalTitle.stories.js +2 -0
- package/build/es/components/modal/stories/ModalTitle.stories.js.map +1 -0
- package/build/es/components/popover/stories/PopoverControlled.stories.d.ts +6 -0
- package/build/es/components/popover/stories/PopoverControlled.stories.js +2 -0
- package/build/es/components/popover/stories/PopoverControlled.stories.js.map +1 -0
- package/build/es/components/popover/stories/PopoverUncontrolled.stories.d.ts +6 -0
- package/build/es/components/popover/stories/PopoverUncontrolled.stories.js +2 -0
- package/build/es/components/popover/stories/PopoverUncontrolled.stories.js.map +1 -0
- package/build/es/components/progress-bar/stories/ProgressBar.stories.d.ts +6 -0
- package/build/es/components/progress-bar/stories/ProgressBar.stories.js +2 -0
- package/build/es/components/progress-bar/stories/ProgressBar.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/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 +38 -38
- 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 t={title:"Komponenter/Button",component:
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../Button.cjs");;/* empty css */const e={title:"Komponenter/Button",component:t.Button,parameters:{layout:"centered"},tags:["autodocs"]},r={type:"submit",children:"Knapp",loader:{showLoader:!1,textDescription:"laster inn"}},o={args:r},a={args:{...r,variant:"primary"}},s={args:{...r,variant:"secondary"}},n={args:{...r,variant:"tertiary"}},i={args:{...r,variant:"ghost"}};exports.Button=o,exports.GhostButton=i,exports.PrimaryButton=a,exports.SecondaryButton=s,exports.TertiaryButton=n,exports.default=e;
|
|
2
2
|
//# sourceMappingURL=Button.stories.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.stories.cjs","sources":["../../../../../src/components/button/stories/Button.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { Button as ButtonComponent } from \"../Button.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n title: \"Komponenter/Button\",\n component: ButtonComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof ButtonComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst baseArgs = {\n type: \"submit\",\n children: \"Knapp\",\n loader: {\n showLoader: false,\n textDescription: \"laster inn\",\n },\n};\nexport const Button: Story = {\n args: baseArgs,\n};\n\nexport const PrimaryButton: Story = {\n args: {\n ...baseArgs,\n variant: \"primary\",\n },\n};\n\nexport const SecondaryButton: Story = {\n args: {\n ...baseArgs,\n variant: \"secondary\",\n },\n};\n\nexport const TertiaryButton: Story = {\n args: {\n ...baseArgs,\n variant: \"tertiary\",\n },\n};\n\nexport const GhostButton: Story = {\n args: {\n ...baseArgs,\n variant: \"ghost\",\n },\n};\n"],"names":["meta","title","component","Button","parameters","layout","tags","baseArgs","type","children","loader","showLoader","textDescription","args","PrimaryButton","variant","SecondaryButton","TertiaryButton","GhostButton"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.stories.cjs","sources":["../../../../../src/components/button/stories/Button.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { Button as ButtonComponent } from \"../Button.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n title: \"Komponenter/Button\",\n component: ButtonComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof ButtonComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst baseArgs = {\n type: \"submit\",\n children: \"Knapp\",\n loader: {\n showLoader: false,\n textDescription: \"laster inn\",\n },\n};\nexport const Button: Story = {\n args: baseArgs,\n};\n\nexport const PrimaryButton: Story = {\n args: {\n ...baseArgs,\n variant: \"primary\",\n },\n};\n\nexport const SecondaryButton: Story = {\n args: {\n ...baseArgs,\n variant: \"secondary\",\n },\n};\n\nexport const TertiaryButton: Story = {\n args: {\n ...baseArgs,\n variant: \"tertiary\",\n },\n};\n\nexport const GhostButton: Story = {\n args: {\n ...baseArgs,\n variant: \"ghost\",\n },\n};\n"],"names":["meta","title","component","ButtonComponent","Button","parameters","layout","tags","baseArgs","type","children","loader","showLoader","textDescription","args","PrimaryButton","variant","SecondaryButton","TertiaryButton","GhostButton"],"mappings":"wLAIA,MAAMA,EAAO,CACTC,MAAO,qBACPC,UAAWC,EAAAC,OACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMLC,EAAW,CACbC,KAAM,SACNC,SAAU,QACVC,OAAQ,CACJC,YAAY,EACZC,gBAAiB,eAGZT,EAAgB,CACzBU,KAAMN,GAGGO,EAAuB,CAChCD,KAAM,IACCN,EACHQ,QAAS,YAIJC,EAAyB,CAClCH,KAAM,IACCN,EACHQ,QAAS,cAIJE,EAAwB,CACjCJ,KAAM,IACCN,EACHQ,QAAS,aAIJG,EAAqB,CAC9BL,KAAM,IACCN,EACHQ,QAAS"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});/* empty css */const e={title:"Komponenter/Modal",component:require("../Modal.cjs").Modal,parameters:{layout:"centered"},tags:["autodocs"]};exports.Modal={args:{role:"document"}},exports.default=e;
|
|
2
|
+
//# sourceMappingURL=Modal.stories.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.stories.cjs","sources":["../../../../../src/components/modal/stories/Modal.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport \"../styles/_index.scss\";\nimport { Modal as ModalComponent } from \"../Modal.js\";\n\nconst meta = {\n title: \"Komponenter/Modal\",\n component: ModalComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof ModalComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Modal: Story = {\n args: {\n role: \"document\",\n },\n};\n"],"names":["meta","title","component","Modal","parameters","layout","tags","args","role"],"mappings":"6JAIMA,EAAO,CACTC,MAAO,oBACPC,kCAAWC,MACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,2BAOiB,CACxBC,KAAM,CACFC,KAAM"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').ForwardRefExoticComponent<{
|
|
5
|
+
role: "document";
|
|
6
|
+
} & import('../types.js').ModalProps & import('react').RefAttributes<HTMLElement>>;
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: string;
|
|
9
|
+
};
|
|
10
|
+
tags: string[];
|
|
11
|
+
};
|
|
12
|
+
export default meta;
|
|
13
|
+
type Story = StoryObj<typeof meta>;
|
|
14
|
+
export declare const Modal: Story;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");;/* empty css */const t=require("../../button/Button.cjs"),o=require("../Modal.cjs"),r={title:"Komponenter/Modal/ModalActions",component:o.ModalActions,parameters:{layout:"centered"},tags:["autodocs"]},n={render:r=>e.jsxs(o.ModalActions,{...r,children:[e.jsx(t.Button,{variant:"primary",onClick:()=>{console.log("Bekreft is clicked")},children:"Bekreft"}),e.jsx(t.Button,{variant:"tertiary",onClick:()=>{console.log("Avbryt is clicked")},children:"Avbryt"})]})};exports.ModalActions=n,exports.default=r;
|
|
2
|
+
//# sourceMappingURL=ModalActions.stories.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalActions.stories.cjs","sources":["../../../../../src/components/modal/stories/ModalActions.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { Button } from \"../../button/Button.js\";\nimport { ModalActions as ModalActionsComponent } from \"../Modal.js\";\n\nconst meta = {\n title: \"Komponenter/Modal/ModalActions\",\n component: ModalActionsComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof ModalActionsComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const ModalActions: Story = {\n render: (args) => (\n <ModalActionsComponent {...args}>\n <Button\n variant=\"primary\"\n onClick={() => {\n console.log(\"Bekreft is clicked\");\n }}\n >\n Bekreft\n </Button>\n <Button\n variant=\"tertiary\"\n onClick={() => {\n console.log(\"Avbryt is clicked\");\n }}\n >\n Avbryt\n </Button>\n </ModalActionsComponent>\n ),\n};\n"],"names":["meta","title","component","ModalActionsComponent","ModalActions","parameters","layout","tags","render","args","jsxs","children","jsx","Button","variant","onClick","console","log"],"mappings":"iQAMMA,EAAO,CACTC,MAAO,iCACPC,UAAWC,EAAAC,aACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEH,EAAsB,CAC/BI,OAASC,GACJC,EAAAA,KAAAP,EAAAC,aAAA,IAA0BK,EACvBE,SAAA,CAAAC,EAAAA,IAACC,EAAAA,OAAA,CACGC,QAAQ,UACRC,QAAS,KACLC,QAAQC,IAAI,qBAAoB,EAEvCN,SAAA,YAGDC,EAAAA,IAACC,EAAAA,OAAA,CACGC,QAAQ,WACRC,QAAS,KACLC,QAAQC,IAAI,oBAAmB,EAEtCN,SAAA"}
|
|
@@ -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.ForwardRefExoticComponent<import('../types.js').BaseModalProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
tags: string[];
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof meta>;
|
|
13
|
+
export declare const ModalActions: Story;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});/* empty css */const e={title:"Komponenter/Modal/ModalBody",component:require("../Modal.cjs").ModalBody,parameters:{layout:"centered"},tags:["autodocs"]};exports.ModalBody={args:{children:"Er du sikker på at du vil slette Foo Bar Baz?"}},exports.default=e;
|
|
2
|
+
//# sourceMappingURL=ModalBody.stories.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalBody.stories.cjs","sources":["../../../../../src/components/modal/stories/ModalBody.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport \"../styles/_index.scss\";\nimport { ModalBody as ModalBodyComponent } from \"../Modal.js\";\n\nconst meta = {\n title: \"Komponenter/Modal/ModalBody\",\n component: ModalBodyComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof ModalBodyComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const ModalBody: Story = {\n args: {\n children: \"Er du sikker på at du vil slette Foo Bar Baz?\",\n },\n};\n"],"names":["meta","title","component","ModalBody","parameters","layout","tags","args","children"],"mappings":"6JAIMA,EAAO,CACTC,MAAO,8BACPC,kCAAWC,UACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,+BAOqB,CAC5BC,KAAM,CACFC,SAAU"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').ForwardRefExoticComponent<import('../types.js').BaseModalProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const ModalBody: Story;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");;/* empty css */const o=require("../../icon/icons/CloseIcon.cjs"),t=require("../../icon-button/IconButton.cjs"),n=require("../Modal.cjs"),r={title:"Komponenter/Modal/ModalCloseButton",component:n.ModalCloseButton,parameters:{layout:"centered"},tags:["autodocs"]},s={args:{type:"button","aria-label":"close"},render:r=>e.jsx(n.ModalCloseButton,{...r,children:e.jsx(t.IconButton,{children:e.jsx(o.CloseIcon,{variant:"medium"})})})};exports.ModalCloseButton=s,exports.default=r;
|
|
2
|
+
//# sourceMappingURL=ModalCloseButton.stories.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalCloseButton.stories.cjs","sources":["../../../../../src/components/modal/stories/ModalCloseButton.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport \"../styles/_index.scss\";\nimport React from \"react\";\nimport { CloseIcon } from \"../../icon/icons/CloseIcon.js\";\nimport { IconButton } from \"../../icon-button/IconButton.js\";\nimport { ModalCloseButton as ModalCloseButtonComponent } from \"../Modal.js\";\n\nconst meta = {\n title: \"Komponenter/Modal/ModalCloseButton\",\n component: ModalCloseButtonComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof ModalCloseButtonComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const ModalCloseButton: Story = {\n args: {\n type: \"button\",\n \"aria-label\": \"close\",\n },\n render: (args) => (\n <ModalCloseButtonComponent {...args}>\n <IconButton>\n <CloseIcon variant=\"medium\" />\n </IconButton>\n </ModalCloseButtonComponent>\n ),\n};\n"],"names":["meta","title","component","ModalCloseButtonComponent","ModalCloseButton","parameters","layout","tags","args","type","render","jsx","children","IconButton","CloseIcon","variant"],"mappings":"sTAOMA,EAAO,CACTC,MAAO,qCACPC,UAAWC,EAAAC,iBACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEH,EAA0B,CACnCI,KAAM,CACFC,KAAM,SACN,aAAc,SAElBC,OAASF,GACLG,EAAAA,IAACR,uBAA8BK,EAC3BI,SAACD,EAAAA,IAAAE,EAAAA,WAAA,CACGD,SAACD,EAAAA,IAAAG,YAAA,CAAUC,QAAQ"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as React } from 'react';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: React.ForwardRefExoticComponent<Omit<{
|
|
6
|
+
type: "button";
|
|
7
|
+
onClick: () => void;
|
|
8
|
+
} & {
|
|
9
|
+
"aria-label": string;
|
|
10
|
+
}, "onClick"> & import('../types.js').BaseModalProps & import('../../index.js').IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
11
|
+
parameters: {
|
|
12
|
+
layout: string;
|
|
13
|
+
};
|
|
14
|
+
tags: string[];
|
|
15
|
+
};
|
|
16
|
+
export default meta;
|
|
17
|
+
type Story = StoryObj<typeof meta>;
|
|
18
|
+
export declare const ModalCloseButton: Story;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});/* empty css */const e={title:"Komponenter/Modal/ModalContainer",component:require("../Modal.cjs").ModalContainer,parameters:{layout:"centered"},tags:["autodocs"]};exports.ModalContainer={args:{id:"modal-container",role:"document","aria-hidden":!1,"aria-modal":!0,"aria-labelledby":"modal-title"}},exports.default=e;
|
|
2
|
+
//# sourceMappingURL=ModalContianer.stories.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalContianer.stories.cjs","sources":["../../../../../src/components/modal/stories/ModalContianer.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport \"../styles/_index.scss\";\nimport { ModalContainer as ModalContainerComponent } from \"../Modal.js\";\n\nconst meta = {\n title: \"Komponenter/Modal/ModalContainer\",\n component: ModalContainerComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof ModalContainerComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const ModalContainer: Story = {\n args: {\n id: \"modal-container\",\n role: \"document\",\n \"aria-hidden\": false,\n \"aria-modal\": true,\n \"aria-labelledby\": \"modal-title\",\n },\n};\n"],"names":["meta","title","component","ModalContainer","parameters","layout","tags","args","id","role"],"mappings":"6JAIMA,EAAO,CACTC,MAAO,mCACPC,kCAAWC,eACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,oCAO0B,CACjCC,KAAM,CACFC,GAAI,kBACJC,KAAM,WACN,eAAe,EACf,cAAc,EACd,kBAAmB"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').ForwardRefExoticComponent<Omit<{
|
|
5
|
+
id: string;
|
|
6
|
+
ref: (node: React.ReactNode | HTMLElement) => void;
|
|
7
|
+
role: string;
|
|
8
|
+
'aria-modal': boolean;
|
|
9
|
+
'aria-hidden': boolean;
|
|
10
|
+
'aria-labelledby': string;
|
|
11
|
+
} & import('../types.js').BaseModalProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
12
|
+
parameters: {
|
|
13
|
+
layout: string;
|
|
14
|
+
};
|
|
15
|
+
tags: string[];
|
|
16
|
+
};
|
|
17
|
+
export default meta;
|
|
18
|
+
type Story = StoryObj<typeof meta>;
|
|
19
|
+
export declare const ModalContainer: Story;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});/* empty css */const e={title:"Komponenter/Modal/ModalHeader",component:require("../Modal.cjs").ModalHeader,parameters:{layout:"centered"},tags:["autodocs"]};exports.ModalHeader={},exports.default=e;
|
|
2
|
+
//# sourceMappingURL=ModalHeader.stories.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalHeader.stories.cjs","sources":["../../../../../src/components/modal/stories/ModalHeader.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport \"../styles/_index.scss\";\nimport { ModalHeader as ModalHeaderComponent } from \"../Modal.js\";\n\nconst meta = {\n title: \"Komponenter/Modal/ModalHeader\",\n component: ModalHeaderComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof ModalHeaderComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const ModalHeader: Story = {};\n"],"names":["meta","title","component","ModalHeader","parameters","layout","tags"],"mappings":"6JAIMA,EAAO,CACTC,MAAO,gCACPC,kCAAWC,YACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,iCAOuB,CAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').ForwardRefExoticComponent<import('../types.js').BaseModalProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const ModalHeader: Story;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});/* empty css */const e={title:"Komponenter/Modal/ModalOverlay",component:require("../Modal.cjs").ModalOverlay,parameters:{layout:"centered"},tags:["autodocs"]};let l=null;const o={args:{dialogRef:e=>{l=e},onCancel:()=>{console.log("❌ Cancel"),null==l||l.hide()},onClick:()=>{var e,l;null==(l=null==(e=o.args)?void 0:e.onCancel)||l.call(e)}}};exports.ModalOverlay=o,exports.default=e;
|
|
2
|
+
//# sourceMappingURL=ModalOverlay.stories.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalOverlay.stories.cjs","sources":["../../../../../src/components/modal/stories/ModalOverlay.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport \"../styles/_index.scss\";\nimport { ModalOverlay as ModalOverlayComponent } from \"../Modal.js\";\nimport { ModalInstance } from \"../useModal.js\";\n\ninterface ExtendedModalComponentProps {\n dialogRef: React.RefCallback<ModalInstance>;\n onClick?: () => void;\n onCancel?: () => void;\n}\n\nconst meta = {\n title: \"Komponenter/Modal/ModalOverlay\",\n component: ModalOverlayComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<ExtendedModalComponentProps>;\n\nexport default meta;\n\ntype Story = StoryObj<ExtendedModalComponentProps>;\n\nlet modalRef: ModalInstance | null = null;\n\nexport const ModalOverlay: Story = {\n args: {\n dialogRef: (instance: ModalInstance | null) => {\n modalRef = instance;\n },\n onCancel: () => {\n console.log(\"❌ Cancel\");\n modalRef?.hide();\n },\n onClick: () => {\n ModalOverlay.args?.onCancel?.();\n },\n },\n};\n"],"names":["meta","title","component","ModalOverlay","parameters","layout","tags","modalRef","args","dialogRef","instance","onCancel","console","log","hide","onClick","_b","_a","call"],"mappings":"6JAWMA,EAAO,CACTC,MAAO,iCACPC,kCAAWC,aACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOX,IAAIC,EAAiC,KAE9B,MAAMJ,EAAsB,CAC/BK,KAAM,CACFC,UAAYC,IACGH,EAAAG,GAEfC,SAAU,KACNC,QAAQC,IAAI,YACZ,MAAAN,GAAAA,EAAUO,QAEdC,QAAS,aACL,OAAAC,EAAA,OAAAC,EAAAd,EAAaK,aAAbS,EAAmBN,WAAnBK,EAAAE,KAAAD"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { ModalInstance } from '../useModal.cjs';
|
|
3
|
+
interface ExtendedModalComponentProps {
|
|
4
|
+
dialogRef: React.RefCallback<ModalInstance>;
|
|
5
|
+
onClick?: () => void;
|
|
6
|
+
onCancel?: () => void;
|
|
7
|
+
}
|
|
8
|
+
declare const meta: {
|
|
9
|
+
title: string;
|
|
10
|
+
component: import('react').ForwardRefExoticComponent<{
|
|
11
|
+
onClick?: () => void;
|
|
12
|
+
} & import('../types.js').BaseModalProps & {
|
|
13
|
+
transparent?: boolean;
|
|
14
|
+
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
15
|
+
parameters: {
|
|
16
|
+
layout: string;
|
|
17
|
+
};
|
|
18
|
+
tags: string[];
|
|
19
|
+
};
|
|
20
|
+
export default meta;
|
|
21
|
+
type Story = StoryObj<ExtendedModalComponentProps>;
|
|
22
|
+
export declare const ModalOverlay: Story;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});/* empty css */const e={title:"Komponenter/Modal/ModalTitle",component:require("../Modal.cjs").ModalTitle,parameters:{layout:"centered"},tags:["autodocs"]};exports.ModalTitle={args:{role:"heading","aria-level":1,id:"",children:"Tittel"}},exports.default=e;
|
|
2
|
+
//# sourceMappingURL=ModalTitle.stories.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalTitle.stories.cjs","sources":["../../../../../src/components/modal/stories/ModalTitle.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport \"../styles/_index.scss\";\nimport { ModalTitle as ModalTitleComponent } from \"../Modal.js\";\n\nconst meta = {\n title: \"Komponenter/Modal/ModalTitle\",\n component: ModalTitleComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof ModalTitleComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const ModalTitle: Story = {\n args: {\n role: \"heading\",\n \"aria-level\": 1,\n id: \"\",\n children: \"Tittel\",\n },\n};\n"],"names":["meta","title","component","ModalTitle","parameters","layout","tags","args","role","id","children"],"mappings":"6JAIMA,EAAO,CACTC,MAAO,+BACPC,kCAAWC,WACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,gCAOsB,CAC7BC,KAAM,CACFC,KAAM,UACN,aAAc,EACdC,GAAI,GACJC,SAAU"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').ForwardRefExoticComponent<{
|
|
5
|
+
role: "heading";
|
|
6
|
+
'aria-level': number;
|
|
7
|
+
id: string;
|
|
8
|
+
} & import('../types.js').BaseModalProps & import('react').RefAttributes<HTMLParagraphElement>>;
|
|
9
|
+
parameters: {
|
|
10
|
+
layout: string;
|
|
11
|
+
};
|
|
12
|
+
tags: string[];
|
|
13
|
+
};
|
|
14
|
+
export default meta;
|
|
15
|
+
type Story = StoryObj<typeof meta>;
|
|
16
|
+
export declare const ModalTitle: Story;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("react"),o=require("../../button/Button.cjs"),n=require("../Popover.cjs");,/* empty css */;/* empty css */const t={title:"Komponenter/Popover/PopoverControlled",component:n.Popover,parameters:{layout:"centered"},tags:["autodocs"]},i=t=>{const[i,s]=r.useState(!1);return e.jsxs(n.Popover,{...t,open:i,onOpenChange:s,children:[e.jsx(n.Popover.Trigger,{onClick:()=>s(!i),"aria-expanded":i,asChild:!0,children:e.jsx(o.Button,{variant:"primary",children:"Åpne popover"})}),e.jsx(n.Popover.Content,{padding:24,children:"Dette er innholdet i Popover"})]})},s={args:{open:!1,onOpenChange:()=>{},roleOptions:{role:"menu"}},render:r=>e.jsx(i,{...r})};exports.PopoverControlled=s,exports.default=t;
|
|
2
|
+
//# sourceMappingURL=PopoverControlled.stories.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PopoverControlled.stories.cjs","sources":["../../../../../src/components/popover/stories/PopoverControlled.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React, { useState } from \"react\";\nimport { Button } from \"../../button/Button.js\";\nimport { Popover as PopoverComponent } from \"../Popover.js\";\nimport \"../../button/styles/_index.scss\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n title: \"Komponenter/Popover/PopoverControlled\",\n component: PopoverComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof PopoverComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof PopoverComponent>;\n\ntype PopoverProps = React.ComponentProps<typeof PopoverComponent>;\n\nconst PopoverControlledComponent = (args: PopoverProps) => {\n const [open, setOpen] = useState(false);\n\n return (\n <PopoverComponent {...args} open={open} onOpenChange={setOpen}>\n <PopoverComponent.Trigger\n onClick={() => setOpen(!open)}\n aria-expanded={open}\n asChild\n >\n <Button variant=\"primary\">Åpne popover</Button>\n </PopoverComponent.Trigger>\n <PopoverComponent.Content padding={24}>\n Dette er innholdet i Popover\n </PopoverComponent.Content>\n </PopoverComponent>\n );\n};\n\nexport const PopoverControlled: Story = {\n args: {\n open: false,\n onOpenChange: () => {},\n roleOptions: { role: \"menu\" },\n },\n render: (args) => <PopoverControlledComponent {...args} />,\n};\n"],"names":["meta","title","component","PopoverComponent","Popover","parameters","layout","tags","PopoverControlledComponent","args","open","setOpen","useState","onOpenChange","children","jsx","Trigger","onClick","asChild","Button","variant","Content","padding","PopoverControlled","roleOptions","role","render"],"mappings":"2TAOA,MAAMA,EAAa,CACfC,MAAO,wCACPC,UAAWC,EAAAC,QACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aASLC,EAA8BC,IAChC,MAAOC,EAAMC,GAAWC,YAAS,GAEjC,cACKT,EAAkBC,QAAA,IAAGK,EAAMC,KAAAA,EAAYG,aAAcF,EAClDG,SAAA,CAAAC,EAAAA,IAACZ,EAAAA,QAAiBa,QAAjB,CACGC,QAAS,IAAMN,GAASD,GACxB,gBAAeA,EACfQ,SAAO,EAEPJ,SAACC,EAAAA,IAAAI,SAAA,CAAOC,QAAQ,UAAUN,SAAY,yBAEzCX,EAAiBC,QAAAiB,QAAjB,CAAyBC,QAAS,GAAIR,SAEvC,mCACJ,EAIKS,EAA2B,CACpCd,KAAM,CACFC,MAAM,EACNG,aAAc,OACdW,YAAa,CAAEC,KAAM,SAEzBC,OAASjB,GAAUM,EAAAA,IAAAP,EAAA,IAA+BC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("react"),r=require("../Popover.cjs");,/* empty css */;/* empty css */const n={title:"Komponenter/Popover/PopoverUncontrolled",component:r.Popover,parameters:{layout:"centered"},tags:["autodocs"]},t=n=>{const[t,p]=o.useState(!1);return e.jsxs(r.Popover,{...n,open:t,onOpenChange:p,children:[e.jsx(r.Popover.Trigger,{onClick:()=>p(!t),"aria-expanded":t,asChild:!0,children:"Åpne popover"}),e.jsx(r.Popover.Content,{padding:24,children:"Dette er innholdet i Popover"})]})},p={args:{open:!1,onOpenChange:()=>{},roleOptions:{role:"menu"}},render:o=>e.jsx(t,{...o})};exports.PopoverUncontrolled=p,exports.default=n;
|
|
2
|
+
//# sourceMappingURL=PopoverUncontrolled.stories.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PopoverUncontrolled.stories.cjs","sources":["../../../../../src/components/popover/stories/PopoverUncontrolled.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React, { useState } from \"react\";\nimport { Popover as PopoverComponent } from \"../Popover.js\";\nimport \"../../button/styles/_index.scss\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n title: \"Komponenter/Popover/PopoverUncontrolled\",\n component: PopoverComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof PopoverComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof PopoverComponent>;\n\ntype PopoverProps = React.ComponentProps<typeof PopoverComponent>;\n\nconst PopoverUncontrolledComponent = (args: PopoverProps) => {\n const [open, setOpen] = useState(false);\n\n return (\n <PopoverComponent {...args} open={open} onOpenChange={setOpen}>\n <PopoverComponent.Trigger\n onClick={() => setOpen(!open)}\n aria-expanded={open}\n asChild\n >\n Åpne popover\n </PopoverComponent.Trigger>\n <PopoverComponent.Content padding={24}>\n Dette er innholdet i Popover\n </PopoverComponent.Content>\n </PopoverComponent>\n );\n};\n\nexport const PopoverUncontrolled: Story = {\n args: {\n open: false,\n onOpenChange: () => {},\n roleOptions: { role: \"menu\" },\n },\n render: (args) => <PopoverUncontrolledComponent {...args} />,\n};\n"],"names":["meta","title","component","PopoverComponent","Popover","parameters","layout","tags","PopoverUncontrolledComponent","args","open","setOpen","useState","onOpenChange","children","jsx","Trigger","onClick","asChild","Content","padding","PopoverUncontrolled","roleOptions","role","render"],"mappings":"sRAMA,MAAMA,EAAa,CACfC,MAAO,0CACPC,UAAWC,EAAAC,QACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aASLC,EAAgCC,IAClC,MAAOC,EAAMC,GAAWC,YAAS,GAEjC,cACKT,EAAkBC,QAAA,IAAGK,EAAMC,KAAAA,EAAYG,aAAcF,EAClDG,SAAA,CAAAC,EAAAA,IAACZ,EAAAA,QAAiBa,QAAjB,CACGC,QAAS,IAAMN,GAASD,GACxB,gBAAeA,EACfQ,SAAO,EACVJ,SAAA,uBAGAX,EAAiBC,QAAAe,QAAjB,CAAyBC,QAAS,GAAIN,SAEvC,mCACJ,EAIKO,EAA6B,CACtCZ,KAAM,CACFC,MAAM,EACNG,aAAc,OACdS,YAAa,CAAEC,KAAM,SAEzBC,OAASf,GAAUM,EAAAA,IAAAP,EAAA,IAAiCC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../ProgressBar.cjs"),s={title:"Komponenter/ProgressBar",component:r.ProgressBar,parameters:{layout:"centered"},tags:["autodocs"]},a={args:{"aria-valuenow":0,"aria-valuemin":0,"aria-valuemax":100},render:s=>e.jsx("div",{...s,style:{width:"100%",minWidth:"240px"},children:e.jsx(r.ProgressBar,{...s})})};exports.ProgressBar=a,exports.default=s;
|
|
2
|
+
//# sourceMappingURL=ProgressBar.stories.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressBar.stories.cjs","sources":["../../../../../src/components/progress-bar/stories/ProgressBar.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport { ProgressBar as ProgressBarComponent } from \"../ProgressBar.js\";\nimport \"../styles/_index.scss\";\nimport React from \"react\";\n\nconst meta: Meta = {\n title: \"Komponenter/ProgressBar\",\n component: ProgressBarComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof ProgressBarComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof ProgressBarComponent>;\n\nexport const ProgressBar: Story = {\n args: {\n \"aria-valuenow\": 0,\n \"aria-valuemin\": 0,\n \"aria-valuemax\": 100,\n },\n render: (args) => (\n <div {...args} style={{ width: \"100%\", minWidth: \"240px\" }}>\n <ProgressBarComponent {...args} />\n </div>\n ),\n};\n"],"names":["meta","title","component","ProgressBarComponent","ProgressBar","parameters","layout","tags","args","render","style","width","minWidth","children"],"mappings":"iLAKMA,EAAa,CACfC,MAAO,0BACPC,UAAWC,EAAAC,YACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEH,EAAqB,CAC9BI,KAAM,CACF,gBAAiB,EACjB,gBAAiB,EACjB,gBAAiB,KAErBC,OAASD,SACJ,MAAK,IAAGA,EAAME,MAAO,CAAEC,MAAO,OAAQC,SAAU,SAC7CC,eAACV,EAAAA,YAAsB,IAAGK"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { ProgressBar as ProgressBarComponent } from '../ProgressBar.cjs';
|
|
3
|
+
declare const meta: Meta;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof ProgressBarComponent>;
|
|
6
|
+
export declare const ProgressBar: Story;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{Button as t}from"../Button.js"
|
|
1
|
+
import{Button as t}from"../Button.js";/* empty css */const a={title:"Komponenter/Button",component:t,parameters:{layout:"centered"},tags:["autodocs"]},r={type:"submit",children:"Knapp",loader:{showLoader:!1,textDescription:"laster inn"}},o={args:r},n={args:{...r,variant:"primary"}},s={args:{...r,variant:"secondary"}},e={args:{...r,variant:"tertiary"}},i={args:{...r,variant:"ghost"}};export{o as Button,i as GhostButton,n as PrimaryButton,s as SecondaryButton,e as TertiaryButton,a as default};
|
|
2
2
|
//# sourceMappingURL=Button.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.stories.js","sources":["../../../../../src/components/button/stories/Button.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { Button as ButtonComponent } from \"../Button.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n title: \"Komponenter/Button\",\n component: ButtonComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof ButtonComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst baseArgs = {\n type: \"submit\",\n children: \"Knapp\",\n loader: {\n showLoader: false,\n textDescription: \"laster inn\",\n },\n};\nexport const Button: Story = {\n args: baseArgs,\n};\n\nexport const PrimaryButton: Story = {\n args: {\n ...baseArgs,\n variant: \"primary\",\n },\n};\n\nexport const SecondaryButton: Story = {\n args: {\n ...baseArgs,\n variant: \"secondary\",\n },\n};\n\nexport const TertiaryButton: Story = {\n args: {\n ...baseArgs,\n variant: \"tertiary\",\n },\n};\n\nexport const GhostButton: Story = {\n args: {\n ...baseArgs,\n variant: \"ghost\",\n },\n};\n"],"names":["meta","title","component","ButtonComponent","parameters","layout","tags","baseArgs","type","children","loader","showLoader","textDescription","Button","args","PrimaryButton","variant","SecondaryButton","TertiaryButton","GhostButton"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.stories.js","sources":["../../../../../src/components/button/stories/Button.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { Button as ButtonComponent } from \"../Button.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n title: \"Komponenter/Button\",\n component: ButtonComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof ButtonComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst baseArgs = {\n type: \"submit\",\n children: \"Knapp\",\n loader: {\n showLoader: false,\n textDescription: \"laster inn\",\n },\n};\nexport const Button: Story = {\n args: baseArgs,\n};\n\nexport const PrimaryButton: Story = {\n args: {\n ...baseArgs,\n variant: \"primary\",\n },\n};\n\nexport const SecondaryButton: Story = {\n args: {\n ...baseArgs,\n variant: \"secondary\",\n },\n};\n\nexport const TertiaryButton: Story = {\n args: {\n ...baseArgs,\n variant: \"tertiary\",\n },\n};\n\nexport const GhostButton: Story = {\n args: {\n ...baseArgs,\n variant: \"ghost\",\n },\n};\n"],"names":["meta","title","component","ButtonComponent","parameters","layout","tags","baseArgs","type","children","loader","showLoader","textDescription","Button","args","PrimaryButton","variant","SecondaryButton","TertiaryButton","GhostButton"],"mappings":"6EAIA,MAAMA,EAAO,CACTC,MAAO,qBACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMLC,EAAW,CACbC,KAAM,SACNC,SAAU,QACVC,OAAQ,CACJC,YAAY,EACZC,gBAAiB,eAGZC,EAAgB,CACzBC,KAAMP,GAGGQ,EAAuB,CAChCD,KAAM,IACCP,EACHS,QAAS,YAIJC,EAAyB,CAClCH,KAAM,IACCP,EACHS,QAAS,cAIJE,EAAwB,CACjCJ,KAAM,IACCP,EACHS,QAAS,aAIJG,EAAqB,CAC9BL,KAAM,IACCP,EACHS,QAAS"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').ForwardRefExoticComponent<{
|
|
5
|
+
role: "document";
|
|
6
|
+
} & import('../types.js').ModalProps & import('react').RefAttributes<HTMLElement>>;
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: string;
|
|
9
|
+
};
|
|
10
|
+
tags: string[];
|
|
11
|
+
};
|
|
12
|
+
export default meta;
|
|
13
|
+
type Story = StoryObj<typeof meta>;
|
|
14
|
+
export declare const Modal: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.stories.js","sources":["../../../../../src/components/modal/stories/Modal.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport \"../styles/_index.scss\";\nimport { Modal as ModalComponent } from \"../Modal.js\";\n\nconst meta = {\n title: \"Komponenter/Modal\",\n component: ModalComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof ModalComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Modal: Story = {\n args: {\n role: \"document\",\n },\n};\n"],"names":["meta","title","component","ModalComponent","parameters","layout","tags","Modal","args","role"],"mappings":"2EAIA,MAAMA,EAAO,CACTC,MAAO,oBACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAAe,CACxBC,KAAM,CACFC,KAAM"}
|
|
@@ -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.ForwardRefExoticComponent<import('../types.js').BaseModalProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
tags: string[];
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof meta>;
|
|
13
|
+
export declare const ModalActions: Story;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{jsxs as o,jsx as t}from"react/jsx-runtime";/* empty css */import{Button as r}from"../../button/Button.js";import{ModalActions as e}from"../Modal.js";const a={title:"Komponenter/Modal/ModalActions",component:e,parameters:{layout:"centered"},tags:["autodocs"]},n={render:a=>o(e,{...a,children:[t(r,{variant:"primary",onClick:()=>{console.log("Bekreft is clicked")},children:"Bekreft"}),t(r,{variant:"tertiary",onClick:()=>{console.log("Avbryt is clicked")},children:"Avbryt"})]})};export{n as ModalActions,a as default};
|
|
2
|
+
//# sourceMappingURL=ModalActions.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalActions.stories.js","sources":["../../../../../src/components/modal/stories/ModalActions.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { Button } from \"../../button/Button.js\";\nimport { ModalActions as ModalActionsComponent } from \"../Modal.js\";\n\nconst meta = {\n title: \"Komponenter/Modal/ModalActions\",\n component: ModalActionsComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof ModalActionsComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const ModalActions: Story = {\n render: (args) => (\n <ModalActionsComponent {...args}>\n <Button\n variant=\"primary\"\n onClick={() => {\n console.log(\"Bekreft is clicked\");\n }}\n >\n Bekreft\n </Button>\n <Button\n variant=\"tertiary\"\n onClick={() => {\n console.log(\"Avbryt is clicked\");\n }}\n >\n Avbryt\n </Button>\n </ModalActionsComponent>\n ),\n};\n"],"names":["meta","title","component","ModalActionsComponent","parameters","layout","tags","ModalActions","render","args","jsxs","children","jsx","Button","variant","onClick","console","log"],"mappings":"oLAMA,MAAMA,EAAO,CACTC,MAAO,iCACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAAsB,CAC/BC,OAASC,GACJC,EAAAP,EAAA,IAA0BM,EACvBE,SAAA,CAAAC,EAACC,EAAA,CACGC,QAAQ,UACRC,QAAS,KACLC,QAAQC,IAAI,qBAAoB,EAEvCN,SAAA,YAGDC,EAACC,EAAA,CACGC,QAAQ,WACRC,QAAS,KACLC,QAAQC,IAAI,oBAAmB,EAEtCN,SAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').ForwardRefExoticComponent<import('../types.js').BaseModalProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const ModalBody: Story;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* empty css */import{ModalBody as o}from"../Modal.js";const a={title:"Komponenter/Modal/ModalBody",component:o,parameters:{layout:"centered"},tags:["autodocs"]},t={args:{children:"Er du sikker på at du vil slette Foo Bar Baz?"}};export{t as ModalBody,a as default};
|
|
2
|
+
//# sourceMappingURL=ModalBody.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalBody.stories.js","sources":["../../../../../src/components/modal/stories/ModalBody.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport \"../styles/_index.scss\";\nimport { ModalBody as ModalBodyComponent } from \"../Modal.js\";\n\nconst meta = {\n title: \"Komponenter/Modal/ModalBody\",\n component: ModalBodyComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof ModalBodyComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const ModalBody: Story = {\n args: {\n children: \"Er du sikker på at du vil slette Foo Bar Baz?\",\n },\n};\n"],"names":["meta","title","component","ModalBodyComponent","parameters","layout","tags","ModalBody","args","children"],"mappings":"+EAIA,MAAMA,EAAO,CACTC,MAAO,8BACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAAmB,CAC5BC,KAAM,CACFC,SAAU"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as React } from 'react';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: React.ForwardRefExoticComponent<Omit<{
|
|
6
|
+
type: "button";
|
|
7
|
+
onClick: () => void;
|
|
8
|
+
} & {
|
|
9
|
+
"aria-label": string;
|
|
10
|
+
}, "onClick"> & import('../types.js').BaseModalProps & import('../../index.js').IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
11
|
+
parameters: {
|
|
12
|
+
layout: string;
|
|
13
|
+
};
|
|
14
|
+
tags: string[];
|
|
15
|
+
};
|
|
16
|
+
export default meta;
|
|
17
|
+
type Story = StoryObj<typeof meta>;
|
|
18
|
+
export declare const ModalCloseButton: Story;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{jsx as o}from"react/jsx-runtime";/* empty css */import{CloseIcon as t}from"../../icon/icons/CloseIcon.js";import{IconButton as e}from"../../icon-button/IconButton.js";import{ModalCloseButton as n}from"../Modal.js";const a={title:"Komponenter/Modal/ModalCloseButton",component:n,parameters:{layout:"centered"},tags:["autodocs"]},s={args:{type:"button","aria-label":"close"},render:a=>o(n,{...a,children:o(e,{children:o(t,{variant:"medium"})})})};export{s as ModalCloseButton,a as default};
|
|
2
|
+
//# sourceMappingURL=ModalCloseButton.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalCloseButton.stories.js","sources":["../../../../../src/components/modal/stories/ModalCloseButton.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport \"../styles/_index.scss\";\nimport React from \"react\";\nimport { CloseIcon } from \"../../icon/icons/CloseIcon.js\";\nimport { IconButton } from \"../../icon-button/IconButton.js\";\nimport { ModalCloseButton as ModalCloseButtonComponent } from \"../Modal.js\";\n\nconst meta = {\n title: \"Komponenter/Modal/ModalCloseButton\",\n component: ModalCloseButtonComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof ModalCloseButtonComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const ModalCloseButton: Story = {\n args: {\n type: \"button\",\n \"aria-label\": \"close\",\n },\n render: (args) => (\n <ModalCloseButtonComponent {...args}>\n <IconButton>\n <CloseIcon variant=\"medium\" />\n </IconButton>\n </ModalCloseButtonComponent>\n ),\n};\n"],"names":["meta","title","component","ModalCloseButtonComponent","parameters","layout","tags","ModalCloseButton","args","type","render","jsx","children","IconButton","CloseIcon","variant"],"mappings":"qPAOA,MAAMA,EAAO,CACTC,MAAO,qCACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAA0B,CACnCC,KAAM,CACFC,KAAM,SACN,aAAc,SAElBC,OAASF,GACLG,EAACR,MAA8BK,EAC3BI,SAACD,EAAAE,EAAA,CACGD,SAACD,EAAAG,EAAA,CAAUC,QAAQ"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').ForwardRefExoticComponent<Omit<{
|
|
5
|
+
id: string;
|
|
6
|
+
ref: (node: React.ReactNode | HTMLElement) => void;
|
|
7
|
+
role: string;
|
|
8
|
+
'aria-modal': boolean;
|
|
9
|
+
'aria-hidden': boolean;
|
|
10
|
+
'aria-labelledby': string;
|
|
11
|
+
} & import('../types.js').BaseModalProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
12
|
+
parameters: {
|
|
13
|
+
layout: string;
|
|
14
|
+
};
|
|
15
|
+
tags: string[];
|
|
16
|
+
};
|
|
17
|
+
export default meta;
|
|
18
|
+
type Story = StoryObj<typeof meta>;
|
|
19
|
+
export declare const ModalContainer: Story;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* empty css */import{ModalContainer as a}from"../Modal.js";const o={title:"Komponenter/Modal/ModalContainer",component:a,parameters:{layout:"centered"},tags:["autodocs"]},e={args:{id:"modal-container",role:"document","aria-hidden":!1,"aria-modal":!0,"aria-labelledby":"modal-title"}};export{e as ModalContainer,o as default};
|
|
2
|
+
//# sourceMappingURL=ModalContianer.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalContianer.stories.js","sources":["../../../../../src/components/modal/stories/ModalContianer.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport \"../styles/_index.scss\";\nimport { ModalContainer as ModalContainerComponent } from \"../Modal.js\";\n\nconst meta = {\n title: \"Komponenter/Modal/ModalContainer\",\n component: ModalContainerComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof ModalContainerComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const ModalContainer: Story = {\n args: {\n id: \"modal-container\",\n role: \"document\",\n \"aria-hidden\": false,\n \"aria-modal\": true,\n \"aria-labelledby\": \"modal-title\",\n },\n};\n"],"names":["meta","title","component","ModalContainerComponent","parameters","layout","tags","ModalContainer","args","id","role"],"mappings":"oFAIA,MAAMA,EAAO,CACTC,MAAO,mCACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAAwB,CACjCC,KAAM,CACFC,GAAI,kBACJC,KAAM,WACN,eAAe,EACf,cAAc,EACd,kBAAmB"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').ForwardRefExoticComponent<import('../types.js').BaseModalProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const ModalHeader: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalHeader.stories.js","sources":["../../../../../src/components/modal/stories/ModalHeader.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport \"../styles/_index.scss\";\nimport { ModalHeader as ModalHeaderComponent } from \"../Modal.js\";\n\nconst meta = {\n title: \"Komponenter/Modal/ModalHeader\",\n component: ModalHeaderComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof ModalHeaderComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const ModalHeader: Story = {};\n"],"names":["meta","title","component","ModalHeaderComponent","parameters","layout","tags","ModalHeader"],"mappings":"iFAIA,MAAMA,EAAO,CACTC,MAAO,gCACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAAqB,CAAA"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { ModalInstance } from '../useModal.js';
|
|
3
|
+
interface ExtendedModalComponentProps {
|
|
4
|
+
dialogRef: React.RefCallback<ModalInstance>;
|
|
5
|
+
onClick?: () => void;
|
|
6
|
+
onCancel?: () => void;
|
|
7
|
+
}
|
|
8
|
+
declare const meta: {
|
|
9
|
+
title: string;
|
|
10
|
+
component: import('react').ForwardRefExoticComponent<{
|
|
11
|
+
onClick?: () => void;
|
|
12
|
+
} & import('../types.js').BaseModalProps & {
|
|
13
|
+
transparent?: boolean;
|
|
14
|
+
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
15
|
+
parameters: {
|
|
16
|
+
layout: string;
|
|
17
|
+
};
|
|
18
|
+
tags: string[];
|
|
19
|
+
};
|
|
20
|
+
export default meta;
|
|
21
|
+
type Story = StoryObj<ExtendedModalComponentProps>;
|
|
22
|
+
export declare const ModalOverlay: Story;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* empty css */import{ModalOverlay as l}from"../Modal.js";const o={title:"Komponenter/Modal/ModalOverlay",component:l,parameters:{layout:"centered"},tags:["autodocs"]};let a=null;const e={args:{dialogRef:l=>{a=l},onCancel:()=>{console.log("❌ Cancel"),null==a||a.hide()},onClick:()=>{var l,o;null==(o=null==(l=e.args)?void 0:l.onCancel)||o.call(l)}}};export{e as ModalOverlay,o as default};
|
|
2
|
+
//# sourceMappingURL=ModalOverlay.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalOverlay.stories.js","sources":["../../../../../src/components/modal/stories/ModalOverlay.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport \"../styles/_index.scss\";\nimport { ModalOverlay as ModalOverlayComponent } from \"../Modal.js\";\nimport { ModalInstance } from \"../useModal.js\";\n\ninterface ExtendedModalComponentProps {\n dialogRef: React.RefCallback<ModalInstance>;\n onClick?: () => void;\n onCancel?: () => void;\n}\n\nconst meta = {\n title: \"Komponenter/Modal/ModalOverlay\",\n component: ModalOverlayComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<ExtendedModalComponentProps>;\n\nexport default meta;\n\ntype Story = StoryObj<ExtendedModalComponentProps>;\n\nlet modalRef: ModalInstance | null = null;\n\nexport const ModalOverlay: Story = {\n args: {\n dialogRef: (instance: ModalInstance | null) => {\n modalRef = instance;\n },\n onCancel: () => {\n console.log(\"❌ Cancel\");\n modalRef?.hide();\n },\n onClick: () => {\n ModalOverlay.args?.onCancel?.();\n },\n },\n};\n"],"names":["meta","title","component","ModalOverlayComponent","parameters","layout","tags","modalRef","ModalOverlay","args","dialogRef","instance","onCancel","console","log","hide","onClick","_b","_a","call"],"mappings":"kFAWA,MAAMA,EAAO,CACTC,MAAO,iCACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOX,IAAIC,EAAiC,KAE9B,MAAMC,EAAsB,CAC/BC,KAAM,CACFC,UAAYC,IACGJ,EAAAI,CAAAA,EAEfC,SAAU,KACNC,QAAQC,IAAI,YACZ,MAAAP,GAAAA,EAAUQ,MAAA,EAEdC,QAAS,aACL,OAAAC,EAAA,OAAAC,EAAAV,EAAaC,aAAbS,EAAmBN,WAAnBK,EAAAE,KAAAD,EAAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').ForwardRefExoticComponent<{
|
|
5
|
+
role: "heading";
|
|
6
|
+
'aria-level': number;
|
|
7
|
+
id: string;
|
|
8
|
+
} & import('../types.js').BaseModalProps & import('react').RefAttributes<HTMLParagraphElement>>;
|
|
9
|
+
parameters: {
|
|
10
|
+
layout: string;
|
|
11
|
+
};
|
|
12
|
+
tags: string[];
|
|
13
|
+
};
|
|
14
|
+
export default meta;
|
|
15
|
+
type Story = StoryObj<typeof meta>;
|
|
16
|
+
export declare const ModalTitle: Story;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* empty css */import{ModalTitle as e}from"../Modal.js";const t={title:"Komponenter/Modal/ModalTitle",component:e,parameters:{layout:"centered"},tags:["autodocs"]},a={args:{role:"heading","aria-level":1,id:"",children:"Tittel"}};export{a as ModalTitle,t as default};
|
|
2
|
+
//# sourceMappingURL=ModalTitle.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalTitle.stories.js","sources":["../../../../../src/components/modal/stories/ModalTitle.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport \"../styles/_index.scss\";\nimport { ModalTitle as ModalTitleComponent } from \"../Modal.js\";\n\nconst meta = {\n title: \"Komponenter/Modal/ModalTitle\",\n component: ModalTitleComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof ModalTitleComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const ModalTitle: Story = {\n args: {\n role: \"heading\",\n \"aria-level\": 1,\n id: \"\",\n children: \"Tittel\",\n },\n};\n"],"names":["meta","title","component","ModalTitleComponent","parameters","layout","tags","ModalTitle","args","role","id","children"],"mappings":"gFAIA,MAAMA,EAAO,CACTC,MAAO,+BACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAAoB,CAC7BC,KAAM,CACFC,KAAM,UACN,aAAc,EACdC,GAAI,GACJC,SAAU"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as r}from"react";import{Button as n}from"../../button/Button.js";import{Popover as t}from"../Popover.js";/* empty css *//* empty css */const a={title:"Komponenter/Popover/PopoverControlled",component:t,parameters:{layout:"centered"},tags:["autodocs"]},p=a=>{const[p,i]=r(!1);return o(t,{...a,open:p,onOpenChange:i,children:[e(t.Trigger,{onClick:()=>i(!p),"aria-expanded":p,asChild:!0,children:e(n,{variant:"primary",children:"Åpne popover"})}),e(t.Content,{padding:24,children:"Dette er innholdet i Popover"})]})},i={args:{open:!1,onOpenChange:()=>{},roleOptions:{role:"menu"}},render:o=>e(p,{...o})};export{i as PopoverControlled,a as default};
|
|
2
|
+
//# sourceMappingURL=PopoverControlled.stories.js.map
|