@uva-glass/component-library 1.45.0 → 1.45.2

package/dist/{MultiSelect-B9JaIPXs.js → MultiSelect-Ckf3uGw5.js}

@@ -1,6 +1,6 @@
 import { jsxs as o, jsx as l, Fragment as a } from "react/jsx-runtime";
 import { c as m } from "./clsx-OuTLNxxd.js";
-import { s as t, M as p } from "./MultiSelectItem-CsSIAJRX.js";
+import { s as t, M as p } from "./MultiSelectItem-D9PxdX43.js";
 import { Label as u } from "./components/Label/Label.js";
 import "react";
 import "@react-aria/button";
@@ -49,4 +49,4 @@ export {
   s as M,
   d as a
 };
-//# sourceMappingURL=MultiSelect-B9JaIPXs.js.map
+//# sourceMappingURL=MultiSelect-Ckf3uGw5.js.map

package/dist/{MultiSelect-B9JaIPXs.js.map → MultiSelect-Ckf3uGw5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect-B9JaIPXs.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-Ckf3uGw5.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-D9PxdX43.js

@@ -0,0 +1,24 @@
+import { jsxs as m, jsx as l } from "react/jsx-runtime";
+import { useId as o } 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 d = {
+  "multi-select": "_multi-select_1gdr1_1",
+  "multi-select--no-border": "_multi-select--no-border_1gdr1_7",
+  "multi-select__header": "_multi-select__header_1gdr1_12",
+  "multi-select__list": "_multi-select__list_1gdr1_18",
+  "multi-select__list--scrollable": "_multi-select__list--scrollable_1gdr1_27",
+  "multi-select__item": "_multi-select__item_1gdr1_32"
+};
+function f({ label: _, value: s, checked: e, disabled: i = !1, onChange: r }) {
+  const t = o();
+  return /* @__PURE__ */ m("li", { className: d["multi-select__item"], children: [
+    /* @__PURE__ */ l(c, { id: t, value: s, checked: e, onChange: r, disabled: i }),
+    /* @__PURE__ */ l(u, { htmlFor: t, noFontWeight: !e, children: _ })
+  ] });
+}
+export {
+  f as M,
+  d as s
+};
+//# sourceMappingURL=MultiSelectItem-D9PxdX43.js.map

package/dist/{MultiSelectItem-CsSIAJRX.js.map → MultiSelectItem-D9PxdX43.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectItem-CsSIAJRX.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-D9PxdX43.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/FeedbackBox.css

@@ -1 +1 @@
-._feedback-box_lzc6j_1{background-color:var(--color-white);display:flex;gap:.5rem;padding:.75rem 1rem .75rem .5rem}._feedback-box_lzc6j_1>svg{flex-shrink:0;height:1rem;width:1rem;margin-top:.25rem}._feedback-box__success_lzc6j_15{background-color:var(--color-mint-cream)}._feedback-box__warning_lzc6j_19{background-color:var(--color-natural-wood)}._feedback-box__error_lzc6j_23{background-color:var(--color-amour)}
+._feedback-box_1th4y_1{background-color:var(--color-white);display:flex;gap:.5rem;padding:.75rem 1rem .75rem .5rem}._feedback-box_1th4y_1>svg{flex-shrink:0;height:1rem;margin-top:.25rem;width:1rem}._feedback-box__success_1th4y_15{background-color:var(--color-mint-cream)}._feedback-box__warning_1th4y_19{background-color:var(--color-natural-wood)}._feedback-box__error_1th4y_23{background-color:var(--color-amour)}

package/dist/assets/ModalDialog.css

@@ -1 +1 @@
-._modal-dialog_1w1ar_1{--modal-dialog-padding: 1.5rem;--modal-dialog-padding-mobile: 1.25rem;background:var(--color-white);box-shadow:0 2px 2px #0000000f,0 4px 3px #00000012;display:flex;flex-direction:column;height:100dvh;position:relative;width:100vw}._modal-dialog--padded_1w1ar_18{padding:0}._modal-dialog__content_1w1ar_22{display:flex;flex-direction:column;height:100svh;justify-content:space-between;overflow:hidden;overflow-y:auto;padding:0 var(--modal-dialog-padding-mobile);width:100%}._modal-dialog__children_1w1ar_33{padding-bottom:var(--modal-dialog-padding-mobile)}._modal-dialog__title_1w1ar_37{font-size:var(--font-size-m);line-height:var(--line-height-m);margin:0 var(--modal-dialog-padding-mobile) 0 0;padding:var(--modal-dialog-padding-mobile)}._modal-dialog--confirm_1w1ar_44{padding:var(--modal-dialog-padding-mobile) 0 0}._modal-dialog__buttons_1w1ar_48{background-color:var(--color-white);bottom:0;display:flex;flex-direction:column;gap:.75rem;justify-content:flex-start;margin:0 calc(-1 * var(--modal-dialog-padding-mobile));padding:var(--modal-dialog-padding-mobile);position:sticky;right:0}._modal-dialog__buttons--border_1w1ar_61{border-top:1px solid var(--color-pattens-blue)}._modal-dialog__buttons_1w1ar_48:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:10px;background:linear-gradient(to top,#0000004d,#0000);opacity:0;transition:opacity .4s ease-out;pointer-events:none}._modal-dialog__buttons--shadow_1w1ar_78:before{opacity:1}._modal-dialog__close_1w1ar_82{position:absolute;right:var(--modal-dialog-padding-mobile);top:var(--modal-dialog-padding-mobile)}@media (min-width: 28rem) and (min-height: 28rem){._modal-dialog_1w1ar_1{height:unset;max-height:100svh;max-width:100vw;width:30rem}._modal-dialog--padded_1w1ar_18{width:34.25rem}._modal-dialog--slim_1w1ar_100{width:27.5rem}._modal-dialog--wide_1w1ar_104{width:36rem}._modal-dialog__title_1w1ar_37{margin-right:var(--modal-dialog-padding);padding:var(--modal-dialog-padding)}._modal-dialog__content_1w1ar_22{height:unset;padding:0 var(--modal-dialog-padding)}._modal-dialog--content-with-buttons_1w1ar_118{margin-bottom:5.75rem}._modal-dialog__children_1w1ar_33{padding-bottom:var(--modal-dialog-padding)}._modal-dialog--confirm_1w1ar_44{padding:var(--modal-dialog-padding) 0 0}._modal-dialog__buttons_1w1ar_48{margin:unset;padding:var(--modal-dialog-padding);position:absolute;width:inherit}._modal-dialog__close_1w1ar_82{position:absolute;right:var(--modal-dialog-padding);top:var(--modal-dialog-padding)}}
+._modal-dialog_rtimw_1{--modal-dialog-padding: 1.5rem;--modal-dialog-padding-mobile: 1.25rem;background:var(--color-white);box-shadow:0 2px 2px #0000000f,0 4px 3px #00000012;display:flex;flex-direction:column;height:100dvh;position:relative;width:100vw}._modal-dialog--padded_rtimw_18{padding:0}._modal-dialog__content_rtimw_22{display:flex;flex-direction:column;height:100svh;justify-content:space-between;overflow:hidden;overflow-y:auto;padding:0 var(--modal-dialog-padding-mobile);width:100%}._modal-dialog__children_rtimw_33{padding-bottom:var(--modal-dialog-padding-mobile)}._modal-dialog__title_rtimw_37{font-size:var(--font-size-m);line-height:var(--line-height-m);margin:0 var(--modal-dialog-padding-mobile) 0 0;padding:var(--modal-dialog-padding-mobile)}._modal-dialog--confirm_rtimw_44{padding:var(--modal-dialog-padding-mobile) 0 0}._modal-dialog__buttons_rtimw_48{background-color:var(--color-white);bottom:0;display:flex;flex-direction:column;gap:.75rem;justify-content:flex-start;margin:0 calc(-1 * var(--modal-dialog-padding-mobile));padding:var(--modal-dialog-padding-mobile);position:sticky;right:0}._modal-dialog__buttons--border_rtimw_61{border-top:1px solid var(--color-pattens-blue)}._modal-dialog__buttons_rtimw_48:before{background:linear-gradient(to top,#0000004d,#0000);bottom:100%;content:"";height:10px;left:0;opacity:0;pointer-events:none;position:absolute;right:0;transition:opacity .4s ease-out}._modal-dialog__buttons--shadow_rtimw_78:before{opacity:1}._modal-dialog__close_rtimw_82{position:absolute;right:var(--modal-dialog-padding-mobile);top:var(--modal-dialog-padding-mobile)}@media (min-width: 28rem) and (min-height: 28rem){._modal-dialog_rtimw_1{height:unset;max-height:100svh;max-width:100vw;width:30rem}._modal-dialog--padded_rtimw_18{width:34.25rem}._modal-dialog--slim_rtimw_100{width:27.5rem}._modal-dialog--wide_rtimw_104{width:36rem}._modal-dialog__title_rtimw_37{margin-right:var(--modal-dialog-padding);padding:var(--modal-dialog-padding)}._modal-dialog__content_rtimw_22{height:unset;padding:0 var(--modal-dialog-padding)}._modal-dialog--content-with-buttons_rtimw_118{margin-bottom:5.75rem}._modal-dialog__children_rtimw_33{padding-bottom:var(--modal-dialog-padding)}._modal-dialog--confirm_rtimw_44{padding:var(--modal-dialog-padding) 0 0}._modal-dialog__buttons_rtimw_48{margin:unset;padding:var(--modal-dialog-padding);position:absolute;width:inherit}._modal-dialog__close_rtimw_82{position:absolute;right:var(--modal-dialog-padding);top:var(--modal-dialog-padding)}}

package/dist/assets/MultiSelectItem.css

@@ -1 +1 @@
-._multi-select_7vbm3_1{border:1px solid var(--color-black);border-radius:var(--border-radius-default);padding:.75rem}._multi-select--no-border_7vbm3_7{border:none;padding:0}._multi-select__header_7vbm3_12{display:flex;justify-content:space-between;margin-bottom:.5rem}._multi-select__list_7vbm3_18{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}._multi-select__list--scrollable_7vbm3_27{max-height:8.75rem;overflow:auto}._multi-select__item_7vbm3_32{align-items:start;display:grid;grid-template-columns:auto 1fr;-webkit-user-select:none;user-select:none}._multi-select__item_7vbm3_32 input[type=checkbox]{margin-right:.75rem;margin-top:3px}._multi-select__item_7vbm3_32 input[type=checkbox]:disabled+label{color:var(--color-grey-300)}
+._multi-select_1gdr1_1{border:1px solid var(--color-black);border-radius:var(--border-radius-default);padding:.75rem}._multi-select--no-border_1gdr1_7{border:none;padding:0}._multi-select__header_1gdr1_12{display:flex;justify-content:space-between;margin-bottom:.5rem}._multi-select__list_1gdr1_18{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}._multi-select__list--scrollable_1gdr1_27{max-height:8.75rem;overflow:auto}._multi-select__item_1gdr1_32{align-items:start;display:grid;grid-template-columns:auto 1fr;-webkit-user-select:none;user-select:none}._multi-select__item_1gdr1_32 input[type=checkbox]{margin-right:.75rem;margin-top:.25rem}._multi-select__item_1gdr1_32 input[type=checkbox]:disabled+label{color:var(--color-grey-300)}

package/dist/components/FeedbackBox/FeedbackBox.js

@@ -1,26 +1,26 @@
 import { jsxs as r, jsx as s } from "react/jsx-runtime";
 import { c as a } from "../../clsx-OuTLNxxd.js";
 import { Icon as b } from "../Icon/Icon.js";
-import '../../assets/FeedbackBox.css';const e = {
-  "feedback-box": "_feedback-box_lzc6j_1",
-  "feedback-box__success": "_feedback-box__success_lzc6j_15",
-  "feedback-box__warning": "_feedback-box__warning_lzc6j_19",
-  "feedback-box__error": "_feedback-box__error_lzc6j_23"
+import '../../assets/FeedbackBox.css';const c = {
+  "feedback-box": "_feedback-box_1th4y_1",
+  "feedback-box__success": "_feedback-box__success_1th4y_15",
+  "feedback-box__warning": "_feedback-box__warning_1th4y_19",
+  "feedback-box__error": "_feedback-box__error_1th4y_23"
 }, n = {
   success: "CheckCircle",
   warning: "ExclamationTriangleMini",
   error: "ExclamationCircle"
-}, f = ({ id: _, level: c, feedback: o }) => /* @__PURE__ */ r(
+}, f = ({ id: _, level: e, feedback: o }) => /* @__PURE__ */ r(
   "div",
   {
-    className: a(e["feedback-box"], {
-      [e["feedback-box__success"]]: c === "success",
-      [e["feedback-box__warning"]]: c === "warning",
-      [e["feedback-box__error"]]: c === "error"
+    className: a(c["feedback-box"], {
+      [c["feedback-box__success"]]: e === "success",
+      [c["feedback-box__warning"]]: e === "warning",
+      [c["feedback-box__error"]]: e === "error"
     }),
     id: _,
     children: [
-      /* @__PURE__ */ s(b, { name: n[c], size: 16 }),
+      /* @__PURE__ */ s(b, { name: n[e], size: 16 }),
       o
     ]
   }

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

@@ -14,7 +14,7 @@ import "../GridRow/GridRow.js";
 import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "react-router-dom";
-import "../../MultiSelect-B9JaIPXs.js";
+import "../../MultiSelect-Ckf3uGw5.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 const C = (t) => {

package/dist/components/ModalDialog/ModalDialog.js

@@ -1,37 +1,37 @@
-import { jsx as a, Fragment as v, jsxs as c } from "react/jsx-runtime";
+import { jsx as i, Fragment as v, jsxs as c } from "react/jsx-runtime";
 import { useDialog as G } from "@react-aria/dialog";
 import { FocusScope as J } from "@react-aria/focus";
 import { useModal as Q, useOverlay as W, usePreventScroll as X, OverlayContainer as Y } from "@react-aria/overlays";
-import { c as i } from "../../clsx-OuTLNxxd.js";
+import { c as t } from "../../clsx-OuTLNxxd.js";
 import { useRef as S, useState as T, useEffect as Z } from "react";
 import { Backdrop as $ } from "../Backdrop/Backdrop.js";
 import { OverlayCloseButton as oo } from "../OverlayCloseButton/OverlayCloseButton.js";
 import { Spinner as lo } from "../Spinner/Spinner.js";
 import '../../assets/ModalDialog.css';const o = {
-  "modal-dialog": "_modal-dialog_1w1ar_1",
-  "modal-dialog--padded": "_modal-dialog--padded_1w1ar_18",
-  "modal-dialog__content": "_modal-dialog__content_1w1ar_22",
-  "modal-dialog__children": "_modal-dialog__children_1w1ar_33",
-  "modal-dialog__title": "_modal-dialog__title_1w1ar_37",
-  "modal-dialog--confirm": "_modal-dialog--confirm_1w1ar_44",
-  "modal-dialog__buttons": "_modal-dialog__buttons_1w1ar_48",
-  "modal-dialog__buttons--border": "_modal-dialog__buttons--border_1w1ar_61",
-  "modal-dialog__buttons--shadow": "_modal-dialog__buttons--shadow_1w1ar_78",
-  "modal-dialog__close": "_modal-dialog__close_1w1ar_82",
-  "modal-dialog--slim": "_modal-dialog--slim_1w1ar_100",
-  "modal-dialog--wide": "_modal-dialog--wide_1w1ar_104",
-  "modal-dialog--content-with-buttons": "_modal-dialog--content-with-buttons_1w1ar_118"
+  "modal-dialog": "_modal-dialog_rtimw_1",
+  "modal-dialog--padded": "_modal-dialog--padded_rtimw_18",
+  "modal-dialog__content": "_modal-dialog__content_rtimw_22",
+  "modal-dialog__children": "_modal-dialog__children_rtimw_33",
+  "modal-dialog__title": "_modal-dialog__title_rtimw_37",
+  "modal-dialog--confirm": "_modal-dialog--confirm_rtimw_44",
+  "modal-dialog__buttons": "_modal-dialog__buttons_rtimw_48",
+  "modal-dialog__buttons--border": "_modal-dialog__buttons--border_rtimw_61",
+  "modal-dialog__buttons--shadow": "_modal-dialog__buttons--shadow_rtimw_78",
+  "modal-dialog__close": "_modal-dialog__close_rtimw_82",
+  "modal-dialog--slim": "_modal-dialog--slim_rtimw_100",
+  "modal-dialog--wide": "_modal-dialog--wide_rtimw_104",
+  "modal-dialog--content-with-buttons": "_modal-dialog--content-with-buttons_rtimw_118"
 };
 function _o(y) {
   const {
-    buttons: t,
+    buttons: d,
     children: x,
     isDismissable: _ = !0,
     isKeyboardDismissDisabled: B = !_,
     isLoading: D,
     spinnerAriaValueText: P = "Loading",
     closeButtonAriaValueText: C = "Close",
-    isOpen: e,
+    isOpen: a,
     noValidate: E = !1,
     onClose: g,
     onSubmit: L,
@@ -43,11 +43,11 @@ function _o(y) {
     slim: F,
     wide: H,
     noButtonBorder: f = !1
-  } = y, m = S(null), p = S(null), [O, V] = T(!1), [k, z] = T(!1), { dialogProps: A, titleProps: I } = G({ role: N }, m), { modalProps: M } = Q({ isDisabled: !e }), { overlayProps: R, underlayProps: j } = W(
-    { isDismissable: _, isKeyboardDismissDisabled: B, isOpen: e, onClose: g },
+  } = y, m = S(null), p = S(null), [O, V] = T(!1), [k, z] = T(!1), { dialogProps: A, titleProps: I } = G({ role: N }, m), { modalProps: M } = Q({ isDisabled: !a }), { overlayProps: R, underlayProps: j } = W(
+    { isDismissable: _, isKeyboardDismissDisabled: B, isOpen: a, onClose: g },
     m
   );
-  X({ isDisabled: !e }), Z(() => {
+  X({ isDisabled: !a }), Z(() => {
     const l = p.current;
     function h() {
       if (l) {
@@ -55,27 +55,27 @@ function _o(y) {
         V(w > b), z(q + b >= w);
       }
     }
-    function d() {
+    function e() {
       h();
     }
-    l && (l.addEventListener("scroll", d), window.addEventListener("resize", d));
+    l && (l.addEventListener("scroll", e), window.addEventListener("resize", e));
     const U = setTimeout(() => {
       h();
     }, 0);
     return () => {
-      l && l.removeEventListener("scroll", d), window.removeEventListener("resize", d), clearTimeout(U);
+      l && l.removeEventListener("scroll", e), window.removeEventListener("resize", e), clearTimeout(U);
     };
-  }, [e, s]);
+  }, [a, s]);
   function K(l) {
     l.stopPropagation();
   }
-  return e ? /* @__PURE__ */ a(Y, { children: /* @__PURE__ */ a($, { ...j, children: D ? /* @__PURE__ */ a(lo, { ariaValueText: P }) : /* @__PURE__ */ a(v, { children: /* @__PURE__ */ a(J, { autoFocus: !0, contain: !0, restoreFocus: !0, children: /* @__PURE__ */ c(
+  return a ? /* @__PURE__ */ i(Y, { children: /* @__PURE__ */ i($, { ...j, children: D ? /* @__PURE__ */ i(lo, { ariaValueText: P }) : /* @__PURE__ */ i(v, { children: /* @__PURE__ */ i(J, { autoFocus: !0, contain: !0, restoreFocus: !0, children: /* @__PURE__ */ c(
     "div",
     {
       ...A,
       ...M,
       ...R,
-      className: i(o["modal-dialog"], {
+      className: t(o["modal-dialog"], {
         [o["modal-dialog--confirm"]]: n === "confirm",
         [o["modal-dialog--padded"]]: u,
         [o["modal-dialog--slim"]]: F,
@@ -86,9 +86,9 @@ function _o(y) {
       ref: m,
       children: [
         (r || s) && n === "dialog" && /* @__PURE__ */ c(v, { children: [
-          r && /* @__PURE__ */ a("h1", { ...I, className: o["modal-dialog__title"], children: r }),
+          r && /* @__PURE__ */ i("h1", { ...I, className: o["modal-dialog__title"], children: r }),
           s,
-          n === "dialog" && /* @__PURE__ */ a("span", { className: o["modal-dialog__close"], children: /* @__PURE__ */ a(
+          n === "dialog" && /* @__PURE__ */ i("span", { className: o["modal-dialog__close"], children: /* @__PURE__ */ i(
             oo,
             {
               "aria-label": C,
@@ -100,22 +100,22 @@ function _o(y) {
         /* @__PURE__ */ c(
           "form",
           {
-            className: i(o["modal-dialog__content"], {
-              [o["modal-dialog--content-with-buttons"]]: t
+            className: t(o["modal-dialog__content"], {
+              [o["modal-dialog--content-with-buttons"]]: d
             }),
             onSubmit: L,
             noValidate: E,
             ref: p,
             children: [
-              /* @__PURE__ */ a("div", { className: i({ [o["modal-dialog__children"]]: !f }), children: x }),
-              t && /* @__PURE__ */ a(
+              /* @__PURE__ */ i("div", { className: t({ [o["modal-dialog__children"]]: !f }), children: x }),
+              d && /* @__PURE__ */ i(
                 "div",
                 {
-                  className: i(o["modal-dialog__buttons"], {
+                  className: t(o["modal-dialog__buttons"], {
                     [o["modal-dialog__buttons--border"]]: !f,
                     [o["modal-dialog__buttons--shadow"]]: O && !k
                   }),
-                  children: t
+                  children: d
                 }
               )
             ]

package/dist/components/MultiSelect/MultiSelect.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../clsx-OuTLNxxd.js";
-import "../../MultiSelectItem-CsSIAJRX.js";
-import { M as p } from "../../MultiSelect-B9JaIPXs.js";
+import "../../MultiSelectItem-D9PxdX43.js";
+import { M as p } from "../../MultiSelect-Ckf3uGw5.js";
 export {
   p as MultiSelect
 };

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

@@ -1,8 +1,8 @@
 import { jsxs as b, jsx as m } from "react/jsx-runtime";
 import { f as d } from "../../index-C7tAT8j7.js";
 import { useState as p } from "react";
-import { M as r } from "../../MultiSelect-B9JaIPXs.js";
-import { Container as S } from "../storyComponents/Container/Container.js";
+import { M as r } from "../../MultiSelect-Ckf3uGw5.js";
+import { Container as C } from "../storyComponents/Container/Container.js";
 const T = {
   title: "Organisms/MultiSelect",
   component: r,
@@ -15,12 +15,12 @@ const T = {
   }
 }, a = (i) => {
   const [n, o] = p([]), I = [
-    { itemName: "Item 1", itemValue: "1", disabled: !0 },
-    { itemName: "Item 2", itemValue: "2" },
-    { itemName: "Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3", itemValue: "3" },
-    { itemName: "Item 4", itemValue: "4" },
-    { itemName: "Item 5", itemValue: "5" },
-    { itemName: "Item 6", itemValue: "6" }
+    { itemName: "AItem 1", itemValue: "1", disabled: !0 },
+    { itemName: "BItem 2", itemValue: "2" },
+    { itemName: "Multi line Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3", itemValue: "3" },
+    { itemName: "CItem 4", itemValue: "4" },
+    { itemName: "DItem 5", itemValue: "5" },
+    { itemName: "EItem 6", itemValue: "6" }
   ], h = () => {
     o([]), d()();
   }, f = (e) => {
@@ -30,7 +30,7 @@ const T = {
       return d()(c), c;
     });
   };
-  return /* @__PURE__ */ b(S, { children: [
+  return /* @__PURE__ */ b(C, { children: [
     i.header && /* @__PURE__ */ m(
       r.MultiSelectHeader,
       {
@@ -54,12 +54,12 @@ const T = {
 }, u = {
   scrollable: !0,
   noBorder: !1
-}, C = a.bind({});
-C.args = {
+}, M = a.bind({});
+M.args = {
   ...u
 };
-const M = a.bind({});
-M.args = {
+const S = a.bind({});
+S.args = {
   ...u,
   // boolean is not normal way of adding header but if added after template the rerender logic of
   // storybook would not correctly clear the checkboxes
@@ -74,8 +74,8 @@ N.args = {
   header: !0
 };
 export {
-  C as MultiSelectExample,
-  M as WithHeader,
+  M as MultiSelectExample,
+  S as WithHeader,
   N as WithheaderAndWithoutScrollContainerAndBorder,
   T as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.stories.js","sources":["../../../src/components/MultiSelect/MultiSelect.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\nimport { useState } from 'react';\n\nimport type { ChangeEvent, PropsWithChildren } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { MultiSelectProps } from './MultiSelect';\n\nimport { MultiSelect } from './MultiSelect';\n\nimport { Container } from 'components/storyComponents/Container';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/MultiSelect',\n  component: MultiSelect,\n  argTypes: {\n    header: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n} as Meta<PropsWithChildren<MultiSelectProps>>;\n\nconst Template: StoryFn<PropsWithChildren<MultiSelectProps>> = (args) => {\n  const [items, setItems] = useState<string[]>([]);\n\n  const mockItems = [\n    { itemName: 'Item 1', itemValue: '1', disabled: true },\n    { itemName: 'Item 2', itemValue: '2' },\n    { itemName: 'Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3', itemValue: '3' },\n    { itemName: 'Item 4', itemValue: '4' },\n    { itemName: 'Item 5', itemValue: '5' },\n    { itemName: 'Item 6', itemValue: '6' },\n  ];\n\n  const handleClear = () => {\n    setItems([]);\n    fn()();\n  };\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const { checked, value } = event.target;\n    setItems((prevState) => {\n      const newItems = checked ? [...prevState, value] : prevState.filter((itemValue) => itemValue !== value);\n      fn()(newItems);\n      return newItems;\n    });\n  };\n\n  return (\n    <Container>\n      {/* header added under separate boolean arg here for storybook purpose, \n      it should be added as direct arg to MultiSelect when used in application */}\n      {args.header && (\n        <MultiSelect.MultiSelectHeader\n          label=\"Item list\"\n          clearTrigger={items.length > 0 ? 'Clear Selection' : ''}\n          onClear={handleClear}\n        />\n      )}\n      <MultiSelect {...args}>\n        {mockItems.map(({ itemName, itemValue, disabled }) => (\n          <MultiSelect.MultiSelectItem\n            key={itemName}\n            label={itemName}\n            value={itemValue}\n            checked={items.includes(itemValue)}\n            onChange={handleChange}\n            disabled={disabled}\n          />\n        ))}\n      </MultiSelect>\n    </Container>\n  );\n};\n\nconst defaultArgs: Partial<MultiSelectProps> = {\n  scrollable: true,\n  noBorder: false,\n};\n\nexport const MultiSelectExample = Template.bind({});\nMultiSelectExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithHeader = Template.bind({});\nWithHeader.args = {\n  ...defaultArgs,\n  // boolean is not normal way of adding header but if added after template the rerender logic of\n  // storybook would not correctly clear the checkboxes\n  header: true,\n};\n\nexport const WithheaderAndWithoutScrollContainerAndBorder = Template.bind({});\nWithheaderAndWithoutScrollContainerAndBorder.args = {\n  scrollable: false,\n  noBorder: true,\n  // boolean is not normal way of adding header but if added after template the rerender logic of\n  // storybook would not correctly clear the checkboxes\n  header: true,\n};\n"],"names":["MultiSelect_stories","MultiSelect","Template","args","items","setItems","useState","mockItems","handleClear","fn","handleChange","event","checked","value","prevState","newItems","itemValue","Container","jsx","itemName","disabled","defaultArgs","MultiSelectExample","WithHeader","WithheaderAndWithoutScrollContainerAndBorder"],"mappings":";;;;;AAYA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,GAEMC,IAAyD,CAACC,MAAS;AACvE,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAmB,CAAE,CAAA,GAEzCC,IAAY;AAAA,IAChB,EAAE,UAAU,UAAU,WAAW,KAAK,UAAU,GAAK;AAAA,IACrD,EAAE,UAAU,UAAU,WAAW,IAAI;AAAA,IACrC,EAAE,UAAU,yEAAyE,WAAW,IAAI;AAAA,IACpG,EAAE,UAAU,UAAU,WAAW,IAAI;AAAA,IACrC,EAAE,UAAU,UAAU,WAAW,IAAI;AAAA,IACrC,EAAE,UAAU,UAAU,WAAW,IAAI;AAAA,EAAA,GAGjCC,IAAc,MAAM;AACxB,IAAAH,EAAS,CAAE,CAAA,GACXI,EAAK,EAAA;AAAA,EAAA,GAGDC,IAAe,CAACC,MAAyC;AAC7D,UAAM,EAAE,SAAAC,GAAS,OAAAC,MAAUF,EAAM;AACjC,IAAAN,EAAS,CAACS,MAAc;AACtB,YAAMC,IAAWH,IAAU,CAAC,GAAGE,GAAWD,CAAK,IAAIC,EAAU,OAAO,CAACE,MAAcA,MAAcH,CAAK;AACtGJ,aAAAA,EAAA,EAAKM,CAAQ,GACNA;AAAA,IAAA,CACR;AAAA,EAAA;AAGH,2BACGE,GAGE,EAAA,UAAA;AAAA,IAAAd,EAAK,UACJ,gBAAAe;AAAA,MAACjB,EAAY;AAAA,MAAZ;AAAA,QACC,OAAM;AAAA,QACN,cAAcG,EAAM,SAAS,IAAI,oBAAoB;AAAA,QACrD,SAASI;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,gBAAAU,EAACjB,GAAa,EAAA,GAAGE,GACd,UAAAI,EAAU,IAAI,CAAC,EAAE,UAAAY,GAAU,WAAAH,GAAW,UAAAI,EACrC,MAAA,gBAAAF;AAAA,MAACjB,EAAY;AAAA,MAAZ;AAAA,QAEC,OAAOkB;AAAA,QACP,OAAOH;AAAA,QACP,SAASZ,EAAM,SAASY,CAAS;AAAA,QACjC,UAAUN;AAAA,QACV,UAAAU;AAAA,MAAA;AAAA,MALKD;AAAA,IAOR,CAAA,GACH;AAAA,EACF,EAAA,CAAA;AAEJ,GAEME,IAAyC;AAAA,EAC7C,YAAY;AAAA,EACZ,UAAU;AACZ,GAEaC,IAAqBpB,EAAS,KAAK,EAAE;AAClDoB,EAAmB,OAAO;AAAA,EACxB,GAAGD;AACL;AAEO,MAAME,IAAarB,EAAS,KAAK,EAAE;AAC1CqB,EAAW,OAAO;AAAA,EAChB,GAAGF;AAAA;AAAA;AAAA,EAGH,QAAQ;AACV;AAEO,MAAMG,IAA+CtB,EAAS,KAAK,EAAE;AAC5EsB,EAA6C,OAAO;AAAA,EAClD,YAAY;AAAA,EACZ,UAAU;AAAA;AAAA;AAAA,EAGV,QAAQ;AACV;"}
+{"version":3,"file":"MultiSelect.stories.js","sources":["../../../src/components/MultiSelect/MultiSelect.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\nimport { useState } from 'react';\n\nimport type { ChangeEvent, PropsWithChildren } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { MultiSelectProps } from './MultiSelect';\n\nimport { MultiSelect } from './MultiSelect';\n\nimport { Container } from 'components/storyComponents/Container';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/MultiSelect',\n  component: MultiSelect,\n  argTypes: {\n    header: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n} as Meta<PropsWithChildren<MultiSelectProps>>;\n\nconst Template: StoryFn<PropsWithChildren<MultiSelectProps>> = (args) => {\n  const [items, setItems] = useState<string[]>([]);\n\n  const mockItems = [\n    { itemName: 'AItem 1', itemValue: '1', disabled: true },\n    { itemName: 'BItem 2', itemValue: '2' },\n    { itemName: 'Multi line Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3', itemValue: '3' },\n    { itemName: 'CItem 4', itemValue: '4' },\n    { itemName: 'DItem 5', itemValue: '5' },\n    { itemName: 'EItem 6', itemValue: '6' },\n  ];\n\n  const handleClear = () => {\n    setItems([]);\n    fn()();\n  };\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const { checked, value } = event.target;\n    setItems((prevState) => {\n      const newItems = checked ? [...prevState, value] : prevState.filter((itemValue) => itemValue !== value);\n      fn()(newItems);\n      return newItems;\n    });\n  };\n\n  return (\n    <Container>\n      {/* header added under separate boolean arg here for storybook purpose, \n      it should be added as direct arg to MultiSelect when used in application */}\n      {args.header && (\n        <MultiSelect.MultiSelectHeader\n          label=\"Item list\"\n          clearTrigger={items.length > 0 ? 'Clear Selection' : ''}\n          onClear={handleClear}\n        />\n      )}\n      <MultiSelect {...args}>\n        {mockItems.map(({ itemName, itemValue, disabled }) => (\n          <MultiSelect.MultiSelectItem\n            key={itemName}\n            label={itemName}\n            value={itemValue}\n            checked={items.includes(itemValue)}\n            onChange={handleChange}\n            disabled={disabled}\n          />\n        ))}\n      </MultiSelect>\n    </Container>\n  );\n};\n\nconst defaultArgs: Partial<MultiSelectProps> = {\n  scrollable: true,\n  noBorder: false,\n};\n\nexport const MultiSelectExample = Template.bind({});\nMultiSelectExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithHeader = Template.bind({});\nWithHeader.args = {\n  ...defaultArgs,\n  // boolean is not normal way of adding header but if added after template the rerender logic of\n  // storybook would not correctly clear the checkboxes\n  header: true,\n};\n\nexport const WithheaderAndWithoutScrollContainerAndBorder = Template.bind({});\nWithheaderAndWithoutScrollContainerAndBorder.args = {\n  scrollable: false,\n  noBorder: true,\n  // boolean is not normal way of adding header but if added after template the rerender logic of\n  // storybook would not correctly clear the checkboxes\n  header: true,\n};\n"],"names":["MultiSelect_stories","MultiSelect","Template","args","items","setItems","useState","mockItems","handleClear","fn","handleChange","event","checked","value","prevState","newItems","itemValue","Container","jsx","itemName","disabled","defaultArgs","MultiSelectExample","WithHeader","WithheaderAndWithoutScrollContainerAndBorder"],"mappings":";;;;;AAYA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,GAEMC,IAAyD,CAACC,MAAS;AACvE,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAmB,CAAE,CAAA,GAEzCC,IAAY;AAAA,IAChB,EAAE,UAAU,WAAW,WAAW,KAAK,UAAU,GAAK;AAAA,IACtD,EAAE,UAAU,WAAW,WAAW,IAAI;AAAA,IACtC,EAAE,UAAU,oFAAoF,WAAW,IAAI;AAAA,IAC/G,EAAE,UAAU,WAAW,WAAW,IAAI;AAAA,IACtC,EAAE,UAAU,WAAW,WAAW,IAAI;AAAA,IACtC,EAAE,UAAU,WAAW,WAAW,IAAI;AAAA,EAAA,GAGlCC,IAAc,MAAM;AACxB,IAAAH,EAAS,CAAE,CAAA,GACXI,EAAK,EAAA;AAAA,EAAA,GAGDC,IAAe,CAACC,MAAyC;AAC7D,UAAM,EAAE,SAAAC,GAAS,OAAAC,MAAUF,EAAM;AACjC,IAAAN,EAAS,CAACS,MAAc;AACtB,YAAMC,IAAWH,IAAU,CAAC,GAAGE,GAAWD,CAAK,IAAIC,EAAU,OAAO,CAACE,MAAcA,MAAcH,CAAK;AACtGJ,aAAAA,EAAA,EAAKM,CAAQ,GACNA;AAAA,IAAA,CACR;AAAA,EAAA;AAGH,2BACGE,GAGE,EAAA,UAAA;AAAA,IAAAd,EAAK,UACJ,gBAAAe;AAAA,MAACjB,EAAY;AAAA,MAAZ;AAAA,QACC,OAAM;AAAA,QACN,cAAcG,EAAM,SAAS,IAAI,oBAAoB;AAAA,QACrD,SAASI;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,gBAAAU,EAACjB,GAAa,EAAA,GAAGE,GACd,UAAAI,EAAU,IAAI,CAAC,EAAE,UAAAY,GAAU,WAAAH,GAAW,UAAAI,EACrC,MAAA,gBAAAF;AAAA,MAACjB,EAAY;AAAA,MAAZ;AAAA,QAEC,OAAOkB;AAAA,QACP,OAAOH;AAAA,QACP,SAASZ,EAAM,SAASY,CAAS;AAAA,QACjC,UAAUN;AAAA,QACV,UAAAU;AAAA,MAAA;AAAA,MALKD;AAAA,IAOR,CAAA,GACH;AAAA,EACF,EAAA,CAAA;AAEJ,GAEME,IAAyC;AAAA,EAC7C,YAAY;AAAA,EACZ,UAAU;AACZ,GAEaC,IAAqBpB,EAAS,KAAK,EAAE;AAClDoB,EAAmB,OAAO;AAAA,EACxB,GAAGD;AACL;AAEO,MAAME,IAAarB,EAAS,KAAK,EAAE;AAC1CqB,EAAW,OAAO;AAAA,EAChB,GAAGF;AAAA;AAAA;AAAA,EAGH,QAAQ;AACV;AAEO,MAAMG,IAA+CtB,EAAS,KAAK,EAAE;AAC5EsB,EAA6C,OAAO;AAAA,EAClD,YAAY;AAAA,EACZ,UAAU;AAAA;AAAA;AAAA,EAGV,QAAQ;AACV;"}

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import "../../../MultiSelectItem-CsSIAJRX.js";
+import "../../../MultiSelectItem-D9PxdX43.js";
 import "../../Label/Label.js";
 import "react";
 import "@react-aria/button";
@@ -13,7 +13,7 @@ import "../../IconButton/IconButton.js";
 import "../../Input/Input.js";
 import "../../InputField/InputField.js";
 import "react-router-dom";
-import { a as g } from "../../../MultiSelect-B9JaIPXs.js";
+import { a as g } from "../../../MultiSelect-Ckf3uGw5.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-CsSIAJRX.js";
+import { M as e } from "../../../MultiSelectItem-D9PxdX43.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-B9JaIPXs.js";
+import { M as l } from "../../MultiSelect-Ckf3uGw5.js";
 export {
   l as MultiSelect
 };

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

@@ -15,7 +15,7 @@ import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router-dom";
-import "../../MultiSelect-B9JaIPXs.js";
+import "../../MultiSelect-Ckf3uGw5.js";
 import { Repeater as i } from "../Repeater/Repeater.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";

package/dist/components/index.js

@@ -25,7 +25,7 @@ import { MenuButton as W } from "./MenuButton/MenuButton.js";
 import { MenuLink as Y } from "./MenuLink/MenuLink.js";
 import { MetaDataList as _ } from "./MetaDataList/MetaDataList.js";
 import { ModalDialog as oo } from "./ModalDialog/ModalDialog.js";
-import { M as to } from "../MultiSelect-B9JaIPXs.js";
+import { M as to } from "../MultiSelect-Ckf3uGw5.js";
 import { OverlayCloseButton as po } from "./OverlayCloseButton/OverlayCloseButton.js";
 import { Periods as xo } from "./Periods/Periods.js";
 import { ProgrammeCard as io } from "./ProgrammeCard/ProgrammeCard.js";

package/dist/index.js

@@ -25,7 +25,7 @@ import { MenuButton as W } from "./components/MenuButton/MenuButton.js";
 import { MenuLink as Y } from "./components/MenuLink/MenuLink.js";
 import { MetaDataList as _ } from "./components/MetaDataList/MetaDataList.js";
 import { ModalDialog as oo } from "./components/ModalDialog/ModalDialog.js";
-import { M as to } from "./MultiSelect-B9JaIPXs.js";
+import { M as to } from "./MultiSelect-Ckf3uGw5.js";
 import { OverlayCloseButton as po } from "./components/OverlayCloseButton/OverlayCloseButton.js";
 import { Periods as xo } from "./components/Periods/Periods.js";
 import { ProgrammeCard as io } 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.45.0",
+  "version": "1.45.2",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -39,8 +39,8 @@
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.4.0",
-    "@commitlint/config-conventional": "^19.2.2",
+    "@commitlint/cli": "^19.4.1",
+    "@commitlint/config-conventional": "^19.4.1",
     "@react-aria/button": "^3.9.8",
     "@react-aria/dialog": "^3.5.17",
     "@react-aria/overlays": "^3.23.2",
@@ -56,7 +56,7 @@
     "@storybook/react": "^8.2.9",
     "@storybook/react-vite": "^8.2.9",
     "@storybook/test": "^8.2.9",
-    "@types/node": "^20.16.1",
+    "@types/node": "^20.16.2",
     "@types/react": "^18.3.4",
     "@types/react-dom": "^18.3.0",
     "@uva-glass/eslint-config": "^1.3.1",
@@ -68,21 +68,21 @@
     "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-react": "^7.35.0",
     "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.10",
+    "eslint-plugin-react-refresh": "^0.4.11",
     "eslint-plugin-storybook": "^0.8.0",
     "glob": "^11.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-junit": "^16.0.0",
-    "jsdom": "^24.1.1",
+    "jsdom": "^25.0.0",
     "npm-run-all2": "^6.2.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-router-dom": "^6.26.1",
     "semantic-release": "^24.1.0",
     "storybook": "^8.2.9",
-    "style-dictionary": "^4.0.1",
-    "stylelint": "^16.8.2",
+    "style-dictionary": "^4.1.0",
+    "stylelint": "^16.9.0",
     "stylelint-config-recommended": "^14.0.1",
     "stylelint-config-standard": "^36.0.1",
     "stylelint-order": "^6.0.4",

package/dist/MultiSelectItem-CsSIAJRX.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 b = {
-  "multi-select": "_multi-select_7vbm3_1",
-  "multi-select--no-border": "_multi-select--no-border_7vbm3_7",
-  "multi-select__header": "_multi-select__header_7vbm3_12",
-  "multi-select__list": "_multi-select__list_7vbm3_18",
-  "multi-select__list--scrollable": "_multi-select__list--scrollable_7vbm3_27",
-  "multi-select__item": "_multi-select__item_7vbm3_32"
-};
-function h({ label: _, value: m, checked: e, disabled: s = !1, onChange: i }) {
-  const t = r();
-  return /* @__PURE__ */ o("li", { className: b["multi-select__item"], children: [
-    /* @__PURE__ */ l(c, { id: t, value: m, checked: e, onChange: i, disabled: s }),
-    /* @__PURE__ */ l(u, { htmlFor: t, noFontWeight: !e, children: _ })
-  ] });
-}
-export {
-  h as M,
-  b as s
-};
-//# sourceMappingURL=MultiSelectItem-CsSIAJRX.js.map