@fremtind/jokul 0.53.0 → 0.54.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (55) hide show
  1. package/build/build-stats.html +1 -1
  2. package/build/cjs/components/button/stories/Button.stories.cjs +1 -1
  3. package/build/cjs/components/button/stories/Button.stories.cjs.map +1 -1
  4. package/build/cjs/components/popover/stories/PopoverControlled.stories.cjs +2 -0
  5. package/build/cjs/components/popover/stories/PopoverControlled.stories.cjs.map +1 -0
  6. package/build/cjs/components/popover/stories/PopoverControlled.stories.d.cts +6 -0
  7. package/build/cjs/components/popover/stories/PopoverUncontrolled.stories.cjs +2 -0
  8. package/build/cjs/components/popover/stories/PopoverUncontrolled.stories.cjs.map +1 -0
  9. package/build/cjs/components/popover/stories/PopoverUncontrolled.stories.d.cts +6 -0
  10. package/build/cjs/components/progress-bar/stories/ProgressBar.stories.cjs +2 -0
  11. package/build/cjs/components/progress-bar/stories/ProgressBar.stories.cjs.map +1 -0
  12. package/build/cjs/components/progress-bar/stories/ProgressBar.stories.d.cts +6 -0
  13. package/build/es/components/button/stories/Button.stories.js +1 -1
  14. package/build/es/components/button/stories/Button.stories.js.map +1 -1
  15. package/build/es/components/popover/stories/PopoverControlled.stories.d.ts +6 -0
  16. package/build/es/components/popover/stories/PopoverControlled.stories.js +2 -0
  17. package/build/es/components/popover/stories/PopoverControlled.stories.js.map +1 -0
  18. package/build/es/components/popover/stories/PopoverUncontrolled.stories.d.ts +6 -0
  19. package/build/es/components/popover/stories/PopoverUncontrolled.stories.js +2 -0
  20. package/build/es/components/popover/stories/PopoverUncontrolled.stories.js.map +1 -0
  21. package/build/es/components/progress-bar/stories/ProgressBar.stories.d.ts +6 -0
  22. package/build/es/components/progress-bar/stories/ProgressBar.stories.js +2 -0
  23. package/build/es/components/progress-bar/stories/ProgressBar.stories.js.map +1 -0
  24. package/build/style.css +1 -1
  25. package/package.json +2 -2
  26. package/styles/components/button/button.css +2 -2
  27. package/styles/components/button/button.min.css +1 -1
  28. package/styles/components/checkbox/checkbox.css +4 -4
  29. package/styles/components/checkbox/checkbox.min.css +1 -1
  30. package/styles/components/checkbox-panel/checkbox-panel.css +2 -2
  31. package/styles/components/checkbox-panel/checkbox-panel.min.css +1 -1
  32. package/styles/components/countdown/countdown.css +2 -2
  33. package/styles/components/countdown/countdown.min.css +1 -1
  34. package/styles/components/feedback/feedback.css +2 -2
  35. package/styles/components/feedback/feedback.min.css +1 -1
  36. package/styles/components/input-group/input-group.css +2 -2
  37. package/styles/components/input-group/input-group.min.css +1 -1
  38. package/styles/components/loader/loader.css +6 -6
  39. package/styles/components/loader/loader.min.css +1 -1
  40. package/styles/components/loader/skeleton-loader.css +5 -5
  41. package/styles/components/loader/skeleton-loader.min.css +1 -1
  42. package/styles/components/message/message.css +2 -2
  43. package/styles/components/message/message.min.css +1 -1
  44. package/styles/components/progress-bar/progress-bar.css +1 -1
  45. package/styles/components/progress-bar/progress-bar.min.css +1 -1
  46. package/styles/components/radio-button/radio-button.css +2 -2
  47. package/styles/components/radio-button/radio-button.min.css +1 -1
  48. package/styles/components/radio-panel/radio-panel.css +2 -2
  49. package/styles/components/radio-panel/radio-panel.min.css +1 -1
  50. package/styles/components/system-message/system-message.css +2 -2
  51. package/styles/components/system-message/system-message.min.css +1 -1
  52. package/styles/components/toast/toast.css +4 -4
  53. package/styles/components/toast/toast.min.css +1 -1
  54. package/styles/styles.css +38 -38
  55. package/styles/styles.min.css +1 -1
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={title:"Komponenter/Button",component:require("../Button.cjs").Button,parameters:{layout:"centered"},tags:["autodocs"]},e={type:"submit",children:"Knapp",loader:{showLoader:!1,textDescription:"laster inn"}},r={args:e},o={args:{...e,variant:"primary"}},a={args:{...e,variant:"secondary"}},s={args:{...e,variant:"tertiary"}},n={args:{...e,variant:"ghost"}};exports.Button=r,exports.GhostButton=n,exports.PrimaryButton=o,exports.SecondaryButton=a,exports.TertiaryButton=s,exports.default=t;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../Button.cjs");;/* empty css */const e={title:"Komponenter/Button",component:t.Button,parameters:{layout:"centered"},tags:["autodocs"]},r={type:"submit",children:"Knapp",loader:{showLoader:!1,textDescription:"laster inn"}},o={args:r},a={args:{...r,variant:"primary"}},s={args:{...r,variant:"secondary"}},n={args:{...r,variant:"tertiary"}},i={args:{...r,variant:"ghost"}};exports.Button=o,exports.GhostButton=i,exports.PrimaryButton=a,exports.SecondaryButton=s,exports.TertiaryButton=n,exports.default=e;
2
2
  //# sourceMappingURL=Button.stories.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"Button.stories.cjs","sources":["../../../../../src/components/button/stories/Button.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { Button as ButtonComponent } from \"../Button.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n title: \"Komponenter/Button\",\n component: ButtonComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof ButtonComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst baseArgs = {\n type: \"submit\",\n children: \"Knapp\",\n loader: {\n showLoader: false,\n textDescription: \"laster inn\",\n },\n};\nexport const Button: Story = {\n args: baseArgs,\n};\n\nexport const PrimaryButton: Story = {\n args: {\n ...baseArgs,\n variant: \"primary\",\n },\n};\n\nexport const SecondaryButton: Story = {\n args: {\n ...baseArgs,\n variant: \"secondary\",\n },\n};\n\nexport const TertiaryButton: Story = {\n args: {\n ...baseArgs,\n variant: \"tertiary\",\n },\n};\n\nexport const GhostButton: Story = {\n args: {\n ...baseArgs,\n variant: \"ghost\",\n },\n};\n"],"names":["meta","title","component","Button","parameters","layout","tags","baseArgs","type","children","loader","showLoader","textDescription","args","PrimaryButton","variant","SecondaryButton","TertiaryButton","GhostButton"],"mappings":"kHAIMA,EAAO,CACTC,MAAO,qBACPC,mCAAWC,OACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMLC,EAAW,CACbC,KAAM,SACNC,SAAU,QACVC,OAAQ,CACJC,YAAY,EACZC,gBAAiB,eAGZT,EAAgB,CACzBU,KAAMN,GAGGO,EAAuB,CAChCD,KAAM,IACCN,EACHQ,QAAS,YAIJC,EAAyB,CAClCH,KAAM,IACCN,EACHQ,QAAS,cAIJE,EAAwB,CACjCJ,KAAM,IACCN,EACHQ,QAAS,aAIJG,EAAqB,CAC9BL,KAAM,IACCN,EACHQ,QAAS"}
