@fremtind/jokul 0.51.0 → 0.53.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.
Files changed (87) hide show
  1. package/build/build-stats.html +1 -1
  2. package/build/cjs/components/modal/stories/Modal.stories.cjs +2 -0
  3. package/build/cjs/components/modal/stories/Modal.stories.cjs.map +1 -0
  4. package/build/cjs/components/modal/stories/Modal.stories.d.cts +14 -0
  5. package/build/cjs/components/modal/stories/ModalActions.stories.cjs +2 -0
  6. package/build/cjs/components/modal/stories/ModalActions.stories.cjs.map +1 -0
  7. package/build/cjs/components/modal/stories/ModalActions.stories.d.cts +13 -0
  8. package/build/cjs/components/modal/stories/ModalBody.stories.cjs +2 -0
  9. package/build/cjs/components/modal/stories/ModalBody.stories.cjs.map +1 -0
  10. package/build/cjs/components/modal/stories/ModalBody.stories.d.cts +12 -0
  11. package/build/cjs/components/modal/stories/ModalCloseButton.stories.cjs +2 -0
  12. package/build/cjs/components/modal/stories/ModalCloseButton.stories.cjs.map +1 -0
  13. package/build/cjs/components/modal/stories/ModalCloseButton.stories.d.cts +18 -0
  14. package/build/cjs/components/modal/stories/ModalContianer.stories.cjs +2 -0
  15. package/build/cjs/components/modal/stories/ModalContianer.stories.cjs.map +1 -0
  16. package/build/cjs/components/modal/stories/ModalContianer.stories.d.cts +19 -0
  17. package/build/cjs/components/modal/stories/ModalHeader.stories.cjs +2 -0
  18. package/build/cjs/components/modal/stories/ModalHeader.stories.cjs.map +1 -0
  19. package/build/cjs/components/modal/stories/ModalHeader.stories.d.cts +12 -0
  20. package/build/cjs/components/modal/stories/ModalOverlay.stories.cjs +2 -0
  21. package/build/cjs/components/modal/stories/ModalOverlay.stories.cjs.map +1 -0
  22. package/build/cjs/components/modal/stories/ModalOverlay.stories.d.cts +22 -0
  23. package/build/cjs/components/modal/stories/ModalTitle.stories.cjs +2 -0
  24. package/build/cjs/components/modal/stories/ModalTitle.stories.cjs.map +1 -0
  25. package/build/cjs/components/modal/stories/ModalTitle.stories.d.cts +16 -0
  26. package/build/cjs/components/pagination/stories/Pagination.stories.cjs +2 -0
  27. package/build/cjs/components/pagination/stories/Pagination.stories.cjs.map +1 -0
  28. package/build/cjs/components/pagination/stories/Pagination.stories.d.cts +6 -0
  29. package/build/es/components/modal/stories/Modal.stories.d.ts +14 -0
  30. package/build/es/components/modal/stories/Modal.stories.js +2 -0
  31. package/build/es/components/modal/stories/Modal.stories.js.map +1 -0
  32. package/build/es/components/modal/stories/ModalActions.stories.d.ts +13 -0
  33. package/build/es/components/modal/stories/ModalActions.stories.js +2 -0
  34. package/build/es/components/modal/stories/ModalActions.stories.js.map +1 -0
  35. package/build/es/components/modal/stories/ModalBody.stories.d.ts +12 -0
  36. package/build/es/components/modal/stories/ModalBody.stories.js +2 -0
  37. package/build/es/components/modal/stories/ModalBody.stories.js.map +1 -0
  38. package/build/es/components/modal/stories/ModalCloseButton.stories.d.ts +18 -0
  39. package/build/es/components/modal/stories/ModalCloseButton.stories.js +2 -0
  40. package/build/es/components/modal/stories/ModalCloseButton.stories.js.map +1 -0
  41. package/build/es/components/modal/stories/ModalContianer.stories.d.ts +19 -0
  42. package/build/es/components/modal/stories/ModalContianer.stories.js +2 -0
  43. package/build/es/components/modal/stories/ModalContianer.stories.js.map +1 -0
  44. package/build/es/components/modal/stories/ModalHeader.stories.d.ts +12 -0
  45. package/build/es/components/modal/stories/ModalHeader.stories.js +2 -0
  46. package/build/es/components/modal/stories/ModalHeader.stories.js.map +1 -0
  47. package/build/es/components/modal/stories/ModalOverlay.stories.d.ts +22 -0
  48. package/build/es/components/modal/stories/ModalOverlay.stories.js +2 -0
  49. package/build/es/components/modal/stories/ModalOverlay.stories.js.map +1 -0
  50. package/build/es/components/modal/stories/ModalTitle.stories.d.ts +16 -0
  51. package/build/es/components/modal/stories/ModalTitle.stories.js +2 -0
  52. package/build/es/components/modal/stories/ModalTitle.stories.js.map +1 -0
  53. package/build/es/components/pagination/stories/Pagination.stories.d.ts +6 -0
  54. package/build/es/components/pagination/stories/Pagination.stories.js +2 -0
  55. package/build/es/components/pagination/stories/Pagination.stories.js.map +1 -0
  56. package/build/style.css +1 -1
  57. package/package.json +2 -2
  58. package/styles/components/button/button.css +2 -2
  59. package/styles/components/button/button.min.css +1 -1
  60. package/styles/components/checkbox/checkbox.css +4 -4
  61. package/styles/components/checkbox/checkbox.min.css +1 -1
  62. package/styles/components/checkbox-panel/checkbox-panel.css +2 -2
  63. package/styles/components/checkbox-panel/checkbox-panel.min.css +1 -1
  64. package/styles/components/countdown/countdown.css +2 -2
  65. package/styles/components/countdown/countdown.min.css +1 -1
  66. package/styles/components/feedback/feedback.css +2 -2
  67. package/styles/components/feedback/feedback.min.css +1 -1
  68. package/styles/components/input-group/input-group.css +2 -2
  69. package/styles/components/input-group/input-group.min.css +1 -1
  70. package/styles/components/loader/loader.css +6 -6
  71. package/styles/components/loader/loader.min.css +1 -1
  72. package/styles/components/loader/skeleton-loader.css +5 -5
  73. package/styles/components/loader/skeleton-loader.min.css +1 -1
  74. package/styles/components/message/message.css +2 -2
  75. package/styles/components/message/message.min.css +1 -1
  76. package/styles/components/progress-bar/progress-bar.css +1 -1
  77. package/styles/components/progress-bar/progress-bar.min.css +1 -1
  78. package/styles/components/radio-button/radio-button.css +2 -2
  79. package/styles/components/radio-button/radio-button.min.css +1 -1
  80. package/styles/components/radio-panel/radio-panel.css +2 -2
  81. package/styles/components/radio-panel/radio-panel.min.css +1 -1
  82. package/styles/components/system-message/system-message.css +2 -2
  83. package/styles/components/system-message/system-message.min.css +1 -1
  84. package/styles/components/toast/toast.css +4 -4
  85. package/styles/components/toast/toast.min.css +1 -1
  86. package/styles/styles.css +38 -38
  87. package/styles/styles.min.css +1 -1
