@uva-glass/component-library 3.57.2 → 3.57.3

package/dist/components/Drawer/Drawer.stories.js

@@ -1,4 +1,4 @@
-import { r as e } from "../../test-WxLxsxwA.js";
+import { r as e } from "../../test-Gtly6H2f.js";
 import { Button as t } from "../Buttons/Button.js";
 import { t as n } from "../../ButtonGroup-D2z5UWTR.js";
 import { t as r } from "../../Drawer-fUw0LEuj.js";

package/dist/components/Drawer/Drawer.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.stories.js","names":[],"sources":["../../../src/components/Drawer/Drawer.stories.tsx"],"sourcesContent":["import { OverlayProvider } from '@react-aria/overlays';\nimport { fn } from 'storybook/test';\nimport { useState } from 'react';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { DrawerProps } from './Drawer';\n\nimport { Drawer } from './Drawer';\n\nimport { Button } from 'components/Buttons';\nimport { ButtonGroup } from 'components/ButtonGroup';\n\nconst codeString = `\n  <Drawer isOpen={isOpen} onClose={onCloseFunction} title={title} buttons={buttons}> {children} </Drawer>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/Drawer',\n  component: Drawer,\n  argTypes: {\n    isOpen: {\n      table: {\n        disable: true,\n      },\n    },\n    buttons: {\n      table: {\n        disable: true,\n      },\n    },\n    closeButtonAriaValueText: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: Drawer,\n    codeString: codeString,\n  },\n} as Meta<DrawerProps>;\n\nconst Template: StoryFn<DrawerProps> = (args) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  return (\n    <OverlayProvider>\n      <Button onClick={() => setIsOpen(!isOpen)} variant=\"primary\">\n        Open drawer\n      </Button>\n      {isOpen && (\n        <Drawer\n          {...args}\n          isOpen={isOpen}\n          onClose={() => {\n            fn()();\n            return setIsOpen(!isOpen);\n          }}\n        >\n          Example Drawer Content\n        </Drawer>\n      )}\n    </OverlayProvider>\n  );\n};\n\nconst defaultArgs: Partial<DrawerProps> = {\n  title: 'Example Title',\n  closeButtonAriaValueText: 'Close',\n};\n\nexport const DrawerExample = Template.bind({});\nDrawerExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithButtons = Template.bind({});\nWithButtons.args = {\n  ...defaultArgs,\n  buttons: (\n    <ButtonGroup>\n      <Button variant=\"primary\">Primary Example Button</Button>\n      <Button variant=\"secondary\">Secondary Example Button</Button>\n    </ButtonGroup>\n  ),\n};\n"],"mappings":";;;;;;;AAiBA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,QAAQ,EACN,OAAO,EACL,SAAS,GACX,EACF;EACA,SAAS,EACP,OAAO,EACL,SAAS,GACX,EACF;EACA,0BAA0B,EACxB,OAAO,EACL,SAAS,GACX,EACF;CACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAEM,KAAkC,MAAS;CAC/C,IAAM,CAAC,GAAQ,KAAa,EAAS,EAAK;CAE1C,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EAAQ,eAAe,EAAU,CAAC,CAAM;EAAG,SAAQ;YAAU;CAErD,CAAA,GACP,KACC,kBAAC,GAAD;EACE,GAAI;EACI;EACR,gBACE,EAAG,EAAE,GACE,EAAU,CAAC,CAAM;YAE3B;CAEO,CAAA,CAEK,EAAA,CAAA;AAErB,GAEM,IAAoC;CACxC,OAAO;CACP,0BAA0B;AAC5B,GAEa,IAAgB,EAAS,KAAK,CAAC,CAAC;AAC7C,EAAc,OAAO,EACnB,GAAG,EACL;AAEA,IAAa,IAAc,EAAS,KAAK,CAAC,CAAC;AAC3C,EAAY,OAAO;CACjB,GAAG;CACH,SACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EAAQ,SAAQ;YAAU;CAA8B,CAAA,GACxD,kBAAC,GAAD;EAAQ,SAAQ;YAAY;CAAgC,CAAA,CACjD,EAAA,CAAA;AAEjB"}
+{"version":3,"file":"Drawer.stories.js","names":[],"sources":["../../../src/components/Drawer/Drawer.stories.tsx"],"sourcesContent":["import { OverlayProvider } from '@react-aria/overlays';\nimport { fn } from 'storybook/test';\nimport { useState } from 'react';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { DrawerProps } from './Drawer';\n\nimport { Drawer } from './Drawer';\n\nimport { Button } from 'components/Buttons';\nimport { ButtonGroup } from 'components/ButtonGroup';\n\nconst codeString = `\n  <Drawer isOpen={isOpen} onClose={onCloseFunction} title={title} buttons={buttons}> {children} </Drawer>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/Drawer',\n  component: Drawer,\n  argTypes: {\n    isOpen: {\n      table: {\n        disable: true,\n      },\n    },\n    buttons: {\n      table: {\n        disable: true,\n      },\n    },\n    closeButtonAriaValueText: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: Drawer,\n    codeString: codeString,\n  },\n} as Meta<DrawerProps>;\n\nconst Template: StoryFn<DrawerProps> = (args) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  return (\n    <OverlayProvider>\n      <Button onClick={() => setIsOpen(!isOpen)} variant=\"primary\">\n        Open drawer\n      </Button>\n      {isOpen && (\n        <Drawer\n          {...args}\n          isOpen={isOpen}\n          onClose={() => {\n            fn()();\n            return setIsOpen(!isOpen);\n          }}\n        >\n          Example Drawer Content\n        </Drawer>\n      )}\n    </OverlayProvider>\n  );\n};\n\nconst defaultArgs: Partial<DrawerProps> = {\n  title: 'Example Title',\n  closeButtonAriaValueText: 'Close',\n};\n\nexport const DrawerExample = Template.bind({});\nDrawerExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithButtons = Template.bind({});\nWithButtons.args = {\n  ...defaultArgs,\n  buttons: (\n    <ButtonGroup>\n      <Button variant=\"primary\">Primary Example Button</Button>\n      <Button variant=\"secondary\">Secondary Example Button</Button>\n    </ButtonGroup>\n  ),\n};\n"],"mappings":";;;;;;;AAiBA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,QAAQ,EACN,OAAO,EACL,SAAS,GACX,EACF;EACA,SAAS,EACP,OAAO,EACL,SAAS,GACX,EACF;EACA,0BAA0B,EACxB,OAAO,EACL,SAAS,GACX,EACF;CACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAEM,KAAkC,MAAS;CAC/C,IAAM,CAAC,GAAQ,KAAa,EAAS,EAAK;CAE1C,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EAAQ,eAAe,EAAU,CAAC,CAAM;EAAG,SAAQ;YAAU;CAErD,CAAA,GACP,KACC,kBAAC,GAAD;EACE,GAAI;EACI;EACR,gBACE,EAAG,CAAC,CAAC,GACE,EAAU,CAAC,CAAM;YAE3B;CAEO,CAAA,CAEK,EAAA,CAAA;AAErB,GAEM,IAAoC;CACxC,OAAO;CACP,0BAA0B;AAC5B,GAEa,IAAgB,EAAS,KAAK,CAAC,CAAC;AAC7C,EAAc,OAAO,EACnB,GAAG,EACL;AAEA,IAAa,IAAc,EAAS,KAAK,CAAC,CAAC;AAC3C,EAAY,OAAO;CACjB,GAAG;CACH,SACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EAAQ,SAAQ;YAAU;CAA8B,CAAA,GACxD,kBAAC,GAAD;EAAQ,SAAQ;YAAY;CAAgC,CAAA,CACjD,EAAA,CAAA;AAEjB"}

package/dist/components/EmptyStateDataDisplay/EmptyStateDataDisplay.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyStateDataDisplay.stories.js","names":[],"sources":["../../../src/components/EmptyStateDataDisplay/EmptyStateDataDisplay.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { EmptyStateDataDisplayProps } from './EmptyStateDataDisplay';\n\nimport { EmptyStateDataDisplay } from './EmptyStateDataDisplay';\n\nconst codeString = '<EmptyStateDataDisplay label={label} paragraph={paragraph} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/EmptyStateDataDisplay',\n  component: EmptyStateDataDisplay,\n  parameters: {\n    inspectComponent: EmptyStateDataDisplay,\n    codeString: codeString,\n  },\n} as Meta<EmptyStateDataDisplayProps>;\n\nconst Template: StoryFn<EmptyStateDataDisplayProps> = (args) => <EmptyStateDataDisplay {...args} />;\n\nexport const EmptyStateDataDisplayExample = Template.bind({});\nEmptyStateDataDisplayExample.args = {\n  label: 'This is an example info empty state data display label',\n  paragraph: 'This is an example info empty state data display paragraph',\n};\n"],"mappings":";;AAQA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAIa,MAF0C,MAAS,kBAAC,GAAD,EAAuB,GAAI,EAAO,CAAA,GAE7C,KAAK,CAAC,CAAC;AAC5D,EAA6B,OAAO;CAClC,OAAO;CACP,WAAW;AACb"}
+{"version":3,"file":"EmptyStateDataDisplay.stories.js","names":[],"sources":["../../../src/components/EmptyStateDataDisplay/EmptyStateDataDisplay.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { EmptyStateDataDisplayProps } from './EmptyStateDataDisplay';\n\nimport { EmptyStateDataDisplay } from './EmptyStateDataDisplay';\n\nconst codeString = '<EmptyStateDataDisplay label={label} paragraph={paragraph} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/EmptyStateDataDisplay',\n  component: EmptyStateDataDisplay,\n  parameters: {\n    inspectComponent: EmptyStateDataDisplay,\n    codeString: codeString,\n  },\n} as Meta<EmptyStateDataDisplayProps>;\n\nconst Template: StoryFn<EmptyStateDataDisplayProps> = (args) => <EmptyStateDataDisplay {...args} />;\n\nexport const EmptyStateDataDisplayExample = Template.bind({});\nEmptyStateDataDisplayExample.args = {\n  label: 'This is an example info empty state data display label',\n  paragraph: 'This is an example info empty state data display paragraph',\n};\n"],"mappings":";;AAQA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAIa,MAF0C,MAAS,kBAAC,GAAD,EAAuB,GAAI,EAAO,CAAA,EAEtD,CAAS,KAAK,CAAC,CAAC;AAC5D,EAA6B,OAAO;CAClC,OAAO;CACP,WAAW;AACb"}

package/dist/components/FeedbackBar/FeedbackBar.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackBar.stories.js","names":[],"sources":["../../../src/components/FeedbackBar/FeedbackBar.stories.tsx"],"sourcesContent":["import { useState, type PropsWithChildren } from 'react';\n\nimport type { Meta, StoryFn } from '@storybook/react';\n\nimport { FeedbackBar } from 'components/FeedbackBar';\nimport { Button } from 'components/Buttons';\nimport { Repeater } from 'components/Repeater';\nimport { ButtonGroup } from 'components/ButtonGroup';\n\nconst codeString = '<FeedbackBar>{children}</FeedbackBar>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/FeedbackBar',\n  component: FeedbackBar,\n  parameters: {\n    inspectComponent: FeedbackBar,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren>;\n\nconst Template: StoryFn<PropsWithChildren> = (args) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  return (\n    <Repeater>\n      <ButtonGroup>\n        <Button variant=\"primary\" onClick={() => setIsOpen(true)}>\n          Click to open FeedbackBar\n        </Button>\n        <Button variant=\"primary\" onClick={() => setIsOpen(false)}>\n          Click to reset animation for FeedbackBar\n        </Button>\n      </ButtonGroup>\n      {isOpen && <FeedbackBar {...args} />}\n    </Repeater>\n  );\n};\n\nexport const FeedbackBarExample = Template.bind({});\nFeedbackBarExample.args = {\n  children: 'This is example feedback',\n};\n"],"mappings":";;;;;;AAYA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAoBa,MAlBiC,MAAS;CACrD,IAAM,CAAC,GAAQ,KAAa,EAAS,EAAK;CAE1C,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EAAQ,SAAQ;EAAU,eAAe,EAAU,EAAI;YAAG;CAElD,CAAA,GACR,kBAAC,GAAD;EAAQ,SAAQ;EAAU,eAAe,EAAU,EAAK;YAAG;CAEnD,CAAA,CACG,EAAA,CAAA,GACZ,KAAU,kBAAC,GAAD,EAAa,GAAI,EAAO,CAAA,CAC3B,EAAA,CAAA;AAEd,GAE2C,KAAK,CAAC,CAAC;AAClD,EAAmB,OAAO,EACxB,UAAU,2BACZ"}
+{"version":3,"file":"FeedbackBar.stories.js","names":[],"sources":["../../../src/components/FeedbackBar/FeedbackBar.stories.tsx"],"sourcesContent":["import { useState, type PropsWithChildren } from 'react';\n\nimport type { Meta, StoryFn } from '@storybook/react';\n\nimport { FeedbackBar } from 'components/FeedbackBar';\nimport { Button } from 'components/Buttons';\nimport { Repeater } from 'components/Repeater';\nimport { ButtonGroup } from 'components/ButtonGroup';\n\nconst codeString = '<FeedbackBar>{children}</FeedbackBar>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/FeedbackBar',\n  component: FeedbackBar,\n  parameters: {\n    inspectComponent: FeedbackBar,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren>;\n\nconst Template: StoryFn<PropsWithChildren> = (args) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  return (\n    <Repeater>\n      <ButtonGroup>\n        <Button variant=\"primary\" onClick={() => setIsOpen(true)}>\n          Click to open FeedbackBar\n        </Button>\n        <Button variant=\"primary\" onClick={() => setIsOpen(false)}>\n          Click to reset animation for FeedbackBar\n        </Button>\n      </ButtonGroup>\n      {isOpen && <FeedbackBar {...args} />}\n    </Repeater>\n  );\n};\n\nexport const FeedbackBarExample = Template.bind({});\nFeedbackBarExample.args = {\n  children: 'This is example feedback',\n};\n"],"mappings":";;;;;;AAYA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAoBa,MAlBiC,MAAS;CACrD,IAAM,CAAC,GAAQ,KAAa,EAAS,EAAK;CAE1C,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EAAQ,SAAQ;EAAU,eAAe,EAAU,EAAI;YAAG;CAElD,CAAA,GACR,kBAAC,GAAD;EAAQ,SAAQ;EAAU,eAAe,EAAU,EAAK;YAAG;CAEnD,CAAA,CACG,EAAA,CAAA,GACZ,KAAU,kBAAC,GAAD,EAAa,GAAI,EAAO,CAAA,CAC3B,EAAA,CAAA;AAEd,EAEkC,CAAS,KAAK,CAAC,CAAC;AAClD,EAAmB,OAAO,EACxB,UAAU,2BACZ"}

package/dist/components/FeedbackBar/FeedbackBar.test.js

@@ -1,6 +1,6 @@
-import "../../dist-C6Ar8a59.js";
+import "../../dist-oLwM--0y.js";
 import { t as e } from "../../FeedbackBar-DEDpoNy7.js";
