@fremtind/jokul 0.57.3 → 0.57.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/build-stats.html +1 -1
- package/build/cjs/components/breadcrumb/stories/Breadcrumb.stories.cjs +1 -1
- package/build/cjs/components/breadcrumb/stories/Breadcrumb.stories.cjs.map +1 -1
- package/build/cjs/components/breadcrumb/stories/Breadcrumb.stories.d.cts +3 -0
- package/build/cjs/components/breadcrumb/stories/BreadcrumbItem.stories.cjs +1 -1
- package/build/cjs/components/breadcrumb/stories/BreadcrumbItem.stories.cjs.map +1 -1
- package/build/cjs/components/breadcrumb/stories/BreadcrumbItem.stories.d.cts +5 -0
- package/build/cjs/components/checkbox-panel/stories/CheckboxPanel.stories.cjs +1 -1
- package/build/cjs/components/checkbox-panel/stories/CheckboxPanel.stories.cjs.map +1 -1
- package/build/cjs/components/checkbox-panel/stories/CheckboxPanel.stories.d.cts +9 -0
- package/build/cjs/components/description-list/stories/DescriptionList.stories.cjs +1 -1
- package/build/cjs/components/description-list/stories/DescriptionList.stories.cjs.map +1 -1
- package/build/cjs/components/expander/stories/Expander.stories.cjs +1 -1
- package/build/cjs/components/expander/stories/Expander.stories.cjs.map +1 -1
- package/build/cjs/components/expander/stories/Expander.stories.d.cts +3 -0
- package/build/cjs/components/expander/stories/ExpanderPanel.stories.cjs +1 -1
- package/build/cjs/components/expander/stories/ExpanderPanel.stories.cjs.map +1 -1
- package/build/cjs/components/link-list/stories/LinkList.stories.cjs +1 -1
- package/build/cjs/components/link-list/stories/LinkList.stories.cjs.map +1 -1
- package/build/cjs/components/list/stories/List.stories.cjs +2 -0
- package/build/cjs/components/list/stories/List.stories.cjs.map +1 -0
- package/build/cjs/components/list/stories/List.stories.d.cts +15 -0
- package/build/cjs/components/loader/stories/Loader.stories.cjs +2 -0
- package/build/cjs/components/loader/stories/Loader.stories.cjs.map +1 -0
- package/build/cjs/components/loader/stories/Loader.stories.d.cts +24 -0
- package/build/cjs/components/loader/stories/Skeleton.stories.cjs +2 -0
- package/build/cjs/components/loader/stories/Skeleton.stories.cjs.map +1 -0
- package/build/cjs/components/loader/stories/Skeleton.stories.d.cts +19 -0
- package/build/cjs/components/radio-panel/stories/RadioPanel.stories.cjs +2 -0
- package/build/cjs/components/radio-panel/stories/RadioPanel.stories.cjs.map +1 -0
- package/build/cjs/components/radio-panel/stories/RadioPanel.stories.d.cts +18 -0
- package/build/cjs/components/tabs/stories/NavTabs.stories.cjs +2 -0
- package/build/cjs/components/tabs/stories/NavTabs.stories.cjs.map +1 -0
- package/build/cjs/components/tabs/stories/NavTabs.stories.d.cts +13 -0
- package/build/cjs/components/tabs/stories/Tabs.stories.cjs +2 -0
- package/build/cjs/components/tabs/stories/Tabs.stories.cjs.map +1 -0
- package/build/cjs/components/tabs/stories/Tabs.stories.d.cts +25 -0
- package/build/cjs/components/tag/stories/Tag.stories.cjs +2 -0
- package/build/cjs/components/tag/stories/Tag.stories.cjs.map +1 -0
- package/build/cjs/components/tag/stories/Tag.stories.d.cts +17 -0
- package/build/cjs/components/text-input/stories/BaseTextInput.stories.cjs +1 -1
- package/build/cjs/components/text-input/stories/BaseTextInput.stories.cjs.map +1 -1
- package/build/cjs/components/text-input/stories/TextInput.stories.cjs +1 -1
- package/build/cjs/components/text-input/stories/TextInput.stories.cjs.map +1 -1
- package/build/cjs/components/toast/stories/Toast.stories.cjs +2 -0
- package/build/cjs/components/toast/stories/Toast.stories.cjs.map +1 -0
- package/build/cjs/components/toast/stories/Toast.stories.d.cts +60 -0
- package/build/cjs/components/tooltip/stories/Tooltip.stories.cjs +2 -0
- package/build/cjs/components/tooltip/stories/Tooltip.stories.cjs.map +1 -0
- package/build/cjs/components/tooltip/stories/Tooltip.stories.d.cts +32 -0
- package/build/es/components/breadcrumb/stories/Breadcrumb.stories.d.ts +3 -0
- package/build/es/components/breadcrumb/stories/Breadcrumb.stories.js +1 -1
- package/build/es/components/breadcrumb/stories/Breadcrumb.stories.js.map +1 -1
- package/build/es/components/breadcrumb/stories/BreadcrumbItem.stories.d.ts +5 -0
- package/build/es/components/breadcrumb/stories/BreadcrumbItem.stories.js +1 -1
- package/build/es/components/breadcrumb/stories/BreadcrumbItem.stories.js.map +1 -1
- package/build/es/components/checkbox-panel/stories/CheckboxPanel.stories.d.ts +9 -0
- package/build/es/components/checkbox-panel/stories/CheckboxPanel.stories.js +1 -1
- package/build/es/components/checkbox-panel/stories/CheckboxPanel.stories.js.map +1 -1
- package/build/es/components/description-list/stories/DescriptionList.stories.js +1 -1
- package/build/es/components/description-list/stories/DescriptionList.stories.js.map +1 -1
- package/build/es/components/expander/stories/Expander.stories.d.ts +3 -0
- package/build/es/components/expander/stories/Expander.stories.js +1 -1
- package/build/es/components/expander/stories/Expander.stories.js.map +1 -1
- package/build/es/components/expander/stories/ExpanderPanel.stories.js +1 -1
- package/build/es/components/expander/stories/ExpanderPanel.stories.js.map +1 -1
- package/build/es/components/link-list/stories/LinkList.stories.js +1 -1
- package/build/es/components/link-list/stories/LinkList.stories.js.map +1 -1
- package/build/es/components/list/stories/List.stories.d.ts +15 -0
- package/build/es/components/list/stories/List.stories.js +2 -0
- package/build/es/components/list/stories/List.stories.js.map +1 -0
- package/build/es/components/loader/stories/Loader.stories.d.ts +24 -0
- package/build/es/components/loader/stories/Loader.stories.js +2 -0
- package/build/es/components/loader/stories/Loader.stories.js.map +1 -0
- package/build/es/components/loader/stories/Skeleton.stories.d.ts +19 -0
- package/build/es/components/loader/stories/Skeleton.stories.js +2 -0
- package/build/es/components/loader/stories/Skeleton.stories.js.map +1 -0
- package/build/es/components/message/stories/WarningMessage.stories.js +1 -1
- package/build/es/components/radio-panel/stories/RadioPanel.stories.d.ts +18 -0
- package/build/es/components/radio-panel/stories/RadioPanel.stories.js +2 -0
- package/build/es/components/radio-panel/stories/RadioPanel.stories.js.map +1 -0
- package/build/es/components/tabs/stories/NavTabs.stories.d.ts +13 -0
- package/build/es/components/tabs/stories/NavTabs.stories.js +2 -0
- package/build/es/components/tabs/stories/NavTabs.stories.js.map +1 -0
- package/build/es/components/tabs/stories/Tabs.stories.d.ts +25 -0
- package/build/es/components/tabs/stories/Tabs.stories.js +2 -0
- package/build/es/components/tabs/stories/Tabs.stories.js.map +1 -0
- package/build/es/components/tag/stories/Tag.stories.d.ts +17 -0
- package/build/es/components/tag/stories/Tag.stories.js +2 -0
- package/build/es/components/tag/stories/Tag.stories.js.map +1 -0
- package/build/es/components/text-input/stories/BaseTextInput.stories.js +1 -1
- package/build/es/components/text-input/stories/BaseTextInput.stories.js.map +1 -1
- package/build/es/components/text-input/stories/TextInput.stories.js +1 -1
- package/build/es/components/text-input/stories/TextInput.stories.js.map +1 -1
- package/build/es/components/toast/stories/Toast.stories.d.ts +60 -0
- package/build/es/components/toast/stories/Toast.stories.js +2 -0
- package/build/es/components/toast/stories/Toast.stories.js.map +1 -0
- package/build/es/components/tooltip/stories/Tooltip.stories.d.ts +32 -0
- package/build/es/components/tooltip/stories/Tooltip.stories.js +2 -0
- package/build/es/components/tooltip/stories/Tooltip.stories.js.map +1 -0
- package/build/style.css +1 -1
- package/package.json +2 -2
- package/styles/components/button/button.css +3 -3
- 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 +39 -39
- package/styles/styles.min.css +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../Breadcrumb.cjs"),c=require("../BreadcrumbItem.cjs");;/* empty css */const t={title:"Komponenter/Breadcrumb/Breadcrumb",component:r.Breadcrumb,parameters:{layout:"centered"},tags:["autodocs"]},
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../Breadcrumb.cjs"),c=require("../BreadcrumbItem.cjs");;/* empty css */const t={title:"Komponenter/Breadcrumb/Breadcrumb",component:r.Breadcrumb,subcomponents:{BreadcrumbItem:c.BreadcrumbItem},parameters:{layout:"centered"},tags:["autodocs"]},m={args:{children:[e.jsx(c.BreadcrumbItem,{children:e.jsx("a",{href:"/",children:"Hjem"})},0),e.jsx(c.BreadcrumbItem,{children:e.jsx("a",{href:"/komponenter/accordion",children:"Komponenter"})},1),e.jsx(c.BreadcrumbItem,{children:e.jsx("a",{href:"/komponenter/breadcrumb",children:"Breadcrumb"})},2)]}};exports.Breadcrumb=m,exports.default=t;
|
|
2
2
|
//# sourceMappingURL=Breadcrumb.stories.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumb.stories.cjs","sources":["../../../../../src/components/breadcrumb/stories/Breadcrumb.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { Breadcrumb as BreadcrumbComponent } from \"../Breadcrumb.js\";\nimport { BreadcrumbItem } from \"../BreadcrumbItem.js\";\nimport \"../styles/_index.scss\";\nimport React from \"react\";\n\nconst meta = {\n title: \"Komponenter/Breadcrumb/Breadcrumb\",\n component: BreadcrumbComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof BreadcrumbComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Breadcrumb: Story = {\n args: {\n children: [\n <BreadcrumbItem key={0}>\n <a href=\"/\">Hjem</a>\n </BreadcrumbItem>,\n <BreadcrumbItem key={1}>\n <a href=\"/komponenter/accordion\">Komponenter</a>\n </BreadcrumbItem>,\n <BreadcrumbItem key={2}>\n <a href=\"/komponenter/breadcrumb\">Breadcrumb</a>\n </BreadcrumbItem>,\n ],\n },\n};\n"],"names":["meta","title","component","BreadcrumbComponent","Breadcrumb","parameters","layout","tags","args","children","jsx","
|
|
1
|
+
{"version":3,"file":"Breadcrumb.stories.cjs","sources":["../../../../../src/components/breadcrumb/stories/Breadcrumb.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { Breadcrumb as BreadcrumbComponent } from \"../Breadcrumb.js\";\nimport { BreadcrumbItem } from \"../BreadcrumbItem.js\";\nimport \"../styles/_index.scss\";\nimport React from \"react\";\n\nconst meta = {\n title: \"Komponenter/Breadcrumb/Breadcrumb\",\n component: BreadcrumbComponent,\n subcomponents: { BreadcrumbItem },\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof BreadcrumbComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Breadcrumb: Story = {\n args: {\n children: [\n <BreadcrumbItem key={0}>\n <a href=\"/\">Hjem</a>\n </BreadcrumbItem>,\n <BreadcrumbItem key={1}>\n <a href=\"/komponenter/accordion\">Komponenter</a>\n </BreadcrumbItem>,\n <BreadcrumbItem key={2}>\n <a href=\"/komponenter/breadcrumb\">Breadcrumb</a>\n </BreadcrumbItem>,\n ],\n },\n};\n"],"names":["meta","title","component","BreadcrumbComponent","Breadcrumb","subcomponents","BreadcrumbItem","parameters","layout","tags","args","children","jsx","href"],"mappings":"8PAMA,MAAMA,EAAO,CACTC,MAAO,oCACPC,UAAWC,EAAAC,WACXC,cAAe,CAAEC,eAAAA,EAAAA,gBACjBC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMEL,EAAoB,CAC7BM,KAAM,CACFC,SAAU,CACNC,EAAAA,IAACN,EAAAA,gBACGK,SAACC,EAAAA,IAAA,IAAA,CAAEC,KAAK,IAAIF,SAAA,UADK,GAGrBC,EAAAA,IAACN,EAAAA,gBACGK,SAACC,EAAAA,IAAA,IAAA,CAAEC,KAAK,yBAAyBF,SAAA,iBADhB,GAGrBC,EAAAA,IAACN,EAAAA,gBACGK,SAACC,EAAAA,IAAA,IAAA,CAAEC,KAAK,0BAA0BF,SAAA,gBADjB"}
|
|
@@ -2,6 +2,9 @@ import { StoryObj } from '@storybook/react';
|
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
4
|
component: ({ className, children, density, ...rest }: import('../types.js').BreadcrumbProps) => JSX.Element;
|
|
5
|
+
subcomponents: {
|
|
6
|
+
BreadcrumbItem: ({ className, children, isLastElement, ...rest }: import('../types.js').BreadcrumbItemProps) => JSX.Element;
|
|
7
|
+
};
|
|
5
8
|
parameters: {
|
|
6
9
|
layout: string;
|
|
7
10
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../BreadcrumbItem.cjs");;/* empty css */const t=require("../Breadcrumb.cjs"),o={title:"Komponenter/Breadcrumb/BreadcrumbItem",component:r.BreadcrumbItem,parameters:{layout:"centered"},tags:["autodocs"]},c={args:{children:e.jsx("a",{href:"/komponenter/accordion",children:"Komponenter"})},decorators:r=>e.jsx(t.Breadcrumb,{children:e.jsx(r,{})})};exports.BreadcrumbItem=c,exports.default=o;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../BreadcrumbItem.cjs");;/* empty css */const t=require("../Breadcrumb.cjs"),o={title:"Komponenter/Breadcrumb/BreadcrumbItem",component:r.BreadcrumbItem,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{isLastElement:{control:"boolean"}}},c={args:{children:e.jsx("a",{href:"/komponenter/accordion",children:"Komponenter"})},decorators:r=>e.jsx(t.Breadcrumb,{children:e.jsx(r,{})})};exports.BreadcrumbItem=c,exports.default=o;
|
|
2
2
|
//# sourceMappingURL=BreadcrumbItem.stories.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BreadcrumbItem.stories.cjs","sources":["../../../../../src/components/breadcrumb/stories/BreadcrumbItem.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { BreadcrumbItem as BreadcrumbItemComponent } from \"../BreadcrumbItem.js\";\nimport \"../styles/_index.scss\";\nimport { Breadcrumb } from \"../Breadcrumb.js\";\n\nconst meta = {\n title: \"Komponenter/Breadcrumb/BreadcrumbItem\",\n component: BreadcrumbItemComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof BreadcrumbItemComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const BreadcrumbItem: Story = {\n args: {\n children: <a href=\"/komponenter/accordion\">Komponenter</a>,\n },\n decorators: (Story) => (\n <Breadcrumb>\n <Story />\n </Breadcrumb>\n ),\n};\n"],"names":["meta","title","component","BreadcrumbItemComponent","BreadcrumbItem","parameters","layout","tags","args","children","jsx","href","decorators","Story","Breadcrumb"],"mappings":"oQAMMA,EAAO,CACTC,MAAO,wCACPC,UAAWC,EAAAC,eACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"BreadcrumbItem.stories.cjs","sources":["../../../../../src/components/breadcrumb/stories/BreadcrumbItem.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { BreadcrumbItem as BreadcrumbItemComponent } from \"../BreadcrumbItem.js\";\nimport \"../styles/_index.scss\";\nimport { Breadcrumb } from \"../Breadcrumb.js\";\n\nconst meta = {\n title: \"Komponenter/Breadcrumb/BreadcrumbItem\",\n component: BreadcrumbItemComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n argTypes: {\n isLastElement: {\n control: \"boolean\",\n },\n },\n} satisfies Meta<typeof BreadcrumbItemComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const BreadcrumbItem: Story = {\n args: {\n children: <a href=\"/komponenter/accordion\">Komponenter</a>,\n },\n decorators: (Story) => (\n <Breadcrumb>\n <Story />\n </Breadcrumb>\n ),\n};\n"],"names":["meta","title","component","BreadcrumbItemComponent","BreadcrumbItem","parameters","layout","tags","argTypes","isLastElement","control","args","children","jsx","href","decorators","Story","Breadcrumb"],"mappings":"oQAMMA,EAAO,CACTC,MAAO,wCACPC,UAAWC,EAAAC,eACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,cAAe,CACXC,QAAS,aAQRN,EAAwB,CACjCO,KAAM,CACFC,SAAUC,EAAAA,IAAC,IAAE,CAAAC,KAAK,yBAAyBF,SAAW,iBAE1DG,WAAaC,SACRC,EACGA,WAAA,CAAAL,SAAAC,MAACG,GAAM"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("../../flex/Flex.cjs"),s=require("../../tag/Tag.cjs"),l={title:"Komponenter/CheckboxPanel",component:require("../CheckboxPanel.cjs").CheckboxPanel,parameters:{layout:"padded"},tags:["autodocs"],argTypes:{alwaysOpen:{table:{defaultValue:{summary:void 0}}}}},r={args:{label:"Kasko",children:e.jsx("p",{children:"En forsikring som passer de fleste biler. Dekker det meste av skader, også de du selv er ansvarlig for. Inkluderer Minikasko og Ansvar."}),extraLabel:e.jsxs(a.Flex,{as:"span",alignItems:"center",justifyContent:"flex-end",gap:24,className:"input-panel-example__custom-label input-panel-example__custom-label--bold",children:[e.jsx(s.SuccessTag,{children:"Anbefalt"}),"300 kr/mnd"]})},decorators:a=>e.jsx("div",{style:{maxWidth:580},children:e.jsx(a,{})})};exports.CheckboxPanel=r,exports.default=l;
|
|
2
2
|
//# sourceMappingURL=CheckboxPanel.stories.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxPanel.stories.cjs","sources":["../../../../../src/components/checkbox-panel/stories/CheckboxPanel.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Flex } from \"../../flex/Flex.js\";\nimport { SuccessTag } from \"../../tag/Tag.js\";\nimport { CheckboxPanel as CheckboxPanelComponent } from \"../CheckboxPanel.js\";\nimport \"../styles/_index.scss\";\nimport \"./styles.scss\";\n\nconst meta = {\n title: \"Komponenter/CheckboxPanel\",\n component: CheckboxPanelComponent,\n parameters: {\n layout: \"padded\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof CheckboxPanelComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const CheckboxPanel: Story = {\n args: {\n label: \"Kasko\",\n children: (\n <p>\n En forsikring som passer de fleste biler. Dekker det meste av\n skader, også de du selv er ansvarlig for. Inkluderer Minikasko\n og Ansvar.\n </p>\n ),\n extraLabel: (\n <Flex\n as=\"span\"\n alignItems=\"center\"\n justifyContent=\"flex-end\"\n gap={24}\n className=\"input-panel-example__custom-label input-panel-example__custom-label--bold\"\n >\n <SuccessTag>Anbefalt</SuccessTag>\n 300 kr/mnd\n </Flex>\n ),\n },\n decorators: (Story) => (\n <div style={{ maxWidth: 580 }}>\n <Story />\n </div>\n ),\n};\n"],"names":["meta","title","component","CheckboxPanel","parameters","layout","tags","args","label","children","jsx","extraLabel","jsxs","Flex","as","alignItems","justifyContent","gap","className","SuccessTag","decorators","Story","style","maxWidth"],"mappings":"iNAQMA,EAAO,CACTC,MAAO,4BACPC,0CAAWC,cACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"CheckboxPanel.stories.cjs","sources":["../../../../../src/components/checkbox-panel/stories/CheckboxPanel.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Flex } from \"../../flex/Flex.js\";\nimport { SuccessTag } from \"../../tag/Tag.js\";\nimport { CheckboxPanel as CheckboxPanelComponent } from \"../CheckboxPanel.js\";\nimport \"../styles/_index.scss\";\nimport \"./styles.scss\";\n\nconst meta = {\n title: \"Komponenter/CheckboxPanel\",\n component: CheckboxPanelComponent,\n parameters: {\n layout: \"padded\",\n },\n tags: [\"autodocs\"],\n argTypes: {\n alwaysOpen: {\n table: {\n defaultValue: {\n summary: undefined,\n },\n },\n },\n },\n} satisfies Meta<typeof CheckboxPanelComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const CheckboxPanel: Story = {\n args: {\n label: \"Kasko\",\n children: (\n <p>\n En forsikring som passer de fleste biler. Dekker det meste av\n skader, også de du selv er ansvarlig for. Inkluderer Minikasko\n og Ansvar.\n </p>\n ),\n extraLabel: (\n <Flex\n as=\"span\"\n alignItems=\"center\"\n justifyContent=\"flex-end\"\n gap={24}\n className=\"input-panel-example__custom-label input-panel-example__custom-label--bold\"\n >\n <SuccessTag>Anbefalt</SuccessTag>\n 300 kr/mnd\n </Flex>\n ),\n },\n decorators: (Story) => (\n <div style={{ maxWidth: 580 }}>\n <Story />\n </div>\n ),\n};\n"],"names":["meta","title","component","CheckboxPanel","parameters","layout","tags","argTypes","alwaysOpen","table","defaultValue","summary","args","label","children","jsx","extraLabel","jsxs","Flex","as","alignItems","justifyContent","gap","className","SuccessTag","decorators","Story","style","maxWidth"],"mappings":"iNAQMA,EAAO,CACTC,MAAO,4BACPC,0CAAWC,cACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,WAAY,CACRC,MAAO,CACHC,aAAc,CACVC,aAAS,OAUhBR,EAAuB,CAChCS,KAAM,CACFC,MAAO,QACPC,SACKC,EAAAA,IAAA,IAAA,CAAED,SAIH,4IAEJE,WACIC,EAAAA,KAACC,EAAAA,KAAA,CACGC,GAAG,OACHC,WAAW,SACXC,eAAe,WACfC,IAAK,GACLC,UAAU,4EAEVT,SAAA,CAAAC,EAAAA,IAACS,cAAWV,SAAQ,aAAa,iBAK7CW,WAAaC,GACTX,EAAAA,IAAC,MAAI,CAAAY,MAAO,CAAEC,SAAU,KACpBd,SAACC,EAAAA,IAAAW,EAAA,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("../DescriptionList.cjs"),r={title:"Komponenter/DescriptionList",component:i.DescriptionList,parameters:{layout:"centered"},tags:["autodocs"]},t={name:"DescriptionList",render:()=>e.jsxs(i.DescriptionList,{children:[e.jsx(i.DescriptionTerm,{children:"Dekning"}),e.jsx(i.DescriptionDetail,{children:"Kasko"}),e.jsx(i.DescriptionTerm,{children:"Egenandel"}),e.jsx(i.DescriptionDetail,{children:"2 000 kr for glass"}),e.jsx(i.DescriptionDetail,{children:"6 000 kr for øvrige skader"}),e.jsx(i.DescriptionTerm,{children:"Sjåfør under 23 år"}),e.jsx(i.DescriptionDetail,{children:"Nei"})]})};exports.DescriptionListStory=t,exports.default=r;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("../DescriptionList.cjs"),r={title:"Komponenter/DescriptionList",component:i.DescriptionList,subcomponents:{DescriptionDetail:i.DescriptionDetail,DescriptionTerm:i.DescriptionTerm},parameters:{layout:"centered"},tags:["autodocs"]},t={name:"DescriptionList",render:()=>e.jsxs(i.DescriptionList,{children:[e.jsx(i.DescriptionTerm,{children:"Dekning"}),e.jsx(i.DescriptionDetail,{children:"Kasko"}),e.jsx(i.DescriptionTerm,{children:"Egenandel"}),e.jsx(i.DescriptionDetail,{children:"2 000 kr for glass"}),e.jsx(i.DescriptionDetail,{children:"6 000 kr for øvrige skader"}),e.jsx(i.DescriptionTerm,{children:"Sjåfør under 23 år"}),e.jsx(i.DescriptionDetail,{children:"Nei"})]})};exports.DescriptionListStory=t,exports.default=r;
|
|
2
2
|
//# sourceMappingURL=DescriptionList.stories.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DescriptionList.stories.cjs","sources":["../../../../../src/components/description-list/stories/DescriptionList.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport {\n
|
|
1
|
+
{"version":3,"file":"DescriptionList.stories.cjs","sources":["../../../../../src/components/description-list/stories/DescriptionList.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport {\n DescriptionList,\n DescriptionDetail,\n DescriptionTerm,\n} from \"../DescriptionList.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n title: \"Komponenter/DescriptionList\",\n component: DescriptionList,\n subcomponents: {\n DescriptionDetail,\n DescriptionTerm,\n },\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof DescriptionList>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const DescriptionListStory: Story = {\n name: \"DescriptionList\",\n render: () => (\n <DescriptionList>\n <DescriptionTerm>Dekning</DescriptionTerm>\n <DescriptionDetail>Kasko</DescriptionDetail>\n\n <DescriptionTerm>Egenandel</DescriptionTerm>\n <DescriptionDetail>2 000 kr for glass</DescriptionDetail>\n <DescriptionDetail>6 000 kr for øvrige skader</DescriptionDetail>\n\n <DescriptionTerm>Sjåfør under 23 år</DescriptionTerm>\n <DescriptionDetail>Nei</DescriptionDetail>\n </DescriptionList>\n ),\n};\n"],"names":["meta","title","component","DescriptionList","subcomponents","DescriptionDetail","DescriptionTerm","parameters","layout","tags","DescriptionListStory","name","render","jsxs","children","jsx"],"mappings":"qLASMA,EAAa,CACfC,MAAO,8BACPC,UAAWC,EAAAA,gBACXC,cAAe,CAAAC,kBACXA,EAAAA,kBAAAC,gBACAA,EAAAA,iBAEJC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAA8B,CACvCC,KAAM,kBACNC,OAAQ,IACJC,EAAAA,KAACV,EACGA,gBAAA,CAAAW,SAAA,CAAAC,EAAAA,IAACT,mBAAgBQ,SAAO,YACxBC,EAAAA,IAACV,qBAAkBS,SAAK,UAExBC,EAAAA,IAACT,mBAAgBQ,SAAS,cAC1BC,EAAAA,IAACV,qBAAkBS,SAAkB,uBACrCC,EAAAA,IAACV,qBAAkBS,SAA0B,+BAE7CC,EAAAA,IAACT,mBAAgBQ,SAAkB,uBACnCC,EAAAA,IAACV,qBAAkBS,SAAG"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime");require("../../icon/Icon.cjs"),require("../../icon/icons/animated/ArrowVerticalAnimated.cjs"),require("../../icon/icons/animated/ArrowHorizontalAnimated.cjs"),require("../../icon/icons/animated/PlusRemoveAnimated.cjs"),require("../../icon/icons/ArrowDownIcon.cjs"),require("../../icon/icons/ArrowLeftIcon.cjs"),require("../../icon/icons/ArrowNorthEastIcon.cjs"),require("../../icon/icons/ArrowRightIcon.cjs"),require("../../icon/icons/ArrowUpIcon.cjs"),require("../../icon/icons/CalendarIcon.cjs"),require("../../icon/icons/CheckIcon.cjs"),require("../../icon/icons/ChevronDownIcon.cjs"),require("../../icon/icons/ChevronLeftIcon.cjs"),require("../../icon/icons/ChevronRightIcon.cjs"),require("../../icon/icons/ChevronUpIcon.cjs"),require("../../icon/icons/CloseIcon.cjs"),require("../../icon/icons/CopyIcon.cjs"),require("../../icon/icons/DotsIcon.cjs"),require("../../icon/icons/DragIcon.cjs"),require("../../icon/icons/ErrorIcon.cjs");const n=require("../../icon/icons/GreenCheckIcon.cjs");require("../../icon/icons/HamburgerIcon.cjs"),require("../../icon/icons/InfoIcon.cjs"),require("../../icon/icons/LinkIcon.cjs"),require("../../icon/icons/MinusIcon.cjs"),require("../../icon/icons/OpenInNewIcon.cjs"),require("../../icon/icons/PenIcon.cjs"),require("../../icon/icons/PlusIcon.cjs"),require("../../icon/icons/QuestionIcon.cjs"),require("../../icon/icons/RedCrossIcon.cjs"),require("../../icon/icons/SearchIcon.cjs"),require("../../icon/icons/SuccessIcon.cjs"),require("../../icon/icons/ThumbDownIcon.cjs"),require("../../icon/icons/ThumbUpIcon.cjs"),require("../../icon/icons/TrashCanIcon.cjs"),require("../../icon/icons/WarningIcon.cjs");const e=require("../ExpandablePanel.cjs"),o=require("../Expander.cjs");;/* empty css */const i={title:"Komponenter/
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime");require("../../icon/Icon.cjs"),require("../../icon/icons/animated/ArrowVerticalAnimated.cjs"),require("../../icon/icons/animated/ArrowHorizontalAnimated.cjs"),require("../../icon/icons/animated/PlusRemoveAnimated.cjs"),require("../../icon/icons/ArrowDownIcon.cjs"),require("../../icon/icons/ArrowLeftIcon.cjs"),require("../../icon/icons/ArrowNorthEastIcon.cjs"),require("../../icon/icons/ArrowRightIcon.cjs"),require("../../icon/icons/ArrowUpIcon.cjs"),require("../../icon/icons/CalendarIcon.cjs"),require("../../icon/icons/CheckIcon.cjs"),require("../../icon/icons/ChevronDownIcon.cjs"),require("../../icon/icons/ChevronLeftIcon.cjs"),require("../../icon/icons/ChevronRightIcon.cjs"),require("../../icon/icons/ChevronUpIcon.cjs"),require("../../icon/icons/CloseIcon.cjs"),require("../../icon/icons/CopyIcon.cjs"),require("../../icon/icons/DotsIcon.cjs"),require("../../icon/icons/DragIcon.cjs"),require("../../icon/icons/ErrorIcon.cjs");const n=require("../../icon/icons/GreenCheckIcon.cjs");require("../../icon/icons/HamburgerIcon.cjs"),require("../../icon/icons/InfoIcon.cjs"),require("../../icon/icons/LinkIcon.cjs"),require("../../icon/icons/MinusIcon.cjs"),require("../../icon/icons/OpenInNewIcon.cjs"),require("../../icon/icons/PenIcon.cjs"),require("../../icon/icons/PlusIcon.cjs"),require("../../icon/icons/QuestionIcon.cjs"),require("../../icon/icons/RedCrossIcon.cjs"),require("../../icon/icons/SearchIcon.cjs"),require("../../icon/icons/SuccessIcon.cjs"),require("../../icon/icons/ThumbDownIcon.cjs"),require("../../icon/icons/ThumbUpIcon.cjs"),require("../../icon/icons/TrashCanIcon.cjs"),require("../../icon/icons/WarningIcon.cjs");const e=require("../ExpandablePanel.cjs"),o=require("../Expander.cjs");;/* empty css */const i={title:"Komponenter/Expander",component:e.ExpandablePanel,parameters:{layout:"padded"},tags:["autodocs"]},r={name:"Expander",args:{icon:!0,flipDirection:!1},render:({icon:e,...i})=>c.jsx(o.Expander,{icon:e?c.jsx(n.GreenCheckIcon,{}):void 0,...i,children:"Når er det vi faktisk er åpne?"})};exports.ExpanderStory=r,exports.default=i;
|
|
2
2
|
//# sourceMappingURL=Expander.stories.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Expander.stories.cjs","sources":["../../../../../src/components/expander/stories/Expander.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { GreenCheckIcon } from \"../../icon/index.js\";\nimport { ExpandablePanel } from \"../ExpandablePanel.js\";\nimport { Expander } from \"../Expander.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n title: \"Komponenter/
|
|
1
|
+
{"version":3,"file":"Expander.stories.cjs","sources":["../../../../../src/components/expander/stories/Expander.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { GreenCheckIcon } from \"../../icon/index.js\";\nimport { ExpandablePanel } from \"../ExpandablePanel.js\";\nimport { Expander } from \"../Expander.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n title: \"Komponenter/Expander\",\n component: ExpandablePanel,\n parameters: {\n layout: \"padded\",\n },\n tags: [\"autodocs\"],\n};\n\nexport default meta;\n\ntype StoryExpander = StoryObj<typeof Expander>;\n\n/**\n * Expander brukes i ExpandablePanel, men kan også brukes alene dersom du ønsker et annet uttrykk.\n */\nexport const ExpanderStory: StoryExpander = {\n name: \"Expander\",\n args: {\n icon: true,\n flipDirection: false,\n },\n render: ({ icon, ...props }) => (\n <Expander icon={icon ? <GreenCheckIcon /> : undefined} {...props}>\n Når er det vi faktisk er åpne?\n </Expander>\n ),\n};\n"],"names":["meta","title","component","ExpandablePanel","parameters","layout","tags","ExpanderStory","name","args","icon","flipDirection","render","props","jsx","Expander","GreenCheckIcon","children"],"mappings":"i3DAOA,MAAMA,EAAa,CACfC,MAAO,uBACPC,UAAWC,EAAAA,gBACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,aAUEC,EAA+B,CACxCC,KAAM,WACNC,KAAM,CACFC,MAAM,EACNC,eAAe,GAEnBC,OAAQ,EAAGF,KAAAA,KAASG,KAChBC,MAACC,EAAAA,SAAS,CAAAL,KAAMA,EAAQI,EAAAA,IAAAE,EAAAA,eAAA,CAAe,QAAK,KAAeH,EAAOI,SAElE"}
|
|
@@ -3,4 +3,7 @@ import { Expander } from '../Expander.cjs';
|
|
|
3
3
|
declare const meta: Meta;
|
|
4
4
|
export default meta;
|
|
5
5
|
type StoryExpander = StoryObj<typeof Expander>;
|
|
6
|
+
/**
|
|
7
|
+
* Expander brukes i ExpandablePanel, men kan også brukes alene dersom du ønsker et annet uttrykk.
|
|
8
|
+
*/
|
|
6
9
|
export declare const ExpanderStory: StoryExpander;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),n=require("../../flex/Flex.cjs");require("../../icon/Icon.cjs"),require("../../icon/icons/animated/ArrowVerticalAnimated.cjs"),require("../../icon/icons/animated/ArrowHorizontalAnimated.cjs"),require("../../icon/icons/animated/PlusRemoveAnimated.cjs"),require("../../icon/icons/ArrowDownIcon.cjs"),require("../../icon/icons/ArrowLeftIcon.cjs"),require("../../icon/icons/ArrowNorthEastIcon.cjs"),require("../../icon/icons/ArrowRightIcon.cjs"),require("../../icon/icons/ArrowUpIcon.cjs"),require("../../icon/icons/CalendarIcon.cjs"),require("../../icon/icons/CheckIcon.cjs"),require("../../icon/icons/ChevronDownIcon.cjs"),require("../../icon/icons/ChevronLeftIcon.cjs"),require("../../icon/icons/ChevronRightIcon.cjs"),require("../../icon/icons/ChevronUpIcon.cjs"),require("../../icon/icons/CloseIcon.cjs"),require("../../icon/icons/CopyIcon.cjs"),require("../../icon/icons/DotsIcon.cjs"),require("../../icon/icons/DragIcon.cjs"),require("../../icon/icons/ErrorIcon.cjs");const c=require("../../icon/icons/GreenCheckIcon.cjs");require("../../icon/icons/HamburgerIcon.cjs"),require("../../icon/icons/InfoIcon.cjs"),require("../../icon/icons/LinkIcon.cjs"),require("../../icon/icons/MinusIcon.cjs"),require("../../icon/icons/OpenInNewIcon.cjs"),require("../../icon/icons/PenIcon.cjs"),require("../../icon/icons/PlusIcon.cjs"),require("../../icon/icons/QuestionIcon.cjs"),require("../../icon/icons/RedCrossIcon.cjs"),require("../../icon/icons/SearchIcon.cjs"),require("../../icon/icons/SuccessIcon.cjs"),require("../../icon/icons/ThumbDownIcon.cjs"),require("../../icon/icons/ThumbUpIcon.cjs"),require("../../icon/icons/TrashCanIcon.cjs"),require("../../icon/icons/WarningIcon.cjs");const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),n=require("../../flex/Flex.cjs");require("../../icon/Icon.cjs"),require("../../icon/icons/animated/ArrowVerticalAnimated.cjs"),require("../../icon/icons/animated/ArrowHorizontalAnimated.cjs"),require("../../icon/icons/animated/PlusRemoveAnimated.cjs"),require("../../icon/icons/ArrowDownIcon.cjs"),require("../../icon/icons/ArrowLeftIcon.cjs"),require("../../icon/icons/ArrowNorthEastIcon.cjs"),require("../../icon/icons/ArrowRightIcon.cjs"),require("../../icon/icons/ArrowUpIcon.cjs"),require("../../icon/icons/CalendarIcon.cjs"),require("../../icon/icons/CheckIcon.cjs"),require("../../icon/icons/ChevronDownIcon.cjs"),require("../../icon/icons/ChevronLeftIcon.cjs"),require("../../icon/icons/ChevronRightIcon.cjs"),require("../../icon/icons/ChevronUpIcon.cjs"),require("../../icon/icons/CloseIcon.cjs"),require("../../icon/icons/CopyIcon.cjs"),require("../../icon/icons/DotsIcon.cjs"),require("../../icon/icons/DragIcon.cjs"),require("../../icon/icons/ErrorIcon.cjs");const c=require("../../icon/icons/GreenCheckIcon.cjs");require("../../icon/icons/HamburgerIcon.cjs"),require("../../icon/icons/InfoIcon.cjs"),require("../../icon/icons/LinkIcon.cjs"),require("../../icon/icons/MinusIcon.cjs"),require("../../icon/icons/OpenInNewIcon.cjs"),require("../../icon/icons/PenIcon.cjs"),require("../../icon/icons/PlusIcon.cjs"),require("../../icon/icons/QuestionIcon.cjs"),require("../../icon/icons/RedCrossIcon.cjs"),require("../../icon/icons/SearchIcon.cjs"),require("../../icon/icons/SuccessIcon.cjs"),require("../../icon/icons/ThumbDownIcon.cjs"),require("../../icon/icons/ThumbUpIcon.cjs"),require("../../icon/icons/TrashCanIcon.cjs"),require("../../icon/icons/WarningIcon.cjs");const o=require("../ExpandablePanel.cjs"),i=require("../ExpandablePanelContent.cjs"),r=require("../Expander.cjs");;/* empty css */const s={title:"Komponenter/ExpandablePanel",component:o.ExpandablePanel,subcomponents:{Expander:r.Expander,ExpandablePanelContent:i.ExpandablePanelContent},parameters:{layout:"padded"},tags:["autodocs"],argTypes:{variant:{control:"select",options:["stroke","fill"]}}},a={name:"ExpandablePanel",args:{variant:"fill",icon:!0,flipDirection:!1},render:({icon:i,flipDirection:s,...a})=>e.jsx(n.Flex,{style:{width:"100%"},direction:"column",gap:4,children:[...Array(3)].map(((n,t)=>e.jsxs(o.ExpandablePanel,{...a,children:[e.jsx(r.Expander,{icon:i?e.jsx(c.GreenCheckIcon,{}):void 0,expandDirection:s?"up":void 0,children:"Når er det vi faktisk er åpne?"}),e.jsx(o.ExpandablePanel.Content,{children:"Velkommen innom når vi faktisk har kaffe! Vi er åpne mandag til fredag fra kl. 09:00 til 18:00. Lørdag kan du besøke oss fra 10:00 til 16:00 (vi liker en rolig start på lørdagen). Søndager hviler vi – og det burde du også!"})]},t)))})};exports.ExpandablePanelStory=a,exports.default=s;
|
|
2
2
|
//# sourceMappingURL=ExpanderPanel.stories.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpanderPanel.stories.cjs","sources":["../../../../../src/components/expander/stories/ExpanderPanel.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Flex } from \"../../flex/Flex.js\";\nimport { GreenCheckIcon } from \"../../icon/index.js\";\nimport { ExpandablePanel } from \"../ExpandablePanel.js\";\nimport { Expander } from \"../Expander.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n title: \"Komponenter/ExpandablePanel\",\n component: ExpandablePanel,\n parameters: {\n layout: \"padded\",\n },\n tags: [\"autodocs\"],\n argTypes: {\n variant: { control: \"select\", options: [\"stroke\", \"fill\"] },\n },\n};\n\nexport default meta;\n\ntype StoryExpanderPanel = StoryObj<{\n icon?: boolean;\n flipDirection?: boolean;\n variant: \"stroke\" | \"fill\";\n}>;\n\nexport const ExpandablePanelStory: StoryExpanderPanel = {\n name: \"ExpandablePanel\",\n args: {\n variant: \"fill\",\n icon: true,\n flipDirection: false,\n },\n render: ({ icon, flipDirection, ...props }) => (\n <Flex style={{ width: \"100%\" }} direction=\"column\" gap={4}>\n {[...Array(3)].map((_, index) => (\n <ExpandablePanel key={index} {...props}>\n <Expander\n icon={icon ? <GreenCheckIcon /> : undefined}\n expandDirection={flipDirection ? \"up\" : undefined}\n >\n Når er det vi faktisk er åpne?\n </Expander>\n <ExpandablePanel.Content>\n Velkommen innom når vi faktisk har kaffe! Vi er åpne\n mandag til fredag fra kl. 09:00 til 18:00. Lørdag kan du\n besøke oss fra 10:00 til 16:00 (vi liker en rolig start\n på lørdagen). Søndager hviler vi – og det burde du også!\n </ExpandablePanel.Content>\n </ExpandablePanel>\n ))}\n </Flex>\n ),\n};\n"],"names":["meta","title","component","ExpandablePanel","parameters","layout","tags","argTypes","variant","control","options","ExpandablePanelStory","name","args","icon","flipDirection","render","props","jsx","Flex","style","width","direction","gap","children","Array","map","_","index","jsxs","
|
|
1
|
+
{"version":3,"file":"ExpanderPanel.stories.cjs","sources":["../../../../../src/components/expander/stories/ExpanderPanel.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Flex } from \"../../flex/Flex.js\";\nimport { GreenCheckIcon } from \"../../icon/index.js\";\nimport { ExpandablePanel } from \"../ExpandablePanel.js\";\nimport { ExpandablePanelContent } from \"../ExpandablePanelContent.js\";\nimport { Expander } from \"../Expander.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n title: \"Komponenter/ExpandablePanel\",\n component: ExpandablePanel,\n subcomponents: { Expander, ExpandablePanelContent },\n parameters: {\n layout: \"padded\",\n },\n tags: [\"autodocs\"],\n argTypes: {\n variant: { control: \"select\", options: [\"stroke\", \"fill\"] },\n },\n};\n\nexport default meta;\n\ntype StoryExpanderPanel = StoryObj<{\n icon?: boolean;\n flipDirection?: boolean;\n variant: \"stroke\" | \"fill\";\n}>;\n\nexport const ExpandablePanelStory: StoryExpanderPanel = {\n name: \"ExpandablePanel\",\n args: {\n variant: \"fill\",\n icon: true,\n flipDirection: false,\n },\n render: ({ icon, flipDirection, ...props }) => (\n <Flex style={{ width: \"100%\" }} direction=\"column\" gap={4}>\n {[...Array(3)].map((_, index) => (\n <ExpandablePanel key={index} {...props}>\n <Expander\n icon={icon ? <GreenCheckIcon /> : undefined}\n expandDirection={flipDirection ? \"up\" : undefined}\n >\n Når er det vi faktisk er åpne?\n </Expander>\n <ExpandablePanel.Content>\n Velkommen innom når vi faktisk har kaffe! Vi er åpne\n mandag til fredag fra kl. 09:00 til 18:00. Lørdag kan du\n besøke oss fra 10:00 til 16:00 (vi liker en rolig start\n på lørdagen). Søndager hviler vi – og det burde du også!\n </ExpandablePanel.Content>\n </ExpandablePanel>\n ))}\n </Flex>\n ),\n};\n"],"names":["meta","title","component","ExpandablePanel","subcomponents","Expander","ExpandablePanelContent","parameters","layout","tags","argTypes","variant","control","options","ExpandablePanelStory","name","args","icon","flipDirection","render","props","jsx","Flex","style","width","direction","gap","children","Array","map","_","index","jsxs","GreenCheckIcon","expandDirection","Content"],"mappings":"67DASA,MAAMA,EAAa,CACfC,MAAO,8BACPC,UAAWC,EAAAA,gBACXC,cAAe,CAAAC,SAAEA,EAAAA,SAAAC,uBAAUA,0BAC3BC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,QAAS,CAAEC,QAAS,SAAUC,QAAS,CAAC,SAAU,WAY7CC,EAA2C,CACpDC,KAAM,kBACNC,KAAM,CACFL,QAAS,OACTM,MAAM,EACNC,eAAe,GAEnBC,OAAQ,EAAGF,KAAAA,EAAMC,cAAAA,KAAkBE,KAC/BC,EAAAA,IAACC,EAAAA,KAAK,CAAAC,MAAO,CAAEC,MAAO,QAAUC,UAAU,SAASC,IAAK,EACnDC,SAAA,IAAIC,MAAM,IAAIC,KAAI,CAACC,EAAGC,IAClBC,EAAAA,KAAA7B,EAAAA,gBAAA,IAAgCiB,EAC7BO,SAAA,CAAAN,EAAAA,IAAChB,EAAAA,SAAA,CACGY,KAAMA,EAAQI,EAAAA,IAAAY,EAAAA,eAAA,CAAe,QAAK,EAClCC,gBAAiBhB,EAAgB,UAAO,EAC3CS,SAAA,mCAGAN,EAAAA,IAAAlB,EAAAA,gBAAgBgC,QAAhB,CAAwBR,SAKzB,qOAZkBI"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("../LinkList.cjs"),r={title:"Komponenter/LinkList",component:i.LinkList,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{variant:{control:"radio",options:["ordered","unordered"]}}},
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("../LinkList.cjs"),r={title:"Komponenter/List/LinkList",component:i.LinkList,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{variant:{control:"radio",options:["ordered","unordered"]}}},t={name:"LinkList",args:{variant:"unordered"},render:r=>e.jsxs(i.LinkList,{style:{minWidth:"50vw"},...r,children:[e.jsx(i.LinkList.Item,{children:e.jsx(i.LinkList.Link,{href:"#",children:"SpareBank 1"})}),e.jsx(i.LinkList.Item,{children:e.jsx(i.LinkList.Link,{href:"#",children:"DNB"})}),e.jsx(i.LinkList.Item,{children:e.jsx(i.LinkList.Link,{href:"#",children:"LOfavør"})}),e.jsx(i.LinkList.Item,{children:e.jsx(i.LinkList.Link,{href:"#",children:"Norsk Sykepleierforbund"})})]})};exports.LinkListStory=t,exports.default=r;
|
|
2
2
|
//# sourceMappingURL=LinkList.stories.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkList.stories.cjs","sources":["../../../../../src/components/link-list/stories/LinkList.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { LinkList } from \"../LinkList.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n title: \"Komponenter/LinkList\",\n component: LinkList,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n argTypes: {\n variant: {\n control: \"radio\",\n options: [\"ordered\", \"unordered\"],\n },\n },\n} satisfies Meta<typeof LinkList>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof LinkList>;\n\nexport const LinkListStory: Story = {\n name: \"LinkList\",\n args: {\n variant: \"unordered\",\n },\n render: (props) => (\n <LinkList style={{ minWidth: \"50vw\" }} {...props}>\n <LinkList.Item>\n <LinkList.Link href=\"#\">SpareBank 1</LinkList.Link>\n </LinkList.Item>\n <LinkList.Item>\n <LinkList.Link href=\"#\">DNB</LinkList.Link>\n </LinkList.Item>\n <LinkList.Item>\n <LinkList.Link href=\"#\">LOfavør</LinkList.Link>\n </LinkList.Item>\n <LinkList.Item>\n <LinkList.Link href=\"#\">Norsk Sykepleierforbund</LinkList.Link>\n </LinkList.Item>\n </LinkList>\n ),\n};\n"],"names":["meta","title","component","LinkList","parameters","layout","tags","argTypes","variant","control","options","LinkListStory","name","args","render","props","jsxs","style","minWidth","children","jsx","Item","Link","href"],"mappings":"8KAKMA,EAAa,CACfC,MAAO,
|
|
1
|
+
{"version":3,"file":"LinkList.stories.cjs","sources":["../../../../../src/components/link-list/stories/LinkList.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { LinkList } from \"../LinkList.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n title: \"Komponenter/List/LinkList\",\n component: LinkList,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n argTypes: {\n variant: {\n control: \"radio\",\n options: [\"ordered\", \"unordered\"],\n },\n },\n} satisfies Meta<typeof LinkList>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof LinkList>;\n\nexport const LinkListStory: Story = {\n name: \"LinkList\",\n args: {\n variant: \"unordered\",\n },\n render: (props) => (\n <LinkList style={{ minWidth: \"50vw\" }} {...props}>\n <LinkList.Item>\n <LinkList.Link href=\"#\">SpareBank 1</LinkList.Link>\n </LinkList.Item>\n <LinkList.Item>\n <LinkList.Link href=\"#\">DNB</LinkList.Link>\n </LinkList.Item>\n <LinkList.Item>\n <LinkList.Link href=\"#\">LOfavør</LinkList.Link>\n </LinkList.Item>\n <LinkList.Item>\n <LinkList.Link href=\"#\">Norsk Sykepleierforbund</LinkList.Link>\n </LinkList.Item>\n </LinkList>\n ),\n};\n"],"names":["meta","title","component","LinkList","parameters","layout","tags","argTypes","variant","control","options","LinkListStory","name","args","render","props","jsxs","style","minWidth","children","jsx","Item","Link","href"],"mappings":"8KAKMA,EAAa,CACfC,MAAO,4BACPC,UAAWC,EAAAA,SACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,QAAS,CACLC,QAAS,QACTC,QAAS,CAAC,UAAW,gBASpBC,EAAuB,CAChCC,KAAM,WACNC,KAAM,CACFL,QAAS,aAEbM,OAASC,GACJC,EAAAA,KAAAb,EAAAA,SAAA,CAASc,MAAO,CAAEC,SAAU,WAAcH,EACvCI,SAAA,CAACC,EAAAA,IAAAjB,EAAAA,SAASkB,KAAT,CACGF,SAACC,EAAAA,IAAAjB,EAAAA,SAASmB,KAAT,CAAcC,KAAK,IAAIJ,SAAA,kBAE5BC,EAAAA,IAACjB,EAAAA,SAASkB,KAAT,CACGF,SAAAC,EAAAA,IAACjB,EAASA,SAAAmB,KAAT,CAAcC,KAAK,IAAIJ,SAAA,UAE5BC,EAAAA,IAACjB,EAAAA,SAASkB,KAAT,CACGF,SAAAC,EAAAA,IAACjB,EAASA,SAAAmB,KAAT,CAAcC,KAAK,IAAIJ,SAAA,cAE5BC,EAAAA,IAACjB,EAAAA,SAASkB,KAAT,CACGF,SAAAC,EAAAA,IAACjB,EAASA,SAAAmB,KAAT,CAAcC,KAAK,IAAIJ,SAAA"}
|
|
@@ -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("../../flex/Flex.cjs"),t=require("../List.cjs"),s=require("../ListItem.cjs"),l={title:"Komponenter/List",component:t.List,subcomponents:{ListItem:s.ListItem},tags:["autodocs"]},n=["Planlegg turen og meld fra hvor du går","Tilpass turen etter evne og forhold","Ta hensyn til vær- og skredvarsel","Vær forberedt på uvær og kulde, selv på korte turer","Ta med nødvendig utstyr for å kunne hjelpe deg selv og andre","Ta trygge veivalg. Gjenkjenn skredfarlig terreng og usikker is","Bruk kart og kompass. Vit alltid hvor du er","Vend i tide, det er ingen skam å snu","Spar på kreftene og søk ly om nødvendig"],i=["Regntøy (jakke og bukse)","Tynn vindjakke og turbukse (med god fukttransport)","Undertøy i ull/ullblanding + ekstra skift","Sokker med mye ull og god passform + ekstra skift","Ullgenser/jakke eller tynn dunjakke","Ekstra lue","Ullvotter eller andre vanter/votter som er varme selv når de er våte","Lette innesko/inneklær","Fjellstøvler og gjerne gamasjer","Shorts og t-skjorte (ull/kunstfiber) hvis det er meldt varmt vær"],d={name:"OrderedList",render:()=>e.jsxs(r.Flex,{gap:24,direction:"column",children:[e.jsx("h2",{children:"Fjellvettreglene"}),e.jsxs("p",{children:["Liste fra"," ",e.jsx("a",{href:"https://www.dnt.no/fjellvettreglene/",children:"DNTs side om fjellvettreglene"})]}),e.jsx(t.OrderedList,{"aria-label":"Fjellvettreglene",children:n.map((r=>e.jsx(s.ListItem,{children:r},r)))})]})},o={name:"UnorderedList",render:()=>e.jsxs(r.Flex,{gap:24,direction:"column",children:[e.jsx("h2",{children:"Pakkeliste (bekledning)"}),e.jsxs("p",{children:["Liste fra"," ",e.jsx("a",{href:"https://www.dnt.no/fjellvettreglene/",children:"DNTs pakkeliste for sommerturer"})]}),e.jsx(t.UnorderedList,{"aria-label":"Fjellvettreglene",children:i.map((r=>e.jsx(s.ListItem,{children:r},r)))})]})},a={name:"Coverage List",render:r=>e.jsxs(t.List,{children:[e.jsx(s.CheckListItem,{children:"Dekkes"}),e.jsx(s.CheckListItem,{children:"Dekkes også"}),e.jsx(s.CrossListItem,{children:"Dekkes ikke :("}),e.jsx(s.CrossListItem,{children:"Dekkes heller ikke :("})]})};exports.CoverageListStory=a,exports.OrderedListStory=d,exports.UnorderedListStory=o,exports.default=l;
|
|
2
|
+
//# sourceMappingURL=List.stories.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"List.stories.cjs","sources":["../../../../../src/components/list/stories/List.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { Flex } from \"../../flex/Flex.js\";\nimport { List, OrderedList, UnorderedList } from \"../List.js\";\nimport { CheckListItem, CrossListItem, ListItem } from \"../ListItem.js\";\n\nconst meta = {\n title: \"Komponenter/List\",\n component: List,\n subcomponents: {\n ListItem,\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof OrderedList>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst fjellvettreglene = [\n \"Planlegg turen og meld fra hvor du går\",\n \"Tilpass turen etter evne og forhold\",\n \"Ta hensyn til vær- og skredvarsel\",\n \"Vær forberedt på uvær og kulde, selv på korte turer\",\n \"Ta med nødvendig utstyr for å kunne hjelpe deg selv og andre\",\n \"Ta trygge veivalg. Gjenkjenn skredfarlig terreng og usikker is\",\n \"Bruk kart og kompass. Vit alltid hvor du er\",\n \"Vend i tide, det er ingen skam å snu\",\n \"Spar på kreftene og søk ly om nødvendig\",\n];\n\nconst bekledningsliste = [\n \"Regntøy (jakke og bukse)\",\n \"Tynn vindjakke og turbukse (med god fukttransport)\",\n \"Undertøy i ull/ullblanding + ekstra skift\",\n \"Sokker med mye ull og god passform + ekstra skift\",\n \"Ullgenser/jakke eller tynn dunjakke\",\n \"Ekstra lue\",\n \"Ullvotter eller andre vanter/votter som er varme selv når de er våte\",\n \"Lette innesko/inneklær\",\n \"Fjellstøvler og gjerne gamasjer\",\n \"Shorts og t-skjorte (ull/kunstfiber) hvis det er meldt varmt vær\",\n];\n\nexport const OrderedListStory: Story = {\n name: \"OrderedList\",\n render: () => (\n <Flex gap={24} direction=\"column\">\n <h2>Fjellvettreglene</h2>\n <p>\n Liste fra{\" \"}\n <a href=\"https://www.dnt.no/fjellvettreglene/\">\n DNTs side om fjellvettreglene\n </a>\n </p>\n <OrderedList aria-label=\"Fjellvettreglene\">\n {fjellvettreglene.map((regel) => (\n <ListItem key={regel}>{regel}</ListItem>\n ))}\n </OrderedList>\n </Flex>\n ),\n};\n\nexport const UnorderedListStory: Story = {\n name: \"UnorderedList\",\n render: () => (\n <Flex gap={24} direction=\"column\">\n <h2>Pakkeliste (bekledning)</h2>\n <p>\n Liste fra{\" \"}\n <a href=\"https://www.dnt.no/fjellvettreglene/\">\n DNTs pakkeliste for sommerturer\n </a>\n </p>\n <UnorderedList aria-label=\"Fjellvettreglene\">\n {bekledningsliste.map((gjenstand) => (\n <ListItem key={gjenstand}>{gjenstand}</ListItem>\n ))}\n </UnorderedList>\n </Flex>\n ),\n};\n\nexport const CoverageListStory: Story = {\n name: \"Coverage List\",\n render: (args) => (\n <List>\n <CheckListItem>Dekkes</CheckListItem>\n <CheckListItem>Dekkes også</CheckListItem>\n <CrossListItem>Dekkes ikke :(</CrossListItem>\n <CrossListItem>Dekkes heller ikke :(</CrossListItem>\n </List>\n ),\n};\n"],"names":["meta","title","component","List","subcomponents","ListItem","tags","fjellvettreglene","bekledningsliste","OrderedListStory","name","render","jsxs","Flex","gap","direction","children","jsx","href","OrderedList","map","regel","UnorderedListStory","UnorderedList","gjenstand","CoverageListStory","args","CheckListItem","CrossListItem"],"mappings":"wOAOMA,EAAO,CACTC,MAAO,mBACPC,UAAWC,EAAAA,KACXC,cAAe,CAAAC,SACXA,EAAAA,UAEJC,KAAM,CAAC,aAMLC,EAAmB,CACrB,yCACA,sCACA,oCACA,sDACA,+DACA,iEACA,8CACA,uCACA,2CAGEC,EAAmB,CACrB,2BACA,qDACA,4CACA,oDACA,sCACA,aACA,uEACA,yBACA,kCACA,oEAGSC,EAA0B,CACnCC,KAAM,cACNC,OAAQ,IACJC,EAAAA,KAACC,QAAKC,IAAK,GAAIC,UAAU,SACrBC,SAAA,CAAAC,EAAAA,IAAC,MAAGD,SAAgB,4BACnB,IAAE,CAAAA,SAAA,CAAA,YACW,IACTC,EAAAA,IAAA,IAAA,CAAEC,KAAK,uCAAuCF,SAE/C,qCAEHC,EAAAA,IAAAE,EAAAA,YAAA,CAAY,aAAW,mBACnBH,SAAiBT,EAAAa,KAAKC,GAClBJ,EAAAA,IAAAZ,EAAAA,SAAA,CAAsBW,SAARK,GAAAA,WAOtBC,EAA4B,CACrCZ,KAAM,gBACNC,OAAQ,IACJC,EAAAA,KAACC,QAAKC,IAAK,GAAIC,UAAU,SACrBC,SAAA,CAAAC,EAAAA,IAAC,MAAGD,SAAuB,mCAC1B,IAAE,CAAAA,SAAA,CAAA,YACW,IACTC,EAAAA,IAAA,IAAA,CAAEC,KAAK,uCAAuCF,SAE/C,uCAEHC,EAAAA,IAAAM,EAAAA,cAAA,CAAc,aAAW,mBACrBP,SAAiBR,EAAAY,KAAKI,GAClBP,EAAAA,IAAAZ,EAAAA,SAAA,CAA0BW,SAAZQ,GAAAA,WAOtBC,EAA2B,CACpCf,KAAM,gBACNC,OAASe,GACLd,EAAAA,KAACT,EACGA,KAAA,CAAAa,SAAA,CAAAC,EAAAA,IAACU,iBAAcX,SAAM,WACrBC,EAAAA,IAACU,iBAAcX,SAAW,gBAC1BC,EAAAA,IAACW,iBAAcZ,SAAc,mBAC7BC,EAAAA,IAACW,iBAAcZ,SAAqB"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as React } from 'react';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: React.FC<import('../types.js').ListProps>;
|
|
6
|
+
subcomponents: {
|
|
7
|
+
ListItem: React.FC<import('../ListItem.js').ListItemProps>;
|
|
8
|
+
};
|
|
9
|
+
tags: string[];
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof meta>;
|
|
13
|
+
export declare const OrderedListStory: Story;
|
|
14
|
+
export declare const UnorderedListStory: Story;
|
|
15
|
+
export declare const CoverageListStory: 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 r=require("../Loader.cjs"),t={title:"Komponenter/Loader/Loader",component:r.Loader,args:{textDescription:"Laster innhold",variant:"large",inline:!1,delay:0,role:"status"},argTypes:{variant:{control:"select"},role:{control:"text"}},tags:["autodocs"]},o={name:"Loader",render:t=>e.jsx(r.Loader,{...t})};exports.LoaderStory=o,exports.default=t;
|
|
2
|
+
//# sourceMappingURL=Loader.stories.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Loader.stories.cjs","sources":["../../../../../src/components/loader/stories/Loader.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { Loader } from \"../Loader.js\";\n\nconst meta = {\n title: \"Komponenter/Loader/Loader\",\n component: Loader,\n args: {\n textDescription: \"Laster innhold\",\n variant: \"large\",\n inline: false,\n delay: 0,\n role: \"status\",\n },\n argTypes: {\n variant: { control: \"select\" },\n role: { control: \"text\" },\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof Loader>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const LoaderStory: Story = {\n name: \"Loader\",\n render: (args) => <Loader {...args} />,\n};\n"],"names":["meta","title","component","Loader","args","textDescription","variant","inline","delay","role","argTypes","control","tags","LoaderStory","name","render","jsx"],"mappings":"6NAKMA,EAAO,CACTC,MAAO,4BACPC,UAAWC,EAAAA,OACXC,KAAM,CACFC,gBAAiB,iBACjBC,QAAS,QACTC,QAAQ,EACRC,MAAO,EACPC,KAAM,UAEVC,SAAU,CACNJ,QAAS,CAAEK,QAAS,UACpBF,KAAM,CAAEE,QAAS,SAErBC,KAAM,CAAC,aAMEC,EAAqB,CAC9BC,KAAM,SACNC,OAASX,GAAUY,EAAAA,IAAAb,EAAAA,OAAA,IAAWC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: ({ delay, variant, textDescription, className, dataTestAutoId, inline, ...rest }: import('../types.js').LoaderProps) => JSX.Element | null;
|
|
5
|
+
args: {
|
|
6
|
+
textDescription: string;
|
|
7
|
+
variant: "large";
|
|
8
|
+
inline: false;
|
|
9
|
+
delay: number;
|
|
10
|
+
role: "status";
|
|
11
|
+
};
|
|
12
|
+
argTypes: {
|
|
13
|
+
variant: {
|
|
14
|
+
control: "select";
|
|
15
|
+
};
|
|
16
|
+
role: {
|
|
17
|
+
control: "text";
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
tags: string[];
|
|
21
|
+
};
|
|
22
|
+
export default meta;
|
|
23
|
+
type Story = StoryObj<typeof meta>;
|
|
24
|
+
export declare const LoaderStory: 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("../skeletons/SkeletonAnimation.cjs"),n=require("../skeletons/SkeletonButton.cjs"),o=require("../skeletons/SkeletonCheckboxGroup.cjs"),l=require("../skeletons/SkeletonElement.cjs"),s=require("../skeletons/SkeletonInput.cjs"),r=require("../skeletons/SkeletonRadioButtonGroup.cjs"),i=require("../skeletons/SkeletonTable.cjs"),k=require("../skeletons/SkeletonTextArea.cjs"),d={title:"Komponenter/Loader/SkeletonTable",component:i.SkeletonTable,subcomponents:{SkeletonElement:l.SkeletonElement,SkeletonTableHeader:i.SkeletonTableHeader},argTypes:{width:{control:"number"}},tags:["autodocs"]},a={name:"Skeleton",args:{children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:40},children:[e.jsx(l.SkeletonElement,{width:350,height:32}),e.jsx(s.SkeletonInput,{}),e.jsx(k.SkeletonTextArea,{}),e.jsx(o.SkeletonCheckboxGroup,{checkboxes:3}),e.jsx(r.SkeletonRadioButtonGroup,{radioButtons:3}),e.jsx(n.SkeletonButton,{width:225}),e.jsxs(i.SkeletonTable,{children:[e.jsxs(i.SkeletonTableHeader,{children:[e.jsx("div",{style:{width:215},children:e.jsx(l.SkeletonElement,{width:115,height:16})}),e.jsx("div",{style:{width:115},children:e.jsx(l.SkeletonElement,{width:115,height:16})})]}),Array.from(Array(5)).map(((t,n)=>e.jsxs(i.SkeletonTableRow,{children:[e.jsx("div",{style:{width:215},children:e.jsx(l.SkeletonElement,{width:n%2?115:185,height:19})}),e.jsx("div",{style:{width:115},children:e.jsx(l.SkeletonElement,{width:24,height:24,shape:"circle"})})]},n)))]})]})},render:n=>e.jsx(t.SkeletonAnimation,{...n,role:"none presentation"})};exports.SkeletonStory=a,exports.default=d;
|
|
2
|
+
//# sourceMappingURL=Skeleton.stories.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Skeleton.stories.cjs","sources":["../../../../../src/components/loader/stories/Skeleton.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { SkeletonAnimation } from \"../skeletons/SkeletonAnimation.js\";\nimport { SkeletonButton } from \"../skeletons/SkeletonButton.js\";\nimport { SkeletonCheckboxGroup } from \"../skeletons/SkeletonCheckboxGroup.js\";\nimport { SkeletonElement } from \"../skeletons/SkeletonElement.js\";\nimport { SkeletonInput } from \"../skeletons/SkeletonInput.js\";\nimport { SkeletonRadioButtonGroup } from \"../skeletons/SkeletonRadioButtonGroup.js\";\nimport {\n SkeletonTable,\n SkeletonTableHeader,\n SkeletonTableRow,\n} from \"../skeletons/SkeletonTable.js\";\nimport { SkeletonTextArea } from \"../skeletons/SkeletonTextArea.js\";\n\nconst meta = {\n title: \"Komponenter/Loader/SkeletonTable\",\n component: SkeletonTable,\n subcomponents: { SkeletonElement, SkeletonTableHeader },\n argTypes: {\n width: {\n control: \"number\",\n },\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof SkeletonTable>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const SkeletonStory: Story = {\n name: \"Skeleton\",\n args: {\n children: (\n <div style={{ display: \"flex\", flexDirection: \"column\", gap: 40 }}>\n <SkeletonElement width={350} height={32} />\n <SkeletonInput />\n <SkeletonTextArea />\n <SkeletonCheckboxGroup checkboxes={3} />\n <SkeletonRadioButtonGroup radioButtons={3} />\n <SkeletonButton width={225} />\n <SkeletonTable>\n <SkeletonTableHeader>\n <div style={{ width: 215 }}>\n <SkeletonElement width={115} height={16} />\n </div>\n <div style={{ width: 115 }}>\n <SkeletonElement width={115} height={16} />\n </div>\n </SkeletonTableHeader>\n {Array.from(Array(5)).map((_, index) => (\n <SkeletonTableRow key={index}>\n <div style={{ width: 215 }}>\n <SkeletonElement\n width={index % 2 ? 115 : 185}\n height={19}\n />\n </div>\n <div style={{ width: 115 }}>\n <SkeletonElement\n width={24}\n height={24}\n shape=\"circle\"\n />\n </div>\n </SkeletonTableRow>\n ))}\n </SkeletonTable>\n </div>\n ),\n },\n render: (args) => (\n <SkeletonAnimation\n {...args}\n role=\"none presentation\" // Kun for eksempelet, ellers blir det mange alerts på siden\n />\n ),\n};\n"],"names":["meta","title","component","SkeletonTable","subcomponents","SkeletonElement","SkeletonTableHeader","argTypes","width","control","tags","SkeletonStory","name","args","children","jsxs","style","display","flexDirection","gap","jsx","height","SkeletonInput","SkeletonTextArea","SkeletonCheckboxGroup","checkboxes","SkeletonRadioButtonGroup","radioButtons","SkeletonButton","Array","from","map","_","index","SkeletonTableRow","shape","render","SkeletonAnimation","role"],"mappings":"+jBAgBMA,EAAO,CACTC,MAAO,mCACPC,UAAWC,EAAAA,cACXC,cAAe,CAAAC,gBAAEA,EAAAA,gBAAAC,oBAAiBA,uBAClCC,SAAU,CACNC,MAAO,CACHC,QAAS,WAGjBC,KAAM,CAAC,aAMEC,EAAuB,CAChCC,KAAM,WACNC,KAAM,CACFC,SACKC,EAAAA,KAAA,MAAA,CAAIC,MAAO,CAAEC,QAAS,OAAQC,cAAe,SAAUC,IAAK,IACzDL,SAAA,CAAAM,EAAAA,IAACf,EAAgBA,gBAAA,CAAAG,MAAO,IAAKa,OAAQ,WACpCC,EAAcA,cAAA,UACdC,EAAiBA,iBAAA,IAClBH,EAAAA,IAACI,EAAsBA,sBAAA,CAAAC,WAAY,IACnCL,EAAAA,IAACM,EAAyBA,yBAAA,CAAAC,aAAc,IACxCP,EAAAA,IAACQ,EAAeA,eAAA,CAAApB,MAAO,aACtBL,EAAAA,cACG,CAAAW,SAAA,CAAAC,OAACT,EAAAA,oBACG,CAAAQ,SAAA,CAAAM,EAAAA,IAAC,MAAI,CAAAJ,MAAO,CAAER,MAAO,KACjBM,SAACM,EAAAA,IAAAf,EAAAA,gBAAA,CAAgBG,MAAO,IAAKa,OAAQ,OAExCD,EAAAA,IAAA,MAAA,CAAIJ,MAAO,CAAER,MAAO,KACjBM,SAAAM,EAAAA,IAACf,EAAgBA,gBAAA,CAAAG,MAAO,IAAKa,OAAQ,UAG5CQ,MAAMC,KAAKD,MAAM,IAAIE,KAAI,CAACC,EAAGC,IAC1BlB,EAAAA,KAACmB,EACGA,iBAAA,CAAApB,SAAA,CAAAM,EAAAA,IAAC,MAAI,CAAAJ,MAAO,CAAER,MAAO,KACjBM,SAAAM,EAAAA,IAACf,EAAAA,gBAAA,CACGG,MAAOyB,EAAQ,EAAI,IAAM,IACzBZ,OAAQ,aAGf,MAAI,CAAAL,MAAO,CAAER,MAAO,KACjBM,SAAAM,EAAAA,IAACf,EAAAA,gBAAA,CACGG,MAAO,GACPa,OAAQ,GACRc,MAAM,eAXKF,YAoB3CG,OAASvB,GACLO,EAAAA,IAACiB,EAAAA,kBAAA,IACOxB,EACJyB,KAAK"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as React } from 'react';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: ({ className, density, width, style, ...rest }: import('../types.js').SkeletonTableProps) => React.JSX.Element;
|
|
6
|
+
subcomponents: {
|
|
7
|
+
SkeletonElement: ({ shape, width, height, style, className, ...rest }: import('../types.js').SkeletonElementProps) => React.JSX.Element;
|
|
8
|
+
SkeletonTableHeader: ({ className, ...rest }: import('../types.js').SkeletonTableHeaderProps) => React.JSX.Element;
|
|
9
|
+
};
|
|
10
|
+
argTypes: {
|
|
11
|
+
width: {
|
|
12
|
+
control: "number";
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
tags: string[];
|
|
16
|
+
};
|
|
17
|
+
export default meta;
|
|
18
|
+
type Story = StoryObj<typeof meta>;
|
|
19
|
+
export declare const SkeletonStory: Story;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("../RadioPanel.cjs"),r={title:"Komponenter/RadioPanel",component:a.RadioPanel,parameters:{layout:"padded"},argTypes:{extraLabel:{control:"text"}},tags:["autodocs"]},s={args:{label:"Kasko",children:e.jsx("p",{children:"En forsikring som passer de fleste biler. Dekker det meste av skader, også de du selv er ansvarlig for. Inkluderer Minikasko og Ansvar."}),extraLabel:"Anbefalt",value:"Kasko",alwaysOpen:!1},render:r=>e.jsx(a.RadioPanel,{...r})};exports.RadioPanel=s,exports.default=r;
|
|
2
|
+
//# sourceMappingURL=RadioPanel.stories.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioPanel.stories.cjs","sources":["../../../../../src/components/radio-panel/stories/RadioPanel.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { RadioPanel as RadioPanelComponent } from \"../RadioPanel.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n title: \"Komponenter/RadioPanel\",\n component: RadioPanelComponent,\n parameters: {\n layout: \"padded\",\n },\n argTypes: {\n extraLabel: {\n control: \"text\",\n },\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof RadioPanelComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const RadioPanel: Story = {\n args: {\n label: \"Kasko\",\n children: (\n <p>\n En forsikring som passer de fleste biler. Dekker det meste av\n skader, også de du selv er ansvarlig for. Inkluderer Minikasko\n og Ansvar.\n </p>\n ),\n extraLabel: \"Anbefalt\",\n value: \"Kasko\",\n alwaysOpen: false,\n },\n render: (args) => <RadioPanelComponent {...args} />,\n};\n"],"names":["meta","title","component","RadioPanelComponent","RadioPanel","parameters","layout","argTypes","extraLabel","control","tags","args","label","children","jsx","value","alwaysOpen","render"],"mappings":"gLAKMA,EAAO,CACTC,MAAO,yBACPC,UAAWC,EAAAC,WACXC,WAAY,CACRC,OAAQ,UAEZC,SAAU,CACNC,WAAY,CACRC,QAAS,SAGjBC,KAAM,CAAC,aAMEN,EAAoB,CAC7BO,KAAM,CACFC,MAAO,QACPC,SACKC,EAAAA,IAAA,IAAA,CAAED,SAIH,4IAEJL,WAAY,WACZO,MAAO,QACPC,YAAY,GAEhBC,OAASN,GAAUG,EAAAA,IAAAX,EAAAA,WAAA,IAAwBQ"}
|
|
@@ -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<import('../types.js').RadioPanelProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
argTypes: {
|
|
10
|
+
extraLabel: {
|
|
11
|
+
control: "text";
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
tags: string[];
|
|
15
|
+
};
|
|
16
|
+
export default meta;
|
|
17
|
+
type Story = StoryObj<typeof meta>;
|
|
18
|
+
export declare const RadioPanel: 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 a=require("../NavTab.cjs"),s=require("../NavTabs.cjs"),r={title:"Komponenter/Tabs/NavTabs",component:s.NavTabs,subcomponents:{NavTab:a.NavTab},tags:["autodocs"]},t={name:"NavTabs",args:{children:e.jsx("p",{children:"e"})},render:r=>e.jsxs(s.NavTabs,{...r,children:[e.jsx(a.NavTab,{"aria-selected":!0,children:"Alle"}),e.jsx(a.NavTab,{"aria-selected":!1,children:"NICE"}),e.jsx(a.NavTab,{"aria-selected":!1,children:"Prolife"})]})};exports.TabsStory=t,exports.default=r;
|
|
2
|
+
//# sourceMappingURL=NavTabs.stories.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NavTabs.stories.cjs","sources":["../../../../../src/components/tabs/stories/NavTabs.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { NavTab } from \"../NavTab.js\";\nimport { NavTabs as Tabs } from \"../NavTabs.js\";\n\nconst meta = {\n title: \"Komponenter/Tabs/NavTabs\",\n component: Tabs,\n subcomponents: {\n NavTab,\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof Tabs>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const TabsStory: Story = {\n name: \"NavTabs\",\n args: {\n children: <p>e</p>,\n },\n render: (args) => (\n <Tabs {...args}>\n <NavTab aria-selected={true}>Alle</NavTab>\n <NavTab aria-selected={false}>NICE</NavTab>\n <NavTab aria-selected={false}>Prolife</NavTab>\n </Tabs>\n ),\n};\n"],"names":["meta","title","component","Tabs","NavTabs","subcomponents","NavTab","tags","TabsStory","name","args","children","jsx","render","jsxs"],"mappings":"yPAMMA,EAAO,CACTC,MAAO,2BACPC,UAAWC,EAAAC,QACXC,cAAe,CAAAC,OACXA,EAAAA,QAEJC,KAAM,CAAC,aAMEC,EAAmB,CAC5BC,KAAM,UACNC,KAAM,CACFC,SAAWC,EAAAA,IAAA,IAAA,CAAED,SAAC,OAElBE,OAASH,GACJI,EAAAA,KAAAX,EAAAC,QAAA,IAASM,EACNC,SAAA,CAACC,EAAAA,IAAAN,EAAAA,OAAA,CAAO,iBAAe,EAAMK,SAAI,SAChCC,EAAAA,IAAAN,EAAAA,OAAA,CAAO,iBAAe,EAAOK,SAAI,SACjCC,EAAAA,IAAAN,EAAAA,OAAA,CAAO,iBAAe,EAAOK,SAAO"}
|
|
@@ -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: ({ "aria-label": ariaLabel, children, className, density, ...rest }: import('../types.js').NavTabsProps) => React.JSX.Element;
|
|
6
|
+
subcomponents: {
|
|
7
|
+
NavTab: React.ForwardRefExoticComponent<import('../types.js').NavTabProps<Record<string, unknown>> & React.RefAttributes<HTMLAnchorElement>>;
|
|
8
|
+
};
|
|
9
|
+
tags: string[];
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof meta>;
|
|
13
|
+
export declare const TabsStory: 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 a=require("../Tab.cjs"),r=require("../TabList.cjs"),s=require("../TabPanel.cjs"),l=require("../Tabs.cjs"),t={title:"Komponenter/Tabs/Tabs",component:l.Tabs,subcomponents:{TabList:r.TabList,TabPanel:s.TabPanel,Tab:a.Tab},argTypes:{defaultTab:{control:"number",table:{defaultValue:{summary:void 0}}}},tags:["autodocs"]},i={name:"Tabs",args:{children:e.jsx("p",{})},render:t=>e.jsxs(l.Tabs,{...t,children:[e.jsxs(r.TabList,{"aria-label":"Avtale-filter",children:[e.jsx(a.Tab,{children:"Alle avtaler"}),e.jsx(a.Tab,{children:"NICE"}),e.jsx(a.Tab,{children:"Prolife"})]}),e.jsx(s.TabPanel,{children:"Alle avtaler"}),e.jsx(s.TabPanel,{children:"NICE-avtaler"}),e.jsx(s.TabPanel,{children:"Prolife-avtaler"})]})};exports.TabsStory=i,exports.default=t;
|
|
2
|
+
//# sourceMappingURL=Tabs.stories.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.stories.cjs","sources":["../../../../../src/components/tabs/stories/Tabs.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { Tab } from \"../Tab.js\";\nimport { TabList } from \"../TabList.js\";\nimport { TabPanel } from \"../TabPanel.js\";\nimport { Tabs } from \"../Tabs.js\";\n\nconst meta = {\n title: \"Komponenter/Tabs/Tabs\",\n component: Tabs,\n subcomponents: {\n TabList,\n TabPanel,\n Tab,\n },\n argTypes: {\n defaultTab: {\n control: \"number\",\n table: {\n defaultValue: {\n summary: undefined,\n },\n },\n },\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof Tabs>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const TabsStory: Story = {\n name: \"Tabs\",\n args: {\n children: <p></p>,\n },\n render: (args) => (\n <Tabs {...args}>\n <TabList aria-label=\"Avtale-filter\">\n <Tab>Alle avtaler</Tab>\n <Tab>NICE</Tab>\n <Tab>Prolife</Tab>\n </TabList>\n\n <TabPanel>Alle avtaler</TabPanel>\n\n <TabPanel>NICE-avtaler</TabPanel>\n\n <TabPanel>Prolife-avtaler</TabPanel>\n </Tabs>\n ),\n};\n"],"names":["meta","title","component","Tabs","subcomponents","TabList","TabPanel","Tab","argTypes","defaultTab","control","table","defaultValue","summary","tags","TabsStory","name","args","children","render","jsxs","jsx"],"mappings":"4SAQMA,EAAO,CACTC,MAAO,wBACPC,UAAWC,EAAAA,KACXC,cAAe,CAAAC,QACXA,EAAAA,QAAAC,SACAA,EAAAA,SAAAC,IACAA,EAAAA,KAEJC,SAAU,CACNC,WAAY,CACRC,QAAS,SACTC,MAAO,CACHC,aAAc,CACVC,aAAS,MAKzBC,KAAM,CAAC,aAMEC,EAAmB,CAC5BC,KAAM,OACNC,KAAM,CACFC,eAAW,IAAE,KAEjBC,OAASF,GACJG,EAAAA,KAAAjB,EAAAA,KAAA,IAASc,EACNC,SAAA,CAACE,EAAAA,KAAAf,EAAAA,QAAA,CAAQ,aAAW,gBAChBa,SAAA,CAAAG,EAAAA,IAACd,OAAIW,SAAY,iBACjBG,EAAAA,IAACd,OAAIW,SAAI,SACTG,EAAAA,IAACd,OAAIW,SAAO,eAGhBG,EAAAA,IAACf,YAASY,SAAY,iBAEtBG,EAAAA,IAACf,YAASY,SAAY,iBAEtBG,EAAAA,IAACf,YAASY,SAAe"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as React } from 'react';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: ({ onChange, defaultTab, density, ...props }: import('../types.js').TabsProps) => React.JSX.Element;
|
|
6
|
+
subcomponents: {
|
|
7
|
+
TabList: ({ children, className, ...injected }: import('../types.js').TabListProps) => React.JSX.Element;
|
|
8
|
+
TabPanel: ({ children, ...props }: import('../types.js').TabPanelProps) => React.JSX.Element;
|
|
9
|
+
Tab: React.ForwardRefExoticComponent<import('../types.js').TabProps & React.RefAttributes<HTMLButtonElement>>;
|
|
10
|
+
};
|
|
11
|
+
argTypes: {
|
|
12
|
+
defaultTab: {
|
|
13
|
+
control: "number";
|
|
14
|
+
table: {
|
|
15
|
+
defaultValue: {
|
|
16
|
+
summary: undefined;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
tags: string[];
|
|
22
|
+
};
|
|
23
|
+
export default meta;
|
|
24
|
+
type Story = StoryObj<typeof meta>;
|
|
25
|
+
export declare const TabsStory: 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("../Tag.cjs"),a={title:"Komponenter/Tag",component:r.Tag,tags:["autodocs"],args:{children:"Hei"}},o={name:"Tag",render:a=>e.jsx(r.Tag,{...a})},n={name:"Success Tag",render:a=>e.jsx(r.SuccessTag,{...a})},s={name:"Info Tag",render:a=>e.jsx(r.InfoTag,{...a})},t={name:"Warning Tag",render:a=>e.jsx(r.WarningTag,{...a})},g={name:"Error Tag",render:a=>e.jsx(r.ErrorTag,{...a})};exports.ErrorTagStory=g,exports.InfoTagStory=s,exports.SuccessTagStory=n,exports.TagStory=o,exports.WarningTagStory=t,exports.default=a;
|
|
2
|
+
//# sourceMappingURL=Tag.stories.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tag.stories.cjs","sources":["../../../../../src/components/tag/stories/Tag.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { Tag, InfoTag, WarningTag, ErrorTag, SuccessTag } from \"../Tag.js\";\n\nconst meta = {\n title: \"Komponenter/Tag\",\n component: Tag,\n tags: [\"autodocs\"],\n args: {\n children: \"Hei\",\n },\n} satisfies Meta<typeof Tag>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const TagStory: Story = {\n name: \"Tag\",\n render: (args) => <Tag {...args} />,\n};\n\nexport const SuccessTagStory: Story = {\n name: \"Success Tag\",\n render: (args) => <SuccessTag {...args} />,\n};\n\nexport const InfoTagStory: Story = {\n name: \"Info Tag\",\n render: (args) => <InfoTag {...args} />,\n};\n\nexport const WarningTagStory: Story = {\n name: \"Warning Tag\",\n render: (args) => <WarningTag {...args} />,\n};\n\nexport const ErrorTagStory: Story = {\n name: \"Error Tag\",\n render: (args) => <ErrorTag {...args} />,\n};\n"],"names":["meta","title","component","Tag","tags","args","children","TagStory","name","render","jsx","SuccessTagStory","SuccessTag","InfoTagStory","InfoTag","WarningTagStory","WarningTag","ErrorTagStory","ErrorTag"],"mappings":"yKAKMA,EAAO,CACTC,MAAO,kBACPC,UAAWC,EAAAA,IACXC,KAAM,CAAC,YACPC,KAAM,CACFC,SAAU,QAOLC,EAAkB,CAC3BC,KAAM,MACNC,OAASJ,GAAUK,EAAAA,IAAAP,EAAAA,IAAA,IAAQE,KAGlBM,EAAyB,CAClCH,KAAM,cACNC,OAASJ,GAAUK,EAAAA,IAAAE,EAAAA,WAAA,IAAeP,KAGzBQ,EAAsB,CAC/BL,KAAM,WACNC,OAASJ,GAAUK,EAAAA,IAAAI,EAAAA,QAAA,IAAYT,KAGtBU,EAAyB,CAClCP,KAAM,cACNC,OAASJ,GAAUK,EAAAA,IAAAM,EAAAA,WAAA,IAAeX,KAGzBY,EAAuB,CAChCT,KAAM,YACNC,OAASJ,GAAUK,EAAAA,IAAAQ,EAAAA,SAAA,IAAab"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as React } from 'react';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: React.FC<import('../types.js').TagProps>;
|
|
6
|
+
tags: string[];
|
|
7
|
+
args: {
|
|
8
|
+
children: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof meta>;
|
|
13
|
+
export declare const TagStory: Story;
|
|
14
|
+
export declare const SuccessTagStory: Story;
|
|
15
|
+
export declare const InfoTagStory: Story;
|
|
16
|
+
export declare const WarningTagStory: Story;
|
|
17
|
+
export declare const ErrorTagStory: Story;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../BaseTextInput.cjs");;/* empty css */const e={title:"Komponenter/TextInput/BaseTextInput",component:t.BaseTextInput,parameters:{controls:{expanded:!0,sort:"alpha"}},tags:["autodocs"],argTypes:{value:{control:"text",description:"Verdien i feltet"},unit:{control:"text"},width:{control:"text",description:"Absolutt verdi for bredden til input-feltet"},maxLength:{control:"number"},action:{type:"function"},actionButton:{type:"function"},name:{control:"text",table:{disable:!0}},density:{table:{disable:!0}},align:{table:{defaultValue:{summary:"left"}}}}};exports.BaseTextInput={args:{name:"base-text-input",align:"left",placeholder:"Ditt innhold",maxLength:500,disabled:!1,readOnly:!1,defaultValue:"Ditt innhold"}},exports.default=e;
|
|
2
2
|
//# sourceMappingURL=BaseTextInput.stories.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseTextInput.stories.cjs","sources":["../../../../../src/components/text-input/stories/BaseTextInput.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { BaseTextInput as TextInputComponent } from \"../BaseTextInput.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n title: \"
|
|
1
|
+
{"version":3,"file":"BaseTextInput.stories.cjs","sources":["../../../../../src/components/text-input/stories/BaseTextInput.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { BaseTextInput as TextInputComponent } from \"../BaseTextInput.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n title: \"Komponenter/TextInput/BaseTextInput\",\n component: TextInputComponent,\n parameters: {\n controls: { expanded: true, sort: \"alpha\" },\n },\n tags: [\"autodocs\"],\n argTypes: {\n value: {\n control: \"text\",\n description: \"Verdien i feltet\",\n },\n unit: {\n control: \"text\",\n },\n width: {\n control: \"text\",\n description: \"Absolutt verdi for bredden til input-feltet\",\n },\n maxLength: {\n control: \"number\",\n },\n action: {\n type: \"function\",\n },\n actionButton: {\n type: \"function\",\n },\n name: {\n control: \"text\",\n table: {\n disable: true,\n },\n },\n density: { table: { disable: true } },\n align: {\n table: { defaultValue: { summary: \"left\" } },\n },\n },\n} satisfies Meta<typeof TextInputComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const BaseTextInput: Story = {\n args: {\n name: \"base-text-input\",\n align: \"left\",\n placeholder: \"Ditt innhold\",\n maxLength: 500,\n disabled: false,\n readOnly: false,\n defaultValue: \"Ditt innhold\",\n },\n};\n"],"names":["meta","title","component","TextInputComponent","BaseTextInput","parameters","controls","expanded","sort","tags","argTypes","value","control","description","unit","width","maxLength","action","type","actionButton","name","table","disable","density","align","defaultValue","summary","args","placeholder","disabled","readOnly"],"mappings":"+LAIA,MAAMA,EAAO,CACTC,MAAO,sCACPC,UAAWC,EAAAC,cACXC,WAAY,CACRC,SAAU,CAAEC,UAAU,EAAMC,KAAM,UAEtCC,KAAM,CAAC,YACPC,SAAU,CACNC,MAAO,CACHC,QAAS,OACTC,YAAa,oBAEjBC,KAAM,CACFF,QAAS,QAEbG,MAAO,CACHH,QAAS,OACTC,YAAa,+CAEjBG,UAAW,CACPJ,QAAS,UAEbK,OAAQ,CACJC,KAAM,YAEVC,aAAc,CACVD,KAAM,YAEVE,KAAM,CACFR,QAAS,OACTS,MAAO,CACHC,SAAS,IAGjBC,QAAS,CAAEF,MAAO,CAAEC,SAAS,IAC7BE,MAAO,CACHH,MAAO,CAAEI,aAAc,CAAEC,QAAS,kCAQV,CAChCC,KAAM,CACFP,KAAM,kBACNI,MAAO,OACPI,YAAa,eACbZ,UAAW,IACXa,UAAU,EACVC,UAAU,EACVL,aAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../TextInput.cjs");;/* empty css */const t={title:"
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../TextInput.cjs");;/* empty css */const t={title:"Komponenter/TextInput/TextInput",component:e.TextInput,parameters:{controls:{expanded:!0,sort:"alpha"}},tags:["autodocs"],argTypes:{density:{table:{disable:!0}}}};exports.TextInput={argTypes:{label:{type:{name:"string",required:!0},table:{defaultValue:{summary:void 0}}},value:{control:"text",description:"Verdien i feltet",table:{defaultValue:{summary:void 0}}},unit:{control:"text",table:{defaultValue:{summary:void 0}}},width:{control:"text",description:"Absolutt verdi for bredden til input-feltet",table:{defaultValue:{summary:void 0}}},maxLength:{control:"number",table:{defaultValue:{summary:void 0}}},action:{type:"function",table:{defaultValue:{summary:void 0}}},actionButton:{type:"function",table:{defaultValue:{summary:void 0}}},inline:{control:"boolean",description:"Lar feltet stå som en del av tekstlig innhold",table:{defaultValue:{summary:void 0}}},name:{table:{disable:!0}},inputClassName:{description:"Klasse for input-feltet",table:{defaultValue:{summary:void 0}}},density:{table:{disable:!0}},align:{table:{defaultValue:{summary:"left"}}},placeholder:{table:{defaultValue:{summary:void 0}}},defaultValue:{table:{defaultValue:{summary:void 0}}},"data-testautoid":{table:{defaultValue:{summary:void 0}}}},args:{name:"text-input",label:"Label",align:"left",inline:!1,placeholder:"Ditt innhold",maxLength:35,disabled:!1,readOnly:!1,defaultValue:"Ditt innhold",inputClassName:"input-klasse","data-testautoid":"test-id"}},exports.UnitAlign={name:"Unit + Align",args:{label:"Boareal",align:"right",maxLength:20,placeholder:"50",unit:"kvadratmeter"}},exports.default=t;
|
|
2
2
|
//# sourceMappingURL=TextInput.stories.cjs.map
|