@@ -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"),a=require("../Pagination.cjs"),t={title:"Komponenter/Pagination",component:a.Pagination,parameters:{layout:"centered"},tags:["autodocs"]},n={args:{currentPage:1,numberOfPages:10,onPageChange:()=>{}},decorators:[(t,n)=>{const[o,s]=r.useState(n.args.currentPage),g=n.args.numberOfPages;return e.jsx("div",{children:e.jsx(a.Pagination,{currentPage:o,numberOfPages:g,onPageChange:(e,r)=>{e>0&&e<=g&&s(e)}})})}]};exports.Pagination=n,exports.default=t;
2
+ //# sourceMappingURL=Pagination.stories.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Pagination.stories.cjs","sources":["../../../../../src/components/pagination/stories/Pagination.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React, { useState } from \"react\";\nimport { Pagination as PaginationComponent } from \"../Pagination.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n title: \"Komponenter/Pagination\",\n component: PaginationComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof PaginationComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof PaginationComponent>;\n\nexport const Pagination: Story = {\n args: {\n currentPage: 1,\n numberOfPages: 10,\n onPageChange: () => {},\n },\n decorators: [\n (Story, context) => {\n const [currentPage, setCurrentPage] = useState<number>(\n context.args.currentPage,\n );\n\n const numberOfPages = context.args.numberOfPages;\n\n const onPageChange = (newPage: number, fromPage: number) => {\n if (newPage > 0 && newPage <= numberOfPages) {\n setCurrentPage(newPage);\n }\n };\n\n return (\n <div>\n <PaginationComponent\n currentPage={currentPage}\n numberOfPages={numberOfPages}\n onPageChange={onPageChange}\n />\n </div>\n );\n },\n ],\n};\n"],"names":["meta","title","component","PaginationComponent","Pagination","parameters","layout","tags","args","currentPage","numberOfPages","onPageChange","decorators","Story","context","setCurrentPage","useState","children","jsx","newPage","fromPage"],"mappings":"mMAKMA,EAAa,CACfC,MAAO,yBACPC,UAAWC,EAAAC,WACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEH,EAAoB,CAC7BI,KAAM,CACFC,YAAa,EACbC,cAAe,GACfC,aAAc,QAElBC,WAAY,CACR,CAACC,EAAOC,KACE,MAACL,EAAaM,GAAkBC,EAAAA,SAClCF,EAAQN,KAAKC,aAGXC,EAAgBI,EAAQN,KAAKE,cAQnC,aACK,MACG,CAAAO,SAAAC,EAAAA,IAACf,EAAAC,WAAA,CACGK,YAAAA,EACAC,cAAAA,EACAC,aAXS,CAACQ,EAAiBC,KAC/BD,EAAU,GAAKA,GAAWT,GAC1BK,EAAeI,EAAO,KAW1B"}
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { Pagination as PaginationComponent } from '../Pagination.cjs';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<typeof PaginationComponent>;
6
+ export declare const Pagination: Story;
@@ -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
+ /* empty css */import{Modal as o}from"../Modal.js";const t={title:"Komponenter/Modal",component:o,parameters:{layout:"centered"},tags:["autodocs"]},a={args:{role:"document"}};export{a as Modal,t as default};
2
+ //# sourceMappingURL=Modal.stories.js.map
@@ -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,2 @@
1
+ /* empty css */import{ModalHeader as e}from"../Modal.js";const a={title:"Komponenter/Modal/ModalHeader",component:e,parameters:{layout:"centered"},tags:["autodocs"]},o={};export{o as ModalHeader,a as default};
2
+ //# sourceMappingURL=ModalHeader.stories.js.map
@@ -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,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { Pagination as PaginationComponent } from '../Pagination.js';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<typeof PaginationComponent>;
6
+ export declare const Pagination: Story;
@@ -0,0 +1,2 @@
1
+ import{jsx as a}from"react/jsx-runtime";import{useState as e}from"react";import{Pagination as r}from"../Pagination.js";const t={title:"Komponenter/Pagination",component:r,parameters:{layout:"centered"},tags:["autodocs"]},n={args:{currentPage:1,numberOfPages:10,onPageChange:()=>{}},decorators:[(t,n)=>{const[o,s]=e(n.args.currentPage),g=n.args.numberOfPages;return a("div",{children:a(r,{currentPage:o,numberOfPages:g,onPageChange:(a,e)=>{a>0&&a<=g&&s(a)}})})}]};export{n as Pagination,t as default};
2
+ //# sourceMappingURL=Pagination.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Pagination.stories.js","sources":["../../../../../src/components/pagination/stories/Pagination.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React, { useState } from \"react\";\nimport { Pagination as PaginationComponent } from \"../Pagination.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n title: \"Komponenter/Pagination\",\n component: PaginationComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof PaginationComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof PaginationComponent>;\n\nexport const Pagination: Story = {\n args: {\n currentPage: 1,\n numberOfPages: 10,\n onPageChange: () => {},\n },\n decorators: [\n (Story, context) => {\n const [currentPage, setCurrentPage] = useState<number>(\n context.args.currentPage,\n );\n\n const numberOfPages = context.args.numberOfPages;\n\n const onPageChange = (newPage: number, fromPage: number) => {\n if (newPage > 0 && newPage <= numberOfPages) {\n setCurrentPage(newPage);\n }\n };\n\n return (\n <div>\n <PaginationComponent\n currentPage={currentPage}\n numberOfPages={numberOfPages}\n onPageChange={onPageChange}\n />\n </div>\n );\n },\n ],\n};\n"],"names":["meta","title","component","PaginationComponent","parameters","layout","tags","Pagination","args","currentPage","numberOfPages","onPageChange","decorators","Story","context","setCurrentPage","useState","children","jsx","newPage","fromPage"],"mappings":"uHAKA,MAAMA,EAAa,CACfC,MAAO,yBACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAAoB,CAC7BC,KAAM,CACFC,YAAa,EACbC,cAAe,GACfC,aAAc,QAElBC,WAAY,CACR,CAACC,EAAOC,KACE,MAACL,EAAaM,GAAkBC,EAClCF,EAAQN,KAAKC,aAGXC,EAAgBI,EAAQN,KAAKE,cAQnC,SACK,MACG,CAAAO,SAAAC,EAACf,EAAA,CACGM,YAAAA,EACAC,cAAAA,EACAC,aAXS,CAACQ,EAAiBC,KAC/BD,EAAU,GAAKA,GAAWT,GAC1BK,EAAeI,EAAO,KAW1B"}