1
+ {"version":3,"file":"Button.stories.cjs","sources":["../../../../../src/components/button/stories/Button.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { Button as ButtonComponent } from \"../Button.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n title: \"Komponenter/Button\",\n component: ButtonComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof ButtonComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst baseArgs = {\n type: \"submit\",\n children: \"Knapp\",\n loader: {\n showLoader: false,\n textDescription: \"laster inn\",\n },\n};\nexport const Button: Story = {\n args: baseArgs,\n};\n\nexport const PrimaryButton: Story = {\n args: {\n ...baseArgs,\n variant: \"primary\",\n },\n};\n\nexport const SecondaryButton: Story = {\n args: {\n ...baseArgs,\n variant: \"secondary\",\n },\n};\n\nexport const TertiaryButton: Story = {\n args: {\n ...baseArgs,\n variant: \"tertiary\",\n },\n};\n\nexport const GhostButton: Story = {\n args: {\n ...baseArgs,\n variant: \"ghost\",\n },\n};\n"],"names":["meta","title","component","ButtonComponent","Button","parameters","layout","tags","baseArgs","type","children","loader","showLoader","textDescription","args","PrimaryButton","variant","SecondaryButton","TertiaryButton","GhostButton"],"mappings":"wLAIA,MAAMA,EAAO,CACTC,MAAO,qBACPC,UAAWC,EAAAC,OACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMLC,EAAW,CACbC,KAAM,SACNC,SAAU,QACVC,OAAQ,CACJC,YAAY,EACZC,gBAAiB,eAGZT,EAAgB,CACzBU,KAAMN,GAGGO,EAAuB,CAChCD,KAAM,IACCN,EACHQ,QAAS,YAIJC,EAAyB,CAClCH,KAAM,IACCN,EACHQ,QAAS,cAIJE,EAAwB,CACjCJ,KAAM,IACCN,EACHQ,QAAS,aAIJG,EAAqB,CAC9BL,KAAM,IACCN,EACHQ,QAAS"}
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("react"),o=require("../../button/Button.cjs"),n=require("../Popover.cjs");,/* empty css */;/* empty css */const t={title:"Komponenter/Popover/PopoverControlled",component:n.Popover,parameters:{layout:"centered"},tags:["autodocs"]},i=t=>{const[i,s]=r.useState(!1);return e.jsxs(n.Popover,{...t,open:i,onOpenChange:s,children:[e.jsx(n.Popover.Trigger,{onClick:()=>s(!i),"aria-expanded":i,asChild:!0,children:e.jsx(o.Button,{variant:"primary",children:"Åpne popover"})}),e.jsx(n.Popover.Content,{padding:24,children:"Dette er innholdet i Popover"})]})},s={args:{open:!1,onOpenChange:()=>{},roleOptions:{role:"menu"}},render:r=>e.jsx(i,{...r})};exports.PopoverControlled=s,exports.default=t;
2
+ //# sourceMappingURL=PopoverControlled.stories.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PopoverControlled.stories.cjs","sources":["../../../../../src/components/popover/stories/PopoverControlled.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React, { useState } from \"react\";\nimport { Button } from \"../../button/Button.js\";\nimport { Popover as PopoverComponent } from \"../Popover.js\";\nimport \"../../button/styles/_index.scss\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n title: \"Komponenter/Popover/PopoverControlled\",\n component: PopoverComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof PopoverComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof PopoverComponent>;\n\ntype PopoverProps = React.ComponentProps<typeof PopoverComponent>;\n\nconst PopoverControlledComponent = (args: PopoverProps) => {\n const [open, setOpen] = useState(false);\n\n return (\n <PopoverComponent {...args} open={open} onOpenChange={setOpen}>\n <PopoverComponent.Trigger\n onClick={() => setOpen(!open)}\n aria-expanded={open}\n asChild\n >\n <Button variant=\"primary\">Åpne popover</Button>\n </PopoverComponent.Trigger>\n <PopoverComponent.Content padding={24}>\n Dette er innholdet i Popover\n </PopoverComponent.Content>\n </PopoverComponent>\n );\n};\n\nexport const PopoverControlled: Story = {\n args: {\n open: false,\n onOpenChange: () => {},\n roleOptions: { role: \"menu\" },\n },\n render: (args) => <PopoverControlledComponent {...args} />,\n};\n"],"names":["meta","title","component","PopoverComponent","Popover","parameters","layout","tags","PopoverControlledComponent","args","open","setOpen","useState","onOpenChange","children","jsx","Trigger","onClick","asChild","Button","variant","Content","padding","PopoverControlled","roleOptions","role","render"],"mappings":"2TAOA,MAAMA,EAAa,CACfC,MAAO,wCACPC,UAAWC,EAAAC,QACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aASLC,EAA8BC,IAChC,MAAOC,EAAMC,GAAWC,YAAS,GAEjC,cACKT,EAAkBC,QAAA,IAAGK,EAAMC,KAAAA,EAAYG,aAAcF,EAClDG,SAAA,CAAAC,EAAAA,IAACZ,EAAAA,QAAiBa,QAAjB,CACGC,QAAS,IAAMN,GAASD,GACxB,gBAAeA,EACfQ,SAAO,EAEPJ,SAACC,EAAAA,IAAAI,SAAA,CAAOC,QAAQ,UAAUN,SAAY,yBAEzCX,EAAiBC,QAAAiB,QAAjB,CAAyBC,QAAS,GAAIR,SAEvC,mCACJ,EAIKS,EAA2B,CACpCd,KAAM,CACFC,MAAM,EACNG,aAAc,OACdW,YAAa,CAAEC,KAAM,SAEzBC,OAASjB,GAAUM,EAAAA,IAAAP,EAAA,IAA+BC"}
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { Popover as PopoverComponent } from '../Popover.cjs';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<typeof PopoverComponent>;
6
+ export declare const PopoverControlled: Story;
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("react"),r=require("../Popover.cjs");,/* empty css */;/* empty css */const n={title:"Komponenter/Popover/PopoverUncontrolled",component:r.Popover,parameters:{layout:"centered"},tags:["autodocs"]},t=n=>{const[t,p]=o.useState(!1);return e.jsxs(r.Popover,{...n,open:t,onOpenChange:p,children:[e.jsx(r.Popover.Trigger,{onClick:()=>p(!t),"aria-expanded":t,asChild:!0,children:"Åpne popover"}),e.jsx(r.Popover.Content,{padding:24,children:"Dette er innholdet i Popover"})]})},p={args:{open:!1,onOpenChange:()=>{},roleOptions:{role:"menu"}},render:o=>e.jsx(t,{...o})};exports.PopoverUncontrolled=p,exports.default=n;
2
+ //# sourceMappingURL=PopoverUncontrolled.stories.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PopoverUncontrolled.stories.cjs","sources":["../../../../../src/components/popover/stories/PopoverUncontrolled.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React, { useState } from \"react\";\nimport { Popover as PopoverComponent } from \"../Popover.js\";\nimport \"../../button/styles/_index.scss\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n title: \"Komponenter/Popover/PopoverUncontrolled\",\n component: PopoverComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof PopoverComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof PopoverComponent>;\n\ntype PopoverProps = React.ComponentProps<typeof PopoverComponent>;\n\nconst PopoverUncontrolledComponent = (args: PopoverProps) => {\n const [open, setOpen] = useState(false);\n\n return (\n <PopoverComponent {...args} open={open} onOpenChange={setOpen}>\n <PopoverComponent.Trigger\n onClick={() => setOpen(!open)}\n aria-expanded={open}\n asChild\n >\n Åpne popover\n </PopoverComponent.Trigger>\n <PopoverComponent.Content padding={24}>\n Dette er innholdet i Popover\n </PopoverComponent.Content>\n </PopoverComponent>\n );\n};\n\nexport const PopoverUncontrolled: Story = {\n args: {\n open: false,\n onOpenChange: () => {},\n roleOptions: { role: \"menu\" },\n },\n render: (args) => <PopoverUncontrolledComponent {...args} />,\n};\n"],"names":["meta","title","component","PopoverComponent","Popover","parameters","layout","tags","PopoverUncontrolledComponent","args","open","setOpen","useState","onOpenChange","children","jsx","Trigger","onClick","asChild","Content","padding","PopoverUncontrolled","roleOptions","role","render"],"mappings":"sRAMA,MAAMA,EAAa,CACfC,MAAO,0CACPC,UAAWC,EAAAC,QACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aASLC,EAAgCC,IAClC,MAAOC,EAAMC,GAAWC,YAAS,GAEjC,cACKT,EAAkBC,QAAA,IAAGK,EAAMC,KAAAA,EAAYG,aAAcF,EAClDG,SAAA,CAAAC,EAAAA,IAACZ,EAAAA,QAAiBa,QAAjB,CACGC,QAAS,IAAMN,GAASD,GACxB,gBAAeA,EACfQ,SAAO,EACVJ,SAAA,uBAGAX,EAAiBC,QAAAe,QAAjB,CAAyBC,QAAS,GAAIN,SAEvC,mCACJ,EAIKO,EAA6B,CACtCZ,KAAM,CACFC,MAAM,EACNG,aAAc,OACdS,YAAa,CAAEC,KAAM,SAEzBC,OAASf,GAAUM,EAAAA,IAAAP,EAAA,IAAiCC"}
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { Popover as PopoverComponent } from '../Popover.cjs';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<typeof PopoverComponent>;
6
+ export declare const PopoverUncontrolled: 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("../ProgressBar.cjs"),s={title:"Komponenter/ProgressBar",component:r.ProgressBar,parameters:{layout:"centered"},tags:["autodocs"]},a={args:{"aria-valuenow":0,"aria-valuemin":0,"aria-valuemax":100},render:s=>e.jsx("div",{...s,style:{width:"100%",minWidth:"240px"},children:e.jsx(r.ProgressBar,{...s})})};exports.ProgressBar=a,exports.default=s;
2
+ //# sourceMappingURL=ProgressBar.stories.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProgressBar.stories.cjs","sources":["../../../../../src/components/progress-bar/stories/ProgressBar.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport { ProgressBar as ProgressBarComponent } from \"../ProgressBar.js\";\nimport \"../styles/_index.scss\";\nimport React from \"react\";\n\nconst meta: Meta = {\n title: \"Komponenter/ProgressBar\",\n component: ProgressBarComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof ProgressBarComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof ProgressBarComponent>;\n\nexport const ProgressBar: Story = {\n args: {\n \"aria-valuenow\": 0,\n \"aria-valuemin\": 0,\n \"aria-valuemax\": 100,\n },\n render: (args) => (\n <div {...args} style={{ width: \"100%\", minWidth: \"240px\" }}>\n <ProgressBarComponent {...args} />\n </div>\n ),\n};\n"],"names":["meta","title","component","ProgressBarComponent","ProgressBar","parameters","layout","tags","args","render","style","width","minWidth","children"],"mappings":"iLAKMA,EAAa,CACfC,MAAO,0BACPC,UAAWC,EAAAC,YACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEH,EAAqB,CAC9BI,KAAM,CACF,gBAAiB,EACjB,gBAAiB,EACjB,gBAAiB,KAErBC,OAASD,SACJ,MAAK,IAAGA,EAAME,MAAO,CAAEC,MAAO,OAAQC,SAAU,SAC7CC,eAACV,EAAAA,YAAsB,IAAGK"}
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { ProgressBar as ProgressBarComponent } from '../ProgressBar.cjs';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<typeof ProgressBarComponent>;
6
+ export declare const ProgressBar: Story;
@@ -1,2 +1,2 @@
1
- import{Button as t}from"../Button.js";const a={title:"Komponenter/Button",component:t,parameters:{layout:"centered"},tags:["autodocs"]},r={type:"submit",children:"Knapp",loader:{showLoader:!1,textDescription:"laster inn"}},o={args:r},n={args:{...r,variant:"primary"}},s={args:{...r,variant:"secondary"}},e={args:{...r,variant:"tertiary"}},i={args:{...r,variant:"ghost"}};export{o as Button,i as GhostButton,n as PrimaryButton,s as SecondaryButton,e as TertiaryButton,a as default};
1
+ import{Button as t}from"../Button.js";/* empty css */const a={title:"Komponenter/Button",component:t,parameters:{layout:"centered"},tags:["autodocs"]},r={type:"submit",children:"Knapp",loader:{showLoader:!1,textDescription:"laster inn"}},o={args:r},n={args:{...r,variant:"primary"}},s={args:{...r,variant:"secondary"}},e={args:{...r,variant:"tertiary"}},i={args:{...r,variant:"ghost"}};export{o as Button,i as GhostButton,n as PrimaryButton,s as SecondaryButton,e as TertiaryButton,a as default};
2
2
  //# sourceMappingURL=Button.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Button.stories.js","sources":["../../../../../src/components/button/stories/Button.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { Button as ButtonComponent } from \"../Button.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n title: \"Komponenter/Button\",\n component: ButtonComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof ButtonComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst baseArgs = {\n type: \"submit\",\n children: \"Knapp\",\n loader: {\n showLoader: false,\n textDescription: \"laster inn\",\n },\n};\nexport const Button: Story = {\n args: baseArgs,\n};\n\nexport const PrimaryButton: Story = {\n args: {\n ...baseArgs,\n variant: \"primary\",\n },\n};\n\nexport const SecondaryButton: Story = {\n args: {\n ...baseArgs,\n variant: \"secondary\",\n },\n};\n\nexport const TertiaryButton: Story = {\n args: {\n ...baseArgs,\n variant: \"tertiary\",\n },\n};\n\nexport const GhostButton: Story = {\n args: {\n ...baseArgs,\n variant: \"ghost\",\n },\n};\n"],"names":["meta","title","component","ButtonComponent","parameters","layout","tags","baseArgs","type","children","loader","showLoader","textDescription","Button","args","PrimaryButton","variant","SecondaryButton","TertiaryButton","GhostButton"],"mappings":"sCAIA,MAAMA,EAAO,CACTC,MAAO,qBACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMLC,EAAW,CACbC,KAAM,SACNC,SAAU,QACVC,OAAQ,CACJC,YAAY,EACZC,gBAAiB,eAGZC,EAAgB,CACzBC,KAAMP,GAGGQ,EAAuB,CAChCD,KAAM,IACCP,EACHS,QAAS,YAIJC,EAAyB,CAClCH,KAAM,IACCP,EACHS,QAAS,cAIJE,EAAwB,CACjCJ,KAAM,IACCP,EACHS,QAAS,aAIJG,EAAqB,CAC9BL,KAAM,IACCP,EACHS,QAAS"}
