@uva-glass/component-library 3.55.7 → 3.55.9

package/dist/components/Chip/Chip.stories.js

@@ -1,5 +1,5 @@
-import { r as e } from "../../test-Pa9Lwbsq.js";
-import { t } from "../../Chip-DJHvFToV.js";
+import { r as e } from "../../test-Bd7kXF_B.js";
+import { t } from "../../Chip-9XnXFhoJ.js";
 import { jsx as n } from "react/jsx-runtime";
 var r = {
 	title: "Atoms/Chip",

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.stories.js","names":[],"sources":["../../../src/components/Chip/Chip.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ChipProps } from './Chip';\n\nimport { Chip } from './Chip';\n\nconst codeString = '<Chip label={string} onDelete={onDeleteFunction(label)}/>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Chip',\n  component: Chip,\n  argTypes: {},\n  parameters: {\n    inspectComponent: Chip,\n    codeString: codeString,\n  },\n} as Meta<ChipProps>;\n\nconst Template: StoryFn<ChipProps> = (args) => <Chip {...args} />;\n\nconst defaultArgs: Partial<ChipProps> = {\n  label: 'Nederlands',\n  onDelete: fn(),\n};\n\nexport const ChipExample = Template.bind({});\nChipExample.args = {\n  ...defaultArgs,\n};\n\nexport const ChipLongLabel = Template.bind({});\nChipLongLabel.args = {\n  label: 'Een filter met een veel te lang label',\n  onDelete: fn(),\n};\n"],"mappings":";;;AAUA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EAAE;CACZ,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAAgC,MAAS,kBAAC,GAAD,EAAM,GAAI,GAAQ,CAAA,EAE3D,IAAkC;CACtC,OAAO;CACP,UAAU,GAAI;CACf,EAEY,IAAc,EAAS,KAAK,EAAE,CAAC;AAC5C,EAAY,OAAO,EACjB,GAAG,GACJ;AAED,IAAa,IAAgB,EAAS,KAAK,EAAE,CAAC;AAC9C,EAAc,OAAO;CACnB,OAAO;CACP,UAAU,GAAI;CACf"}
+{"version":3,"file":"Chip.stories.js","names":[],"sources":["../../../src/components/Chip/Chip.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ChipProps } from './Chip';\n\nimport { Chip } from './Chip';\n\nconst codeString = '<Chip label={string} onDelete={onDeleteFunction(label)}/>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Chip',\n  component: Chip,\n  argTypes: {},\n  parameters: {\n    inspectComponent: Chip,\n    codeString: codeString,\n  },\n} as Meta<ChipProps>;\n\nconst Template: StoryFn<ChipProps> = (args) => <Chip {...args} />;\n\nconst defaultArgs: Partial<ChipProps> = {\n  label: 'Nederlands',\n  onDelete: fn(),\n};\n\nexport const ChipExample = Template.bind({});\nChipExample.args = {\n  ...defaultArgs,\n};\n\nexport const ChipLongLabel = Template.bind({});\nChipLongLabel.args = {\n  label: 'Een filter met een veel te lang label',\n  onDelete: fn(),\n};\n"],"mappings":";;;AAUA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,CAAC;CACX,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAEM,KAAgC,MAAS,kBAAC,GAAD,EAAM,GAAI,EAAO,CAAA,GAE1D,IAAkC;CACtC,OAAO;CACP,UAAU,EAAG;AACf,GAEa,IAAc,EAAS,KAAK,CAAC,CAAC;AAC3C,EAAY,OAAO,EACjB,GAAG,EACL;AAEA,IAAa,IAAgB,EAAS,KAAK,CAAC,CAAC;AAC7C,EAAc,OAAO;CACnB,OAAO;CACP,UAAU,EAAG;AACf"}

package/dist/components/Chip/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Chip-DJHvFToV.js";
+import { t as e } from "../../Chip-9XnXFhoJ.js";
 export { e as Chip };

package/dist/components/ControlsButton/ControlsButton.d.ts

@@ -26,4 +26,4 @@ export interface ControlsButtonProps {
     /** The callback function that is invoked when the radio button changes value. */
     onSetValue: (event: ChangeEvent<HTMLInputElement>) => void;
 }
