@fremtind/jokul 0.52.0 → 0.54.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (103) 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/modal/stories/Modal.stories.cjs +2 -0
  5. package/build/cjs/components/modal/stories/Modal.stories.cjs.map +1 -0
  6. package/build/cjs/components/modal/stories/Modal.stories.d.cts +14 -0
  7. package/build/cjs/components/modal/stories/ModalActions.stories.cjs +2 -0
  8. package/build/cjs/components/modal/stories/ModalActions.stories.cjs.map +1 -0
  9. package/build/cjs/components/modal/stories/ModalActions.stories.d.cts +13 -0
  10. package/build/cjs/components/modal/stories/ModalBody.stories.cjs +2 -0
  11. package/build/cjs/components/modal/stories/ModalBody.stories.cjs.map +1 -0
  12. package/build/cjs/components/modal/stories/ModalBody.stories.d.cts +12 -0
  13. package/build/cjs/components/modal/stories/ModalCloseButton.stories.cjs +2 -0
  14. package/build/cjs/components/modal/stories/ModalCloseButton.stories.cjs.map +1 -0
  15. package/build/cjs/components/modal/stories/ModalCloseButton.stories.d.cts +18 -0
  16. package/build/cjs/components/modal/stories/ModalContianer.stories.cjs +2 -0
  17. package/build/cjs/components/modal/stories/ModalContianer.stories.cjs.map +1 -0
  18. package/build/cjs/components/modal/stories/ModalContianer.stories.d.cts +19 -0
  19. package/build/cjs/components/modal/stories/ModalHeader.stories.cjs +2 -0
  20. package/build/cjs/components/modal/stories/ModalHeader.stories.cjs.map +1 -0
  21. package/build/cjs/components/modal/stories/ModalHeader.stories.d.cts +12 -0
  22. package/build/cjs/components/modal/stories/ModalOverlay.stories.cjs +2 -0
  23. package/build/cjs/components/modal/stories/ModalOverlay.stories.cjs.map +1 -0
  24. package/build/cjs/components/modal/stories/ModalOverlay.stories.d.cts +22 -0
  25. package/build/cjs/components/modal/stories/ModalTitle.stories.cjs +2 -0
  26. package/build/cjs/components/modal/stories/ModalTitle.stories.cjs.map +1 -0
  27. package/build/cjs/components/modal/stories/ModalTitle.stories.d.cts +16 -0
  28. package/build/cjs/components/popover/stories/PopoverControlled.stories.cjs +2 -0
  29. package/build/cjs/components/popover/stories/PopoverControlled.stories.cjs.map +1 -0
  30. package/build/cjs/components/popover/stories/PopoverControlled.stories.d.cts +6 -0
  31. package/build/cjs/components/popover/stories/PopoverUncontrolled.stories.cjs +2 -0
  32. package/build/cjs/components/popover/stories/PopoverUncontrolled.stories.cjs.map +1 -0
  33. package/build/cjs/components/popover/stories/PopoverUncontrolled.stories.d.cts +6 -0
  34. package/build/cjs/components/progress-bar/stories/ProgressBar.stories.cjs +2 -0
  35. package/build/cjs/components/progress-bar/stories/ProgressBar.stories.cjs.map +1 -0
  36. package/build/cjs/components/progress-bar/stories/ProgressBar.stories.d.cts +6 -0
  37. package/build/es/components/button/stories/Button.stories.js +1 -1
  38. package/build/es/components/button/stories/Button.stories.js.map +1 -1
  39. package/build/es/components/modal/stories/Modal.stories.d.ts +14 -0
  40. package/build/es/components/modal/stories/Modal.stories.js +2 -0
  41. package/build/es/components/modal/stories/Modal.stories.js.map +1 -0
  42. package/build/es/components/modal/stories/ModalActions.stories.d.ts +13 -0
  43. package/build/es/components/modal/stories/ModalActions.stories.js +2 -0
  44. package/build/es/components/modal/stories/ModalActions.stories.js.map +1 -0
  45. package/build/es/components/modal/stories/ModalBody.stories.d.ts +12 -0
  46. package/build/es/components/modal/stories/ModalBody.stories.js +2 -0
  47. package/build/es/components/modal/stories/ModalBody.stories.js.map +1 -0
  48. package/build/es/components/modal/stories/ModalCloseButton.stories.d.ts +18 -0
  49. package/build/es/components/modal/stories/ModalCloseButton.stories.js +2 -0
  50. package/build/es/components/modal/stories/ModalCloseButton.stories.js.map +1 -0
  51. package/build/es/components/modal/stories/ModalContianer.stories.d.ts +19 -0
  52. package/build/es/components/modal/stories/ModalContianer.stories.js +2 -0
  53. package/build/es/components/modal/stories/ModalContianer.stories.js.map +1 -0
  54. package/build/es/components/modal/stories/ModalHeader.stories.d.ts +12 -0
  55. package/build/es/components/modal/stories/ModalHeader.stories.js +2 -0
  56. package/build/es/components/modal/stories/ModalHeader.stories.js.map +1 -0
  57. package/build/es/components/modal/stories/ModalOverlay.stories.d.ts +22 -0
  58. package/build/es/components/modal/stories/ModalOverlay.stories.js +2 -0
  59. package/build/es/components/modal/stories/ModalOverlay.stories.js.map +1 -0
  60. package/build/es/components/modal/stories/ModalTitle.stories.d.ts +16 -0
  61. package/build/es/components/modal/stories/ModalTitle.stories.js +2 -0
  62. package/build/es/components/modal/stories/ModalTitle.stories.js.map +1 -0
  63. package/build/es/components/popover/stories/PopoverControlled.stories.d.ts +6 -0
  64. package/build/es/components/popover/stories/PopoverControlled.stories.js +2 -0
  65. package/build/es/components/popover/stories/PopoverControlled.stories.js.map +1 -0
  66. package/build/es/components/popover/stories/PopoverUncontrolled.stories.d.ts +6 -0
  67. package/build/es/components/popover/stories/PopoverUncontrolled.stories.js +2 -0
  68. package/build/es/components/popover/stories/PopoverUncontrolled.stories.js.map +1 -0
  69. package/build/es/components/progress-bar/stories/ProgressBar.stories.d.ts +6 -0
  70. package/build/es/components/progress-bar/stories/ProgressBar.stories.js +2 -0
  71. package/build/es/components/progress-bar/stories/ProgressBar.stories.js.map +1 -0
  72. package/build/style.css +1 -1
  73. package/package.json +2 -2
  74. package/styles/components/button/button.css +2 -2
  75. package/styles/components/button/button.min.css +1 -1
  76. package/styles/components/checkbox/checkbox.css +4 -4
  77. package/styles/components/checkbox/checkbox.min.css +1 -1
  78. package/styles/components/checkbox-panel/checkbox-panel.css +2 -2
  79. package/styles/components/checkbox-panel/checkbox-panel.min.css +1 -1
  80. package/styles/components/countdown/countdown.css +2 -2
  81. package/styles/components/countdown/countdown.min.css +1 -1
  82. package/styles/components/feedback/feedback.css +2 -2
  83. package/styles/components/feedback/feedback.min.css +1 -1
  84. package/styles/components/input-group/input-group.css +2 -2
  85. package/styles/components/input-group/input-group.min.css +1 -1
  86. package/styles/components/loader/loader.css +6 -6
  87. package/styles/components/loader/loader.min.css +1 -1
  88. package/styles/components/loader/skeleton-loader.css +5 -5
  89. package/styles/components/loader/skeleton-loader.min.css +1 -1
  90. package/styles/components/message/message.css +2 -2
  91. package/styles/components/message/message.min.css +1 -1
  92. package/styles/components/progress-bar/progress-bar.css +1 -1
  93. package/styles/components/progress-bar/progress-bar.min.css +1 -1
  94. package/styles/components/radio-button/radio-button.css +2 -2
  95. package/styles/components/radio-button/radio-button.min.css +1 -1
  96. package/styles/components/radio-panel/radio-panel.css +2 -2
  97. package/styles/components/radio-panel/radio-panel.min.css +1 -1
  98. package/styles/components/system-message/system-message.css +2 -2
  99. package/styles/components/system-message/system-message.min.css +1 -1
  100. package/styles/components/toast/toast.css +4 -4
  101. package/styles/components/toast/toast.min.css +1 -1
  102. package/styles/styles.css +38 -38
  103. package/styles/styles.min.css +1 -1
@@ -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"}