1
+ {"version":3,"file":"Button.stories.js","sources":["../../../../../src/components/button/stories/Button.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { Button as ButtonComponent } from \"../Button.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n title: \"Komponenter/Button\",\n component: ButtonComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof ButtonComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst baseArgs = {\n type: \"submit\",\n children: \"Knapp\",\n loader: {\n showLoader: false,\n textDescription: \"laster inn\",\n },\n};\nexport const Button: Story = {\n args: baseArgs,\n};\n\nexport const PrimaryButton: Story = {\n args: {\n ...baseArgs,\n variant: \"primary\",\n },\n};\n\nexport const SecondaryButton: Story = {\n args: {\n ...baseArgs,\n variant: \"secondary\",\n },\n};\n\nexport const TertiaryButton: Story = {\n args: {\n ...baseArgs,\n variant: \"tertiary\",\n },\n};\n\nexport const GhostButton: Story = {\n args: {\n ...baseArgs,\n variant: \"ghost\",\n },\n};\n"],"names":["meta","title","component","ButtonComponent","parameters","layout","tags","baseArgs","type","children","loader","showLoader","textDescription","Button","args","PrimaryButton","variant","SecondaryButton","TertiaryButton","GhostButton"],"mappings":"6EAIA,MAAMA,EAAO,CACTC,MAAO,qBACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMLC,EAAW,CACbC,KAAM,SACNC,SAAU,QACVC,OAAQ,CACJC,YAAY,EACZC,gBAAiB,eAGZC,EAAgB,CACzBC,KAAMP,GAGGQ,EAAuB,CAChCD,KAAM,IACCP,EACHS,QAAS,YAIJC,EAAyB,CAClCH,KAAM,IACCP,EACHS,QAAS,cAIJE,EAAwB,CACjCJ,KAAM,IACCP,EACHS,QAAS,aAIJG,EAAqB,CAC9BL,KAAM,IACCP,EACHS,QAAS"}
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { Popover as PopoverComponent } from '../Popover.js';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<typeof PopoverComponent>;
6
+ export declare const PopoverControlled: Story;
@@ -0,0 +1,2 @@
1
+ import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as r}from"react";import{Button as n}from"../../button/Button.js";import{Popover as t}from"../Popover.js";/* empty css *//* empty css */const a={title:"Komponenter/Popover/PopoverControlled",component:t,parameters:{layout:"centered"},tags:["autodocs"]},p=a=>{const[p,i]=r(!1);return o(t,{...a,open:p,onOpenChange:i,children:[e(t.Trigger,{onClick:()=>i(!p),"aria-expanded":p,asChild:!0,children:e(n,{variant:"primary",children:"Åpne popover"})}),e(t.Content,{padding:24,children:"Dette er innholdet i Popover"})]})},i={args:{open:!1,onOpenChange:()=>{},roleOptions:{role:"menu"}},render:o=>e(p,{...o})};export{i as PopoverControlled,a as default};
2
+ //# sourceMappingURL=PopoverControlled.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PopoverControlled.stories.js","sources":["../../../../../src/components/popover/stories/PopoverControlled.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React, { useState } from \"react\";\nimport { Button } from \"../../button/Button.js\";\nimport { Popover as PopoverComponent } from \"../Popover.js\";\nimport \"../../button/styles/_index.scss\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n title: \"Komponenter/Popover/PopoverControlled\",\n component: PopoverComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof PopoverComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof PopoverComponent>;\n\ntype PopoverProps = React.ComponentProps<typeof PopoverComponent>;\n\nconst PopoverControlledComponent = (args: PopoverProps) => {\n const [open, setOpen] = useState(false);\n\n return (\n <PopoverComponent {...args} open={open} onOpenChange={setOpen}>\n <PopoverComponent.Trigger\n onClick={() => setOpen(!open)}\n aria-expanded={open}\n asChild\n >\n <Button variant=\"primary\">Åpne popover</Button>\n </PopoverComponent.Trigger>\n <PopoverComponent.Content padding={24}>\n Dette er innholdet i Popover\n </PopoverComponent.Content>\n </PopoverComponent>\n );\n};\n\nexport const PopoverControlled: Story = {\n args: {\n open: false,\n onOpenChange: () => {},\n roleOptions: { role: \"menu\" },\n },\n render: (args) => <PopoverControlledComponent {...args} />,\n};\n"],"names":["meta","title","component","PopoverComponent","parameters","layout","tags","PopoverControlledComponent","args","open","setOpen","useState","onOpenChange","children","jsx","Trigger","onClick","asChild","Button","variant","Content","padding","PopoverControlled","roleOptions","role","render"],"mappings":"yPAOA,MAAMA,EAAa,CACfC,MAAO,wCACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aASLC,EAA8BC,IAChC,MAAOC,EAAMC,GAAWC,GAAS,YAG5BR,EAAkB,IAAGK,EAAMC,KAAAA,EAAYG,aAAcF,EAClDG,SAAA,CAAAC,EAACX,EAAiBY,QAAjB,CACGC,QAAS,IAAMN,GAASD,GACxB,gBAAeA,EACfQ,SAAO,EAEPJ,SAACC,EAAAI,EAAA,CAAOC,QAAQ,UAAUN,SAAY,qBAEzCV,EAAiBiB,QAAjB,CAAyBC,QAAS,GAAIR,SAEvC,mCACJ,EAIKS,EAA2B,CACpCd,KAAM,CACFC,MAAM,EACNG,aAAc,OACdW,YAAa,CAAEC,KAAM,SAEzBC,OAASjB,GAAUM,EAAAP,EAAA,IAA+BC"}
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { Popover as PopoverComponent } from '../Popover.js';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<typeof PopoverComponent>;
6
+ export declare const PopoverUncontrolled: Story;
@@ -0,0 +1,2 @@
1
+ import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as r}from"react";import{Popover as n}from"../Popover.js";/* empty css *//* empty css */const t={title:"Komponenter/Popover/PopoverUncontrolled",component:n,parameters:{layout:"centered"},tags:["autodocs"]},p=t=>{const[p,a]=r(!1);return o(n,{...t,open:p,onOpenChange:a,children:[e(n.Trigger,{onClick:()=>a(!p),"aria-expanded":p,asChild:!0,children:"Åpne popover"}),e(n.Content,{padding:24,children:"Dette er innholdet i Popover"})]})},a={args:{open:!1,onOpenChange:()=>{},roleOptions:{role:"menu"}},render:o=>e(p,{...o})};export{a as PopoverUncontrolled,t as default};
2
+ //# sourceMappingURL=PopoverUncontrolled.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PopoverUncontrolled.stories.js","sources":["../../../../../src/components/popover/stories/PopoverUncontrolled.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React, { useState } from \"react\";\nimport { Popover as PopoverComponent } from \"../Popover.js\";\nimport \"../../button/styles/_index.scss\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n title: \"Komponenter/Popover/PopoverUncontrolled\",\n component: PopoverComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof PopoverComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof PopoverComponent>;\n\ntype PopoverProps = React.ComponentProps<typeof PopoverComponent>;\n\nconst PopoverUncontrolledComponent = (args: PopoverProps) => {\n const [open, setOpen] = useState(false);\n\n return (\n <PopoverComponent {...args} open={open} onOpenChange={setOpen}>\n <PopoverComponent.Trigger\n onClick={() => setOpen(!open)}\n aria-expanded={open}\n asChild\n >\n Åpne popover\n </PopoverComponent.Trigger>\n <PopoverComponent.Content padding={24}>\n Dette er innholdet i Popover\n </PopoverComponent.Content>\n </PopoverComponent>\n );\n};\n\nexport const PopoverUncontrolled: Story = {\n args: {\n open: false,\n onOpenChange: () => {},\n roleOptions: { role: \"menu\" },\n },\n render: (args) => <PopoverUncontrolledComponent {...args} />,\n};\n"],"names":["meta","title","component","PopoverComponent","parameters","layout","tags","PopoverUncontrolledComponent","args","open","setOpen","useState","onOpenChange","children","jsx","Trigger","onClick","asChild","Content","padding","PopoverUncontrolled","roleOptions","role","render"],"mappings":"yMAMA,MAAMA,EAAa,CACfC,MAAO,0CACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aASLC,EAAgCC,IAClC,MAAOC,EAAMC,GAAWC,GAAS,YAG5BR,EAAkB,IAAGK,EAAMC,KAAAA,EAAYG,aAAcF,EAClDG,SAAA,CAAAC,EAACX,EAAiBY,QAAjB,CACGC,QAAS,IAAMN,GAASD,GACxB,gBAAeA,EACfQ,SAAO,EACVJ,SAAA,mBAGAV,EAAiBe,QAAjB,CAAyBC,QAAS,GAAIN,SAEvC,mCACJ,EAIKO,EAA6B,CACtCZ,KAAM,CACFC,MAAM,EACNG,aAAc,OACdS,YAAa,CAAEC,KAAM,SAEzBC,OAASf,GAAUM,EAAAP,EAAA,IAAiCC"}
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { ProgressBar as ProgressBarComponent } from '../ProgressBar.js';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<typeof ProgressBarComponent>;
6
+ export declare const ProgressBar: Story;
@@ -0,0 +1,2 @@
1
+ import{jsx as r}from"react/jsx-runtime";import{ProgressBar as a}from"../ProgressBar.js";const e={title:"Komponenter/ProgressBar",component:a,parameters:{layout:"centered"},tags:["autodocs"]},s={args:{"aria-valuenow":0,"aria-valuemin":0,"aria-valuemax":100},render:e=>r("div",{...e,style:{width:"100%",minWidth:"240px"},children:r(a,{...e})})};export{s as ProgressBar,e as default};
2
+ //# sourceMappingURL=ProgressBar.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProgressBar.stories.js","sources":["../../../../../src/components/progress-bar/stories/ProgressBar.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport { ProgressBar as ProgressBarComponent } from \"../ProgressBar.js\";\nimport \"../styles/_index.scss\";\nimport React from \"react\";\n\nconst meta: Meta = {\n title: \"Komponenter/ProgressBar\",\n component: ProgressBarComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof ProgressBarComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof ProgressBarComponent>;\n\nexport const ProgressBar: Story = {\n args: {\n \"aria-valuenow\": 0,\n \"aria-valuemin\": 0,\n \"aria-valuemax\": 100,\n },\n render: (args) => (\n <div {...args} style={{ width: \"100%\", minWidth: \"240px\" }}>\n <ProgressBarComponent {...args} />\n </div>\n ),\n};\n"],"names":["meta","title","component","ProgressBarComponent","parameters","layout","tags","ProgressBar","args","render","style","width","minWidth","children"],"mappings":"wFAKA,MAAMA,EAAa,CACfC,MAAO,0BACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAAqB,CAC9BC,KAAM,CACF,gBAAiB,EACjB,gBAAiB,EACjB,gBAAiB,KAErBC,OAASD,KACJ,MAAK,IAAGA,EAAME,MAAO,CAAEC,MAAO,OAAQC,SAAU,SAC7CC,WAACV,EAAsB,IAAGK"}