-import { i as t, n, t as r } from "../../react.esm-56DGmlLk.js";
+import { i as t, n, t as r } from "../../react.esm-DwWzhs9e.js";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/components/FeedbackBar/FeedbackBar.test.tsx
 describe("FeedbackBar", () => {

package/dist/components/FeedbackBar/FeedbackBar.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackBar.test.js","names":[],"sources":["../../../src/components/FeedbackBar/FeedbackBar.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { fireEvent, render, screen } from '@testing-library/react';\n\nimport { FeedbackBar } from './FeedbackBar';\n\ndescribe('FeedbackBar', () => {\n  it('should render with children text', () => {\n    render(<FeedbackBar>My feedback message</FeedbackBar>);\n    expect(screen.getByText('My feedback message')).toBeInTheDocument();\n  });\n\n  it('should close when the close button is clicked', () => {\n    render(<FeedbackBar>My closed feedback message</FeedbackBar>);\n\n    expect(screen.getByRole('alert')).toHaveClass('feedback-bar--visible');\n\n    const closeButton = screen.getByRole('button');\n    fireEvent.click(closeButton);\n\n    expect(screen.getByRole('alert')).not.toHaveClass('feedback-bar--visible');\n  });\n});\n"],"mappings":";;;;;AAKA,SAAS,qBAAqB;CAM5B,AALA,GAAG,0CAA0C;EAE3C,AADA,EAAO,kBAAC,GAAD,EAAA,UAAa,sBAAgC,CAAA,CAAC,GACrD,OAAO,EAAO,UAAU,qBAAqB,CAAC,EAAE,kBAAkB;CACpE,CAAC,GAED,GAAG,uDAAuD;EAGxD,AAFA,EAAO,kBAAC,GAAD,EAAA,UAAa,6BAAuC,CAAA,CAAC,GAE5D,OAAO,EAAO,UAAU,OAAO,CAAC,EAAE,YAAY,uBAAuB;EAErE,IAAM,IAAc,EAAO,UAAU,QAAQ;EAG7C,AAFA,EAAU,MAAM,CAAW,GAE3B,OAAO,EAAO,UAAU,OAAO,CAAC,EAAE,IAAI,YAAY,uBAAuB;CAC3E,CAAC;AACH,CAAC"}
+{"version":3,"file":"FeedbackBar.test.js","names":[],"sources":["../../../src/components/FeedbackBar/FeedbackBar.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { fireEvent, render, screen } from '@testing-library/react';\n\nimport { FeedbackBar } from './FeedbackBar';\n\ndescribe('FeedbackBar', () => {\n  it('should render with children text', () => {\n    render(<FeedbackBar>My feedback message</FeedbackBar>);\n    expect(screen.getByText('My feedback message')).toBeInTheDocument();\n  });\n\n  it('should close when the close button is clicked', () => {\n    render(<FeedbackBar>My closed feedback message</FeedbackBar>);\n\n    expect(screen.getByRole('alert')).toHaveClass('feedback-bar--visible');\n\n    const closeButton = screen.getByRole('button');\n    fireEvent.click(closeButton);\n\n    expect(screen.getByRole('alert')).not.toHaveClass('feedback-bar--visible');\n  });\n});\n"],"mappings":";;;;;AAKA,SAAS,qBAAqB;CAM5B,AALA,GAAG,0CAA0C;EAE3C,AADA,EAAO,kBAAC,GAAD,EAAA,UAAa,sBAAgC,CAAA,CAAC,GACrD,OAAO,EAAO,UAAU,qBAAqB,CAAC,CAAC,CAAC,kBAAkB;CACpE,CAAC,GAED,GAAG,uDAAuD;EAGxD,AAFA,EAAO,kBAAC,GAAD,EAAA,UAAa,6BAAuC,CAAA,CAAC,GAE5D,OAAO,EAAO,UAAU,OAAO,CAAC,CAAC,CAAC,YAAY,uBAAuB;EAErE,IAAM,IAAc,EAAO,UAAU,QAAQ;EAG7C,AAFA,EAAU,MAAM,CAAW,GAE3B,OAAO,EAAO,UAAU,OAAO,CAAC,CAAC,CAAC,IAAI,YAAY,uBAAuB;CAC3E,CAAC;AACH,CAAC"}

package/dist/components/FormInput/FormInput.js

@@ -1,2 +1,2 @@
-import { m as e } from "../../components-KU0q76JR.js";
+import { m as e } from "../../components-CgBF6db6.js";
 export { e as FormInput };

package/dist/components/FormInput/FormInput.stories.js

@@ -1,5 +1,5 @@
-import { r as e } from "../../test-WxLxsxwA.js";
-import { m as t } from "../../components-KU0q76JR.js";
+import { r as e } from "../../test-Gtly6H2f.js";
+import { m as t } from "../../components-CgBF6db6.js";
 import { SelectListbox as n } from "../SelectListbox/SelectListbox.js";
 import { jsx as r } from "react/jsx-runtime";
 var i = {

package/dist/components/FormInput/index.js

@@ -1,2 +1,2 @@
-import { m as e } from "../../components-KU0q76JR.js";
+import { m as e } from "../../components-CgBF6db6.js";
 export { e as FormInput };

package/dist/components/GridRow/GridRow.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridRow.stories.js","names":[],"sources":["../../../src/components/GridRow/GridRow.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { GridRowProps } from './GridRow';\nimport type { CSSProperties } from 'react';\n\nimport { GridRow } from './GridRow';\n\nimport './GridRow.stories.css';\n\nconst gapStyles = {\n  '0': { '--grid-gap': '0.25rem' },\n  '025': { '--grid-gap': '0.25rem' },\n  '050': { '--grid-gap': '0.5rem' },\n  '075': { '--grid-gap': '0.75rem' },\n  '100': { '--grid-gap': '1rem' },\n  '125': { '--grid-gap': '1.25rem' },\n  '150': { '--grid-gap': '1.5rem' },\n  '175': { '--grid-gap': '1.75rem' },\n  '200': { '--grid-gap': '2rem' },\n  '250': { '--grid-gap': '2.5rem' },\n  '300': { '--grid-gap': '3rem' },\n  '350': { '--grid-gap': '3.5rem' },\n};\n\nconst codeString = `\n  <GridRow gutter={gutter} marginTop={marginTop} marginBottom={marginBottom}>\n    // Up to 12 GridRow.Column's can be added as needed.\n    <GridRow.Column size={size} mediumSize={mediumSize} startPositon={startPositon}\n      mediumStartPosition={mediumStartPosition}> {children} </GridRow.Column> </GridRow>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/GridRow',\n  component: GridRow,\n  argTypes: {\n    gutter: {\n      options: ['0', '025', '050', '075', '100', '125', '150', '175', '200', '250', '300', '350'],\n      control: { type: 'select' },\n    },\n    marginBottom: {\n      options: ['0', '025', '050', '075', '100', '125', '150', '175', '200', '250', '300', '350'],\n      control: { type: 'select' },\n    },\n    marginTop: {\n      options: ['0', '025', '050', '075', '100', '125', '150', '175', '200', '250', '300', '350'],\n      control: { type: 'select' },\n    },\n  },\n  parameters: {\n    inspectComponent: GridRow,\n    codeString: codeString,\n  },\n} as Meta<GridRowProps>;\n\nconst Template: StoryFn<GridRowProps> = (args) => (\n  <div className=\"page-wrapper\" style={args.gutter && (gapStyles[args.gutter] as CSSProperties)}>\n    <GridRow {...args}>\n      <GridRow.Column>Col-12</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"1\">Col-1</GridRow.Column>\n      <GridRow.Column size=\"11\">Col-11</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"2\">Col-2</GridRow.Column>\n      <GridRow.Column size=\"10\">Col-10</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"3\">Col-3</GridRow.Column>\n      <GridRow.Column size=\"9\">Col-9</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"4\">Col-4</GridRow.Column>\n      <GridRow.Column size=\"8\">Col-8</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"5\">Col-5</GridRow.Column>\n      <GridRow.Column size=\"7\">Col-7</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"6\">Col-6</GridRow.Column>\n      <GridRow.Column size=\"6\">Col-6</GridRow.Column>\n    </GridRow>\n  </div>\n);\n\nconst defaultArgs: Partial<GridRowProps> = {\n  gutter: '200',\n  marginBottom: '050',\n  marginTop: '0',\n};\n\nexport const GridRowExample = Template.bind({});\nGridRowExample.args = {\n  ...defaultArgs,\n};\n\nconst TemplateMedium: StoryFn<GridRowProps> = (args) => (\n  <div className=\"page-wrapper\" style={args.gutter && (gapStyles[args.gutter] as CSSProperties)}>\n    <GridRow {...args}>\n      <GridRow.Column size=\"4\" mediumSize=\"6\">\n        L: 4, Md: 6, S: 12\n      </GridRow.Column>\n      <GridRow.Column size=\"4\" mediumSize=\"6\">\n        L: 4, Md: 6, S: 12\n      </GridRow.Column>\n      <GridRow.Column size=\"4\" mediumSize=\"12\">\n        L: 4, Md: 12\n      </GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"3\" mediumSize=\"6\">\n        L: 3, Md: 6, S: 12\n      </GridRow.Column>\n      <GridRow.Column size=\"3\" mediumSize=\"6\">\n        L: 3, Md: 12\n      </GridRow.Column>\n      <GridRow.Column size=\"6\" mediumSize=\"12\">\n        L: 6, Md: 12, S: 12\n      </GridRow.Column>\n    </GridRow>\n  </div>\n);\n\nexport const WithMediumBreakpoint = TemplateMedium.bind({});\nGridRowExample.args = {\n  ...defaultArgs,\n};\n"],"mappings":";;;AAQA,IAAM,IAAY;CAChB,GAAK,EAAE,cAAc,UAAU;CAC/B,OAAO,EAAE,cAAc,UAAU;CACjC,OAAO,EAAE,cAAc,SAAS;CAChC,OAAO,EAAE,cAAc,UAAU;CACjC,KAAO,EAAE,cAAc,OAAO;CAC9B,KAAO,EAAE,cAAc,UAAU;CACjC,KAAO,EAAE,cAAc,SAAS;CAChC,KAAO,EAAE,cAAc,UAAU;CACjC,KAAO,EAAE,cAAc,OAAO;CAC9B,KAAO,EAAE,cAAc,SAAS;CAChC,KAAO,EAAE,cAAc,OAAO;CAC9B,KAAO,EAAE,cAAc,SAAS;AAClC,GAUA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,QAAQ;GACN,SAAS;IAAC;IAAK;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;GAAK;GAC1F,SAAS,EAAE,MAAM,SAAS;EAC5B;EACA,cAAc;GACZ,SAAS;IAAC;IAAK;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;GAAK;GAC1F,SAAS,EAAE,MAAM,SAAS;EAC5B;EACA,WAAW;GACT,SAAS;IAAC;IAAK;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;GAAK;GAC1F,SAAS,EAAE,MAAM,SAAS;EAC5B;CACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAEM,KAAmC,MACvC,kBAAC,OAAD;CAAK,WAAU;CAAe,OAAO,EAAK,UAAW,EAAU,EAAK;WAApE;EACE,kBAAC,GAAD;GAAS,GAAI;aACX,kBAAC,EAAQ,QAAT,EAAA,UAAgB,SAAsB,CAAA;EAC/B,CAAA;EACT,kBAAC,GAAD;GAAS,GAAI;aAAb,CACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;GAAqB,CAAA,GAC9C,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAK;GAAsB,CAAA,CACzC;;EACT,kBAAC,GAAD;GAAS,GAAI;aAAb,CACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;GAAqB,CAAA,GAC9C,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAK;GAAsB,CAAA,CACzC;;EACT,kBAAC,GAAD;GAAS,GAAI;aAAb,CACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;GAAqB,CAAA,GAC9C,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;GAAqB,CAAA,CACvC;;EACT,kBAAC,GAAD;GAAS,GAAI;aAAb,CACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;GAAqB,CAAA,GAC9C,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;GAAqB,CAAA,CACvC;;EACT,kBAAC,GAAD;GAAS,GAAI;aAAb,CACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;GAAqB,CAAA,GAC9C,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;GAAqB,CAAA,CACvC;;EACT,kBAAC,GAAD;GAAS,GAAI;aAAb,CACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;GAAqB,CAAA,GAC9C,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;GAAqB,CAAA,CACvC;;CACN;IAGD,IAAqC;CACzC,QAAQ;CACR,cAAc;CACd,WAAW;AACb,GAEa,IAAiB,EAAS,KAAK,CAAC,CAAC;AAC9C,EAAe,OAAO,EACpB,GAAG,EACL;AA6BA,IAAa,MA3BkC,MAC7C,kBAAC,OAAD;CAAK,WAAU;CAAe,OAAO,EAAK,UAAW,EAAU,EAAK;WAApE,CACE,kBAAC,GAAD;EAAS,GAAI;YAAb;GACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;IAAI,YAAW;cAAI;GAExB,CAAA;GAChB,kBAAC,EAAQ,QAAT;IAAgB,MAAK;IAAI,YAAW;cAAI;GAExB,CAAA;GAChB,kBAAC,EAAQ,QAAT;IAAgB,MAAK;IAAI,YAAW;cAAK;GAEzB,CAAA;EACT;KACT,kBAAC,GAAD;EAAS,GAAI;YAAb;GACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;IAAI,YAAW;cAAI;GAExB,CAAA;GAChB,kBAAC,EAAQ,QAAT;IAAgB,MAAK;IAAI,YAAW;cAAI;GAExB,CAAA;GAChB,kBAAC,EAAQ,QAAT;IAAgB,MAAK;IAAI,YAAW;cAAK;GAEzB,CAAA;EACT;GACN;IAG4C,KAAK,CAAC,CAAC;AAC1D,EAAe,OAAO,EACpB,GAAG,EACL"}
+{"version":3,"file":"GridRow.stories.js","names":[],"sources":["../../../src/components/GridRow/GridRow.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { GridRowProps } from './GridRow';\nimport type { CSSProperties } from 'react';\n\nimport { GridRow } from './GridRow';\n\nimport './GridRow.stories.css';\n\nconst gapStyles = {\n  '0': { '--grid-gap': '0.25rem' },\n  '025': { '--grid-gap': '0.25rem' },\n  '050': { '--grid-gap': '0.5rem' },\n  '075': { '--grid-gap': '0.75rem' },\n  '100': { '--grid-gap': '1rem' },\n  '125': { '--grid-gap': '1.25rem' },\n  '150': { '--grid-gap': '1.5rem' },\n  '175': { '--grid-gap': '1.75rem' },\n  '200': { '--grid-gap': '2rem' },\n  '250': { '--grid-gap': '2.5rem' },\n  '300': { '--grid-gap': '3rem' },\n  '350': { '--grid-gap': '3.5rem' },\n};\n\nconst codeString = `\n  <GridRow gutter={gutter} marginTop={marginTop} marginBottom={marginBottom}>\n    // Up to 12 GridRow.Column's can be added as needed.\n    <GridRow.Column size={size} mediumSize={mediumSize} startPositon={startPositon}\n      mediumStartPosition={mediumStartPosition}> {children} </GridRow.Column> </GridRow>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/GridRow',\n  component: GridRow,\n  argTypes: {\n    gutter: {\n      options: ['0', '025', '050', '075', '100', '125', '150', '175', '200', '250', '300', '350'],\n      control: { type: 'select' },\n    },\n    marginBottom: {\n      options: ['0', '025', '050', '075', '100', '125', '150', '175', '200', '250', '300', '350'],\n      control: { type: 'select' },\n    },\n    marginTop: {\n      options: ['0', '025', '050', '075', '100', '125', '150', '175', '200', '250', '300', '350'],\n      control: { type: 'select' },\n    },\n  },\n  parameters: {\n    inspectComponent: GridRow,\n    codeString: codeString,\n  },\n} as Meta<GridRowProps>;\n\nconst Template: StoryFn<GridRowProps> = (args) => (\n  <div className=\"page-wrapper\" style={args.gutter && (gapStyles[args.gutter] as CSSProperties)}>\n    <GridRow {...args}>\n      <GridRow.Column>Col-12</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"1\">Col-1</GridRow.Column>\n      <GridRow.Column size=\"11\">Col-11</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"2\">Col-2</GridRow.Column>\n      <GridRow.Column size=\"10\">Col-10</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"3\">Col-3</GridRow.Column>\n      <GridRow.Column size=\"9\">Col-9</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"4\">Col-4</GridRow.Column>\n      <GridRow.Column size=\"8\">Col-8</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"5\">Col-5</GridRow.Column>\n      <GridRow.Column size=\"7\">Col-7</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"6\">Col-6</GridRow.Column>\n      <GridRow.Column size=\"6\">Col-6</GridRow.Column>\n    </GridRow>\n  </div>\n);\n\nconst defaultArgs: Partial<GridRowProps> = {\n  gutter: '200',\n  marginBottom: '050',\n  marginTop: '0',\n};\n\nexport const GridRowExample = Template.bind({});\nGridRowExample.args = {\n  ...defaultArgs,\n};\n\nconst TemplateMedium: StoryFn<GridRowProps> = (args) => (\n  <div className=\"page-wrapper\" style={args.gutter && (gapStyles[args.gutter] as CSSProperties)}>\n    <GridRow {...args}>\n      <GridRow.Column size=\"4\" mediumSize=\"6\">\n        L: 4, Md: 6, S: 12\n      </GridRow.Column>\n      <GridRow.Column size=\"4\" mediumSize=\"6\">\n        L: 4, Md: 6, S: 12\n      </GridRow.Column>\n      <GridRow.Column size=\"4\" mediumSize=\"12\">\n        L: 4, Md: 12\n      </GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"3\" mediumSize=\"6\">\n        L: 3, Md: 6, S: 12\n      </GridRow.Column>\n      <GridRow.Column size=\"3\" mediumSize=\"6\">\n        L: 3, Md: 12\n      </GridRow.Column>\n      <GridRow.Column size=\"6\" mediumSize=\"12\">\n        L: 6, Md: 12, S: 12\n      </GridRow.Column>\n    </GridRow>\n  </div>\n);\n\nexport const WithMediumBreakpoint = TemplateMedium.bind({});\nGridRowExample.args = {\n  ...defaultArgs,\n};\n"],"mappings":";;;AAQA,IAAM,IAAY;CAChB,GAAK,EAAE,cAAc,UAAU;CAC/B,OAAO,EAAE,cAAc,UAAU;CACjC,OAAO,EAAE,cAAc,SAAS;CAChC,OAAO,EAAE,cAAc,UAAU;CACjC,KAAO,EAAE,cAAc,OAAO;CAC9B,KAAO,EAAE,cAAc,UAAU;CACjC,KAAO,EAAE,cAAc,SAAS;CAChC,KAAO,EAAE,cAAc,UAAU;CACjC,KAAO,EAAE,cAAc,OAAO;CAC9B,KAAO,EAAE,cAAc,SAAS;CAChC,KAAO,EAAE,cAAc,OAAO;CAC9B,KAAO,EAAE,cAAc,SAAS;AAClC,GAUA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,QAAQ;GACN,SAAS;IAAC;IAAK;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;GAAK;GAC1F,SAAS,EAAE,MAAM,SAAS;EAC5B;EACA,cAAc;GACZ,SAAS;IAAC;IAAK;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;GAAK;GAC1F,SAAS,EAAE,MAAM,SAAS;EAC5B;EACA,WAAW;GACT,SAAS;IAAC;IAAK;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;GAAK;GAC1F,SAAS,EAAE,MAAM,SAAS;EAC5B;CACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAEM,KAAmC,MACvC,kBAAC,OAAD;CAAK,WAAU;CAAe,OAAO,EAAK,UAAW,EAAU,EAAK;WAApE;EACE,kBAAC,GAAD;GAAS,GAAI;aACX,kBAAC,EAAQ,QAAT,EAAA,UAAgB,SAAsB,CAAA;EAC/B,CAAA;EACT,kBAAC,GAAD;GAAS,GAAI;aAAb,CACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;GAAqB,CAAA,GAC9C,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAK;GAAsB,CAAA,CACzC;;EACT,kBAAC,GAAD;GAAS,GAAI;aAAb,CACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;GAAqB,CAAA,GAC9C,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAK;GAAsB,CAAA,CACzC;;EACT,kBAAC,GAAD;GAAS,GAAI;aAAb,CACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;GAAqB,CAAA,GAC9C,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;GAAqB,CAAA,CACvC;;EACT,kBAAC,GAAD;GAAS,GAAI;aAAb,CACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;GAAqB,CAAA,GAC9C,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;GAAqB,CAAA,CACvC;;EACT,kBAAC,GAAD;GAAS,GAAI;aAAb,CACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;GAAqB,CAAA,GAC9C,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;GAAqB,CAAA,CACvC;;EACT,kBAAC,GAAD;GAAS,GAAI;aAAb,CACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;GAAqB,CAAA,GAC9C,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;GAAqB,CAAA,CACvC;;CACN;IAGD,IAAqC;CACzC,QAAQ;CACR,cAAc;CACd,WAAW;AACb,GAEa,IAAiB,EAAS,KAAK,CAAC,CAAC;AAC9C,EAAe,OAAO,EACpB,GAAG,EACL;AA6BA,IAAa,MA3BkC,MAC7C,kBAAC,OAAD;CAAK,WAAU;CAAe,OAAO,EAAK,UAAW,EAAU,EAAK;WAApE,CACE,kBAAC,GAAD;EAAS,GAAI;YAAb;GACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;IAAI,YAAW;cAAI;GAExB,CAAA;GAChB,kBAAC,EAAQ,QAAT;IAAgB,MAAK;IAAI,YAAW;cAAI;GAExB,CAAA;GAChB,kBAAC,EAAQ,QAAT;IAAgB,MAAK;IAAI,YAAW;cAAK;GAEzB,CAAA;EACT;KACT,kBAAC,GAAD;EAAS,GAAI;YAAb;GACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;IAAI,YAAW;cAAI;GAExB,CAAA;GAChB,kBAAC,EAAQ,QAAT;IAAgB,MAAK;IAAI,YAAW;cAAI;GAExB,CAAA;GAChB,kBAAC,EAAQ,QAAT;IAAgB,MAAK;IAAI,YAAW;cAAK;GAEzB,CAAA;EACT;GACN;GAG6B,CAAe,KAAK,CAAC,CAAC;AAC1D,EAAe,OAAO,EACpB,GAAG,EACL"}

package/dist/components/Icon/Icon.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.stories.js","names":[],"sources":["../../../src/components/Icon/story.module.css","../../../src/components/Icon/Icon.stories.tsx"],"sourcesContent":[".icon__wrapper {\n  align-items: center;\n  background-color: var(--color-uva-white);\n  border: 1px solid var(--color-grey-200);\n  border-radius: 0.5rem;\n  color: var(--color-grey-500);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 1.5rem 1rem;\n}\n\n.icon__item {\n  align-items: center;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  margin-top: 1rem;\n  width: 100%;\n}\n\n.icon__item p {\n  color: black;\n  font-size: 13px;\n  margin-left: 15px;\n}\n","import type { Meta, StoryFn } from '@storybook/react';\nimport type { IconProps } from './Icon';\n\nimport { Icon } from './Icon';\nimport { Icons } from './icons';\nimport styles from './story.module.css';\n\nimport { ClipboardButton } from 'storyComponents/ClipboardButton/';\n\nconst iconNames = Object.keys(Icons) as (keyof typeof Icons)[];\n\nconst codeString = '<Icon name={iconName} size={size} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Icon',\n  component: Icon,\n  argTypes: {\n    name: {\n      control: { type: 'select' },\n      options: iconNames,\n    },\n  },\n  parameters: {\n    inspectComponent: Icon,\n    codeString: codeString,\n  },\n} as Meta<IconProps>;\n\nconst Template: StoryFn<IconProps> = (args) => <Icon {...args} />;\n\nexport const IconExample = Template.bind({});\nIconExample.args = {\n  name: 'ArrowDownOnSquare',\n  size: 32,\n  title: 'Optional Icon title',\n};\n\nexport const IconOverview = () => {\n  return (\n    <div\n      style={{\n        display: 'grid',\n        gridTemplateColumns: 'repeat(4, 1fr)',\n        gridGap: '1rem',\n        padding: '1rem',\n        maxWidth: '1024px',\n      }}\n    >\n      {Object.keys(Icons).map((name) => (\n        <div key={name} className={styles.icon__wrapper}>\n          <Icon name={name as keyof typeof Icons} size={48} />\n          <div className={styles.icon__item}>\n            <span>{name}</span>\n            <ClipboardButton text={`<Icon icon={${name}} />`} />\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;GCcA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,MAAM;EACJ,SAAS,EAAE,MAAM,SAAS;EAC1B,SAXY,OAAO,KAAK,CAWf;CACX,EACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAIa,MAFyB,MAAS,kBAAC,GAAD,EAAM,GAAI,EAAO,CAAA,GAE5B,KAAK,CAAC,CAAC;AAC3C,EAAY,OAAO;CACjB,MAAM;CACN,MAAM;CACN,OAAO;AACT;AAEA,IAAa,UAET,kBAAC,OAAD;CACE,OAAO;EACL,SAAS;EACT,qBAAqB;EACrB,SAAS;EACT,SAAS;EACT,UAAU;CACZ;WAEC,OAAO,KAAK,CAAK,EAAE,KAAK,MACvB,kBAAC,OAAD;EAAgB,WAAW,EAAO;YAAlC,CACE,kBAAC,GAAD;GAAY;GAA4B,MAAM;EAAK,CAAA,GACnD,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB,CACE,kBAAC,QAAD,EAAA,UAAO,EAAW,CAAA,GAClB,kBAAC,GAAD,EAAiB,MAAM,eAAe,EAAK,MAAQ,CAAA,CAChD;IACF;IANK,CAML,CACN;AACE,CAAA"}
+{"version":3,"file":"Icon.stories.js","names":[],"sources":["../../../src/components/Icon/story.module.css","../../../src/components/Icon/Icon.stories.tsx"],"sourcesContent":[".icon__wrapper {\n  align-items: center;\n  background-color: var(--color-uva-white);\n  border: 1px solid var(--color-grey-200);\n  border-radius: 0.5rem;\n  color: var(--color-grey-500);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 1.5rem 1rem;\n}\n\n.icon__item {\n  align-items: center;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  margin-top: 1rem;\n  width: 100%;\n}\n\n.icon__item p {\n  color: black;\n  font-size: 13px;\n  margin-left: 15px;\n}\n","import type { Meta, StoryFn } from '@storybook/react';\nimport type { IconProps } from './Icon';\n\nimport { Icon } from './Icon';\nimport { Icons } from './icons';\nimport styles from './story.module.css';\n\nimport { ClipboardButton } from 'storyComponents/ClipboardButton/';\n\nconst iconNames = Object.keys(Icons) as (keyof typeof Icons)[];\n\nconst codeString = '<Icon name={iconName} size={size} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Icon',\n  component: Icon,\n  argTypes: {\n    name: {\n      control: { type: 'select' },\n      options: iconNames,\n    },\n  },\n  parameters: {\n    inspectComponent: Icon,\n    codeString: codeString,\n  },\n} as Meta<IconProps>;\n\nconst Template: StoryFn<IconProps> = (args) => <Icon {...args} />;\n\nexport const IconExample = Template.bind({});\nIconExample.args = {\n  name: 'ArrowDownOnSquare',\n  size: 32,\n  title: 'Optional Icon title',\n};\n\nexport const IconOverview = () => {\n  return (\n    <div\n      style={{\n        display: 'grid',\n        gridTemplateColumns: 'repeat(4, 1fr)',\n        gridGap: '1rem',\n        padding: '1rem',\n        maxWidth: '1024px',\n      }}\n    >\n      {Object.keys(Icons).map((name) => (\n        <div key={name} className={styles.icon__wrapper}>\n          <Icon name={name as keyof typeof Icons} size={48} />\n          <div className={styles.icon__item}>\n            <span>{name}</span>\n            <ClipboardButton text={`<Icon icon={${name}} />`} />\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;GCcA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,MAAM;EACJ,SAAS,EAAE,MAAM,SAAS;EAC1B,SAXY,OAAO,KAAK,CAWf;CACX,EACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAIa,MAFyB,MAAS,kBAAC,GAAD,EAAM,GAAI,EAAO,CAAA,EAErC,CAAS,KAAK,CAAC,CAAC;AAC3C,EAAY,OAAO;CACjB,MAAM;CACN,MAAM;CACN,OAAO;AACT;AAEA,IAAa,UAET,kBAAC,OAAD;CACE,OAAO;EACL,SAAS;EACT,qBAAqB;EACrB,SAAS;EACT,SAAS;EACT,UAAU;CACZ;WAEC,OAAO,KAAK,CAAK,CAAC,CAAC,KAAK,MACvB,kBAAC,OAAD;EAAgB,WAAW,EAAO;YAAlC,CACE,kBAAC,GAAD;GAAY;GAA4B,MAAM;EAAK,CAAA,GACnD,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB,CACE,kBAAC,QAAD,EAAA,UAAO,EAAW,CAAA,GAClB,kBAAC,GAAD,EAAiB,MAAM,eAAe,EAAK,MAAQ,CAAA,CAChD;IACF;IANK,CAML,CACN;AACE,CAAA"}

package/dist/components/IconButton/IconButton.stories.js

@@ -1,4 +1,4 @@
-import { r as e } from "../../test-WxLxsxwA.js";
+import { r as e } from "../../test-Gtly6H2f.js";
 import { Icon as t } from "../Icon/Icon.js";
 import { t as n } from "../../IconButton-BZVNomru.js";
 import { jsx as r } from "react/jsx-runtime";

package/dist/components/IconButton/IconButton.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.stories.js","names":[],"sources":["../../../src/components/IconButton/IconButton.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { IconButtonProps } from 'components/IconButton';\n\nimport { IconButton } from 'components/IconButton';\nimport { Icon } from 'components/Icon';\n\nconst codeString = `<IconButton variant={variant} aria-label={aria-label} onClick={onClickFunction}>\n  <Icon name={iconName} size={size} />\n  </IconButton>`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/IconButton',\n  component: IconButton,\n  argTypes: {\n    variant: {\n      options: ['destructive'],\n      control: { type: 'check' },\n    },\n    noBorder: {\n      control: 'boolean',\n      default: false,\n    },\n    wide: {\n      control: 'boolean',\n      default: false,\n    },\n    'aria-label': {\n      table: {\n        disable: true,\n      },\n    },\n    type: {\n      options: ['button', 'submit', 'reset'],\n      control: { type: 'select' },\n    },\n    children: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: IconButton,\n    codeString: codeString,\n  },\n} as Meta<IconButtonProps>;\n\nconst Template: StoryFn<IconButtonProps> = (args) => {\n  // args.variant is provided as an array because the control type is set to a checkbox. So this transforms the selected value into its proper value: a string\n  const variantArray = (args.variant as unknown as string[]) ?? [];\n  const iconButtonArgs = { ...args, ...{ variant: variantArray.toString() } } as IconButtonProps;\n\n  return <IconButton {...iconButtonArgs} />;\n};\n\nexport const IconButtonExample = Template.bind({});\nIconButtonExample.args = {\n  'aria-label': 'Trash',\n  variant: 'destructive',\n  noBorder: false,\n  wide: false,\n  disabled: false,\n  children: <Icon name=\"Trash\" />,\n  onClick: fn(),\n};\n"],"mappings":";;;;AAaA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,SAAS;GACP,SAAS,CAAC,aAAa;GACvB,SAAS,EAAE,MAAM,QAAQ;EAC3B;EACA,UAAU;GACR,SAAS;GACT,SAAS;EACX;EACA,MAAM;GACJ,SAAS;GACT,SAAS;EACX;EACA,cAAc,EACZ,OAAO,EACL,SAAS,GACX,EACF;EACA,MAAM;GACJ,SAAS;IAAC;IAAU;IAAU;GAAO;GACrC,SAAS,EAAE,MAAM,SAAS;EAC5B;EACA,UAAU,EACR,OAAO,EACL,SAAS,GACX,EACF;CACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAUa,MAR+B,MAAS;CAEnD,IAAM,IAAgB,EAAK,WAAmC,CAAC;CAG/D,OAAO,kBAAC,GAAD;EAFkB,GAAG;EAAW,SAAS,EAAa,SAAS;CAE9B,CAAA;AAC1C,GAE0C,KAAK,CAAC,CAAC;AACjD,EAAkB,OAAO;CACvB,cAAc;CACd,SAAS;CACT,UAAU;CACV,MAAM;CACN,UAAU;CACV,UAAU,kBAAC,GAAD,EAAM,MAAK,QAAS,CAAA;CAC9B,SAAS,EAAG;AACd"}
+{"version":3,"file":"IconButton.stories.js","names":[],"sources":["../../../src/components/IconButton/IconButton.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { IconButtonProps } from 'components/IconButton';\n\nimport { IconButton } from 'components/IconButton';\nimport { Icon } from 'components/Icon';\n\nconst codeString = `<IconButton variant={variant} aria-label={aria-label} onClick={onClickFunction}>\n  <Icon name={iconName} size={size} />\n  </IconButton>`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/IconButton',\n  component: IconButton,\n  argTypes: {\n    variant: {\n      options: ['destructive'],\n      control: { type: 'check' },\n    },\n    noBorder: {\n      control: 'boolean',\n      default: false,\n    },\n    wide: {\n      control: 'boolean',\n      default: false,\n    },\n    'aria-label': {\n      table: {\n        disable: true,\n      },\n    },\n    type: {\n      options: ['button', 'submit', 'reset'],\n      control: { type: 'select' },\n    },\n    children: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: IconButton,\n    codeString: codeString,\n  },\n} as Meta<IconButtonProps>;\n\nconst Template: StoryFn<IconButtonProps> = (args) => {\n  // args.variant is provided as an array because the control type is set to a checkbox. So this transforms the selected value into its proper value: a string\n  const variantArray = (args.variant as unknown as string[]) ?? [];\n  const iconButtonArgs = { ...args, ...{ variant: variantArray.toString() } } as IconButtonProps;\n\n  return <IconButton {...iconButtonArgs} />;\n};\n\nexport const IconButtonExample = Template.bind({});\nIconButtonExample.args = {\n  'aria-label': 'Trash',\n  variant: 'destructive',\n  noBorder: false,\n  wide: false,\n  disabled: false,\n  children: <Icon name=\"Trash\" />,\n  onClick: fn(),\n};\n"],"mappings":";;;;AAaA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,SAAS;GACP,SAAS,CAAC,aAAa;GACvB,SAAS,EAAE,MAAM,QAAQ;EAC3B;EACA,UAAU;GACR,SAAS;GACT,SAAS;EACX;EACA,MAAM;GACJ,SAAS;GACT,SAAS;EACX;EACA,cAAc,EACZ,OAAO,EACL,SAAS,GACX,EACF;EACA,MAAM;GACJ,SAAS;IAAC;IAAU;IAAU;GAAO;GACrC,SAAS,EAAE,MAAM,SAAS;EAC5B;EACA,UAAU,EACR,OAAO,EACL,SAAS,GACX,EACF;CACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAUa,MAR+B,MAAS;CAEnD,IAAM,IAAgB,EAAK,WAAmC,CAAC;CAG/D,OAAO,kBAAC,GAAD;EAFkB,GAAG;EAAW,SAAS,EAAa,SAAS;CAE9B,CAAA;AAC1C,EAEiC,CAAS,KAAK,CAAC,CAAC;AACjD,EAAkB,OAAO;CACvB,cAAc;CACd,SAAS;CACT,UAAU;CACV,MAAM;CACN,UAAU;CACV,UAAU,kBAAC,GAAD,EAAM,MAAK,QAAS,CAAA;CAC9B,SAAS,EAAG;AACd"}

package/dist/components/InfoBanner/InfoBanner.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoBanner.stories.js","names":[],"sources":["../../../src/components/InfoBanner/InfoBanner.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\r\nimport type { InfoBannerProps } from 'components/InfoBanner';\r\n\r\nimport { InfoBanner } from 'components/InfoBanner';\r\n\r\nconst codeString = `<InfoBanner iconName={string} content={ReactNode} />`;\r\n\r\n// eslint-disable-next-line import/no-default-export\r\nexport default {\r\n  title: 'Atoms/InfoBanner',\r\n  component: InfoBanner,\r\n  argTypes: {},\r\n  parameters: {\r\n    inspectComponent: InfoBanner,\r\n    codeString: codeString,\r\n  },\r\n} as Meta<InfoBannerProps>;\r\n\r\nconst Template: StoryFn<InfoBannerProps> = (args) => <InfoBanner {...args} />;\r\n\r\nexport const InfoBannerExample = Template.bind({});\r\nInfoBannerExample.args = {\r\n  content: (\r\n    <span>\r\n      Je voert de roosterwensen in voor <strong>vakaanbieding 2.</strong>\r\n    </span>\r\n  ),\r\n  iconName: 'CalendarEdit',\r\n};\r\n"],"mappings":";;AAQA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,CAAC;CACX,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAIa,MAF+B,MAAS,kBAAC,GAAD,EAAY,GAAI,EAAO,CAAA,GAElC,KAAK,CAAC,CAAC;AACjD,EAAkB,OAAO;CACvB,SACE,kBAAC,QAAD,EAAA,UAAA,CAAM,sCAC8B,kBAAC,UAAD,EAAA,UAAQ,mBAAwB,CAAA,CAC9D,EAAA,CAAA;CAER,UAAU;AACZ"}
+{"version":3,"file":"InfoBanner.stories.js","names":[],"sources":["../../../src/components/InfoBanner/InfoBanner.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\r\nimport type { InfoBannerProps } from 'components/InfoBanner';\r\n\r\nimport { InfoBanner } from 'components/InfoBanner';\r\n\r\nconst codeString = `<InfoBanner iconName={string} content={ReactNode} />`;\r\n\r\n// eslint-disable-next-line import/no-default-export\r\nexport default {\r\n  title: 'Atoms/InfoBanner',\r\n  component: InfoBanner,\r\n  argTypes: {},\r\n  parameters: {\r\n    inspectComponent: InfoBanner,\r\n    codeString: codeString,\r\n  },\r\n} as Meta<InfoBannerProps>;\r\n\r\nconst Template: StoryFn<InfoBannerProps> = (args) => <InfoBanner {...args} />;\r\n\r\nexport const InfoBannerExample = Template.bind({});\r\nInfoBannerExample.args = {\r\n  content: (\r\n    <span>\r\n      Je voert de roosterwensen in voor <strong>vakaanbieding 2.</strong>\r\n    </span>\r\n  ),\r\n  iconName: 'CalendarEdit',\r\n};\r\n"],"mappings":";;AAQA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,CAAC;CACX,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAIa,MAF+B,MAAS,kBAAC,GAAD,EAAY,GAAI,EAAO,CAAA,EAE3C,CAAS,KAAK,CAAC,CAAC;AACjD,EAAkB,OAAO;CACvB,SACE,kBAAC,QAAD,EAAA,UAAA,CAAM,sCAC8B,kBAAC,UAAD,EAAA,UAAQ,mBAAwB,CAAA,CAC9D,EAAA,CAAA;CAER,UAAU;AACZ"}

package/dist/components/InfoMessage/InfoMessage.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoMessage.stories.js","names":[],"sources":["../../../src/components/InfoMessage/InfoMessage.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { InfoMessageProps } from './InfoMessage';\n\nimport { InfoMessage } from './InfoMessage';\n\nconst codeString = '<InfoMessage message={message} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/InfoMessage',\n  component: InfoMessage,\n  argTypes: {\n    message: {\n      control: 'text',\n    },\n    hasOwnContainer: {\n      control: 'boolean',\n    },\n  },\n  parameters: {\n    inspectComponent: InfoMessage,\n    codeString: codeString,\n  },\n} as Meta<InfoMessageProps>;\n\nconst Template: StoryFn<InfoMessageProps> = (args) => <InfoMessage {...args} />;\n\nexport const InfoMessageExample = Template.bind({});\nInfoMessageExample.args = {\n  message: 'This is an example info message',\n  hasOwnContainer: false,\n};\n"],"mappings":";;AAQA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,SAAS,EACP,SAAS,OACX;EACA,iBAAiB,EACf,SAAS,UACX;CACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAIa,MAFgC,MAAS,kBAAC,GAAD,EAAa,GAAI,EAAO,CAAA,GAEnC,KAAK,CAAC,CAAC;AAClD,EAAmB,OAAO;CACxB,SAAS;CACT,iBAAiB;AACnB"}
+{"version":3,"file":"InfoMessage.stories.js","names":[],"sources":["../../../src/components/InfoMessage/InfoMessage.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { InfoMessageProps } from './InfoMessage';\n\nimport { InfoMessage } from './InfoMessage';\n\nconst codeString = '<InfoMessage message={message} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/InfoMessage',\n  component: InfoMessage,\n  argTypes: {\n    message: {\n      control: 'text',\n    },\n    hasOwnContainer: {\n      control: 'boolean',\n    },\n  },\n  parameters: {\n    inspectComponent: InfoMessage,\n    codeString: codeString,\n  },\n} as Meta<InfoMessageProps>;\n\nconst Template: StoryFn<InfoMessageProps> = (args) => <InfoMessage {...args} />;\n\nexport const InfoMessageExample = Template.bind({});\nInfoMessageExample.args = {\n  message: 'This is an example info message',\n  hasOwnContainer: false,\n};\n"],"mappings":";;AAQA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,SAAS,EACP,SAAS,OACX;EACA,iBAAiB,EACf,SAAS,UACX;CACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAIa,MAFgC,MAAS,kBAAC,GAAD,EAAa,GAAI,EAAO,CAAA,EAE5C,CAAS,KAAK,CAAC,CAAC;AAClD,EAAmB,OAAO;CACxB,SAAS;CACT,iBAAiB;AACnB"}

package/dist/components/InputField/InputField.stories.js

@@ -1,4 +1,4 @@
-import { r as e } from "../../test-WxLxsxwA.js";
+import { r as e } from "../../test-Gtly6H2f.js";
 import { Icon as t } from "../Icon/Icon.js";
 import { t as n } from "../../InputField-asFsxHvx.js";
 import { t as r } from "../../Container-DOcrVe7u.js";

package/dist/components/InputField/InputField.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputField.stories.js","names":[],"sources":["../../../src/components/InputField/InputField.stories.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\nimport { fn } from 'storybook/test';\n\nimport type { ChangeEvent } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { InputFieldProps } from './InputField';\n\nimport { InputField } from './InputField';\n\nimport { Container } from 'storyComponents/Container';\nimport { Icon } from 'components';\n\nconst codeString = `\n// Has all HTMLInputElement props available except \"className\" and \"style\" \n<InputField aria-labelledby={aria-labelledby} id={id} onChange={onChangeFunction}\n  value={value} type={type} clearTrigger={clearTrigger} />\n`;\n\nconst transformArgs = (args: InputFieldProps) => {\n  // args.variant is provided as an array because the control type is set to a checkbox. So this transforms the selected value into its proper value: a string\n  const variantArray = (args.variant as unknown as string[]) ?? [];\n  return { ...args, ...{ variant: variantArray.toString() } } as InputFieldProps;\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/InputField',\n  component: InputField,\n  argTypes: {\n    variant: {\n      options: ['large'],\n      control: 'check',\n    },\n    width: {\n      control: 'radio',\n      options: [undefined, 'small', 'compact'],\n    },\n    type: {\n      control: 'radio',\n      options: ['text', 'password', 'email'],\n    },\n    background: {\n      control: 'check',\n      options: ['white'],\n    },\n    id: {\n      control: 'text',\n    },\n    autoComplete: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: InputField,\n    codeString: codeString,\n  },\n} as Meta<InputFieldProps>;\n\nconst Template: StoryFn<InputFieldProps> = (args) => {\n  const [inputValue, setInputValue] = useState<InputFieldProps['value']>('');\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setInputValue(event.target.value);\n    fn()('handleChange');\n  };\n\n  const handleClear = () => {\n    setInputValue('');\n    fn()('handleClear');\n  };\n\n  return (\n    <Container>\n      <InputField\n        {...transformArgs(args)}\n        value={inputValue}\n        onChange={handleChange}\n        onClear={handleClear}\n        ref={inputRef}\n      />\n    </Container>\n  );\n};\n\nconst defaultArgs: Partial<InputFieldProps> = {\n  type: 'text',\n  variant: undefined,\n  id: '4f9ca77d',\n};\n\nexport const InputFieldExample = Template.bind({});\nInputFieldExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithStringClearTrigger = Template.bind({});\nWithStringClearTrigger.args = {\n  ...defaultArgs,\n  clearTrigger: 'Clear',\n};\n\nexport const WithIconClearTrigger = Template.bind({});\nWithIconClearTrigger.args = {\n  ...defaultArgs,\n  clearTrigger: <Icon name=\"Cross\" />,\n};\n"],"mappings":";;;;;;;;AAYA,IAAM,IAAa,sOAMb,KAAiB,MAA0B;CAE/C,IAAM,IAAgB,EAAK,WAAmC,CAAC;CAC/D,OAAO;EAAE,GAAG;EAAW,SAAS,EAAa,SAAS;CAAI;AAC5D,GAGA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,SAAS;GACP,SAAS,CAAC,OAAO;GACjB,SAAS;EACX;EACA,OAAO;GACL,SAAS;GACT,SAAS;IAAC,KAAA;IAAW;IAAS;GAAS;EACzC;EACA,MAAM;GACJ,SAAS;GACT,SAAS;IAAC;IAAQ;IAAY;GAAO;EACvC;EACA,YAAY;GACV,SAAS;GACT,SAAS,CAAC,OAAO;EACnB;EACA,IAAI,EACF,SAAS,OACX;EACA,cAAc,EACZ,OAAO,EACL,SAAS,GACX,EACF;CACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAEM,KAAsC,MAAS;CACnD,IAAM,CAAC,GAAY,KAAiB,EAAmC,EAAE,GACnE,IAAW,EAAyB,IAAI,GAExC,KAAgB,MAAyC;EAE7D,AADA,EAAc,EAAM,OAAO,KAAK,GAChC,EAAG,EAAE,cAAc;CACrB,GAEM,UAAoB;EAExB,AADA,EAAc,EAAE,GAChB,EAAG,EAAE,aAAa;CACpB;CAEA,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,GAAI,EAAc,CAAI;EACtB,OAAO;EACP,UAAU;EACV,SAAS;EACT,KAAK;CACN,CAAA,EACQ,CAAA;AAEf,GAEM,IAAwC;CAC5C,MAAM;CACN,SAAS,KAAA;CACT,IAAI;AACN,GAEa,IAAoB,EAAS,KAAK,CAAC,CAAC;AACjD,EAAkB,OAAO,EACvB,GAAG,EACL;AAEA,IAAa,IAAyB,EAAS,KAAK,CAAC,CAAC;AACtD,EAAuB,OAAO;CAC5B,GAAG;CACH,cAAc;AAChB;AAEA,IAAa,IAAuB,EAAS,KAAK,CAAC,CAAC;AACpD,EAAqB,OAAO;CAC1B,GAAG;CACH,cAAc,kBAAC,GAAD,EAAM,MAAK,QAAS,CAAA;AACpC"}
+{"version":3,"file":"InputField.stories.js","names":[],"sources":["../../../src/components/InputField/InputField.stories.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\nimport { fn } from 'storybook/test';\n\nimport type { ChangeEvent } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { InputFieldProps } from './InputField';\n\nimport { InputField } from './InputField';\n\nimport { Container } from 'storyComponents/Container';\nimport { Icon } from 'components';\n\nconst codeString = `\n// Has all HTMLInputElement props available except \"className\" and \"style\" \n<InputField aria-labelledby={aria-labelledby} id={id} onChange={onChangeFunction}\n  value={value} type={type} clearTrigger={clearTrigger} />\n`;\n\nconst transformArgs = (args: InputFieldProps) => {\n  // args.variant is provided as an array because the control type is set to a checkbox. So this transforms the selected value into its proper value: a string\n  const variantArray = (args.variant as unknown as string[]) ?? [];\n  return { ...args, ...{ variant: variantArray.toString() } } as InputFieldProps;\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/InputField',\n  component: InputField,\n  argTypes: {\n    variant: {\n      options: ['large'],\n      control: 'check',\n    },\n    width: {\n      control: 'radio',\n      options: [undefined, 'small', 'compact'],\n    },\n    type: {\n      control: 'radio',\n      options: ['text', 'password', 'email'],\n    },\n    background: {\n      control: 'check',\n      options: ['white'],\n    },\n    id: {\n      control: 'text',\n    },\n    autoComplete: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: InputField,\n    codeString: codeString,\n  },\n} as Meta<InputFieldProps>;\n\nconst Template: StoryFn<InputFieldProps> = (args) => {\n  const [inputValue, setInputValue] = useState<InputFieldProps['value']>('');\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setInputValue(event.target.value);\n    fn()('handleChange');\n  };\n\n  const handleClear = () => {\n    setInputValue('');\n    fn()('handleClear');\n  };\n\n  return (\n    <Container>\n      <InputField\n        {...transformArgs(args)}\n        value={inputValue}\n        onChange={handleChange}\n        onClear={handleClear}\n        ref={inputRef}\n      />\n    </Container>\n  );\n};\n\nconst defaultArgs: Partial<InputFieldProps> = {\n  type: 'text',\n  variant: undefined,\n  id: '4f9ca77d',\n};\n\nexport const InputFieldExample = Template.bind({});\nInputFieldExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithStringClearTrigger = Template.bind({});\nWithStringClearTrigger.args = {\n  ...defaultArgs,\n  clearTrigger: 'Clear',\n};\n\nexport const WithIconClearTrigger = Template.bind({});\nWithIconClearTrigger.args = {\n  ...defaultArgs,\n  clearTrigger: <Icon name=\"Cross\" />,\n};\n"],"mappings":";;;;;;;;AAYA,IAAM,IAAa,sOAMb,KAAiB,MAA0B;CAE/C,IAAM,IAAgB,EAAK,WAAmC,CAAC;CAC/D,OAAO;EAAE,GAAG;EAAW,SAAS,EAAa,SAAS;CAAI;AAC5D,GAGA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,SAAS;GACP,SAAS,CAAC,OAAO;GACjB,SAAS;EACX;EACA,OAAO;GACL,SAAS;GACT,SAAS;IAAC,KAAA;IAAW;IAAS;GAAS;EACzC;EACA,MAAM;GACJ,SAAS;GACT,SAAS;IAAC;IAAQ;IAAY;GAAO;EACvC;EACA,YAAY;GACV,SAAS;GACT,SAAS,CAAC,OAAO;EACnB;EACA,IAAI,EACF,SAAS,OACX;EACA,cAAc,EACZ,OAAO,EACL,SAAS,GACX,EACF;CACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAEM,KAAsC,MAAS;CACnD,IAAM,CAAC,GAAY,KAAiB,EAAmC,EAAE,GACnE,IAAW,EAAyB,IAAI,GAExC,KAAgB,MAAyC;EAE7D,AADA,EAAc,EAAM,OAAO,KAAK,GAChC,EAAG,CAAC,CAAC,cAAc;CACrB,GAEM,UAAoB;EAExB,AADA,EAAc,EAAE,GAChB,EAAG,CAAC,CAAC,aAAa;CACpB;CAEA,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,GAAI,EAAc,CAAI;EACtB,OAAO;EACP,UAAU;EACV,SAAS;EACT,KAAK;CACN,CAAA,EACQ,CAAA;AAEf,GAEM,IAAwC;CAC5C,MAAM;CACN,SAAS,KAAA;CACT,IAAI;AACN,GAEa,IAAoB,EAAS,KAAK,CAAC,CAAC;AACjD,EAAkB,OAAO,EACvB,GAAG,EACL;AAEA,IAAa,IAAyB,EAAS,KAAK,CAAC,CAAC;AACtD,EAAuB,OAAO;CAC5B,GAAG;CACH,cAAc;AAChB;AAEA,IAAa,IAAuB,EAAS,KAAK,CAAC,CAAC;AACpD,EAAqB,OAAO;CAC1B,GAAG;CACH,cAAc,kBAAC,GAAD,EAAM,MAAK,QAAS,CAAA;AACpC"}

package/dist/components/Label/Label.test.js

@@ -1,6 +1,6 @@
-import "../../dist-C6Ar8a59.js";
+import "../../dist-oLwM--0y.js";
 import { t as e } from "../../Label-52ny6d06.js";
-import { i as t, n } from "../../react.esm-56DGmlLk.js";
+import { i as t, n } from "../../react.esm-DwWzhs9e.js";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/Label/Label.test.tsx
 describe("Label", () => {

package/dist/components/Label/Label.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.test.js","names":[],"sources":["../../../src/components/Label/Label.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { Label } from './Label';\n\ndescribe('Label', () => {\n  it('should render', () => {\n    render(<Label htmlFor=\"testComponent\">Test label</Label>);\n    expect(screen.getByText('Test label')).toBeInTheDocument();\n  });\n\n  it('should render with required', () => {\n    render(\n      <Label htmlFor=\"testComponent\" required={true}>\n        Test label\n      </Label>\n    );\n    expect(screen.getByText('Test label')).toHaveClass('label--required');\n  });\n\n  it('should render with noFontWeight', () => {\n    render(\n      <Label htmlFor=\"testComponent\" noFontWeight={true}>\n        Test label\n      </Label>\n    );\n    expect(screen.getByText('Test label')).toHaveClass('label--unset-font-weight');\n  });\n\n  it('should render with alignRight', () => {\n    render(\n      <Label htmlFor=\"testComponent\" alignRight={true}>\n        Test label\n      </Label>\n    );\n    expect(screen.getByText('Test label')).toHaveClass('label--align-right');\n  });\n});\n"],"mappings":";;;;;AAKA,SAAS,eAAe;CAwBtB,AAvBA,GAAG,uBAAuB;EAExB,AADA,EAAO,kBAAC,GAAD;GAAO,SAAQ;aAAgB;EAAiB,CAAA,CAAC,GACxD,OAAO,EAAO,UAAU,YAAY,CAAC,EAAE,kBAAkB;CAC3D,CAAC,GAED,GAAG,qCAAqC;EAMtC,AALA,EACE,kBAAC,GAAD;GAAO,SAAQ;GAAgB,UAAU;aAAM;EAExC,CAAA,CACT,GACA,OAAO,EAAO,UAAU,YAAY,CAAC,EAAE,YAAY,iBAAiB;CACtE,CAAC,GAED,GAAG,yCAAyC;EAM1C,AALA,EACE,kBAAC,GAAD;GAAO,SAAQ;GAAgB,cAAc;aAAM;EAE5C,CAAA,CACT,GACA,OAAO,EAAO,UAAU,YAAY,CAAC,EAAE,YAAY,0BAA0B;CAC/E,CAAC,GAED,GAAG,uCAAuC;EAMxC,AALA,EACE,kBAAC,GAAD;GAAO,SAAQ;GAAgB,YAAY;aAAM;EAE1C,CAAA,CACT,GACA,OAAO,EAAO,UAAU,YAAY,CAAC,EAAE,YAAY,oBAAoB;CACzE,CAAC;AACH,CAAC"}
+{"version":3,"file":"Label.test.js","names":[],"sources":["../../../src/components/Label/Label.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { Label } from './Label';\n\ndescribe('Label', () => {\n  it('should render', () => {\n    render(<Label htmlFor=\"testComponent\">Test label</Label>);\n    expect(screen.getByText('Test label')).toBeInTheDocument();\n  });\n\n  it('should render with required', () => {\n    render(\n      <Label htmlFor=\"testComponent\" required={true}>\n        Test label\n      </Label>\n    );\n    expect(screen.getByText('Test label')).toHaveClass('label--required');\n  });\n\n  it('should render with noFontWeight', () => {\n    render(\n      <Label htmlFor=\"testComponent\" noFontWeight={true}>\n        Test label\n      </Label>\n    );\n    expect(screen.getByText('Test label')).toHaveClass('label--unset-font-weight');\n  });\n\n  it('should render with alignRight', () => {\n    render(\n      <Label htmlFor=\"testComponent\" alignRight={true}>\n        Test label\n      </Label>\n    );\n    expect(screen.getByText('Test label')).toHaveClass('label--align-right');\n  });\n});\n"],"mappings":";;;;;AAKA,SAAS,eAAe;CAwBtB,AAvBA,GAAG,uBAAuB;EAExB,AADA,EAAO,kBAAC,GAAD;GAAO,SAAQ;aAAgB;EAAiB,CAAA,CAAC,GACxD,OAAO,EAAO,UAAU,YAAY,CAAC,CAAC,CAAC,kBAAkB;CAC3D,CAAC,GAED,GAAG,qCAAqC;EAMtC,AALA,EACE,kBAAC,GAAD;GAAO,SAAQ;GAAgB,UAAU;aAAM;EAExC,CAAA,CACT,GACA,OAAO,EAAO,UAAU,YAAY,CAAC,CAAC,CAAC,YAAY,iBAAiB;CACtE,CAAC,GAED,GAAG,yCAAyC;EAM1C,AALA,EACE,kBAAC,GAAD;GAAO,SAAQ;GAAgB,cAAc;aAAM;EAE5C,CAAA,CACT,GACA,OAAO,EAAO,UAAU,YAAY,CAAC,CAAC,CAAC,YAAY,0BAA0B;CAC/E,CAAC,GAED,GAAG,uCAAuC;EAMxC,AALA,EACE,kBAAC,GAAD;GAAO,SAAQ;GAAgB,YAAY;aAAM;EAE1C,CAAA,CACT,GACA,OAAO,EAAO,UAAU,YAAY,CAAC,CAAC,CAAC,YAAY,oBAAoB;CACzE,CAAC;AACH,CAAC"}

package/dist/components/MenuLink/MenuLink.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuLink.stories.js","names":[],"sources":["../../../src/components/MenuLink/MenuLink.stories.tsx"],"sourcesContent":["import { MemoryRouter, type NavLinkProps } from 'react-router';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { MenuLinkProps } from './MenuLink';\n\nimport { MenuLink } from './MenuLink';\n\nimport './MenuLink.stories.css';\n\nconst codeString = `\n// Can only be used wrapped in a 'react-router' <MemoryRouter />\n <MenuLink to={linkUrl}>{children}</MenuLink>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/MenuLink',\n  component: MenuLink,\n  parameters: {\n    inspectComponent: MenuLink,\n    codeString: codeString,\n  },\n} as Meta<Omit<NavLinkProps, 'style'>>;\n\nconst menuLinks = [\n  { to: '/menu-link-1', title: 'Menu Link One' },\n  { to: '/menu-link-2', title: 'Menu Link Two' },\n  { to: '/menu-link-3', title: 'Menu Link Three' },\n];\n\nconst Template: StoryFn<Omit<MenuLinkProps, 'style'>> = () => {\n  return (\n    <MemoryRouter initialEntries={menuLinks.map((link) => link.to)} initialIndex={0}>\n      <nav className=\"navbar\">\n        {menuLinks.map((link) => (\n          <MenuLink key={link.to} to={link.to}>\n            {link.title}\n          </MenuLink>\n        ))}\n      </nav>\n    </MemoryRouter>\n  );\n};\n\nexport const MenuLinkExample = Template.bind({});\n\nconst menuLinks02 = [\n  { to: '/menu-link-1', title: 'Menu Link One (no default behavior)', overrideDefaultBehavior: true },\n  { to: '/menu-link-2', title: 'Menu Link Two', overrideDefaultBehavior: false },\n  { to: '/menu-link-3', title: 'Menu Link Three', overrideDefaultBehavior: false },\n];\n\nconst TemplateMenuLinkOverrideDefaultBehavior: StoryFn<Omit<MenuLinkProps, 'style'>> = () => {\n  return (\n    <MemoryRouter initialEntries={menuLinks02.map((link) => link.to)} initialIndex={0}>\n      <nav className=\"navbar\">\n        {menuLinks02.map((link) => (\n          <MenuLink key={link.to} to={link.to} overrideDefault={link.overrideDefaultBehavior}>\n            {link.title}\n          </MenuLink>\n        ))}\n      </nav>\n    </MemoryRouter>\n  );\n};\n\nexport const MenuLinkOverrideDefaultBehavior = TemplateMenuLinkOverrideDefaultBehavior.bind({});\n"],"mappings":";;;AAeA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAEM,IAAY;CAChB;EAAE,IAAI;EAAgB,OAAO;CAAgB;CAC7C;EAAE,IAAI;EAAgB,OAAO;CAAgB;CAC7C;EAAE,IAAI;EAAgB,OAAO;CAAkB;AACjD,GAgBa,WAZT,kBAAC,GAAD;CAAc,gBAAgB,EAAU,KAAK,MAAS,EAAK,EAAE;CAAG,cAAc;WAC5E,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAU,KAAK,MACd,kBAAC,GAAD;GAAwB,IAAI,EAAK;aAC9B,EAAK;EACE,GAFK,EAAK,EAEV,CACX;CACE,CAAA;AACO,CAAA,GAIsB,KAAK,CAAC,CAAC,GAEzC,IAAc;CAClB;EAAE,IAAI;EAAgB,OAAO;EAAuC,yBAAyB;CAAK;CAClG;EAAE,IAAI;EAAgB,OAAO;EAAiB,yBAAyB;CAAM;CAC7E;EAAE,IAAI;EAAgB,OAAO;EAAmB,yBAAyB;CAAM;AACjF,GAgBa,WAZT,kBAAC,GAAD;CAAc,gBAAgB,EAAY,KAAK,MAAS,EAAK,EAAE;CAAG,cAAc;WAC9E,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAY,KAAK,MAChB,kBAAC,GAAD;GAAwB,IAAI,EAAK;GAAI,iBAAiB,EAAK;aACxD,EAAK;EACE,GAFK,EAAK,EAEV,CACX;CACE,CAAA;AACO,CAAA,GAIqE,KAAK,CAAC,CAAC"}
+{"version":3,"file":"MenuLink.stories.js","names":[],"sources":["../../../src/components/MenuLink/MenuLink.stories.tsx"],"sourcesContent":["import { MemoryRouter, type NavLinkProps } from 'react-router';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { MenuLinkProps } from './MenuLink';\n\nimport { MenuLink } from './MenuLink';\n\nimport './MenuLink.stories.css';\n\nconst codeString = `\n// Can only be used wrapped in a 'react-router' <MemoryRouter />\n <MenuLink to={linkUrl}>{children}</MenuLink>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/MenuLink',\n  component: MenuLink,\n  parameters: {\n    inspectComponent: MenuLink,\n    codeString: codeString,\n  },\n} as Meta<Omit<NavLinkProps, 'style'>>;\n\nconst menuLinks = [\n  { to: '/menu-link-1', title: 'Menu Link One' },\n  { to: '/menu-link-2', title: 'Menu Link Two' },\n  { to: '/menu-link-3', title: 'Menu Link Three' },\n];\n\nconst Template: StoryFn<Omit<MenuLinkProps, 'style'>> = () => {\n  return (\n    <MemoryRouter initialEntries={menuLinks.map((link) => link.to)} initialIndex={0}>\n      <nav className=\"navbar\">\n        {menuLinks.map((link) => (\n          <MenuLink key={link.to} to={link.to}>\n            {link.title}\n          </MenuLink>\n        ))}\n      </nav>\n    </MemoryRouter>\n  );\n};\n\nexport const MenuLinkExample = Template.bind({});\n\nconst menuLinks02 = [\n  { to: '/menu-link-1', title: 'Menu Link One (no default behavior)', overrideDefaultBehavior: true },\n  { to: '/menu-link-2', title: 'Menu Link Two', overrideDefaultBehavior: false },\n  { to: '/menu-link-3', title: 'Menu Link Three', overrideDefaultBehavior: false },\n];\n\nconst TemplateMenuLinkOverrideDefaultBehavior: StoryFn<Omit<MenuLinkProps, 'style'>> = () => {\n  return (\n    <MemoryRouter initialEntries={menuLinks02.map((link) => link.to)} initialIndex={0}>\n      <nav className=\"navbar\">\n        {menuLinks02.map((link) => (\n          <MenuLink key={link.to} to={link.to} overrideDefault={link.overrideDefaultBehavior}>\n            {link.title}\n          </MenuLink>\n        ))}\n      </nav>\n    </MemoryRouter>\n  );\n};\n\nexport const MenuLinkOverrideDefaultBehavior = TemplateMenuLinkOverrideDefaultBehavior.bind({});\n"],"mappings":";;;AAeA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAEM,IAAY;CAChB;EAAE,IAAI;EAAgB,OAAO;CAAgB;CAC7C;EAAE,IAAI;EAAgB,OAAO;CAAgB;CAC7C;EAAE,IAAI;EAAgB,OAAO;CAAkB;AACjD,GAgBa,WAZT,kBAAC,GAAD;CAAc,gBAAgB,EAAU,KAAK,MAAS,EAAK,EAAE;CAAG,cAAc;WAC5E,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAU,KAAK,MACd,kBAAC,GAAD;GAAwB,IAAI,EAAK;aAC9B,EAAK;EACE,GAFK,EAAK,EAEV,CACX;CACE,CAAA;AACO,CAAA,EAIa,CAAS,KAAK,CAAC,CAAC,GAEzC,IAAc;CAClB;EAAE,IAAI;EAAgB,OAAO;EAAuC,yBAAyB;CAAK;CAClG;EAAE,IAAI;EAAgB,OAAO;EAAiB,yBAAyB;CAAM;CAC7E;EAAE,IAAI;EAAgB,OAAO;EAAmB,yBAAyB;CAAM;AACjF,GAgBa,WAZT,kBAAC,GAAD;CAAc,gBAAgB,EAAY,KAAK,MAAS,EAAK,EAAE;CAAG,cAAc;WAC9E,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAY,KAAK,MAChB,kBAAC,GAAD;GAAwB,IAAI,EAAK;GAAI,iBAAiB,EAAK;aACxD,EAAK;EACE,GAFK,EAAK,EAEV,CACX;CACE,CAAA;AACO,CAAA,EAI6B,CAAwC,KAAK,CAAC,CAAC"}

package/dist/components/MetaDataBar/MetaDataBar.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"MetaDataBar.stories.js","names":[],"sources":["../../../src/components/MetaDataBar/MetaDataBar.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { MetaDataBarProps } from './MetaDataBar';\nimport type { IconProps } from 'components/Icon';\n\nimport { MetaDataBar } from './MetaDataBar';\n\nconst codeString = '<MetaDataBar itemData={itemData} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/MetaDataBar',\n  component: MetaDataBar,\n  parameters: {\n    inspectComponent: MetaDataBar,\n    codeString: codeString,\n  },\n} as Meta<MetaDataBarProps>;\n\nconst Template: StoryFn<MetaDataBarProps> = (args) => <MetaDataBar {...args} />;\n\nexport const MetaDataBarExample = Template.bind({});\nMetaDataBarExample.args = {\n  itemData: [\n    { iconName: 'AcademicCap' as IconProps['name'], itemLabel: 'Jedi Academy' },\n    { iconName: 'UserCircle' as IconProps['name'], itemLabel: 'Luuk Hemelwandelaar' },\n  ],\n};\n"],"mappings":";;AASA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAIa,MAFgC,MAAS,kBAAC,GAAD,EAAa,GAAI,EAAO,CAAA,GAEnC,KAAK,CAAC,CAAC;AAClD,EAAmB,OAAO,EACxB,UAAU,CACR;CAAE,UAAU;CAAoC,WAAW;AAAe,GAC1E;CAAE,UAAU;CAAmC,WAAW;AAAsB,CAClF,EACF"}
+{"version":3,"file":"MetaDataBar.stories.js","names":[],"sources":["../../../src/components/MetaDataBar/MetaDataBar.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { MetaDataBarProps } from './MetaDataBar';\n\nimport { MetaDataBar } from './MetaDataBar';\n\nconst codeString = '<MetaDataBar itemData={itemData} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/MetaDataBar',\n  component: MetaDataBar,\n  parameters: {\n    inspectComponent: MetaDataBar,\n    codeString: codeString,\n  },\n} as Meta<MetaDataBarProps>;\n\nconst Template: StoryFn<MetaDataBarProps> = (args) => <MetaDataBar {...args} />;\n\nexport const MetaDataBarExample = Template.bind({});\nMetaDataBarExample.args = {\n  itemData: [\n    { iconName: 'AcademicCap', itemLabel: 'Jedi Academy' },\n    { iconName: 'UserCircle', itemLabel: 'Luuk Hemelwandelaar' },\n  ],\n};\n"],"mappings":";;AAQA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAIa,MAFgC,MAAS,kBAAC,GAAD,EAAa,GAAI,EAAO,CAAA,EAE5C,CAAS,KAAK,CAAC,CAAC;AAClD,EAAmB,OAAO,EACxB,UAAU,CACR;CAAE,UAAU;CAAe,WAAW;AAAe,GACrD;CAAE,UAAU;CAAc,WAAW;AAAsB,CAC7D,EACF"}

package/dist/components/MetaDataBar/MetaDataBar.test.js

@@ -1,5 +1,5 @@
 import { t as e } from "../../MetaDataBar-48J7yPrb.js";
-import { i as t, n } from "../../react.esm-56DGmlLk.js";
+import { i as t, n } from "../../react.esm-DwWzhs9e.js";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/MetaDataBar/MetaDataBar.test.tsx
 jest.mock("components/Icon", () => ({ Icon: ({ name: e }) => /* @__PURE__ */ r("span", {

package/dist/components/MetaDataBar/MetaDataBar.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"MetaDataBar.test.js","names":[],"sources":["../../../src/components/MetaDataBar/MetaDataBar.test.tsx"],"sourcesContent":["import { render, screen } from '@testing-library/react';\n\nimport type { IconProps } from 'components/Icon';\n\nimport { MetaDataBar } from './MetaDataBar';\n\njest.mock('components/Icon', () => ({\n  Icon: ({ name }: { name: IconProps['name'] }) => <span data-testid=\"icon\">{name}</span>,\n}));\n\nconst mockItemData = [\n  { iconName: 'AcademicCap' as IconProps['name'], itemLabel: 'Jedi Academy' },\n  { iconName: 'User' as IconProps['name'], itemLabel: 'Luuk Hemelwandelaar' },\n];\n\ndescribe('MetaDataBar', () => {\n  it('renders correctly with content items', () => {\n    render(<MetaDataBar itemData={mockItemData} />);\n\n    expect(screen.getByText('AcademicCap')).toBeInTheDocument();\n    expect(screen.getByText('Jedi Academy')).toBeInTheDocument();\n    expect(screen.getByText('User')).toBeInTheDocument();\n    expect(screen.getByText('Luuk Hemelwandelaar')).toBeInTheDocument();\n\n    expect(screen.getAllByTestId('icon')).toHaveLength(mockItemData.length);\n  });\n\n  it('renders nothing when content is empty', () => {\n    render(<MetaDataBar itemData={[]} />);\n    expect(screen.queryByTestId('icon')).not.toBeInTheDocument();\n    expect(screen.queryByText(/.+/)).not.toBeInTheDocument();\n  });\n});\n"],"mappings":";;;;AAMA,KAAK,KAAK,0BAA0B,EAClC,OAAO,EAAE,cAAwC,kBAAC,QAAD;CAAM,eAAY;WAAQ;AAAW,CAAA,EACxF,EAAE;AAEF,IAAM,IAAe,CACnB;CAAE,UAAU;CAAoC,WAAW;AAAe,GAC1E;CAAE,UAAU;CAA6B,WAAW;AAAsB,CAC5E;AAEA,SAAS,qBAAqB;CAY5B,AAXA,GAAG,8CAA8C;EAQ/C,AAPA,EAAO,kBAAC,GAAD,EAAa,UAAU,EAAe,CAAA,CAAC,GAE9C,OAAO,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAkB,GAC1D,OAAO,EAAO,UAAU,cAAc,CAAC,EAAE,kBAAkB,GAC3D,OAAO,EAAO,UAAU,MAAM,CAAC,EAAE,kBAAkB,GACnD,OAAO,EAAO,UAAU,qBAAqB,CAAC,EAAE,kBAAkB,GAElE,OAAO,EAAO,eAAe,MAAM,CAAC,EAAE,aAAa,EAAa,MAAM;CACxE,CAAC,GAED,GAAG,+CAA+C;EAGhD,AAFA,EAAO,kBAAC,GAAD,EAAa,UAAU,CAAC,EAAI,CAAA,CAAC,GACpC,OAAO,EAAO,cAAc,MAAM,CAAC,EAAE,IAAI,kBAAkB,GAC3D,OAAO,EAAO,YAAY,IAAI,CAAC,EAAE,IAAI,kBAAkB;CACzD,CAAC;AACH,CAAC"}
+{"version":3,"file":"MetaDataBar.test.js","names":[],"sources":["../../../src/components/MetaDataBar/MetaDataBar.test.tsx"],"sourcesContent":["import { render, screen } from '@testing-library/react';\n\nimport type { IconProps } from 'components/Icon';\n\nimport { MetaDataBar } from './MetaDataBar';\n\njest.mock('components/Icon', () => ({\n  Icon: ({ name }: { name: IconProps['name'] }) => <span data-testid=\"icon\">{name}</span>,\n}));\n\nconst mockItemData = [\n  { iconName: 'AcademicCap' as IconProps['name'], itemLabel: 'Jedi Academy' },\n  { iconName: 'User' as IconProps['name'], itemLabel: 'Luuk Hemelwandelaar' },\n];\n\ndescribe('MetaDataBar', () => {\n  it('renders correctly with content items', () => {\n    render(<MetaDataBar itemData={mockItemData} />);\n\n    expect(screen.getByText('AcademicCap')).toBeInTheDocument();\n    expect(screen.getByText('Jedi Academy')).toBeInTheDocument();\n    expect(screen.getByText('User')).toBeInTheDocument();\n    expect(screen.getByText('Luuk Hemelwandelaar')).toBeInTheDocument();\n\n    expect(screen.getAllByTestId('icon')).toHaveLength(mockItemData.length);\n  });\n\n  it('renders nothing when content is empty', () => {\n    render(<MetaDataBar itemData={[]} />);\n    expect(screen.queryByTestId('icon')).not.toBeInTheDocument();\n    expect(screen.queryByText(/.+/)).not.toBeInTheDocument();\n  });\n});\n"],"mappings":";;;;AAMA,KAAK,KAAK,0BAA0B,EAClC,OAAO,EAAE,cAAwC,kBAAC,QAAD;CAAM,eAAY;WAAQ;AAAW,CAAA,EACxF,EAAE;AAEF,IAAM,IAAe,CACnB;CAAE,UAAU;CAAoC,WAAW;AAAe,GAC1E;CAAE,UAAU;CAA6B,WAAW;AAAsB,CAC5E;AAEA,SAAS,qBAAqB;CAY5B,AAXA,GAAG,8CAA8C;EAQ/C,AAPA,EAAO,kBAAC,GAAD,EAAa,UAAU,EAAe,CAAA,CAAC,GAE9C,OAAO,EAAO,UAAU,aAAa,CAAC,CAAC,CAAC,kBAAkB,GAC1D,OAAO,EAAO,UAAU,cAAc,CAAC,CAAC,CAAC,kBAAkB,GAC3D,OAAO,EAAO,UAAU,MAAM,CAAC,CAAC,CAAC,kBAAkB,GACnD,OAAO,EAAO,UAAU,qBAAqB,CAAC,CAAC,CAAC,kBAAkB,GAElE,OAAO,EAAO,eAAe,MAAM,CAAC,CAAC,CAAC,aAAa,EAAa,MAAM;CACxE,CAAC,GAED,GAAG,+CAA+C;EAGhD,AAFA,EAAO,kBAAC,GAAD,EAAa,UAAU,CAAC,EAAI,CAAA,CAAC,GACpC,OAAO,EAAO,cAAc,MAAM,CAAC,CAAC,CAAC,IAAI,kBAAkB,GAC3D,OAAO,EAAO,YAAY,IAAI,CAAC,CAAC,CAAC,IAAI,kBAAkB;CACzD,CAAC;AACH,CAAC"}

package/dist/components/MetaDataList/MetaDataList.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"MetaDataList.stories.js","names":[],"sources":["../../../src/components/MetaDataList/MetaDataList.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { MetaDataListProps } from './MetaDataList';\n\nimport { MetaDataList } from './MetaDataList';\n\nimport { Container } from 'storyComponents/Container/';\n\nconst codeString = '<MetaDataList items={items} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/MetaDataList',\n  component: MetaDataList,\n  parameters: {\n    inspectComponent: MetaDataList,\n    codeString: codeString,\n  },\n} as Meta<MetaDataListProps>;\n\nconst Template: StoryFn<MetaDataListProps> = (args) => (\n  <Container>\n    <MetaDataList {...args} />\n  </Container>\n);\n\nexport const MetaDataListExample = Template.bind({});\nMetaDataListExample.args = {\n  items: {\n    'item one': 'foo',\n    'item two': 'bar',\n    'item three': 'baz',\n  },\n};\n"],"mappings":";;;;AAUA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAQa,MANiC,MAC5C,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAc,GAAI,EAAO,CAAA,EAChB,CAAA,GAG+B,KAAK,CAAC,CAAC;AACnD,EAAoB,OAAO,EACzB,OAAO;CACL,YAAY;CACZ,YAAY;CACZ,cAAc;AAChB,EACF"}
+{"version":3,"file":"MetaDataList.stories.js","names":[],"sources":["../../../src/components/MetaDataList/MetaDataList.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { MetaDataListProps } from './MetaDataList';\n\nimport { MetaDataList } from './MetaDataList';\n\nimport { Container } from 'storyComponents/Container/';\n\nconst codeString = '<MetaDataList items={items} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/MetaDataList',\n  component: MetaDataList,\n  parameters: {\n    inspectComponent: MetaDataList,\n    codeString: codeString,\n  },\n} as Meta<MetaDataListProps>;\n\nconst Template: StoryFn<MetaDataListProps> = (args) => (\n  <Container>\n    <MetaDataList {...args} />\n  </Container>\n);\n\nexport const MetaDataListExample = Template.bind({});\nMetaDataListExample.args = {\n  items: {\n    'item one': 'foo',\n    'item two': 'bar',\n    'item three': 'baz',\n  },\n};\n"],"mappings":";;;;AAUA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAQa,MANiC,MAC5C,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAc,GAAI,EAAO,CAAA,EAChB,CAAA,EAGsB,CAAS,KAAK,CAAC,CAAC;AACnD,EAAoB,OAAO,EACzB,OAAO;CACL,YAAY;CACZ,YAAY;CACZ,cAAc;AAChB,EACF"}

package/dist/components/ModalDialog/ModalDialog.stories.js

@@ -1,4 +1,4 @@
-import { r as e } from "../../test-WxLxsxwA.js";
+import { r as e } from "../../test-Gtly6H2f.js";
 import { Button as t } from "../Buttons/Button.js";
 import { t as n } from "../../ButtonGroup-D2z5UWTR.js";
 import { t as r } from "../../Label-52ny6d06.js";

package/dist/components/ModalDialog/ModalDialog.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalDialog.stories.js","names":[],"sources":["../../../src/components/ModalDialog/ModalDialog.stories.tsx"],"sourcesContent":["import { ModalProvider } from '@react-aria/overlays';\nimport { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ModalDialogProps } from './ModalDialog';\n\nimport { ModalDialog } from './ModalDialog';\n\nimport { Button } from 'components/Buttons';\nimport { ButtonGroup } from 'components/ButtonGroup';\nimport { FormField } from 'components/FormField';\nimport { InputField } from 'components/InputField';\nimport { Label } from 'components/Label';\n\nconst codeString = `\n/* ModalDialog has more styling props (see Info-tab).\n Code example is made with the most commonly used props. **/\n  <ModalDialog isOpen={isOpen} title={title} onClose={onCloseFunction}\n    onSubmit={onSubmitFunction} buttons={buttons}> {children} </ModalDialog>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/ModalDialog',\n  component: ModalDialog,\n  argTypes: {\n    isOpen: {\n      table: {\n        disable: true,\n      },\n    },\n    noValidate: {\n      control: 'boolean',\n    },\n    role: {\n      control: 'radio',\n      options: ['dialog', 'alertdialog'],\n    },\n    onSubmit: {\n      table: {\n        disable: true,\n      },\n    },\n    onClose: {\n      table: {\n        disable: true,\n      },\n    },\n    buttons: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: ModalDialog,\n    codeString: codeString,\n  },\n} as Meta<ModalDialogProps>;\n\nconst Template: StoryFn<ModalDialogProps> = (args: ModalDialogProps) => (\n  <ModalProvider>\n    <ModalDialog {...args}>\n      <FormField outerSpace>\n        <Label htmlFor=\"text-field\">Example Text Field</Label>\n        <InputField id=\"text-field\" />\n      </FormField>\n    </ModalDialog>\n  </ModalProvider>\n);\n\nconst defaultArgs: Partial<ModalDialogProps> = {\n  padded: false,\n  size: 'regular',\n  noButtonBorder: false,\n  variant: 'dialog',\n  role: 'dialog',\n  title: 'Example Title',\n  closeButtonAriaValueText: 'Close',\n  noValidate: false,\n  onSubmit: fn(),\n  onClose: fn(),\n  buttons: (\n    <ButtonGroup reversed>\n      <Button variant=\"primary\" onClick={fn()}>\n        OK\n      </Button>\n      <Button variant=\"secondary\" onClick={fn()}>\n        Cancel\n      </Button>\n    </ButtonGroup>\n  ),\n  isOpen: true,\n};\n\nexport const ModalDialogExample = Template.bind({});\nModalDialogExample.args = {\n  ...defaultArgs,\n};\n\nexport const Loading = Template.bind({});\nLoading.args = {\n  ...defaultArgs,\n  isLoading: true,\n  spinnerAriaValueText: 'Loading',\n};\n\nconst LongContentTemplate: StoryFn<ModalDialogProps> = (args: ModalDialogProps) => (\n  <ModalProvider>\n    <ModalDialog {...args}>\n      <FormField outerSpace>\n        <div>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ac dui et nibh eleifend ultricies a id nulla.\n          Pellentesque eleifend sem a tellus dictum tempus. Proin non leo id risus placerat vulputate at ac erat. Ut\n          fringilla imperdiet sollicitudin. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere\n          cubilia curae; Cras molestie ante ac magna ornare rhoncus non at quam. Mauris elementum luctus euismod.\n          Pellentesque molestie malesuada purus, sed egestas lacus interdum sit amet. Morbi blandit lacus sit amet\n          dictum pulvinar. Ut semper nunc ac enim imperdiet, non interdum diam gravida. In nunc tortor, mollis ac\n          molestie dignissim, elementum sed quam. Suspendisse mollis venenatis libero, pellentesque vestibulum elit\n          consequat et. Aliquam fringilla tellus id libero tempus, sit amet suscipit augue tristique. Quisque cursus\n          neque vel justo tristique, eget semper turpis elementum. Etiam venenatis mattis sapien ac mattis. Mauris vitae\n          ultrices erat.\n        </div>\n        <div>\n          Aliquam facilisis massa sed justo rhoncus bibendum. Sed lobortis urna orci, vitae porta leo placerat nec. Nam\n          porta porttitor ornare. Suspendisse vehicula nunc nec egestas finibus. Aliquam non luctus risus. Phasellus ac\n          diam tincidunt, bibendum sem eget, sollicitudin neque. Curabitur mauris risus, feugiat ac euismod non,\n          vulputate ac justo. Curabitur pretium vehicula augue, blandit porta odio rutrum sit amet. Proin semper enim ut\n          sapien tempor, a ornare ipsum faucibus.\n        </div>\n      </FormField>\n    </ModalDialog>\n  </ModalProvider>\n);\n\nexport const WithLongContentAndNoBorder = LongContentTemplate.bind({});\nWithLongContentAndNoBorder.args = {\n  ...defaultArgs,\n  noButtonBorder: true,\n};\n"],"mappings":";;;;;;;;;AAsBA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,QAAQ,EACN,OAAO,EACL,SAAS,GACX,EACF;EACA,YAAY,EACV,SAAS,UACX;EACA,MAAM;GACJ,SAAS;GACT,SAAS,CAAC,UAAU,aAAa;EACnC;EACA,UAAU,EACR,OAAO,EACL,SAAS,GACX,EACF;EACA,SAAS,EACP,OAAO,EACL,SAAS,GACX,EACF;EACA,SAAS,EACP,OAAO,EACL,SAAS,GACX,EACF;CACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAEM,KAAuC,MAC3C,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;CAAa,GAAI;WACf,kBAAC,GAAD;EAAW,YAAA;YAAX,CACE,kBAAC,GAAD;GAAO,SAAQ;aAAa;EAAyB,CAAA,GACrD,kBAAC,GAAD,EAAY,IAAG,aAAc,CAAA,CACpB;;AACA,CAAA,EACA,CAAA,GAGX,IAAyC;CAC7C,QAAQ;CACR,MAAM;CACN,gBAAgB;CAChB,SAAS;CACT,MAAM;CACN,OAAO;CACP,0BAA0B;CAC1B,YAAY;CACZ,UAAU,EAAG;CACb,SAAS,EAAG;CACZ,SACE,kBAAC,GAAD;EAAa,UAAA;YAAb,CACE,kBAAC,GAAD;GAAQ,SAAQ;GAAU,SAAS,EAAG;aAAG;EAEjC,CAAA,GACR,kBAAC,GAAD;GAAQ,SAAQ;GAAY,SAAS,EAAG;aAAG;EAEnC,CAAA,CACG;;CAEf,QAAQ;AACV,GAEa,IAAqB,EAAS,KAAK,CAAC,CAAC;AAClD,EAAmB,OAAO,EACxB,GAAG,EACL;AAEA,IAAa,IAAU,EAAS,KAAK,CAAC,CAAC;AACvC,EAAQ,OAAO;CACb,GAAG;CACH,WAAW;CACX,sBAAsB;AACxB;AA8BA,IAAa,MA5B2C,MACtD,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;CAAa,GAAI;WACf,kBAAC,GAAD;EAAW,YAAA;YAAX,CACE,kBAAC,OAAD,EAAA,UAAK,88BAWA,CAAA,GACL,kBAAC,OAAD,EAAA,UAAK,4dAMA,CAAA,CACI;;AACA,CAAA,EACA,CAAA,GAG6C,KAAK,CAAC,CAAC;AACrE,EAA2B,OAAO;CAChC,GAAG;CACH,gBAAgB;AAClB"}
+{"version":3,"file":"ModalDialog.stories.js","names":[],"sources":["../../../src/components/ModalDialog/ModalDialog.stories.tsx"],"sourcesContent":["import { ModalProvider } from '@react-aria/overlays';\nimport { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ModalDialogProps } from './ModalDialog';\n\nimport { ModalDialog } from './ModalDialog';\n\nimport { Button } from 'components/Buttons';\nimport { ButtonGroup } from 'components/ButtonGroup';\nimport { FormField } from 'components/FormField';\nimport { InputField } from 'components/InputField';\nimport { Label } from 'components/Label';\n\nconst codeString = `\n/* ModalDialog has more styling props (see Info-tab).\n Code example is made with the most commonly used props. **/\n  <ModalDialog isOpen={isOpen} title={title} onClose={onCloseFunction}\n    onSubmit={onSubmitFunction} buttons={buttons}> {children} </ModalDialog>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/ModalDialog',\n  component: ModalDialog,\n  argTypes: {\n    isOpen: {\n      table: {\n        disable: true,\n      },\n    },\n    noValidate: {\n      control: 'boolean',\n    },\n    role: {\n      control: 'radio',\n      options: ['dialog', 'alertdialog'],\n    },\n    onSubmit: {\n      table: {\n        disable: true,\n      },\n    },\n    onClose: {\n      table: {\n        disable: true,\n      },\n    },\n    buttons: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: ModalDialog,\n    codeString: codeString,\n  },\n} as Meta<ModalDialogProps>;\n\nconst Template: StoryFn<ModalDialogProps> = (args: ModalDialogProps) => (\n  <ModalProvider>\n    <ModalDialog {...args}>\n      <FormField outerSpace>\n        <Label htmlFor=\"text-field\">Example Text Field</Label>\n        <InputField id=\"text-field\" />\n      </FormField>\n    </ModalDialog>\n  </ModalProvider>\n);\n\nconst defaultArgs: Partial<ModalDialogProps> = {\n  padded: false,\n  size: 'regular',\n  noButtonBorder: false,\n  variant: 'dialog',\n  role: 'dialog',\n  title: 'Example Title',\n  closeButtonAriaValueText: 'Close',\n  noValidate: false,\n  onSubmit: fn(),\n  onClose: fn(),\n  buttons: (\n    <ButtonGroup reversed>\n      <Button variant=\"primary\" onClick={fn()}>\n        OK\n      </Button>\n      <Button variant=\"secondary\" onClick={fn()}>\n        Cancel\n      </Button>\n    </ButtonGroup>\n  ),\n  isOpen: true,\n};\n\nexport const ModalDialogExample = Template.bind({});\nModalDialogExample.args = {\n  ...defaultArgs,\n};\n\nexport const Loading = Template.bind({});\nLoading.args = {\n  ...defaultArgs,\n  isLoading: true,\n  spinnerAriaValueText: 'Loading',\n};\n\nconst LongContentTemplate: StoryFn<ModalDialogProps> = (args: ModalDialogProps) => (\n  <ModalProvider>\n    <ModalDialog {...args}>\n      <FormField outerSpace>\n        <div>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ac dui et nibh eleifend ultricies a id nulla.\n          Pellentesque eleifend sem a tellus dictum tempus. Proin non leo id risus placerat vulputate at ac erat. Ut\n          fringilla imperdiet sollicitudin. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere\n          cubilia curae; Cras molestie ante ac magna ornare rhoncus non at quam. Mauris elementum luctus euismod.\n          Pellentesque molestie malesuada purus, sed egestas lacus interdum sit amet. Morbi blandit lacus sit amet\n          dictum pulvinar. Ut semper nunc ac enim imperdiet, non interdum diam gravida. In nunc tortor, mollis ac\n          molestie dignissim, elementum sed quam. Suspendisse mollis venenatis libero, pellentesque vestibulum elit\n          consequat et. Aliquam fringilla tellus id libero tempus, sit amet suscipit augue tristique. Quisque cursus\n          neque vel justo tristique, eget semper turpis elementum. Etiam venenatis mattis sapien ac mattis. Mauris vitae\n          ultrices erat.\n        </div>\n        <div>\n          Aliquam facilisis massa sed justo rhoncus bibendum. Sed lobortis urna orci, vitae porta leo placerat nec. Nam\n          porta porttitor ornare. Suspendisse vehicula nunc nec egestas finibus. Aliquam non luctus risus. Phasellus ac\n          diam tincidunt, bibendum sem eget, sollicitudin neque. Curabitur mauris risus, feugiat ac euismod non,\n          vulputate ac justo. Curabitur pretium vehicula augue, blandit porta odio rutrum sit amet. Proin semper enim ut\n          sapien tempor, a ornare ipsum faucibus.\n        </div>\n      </FormField>\n    </ModalDialog>\n  </ModalProvider>\n);\n\nexport const WithLongContentAndNoBorder = LongContentTemplate.bind({});\nWithLongContentAndNoBorder.args = {\n  ...defaultArgs,\n  noButtonBorder: true,\n};\n"],"mappings":";;;;;;;;;AAsBA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,QAAQ,EACN,OAAO,EACL,SAAS,GACX,EACF;EACA,YAAY,EACV,SAAS,UACX;EACA,MAAM;GACJ,SAAS;GACT,SAAS,CAAC,UAAU,aAAa;EACnC;EACA,UAAU,EACR,OAAO,EACL,SAAS,GACX,EACF;EACA,SAAS,EACP,OAAO,EACL,SAAS,GACX,EACF;EACA,SAAS,EACP,OAAO,EACL,SAAS,GACX,EACF;CACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAEM,KAAuC,MAC3C,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;CAAa,GAAI;WACf,kBAAC,GAAD;EAAW,YAAA;YAAX,CACE,kBAAC,GAAD;GAAO,SAAQ;aAAa;EAAyB,CAAA,GACrD,kBAAC,GAAD,EAAY,IAAG,aAAc,CAAA,CACpB;;AACA,CAAA,EACA,CAAA,GAGX,IAAyC;CAC7C,QAAQ;CACR,MAAM;CACN,gBAAgB;CAChB,SAAS;CACT,MAAM;CACN,OAAO;CACP,0BAA0B;CAC1B,YAAY;CACZ,UAAU,EAAG;CACb,SAAS,EAAG;CACZ,SACE,kBAAC,GAAD;EAAa,UAAA;YAAb,CACE,kBAAC,GAAD;GAAQ,SAAQ;GAAU,SAAS,EAAG;aAAG;EAEjC,CAAA,GACR,kBAAC,GAAD;GAAQ,SAAQ;GAAY,SAAS,EAAG;aAAG;EAEnC,CAAA,CACG;;CAEf,QAAQ;AACV,GAEa,IAAqB,EAAS,KAAK,CAAC,CAAC;AAClD,EAAmB,OAAO,EACxB,GAAG,EACL;AAEA,IAAa,IAAU,EAAS,KAAK,CAAC,CAAC;AACvC,EAAQ,OAAO;CACb,GAAG;CACH,WAAW;CACX,sBAAsB;AACxB;AA8BA,IAAa,MA5B2C,MACtD,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;CAAa,GAAI;WACf,kBAAC,GAAD;EAAW,YAAA;YAAX,CACE,kBAAC,OAAD,EAAA,UAAK,88BAWA,CAAA,GACL,kBAAC,OAAD,EAAA,UAAK,4dAMA,CAAA,CACI;;AACA,CAAA,EACA,CAAA,EAGyB,CAAoB,KAAK,CAAC,CAAC;AACrE,EAA2B,OAAO;CAChC,GAAG;CACH,gBAAgB;AAClB"}

package/dist/components/MultiSelect/MultiSelect.js

@@ -1,2 +1,2 @@
-import { f as e } from "../../components-KU0q76JR.js";
+import { f as e } from "../../components-CgBF6db6.js";
 export { e as MultiSelect };

package/dist/components/MultiSelect/MultiSelect.stories.js

@@ -1,5 +1,5 @@
-import { r as e } from "../../test-WxLxsxwA.js";
-import { f as t } from "../../components-KU0q76JR.js";
+import { r as e } from "../../test-Gtly6H2f.js";
+import { f as t } from "../../components-CgBF6db6.js";
 import { t as n } from "../../Container-DOcrVe7u.js";
 import "../../storyComponents/Container/index.js";
 import { useState as r } from "react";

package/dist/components/MultiSelect/MultiSelect.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.stories.js","names":[],"sources":["../../../src/components/MultiSelect/MultiSelect.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\nimport { useState } from 'react';\n\nimport type { ChangeEvent, PropsWithChildren } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { MultiSelectProps } from './MultiSelect';\n\nimport { MultiSelect } from './MultiSelect';\n\nimport { Container } from 'storyComponents/Container';\n\nconst codeString = `\n  // MultiSelectHeader can be added optionally\n  <MultiSelect.MultiSelectHeader label={label} clearTrigger={clearTrigger} onClear={handleClear} />\n  <MultiSelect noBorder={noBorder} scrollable={scrollable}>\n    {mockItems.map(({ itemName, itemValue, disabled }) => (\n      <MultiSelect.MultiSelectItem key={itemName} label={itemName} value={itemValue}\n        checked={stateItems.includes(itemValue)} onChange={handleChange} disabled={disabled} />\n    ))}\n  </MultiSelect>\n  `;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/MultiSelect',\n  component: MultiSelect,\n  argTypes: {\n    header: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: MultiSelect,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<MultiSelectProps>>;\n\nconst Template: StoryFn<PropsWithChildren<MultiSelectProps>> = (args) => {\n  const [items, setItems] = useState<string[]>([]);\n\n  const mockItems = [\n    { itemName: 'AItem 1', itemValue: '1', disabled: true },\n    { itemName: 'BItem 2', itemValue: '2' },\n    { itemName: 'Multi line Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3', itemValue: '3' },\n    { itemName: 'CItem 4', itemValue: '4' },\n    { itemName: 'DItem 5', itemValue: '5' },\n    { itemName: 'EItem 6', itemValue: '6' },\n  ];\n\n  const handleClear = () => {\n    setItems([]);\n    fn()();\n  };\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const { checked, value } = event.target;\n    setItems((prevState) => {\n      const newItems = checked ? [...prevState, value] : prevState.filter((itemValue) => itemValue !== value);\n      fn()(newItems);\n      return newItems;\n    });\n  };\n\n  return (\n    <Container>\n      {/* header added under separate boolean arg here for storybook purpose, \n      it should be added as direct arg to MultiSelect when used in application */}\n      {args.header && (\n        <MultiSelect.MultiSelectHeader\n          label=\"Item list\"\n          clearTrigger={items.length > 0 ? 'Clear Selection' : ''}\n          onClear={handleClear}\n        />\n      )}\n      <MultiSelect {...args}>\n        {mockItems.map(({ itemName, itemValue, disabled }) => (\n          <MultiSelect.MultiSelectItem\n            key={itemName}\n            label={itemName}\n            value={itemValue}\n            checked={items.includes(itemValue)}\n            onChange={handleChange}\n            disabled={disabled}\n          />\n        ))}\n      </MultiSelect>\n    </Container>\n  );\n};\n\nconst defaultArgs: Partial<MultiSelectProps> = {\n  scrollable: true,\n  noBorder: false,\n};\n\nexport const MultiSelectExample = Template.bind({});\nMultiSelectExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithHeader = Template.bind({});\nWithHeader.args = {\n  ...defaultArgs,\n  // boolean is not normal way of adding header but if added after template the rerender logic of\n  // storybook would not correctly clear the checkboxes\n  header: true,\n};\n\nexport const WithheaderAndWithoutScrollContainerAndBorder = Template.bind({});\nWithheaderAndWithoutScrollContainerAndBorder.args = {\n  scrollable: false,\n  noBorder: true,\n  // boolean is not normal way of adding header but if added after template the rerender logic of\n  // storybook would not correctly clear the checkboxes\n  header: true,\n};\n"],"mappings":";;;;;;AAuBA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,QAAQ,EACN,OAAO,EACL,SAAS,GACX,EACF,EACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAEM,KAA0D,MAAS;CACvE,IAAM,CAAC,GAAO,KAAY,EAAmB,CAAC,CAAC,GAEzC,IAAY;EAChB;GAAE,UAAU;GAAW,WAAW;GAAK,UAAU;EAAK;EACtD;GAAE,UAAU;GAAW,WAAW;EAAI;EACtC;GAAE,UAAU;GAAoF,WAAW;EAAI;EAC/G;GAAE,UAAU;GAAW,WAAW;EAAI;EACtC;GAAE,UAAU;GAAW,WAAW;EAAI;EACtC;GAAE,UAAU;GAAW,WAAW;EAAI;CACxC,GAEM,UAAoB;EAExB,AADA,EAAS,CAAC,CAAC,GACX,EAAG,EAAE;CACP,GAEM,KAAgB,MAAyC;EAC7D,IAAM,EAAE,YAAS,aAAU,EAAM;EACjC,GAAU,MAAc;GACtB,IAAM,IAAW,IAAU,CAAC,GAAG,GAAW,CAAK,IAAI,EAAU,QAAQ,MAAc,MAAc,CAAK;GAEtG,OADA,EAAG,EAAE,CAAQ,GACN;EACT,CAAC;CACH;CAEA,OACE,kBAAC,GAAD,EAAA,UAAA,CAGG,EAAK,UACJ,kBAAC,EAAY,mBAAb;EACE,OAAM;EACN,cAAc,EAAM,SAAS,IAAI,oBAAoB;EACrD,SAAS;CACV,CAAA,GAEH,kBAAC,GAAD;EAAa,GAAI;YACd,EAAU,KAAK,EAAE,aAAU,cAAW,kBACrC,kBAAC,EAAY,iBAAb;GAEE,OAAO;GACP,OAAO;GACP,SAAS,EAAM,SAAS,CAAS;GACjC,UAAU;GACA;EACX,GANM,CAMN,CACF;CACU,CAAA,CACJ,EAAA,CAAA;AAEf,GAEM,IAAyC;CAC7C,YAAY;CACZ,UAAU;AACZ,GAEa,IAAqB,EAAS,KAAK,CAAC,CAAC;AAClD,EAAmB,OAAO,EACxB,GAAG,EACL;AAEA,IAAa,IAAa,EAAS,KAAK,CAAC,CAAC;AAC1C,EAAW,OAAO;CAChB,GAAG;CAGH,QAAQ;AACV;AAEA,IAAa,IAA+C,EAAS,KAAK,CAAC,CAAC;AAC5E,EAA6C,OAAO;CAClD,YAAY;CACZ,UAAU;CAGV,QAAQ;AACV"}
+{"version":3,"file":"MultiSelect.stories.js","names":[],"sources":["../../../src/components/MultiSelect/MultiSelect.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\nimport { useState } from 'react';\n\nimport type { ChangeEvent, PropsWithChildren } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { MultiSelectProps } from './MultiSelect';\n\nimport { MultiSelect } from './MultiSelect';\n\nimport { Container } from 'storyComponents/Container';\n\nconst codeString = `\n  // MultiSelectHeader can be added optionally\n  <MultiSelect.MultiSelectHeader label={label} clearTrigger={clearTrigger} onClear={handleClear} />\n  <MultiSelect noBorder={noBorder} scrollable={scrollable}>\n    {mockItems.map(({ itemName, itemValue, disabled }) => (\n      <MultiSelect.MultiSelectItem key={itemName} label={itemName} value={itemValue}\n        checked={stateItems.includes(itemValue)} onChange={handleChange} disabled={disabled} />\n    ))}\n  </MultiSelect>\n  `;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/MultiSelect',\n  component: MultiSelect,\n  argTypes: {\n    header: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: MultiSelect,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<MultiSelectProps>>;\n\nconst Template: StoryFn<PropsWithChildren<MultiSelectProps>> = (args) => {\n  const [items, setItems] = useState<string[]>([]);\n\n  const mockItems = [\n    { itemName: 'AItem 1', itemValue: '1', disabled: true },\n    { itemName: 'BItem 2', itemValue: '2' },\n    { itemName: 'Multi line Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3', itemValue: '3' },\n    { itemName: 'CItem 4', itemValue: '4' },\n    { itemName: 'DItem 5', itemValue: '5' },\n    { itemName: 'EItem 6', itemValue: '6' },\n  ];\n\n  const handleClear = () => {\n    setItems([]);\n    fn()();\n  };\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const { checked, value } = event.target;\n    setItems((prevState) => {\n      const newItems = checked ? [...prevState, value] : prevState.filter((itemValue) => itemValue !== value);\n      fn()(newItems);\n      return newItems;\n    });\n  };\n\n  return (\n    <Container>\n      {/* header added under separate boolean arg here for storybook purpose, \n      it should be added as direct arg to MultiSelect when used in application */}\n      {args.header && (\n        <MultiSelect.MultiSelectHeader\n          label=\"Item list\"\n          clearTrigger={items.length > 0 ? 'Clear Selection' : ''}\n          onClear={handleClear}\n        />\n      )}\n      <MultiSelect {...args}>\n        {mockItems.map(({ itemName, itemValue, disabled }) => (\n          <MultiSelect.MultiSelectItem\n            key={itemName}\n            label={itemName}\n            value={itemValue}\n            checked={items.includes(itemValue)}\n            onChange={handleChange}\n            disabled={disabled}\n          />\n        ))}\n      </MultiSelect>\n    </Container>\n  );\n};\n\nconst defaultArgs: Partial<MultiSelectProps> = {\n  scrollable: true,\n  noBorder: false,\n};\n\nexport const MultiSelectExample = Template.bind({});\nMultiSelectExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithHeader = Template.bind({});\nWithHeader.args = {\n  ...defaultArgs,\n  // boolean is not normal way of adding header but if added after template the rerender logic of\n  // storybook would not correctly clear the checkboxes\n  header: true,\n};\n\nexport const WithheaderAndWithoutScrollContainerAndBorder = Template.bind({});\nWithheaderAndWithoutScrollContainerAndBorder.args = {\n  scrollable: false,\n  noBorder: true,\n  // boolean is not normal way of adding header but if added after template the rerender logic of\n  // storybook would not correctly clear the checkboxes\n  header: true,\n};\n"],"mappings":";;;;;;AAuBA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,QAAQ,EACN,OAAO,EACL,SAAS,GACX,EACF,EACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAEM,KAA0D,MAAS;CACvE,IAAM,CAAC,GAAO,KAAY,EAAmB,CAAC,CAAC,GAEzC,IAAY;EAChB;GAAE,UAAU;GAAW,WAAW;GAAK,UAAU;EAAK;EACtD;GAAE,UAAU;GAAW,WAAW;EAAI;EACtC;GAAE,UAAU;GAAoF,WAAW;EAAI;EAC/G;GAAE,UAAU;GAAW,WAAW;EAAI;EACtC;GAAE,UAAU;GAAW,WAAW;EAAI;EACtC;GAAE,UAAU;GAAW,WAAW;EAAI;CACxC,GAEM,UAAoB;EAExB,AADA,EAAS,CAAC,CAAC,GACX,EAAG,CAAC,CAAC;CACP,GAEM,KAAgB,MAAyC;EAC7D,IAAM,EAAE,YAAS,aAAU,EAAM;EACjC,GAAU,MAAc;GACtB,IAAM,IAAW,IAAU,CAAC,GAAG,GAAW,CAAK,IAAI,EAAU,QAAQ,MAAc,MAAc,CAAK;GAEtG,OADA,EAAG,CAAC,CAAC,CAAQ,GACN;EACT,CAAC;CACH;CAEA,OACE,kBAAC,GAAD,EAAA,UAAA,CAGG,EAAK,UACJ,kBAAC,EAAY,mBAAb;EACE,OAAM;EACN,cAAc,EAAM,SAAS,IAAI,oBAAoB;EACrD,SAAS;CACV,CAAA,GAEH,kBAAC,GAAD;EAAa,GAAI;YACd,EAAU,KAAK,EAAE,aAAU,cAAW,kBACrC,kBAAC,EAAY,iBAAb;GAEE,OAAO;GACP,OAAO;GACP,SAAS,EAAM,SAAS,CAAS;GACjC,UAAU;GACA;EACX,GANM,CAMN,CACF;CACU,CAAA,CACJ,EAAA,CAAA;AAEf,GAEM,IAAyC;CAC7C,YAAY;CACZ,UAAU;AACZ,GAEa,IAAqB,EAAS,KAAK,CAAC,CAAC;AAClD,EAAmB,OAAO,EACxB,GAAG,EACL;AAEA,IAAa,IAAa,EAAS,KAAK,CAAC,CAAC;AAC1C,EAAW,OAAO;CAChB,GAAG;CAGH,QAAQ;AACV;AAEA,IAAa,IAA+C,EAAS,KAAK,CAAC,CAAC;AAC5E,EAA6C,OAAO;CAClD,YAAY;CACZ,UAAU;CAGV,QAAQ;AACV"}

package/dist/components/MultiSelect/components/MultiSelectHeader.js

@@ -1,2 +1,2 @@
-import { p as e } from "../../../components-KU0q76JR.js";
+import { p as e } from "../../../components-CgBF6db6.js";
 export { e as MultiSelectHeader };

package/dist/components/MultiSelect/index.js

@@ -1,2 +1,2 @@
-import { f as e } from "../../components-KU0q76JR.js";
+import { f as e } from "../../components-CgBF6db6.js";
 export { e as MultiSelect };

package/dist/components/MultiSelectBox/MultiSelectBox.stories.js

@@ -1,4 +1,4 @@
-import { r as e } from "../../test-WxLxsxwA.js";
+import { r as e } from "../../test-Gtly6H2f.js";
 import { t } from "../../MultiSelectBox-D34qAgzc.js";
 import { useState as n } from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";

package/dist/components/MultiSelectBox/MultiSelectBox.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectBox.stories.js","names":[],"sources":["../../../src/components/MultiSelectBox/MultiSelectBox.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\nimport { useState } from 'react';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { MultiSelectBoxProps, MultiSelectData } from './MultiSelectBox';\n\nimport { MultiSelectBox } from './MultiSelectBox';\n\nconst codeString = `<MultiSelectBox selectData={[{label, value}]} onChange={fn} labelSuffix={string} />`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/MultiSelectBox',\n  component: MultiSelectBox,\n  argTypes: {\n    onChange: {\n      action: 'Selected values',\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: MultiSelectBox,\n    codeString: codeString,\n  },\n} as Meta<MultiSelectBoxProps>;\n\nconst mockItems = [\n  { label: 'A.B. Docent', value: '1' },\n  { label: 'B.C. Docent met lange achternaam', value: '2' },\n  {\n    label: 'prof. F.G. Docent met lang achternaam',\n    value: '3',\n  },\n  { label: 'H.I. Docent', value: '4' },\n  { label: 'K.L. Docent ', value: '5' },\n  { label: 'A.B. Docent', value: '6' },\n  { label: 'B.C. Docent met lange achternaam', value: '7' },\n  {\n    label: 'prof. F.G. Docent met lang achternaam',\n    value: '8',\n  },\n  { label: 'H.I. Docent', value: '9' },\n  { label: 'K.L. Docent ', value: '10' },\n];\n\nconst Template: StoryFn<MultiSelectBoxProps> = (args) => {\n  const [selectedItems, setSelectedItems] = useState<MultiSelectData[]>(args.defaultSelectedItems || []);\n\n  const handleChange = (items: MultiSelectData[]) => {\n    if (args.onChange) {\n      args.onChange(items);\n    }\n    setSelectedItems(items);\n  };\n\n  return (\n    <div style={{ width: '30rem', margin: '0rem auto 0 auto' }}>\n      <span>{selectedItems.map((item) => item.label).join(', ')}</span>\n      <MultiSelectBox {...args} onChange={handleChange} />\n    </div>\n  );\n};\n\nconst defaultArgs: Partial<MultiSelectBoxProps> = {\n  fullWidth: false,\n  labelSuffix: 'geselecteerd',\n  maxOptionHeight: '20rem',\n  optionPositionRight: false,\n  disabled: false,\n  selectData: mockItems,\n  onChange: fn(),\n};\n\nexport const MultiSelectBoxExample = Template.bind({});\nMultiSelectBoxExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithDefaultSelectedItems = Template.bind({});\nWithDefaultSelectedItems.args = {\n  ...defaultArgs,\n  defaultSelectedItems: [\n    { label: 'A.B. Docent', value: '1' },\n    { label: 'H.I. Docent', value: '4' },\n    { label: 'A.B. Docent', value: '6' },\n  ],\n};\n"],"mappings":";;;;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,UAAU;EACR,QAAQ;EACR,OAAO,EACL,SAAS,GACX;CACF,EACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAEM,IAAY;CAChB;EAAE,OAAO;EAAe,OAAO;CAAI;CACnC;EAAE,OAAO;EAAoC,OAAO;CAAI;CACxD;EACE,OAAO;EACP,OAAO;CACT;CACA;EAAE,OAAO;EAAe,OAAO;CAAI;CACnC;EAAE,OAAO;EAAgB,OAAO;CAAI;CACpC;EAAE,OAAO;EAAe,OAAO;CAAI;CACnC;EAAE,OAAO;EAAoC,OAAO;CAAI;CACxD;EACE,OAAO;EACP,OAAO;CACT;CACA;EAAE,OAAO;EAAe,OAAO;CAAI;CACnC;EAAE,OAAO;EAAgB,OAAO;CAAK;AACvC,GAEM,KAA0C,MAAS;CACvD,IAAM,CAAC,GAAe,KAAoB,EAA4B,EAAK,wBAAwB,CAAC,CAAC,GAE/F,KAAgB,MAA6B;EAIjD,AAHI,EAAK,YACP,EAAK,SAAS,CAAK,GAErB,EAAiB,CAAK;CACxB;CAEA,OACE,kBAAC,OAAD;EAAK,OAAO;GAAE,OAAO;GAAS,QAAQ;EAAmB;YAAzD,CACE,kBAAC,QAAD,EAAA,UAAO,EAAc,KAAK,MAAS,EAAK,KAAK,EAAE,KAAK,IAAI,EAAQ,CAAA,GAChE,kBAAC,GAAD;GAAgB,GAAI;GAAM,UAAU;EAAe,CAAA,CAChD;;AAET,GAEM,IAA4C;CAChD,WAAW;CACX,aAAa;CACb,iBAAiB;CACjB,qBAAqB;CACrB,UAAU;CACV,YAAY;CACZ,UAAU,EAAG;AACf,GAEa,IAAwB,EAAS,KAAK,CAAC,CAAC;AACrD,EAAsB,OAAO,EAC3B,GAAG,EACL;AAEA,IAAa,IAA2B,EAAS,KAAK,CAAC,CAAC;AACxD,EAAyB,OAAO;CAC9B,GAAG;CACH,sBAAsB;EACpB;GAAE,OAAO;GAAe,OAAO;EAAI;EACnC;GAAE,OAAO;GAAe,OAAO;EAAI;EACnC;GAAE,OAAO;GAAe,OAAO;EAAI;CACrC;AACF"}
+{"version":3,"file":"MultiSelectBox.stories.js","names":[],"sources":["../../../src/components/MultiSelectBox/MultiSelectBox.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\nimport { useState } from 'react';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { MultiSelectBoxProps, MultiSelectData } from './MultiSelectBox';\n\nimport { MultiSelectBox } from './MultiSelectBox';\n\nconst codeString = `<MultiSelectBox selectData={[{label, value}]} onChange={fn} labelSuffix={string} />`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/MultiSelectBox',\n  component: MultiSelectBox,\n  argTypes: {\n    onChange: {\n      action: 'Selected values',\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: MultiSelectBox,\n    codeString: codeString,\n  },\n} as Meta<MultiSelectBoxProps>;\n\nconst mockItems = [\n  { label: 'A.B. Docent', value: '1' },\n  { label: 'B.C. Docent met lange achternaam', value: '2' },\n  {\n    label: 'prof. F.G. Docent met lang achternaam',\n    value: '3',\n  },\n  { label: 'H.I. Docent', value: '4' },\n  { label: 'K.L. Docent ', value: '5' },\n  { label: 'A.B. Docent', value: '6' },\n  { label: 'B.C. Docent met lange achternaam', value: '7' },\n  {\n    label: 'prof. F.G. Docent met lang achternaam',\n    value: '8',\n  },\n  { label: 'H.I. Docent', value: '9' },\n  { label: 'K.L. Docent ', value: '10' },\n];\n\nconst Template: StoryFn<MultiSelectBoxProps> = (args) => {\n  const [selectedItems, setSelectedItems] = useState<MultiSelectData[]>(args.defaultSelectedItems || []);\n\n  const handleChange = (items: MultiSelectData[]) => {\n    if (args.onChange) {\n      args.onChange(items);\n    }\n    setSelectedItems(items);\n  };\n\n  return (\n    <div style={{ width: '30rem', margin: '0rem auto 0 auto' }}>\n      <span>{selectedItems.map((item) => item.label).join(', ')}</span>\n      <MultiSelectBox {...args} onChange={handleChange} />\n    </div>\n  );\n};\n\nconst defaultArgs: Partial<MultiSelectBoxProps> = {\n  fullWidth: false,\n  labelSuffix: 'geselecteerd',\n  maxOptionHeight: '20rem',\n  optionPositionRight: false,\n  disabled: false,\n  selectData: mockItems,\n  onChange: fn(),\n};\n\nexport const MultiSelectBoxExample = Template.bind({});\nMultiSelectBoxExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithDefaultSelectedItems = Template.bind({});\nWithDefaultSelectedItems.args = {\n  ...defaultArgs,\n  defaultSelectedItems: [\n    { label: 'A.B. Docent', value: '1' },\n    { label: 'H.I. Docent', value: '4' },\n    { label: 'A.B. Docent', value: '6' },\n  ],\n};\n"],"mappings":";;;;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,UAAU;EACR,QAAQ;EACR,OAAO,EACL,SAAS,GACX;CACF,EACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAEM,IAAY;CAChB;EAAE,OAAO;EAAe,OAAO;CAAI;CACnC;EAAE,OAAO;EAAoC,OAAO;CAAI;CACxD;EACE,OAAO;EACP,OAAO;CACT;CACA;EAAE,OAAO;EAAe,OAAO;CAAI;CACnC;EAAE,OAAO;EAAgB,OAAO;CAAI;CACpC;EAAE,OAAO;EAAe,OAAO;CAAI;CACnC;EAAE,OAAO;EAAoC,OAAO;CAAI;CACxD;EACE,OAAO;EACP,OAAO;CACT;CACA;EAAE,OAAO;EAAe,OAAO;CAAI;CACnC;EAAE,OAAO;EAAgB,OAAO;CAAK;AACvC,GAEM,KAA0C,MAAS;CACvD,IAAM,CAAC,GAAe,KAAoB,EAA4B,EAAK,wBAAwB,CAAC,CAAC,GAE/F,KAAgB,MAA6B;EAIjD,AAHI,EAAK,YACP,EAAK,SAAS,CAAK,GAErB,EAAiB,CAAK;CACxB;CAEA,OACE,kBAAC,OAAD;EAAK,OAAO;GAAE,OAAO;GAAS,QAAQ;EAAmB;YAAzD,CACE,kBAAC,QAAD,EAAA,UAAO,EAAc,KAAK,MAAS,EAAK,KAAK,CAAC,CAAC,KAAK,IAAI,EAAQ,CAAA,GAChE,kBAAC,GAAD;GAAgB,GAAI;GAAM,UAAU;EAAe,CAAA,CAChD;;AAET,GAEM,IAA4C;CAChD,WAAW;CACX,aAAa;CACb,iBAAiB;CACjB,qBAAqB;CACrB,UAAU;CACV,YAAY;CACZ,UAAU,EAAG;AACf,GAEa,IAAwB,EAAS,KAAK,CAAC,CAAC;AACrD,EAAsB,OAAO,EAC3B,GAAG,EACL;AAEA,IAAa,IAA2B,EAAS,KAAK,CAAC,CAAC;AACxD,EAAyB,OAAO;CAC9B,GAAG;CACH,sBAAsB;EACpB;GAAE,OAAO;GAAe,OAAO;EAAI;EACnC;GAAE,OAAO;GAAe,OAAO;EAAI;EACnC;GAAE,OAAO;GAAe,OAAO;EAAI;CACrC;AACF"}

package/dist/components/MultiSelectBox/MultiSelectBox.test.js

@@ -1,6 +1,6 @@
-import "../../dist-C6Ar8a59.js";
+import "../../dist-oLwM--0y.js";
 import { t as e } from "../../MultiSelectBox-D34qAgzc.js";
-import { i as t, n, t as r } from "../../react.esm-56DGmlLk.js";
+import { i as t, n, t as r } from "../../react.esm-DwWzhs9e.js";
 import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/MultiSelectBox/MultiSelectBox.test.tsx
 var s = jest.fn(), c = [

package/dist/components/MultiSelectBox/MultiSelectBox.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectBox.test.js","names":[],"sources":["../../../src/components/MultiSelectBox/MultiSelectBox.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen, fireEvent } from '@testing-library/react';\n\nimport { MultiSelectBox } from './MultiSelectBox';\n\nconst onChangeSpy = jest.fn();\n\nconst mockSelectData = [\n  { label: 'Option 1', value: '1' },\n  { label: 'Option 2', value: '2' },\n  { label: 'Option 3', value: '3' },\n];\n\ndescribe('MultiSelectBox', () => {\n  it('renders the component with default props', () => {\n    render(<MultiSelectBox selectData={mockSelectData} onChange={onChangeSpy} labelSuffix=\"selected\" />);\n    const button = screen.getByRole('button');\n    expect(button).toBeInTheDocument();\n    expect(button).toHaveAttribute('aria-expanded', 'false');\n  });\n\n  it('opens the dropdown when the button is clicked', () => {\n    render(<MultiSelectBox selectData={mockSelectData} onChange={onChangeSpy} labelSuffix=\"selected\" />);\n    const button = screen.getByRole('button');\n    fireEvent.click(button);\n    expect(button).toHaveAttribute('aria-expanded', 'true');\n    expect(screen.getByRole('listbox')).toBeInTheDocument();\n  });\n\n  it('closes the dropdown when clicking outside', () => {\n    render(\n      <>\n        <MultiSelectBox selectData={mockSelectData} onChange={onChangeSpy} labelSuffix=\"selected\" />\n        <div data-testid=\"outside-element\">Outside</div>\n      </>\n    );\n\n    const button = screen.getByRole('button');\n    fireEvent.click(button);\n    expect(button).toHaveAttribute('aria-expanded', 'true');\n    const outsideElement = screen.getByTestId('outside-element');\n    fireEvent.click(outsideElement);\n    expect(button).toHaveAttribute('aria-expanded', 'false');\n  });\n});\n"],"mappings":";;;;;AAKA,IAAM,IAAc,KAAK,GAAG,GAEtB,IAAiB;CACrB;EAAE,OAAO;EAAY,OAAO;CAAI;CAChC;EAAE,OAAO;EAAY,OAAO;CAAI;CAChC;EAAE,OAAO;EAAY,OAAO;CAAI;AAClC;AAEA,SAAS,wBAAwB;CAgB/B,AAfA,GAAG,kDAAkD;EACnD,EAAO,kBAAC,GAAD;GAAgB,YAAY;GAAgB,UAAU;GAAa,aAAY;EAAY,CAAA,CAAC;EACnG,IAAM,IAAS,EAAO,UAAU,QAAQ;EAExC,AADA,OAAO,CAAM,EAAE,kBAAkB,GACjC,OAAO,CAAM,EAAE,gBAAgB,iBAAiB,OAAO;CACzD,CAAC,GAED,GAAG,uDAAuD;EACxD,EAAO,kBAAC,GAAD;GAAgB,YAAY;GAAgB,UAAU;GAAa,aAAY;EAAY,CAAA,CAAC;EACnG,IAAM,IAAS,EAAO,UAAU,QAAQ;EAGxC,AAFA,EAAU,MAAM,CAAM,GACtB,OAAO,CAAM,EAAE,gBAAgB,iBAAiB,MAAM,GACtD,OAAO,EAAO,UAAU,SAAS,CAAC,EAAE,kBAAkB;CACxD,CAAC,GAED,GAAG,mDAAmD;EACpD,EACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAgB,YAAY;GAAgB,UAAU;GAAa,aAAY;EAAY,CAAA,GAC3F,kBAAC,OAAD;GAAK,eAAY;aAAkB;EAAY,CAAA,CAC/C,EAAA,CAAA,CACJ;EAEA,IAAM,IAAS,EAAO,UAAU,QAAQ;EAExC,AADA,EAAU,MAAM,CAAM,GACtB,OAAO,CAAM,EAAE,gBAAgB,iBAAiB,MAAM;EACtD,IAAM,IAAiB,EAAO,YAAY,iBAAiB;EAE3D,AADA,EAAU,MAAM,CAAc,GAC9B,OAAO,CAAM,EAAE,gBAAgB,iBAAiB,OAAO;CACzD,CAAC;AACH,CAAC"}
+{"version":3,"file":"MultiSelectBox.test.js","names":[],"sources":["../../../src/components/MultiSelectBox/MultiSelectBox.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen, fireEvent } from '@testing-library/react';\n\nimport { MultiSelectBox } from './MultiSelectBox';\n\nconst onChangeSpy = jest.fn();\n\nconst mockSelectData = [\n  { label: 'Option 1', value: '1' },\n  { label: 'Option 2', value: '2' },\n  { label: 'Option 3', value: '3' },\n];\n\ndescribe('MultiSelectBox', () => {\n  it('renders the component with default props', () => {\n    render(<MultiSelectBox selectData={mockSelectData} onChange={onChangeSpy} labelSuffix=\"selected\" />);\n    const button = screen.getByRole('button');\n    expect(button).toBeInTheDocument();\n    expect(button).toHaveAttribute('aria-expanded', 'false');\n  });\n\n  it('opens the dropdown when the button is clicked', () => {\n    render(<MultiSelectBox selectData={mockSelectData} onChange={onChangeSpy} labelSuffix=\"selected\" />);\n    const button = screen.getByRole('button');\n    fireEvent.click(button);\n    expect(button).toHaveAttribute('aria-expanded', 'true');\n    expect(screen.getByRole('listbox')).toBeInTheDocument();\n  });\n\n  it('closes the dropdown when clicking outside', () => {\n    render(\n      <>\n        <MultiSelectBox selectData={mockSelectData} onChange={onChangeSpy} labelSuffix=\"selected\" />\n        <div data-testid=\"outside-element\">Outside</div>\n      </>\n    );\n\n    const button = screen.getByRole('button');\n    fireEvent.click(button);\n    expect(button).toHaveAttribute('aria-expanded', 'true');\n    const outsideElement = screen.getByTestId('outside-element');\n    fireEvent.click(outsideElement);\n    expect(button).toHaveAttribute('aria-expanded', 'false');\n  });\n});\n"],"mappings":";;;;;AAKA,IAAM,IAAc,KAAK,GAAG,GAEtB,IAAiB;CACrB;EAAE,OAAO;EAAY,OAAO;CAAI;CAChC;EAAE,OAAO;EAAY,OAAO;CAAI;CAChC;EAAE,OAAO;EAAY,OAAO;CAAI;AAClC;AAEA,SAAS,wBAAwB;CAgB/B,AAfA,GAAG,kDAAkD;EACnD,EAAO,kBAAC,GAAD;GAAgB,YAAY;GAAgB,UAAU;GAAa,aAAY;EAAY,CAAA,CAAC;EACnG,IAAM,IAAS,EAAO,UAAU,QAAQ;EAExC,AADA,OAAO,CAAM,CAAC,CAAC,kBAAkB,GACjC,OAAO,CAAM,CAAC,CAAC,gBAAgB,iBAAiB,OAAO;CACzD,CAAC,GAED,GAAG,uDAAuD;EACxD,EAAO,kBAAC,GAAD;GAAgB,YAAY;GAAgB,UAAU;GAAa,aAAY;EAAY,CAAA,CAAC;EACnG,IAAM,IAAS,EAAO,UAAU,QAAQ;EAGxC,AAFA,EAAU,MAAM,CAAM,GACtB,OAAO,CAAM,CAAC,CAAC,gBAAgB,iBAAiB,MAAM,GACtD,OAAO,EAAO,UAAU,SAAS,CAAC,CAAC,CAAC,kBAAkB;CACxD,CAAC,GAED,GAAG,mDAAmD;EACpD,EACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAgB,YAAY;GAAgB,UAAU;GAAa,aAAY;EAAY,CAAA,GAC3F,kBAAC,OAAD;GAAK,eAAY;aAAkB;EAAY,CAAA,CAC/C,EAAA,CAAA,CACJ;EAEA,IAAM,IAAS,EAAO,UAAU,QAAQ;EAExC,AADA,EAAU,MAAM,CAAM,GACtB,OAAO,CAAM,CAAC,CAAC,gBAAgB,iBAAiB,MAAM;EACtD,IAAM,IAAiB,EAAO,YAAY,iBAAiB;EAE3D,AADA,EAAU,MAAM,CAAc,GAC9B,OAAO,CAAM,CAAC,CAAC,gBAAgB,iBAAiB,OAAO;CACzD,CAAC;AACH,CAAC"}

package/dist/components/Notification/Notification.stories.js

@@ -1,4 +1,4 @@
-import { r as e } from "../../test-WxLxsxwA.js";
+import { r as e } from "../../test-Gtly6H2f.js";
 import { t } from "../../Notification-BhqWENfu.js";
 import { jsx as n } from "react/jsx-runtime";
 var r = {

package/dist/components/Notification/Notification.test.js

@@ -1,6 +1,6 @@
-import "../../dist-C6Ar8a59.js";
+import "../../dist-oLwM--0y.js";
 import { t as e } from "../../Notification-BhqWENfu.js";
-import { i as t, n } from "../../react.esm-56DGmlLk.js";
+import { i as t, n } from "../../react.esm-DwWzhs9e.js";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/Notification/Notification.test.tsx
 describe("Notification", () => {

package/dist/components/Notification/Notification.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.test.js","names":[],"sources":["../../../src/components/Notification/Notification.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { Notification } from './Notification';\n\ndescribe('Notification', () => {\n  it('renders title and subtitle', () => {\n    render(<Notification level=\"information\" title=\"Info title\" subtitle=\"Info subtitle\" />);\n    expect(screen.getByText('Info title')).toBeInTheDocument();\n    expect(screen.getByText('Info subtitle')).toBeInTheDocument();\n  });\n\n  it('renders bar variant', () => {\n    render(<Notification level=\"danger\" variant=\"bar\" title=\"Danger title\" />);\n    expect(screen.getByText('Danger title')).toBeInTheDocument();\n  });\n});\n"],"mappings":";;;;;AAKA,SAAS,sBAAsB;CAO7B,AANA,GAAG,oCAAoC;EAGrC,AAFA,EAAO,kBAAC,GAAD;GAAc,OAAM;GAAc,OAAM;GAAa,UAAS;EAAiB,CAAA,CAAC,GACvF,OAAO,EAAO,UAAU,YAAY,CAAC,EAAE,kBAAkB,GACzD,OAAO,EAAO,UAAU,eAAe,CAAC,EAAE,kBAAkB;CAC9D,CAAC,GAED,GAAG,6BAA6B;EAE9B,AADA,EAAO,kBAAC,GAAD;GAAc,OAAM;GAAS,SAAQ;GAAM,OAAM;EAAgB,CAAA,CAAC,GACzE,OAAO,EAAO,UAAU,cAAc,CAAC,EAAE,kBAAkB;CAC7D,CAAC;AACH,CAAC"}
+{"version":3,"file":"Notification.test.js","names":[],"sources":["../../../src/components/Notification/Notification.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { Notification } from './Notification';\n\ndescribe('Notification', () => {\n  it('renders title and subtitle', () => {\n    render(<Notification level=\"information\" title=\"Info title\" subtitle=\"Info subtitle\" />);\n    expect(screen.getByText('Info title')).toBeInTheDocument();\n    expect(screen.getByText('Info subtitle')).toBeInTheDocument();\n  });\n\n  it('renders bar variant', () => {\n    render(<Notification level=\"danger\" variant=\"bar\" title=\"Danger title\" />);\n    expect(screen.getByText('Danger title')).toBeInTheDocument();\n  });\n});\n"],"mappings":";;;;;AAKA,SAAS,sBAAsB;CAO7B,AANA,GAAG,oCAAoC;EAGrC,AAFA,EAAO,kBAAC,GAAD;GAAc,OAAM;GAAc,OAAM;GAAa,UAAS;EAAiB,CAAA,CAAC,GACvF,OAAO,EAAO,UAAU,YAAY,CAAC,CAAC,CAAC,kBAAkB,GACzD,OAAO,EAAO,UAAU,eAAe,CAAC,CAAC,CAAC,kBAAkB;CAC9D,CAAC,GAED,GAAG,6BAA6B;EAE9B,AADA,EAAO,kBAAC,GAAD;GAAc,OAAM;GAAS,SAAQ;GAAM,OAAM;EAAgB,CAAA,CAAC,GACzE,OAAO,EAAO,UAAU,cAAc,CAAC,CAAC,CAAC,kBAAkB;CAC7D,CAAC;AACH,CAAC"}

package/dist/components/OverlayCloseButton/OverlayCloseButton.stories.js

@@ -1,4 +1,4 @@
-import { r as e } from "../../test-WxLxsxwA.js";
+import { r as e } from "../../test-Gtly6H2f.js";
 import { t } from "../../OverlayCloseButton-Dt6Yec8G.js";
 import { t as n } from "../../Container-DOcrVe7u.js";
 import "../../storyComponents/Container/index.js";

package/dist/components/OverlayCloseButton/OverlayCloseButton.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayCloseButton.stories.js","names":[],"sources":["../../../src/components/OverlayCloseButton/OverlayCloseButton.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { OverlayCloseButtonProps } from './OverlayCloseButton';\n\nimport { OverlayCloseButton } from './OverlayCloseButton';\n\nimport { Container } from 'storyComponents/Container/';\n\nconst codeString = '<OverlayCloseButton aria-label={aria-label} onClick={onClickFunction} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/OverlayCloseButton',\n  component: OverlayCloseButton,\n  argTypes: {\n    paddedModal: {\n      control: 'boolean',\n    },\n    'aria-label': {\n      control: 'text',\n    },\n  },\n  parameters: {\n    inspectComponent: OverlayCloseButton,\n    codeString: codeString,\n  },\n} as Meta<OverlayCloseButtonProps>;\n\nconst Template: StoryFn<OverlayCloseButtonProps> = (args) => {\n  return (\n    <Container size=\"small\" padded={false}>\n      <OverlayCloseButton {...args} />\n    </Container>\n  );\n};\n\nexport const OverlayCloseButtonExample = Template.bind({});\nOverlayCloseButtonExample.args = {\n  paddedModal: false,\n  'aria-label': 'Close',\n  onClick: fn(),\n};\n"],"mappings":";;;;;AAYA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,aAAa,EACX,SAAS,UACX;EACA,cAAc,EACZ,SAAS,OACX;CACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAUa,MARuC,MAEhD,kBAAC,GAAD;CAAW,MAAK;CAAQ,QAAQ;WAC9B,kBAAC,GAAD,EAAoB,GAAI,EAAO,CAAA;AACtB,CAAA,GAImC,KAAK,CAAC,CAAC;AACzD,EAA0B,OAAO;CAC/B,aAAa;CACb,cAAc;CACd,SAAS,EAAG;AACd"}
+{"version":3,"file":"OverlayCloseButton.stories.js","names":[],"sources":["../../../src/components/OverlayCloseButton/OverlayCloseButton.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { OverlayCloseButtonProps } from './OverlayCloseButton';\n\nimport { OverlayCloseButton } from './OverlayCloseButton';\n\nimport { Container } from 'storyComponents/Container/';\n\nconst codeString = '<OverlayCloseButton aria-label={aria-label} onClick={onClickFunction} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/OverlayCloseButton',\n  component: OverlayCloseButton,\n  argTypes: {\n    paddedModal: {\n      control: 'boolean',\n    },\n    'aria-label': {\n      control: 'text',\n    },\n  },\n  parameters: {\n    inspectComponent: OverlayCloseButton,\n    codeString: codeString,\n  },\n} as Meta<OverlayCloseButtonProps>;\n\nconst Template: StoryFn<OverlayCloseButtonProps> = (args) => {\n  return (\n    <Container size=\"small\" padded={false}>\n      <OverlayCloseButton {...args} />\n    </Container>\n  );\n};\n\nexport const OverlayCloseButtonExample = Template.bind({});\nOverlayCloseButtonExample.args = {\n  paddedModal: false,\n  'aria-label': 'Close',\n  onClick: fn(),\n};\n"],"mappings":";;;;;AAYA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,aAAa,EACX,SAAS,UACX;EACA,cAAc,EACZ,SAAS,OACX;CACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAUa,MARuC,MAEhD,kBAAC,GAAD;CAAW,MAAK;CAAQ,QAAQ;WAC9B,kBAAC,GAAD,EAAoB,GAAI,EAAO,CAAA;AACtB,CAAA,EAI0B,CAAS,KAAK,CAAC,CAAC;AACzD,EAA0B,OAAO;CAC/B,aAAa;CACb,cAAc;CACd,SAAS,EAAG;AACd"}