@uva-glass/component-library 1.40.3 → 1.41.0

package/dist/{MultiSelect-Blc_VDxu.js → MultiSelect-CkfmzGsn.js}

@@ -1,6 +1,6 @@
 import { jsxs as s, jsx as l, Fragment as a } from "react/jsx-runtime";
 import { c as m } from "./clsx-OuTLNxxd.js";
-import { s as t, M as u } from "./MultiSelectItem-CPf7drsR.js";
+import { s as t, M as u } from "./MultiSelectItem-BKDbs8D_.js";
 import { Label as n } from "./components/Label/Label.js";
 import "react";
 import { Button as p } from "./components/Button/Button.js";
@@ -44,4 +44,4 @@ export {
   o as M,
   d as a
 };
-//# sourceMappingURL=MultiSelect-Blc_VDxu.js.map
+//# sourceMappingURL=MultiSelect-CkfmzGsn.js.map

package/dist/{MultiSelect-Blc_VDxu.js.map → MultiSelect-CkfmzGsn.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect-Blc_VDxu.js","sources":["../src/components/MultiSelect/components/MultiSelectHeader.tsx","../src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import styles from 'components/MultiSelect/MultiSelect.module.css';\nimport { Label } from 'components/Label';\nimport { Button } from 'components';\n\nexport interface MultiSelectHeaderProps {\n  label: string;\n  clearTrigger?: string;\n  onClear?: () => void;\n}\n\nexport function MultiSelectHeader({ label, clearTrigger, onClear }: MultiSelectHeaderProps) {\n  return (\n    <header className={styles['multi-select__header']}>\n      <Label htmlFor=\"multi-select-list\">{label}</Label>\n      {clearTrigger && (\n        <Button variant={'blank'} onClick={onClear}>\n          {clearTrigger}\n        </Button>\n      )}\n    </header>\n  );\n}\n","import clsx from 'clsx';\n\nimport type { PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './MultiSelect.module.css';\n\nimport { MultiSelectItem } from 'components/MultiSelect/components/MultiSelectItem';\nimport { MultiSelectHeader } from 'components/MultiSelect/components/MultiSelectHeader';\nexport interface MultiSelectProps {\n  scrollable?: boolean;\n  noBorder?: boolean;\n  header?: ReactNode;\n}\n\nexport const MultiSelect = ({ scrollable = true, noBorder, header, children }: PropsWithChildren<MultiSelectProps>) => (\n  <>\n    {header}\n    <div\n      className={clsx(styles['multi-select'], {\n        [styles['multi-select--no-border']]: noBorder,\n      })}\n    >\n      <ul\n        className={clsx(styles['multi-select__list'], {\n          [styles['multi-select__list--scrollable']]: scrollable,\n        })}\n        id=\"multi-select-list\"\n      >\n        {children}\n      </ul>\n    </div>\n  </>\n);\n\nMultiSelect.MultiSelectHeader = MultiSelectHeader;\nMultiSelect.MultiSelectItem = MultiSelectItem;\n"],"names":["MultiSelectHeader","label","clearTrigger","onClear","jsxs","styles","jsx","Label","Button","MultiSelect","scrollable","noBorder","header","children","Fragment","clsx","MultiSelectItem"],"mappings":";;;;;;;;;;;;;AAUO,SAASA,EAAkB,EAAE,OAAAC,GAAO,cAAAC,GAAc,SAAAC,KAAmC;AAC1F,SACG,gBAAAC,EAAA,UAAA,EAAO,WAAWC,EAAO,sBAAsB,GAC9C,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAM,SAAQ,qBAAqB,UAAMN,GAAA;AAAA,IACzCC,KACE,gBAAAI,EAAAE,GAAA,EAAO,SAAS,SAAS,SAASL,GAChC,UACHD,GAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;ACPa,MAAAO,IAAc,CAAC,EAAE,YAAAC,IAAa,IAAM,UAAAC,GAAU,QAAAC,GAAQ,UAAAC,QAE9D,gBAAAT,EAAAU,GAAA,EAAA,UAAA;AAAA,EAAAF;AAAA,EACD,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWS,EAAKV,EAAO,cAAc,GAAG;AAAA,QACtC,CAACA,EAAO,yBAAyB,CAAC,GAAGM;AAAA,MAAA,CACtC;AAAA,MAED,UAAA,gBAAAL;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWS,EAAKV,EAAO,oBAAoB,GAAG;AAAA,YAC5C,CAACA,EAAO,gCAAgC,CAAC,GAAGK;AAAA,UAAA,CAC7C;AAAA,UACD,IAAG;AAAA,UAEF,UAAAG;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EACF;AAAA,GACF;AAGFJ,EAAY,oBAAoBT;AAChCS,EAAY,kBAAkBO;"}
+{"version":3,"file":"MultiSelect-CkfmzGsn.js","sources":["../src/components/MultiSelect/components/MultiSelectHeader.tsx","../src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import styles from 'components/MultiSelect/MultiSelect.module.css';\nimport { Label } from 'components/Label';\nimport { Button } from 'components';\n\nexport interface MultiSelectHeaderProps {\n  label: string;\n  clearTrigger?: string;\n  onClear?: () => void;\n}\n\nexport function MultiSelectHeader({ label, clearTrigger, onClear }: MultiSelectHeaderProps) {\n  return (\n    <header className={styles['multi-select__header']}>\n      <Label htmlFor=\"multi-select-list\">{label}</Label>\n      {clearTrigger && (\n        <Button variant={'blank'} onClick={onClear}>\n          {clearTrigger}\n        </Button>\n      )}\n    </header>\n  );\n}\n","import clsx from 'clsx';\n\nimport type { PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './MultiSelect.module.css';\n\nimport { MultiSelectItem } from 'components/MultiSelect/components/MultiSelectItem';\nimport { MultiSelectHeader } from 'components/MultiSelect/components/MultiSelectHeader';\nexport interface MultiSelectProps {\n  scrollable?: boolean;\n  noBorder?: boolean;\n  header?: ReactNode;\n}\n\nexport const MultiSelect = ({ scrollable = true, noBorder, header, children }: PropsWithChildren<MultiSelectProps>) => (\n  <>\n    {header}\n    <div\n      className={clsx(styles['multi-select'], {\n        [styles['multi-select--no-border']]: noBorder,\n      })}\n    >\n      <ul\n        className={clsx(styles['multi-select__list'], {\n          [styles['multi-select__list--scrollable']]: scrollable,\n        })}\n        id=\"multi-select-list\"\n      >\n        {children}\n      </ul>\n    </div>\n  </>\n);\n\nMultiSelect.MultiSelectHeader = MultiSelectHeader;\nMultiSelect.MultiSelectItem = MultiSelectItem;\n"],"names":["MultiSelectHeader","label","clearTrigger","onClear","jsxs","styles","jsx","Label","Button","MultiSelect","scrollable","noBorder","header","children","Fragment","clsx","MultiSelectItem"],"mappings":";;;;;;;;;;;;;AAUO,SAASA,EAAkB,EAAE,OAAAC,GAAO,cAAAC,GAAc,SAAAC,KAAmC;AAC1F,SACG,gBAAAC,EAAA,UAAA,EAAO,WAAWC,EAAO,sBAAsB,GAC9C,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAM,SAAQ,qBAAqB,UAAMN,GAAA;AAAA,IACzCC,KACE,gBAAAI,EAAAE,GAAA,EAAO,SAAS,SAAS,SAASL,GAChC,UACHD,GAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;ACPa,MAAAO,IAAc,CAAC,EAAE,YAAAC,IAAa,IAAM,UAAAC,GAAU,QAAAC,GAAQ,UAAAC,QAE9D,gBAAAT,EAAAU,GAAA,EAAA,UAAA;AAAA,EAAAF;AAAA,EACD,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWS,EAAKV,EAAO,cAAc,GAAG;AAAA,QACtC,CAACA,EAAO,yBAAyB,CAAC,GAAGM;AAAA,MAAA,CACtC;AAAA,MAED,UAAA,gBAAAL;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWS,EAAKV,EAAO,oBAAoB,GAAG;AAAA,YAC5C,CAACA,EAAO,gCAAgC,CAAC,GAAGK;AAAA,UAAA,CAC7C;AAAA,UACD,IAAG;AAAA,UAEF,UAAAG;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EACF;AAAA,GACF;AAGFJ,EAAY,oBAAoBT;AAChCS,EAAY,kBAAkBO;"}

package/dist/MultiSelectItem-BKDbs8D_.js

@@ -0,0 +1,24 @@
+import { jsxs as o, jsx as l } from "react/jsx-runtime";
+import { useId as r } from "react";
+import { Checkbox as c } from "./components/Checkbox/Checkbox.js";
+import { Label as u } from "./components/Label/Label.js";
+import './assets/MultiSelectItem.css';const b = {
+  "multi-select": "_multi-select_1t0b0_1",
+  "multi-select--no-border": "_multi-select--no-border_1t0b0_7",
+  "multi-select__header": "_multi-select__header_1t0b0_12",
+  "multi-select__list": "_multi-select__list_1t0b0_18",
+  "multi-select__list--scrollable": "_multi-select__list--scrollable_1t0b0_27",
+  "multi-select__item": "_multi-select__item_1t0b0_32"
+};
+function h({ label: _, value: s, checked: t, disabled: i = !1, onChange: m }) {
+  const e = r();
+  return /* @__PURE__ */ o("li", { className: b["multi-select__item"], children: [
+    /* @__PURE__ */ l(c, { id: e, value: s, checked: t, onChange: m, disabled: i }),
+    /* @__PURE__ */ l(u, { htmlFor: e, noFontWeight: !t, children: _ })
+  ] });
+}
+export {
+  h as M,
+  b as s
+};
+//# sourceMappingURL=MultiSelectItem-BKDbs8D_.js.map

package/dist/{MultiSelectItem-CPf7drsR.js.map → MultiSelectItem-BKDbs8D_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectItem-CPf7drsR.js","sources":["../src/components/MultiSelect/components/MultiSelectItem.tsx"],"sourcesContent":["import { useId } from 'react';\n\nimport type { ChangeEvent } from 'react';\n\nimport styles from 'components/MultiSelect/MultiSelect.module.css';\nimport { Checkbox } from 'components/Checkbox';\nimport { Label } from 'components/Label';\n\nexport interface MultiSelectItemProps {\n  label: string;\n  value: string | number;\n  checked: boolean;\n  disabled?: boolean;\n  onChange(event: ChangeEvent<HTMLInputElement>): void;\n}\n\nexport function MultiSelectItem({ label, value, checked, disabled = false, onChange }: MultiSelectItemProps) {\n  const id = useId();\n\n  return (\n    <li className={styles['multi-select__item']}>\n      <Checkbox id={id} value={value} checked={checked} onChange={onChange} disabled={disabled} />\n      <Label htmlFor={id} noFontWeight={!checked}>\n        {label}\n      </Label>\n    </li>\n  );\n}\n"],"names":["MultiSelectItem","label","value","checked","disabled","onChange","id","useId","jsxs","styles","jsx","Checkbox","Label"],"mappings":";;;;;;;;;;;;AAgBgB,SAAAA,EAAgB,EAAE,OAAAC,GAAO,OAAAC,GAAO,SAAAC,GAAS,UAAAC,IAAW,IAAO,UAAAC,KAAkC;AAC3G,QAAMC,IAAKC;AAEX,SACG,gBAAAC,EAAA,MAAA,EAAG,WAAWC,EAAO,oBAAoB,GACxC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAS,EAAA,IAAAL,GAAQ,OAAAJ,GAAc,SAAAC,GAAkB,UAAAE,GAAoB,UAAAD,GAAoB;AAAA,sBACzFQ,GAAM,EAAA,SAASN,GAAI,cAAc,CAACH,GAChC,UACHF,GAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"MultiSelectItem-BKDbs8D_.js","sources":["../src/components/MultiSelect/components/MultiSelectItem.tsx"],"sourcesContent":["import { useId } from 'react';\n\nimport type { ChangeEvent } from 'react';\n\nimport styles from 'components/MultiSelect/MultiSelect.module.css';\nimport { Checkbox } from 'components/Checkbox';\nimport { Label } from 'components/Label';\n\nexport interface MultiSelectItemProps {\n  label: string;\n  value: string | number;\n  checked: boolean;\n  disabled?: boolean;\n  onChange(event: ChangeEvent<HTMLInputElement>): void;\n}\n\nexport function MultiSelectItem({ label, value, checked, disabled = false, onChange }: MultiSelectItemProps) {\n  const id = useId();\n\n  return (\n    <li className={styles['multi-select__item']}>\n      <Checkbox id={id} value={value} checked={checked} onChange={onChange} disabled={disabled} />\n      <Label htmlFor={id} noFontWeight={!checked}>\n        {label}\n      </Label>\n    </li>\n  );\n}\n"],"names":["MultiSelectItem","label","value","checked","disabled","onChange","id","useId","jsxs","styles","jsx","Checkbox","Label"],"mappings":";;;;;;;;;;;;AAgBgB,SAAAA,EAAgB,EAAE,OAAAC,GAAO,OAAAC,GAAO,SAAAC,GAAS,UAAAC,IAAW,IAAO,UAAAC,KAAkC;AAC3G,QAAMC,IAAKC;AAEX,SACG,gBAAAC,EAAA,MAAA,EAAG,WAAWC,EAAO,oBAAoB,GACxC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAS,EAAA,IAAAL,GAAQ,OAAAJ,GAAc,SAAAC,GAAkB,UAAAE,GAAoB,UAAAD,GAAoB;AAAA,sBACzFQ,GAAM,EAAA,SAASN,GAAI,cAAc,CAACH,GAChC,UACHF,GAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/assets/MultiSelectItem.css

@@ -1 +1 @@
-._multi-select_pjfwx_1{border:1px solid var(--color-black);border-radius:var(--border-radius-default);padding:.75rem}._multi-select--no-border_pjfwx_7{border:none;padding:0}._multi-select__header_pjfwx_12{display:flex;justify-content:space-between;margin-bottom:.5rem}._multi-select__list_pjfwx_18{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}._multi-select__list--scrollable_pjfwx_27{max-height:8.75rem;overflow:auto}._multi-select__item_pjfwx_32{align-items:center;display:flex;gap:.75rem;padding-left:.25rem}._multi-select__item_pjfwx_32 input[type=checkbox]{flex-shrink:0}._multi-select__item_pjfwx_32 input[type=checkbox]:disabled+label{color:var(--color-grey-300)}
+._multi-select_1t0b0_1{border:1px solid var(--color-black);border-radius:var(--border-radius-default);padding:.75rem}._multi-select--no-border_1t0b0_7{border:none;padding:0}._multi-select__header_1t0b0_12{display:flex;justify-content:space-between;margin-bottom:.5rem}._multi-select__list_1t0b0_18{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}._multi-select__list--scrollable_1t0b0_27{max-height:8.75rem;overflow:auto}._multi-select__item_1t0b0_32{display:grid;grid-template-columns:auto 1fr;align-items:start;-webkit-user-select:none;user-select:none}._multi-select__item_1t0b0_32 input[type=checkbox]{margin-right:.75rem;margin-top:3px}._multi-select__item_1t0b0_32 input[type=checkbox]:disabled+label{color:var(--color-grey-300)}

package/dist/components/Checkbox/Checkbox.stories.d.ts

@@ -4,3 +4,4 @@ import { CheckboxProps } from './Checkbox';
 declare const _default: Meta<CheckboxProps>;
 export default _default;
 export declare const CheckboxExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckboxProps>;
+export declare const WithLongLabel: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckboxProps>;

package/dist/components/Checkbox/Checkbox.stories.js

@@ -1,20 +1,37 @@
-import { jsxs as t, jsx as o } from "react/jsx-runtime";
-import { f as m } from "../../index-0Faxlks_.js";
-import { Checkbox as e } from "./Checkbox.js";
-import { FormField as i } from "../FormField/FormField.js";
-import { Label as n } from "../Label/Label.js";
-const h = {
+import { jsxs as g, jsx as o } from "react/jsx-runtime";
+import { f as e } from "../../index-0Faxlks_.js";
+import { Checkbox as l } from "./Checkbox.js";
+import { FormField as t } from "../FormField/FormField.js";
+import { Label as i } from "../Label/Label.js";
+const x = {
   title: "Atoms/Checkbox",
-  component: e
-}, s = (r) => /* @__PURE__ */ t(i, { inline: !0, children: [
-  /* @__PURE__ */ o(e, { id: "72103b4d", ...r }),
-  /* @__PURE__ */ o(n, { htmlFor: "72103b4d", children: "Example Checkbox" })
-] }), c = s.bind({});
-c.args = {
-  onChange: m()
+  component: l
+}, r = (n) => /* @__PURE__ */ g(t, { inline: !0, children: [
+  /* @__PURE__ */ o(l, { id: "72103b4d", ...n }),
+  /* @__PURE__ */ o(i, { htmlFor: "72103b4d", children: "Example Checkbox" })
+] }), m = r.bind({});
+m.args = {
+  onChange: e()
+};
+const a = (n) => /* @__PURE__ */ g(t, { inline: !0, children: [
+  /* @__PURE__ */ o(
+    "div",
+    {
+      style: {
+        alignSelf: "flex-start",
+        marginTop: "0.18rem"
+      },
+      children: /* @__PURE__ */ o(l, { id: "72103b4e", ...n })
+    }
+  ),
+  /* @__PURE__ */ o(i, { htmlFor: "72103b4e", children: "Example Checkbox with long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long label" })
+] }), h = a.bind({});
+h.args = {
+  onChange: e()
 };
 export {
-  c as CheckboxExample,
-  h as default
+  m as CheckboxExample,
+  h as WithLongLabel,
+  x as default
 };
 //# sourceMappingURL=Checkbox.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.stories.js","sources":["../../../src/components/Checkbox/Checkbox.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { CheckboxProps } from './Checkbox';\n\nimport { Checkbox } from './Checkbox';\n\nimport { FormField } from 'components/FormField';\nimport { Label } from 'components/Label';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Checkbox',\n  component: Checkbox,\n} as Meta<CheckboxProps>;\n\nconst Template: StoryFn<CheckboxProps> = (args) => (\n  <FormField inline>\n    <Checkbox id=\"72103b4d\" {...args} />\n    <Label htmlFor=\"72103b4d\">Example Checkbox</Label>\n  </FormField>\n);\n\nexport const CheckboxExample = Template.bind({});\nCheckboxExample.args = {\n  onChange: fn(),\n};\n"],"names":["Checkbox_stories","Checkbox","Template","args","jsxs","FormField","jsx","Label","CheckboxExample","fn"],"mappings":";;;;;AAWA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AACb,GAEMC,IAAmC,CAACC,MACvC,gBAAAC,EAAAC,GAAA,EAAU,QAAM,IACf,UAAA;AAAA,EAAA,gBAAAC,EAACL,GAAS,EAAA,IAAG,YAAY,GAAGE,EAAM,CAAA;AAAA,EACjC,gBAAAG,EAAAC,GAAA,EAAM,SAAQ,YAAW,UAAgB,oBAAA;AAAA,EAC5C,CAAA,GAGWC,IAAkBN,EAAS,KAAK,EAAE;AAC/CM,EAAgB,OAAO;AAAA,EACrB,UAAUC,EAAG;AACf;"}
+{"version":3,"file":"Checkbox.stories.js","sources":["../../../src/components/Checkbox/Checkbox.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { CheckboxProps } from './Checkbox';\n\nimport { Checkbox } from './Checkbox';\n\nimport { FormField } from 'components/FormField';\nimport { Label } from 'components/Label';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Checkbox',\n  component: Checkbox,\n} as Meta<CheckboxProps>;\n\nconst Template: StoryFn<CheckboxProps> = (args) => (\n  <FormField inline>\n    <Checkbox id=\"72103b4d\" {...args} />\n    <Label htmlFor=\"72103b4d\">Example Checkbox</Label>\n  </FormField>\n);\n\nexport const CheckboxExample = Template.bind({});\nCheckboxExample.args = {\n  onChange: fn(),\n};\n\n// Extra story created for UX to see how we can solve placement of checkbox when paired with long content\n// TODO: should this component be refactored to always include a label? (see RadioButton)\nconst WithLongLabelTemplate: StoryFn<CheckboxProps> = (args) => (\n  <FormField inline>\n    <div\n      style={{\n        alignSelf: 'flex-start',\n        marginTop: '0.18rem',\n      }}\n    >\n      <Checkbox id=\"72103b4e\" {...args} />\n    </div>\n    <Label htmlFor=\"72103b4e\">\n      Example Checkbox with long long long long long long long long long long long long long long long long long long\n      long long long long long long long long long long long long long long long long long long long long long long long\n      long long long long long long long long long long long long long long long long long long long long long long long\n      long long long long long long long long long long long label\n    </Label>\n  </FormField>\n);\n\nexport const WithLongLabel = WithLongLabelTemplate.bind({});\nWithLongLabel.args = {\n  onChange: fn(),\n};\n"],"names":["Checkbox_stories","Checkbox","Template","args","jsxs","FormField","jsx","Label","CheckboxExample","fn","WithLongLabelTemplate","WithLongLabel"],"mappings":";;;;;AAWA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AACb,GAEMC,IAAmC,CAACC,MACvC,gBAAAC,EAAAC,GAAA,EAAU,QAAM,IACf,UAAA;AAAA,EAAA,gBAAAC,EAACL,GAAS,EAAA,IAAG,YAAY,GAAGE,EAAM,CAAA;AAAA,EACjC,gBAAAG,EAAAC,GAAA,EAAM,SAAQ,YAAW,UAAgB,oBAAA;AAAA,EAC5C,CAAA,GAGWC,IAAkBN,EAAS,KAAK,EAAE;AAC/CM,EAAgB,OAAO;AAAA,EACrB,UAAUC,EAAG;AACf;AAIA,MAAMC,IAAgD,CAACP,MACpD,gBAAAC,EAAAC,GAAA,EAAU,QAAM,IACf,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MAEA,UAAC,gBAAAA,EAAAL,GAAA,EAAS,IAAG,YAAY,GAAGE,GAAM;AAAA,IAAA;AAAA,EACpC;AAAA,EACC,gBAAAG,EAAAC,GAAA,EAAM,SAAQ,YAAW,UAK1B,sZAAA;AAAA,EACF,CAAA,GAGWI,IAAgBD,EAAsB,KAAK,EAAE;AAC1DC,EAAc,OAAO;AAAA,EACnB,UAAUF,EAAG;AACf;"}

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

@@ -9,7 +9,7 @@ import "../OverlayCloseButton/OverlayCloseButton.js";
 import "../GridRow/GridRow.js";
 import "../IconButton/IconButton.js";
 import "../Input/Input.js";
-import "../../MultiSelect-Blc_VDxu.js";
+import "../../MultiSelect-CkfmzGsn.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 const C = (t) => {

package/dist/components/MultiSelect/MultiSelect.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../clsx-OuTLNxxd.js";
-import "../../MultiSelectItem-CPf7drsR.js";
-import { M as p } from "../../MultiSelect-Blc_VDxu.js";
+import "../../MultiSelectItem-BKDbs8D_.js";
+import { M as p } from "../../MultiSelect-CkfmzGsn.js";
 export {
   p as MultiSelect
 };

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

@@ -1,7 +1,7 @@
 import { jsxs as b, jsx as m } from "react/jsx-runtime";
 import { f as d } from "../../index-0Faxlks_.js";
 import { useState as p } from "react";
-import { M as r } from "../../MultiSelect-Blc_VDxu.js";
+import { M as r } from "../../MultiSelect-CkfmzGsn.js";
 import { Container as S } from "../storyComponents/Container/Container.js";
 const T = {
   title: "Organisms/MultiSelect",

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import "../../../MultiSelectItem-CPf7drsR.js";
+import "../../../MultiSelectItem-BKDbs8D_.js";
 import "../../Label/Label.js";
 import "react";
 import "../../Button/Button.js";
@@ -8,7 +8,7 @@ import "../../GridRow/GridRow.js";
 import "../../IconButton/IconButton.js";
 import "../../Input/Input.js";
 import "../../InputField/InputField.js";
-import { a as x } from "../../../MultiSelect-Blc_VDxu.js";
+import { a as x } from "../../../MultiSelect-CkfmzGsn.js";
 import "../../SelectListbox/SelectListbox.js";
 import "../../SelectListbox/SelectProvider.js";
 export {

package/dist/components/MultiSelect/components/MultiSelectItem.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { M as e } from "../../../MultiSelectItem-CPf7drsR.js";
+import { M as e } from "../../../MultiSelectItem-BKDbs8D_.js";
 import "../../Checkbox/Checkbox.js";
 import "../../Label/Label.js";
 export {

package/dist/components/MultiSelect/index.js

@@ -1,4 +1,4 @@
-import { M as l } from "../../MultiSelect-Blc_VDxu.js";
+import { M as l } from "../../MultiSelect-CkfmzGsn.js";
 export {
   l as MultiSelect
 };

package/dist/components/ProgrammeCard/ProgrammeCard.stories.js

@@ -10,7 +10,7 @@ import "../GridRow/GridRow.js";
 import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
-import "../../MultiSelect-Blc_VDxu.js";
+import "../../MultiSelect-CkfmzGsn.js";
 import { Repeater as i } from "../Repeater/Repeater.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";

package/dist/components/index.js

@@ -23,7 +23,7 @@ import { MenuButton as K } from "./MenuButton/MenuButton.js";
 import { M as U } from "../MenuLink-CSnr2Az4.js";
 import { MetaDataList as W } from "./MetaDataList/MetaDataList.js";
 import { ModalDialog as Y } from "./ModalDialog/ModalDialog.js";
-import { M as _ } from "../MultiSelect-Blc_VDxu.js";
+import { M as _ } from "../MultiSelect-CkfmzGsn.js";
 import { OverlayCloseButton as oo } from "./OverlayCloseButton/OverlayCloseButton.js";
 import { Periods as to } from "./Periods/Periods.js";
 import { ProgrammeCard as po } from "./ProgrammeCard/ProgrammeCard.js";

package/dist/index.js

@@ -23,7 +23,7 @@ import { MenuButton as K } from "./components/MenuButton/MenuButton.js";
 import { M as U } from "./MenuLink-CSnr2Az4.js";
 import { MetaDataList as W } from "./components/MetaDataList/MetaDataList.js";
 import { ModalDialog as Y } from "./components/ModalDialog/ModalDialog.js";
-import { M as _ } from "./MultiSelect-Blc_VDxu.js";
+import { M as _ } from "./MultiSelect-CkfmzGsn.js";
 import { OverlayCloseButton as oo } from "./components/OverlayCloseButton/OverlayCloseButton.js";
 import { Periods as to } from "./components/Periods/Periods.js";
 import { ProgrammeCard as po } from "./components/ProgrammeCard/ProgrammeCard.js";

package/package.json

@@ -2,7 +2,7 @@
   "name": "@uva-glass/component-library",
   "author": "Team Glass - Frontend vrienden",
   "private": false,
-  "version": "1.40.3",
+  "version": "1.41.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -55,7 +55,7 @@
     "@storybook/react": "^8.2.6",
     "@storybook/react-vite": "^8.2.6",
     "@storybook/test": "^8.2.6",
-    "@types/node": "^20.14.12",
+    "@types/node": "^20.14.13",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@typescript-eslint/eslint-plugin": "^7.17.0",

package/dist/MultiSelectItem-CPf7drsR.js

@@ -1,24 +0,0 @@
-import { jsxs as o, jsx as l } from "react/jsx-runtime";
-import { useId as r } from "react";
-import { Checkbox as c } from "./components/Checkbox/Checkbox.js";
-import { Label as u } from "./components/Label/Label.js";
-import './assets/MultiSelectItem.css';const f = {
-  "multi-select": "_multi-select_pjfwx_1",
-  "multi-select--no-border": "_multi-select--no-border_pjfwx_7",
-  "multi-select__header": "_multi-select__header_pjfwx_12",
-  "multi-select__list": "_multi-select__list_pjfwx_18",
-  "multi-select__list--scrollable": "_multi-select__list--scrollable_pjfwx_27",
-  "multi-select__item": "_multi-select__item_pjfwx_32"
-};
-function j({ label: _, value: s, checked: e, disabled: i = !1, onChange: m }) {
-  const t = r();
-  return /* @__PURE__ */ o("li", { className: f["multi-select__item"], children: [
-    /* @__PURE__ */ l(c, { id: t, value: s, checked: e, onChange: m, disabled: i }),
-    /* @__PURE__ */ l(u, { htmlFor: t, noFontWeight: !e, children: _ })
-  ] });
-}
-export {
-  j as M,
-  f as s
-};
-//# sourceMappingURL=MultiSelectItem-CPf7drsR.js.map