-export declare const ControlsButton: ({ type, label, value, iconName, prefix, tooltip, tooltipPosition, name, forceSquared, checked, disabled, onSetValue, }: ControlsButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ControlsButton: ({ type, label, value, iconName, prefix, tooltip, tooltipPosition, name, forceSquared, checked, disabled, onSetValue, }: ControlsButtonProps) => import("react").JSX.Element;

package/dist/components/ControlsButton/ControlsButton.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../ControlsButton-B1XRpMUM.js";
+import { t as e } from "../../ControlsButton-9uR_zW_F.js";
 export { e as ControlsButton };

package/dist/components/ControlsButton/ControlsButton.stories.js

@@ -1,7 +1,7 @@
-import { r as e } from "../../test-Pa9Lwbsq.js";
-import { t } from "../../icons-TRhI-4V6.js";
-import { t as n } from "../../ControlsButton-B1XRpMUM.js";
-import { t as r } from "../../Periods-BYETtB6R.js";
+import { r as e } from "../../test-Bd7kXF_B.js";
+import { t } from "../../icons-C80wqcF0.js";
+import { t as n } from "../../ControlsButton-9uR_zW_F.js";
+import { t as r } from "../../Periods-C5cxLlWt.js";
 import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
 var s = {
 	title: "Atoms/ControlsButton",

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

@@ -1 +1 @@
-{"version":3,"file":"ControlsButton.stories.js","names":[],"sources":["../../../src/components/ControlsButton/ControlsButton.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\r\n\r\nimport type { Meta, StoryFn } from '@storybook/react';\r\nimport type { ControlsButtonProps } from './ControlsButton';\r\n\r\nimport { ControlsButton } from './ControlsButton';\r\n\r\nimport { Icons } from 'components/Icon/icons';\r\nimport { Periods } from 'components/Periods';\r\n\r\nconst iconNames = Object.keys(Icons) as (keyof typeof Icons)[];\r\n\r\nconst codeString =\r\n  '<ControlsButton type={radio or checkbox} label={} value={} prefix={} tooltip={} forceSquared={}isChecked={} variant={} disabled={} notValid={} onSetValue={} key={} />';\r\n\r\n// eslint-disable-next-line import/no-default-export\r\nexport default {\r\n  title: 'Atoms/ControlsButton',\r\n  component: ControlsButton,\r\n  argTypes: {\r\n    label: {\r\n      control: 'text',\r\n    },\r\n    value: {\r\n      control: 'string',\r\n    },\r\n    iconName: {\r\n      control: { type: 'select' },\r\n      options: iconNames,\r\n    },\r\n    forceSquared: {\r\n      control: 'boolean',\r\n    },\r\n    isChecked: {\r\n      control: 'boolean',\r\n    },\r\n    disabled: {\r\n      control: 'boolean',\r\n    },\r\n    onSetValue: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n  },\r\n  parameters: {\r\n    inspectComponent: ControlsButton,\r\n    codeString: codeString,\r\n  },\r\n} as Meta<ControlsButtonProps>;\r\n\r\nconst Template: StoryFn<ControlsButtonProps> = (args) => <ControlsButton {...args} />;\r\n\r\nexport const ControlsButtonExample = Template.bind({});\r\nControlsButtonExample.args = {\r\n  type: 'checkbox',\r\n  label: '1.2',\r\n  value: '1.2',\r\n  forceSquared: true,\r\n  onSetValue: fn(),\r\n};\r\n\r\nexport const WithPrefix = Template.bind({});\r\nWithPrefix.args = {\r\n  type: 'checkbox',\r\n  label: '1.3',\r\n  value: '1.3',\r\n  prefix: '13',\r\n  onSetValue: fn(),\r\n};\r\n\r\nexport const WithIcon = Template.bind({});\r\nWithIcon.args = {\r\n  type: 'checkbox',\r\n  label: '2.1',\r\n  value: '2.1',\r\n  iconName: 'AcademicCap',\r\n  onSetValue: fn(),\r\n};\r\n\r\nexport const WithTooltip = Template.bind({});\r\nWithTooltip.args = {\r\n  type: 'checkbox',\r\n  label: '5',\r\n  value: '5',\r\n  prefix: '40',\r\n  tooltip: (\r\n    <>\r\n      15 dec - 19 dec\r\n      <br />\r\n      2025\r\n    </>\r\n  ),\r\n  tooltipPosition: 'center',\r\n  onSetValue: fn(),\r\n};\r\n\r\nexport const WithComplexLabel = Template.bind({});\r\nWithComplexLabel.args = {\r\n  type: 'checkbox',\r\n  label: (\r\n    <Periods\r\n      periods={[\r\n        {\r\n          id: '2023P1',\r\n          number: 1,\r\n          semesterNumber: 1,\r\n          periodInSemester: 1,\r\n        },\r\n        {\r\n          id: '2023P2',\r\n          number: 2,\r\n          semesterNumber: 1,\r\n          periodInSemester: 2,\r\n        },\r\n        {\r\n          id: '2023P3',\r\n          number: 3,\r\n          semesterNumber: 1,\r\n          periodInSemester: 3,\r\n        },\r\n        {\r\n          id: '2023P5',\r\n          number: 5,\r\n          semesterNumber: 2,\r\n          periodInSemester: 2,\r\n        },\r\n        {\r\n          id: '2023P7',\r\n          number: 7,\r\n          semesterNumber: 3,\r\n          periodInSemester: 1,\r\n        },\r\n      ]}\r\n    />\r\n  ),\r\n  value: '5',\r\n  onSetValue: fn(),\r\n};\r\n"],"mappings":";;;;;AAgBA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,OAAO,EACL,SAAS,QACV;EACD,OAAO,EACL,SAAS,UACV;EACD,UAAU;GACR,SAAS,EAAE,MAAM,UAAU;GAC3B,SAlBY,OAAO,KAAK,EAkBf;GACV;EACD,cAAc,EACZ,SAAS,WACV;EACD,WAAW,EACT,SAAS,WACV;EACD,UAAU,EACR,SAAS,WACV;EACD,YAAY,EACV,OAAO,EACL,SAAS,IACV,EACF;EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAA0C,MAAS,kBAAC,GAAD,EAAgB,GAAI,GAAQ,CAAA,EAExE,IAAwB,EAAS,KAAK,EAAE,CAAC;AACtD,EAAsB,OAAO;CAC3B,MAAM;CACN,OAAO;CACP,OAAO;CACP,cAAc;CACd,YAAY,GAAI;CACjB;AAED,IAAa,IAAa,EAAS,KAAK,EAAE,CAAC;AAC3C,EAAW,OAAO;CAChB,MAAM;CACN,OAAO;CACP,OAAO;CACP,QAAQ;CACR,YAAY,GAAI;CACjB;AAED,IAAa,IAAW,EAAS,KAAK,EAAE,CAAC;AACzC,EAAS,OAAO;CACd,MAAM;CACN,OAAO;CACP,OAAO;CACP,UAAU;CACV,YAAY,GAAI;CACjB;AAED,IAAa,IAAc,EAAS,KAAK,EAAE,CAAC;AAC5C,EAAY,OAAO;CACjB,MAAM;CACN,OAAO;CACP,OAAO;CACP,QAAQ;CACR,SACE,kBAAA,GAAA,EAAA,UAAA;EAAE;EAEA,kBAAC,MAAD,EAAM,CAAA;;EAEL,EAAA,CAAA;CAEL,iBAAiB;CACjB,YAAY,GAAI;CACjB;AAED,IAAa,IAAmB,EAAS,KAAK,EAAE,CAAC;AACjD,EAAiB,OAAO;CACtB,MAAM;CACN,OACE,kBAAC,GAAD,EACE,SAAS;EACP;GACE,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GACnB;EACD;GACE,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GACnB;EACD;GACE,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GACnB;EACD;GACE,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GACnB;EACD;GACE,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GACnB;EACF,EACD,CAAA;CAEJ,OAAO;CACP,YAAY,GAAI;CACjB"}
+{"version":3,"file":"ControlsButton.stories.js","names":[],"sources":["../../../src/components/ControlsButton/ControlsButton.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\r\n\r\nimport type { Meta, StoryFn } from '@storybook/react';\r\nimport type { ControlsButtonProps } from './ControlsButton';\r\n\r\nimport { ControlsButton } from './ControlsButton';\r\n\r\nimport { Icons } from 'components/Icon/icons';\r\nimport { Periods } from 'components/Periods';\r\n\r\nconst iconNames = Object.keys(Icons) as (keyof typeof Icons)[];\r\n\r\nconst codeString =\r\n  '<ControlsButton type={radio or checkbox} label={} value={} prefix={} tooltip={} forceSquared={}isChecked={} variant={} disabled={} notValid={} onSetValue={} key={} />';\r\n\r\n// eslint-disable-next-line import/no-default-export\r\nexport default {\r\n  title: 'Atoms/ControlsButton',\r\n  component: ControlsButton,\r\n  argTypes: {\r\n    label: {\r\n      control: 'text',\r\n    },\r\n    value: {\r\n      control: 'string',\r\n    },\r\n    iconName: {\r\n      control: { type: 'select' },\r\n      options: iconNames,\r\n    },\r\n    forceSquared: {\r\n      control: 'boolean',\r\n    },\r\n    isChecked: {\r\n      control: 'boolean',\r\n    },\r\n    disabled: {\r\n      control: 'boolean',\r\n    },\r\n    onSetValue: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n  },\r\n  parameters: {\r\n    inspectComponent: ControlsButton,\r\n    codeString: codeString,\r\n  },\r\n} as Meta<ControlsButtonProps>;\r\n\r\nconst Template: StoryFn<ControlsButtonProps> = (args) => <ControlsButton {...args} />;\r\n\r\nexport const ControlsButtonExample = Template.bind({});\r\nControlsButtonExample.args = {\r\n  type: 'checkbox',\r\n  label: '1.2',\r\n  value: '1.2',\r\n  forceSquared: true,\r\n  onSetValue: fn(),\r\n};\r\n\r\nexport const WithPrefix = Template.bind({});\r\nWithPrefix.args = {\r\n  type: 'checkbox',\r\n  label: '1.3',\r\n  value: '1.3',\r\n  prefix: '13',\r\n  onSetValue: fn(),\r\n};\r\n\r\nexport const WithIcon = Template.bind({});\r\nWithIcon.args = {\r\n  type: 'checkbox',\r\n  label: '2.1',\r\n  value: '2.1',\r\n  iconName: 'AcademicCap',\r\n  onSetValue: fn(),\r\n};\r\n\r\nexport const WithTooltip = Template.bind({});\r\nWithTooltip.args = {\r\n  type: 'checkbox',\r\n  label: '5',\r\n  value: '5',\r\n  prefix: '40',\r\n  tooltip: (\r\n    <>\r\n      15 dec - 19 dec\r\n      <br />\r\n      2025\r\n    </>\r\n  ),\r\n  tooltipPosition: 'center',\r\n  onSetValue: fn(),\r\n};\r\n\r\nexport const WithComplexLabel = Template.bind({});\r\nWithComplexLabel.args = {\r\n  type: 'checkbox',\r\n  label: (\r\n    <Periods\r\n      periods={[\r\n        {\r\n          id: '2023P1',\r\n          number: 1,\r\n          semesterNumber: 1,\r\n          periodInSemester: 1,\r\n        },\r\n        {\r\n          id: '2023P2',\r\n          number: 2,\r\n          semesterNumber: 1,\r\n          periodInSemester: 2,\r\n        },\r\n        {\r\n          id: '2023P3',\r\n          number: 3,\r\n          semesterNumber: 1,\r\n          periodInSemester: 3,\r\n        },\r\n        {\r\n          id: '2023P5',\r\n          number: 5,\r\n          semesterNumber: 2,\r\n          periodInSemester: 2,\r\n        },\r\n        {\r\n          id: '2023P7',\r\n          number: 7,\r\n          semesterNumber: 3,\r\n          periodInSemester: 1,\r\n        },\r\n      ]}\r\n    />\r\n  ),\r\n  value: '5',\r\n  onSetValue: fn(),\r\n};\r\n"],"mappings":";;;;;AAgBA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,OAAO,EACL,SAAS,OACX;EACA,OAAO,EACL,SAAS,SACX;EACA,UAAU;GACR,SAAS,EAAE,MAAM,SAAS;GAC1B,SAlBY,OAAO,KAAK,CAkBf;EACX;EACA,cAAc,EACZ,SAAS,UACX;EACA,WAAW,EACT,SAAS,UACX;EACA,UAAU,EACR,SAAS,UACX;EACA,YAAY,EACV,OAAO,EACL,SAAS,GACX,EACF;CACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAEM,KAA0C,MAAS,kBAAC,GAAD,EAAgB,GAAI,EAAO,CAAA,GAEvE,IAAwB,EAAS,KAAK,CAAC,CAAC;AACrD,EAAsB,OAAO;CAC3B,MAAM;CACN,OAAO;CACP,OAAO;CACP,cAAc;CACd,YAAY,EAAG;AACjB;AAEA,IAAa,IAAa,EAAS,KAAK,CAAC,CAAC;AAC1C,EAAW,OAAO;CAChB,MAAM;CACN,OAAO;CACP,OAAO;CACP,QAAQ;CACR,YAAY,EAAG;AACjB;AAEA,IAAa,IAAW,EAAS,KAAK,CAAC,CAAC;AACxC,EAAS,OAAO;CACd,MAAM;CACN,OAAO;CACP,OAAO;CACP,UAAU;CACV,YAAY,EAAG;AACjB;AAEA,IAAa,IAAc,EAAS,KAAK,CAAC,CAAC;AAC3C,EAAY,OAAO;CACjB,MAAM;CACN,OAAO;CACP,OAAO;CACP,QAAQ;CACR,SACE,kBAAA,GAAA,EAAA,UAAA;EAAE;EAEA,kBAAC,MAAD,CAAK,CAAA;EAAC;CAEN,EAAA,CAAA;CAEJ,iBAAiB;CACjB,YAAY,EAAG;AACjB;AAEA,IAAa,IAAmB,EAAS,KAAK,CAAC,CAAC;AAChD,EAAiB,OAAO;CACtB,MAAM;CACN,OACE,kBAAC,GAAD,EACE,SAAS;EACP;GACE,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;EACpB;EACA;GACE,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;EACpB;EACA;GACE,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;EACpB;EACA;GACE,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;EACpB;EACA;GACE,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;EACpB;CACF,EACD,CAAA;CAEH,OAAO;CACP,YAAY,EAAG;AACjB"}

package/dist/components/ControlsButton/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../ControlsButton-B1XRpMUM.js";
+import { t as e } from "../../ControlsButton-9uR_zW_F.js";
 export { e as ControlsButton };

package/dist/components/CopyableText/CopyableText.d.ts

@@ -10,4 +10,4 @@ export interface CopyableTextProps {
     /** custom value to be copied in place of the display text */
     customCopyValue?: string;
 }
-export declare const CopyableText: ({ text, additionalClassName, ariaLabelCopy, ariaLabelHasBeenCopied, customCopyValue, }: CopyableTextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CopyableText: ({ text, additionalClassName, ariaLabelCopy, ariaLabelHasBeenCopied, customCopyValue, }: CopyableTextProps) => import("react").JSX.Element;

package/dist/components/CopyableText/CopyableText.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../CopyableText-DkyhZ6wk.js";
+import { t as e } from "../../CopyableText-hSqhyUWx.js";
 export { e as CopyableText };

package/dist/components/CopyableText/CopyableText.stories.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../CopyableText-DkyhZ6wk.js";
+import { t as e } from "../../CopyableText-hSqhyUWx.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/components/CopyableText/CopyableText.stories.tsx
 var r = "<CopyableText text={string} additionalClassName={string} ariaLabelCopy={string} ariaLabelHasBeenCopied={string} />", i = document.createElement("style");

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

@@ -1 +1 @@
-{"version":3,"file":"CopyableText.stories.js","names":[],"sources":["../../../src/components/CopyableText/CopyableText.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\r\nimport type { CopyableTextProps } from './CopyableText';\r\n\r\nimport { CopyableText } from './CopyableText';\r\n\r\nconst codeString =\r\n  '<CopyableText text={string} additionalClassName={string} ariaLabelCopy={string} ariaLabelHasBeenCopied={string} />';\r\n\r\n// Adding custom styles for the story\r\nconst customStyle = document.createElement('style');\r\ncustomStyle.type = 'text/css';\r\ncustomStyle.innerHTML = '.customClass { font-weight: bold; color: #333; }';\r\ndocument.head.appendChild(customStyle);\r\n\r\n// eslint-disable-next-line import/no-default-export\r\nexport default {\r\n  title: 'Atoms/CopyableText',\r\n  component: CopyableText,\r\n  argTypes: {\r\n    additionalClassName: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n  },\r\n  parameters: {\r\n    inspectComponent: CopyableText,\r\n    codeString,\r\n  },\r\n} as Meta<CopyableTextProps>;\r\n\r\nconst Template: StoryFn<CopyableTextProps> = (args) => {\r\n  return (\r\n    <div style={{ padding: '1rem', backgroundColor: '#FFF', display: 'flex', gap: '1rem', alignItems: 'center' }}>\r\n      <CopyableText {...args} />\r\n      <span>EC</span>\r\n      <span>Tutoring and Study Guidance Advanced Professional Programme in Conservation and Restoration</span>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport const CopyableTextExample = Template.bind({});\r\nCopyableTextExample.args = {\r\n  text: '3154CAR1VY',\r\n  additionalClassName: 'customClass',\r\n  ariaLabelCopy: 'Copy to clipboard',\r\n  ariaLabelHasBeenCopied: 'Copied to clipboard',\r\n};\r\n"],"mappings":";;;AAKA,IAAM,IACJ,sHAGI,IAAc,SAAS,cAAc,QAAQ;AACnD,EAAY,OAAO,YACnB,EAAY,YAAY,oDACxB,SAAS,KAAK,YAAY,EAAY;AAGtC,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,qBAAqB,EACnB,OAAO,EACL,SAAS,IACV,EACF,EACF;CACD,YAAY;EACV,kBAAkB;EAClB;EACD;CACF,EAYY,MAViC,MAE1C,kBAAC,OAAD;CAAK,OAAO;EAAE,SAAS;EAAQ,iBAAiB;EAAQ,SAAS;EAAQ,KAAK;EAAQ,YAAY;EAAU;WAA5G;EACE,kBAAC,GAAD,EAAc,GAAI,GAAQ,CAAA;EAC1B,kBAAC,QAAD,EAAA,UAAM,MAAS,CAAA;EACf,kBAAC,QAAD,EAAA,UAAM,+FAAkG,CAAA;EACpG;IAIkC,KAAK,EAAE,CAAC;AACpD,EAAoB,OAAO;CACzB,MAAM;CACN,qBAAqB;CACrB,eAAe;CACf,wBAAwB;CACzB"}
+{"version":3,"file":"CopyableText.stories.js","names":[],"sources":["../../../src/components/CopyableText/CopyableText.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\r\nimport type { CopyableTextProps } from './CopyableText';\r\n\r\nimport { CopyableText } from './CopyableText';\r\n\r\nconst codeString =\r\n  '<CopyableText text={string} additionalClassName={string} ariaLabelCopy={string} ariaLabelHasBeenCopied={string} />';\r\n\r\n// Adding custom styles for the story\r\nconst customStyle = document.createElement('style');\r\ncustomStyle.type = 'text/css';\r\ncustomStyle.innerHTML = '.customClass { font-weight: bold; color: #333; }';\r\ndocument.head.appendChild(customStyle);\r\n\r\n// eslint-disable-next-line import/no-default-export\r\nexport default {\r\n  title: 'Atoms/CopyableText',\r\n  component: CopyableText,\r\n  argTypes: {\r\n    additionalClassName: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n  },\r\n  parameters: {\r\n    inspectComponent: CopyableText,\r\n    codeString,\r\n  },\r\n} as Meta<CopyableTextProps>;\r\n\r\nconst Template: StoryFn<CopyableTextProps> = (args) => {\r\n  return (\r\n    <div style={{ padding: '1rem', backgroundColor: '#FFF', display: 'flex', gap: '1rem', alignItems: 'center' }}>\r\n      <CopyableText {...args} />\r\n      <span>EC</span>\r\n      <span>Tutoring and Study Guidance Advanced Professional Programme in Conservation and Restoration</span>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport const CopyableTextExample = Template.bind({});\r\nCopyableTextExample.args = {\r\n  text: '3154CAR1VY',\r\n  additionalClassName: 'customClass',\r\n  ariaLabelCopy: 'Copy to clipboard',\r\n  ariaLabelHasBeenCopied: 'Copied to clipboard',\r\n};\r\n"],"mappings":";;;AAKA,IAAM,IACJ,sHAGI,IAAc,SAAS,cAAc,OAAO;AAClD,EAAY,OAAO,YACnB,EAAY,YAAY,oDACxB,SAAS,KAAK,YAAY,CAAW;AAGrC,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,qBAAqB,EACnB,OAAO,EACL,SAAS,GACX,EACF,EACF;CACA,YAAY;EACV,kBAAkB;EAClB;CACF;AACF,GAYa,MAViC,MAE1C,kBAAC,OAAD;CAAK,OAAO;EAAE,SAAS;EAAQ,iBAAiB;EAAQ,SAAS;EAAQ,KAAK;EAAQ,YAAY;CAAS;WAA3G;EACE,kBAAC,GAAD,EAAc,GAAI,EAAO,CAAA;EACzB,kBAAC,QAAD,EAAA,UAAM,KAAQ,CAAA;EACd,kBAAC,QAAD,EAAA,UAAM,8FAAiG,CAAA;CACpG;IAImC,KAAK,CAAC,CAAC;AACnD,EAAoB,OAAO;CACzB,MAAM;CACN,qBAAqB;CACrB,eAAe;CACf,wBAAwB;AAC1B"}

package/dist/components/CopyableText/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../CopyableText-DkyhZ6wk.js";
+import { t as e } from "../../CopyableText-hSqhyUWx.js";
 export { e as CopyableText };

package/dist/components/Drawer/Drawer.d.ts

@@ -12,4 +12,4 @@ export interface DrawerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'style
     closeButtonAriaValueText?: string;
 }
 /** Represents a Drawer component. */
-export declare function Drawer({ buttons, children, isOpen, onClose, title, closeButtonAriaValueText, ...restProps }: PropsWithChildren<DrawerProps>): import("react/jsx-runtime").JSX.Element;
+export declare function Drawer({ buttons, children, isOpen, onClose, title, closeButtonAriaValueText, ...restProps }: PropsWithChildren<DrawerProps>): import("react").JSX.Element;

package/dist/components/Drawer/Drawer.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Drawer-e7UFHVg9.js";
+import { t as e } from "../../Drawer-BbVJqFQI.js";
 export { e as Drawer };

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

@@ -1,7 +1,7 @@
-import { r as e } from "../../test-Pa9Lwbsq.js";
+import { r as e } from "../../test-Bd7kXF_B.js";
 import { Button as t } from "../Buttons/Button.js";
-import { t as n } from "../../ButtonGroup-DR80lTLz.js";
-import { t as r } from "../../Drawer-e7UFHVg9.js";
+import { t as n } from "../../ButtonGroup-ZqGGZ1rz.js";
+import { t as r } from "../../Drawer-BbVJqFQI.js";
 import { useState as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { OverlayProvider as s } from "@react-aria/overlays";

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,IACV,EACF;EACD,SAAS,EACP,OAAO,EACL,SAAS,IACV,EACF;EACD,0BAA0B,EACxB,OAAO,EACL,SAAS,IACV,EACF;EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAAkC,MAAS;CAC/C,IAAM,CAAC,GAAQ,KAAa,EAAS,GAAM;CAE3C,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EAAQ,eAAe,EAAU,CAAC,EAAO;EAAE,SAAQ;YAAU;EAEpD,CAAA,EACR,KACC,kBAAC,GAAD;EACE,GAAI;EACI;EACR,gBACE,GAAI,EAAE,EACC,EAAU,CAAC,EAAO;YAE5B;EAEQ,CAAA,CAEK,EAAA,CAAA;GAIhB,IAAoC;CACxC,OAAO;CACP,0BAA0B;CAC3B,EAEY,IAAgB,EAAS,KAAK,EAAE,CAAC;AAC9C,EAAc,OAAO,EACnB,GAAG,GACJ;AAED,IAAa,IAAc,EAAS,KAAK,EAAE,CAAC;AAC5C,EAAY,OAAO;CACjB,GAAG;CACH,SACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EAAQ,SAAQ;YAAU;EAA+B,CAAA,EACzD,kBAAC,GAAD;EAAQ,SAAQ;YAAY;EAAiC,CAAA,CACjD,EAAA,CAAA;CAEjB"}
+{"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"}

package/dist/components/Drawer/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Drawer-e7UFHVg9.js";
+import { t as e } from "../../Drawer-BbVJqFQI.js";
 export { e as Drawer };

package/dist/components/EmptyStateDataDisplay/EmptyStateDataDisplay.d.ts

@@ -10,4 +10,4 @@ export interface EmptyStateDataDisplayProps {
     variant?: UISizeVariant;
 }
 /** Represents a component to indicate an empty state. */
-export declare function EmptyStateDataDisplay({ label, paragraph, invertColors, variant, }: EmptyStateDataDisplayProps): import("react/jsx-runtime").JSX.Element;
+export declare function EmptyStateDataDisplay({ label, paragraph, invertColors, variant, }: EmptyStateDataDisplayProps): import("react").JSX.Element;

package/dist/components/EmptyStateDataDisplay/EmptyStateDataDisplay.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../EmptyStateDataDisplay-D0QiI8nE.js";
+import { t as e } from "../../EmptyStateDataDisplay-IT2P3ius.js";
 export { e as EmptyStateDataDisplay };

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

@@ -1,4 +1,4 @@
-import { t as e } from "../../EmptyStateDataDisplay-D0QiI8nE.js";
+import { t as e } from "../../EmptyStateDataDisplay-IT2P3ius.js";
 import { jsx as t } from "react/jsx-runtime";
 var n = {
 	title: "Molecules/EmptyStateDataDisplay",

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;EACb;CACF,EAIY,MAF0C,MAAS,kBAAC,GAAD,EAAuB,GAAI,GAAQ,CAAA,EAE9C,KAAK,EAAE,CAAC;AAC7D,EAA6B,OAAO;CAClC,OAAO;CACP,WAAW;CACZ"}
+{"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"}

package/dist/components/EmptyStateDataDisplay/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../EmptyStateDataDisplay-D0QiI8nE.js";
+import { t as e } from "../../EmptyStateDataDisplay-IT2P3ius.js";
 export { e as EmptyStateDataDisplay };

package/dist/components/ExpandableInfoPanel/ExpandableInfoPanel.d.ts

@@ -15,4 +15,4 @@ export interface ExpandableInfoPanelProps {
     /** Optional state, if true; sets the expandable panel as 'open' by default. */
     defaultOpen?: boolean;
 }
-export declare const ExpandableInfoPanel: ({ triggerLabel, mainHeader, collapseLabel, expandLabel, content, note, defaultOpen, }: ExpandableInfoPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ExpandableInfoPanel: ({ triggerLabel, mainHeader, collapseLabel, expandLabel, content, note, defaultOpen, }: ExpandableInfoPanelProps) => import("react").JSX.Element;

package/dist/components/ExpandableInfoPanel/ExpandableInfoPanel.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../ExpandableInfoPanel-CnBVVNlJ.js";
+import { t as e } from "../../ExpandableInfoPanel-DMfcJFP3.js";
 export { e as ExpandableInfoPanel };

package/dist/components/ExpandableInfoPanel/ExpandableInfoPanel.stories.js

@@ -1,5 +1,5 @@
-import { t as e } from "../../ExpandableInfoPanel-CnBVVNlJ.js";
-import { t } from "../../Repeater-BhkTEUai.js";
+import { t as e } from "../../ExpandableInfoPanel-DMfcJFP3.js";
+import { t } from "../../Repeater-Bnoqqz0X.js";
 import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
 var a = {
 	title: "Molecules/ExpandableInfoPanel",

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

@@ -1 +1 @@
-{"version":3,"file":"ExpandableInfoPanel.stories.js","names":[],"sources":["../../../src/components/ExpandableInfoPanel/ExpandableInfoPanel.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\r\nimport type { ExpandableInfoPanelProps } from './ExpandableInfoPanel';\r\n\r\nimport { ExpandableInfoPanel } from './ExpandableInfoPanel';\r\n\r\nimport { Repeater } from 'components/Repeater';\r\n\r\nconst codeString =\r\n  '<ExpandableInfoPanel triggerLabel={string} mainHeader={string or reactnode} collapseLabel={string} expandLabel={string} content={string or reactnode} />';\r\n\r\n// eslint-disable-next-line import/no-default-export\r\nexport default {\r\n  title: 'Molecules/ExpandableInfoPanel',\r\n  component: ExpandableInfoPanel,\r\n  parameters: {\r\n    inspectComponent: ExpandableInfoPanel,\r\n    codeString: codeString,\r\n  },\r\n} as Meta<ExpandableInfoPanelProps>;\r\n\r\nconst Template: StoryFn<ExpandableInfoPanelProps> = (args) => (\r\n  <>\r\n    <ExpandableInfoPanel {...args} />\r\n    <div style={{ marginTop: '1rem' }}>\r\n      De universiteit biedt een breed scala aan vakken aan, variërend van exacte wetenschappen tot geesteswetenschappen.\r\n      Studenten kunnen kiezen uit uitdagende keuzevakken, minors en specialisaties die hun studie verrijken. Deze\r\n      vaklaanbiedingen stimuleren interdisciplinair leren, persoonlijke ontwikkeling en academische verdieping,\r\n      afgestemd op actuele maatschappelijke vraagstukken en de behoeften van de arbeidsmarkt.\r\n    </div>\r\n  </>\r\n);\r\n\r\nexport const ExpandableInfoPanelExample = Template.bind({});\r\nExpandableInfoPanelExample.args = {\r\n  triggerLabel: 'Wat moet ik doen?',\r\n  mainHeader: <h1>Basisgegevens</h1>,\r\n  collapseLabel: 'Sluit informatiepaneel',\r\n  expandLabel: 'Open informatiepaneel',\r\n  content: (\r\n    <>\r\n      <h3 style={{ marginTop: '0' }}>Wat moet ik doen?</h3>\r\n      <span>\r\n        Controleer de onderstaande basisgegevens. Klik daarna op ‘Start’ om te beginnen met het invoeren van de\r\n        roosterwensen. Je kunt tussentijds opslaan en op een later moment verdergaan.\r\n      </span>\r\n      <br />\r\n      <br />\r\n      <span>Kloppen de gegevens niet? Neem contact op met de opleidingscoördinator.</span>\r\n    </>\r\n  ),\r\n};\r\n\r\nexport const DefaultOpenWithNote = Template.bind({});\r\nDefaultOpenWithNote.args = {\r\n  triggerLabel: 'Wat moet ik doen?',\r\n  mainHeader: <h1>Basisgegevens</h1>,\r\n  collapseLabel: 'Sluit informatiepaneel',\r\n  expandLabel: 'Open informatiepaneel',\r\n  content: (\r\n    <>\r\n      <h3 style={{ marginTop: '0' }}>Wat moet ik doen?</h3>\r\n      <span>\r\n        Controleer de onderstaande basisgegevens. Klik daarna op ‘Start’ om te beginnen met het invoeren van de\r\n        roosterwensen. Je kunt tussentijds opslaan en op een later moment verdergaan.\r\n      </span>\r\n      <br />\r\n      <br />\r\n      <span>Kloppen de gegevens niet? Neem contact op met de opleidingscoördinator.</span>\r\n    </>\r\n  ),\r\n  note: (\r\n    <Repeater gap=\"050\">\r\n      <span style={{ fontWeight: '700' }}>Let op</span>\r\n      <span>hier kunt u een extra opmerking achterlaten om de inhoud van uw gewone paneel te versterken.</span>\r\n    </Repeater>\r\n  ),\r\n  defaultOpen: true,\r\n};\r\n"],"mappings":";;;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAA+C,MACnD,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAqB,GAAI,GAAQ,CAAA,EACjC,kBAAC,OAAD;CAAK,OAAO,EAAE,WAAW,QAAQ;WAAE;CAK7B,CAAA,CACL,EAAA,CAAA,EAGQ,IAA6B,EAAS,KAAK,EAAE,CAAC;AAC3D,EAA2B,OAAO;CAChC,cAAc;CACd,YAAY,kBAAC,MAAD,EAAA,UAAI,iBAAkB,CAAA;CAClC,eAAe;CACf,aAAa;CACb,SACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,MAAD;GAAI,OAAO,EAAE,WAAW,KAAK;aAAE;GAAsB,CAAA;EACrD,kBAAC,QAAD,EAAA,UAAM,yLAGC,CAAA;EACP,kBAAC,MAAD,EAAM,CAAA;EACN,kBAAC,MAAD,EAAM,CAAA;EACN,kBAAC,QAAD,EAAA,UAAM,2EAA8E,CAAA;EACnF,EAAA,CAAA;CAEN;AAED,IAAa,IAAsB,EAAS,KAAK,EAAE,CAAC;AACpD,EAAoB,OAAO;CACzB,cAAc;CACd,YAAY,kBAAC,MAAD,EAAA,UAAI,iBAAkB,CAAA;CAClC,eAAe;CACf,aAAa;CACb,SACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,MAAD;GAAI,OAAO,EAAE,WAAW,KAAK;aAAE;GAAsB,CAAA;EACrD,kBAAC,QAAD,EAAA,UAAM,yLAGC,CAAA;EACP,kBAAC,MAAD,EAAM,CAAA;EACN,kBAAC,MAAD,EAAM,CAAA;EACN,kBAAC,QAAD,EAAA,UAAM,2EAA8E,CAAA;EACnF,EAAA,CAAA;CAEL,MACE,kBAAC,GAAD;EAAU,KAAI;YAAd,CACE,kBAAC,QAAD;GAAM,OAAO,EAAE,YAAY,OAAO;aAAE;GAAa,CAAA,EACjD,kBAAC,QAAD,EAAA,UAAM,gGAAmG,CAAA,CAChG;;CAEb,aAAa;CACd"}
+{"version":3,"file":"ExpandableInfoPanel.stories.js","names":[],"sources":["../../../src/components/ExpandableInfoPanel/ExpandableInfoPanel.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\r\nimport type { ExpandableInfoPanelProps } from './ExpandableInfoPanel';\r\n\r\nimport { ExpandableInfoPanel } from './ExpandableInfoPanel';\r\n\r\nimport { Repeater } from 'components/Repeater';\r\n\r\nconst codeString =\r\n  '<ExpandableInfoPanel triggerLabel={string} mainHeader={string or reactnode} collapseLabel={string} expandLabel={string} content={string or reactnode} />';\r\n\r\n// eslint-disable-next-line import/no-default-export\r\nexport default {\r\n  title: 'Molecules/ExpandableInfoPanel',\r\n  component: ExpandableInfoPanel,\r\n  parameters: {\r\n    inspectComponent: ExpandableInfoPanel,\r\n    codeString: codeString,\r\n  },\r\n} as Meta<ExpandableInfoPanelProps>;\r\n\r\nconst Template: StoryFn<ExpandableInfoPanelProps> = (args) => (\r\n  <>\r\n    <ExpandableInfoPanel {...args} />\r\n    <div style={{ marginTop: '1rem' }}>\r\n      De universiteit biedt een breed scala aan vakken aan, variërend van exacte wetenschappen tot geesteswetenschappen.\r\n      Studenten kunnen kiezen uit uitdagende keuzevakken, minors en specialisaties die hun studie verrijken. Deze\r\n      vaklaanbiedingen stimuleren interdisciplinair leren, persoonlijke ontwikkeling en academische verdieping,\r\n      afgestemd op actuele maatschappelijke vraagstukken en de behoeften van de arbeidsmarkt.\r\n    </div>\r\n  </>\r\n);\r\n\r\nexport const ExpandableInfoPanelExample = Template.bind({});\r\nExpandableInfoPanelExample.args = {\r\n  triggerLabel: 'Wat moet ik doen?',\r\n  mainHeader: <h1>Basisgegevens</h1>,\r\n  collapseLabel: 'Sluit informatiepaneel',\r\n  expandLabel: 'Open informatiepaneel',\r\n  content: (\r\n    <>\r\n      <h3 style={{ marginTop: '0' }}>Wat moet ik doen?</h3>\r\n      <span>\r\n        Controleer de onderstaande basisgegevens. Klik daarna op ‘Start’ om te beginnen met het invoeren van de\r\n        roosterwensen. Je kunt tussentijds opslaan en op een later moment verdergaan.\r\n      </span>\r\n      <br />\r\n      <br />\r\n      <span>Kloppen de gegevens niet? Neem contact op met de opleidingscoördinator.</span>\r\n    </>\r\n  ),\r\n};\r\n\r\nexport const DefaultOpenWithNote = Template.bind({});\r\nDefaultOpenWithNote.args = {\r\n  triggerLabel: 'Wat moet ik doen?',\r\n  mainHeader: <h1>Basisgegevens</h1>,\r\n  collapseLabel: 'Sluit informatiepaneel',\r\n  expandLabel: 'Open informatiepaneel',\r\n  content: (\r\n    <>\r\n      <h3 style={{ marginTop: '0' }}>Wat moet ik doen?</h3>\r\n      <span>\r\n        Controleer de onderstaande basisgegevens. Klik daarna op ‘Start’ om te beginnen met het invoeren van de\r\n        roosterwensen. Je kunt tussentijds opslaan en op een later moment verdergaan.\r\n      </span>\r\n      <br />\r\n      <br />\r\n      <span>Kloppen de gegevens niet? Neem contact op met de opleidingscoördinator.</span>\r\n    </>\r\n  ),\r\n  note: (\r\n    <Repeater gap=\"050\">\r\n      <span style={{ fontWeight: '700' }}>Let op</span>\r\n      <span>hier kunt u een extra opmerking achterlaten om de inhoud van uw gewone paneel te versterken.</span>\r\n    </Repeater>\r\n  ),\r\n  defaultOpen: true,\r\n};\r\n"],"mappings":";;;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAEM,KAA+C,MACnD,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAqB,GAAI,EAAO,CAAA,GAChC,kBAAC,OAAD;CAAK,OAAO,EAAE,WAAW,OAAO;WAAG;AAK9B,CAAA,CACL,EAAA,CAAA,GAGS,IAA6B,EAAS,KAAK,CAAC,CAAC;AAC1D,EAA2B,OAAO;CAChC,cAAc;CACd,YAAY,kBAAC,MAAD,EAAA,UAAI,gBAAiB,CAAA;CACjC,eAAe;CACf,aAAa;CACb,SACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,MAAD;GAAI,OAAO,EAAE,WAAW,IAAI;aAAG;EAAqB,CAAA;EACpD,kBAAC,QAAD,EAAA,UAAM,wLAGA,CAAA;EACN,kBAAC,MAAD,CAAK,CAAA;EACL,kBAAC,MAAD,CAAK,CAAA;EACL,kBAAC,QAAD,EAAA,UAAM,0EAA6E,CAAA;CACnF,EAAA,CAAA;AAEN;AAEA,IAAa,IAAsB,EAAS,KAAK,CAAC,CAAC;AACnD,EAAoB,OAAO;CACzB,cAAc;CACd,YAAY,kBAAC,MAAD,EAAA,UAAI,gBAAiB,CAAA;CACjC,eAAe;CACf,aAAa;CACb,SACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,MAAD;GAAI,OAAO,EAAE,WAAW,IAAI;aAAG;EAAqB,CAAA;EACpD,kBAAC,QAAD,EAAA,UAAM,wLAGA,CAAA;EACN,kBAAC,MAAD,CAAK,CAAA;EACL,kBAAC,MAAD,CAAK,CAAA;EACL,kBAAC,QAAD,EAAA,UAAM,0EAA6E,CAAA;CACnF,EAAA,CAAA;CAEJ,MACE,kBAAC,GAAD;EAAU,KAAI;YAAd,CACE,kBAAC,QAAD;GAAM,OAAO,EAAE,YAAY,MAAM;aAAG;EAAY,CAAA,GAChD,kBAAC,QAAD,EAAA,UAAM,+FAAkG,CAAA,CAChG;;CAEZ,aAAa;AACf"}

package/dist/components/ExpandableInfoPanel/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../ExpandableInfoPanel-CnBVVNlJ.js";
+import { t as e } from "../../ExpandableInfoPanel-DMfcJFP3.js";
 export { e as ExpandableInfoPanel };

package/dist/components/FeedbackBar/FeedbackBar.d.ts

@@ -1,3 +1,3 @@
 import { PropsWithChildren } from 'react';
 /** Represents a component to show feedback within a Page. */
-export declare const FeedbackBar: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const FeedbackBar: ({ children }: PropsWithChildren) => import("react").JSX.Element;

package/dist/components/FeedbackBar/FeedbackBar.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../FeedbackBar-ByKp32HE.js";
+import { t as e } from "../../FeedbackBar-DRbJVniP.js";
 export { e as FeedbackBar };

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

@@ -1,7 +1,7 @@
 import { Button as e } from "../Buttons/Button.js";
-import { t } from "../../ButtonGroup-DR80lTLz.js";
-import { t as n } from "../../FeedbackBar-ByKp32HE.js";
-import { t as r } from "../../Repeater-BhkTEUai.js";
+import { t } from "../../ButtonGroup-ZqGGZ1rz.js";
+import { t as n } from "../../FeedbackBar-DRbJVniP.js";
+import { t as r } from "../../Repeater-Bnoqqz0X.js";
 import { useState as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 var s = {

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;EACb;CACF,EAoBY,MAlBiC,MAAS;CACrD,IAAM,CAAC,GAAQ,KAAa,EAAS,GAAM;CAE3C,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EAAQ,SAAQ;EAAU,eAAe,EAAU,GAAK;YAAE;EAEjD,CAAA,EACT,kBAAC,GAAD;EAAQ,SAAQ;EAAU,eAAe,EAAU,GAAM;YAAE;EAElD,CAAA,CACG,EAAA,CAAA,EACb,KAAU,kBAAC,GAAD,EAAa,GAAI,GAAQ,CAAA,CAC3B,EAAA,CAAA;GAI4B,KAAK,EAAE,CAAC;AACnD,EAAmB,OAAO,EACxB,UAAU,4BACX"}
+{"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"}

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

@@ -1,6 +1,6 @@
-import "../../dist-V_v3kC0L.js";
-import { t as e } from "../../FeedbackBar-ByKp32HE.js";
-import { i as t, n, t as r } from "../../react.esm-CweFe1CK.js";
+import "../../dist-Cxk2-lJw.js";
+import { t as e } from "../../FeedbackBar-DRbJVniP.js";
+import { i as t, n, t as r } from "../../react.esm-GvSawg5E.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,uBAAiC,CAAA,CAAC,EACtD,OAAO,EAAO,UAAU,sBAAsB,CAAC,CAAC,mBAAmB;GACnE,EAEF,GAAG,uDAAuD;EAGxD,AAFA,EAAO,kBAAC,GAAD,EAAA,UAAa,8BAAwC,CAAA,CAAC,EAE7D,OAAO,EAAO,UAAU,QAAQ,CAAC,CAAC,YAAY,wBAAwB;EAEtE,IAAM,IAAc,EAAO,UAAU,SAAS;EAG9C,AAFA,EAAU,MAAM,EAAY,EAE5B,OAAO,EAAO,UAAU,QAAQ,CAAC,CAAC,IAAI,YAAY,wBAAwB;GAC1E;EACF"}
+{"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"}

package/dist/components/FeedbackBar/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../FeedbackBar-ByKp32HE.js";
+import { t as e } from "../../FeedbackBar-DRbJVniP.js";
 export { e as FeedbackBar };

package/dist/components/FeedbackBox/FeedbackBox.d.ts

@@ -9,5 +9,5 @@ export interface FeedbackBoxProps {
     feedback: string | ReactElement;
 }
 /** Represents a component to show feedback. */
-export declare const FeedbackBox: ({ id, level, feedback }: FeedbackBoxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FeedbackBox: ({ id, level, feedback }: FeedbackBoxProps) => import("react").JSX.Element;
 export {};

package/dist/components/FeedbackBox/FeedbackBox.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../FeedbackBox-Bu7uB9DP.js";
+import { t as e } from "../../FeedbackBox-CaSxB4uc.js";
 export { e as FeedbackBox };

package/dist/components/FeedbackBox/FeedbackBox.stories.js

@@ -1,6 +1,6 @@
-import { t as e } from "../../FeedbackBox-Bu7uB9DP.js";
-import { t } from "../../Repeater-BhkTEUai.js";
-import { t as n } from "../../Container-BLjtYDqq.js";
+import { t as e } from "../../FeedbackBox-CaSxB4uc.js";
+import { t } from "../../Repeater-Bnoqqz0X.js";
+import { t as n } from "../../Container-DK25h_-f.js";
 import "../../storyComponents/Container/index.js";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 var a = {

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

@@ -1 +1 @@
-{"version":3,"file":"FeedbackBox.stories.js","names":[],"sources":["../../../src/components/FeedbackBox/FeedbackBox.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { FeedbackBoxProps } from './FeedbackBox';\n\nimport { FeedbackBox } from './FeedbackBox';\n\nimport { Container } from 'storyComponents/Container';\nimport { Repeater } from 'components/Repeater';\n\nconst codeString = '<FeedbackBox id={id} level={level} feedback={feedback} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/FeedbackBox',\n  component: FeedbackBox,\n  parameters: {\n    inspectComponent: FeedbackBox,\n    codeString,\n  },\n} as Meta<FeedbackBoxProps>;\n\nconst Template: StoryFn<FeedbackBoxProps> = (args) => (\n  <Container>\n    <FeedbackBox {...args} />\n  </Container>\n);\n\nexport const FeedbackBoxExample = Template.bind({});\nFeedbackBoxExample.args = {\n  id: 'gba0d2d4',\n  level: 'success',\n  feedback: 'Example FeedbackBox text',\n};\n\nexport const WithElementFeedback = Template.bind({});\nWithElementFeedback.args = {\n  id: 'gba0d2d4',\n  level: 'success',\n  feedback: (\n    <Repeater>\n      <h2>FeedbackElement</h2>\n      <ul>\n        <li>Feedback 1</li>\n        <li>Feedback 2</li>\n        <li>Feedback 3</li>\n      </ul>\n    </Repeater>\n  ),\n};\n"],"mappings":";;;;;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EAClB;EACD;CACF,EAEK,KAAuC,MAC3C,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAa,GAAI,GAAQ,CAAA,EACf,CAAA,EAGD,IAAqB,EAAS,KAAK,EAAE,CAAC;AACnD,EAAmB,OAAO;CACxB,IAAI;CACJ,OAAO;CACP,UAAU;CACX;AAED,IAAa,IAAsB,EAAS,KAAK,EAAE,CAAC;AACpD,EAAoB,OAAO;CACzB,IAAI;CACJ,OAAO;CACP,UACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,MAAD,EAAA,UAAI,mBAAoB,CAAA,EACxB,kBAAC,MAAD,EAAA,UAAA;EACE,kBAAC,MAAD,EAAA,UAAI,cAAe,CAAA;EACnB,kBAAC,MAAD,EAAA,UAAI,cAAe,CAAA;EACnB,kBAAC,MAAD,EAAA,UAAI,cAAe,CAAA;EAChB,EAAA,CAAA,CACI,EAAA,CAAA;CAEd"}
+{"version":3,"file":"FeedbackBox.stories.js","names":[],"sources":["../../../src/components/FeedbackBox/FeedbackBox.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { FeedbackBoxProps } from './FeedbackBox';\n\nimport { FeedbackBox } from './FeedbackBox';\n\nimport { Container } from 'storyComponents/Container';\nimport { Repeater } from 'components/Repeater';\n\nconst codeString = '<FeedbackBox id={id} level={level} feedback={feedback} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/FeedbackBox',\n  component: FeedbackBox,\n  parameters: {\n    inspectComponent: FeedbackBox,\n    codeString,\n  },\n} as Meta<FeedbackBoxProps>;\n\nconst Template: StoryFn<FeedbackBoxProps> = (args) => (\n  <Container>\n    <FeedbackBox {...args} />\n  </Container>\n);\n\nexport const FeedbackBoxExample = Template.bind({});\nFeedbackBoxExample.args = {\n  id: 'gba0d2d4',\n  level: 'success',\n  feedback: 'Example FeedbackBox text',\n};\n\nexport const WithElementFeedback = Template.bind({});\nWithElementFeedback.args = {\n  id: 'gba0d2d4',\n  level: 'success',\n  feedback: (\n    <Repeater>\n      <h2>FeedbackElement</h2>\n      <ul>\n        <li>Feedback 1</li>\n        <li>Feedback 2</li>\n        <li>Feedback 3</li>\n      </ul>\n    </Repeater>\n  ),\n};\n"],"mappings":";;;;;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EAClB;CACF;AACF,GAEM,KAAuC,MAC3C,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAa,GAAI,EAAO,CAAA,EACf,CAAA,GAGA,IAAqB,EAAS,KAAK,CAAC,CAAC;AAClD,EAAmB,OAAO;CACxB,IAAI;CACJ,OAAO;CACP,UAAU;AACZ;AAEA,IAAa,IAAsB,EAAS,KAAK,CAAC,CAAC;AACnD,EAAoB,OAAO;CACzB,IAAI;CACJ,OAAO;CACP,UACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,MAAD,EAAA,UAAI,kBAAmB,CAAA,GACvB,kBAAC,MAAD,EAAA,UAAA;EACE,kBAAC,MAAD,EAAA,UAAI,aAAc,CAAA;EAClB,kBAAC,MAAD,EAAA,UAAI,aAAc,CAAA;EAClB,kBAAC,MAAD,EAAA,UAAI,aAAc,CAAA;CAChB,EAAA,CAAA,CACI,EAAA,CAAA;AAEd"}

package/dist/components/FeedbackBox/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../FeedbackBox-Bu7uB9DP.js";
+import { t as e } from "../../FeedbackBox-CaSxB4uc.js";
 export { e as FeedbackBox };

package/dist/components/FieldHint/FieldHint.d.ts

@@ -7,4 +7,4 @@ export interface FieldHintProps {
     loading?: boolean;
 }
 /** Represents a component to show a hint for an input element. */
-export declare function FieldHint({ value, spinnerAriaValueText, loading }: FieldHintProps): import("react/jsx-runtime").JSX.Element;
+export declare function FieldHint({ value, spinnerAriaValueText, loading }: FieldHintProps): import("react").JSX.Element;

package/dist/components/FieldHint/FieldHint.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../FieldHint-fxnEOsVZ.js";
+import { t as e } from "../../FieldHint-FEBzgLI_.js";
 export { e as FieldHint };

package/dist/components/FieldHint/FieldHint.stories.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../FieldHint-fxnEOsVZ.js";
+import { t as e } from "../../FieldHint-FEBzgLI_.js";
 import { jsx as t } from "react/jsx-runtime";
 var n = {
 	title: "Atoms/FieldHint",

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

@@ -1 +1 @@
-{"version":3,"file":"FieldHint.stories.js","names":[],"sources":["../../../src/components/FieldHint/FieldHint.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { FieldHintProps } from './FieldHint';\n\nimport { FieldHint } from './FieldHint';\n\nconst codeString = '<FieldHint value={value} loading={loading} spinnerAriaValueText={spinnerAriaValueText} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/FieldHint',\n  component: FieldHint,\n  argTypes: {\n    value: {\n      control: 'text',\n    },\n    spinnerAriaValueText: {\n      control: 'text',\n    },\n  },\n  parameters: {\n    inspectComponent: FieldHint,\n    codeString: codeString,\n  },\n} as Meta<FieldHintProps>;\n\nconst Template: StoryFn<FieldHintProps> = (args) => <FieldHint {...args} />;\n\nconst defaultArgs: Partial<FieldHintProps> = {\n  spinnerAriaValueText: 'FieldHint Loading',\n};\n\nexport const FieldHintExample = Template.bind({});\nFieldHintExample.args = {\n  value: 'This is a FieldHint',\n  loading: false,\n  ...defaultArgs,\n};\n\nexport const LoadingFieldHint = Template.bind({});\nLoadingFieldHint.args = {\n  value: '',\n  loading: true,\n  ...defaultArgs,\n};\n"],"mappings":";;AAQA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,OAAO,EACL,SAAS,QACV;EACD,sBAAsB,EACpB,SAAS,QACV;EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAAqC,MAAS,kBAAC,GAAD,EAAW,GAAI,GAAQ,CAAA,EAErE,IAAuC,EAC3C,sBAAsB,qBACvB,EAEY,IAAmB,EAAS,KAAK,EAAE,CAAC;AACjD,EAAiB,OAAO;CACtB,OAAO;CACP,SAAS;CACT,GAAG;CACJ;AAED,IAAa,IAAmB,EAAS,KAAK,EAAE,CAAC;AACjD,EAAiB,OAAO;CACtB,OAAO;CACP,SAAS;CACT,GAAG;CACJ"}
+{"version":3,"file":"FieldHint.stories.js","names":[],"sources":["../../../src/components/FieldHint/FieldHint.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { FieldHintProps } from './FieldHint';\n\nimport { FieldHint } from './FieldHint';\n\nconst codeString = '<FieldHint value={value} loading={loading} spinnerAriaValueText={spinnerAriaValueText} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/FieldHint',\n  component: FieldHint,\n  argTypes: {\n    value: {\n      control: 'text',\n    },\n    spinnerAriaValueText: {\n      control: 'text',\n    },\n  },\n  parameters: {\n    inspectComponent: FieldHint,\n    codeString: codeString,\n  },\n} as Meta<FieldHintProps>;\n\nconst Template: StoryFn<FieldHintProps> = (args) => <FieldHint {...args} />;\n\nconst defaultArgs: Partial<FieldHintProps> = {\n  spinnerAriaValueText: 'FieldHint Loading',\n};\n\nexport const FieldHintExample = Template.bind({});\nFieldHintExample.args = {\n  value: 'This is a FieldHint',\n  loading: false,\n  ...defaultArgs,\n};\n\nexport const LoadingFieldHint = Template.bind({});\nLoadingFieldHint.args = {\n  value: '',\n  loading: true,\n  ...defaultArgs,\n};\n"],"mappings":";;AAQA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,OAAO,EACL,SAAS,OACX;EACA,sBAAsB,EACpB,SAAS,OACX;CACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAEM,KAAqC,MAAS,kBAAC,GAAD,EAAW,GAAI,EAAO,CAAA,GAEpE,IAAuC,EAC3C,sBAAsB,oBACxB,GAEa,IAAmB,EAAS,KAAK,CAAC,CAAC;AAChD,EAAiB,OAAO;CACtB,OAAO;CACP,SAAS;CACT,GAAG;AACL;AAEA,IAAa,IAAmB,EAAS,KAAK,CAAC,CAAC;AAChD,EAAiB,OAAO;CACtB,OAAO;CACP,SAAS;CACT,GAAG;AACL"}

package/dist/components/FieldHint/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../FieldHint-fxnEOsVZ.js";
+import { t as e } from "../../FieldHint-FEBzgLI_.js";
 export { e as FieldHint };

package/dist/components/Fieldset/Fieldset.d.ts

@@ -10,4 +10,4 @@ export interface FieldsetProps {
     legend: string;
 }
 /** Represents a component to show a collection of form field elements. */
-export declare const Fieldset: ({ inline, legend, description, descriptionId, children, }: PropsWithChildren<FieldsetProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const Fieldset: ({ inline, legend, description, descriptionId, children, }: PropsWithChildren<FieldsetProps>) => import("react").JSX.Element;

package/dist/components/Fieldset/Fieldset.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Fieldset-0LFsZ3Mz.js";
+import { t as e } from "../../Fieldset-D01_rj_p.js";
 export { e as Fieldset };

package/dist/components/Fieldset/Fieldset.stories.js

@@ -1,8 +1,8 @@
-import { t as e } from "../../Label-o0BcWTUS.js";
-import { t } from "../../Fieldset-0LFsZ3Mz.js";
-import { t as n } from "../../FormField-BZSoQdp9.js";
-import { t as r } from "../../InputField-BWAy19w9.js";
-import { t as i } from "../../Container-BLjtYDqq.js";
+import { t as e } from "../../Label-D0ACrYG3.js";
+import { t } from "../../Fieldset-D01_rj_p.js";
+import { t as n } from "../../FormField-CcV84TfI.js";
+import { t as r } from "../../InputField-T01uazlI.js";
+import { t as i } from "../../Container-DK25h_-f.js";
 import "../../storyComponents/Container/index.js";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 var s = {

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

@@ -1 +1 @@
-{"version":3,"file":"Fieldset.stories.js","names":[],"sources":["../../../src/components/Fieldset/Fieldset.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { PropsWithChildren } from 'react';\nimport type { FieldsetProps } from './Fieldset';\n\nimport { Fieldset } from './Fieldset';\n\nimport { InputField } from 'components/InputField';\nimport { Label } from 'components/Label';\nimport { Container } from 'storyComponents/Container';\nimport { FormField } from 'components/FormField';\n\nconst codeString = '<Fieldset legend={legend} description={description}>{children}</Fieldset>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Fieldset',\n  component: Fieldset,\n  argTypes: {\n    descriptionId: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: Fieldset,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<FieldsetProps>>;\n\nconst Template: StoryFn<PropsWithChildren<FieldsetProps>> = (args) => (\n  <Container size=\"large\">\n    <Fieldset {...args}>\n      <FormField>\n        <Label htmlFor=\"d6aa53fd\">Example label 1</Label>\n        <InputField id=\"d6aa53fd\" />\n      </FormField>\n      <FormField>\n        <Label htmlFor=\"4e7a2f22\">Example label 2</Label>\n        <InputField id=\"4e7a2f22\" />\n      </FormField>\n    </Fieldset>\n  </Container>\n);\n\nconst defaultArgs: Partial<PropsWithChildren<FieldsetProps>> = {\n  legend: 'Fieldset example',\n  inline: false,\n};\n\nexport const FieldsetExample = Template.bind({});\nFieldsetExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithDescriptionExample = Template.bind({});\nWithDescriptionExample.args = {\n  ...defaultArgs,\n  description: 'A Fieldset groups several controls as well as labels',\n};\n"],"mappings":";;;;;;;AAcA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,eAAe,EACb,OAAO,EACL,SAAS,IACV,EACF,EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAAuD,MAC3D,kBAAC,GAAD;CAAW,MAAK;WACd,kBAAC,GAAD;EAAU,GAAI;YAAd,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GAAO,SAAQ;aAAW;GAAuB,CAAA,EACjD,kBAAC,GAAD,EAAY,IAAG,YAAa,CAAA,CAClB,EAAA,CAAA,EACZ,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GAAO,SAAQ;aAAW;GAAuB,CAAA,EACjD,kBAAC,GAAD,EAAY,IAAG,YAAa,CAAA,CAClB,EAAA,CAAA,CACH;;CACD,CAAA,EAGR,IAAyD;CAC7D,QAAQ;CACR,QAAQ;CACT,EAEY,IAAkB,EAAS,KAAK,EAAE,CAAC;AAChD,EAAgB,OAAO,EACrB,GAAG,GACJ;AAED,IAAa,IAAyB,EAAS,KAAK,EAAE,CAAC;AACvD,EAAuB,OAAO;CAC5B,GAAG;CACH,aAAa;CACd"}
+{"version":3,"file":"Fieldset.stories.js","names":[],"sources":["../../../src/components/Fieldset/Fieldset.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { PropsWithChildren } from 'react';\nimport type { FieldsetProps } from './Fieldset';\n\nimport { Fieldset } from './Fieldset';\n\nimport { InputField } from 'components/InputField';\nimport { Label } from 'components/Label';\nimport { Container } from 'storyComponents/Container';\nimport { FormField } from 'components/FormField';\n\nconst codeString = '<Fieldset legend={legend} description={description}>{children}</Fieldset>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Fieldset',\n  component: Fieldset,\n  argTypes: {\n    descriptionId: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: Fieldset,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<FieldsetProps>>;\n\nconst Template: StoryFn<PropsWithChildren<FieldsetProps>> = (args) => (\n  <Container size=\"large\">\n    <Fieldset {...args}>\n      <FormField>\n        <Label htmlFor=\"d6aa53fd\">Example label 1</Label>\n        <InputField id=\"d6aa53fd\" />\n      </FormField>\n      <FormField>\n        <Label htmlFor=\"4e7a2f22\">Example label 2</Label>\n        <InputField id=\"4e7a2f22\" />\n      </FormField>\n    </Fieldset>\n  </Container>\n);\n\nconst defaultArgs: Partial<PropsWithChildren<FieldsetProps>> = {\n  legend: 'Fieldset example',\n  inline: false,\n};\n\nexport const FieldsetExample = Template.bind({});\nFieldsetExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithDescriptionExample = Template.bind({});\nWithDescriptionExample.args = {\n  ...defaultArgs,\n  description: 'A Fieldset groups several controls as well as labels',\n};\n"],"mappings":";;;;;;;AAcA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,eAAe,EACb,OAAO,EACL,SAAS,GACX,EACF,EACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAEM,KAAuD,MAC3D,kBAAC,GAAD;CAAW,MAAK;WACd,kBAAC,GAAD;EAAU,GAAI;YAAd,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GAAO,SAAQ;aAAW;EAAsB,CAAA,GAChD,kBAAC,GAAD,EAAY,IAAG,WAAY,CAAA,CAClB,EAAA,CAAA,GACX,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GAAO,SAAQ;aAAW;EAAsB,CAAA,GAChD,kBAAC,GAAD,EAAY,IAAG,WAAY,CAAA,CAClB,EAAA,CAAA,CACH;;AACD,CAAA,GAGP,IAAyD;CAC7D,QAAQ;CACR,QAAQ;AACV,GAEa,IAAkB,EAAS,KAAK,CAAC,CAAC;AAC/C,EAAgB,OAAO,EACrB,GAAG,EACL;AAEA,IAAa,IAAyB,EAAS,KAAK,CAAC,CAAC;AACtD,EAAuB,OAAO;CAC5B,GAAG;CACH,aAAa;AACf"}

package/dist/components/Fieldset/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Fieldset-0LFsZ3Mz.js";
+import { t as e } from "../../Fieldset-D01_rj_p.js";
 export { e as Fieldset };

package/dist/components/FormField/FormField.d.ts

@@ -8,4 +8,4 @@ export interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {
     alignStart?: boolean;
 }
 /** Represents an element to wrap a label and input field. */
-export declare const FormField: ({ children, outerSpace, inline, alignStart, ...rest }: PropsWithChildren<FormFieldProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormField: ({ children, outerSpace, inline, alignStart, ...rest }: PropsWithChildren<FormFieldProps>) => import("react").JSX.Element;

package/dist/components/FormField/FormField.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../FormField-BZSoQdp9.js";
+import { t as e } from "../../FormField-CcV84TfI.js";
 export { e as FormField };

package/dist/components/FormField/FormField.stories.js

@@ -1,7 +1,7 @@
-import { t as e } from "../../Label-o0BcWTUS.js";
-import { t } from "../../FormField-BZSoQdp9.js";
-import { t as n } from "../../InputField-BWAy19w9.js";
-import { t as r } from "../../Container-BLjtYDqq.js";
+import { t as e } from "../../Label-D0ACrYG3.js";
+import { t } from "../../FormField-CcV84TfI.js";
+import { t as n } from "../../InputField-T01uazlI.js";
+import { t as r } from "../../Container-DK25h_-f.js";
 import "../../storyComponents/Container/index.js";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 var o = {

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

@@ -1 +1 @@
-{"version":3,"file":"FormField.stories.js","names":[],"sources":["../../../src/components/FormField/FormField.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { PropsWithChildren } from 'react';\nimport type { FormFieldProps } from './FormField';\n\nimport { FormField } from './FormField';\n\nimport { InputField } from 'components/InputField';\nimport { Label } from 'components/Label';\nimport { Container } from 'storyComponents/Container';\n\nconst codeString = '<FormField>{children}</FormField>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/FormField',\n  component: FormField,\n  argTypes: {\n    outerSpace: {\n      control: 'boolean',\n    },\n    inline: {\n      control: 'boolean',\n    },\n    alignStart: {\n      control: 'boolean',\n    },\n  },\n  parameters: {\n    inspectComponent: FormField,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<FormFieldProps>>;\n\nconst Template: StoryFn<PropsWithChildren<FormFieldProps>> = (args) => (\n  <Container>\n    <FormField {...args}>\n      <Label htmlFor=\"d6aa53fd\">Example label</Label>\n      <InputField id=\"d6aa53fd\" />\n    </FormField>\n    <FormField {...args}>\n      <Label htmlFor=\"4e7a2f22\">Example very very very long label to display input alingment compared to label</Label>\n      <InputField id=\"4e7a2f22\" />\n    </FormField>\n  </Container>\n);\n\nconst defaultArgs: Partial<PropsWithChildren<FormFieldProps>> = {\n  outerSpace: false,\n  inline: false,\n  alignStart: false,\n};\n\nexport const FormFieldExample = Template.bind({});\nFormFieldExample.args = {\n  ...defaultArgs,\n};\n"],"mappings":";;;;;;AAaA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,YAAY,EACV,SAAS,WACV;EACD,QAAQ,EACN,SAAS,WACV;EACD,YAAY,EACV,SAAS,WACV;EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAAwD,MAC5D,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;CAAW,GAAI;WAAf,CACE,kBAAC,GAAD;EAAO,SAAQ;YAAW;EAAqB,CAAA,EAC/C,kBAAC,GAAD,EAAY,IAAG,YAAa,CAAA,CAClB;IACZ,kBAAC,GAAD;CAAW,GAAI;WAAf,CACE,kBAAC,GAAD;EAAO,SAAQ;YAAW;EAAsF,CAAA,EAChH,kBAAC,GAAD,EAAY,IAAG,YAAa,CAAA,CAClB;GACF,EAAA,CAAA,EAGR,IAA0D;CAC9D,YAAY;CACZ,QAAQ;CACR,YAAY;CACb,EAEY,IAAmB,EAAS,KAAK,EAAE,CAAC;AACjD,EAAiB,OAAO,EACtB,GAAG,GACJ"}
+{"version":3,"file":"FormField.stories.js","names":[],"sources":["../../../src/components/FormField/FormField.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { PropsWithChildren } from 'react';\nimport type { FormFieldProps } from './FormField';\n\nimport { FormField } from './FormField';\n\nimport { InputField } from 'components/InputField';\nimport { Label } from 'components/Label';\nimport { Container } from 'storyComponents/Container';\n\nconst codeString = '<FormField>{children}</FormField>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/FormField',\n  component: FormField,\n  argTypes: {\n    outerSpace: {\n      control: 'boolean',\n    },\n    inline: {\n      control: 'boolean',\n    },\n    alignStart: {\n      control: 'boolean',\n    },\n  },\n  parameters: {\n    inspectComponent: FormField,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<FormFieldProps>>;\n\nconst Template: StoryFn<PropsWithChildren<FormFieldProps>> = (args) => (\n  <Container>\n    <FormField {...args}>\n      <Label htmlFor=\"d6aa53fd\">Example label</Label>\n      <InputField id=\"d6aa53fd\" />\n    </FormField>\n    <FormField {...args}>\n      <Label htmlFor=\"4e7a2f22\">Example very very very long label to display input alingment compared to label</Label>\n      <InputField id=\"4e7a2f22\" />\n    </FormField>\n  </Container>\n);\n\nconst defaultArgs: Partial<PropsWithChildren<FormFieldProps>> = {\n  outerSpace: false,\n  inline: false,\n  alignStart: false,\n};\n\nexport const FormFieldExample = Template.bind({});\nFormFieldExample.args = {\n  ...defaultArgs,\n};\n"],"mappings":";;;;;;AAaA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,YAAY,EACV,SAAS,UACX;EACA,QAAQ,EACN,SAAS,UACX;EACA,YAAY,EACV,SAAS,UACX;CACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAEM,KAAwD,MAC5D,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;CAAW,GAAI;WAAf,CACE,kBAAC,GAAD;EAAO,SAAQ;YAAW;CAAoB,CAAA,GAC9C,kBAAC,GAAD,EAAY,IAAG,WAAY,CAAA,CAClB;IACX,kBAAC,GAAD;CAAW,GAAI;WAAf,CACE,kBAAC,GAAD;EAAO,SAAQ;YAAW;CAAqF,CAAA,GAC/G,kBAAC,GAAD,EAAY,IAAG,WAAY,CAAA,CAClB;EACF,EAAA,CAAA,GAGP,IAA0D;CAC9D,YAAY;CACZ,QAAQ;CACR,YAAY;AACd,GAEa,IAAmB,EAAS,KAAK,CAAC,CAAC;AAChD,EAAiB,OAAO,EACtB,GAAG,EACL"}

package/dist/components/FormField/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../FormField-BZSoQdp9.js";
+import { t as e } from "../../FormField-CcV84TfI.js";
 export { e as FormField };

package/dist/components/FormInput/FormInput.d.ts

@@ -23,4 +23,4 @@ export interface FormInputProps {
     /** Optional custom input that will replace the default input */
     customInput?: ReactNode;
 }
-export declare const FormInput: ({ id, label, labelPosition, type, required, notValid, notValidatedText, onChange, maxLength, noContainer, customInput, }: FormInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FormInput: ({ id, label, labelPosition, type, required, notValid, notValidatedText, onChange, maxLength, noContainer, customInput, }: FormInputProps) => import("react").JSX.Element;

package/dist/components/FormInput/FormInput.js

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

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

@@ -1,5 +1,5 @@
-import { r as e } from "../../test-Pa9Lwbsq.js";
-import { m as t } from "../../components-BzxAULjf.js";
+import { r as e } from "../../test-Bd7kXF_B.js";
+import { m as t } from "../../components-D6_Sx8Hs.js";
 import { SelectListbox as n } from "../SelectListbox/SelectListbox.js";
 import { jsx as r } from "react/jsx-runtime";
 var i = {

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

@@ -1 +1 @@
-{"version":3,"file":"FormInput.stories.js","names":[],"sources":["../../../src/components/FormInput/FormInput.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { FormInputProps } from './FormInput';\n\nimport { FormInput } from './FormInput';\n\nimport { SelectListbox } from 'components/SelectListbox';\n\nconst codeString = `\n// Has all HTMLInputElement props available except \"className\" and \"style\" \n<FormInput  />\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/FormInput',\n  component: FormInput,\n  argTypes: {},\n  args: {},\n  parameters: {\n    inspectComponent: FormInput,\n    codeString: codeString,\n  },\n} as Meta<FormInputProps>;\n\nconst Template: StoryFn<FormInputProps> = (args) => {\n  return <FormInput {...args} />;\n};\n\nexport const FromInputExample = Template.bind({});\n\nFromInputExample.args = {\n  id: 'vak',\n  label: 'Vaknaam (NL)',\n  labelPosition: 'left',\n  required: true,\n  onChange: fn(),\n};\n\nexport const WithCustomInputExample = Template.bind({});\n\nconst mockOptions = [\n  { label: 'English', value: 'EN' },\n  { label: 'Dutch', value: 'NL' },\n  { label: 'German', value: 'DE' },\n  { label: 'Danish', value: 'DK' },\n];\n\nWithCustomInputExample.args = {\n  id: 'language',\n  label: 'Language',\n  labelPosition: 'left',\n  required: true,\n  customInput: (\n    <SelectListbox options={mockOptions} defaultValue=\"NL\" size=\"medium\">\n      {mockOptions.map(({ label, value }, index) => (\n        <SelectListbox.SelectOption option={{ label, value }} index={index} key={value}>\n          {label}\n        </SelectListbox.SelectOption>\n      ))}\n    </SelectListbox>\n  ),\n};\n"],"mappings":";;;;AAeA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EAAE;CACZ,MAAM,EAAE;CACR,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAAqC,MAClC,kBAAC,GAAD,EAAW,GAAI,GAAQ,CAAA,EAGnB,IAAmB,EAAS,KAAK,EAAE,CAAC;AAEjD,EAAiB,OAAO;CACtB,IAAI;CACJ,OAAO;CACP,eAAe;CACf,UAAU;CACV,UAAU,GAAI;CACf;AAED,IAAa,IAAyB,EAAS,KAAK,EAAE,CAAC,EAEjD,IAAc;CAClB;EAAE,OAAO;EAAW,OAAO;EAAM;CACjC;EAAE,OAAO;EAAS,OAAO;EAAM;CAC/B;EAAE,OAAO;EAAU,OAAO;EAAM;CAChC;EAAE,OAAO;EAAU,OAAO;EAAM;CACjC;AAED,EAAuB,OAAO;CAC5B,IAAI;CACJ,OAAO;CACP,eAAe;CACf,UAAU;CACV,aACE,kBAAC,GAAD;EAAe,SAAS;EAAa,cAAa;EAAK,MAAK;YACzD,EAAY,KAAK,EAAE,UAAO,YAAS,MAClC,kBAAC,EAAc,cAAf;GAA4B,QAAQ;IAAE;IAAO;IAAO;GAAS;aAC1D;GAC0B,EAF4C,EAE5C,CAC7B;EACY,CAAA;CAEnB"}
+{"version":3,"file":"FormInput.stories.js","names":[],"sources":["../../../src/components/FormInput/FormInput.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { FormInputProps } from './FormInput';\n\nimport { FormInput } from './FormInput';\n\nimport { SelectListbox } from 'components/SelectListbox';\n\nconst codeString = `\n// Has all HTMLInputElement props available except \"className\" and \"style\" \n<FormInput  />\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/FormInput',\n  component: FormInput,\n  argTypes: {},\n  args: {},\n  parameters: {\n    inspectComponent: FormInput,\n    codeString: codeString,\n  },\n} as Meta<FormInputProps>;\n\nconst Template: StoryFn<FormInputProps> = (args) => {\n  return <FormInput {...args} />;\n};\n\nexport const FromInputExample = Template.bind({});\n\nFromInputExample.args = {\n  id: 'vak',\n  label: 'Vaknaam (NL)',\n  labelPosition: 'left',\n  required: true,\n  onChange: fn(),\n};\n\nexport const WithCustomInputExample = Template.bind({});\n\nconst mockOptions = [\n  { label: 'English', value: 'EN' },\n  { label: 'Dutch', value: 'NL' },\n  { label: 'German', value: 'DE' },\n  { label: 'Danish', value: 'DK' },\n];\n\nWithCustomInputExample.args = {\n  id: 'language',\n  label: 'Language',\n  labelPosition: 'left',\n  required: true,\n  customInput: (\n    <SelectListbox options={mockOptions} defaultValue=\"NL\" size=\"medium\">\n      {mockOptions.map(({ label, value }, index) => (\n        <SelectListbox.SelectOption option={{ label, value }} index={index} key={value}>\n          {label}\n        </SelectListbox.SelectOption>\n      ))}\n    </SelectListbox>\n  ),\n};\n"],"mappings":";;;;AAeA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,CAAC;CACX,MAAM,CAAC;CACP,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAEM,KAAqC,MAClC,kBAAC,GAAD,EAAW,GAAI,EAAO,CAAA,GAGlB,IAAmB,EAAS,KAAK,CAAC,CAAC;AAEhD,EAAiB,OAAO;CACtB,IAAI;CACJ,OAAO;CACP,eAAe;CACf,UAAU;CACV,UAAU,EAAG;AACf;AAEA,IAAa,IAAyB,EAAS,KAAK,CAAC,CAAC,GAEhD,IAAc;CAClB;EAAE,OAAO;EAAW,OAAO;CAAK;CAChC;EAAE,OAAO;EAAS,OAAO;CAAK;CAC9B;EAAE,OAAO;EAAU,OAAO;CAAK;CAC/B;EAAE,OAAO;EAAU,OAAO;CAAK;AACjC;AAEA,EAAuB,OAAO;CAC5B,IAAI;CACJ,OAAO;CACP,eAAe;CACf,UAAU;CACV,aACE,kBAAC,GAAD;EAAe,SAAS;EAAa,cAAa;EAAK,MAAK;YACzD,EAAY,KAAK,EAAE,UAAO,YAAS,MAClC,kBAAC,EAAc,cAAf;GAA4B,QAAQ;IAAE;IAAO;GAAM;GAAU;aAC1D;EACyB,GAF6C,CAE7C,CAC7B;CACY,CAAA;AAEnB"}

package/dist/components/FormInput/index.js

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