@uva-glass/component-library 1.41.3 → 1.42.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/dist/{MenuLink-CSnr2Az4.js → MenuLink-yPEEfABB.js} +4 -4
  2. package/dist/MenuLink-yPEEfABB.js.map +1 -0
  3. package/dist/{MultiSelect-CkfmzGsn.js → MultiSelect-DFMb82q4.js} +2 -2
  4. package/dist/{MultiSelect-CkfmzGsn.js.map → MultiSelect-DFMb82q4.js.map} +1 -1
  5. package/dist/MultiSelectItem-CsSIAJRX.js +24 -0
  6. package/dist/{MultiSelectItem-BKDbs8D_.js.map → MultiSelectItem-CsSIAJRX.js.map} +1 -1
  7. package/dist/assets/EmptyStateDataDisplay.css +1 -0
  8. package/dist/assets/MultiSelectItem.css +1 -1
  9. package/dist/components/Button/Button.stories.js +1 -1
  10. package/dist/components/Checkbox/Checkbox.stories.js +1 -1
  11. package/dist/components/Drawer/Drawer.stories.js +1 -1
  12. package/dist/components/EmptyStateDataDisplay/EmptyStateDataDisplay.d.ts +5 -0
  13. package/dist/components/EmptyStateDataDisplay/EmptyStateDataDisplay.js +22 -0
  14. package/dist/components/EmptyStateDataDisplay/EmptyStateDataDisplay.js.map +1 -0
  15. package/dist/components/EmptyStateDataDisplay/EmptyStateDataDisplay.stories.d.ts +6 -0
  16. package/dist/components/EmptyStateDataDisplay/EmptyStateDataDisplay.stories.js +15 -0
  17. package/dist/components/EmptyStateDataDisplay/EmptyStateDataDisplay.stories.js.map +1 -0
  18. package/dist/components/EmptyStateDataDisplay/index.d.ts +1 -0
  19. package/dist/components/EmptyStateDataDisplay/index.js +5 -0
  20. package/dist/components/EmptyStateDataDisplay/index.js.map +1 -0
  21. package/dist/components/IconButton/IconButton.stories.js +1 -1
  22. package/dist/components/InputField/InputField.stories.js +2 -2
  23. package/dist/components/MenuButton/MenuButton.stories.js +1 -1
  24. package/dist/components/MenuLink/MenuLink.js +1 -1
  25. package/dist/components/MenuLink/MenuLink.stories.js +1 -1
  26. package/dist/components/MenuLink/index.js +1 -1
  27. package/dist/components/ModalDialog/ModalDialog.stories.js +1 -1
  28. package/dist/components/MultiSelect/MultiSelect.js +2 -2
  29. package/dist/components/MultiSelect/MultiSelect.stories.js +2 -2
  30. package/dist/components/MultiSelect/components/MultiSelectHeader.js +2 -2
  31. package/dist/components/MultiSelect/components/MultiSelectItem.js +1 -1
  32. package/dist/components/MultiSelect/index.js +1 -1
  33. package/dist/components/OverlayCloseButton/OverlayCloseButton.stories.js +1 -1
  34. package/dist/components/ProgrammeCard/ProgrammeCard.stories.js +2 -2
  35. package/dist/components/SelectListbox/SelectListBox.stories.js +1 -1
  36. package/dist/components/index.d.ts +1 -0
  37. package/dist/components/index.js +67 -65
  38. package/dist/components/index.js.map +1 -1
  39. package/dist/index-C7tAT8j7.js +25529 -0
  40. package/dist/index-C7tAT8j7.js.map +1 -0
  41. package/dist/index.js +67 -65
  42. package/dist/index.js.map +1 -1
  43. package/package.json +13 -15
  44. package/dist/MenuLink-CSnr2Az4.js.map +0 -1
  45. package/dist/MultiSelectItem-BKDbs8D_.js +0 -24
  46. package/dist/index-0Faxlks_.js +0 -25525
  47. package/dist/index-0Faxlks_.js.map +0 -1
@@ -1,6 +1,6 @@
1
1
  import { jsxs as s, jsx as l, Fragment as a } from "react/jsx-runtime";
2
2
  import { c as m } from "./clsx-OuTLNxxd.js";
3
- import { s as t, M as u } from "./MultiSelectItem-BKDbs8D_.js";
3
+ import { s as t, M as u } from "./MultiSelectItem-CsSIAJRX.js";
4
4
  import { Label as n } from "./components/Label/Label.js";
5
5
  import "react";
6
6
  import { Button as p } from "./components/Button/Button.js";
@@ -44,4 +44,4 @@ export {
44
44
  o as M,
45
45
  d as a
46
46
  };
47
- //# sourceMappingURL=MultiSelect-CkfmzGsn.js.map
47
+ //# sourceMappingURL=MultiSelect-DFMb82q4.js.map
@@ -1 +1 @@
1
- {"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;"}
1
+ {"version":3,"file":"MultiSelect-DFMb82q4.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;"}
@@ -0,0 +1,24 @@
1
+ import { jsxs as o, jsx as l } from "react/jsx-runtime";
2
+ import { useId as r } from "react";
3
+ import { Checkbox as c } from "./components/Checkbox/Checkbox.js";
4
+ import { Label as u } from "./components/Label/Label.js";
5
+ import './assets/MultiSelectItem.css';const b = {
6
+ "multi-select": "_multi-select_7vbm3_1",
7
+ "multi-select--no-border": "_multi-select--no-border_7vbm3_7",
8
+ "multi-select__header": "_multi-select__header_7vbm3_12",
9
+ "multi-select__list": "_multi-select__list_7vbm3_18",
10
+ "multi-select__list--scrollable": "_multi-select__list--scrollable_7vbm3_27",
11
+ "multi-select__item": "_multi-select__item_7vbm3_32"
12
+ };
13
+ function h({ label: _, value: m, checked: e, disabled: s = !1, onChange: i }) {
14
+ const t = r();
15
+ return /* @__PURE__ */ o("li", { className: b["multi-select__item"], children: [
16
+ /* @__PURE__ */ l(c, { id: t, value: m, checked: e, onChange: i, disabled: s }),
17
+ /* @__PURE__ */ l(u, { htmlFor: t, noFontWeight: !e, children: _ })
18
+ ] });
19
+ }
20
+ export {
21
+ h as M,
22
+ b as s
23
+ };
24
+ //# sourceMappingURL=MultiSelectItem-CsSIAJRX.js.map
@@ -1 +1 @@
1
- {"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;"}
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;"}
@@ -0,0 +1 @@
1
+ ._empty-state-data-display_wrapper_1ggme_1{align-items:center;background-color:var(--color-white);display:flex;gap:1.5rem;margin:1.5rem 0;padding:1.5rem}._empty-state-data-display_icon-frame_1ggme_10{align-items:center;background-color:var(--color-grey-50);border-radius:50%;display:flex;justify-content:center;min-height:4rem;min-width:4rem}._empty-state-data-display_text-content_1ggme_20{display:flex;flex-direction:column;gap:.5rem}._empty-state-data-display_label_1ggme_26{font-weight:var(--semibold)}._empty-state-data-display_paragraph_1ggme_30{color:var(--color-grey-500);margin:0}
@@ -1 +1 @@
1
- ._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)}
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)}
@@ -1,5 +1,5 @@
1
1
  import { jsxs as o, Fragment as s, jsx as t } from "react/jsx-runtime";
2
- import { f as l } from "../../index-0Faxlks_.js";
2
+ import { f as l } from "../../index-C7tAT8j7.js";
3
3
  import { Button as e } from "./Button.js";
4
4
  const u = {
5
5
  title: "Atoms/Button",
@@ -1,5 +1,5 @@
1
1
  import { jsxs as g, jsx as o } from "react/jsx-runtime";
2
- import { f as e } from "../../index-0Faxlks_.js";
2
+ import { f as e } from "../../index-C7tAT8j7.js";
3
3
  import { Checkbox as l } from "./Checkbox.js";
4
4
  import { FormField as t } from "../FormField/FormField.js";
5
5
  import { Label as i } from "../Label/Label.js";
@@ -1,6 +1,6 @@
1
1
  import { jsxs as o, jsx as e } from "react/jsx-runtime";
2
2
  import { a as m } from "../../useDialog-DZhIlo2a.js";
3
- import { f as p } from "../../index-0Faxlks_.js";
3
+ import { f as p } from "../../index-C7tAT8j7.js";
4
4
  import { useState as c } from "react";
5
5
  import { Drawer as n } from "./Drawer.js";
6
6
  import { Button as t } from "../Button/Button.js";
@@ -0,0 +1,5 @@
1
+ export interface EmptyStateDataDisplayProps {
2
+ label: string;
3
+ paragraph: string;
4
+ }
5
+ export declare function EmptyStateDataDisplay({ label, paragraph }: EmptyStateDataDisplayProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,22 @@
1
+ import { jsxs as e, jsx as t } from "react/jsx-runtime";
2
+ import { Icon as d } from "../Icon/Icon.js";
3
+ import '../../assets/EmptyStateDataDisplay.css';const a = {
4
+ "empty-state-data-display_wrapper": "_empty-state-data-display_wrapper_1ggme_1",
5
+ "empty-state-data-display_icon-frame": "_empty-state-data-display_icon-frame_1ggme_10",
6
+ "empty-state-data-display_text-content": "_empty-state-data-display_text-content_1ggme_20",
7
+ "empty-state-data-display_label": "_empty-state-data-display_label_1ggme_26",
8
+ "empty-state-data-display_paragraph": "_empty-state-data-display_paragraph_1ggme_30"
9
+ };
10
+ function y({ label: p, paragraph: s }) {
11
+ return /* @__PURE__ */ e("div", { className: a["empty-state-data-display_wrapper"], children: [
12
+ /* @__PURE__ */ t("div", { className: a["empty-state-data-display_icon-frame"], children: /* @__PURE__ */ t(d, { name: "CubeTransparent" }) }),
13
+ /* @__PURE__ */ e("div", { className: a["empty-state-data-display_text-content"], children: [
14
+ /* @__PURE__ */ t("label", { className: a["empty-state-data-display_label"], children: p }),
15
+ /* @__PURE__ */ t("p", { className: a["empty-state-data-display_paragraph"], children: s })
16
+ ] })
17
+ ] });
18
+ }
19
+ export {
20
+ y as EmptyStateDataDisplay
21
+ };
22
+ //# sourceMappingURL=EmptyStateDataDisplay.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"EmptyStateDataDisplay.js","sources":["../../../src/components/EmptyStateDataDisplay/EmptyStateDataDisplay.tsx"],"sourcesContent":["import styles from './EmptyStateDataDisplay.module.css';\n\nimport { Icon } from 'components/Icon';\n\nexport interface EmptyStateDataDisplayProps {\n label: string;\n paragraph: string;\n}\n\nexport function EmptyStateDataDisplay({ label, paragraph }: EmptyStateDataDisplayProps) {\n return (\n <div className={styles['empty-state-data-display_wrapper']}>\n <div className={styles['empty-state-data-display_icon-frame']}>\n <Icon name=\"CubeTransparent\" />\n </div>\n <div className={styles['empty-state-data-display_text-content']}>\n <label className={styles['empty-state-data-display_label']}>{label}</label>\n <p className={styles['empty-state-data-display_paragraph']}>{paragraph}</p>\n </div>\n </div>\n );\n}\n"],"names":["EmptyStateDataDisplay","label","paragraph","jsxs","styles","jsx","Icon"],"mappings":";;;;;;;;;AASO,SAASA,EAAsB,EAAE,OAAAC,GAAO,WAAAC,KAAyC;AACtF,SACG,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAO,kCAAkC,GACvD,UAAA;AAAA,IAAC,gBAAAC,EAAA,OAAA,EAAI,WAAWD,EAAO,qCAAqC,GAC1D,UAAC,gBAAAC,EAAAC,GAAA,EAAK,MAAK,kBAAA,CAAkB,EAC/B,CAAA;AAAA,IACC,gBAAAH,EAAA,OAAA,EAAI,WAAWC,EAAO,uCAAuC,GAC5D,UAAA;AAAA,MAAA,gBAAAC,EAAC,SAAM,EAAA,WAAWD,EAAO,gCAAgC,GAAI,UAAMH,GAAA;AAAA,wBAClE,KAAE,EAAA,WAAWG,EAAO,oCAAoC,GAAI,UAAUF,GAAA;AAAA,IAAA,GACzE;AAAA,EACF,EAAA,CAAA;AAEJ;"}
@@ -0,0 +1,6 @@
1
+ import { Meta } from '@storybook/react';
2
+ import { EmptyStateDataDisplayProps } from './EmptyStateDataDisplay';
3
+
4
+ declare const _default: Meta<EmptyStateDataDisplayProps>;
5
+ export default _default;
6
+ export declare const EmptyStateDataDisplayExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, EmptyStateDataDisplayProps>;
@@ -0,0 +1,15 @@
1
+ import { jsx as e } from "react/jsx-runtime";
2
+ import { EmptyStateDataDisplay as a } from "./EmptyStateDataDisplay.js";
3
+ const m = {
4
+ title: "Molecules/EmptyStateDataDisplay",
5
+ component: a
6
+ }, p = (t) => /* @__PURE__ */ e(a, { ...t }), s = p.bind({});
7
+ s.args = {
8
+ label: "This is an example info empty state data display label",
9
+ paragraph: "This is an example info empty state data display paragraph"
10
+ };
11
+ export {
12
+ s as EmptyStateDataDisplayExample,
13
+ m as default
14
+ };
15
+ //# sourceMappingURL=EmptyStateDataDisplay.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"EmptyStateDataDisplay.stories.js","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\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Molecules/EmptyStateDataDisplay',\n component: EmptyStateDataDisplay,\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"],"names":["EmptyStateDataDisplay_stories","EmptyStateDataDisplay","Template","args","jsx","EmptyStateDataDisplayExample"],"mappings":";;AAMA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AACb,GAEMC,IAAgD,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAuB,GAAGE,EAAM,CAAA,GAEpFE,IAA+BH,EAAS,KAAK,EAAE;AAC5DG,EAA6B,OAAO;AAAA,EAClC,OAAO;AAAA,EACP,WAAW;AACb;"}
@@ -0,0 +1 @@
1
+ export * from './EmptyStateDataDisplay';
@@ -0,0 +1,5 @@
1
+ import { EmptyStateDataDisplay as p } from "./EmptyStateDataDisplay.js";
2
+ export {
3
+ p as EmptyStateDataDisplay
4
+ };
5
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
@@ -1,5 +1,5 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { f as a } from "../../index-0Faxlks_.js";
2
+ import { f as a } from "../../index-C7tAT8j7.js";
3
3
  import { IconButton as e } from "./IconButton.js";
4
4
  import { Icon as l } from "../Icon/Icon.js";
5
5
  const m = {
@@ -1,6 +1,6 @@
1
1
  import { jsx as e } from "react/jsx-runtime";
2
2
  import { useState as d, useRef as g } from "react";
3
- import { f as i } from "../../index-0Faxlks_.js";
3
+ import { f as i } from "../../index-C7tAT8j7.js";
4
4
  import { InputField as l } from "./InputField.js";
5
5
  import { Container as u } from "../storyComponents/Container/Container.js";
6
6
  import { Icon as f } from "../Icon/Icon.js";
@@ -9,7 +9,7 @@ import "../OverlayCloseButton/OverlayCloseButton.js";
9
9
  import "../GridRow/GridRow.js";
10
10
  import "../IconButton/IconButton.js";
11
11
  import "../Input/Input.js";
12
- import "../../MultiSelect-CkfmzGsn.js";
12
+ import "../../MultiSelect-DFMb82q4.js";
13
13
  import "../SelectListbox/SelectListbox.js";
14
14
  import "../SelectListbox/SelectProvider.js";
15
15
  const C = (t) => {
@@ -1,5 +1,5 @@
1
1
  import { jsxs as s, Fragment as l, jsx as e } from "react/jsx-runtime";
2
- import { f as c } from "../../index-0Faxlks_.js";
2
+ import { f as c } from "../../index-C7tAT8j7.js";
3
3
  import { MenuButton as a } from "./MenuButton.js";
4
4
  const h = {
5
5
  title: "Atoms/MenuButton",
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "../../clsx-OuTLNxxd.js";
3
- import { M as p } from "../../MenuLink-CSnr2Az4.js";
3
+ import { M as p } from "../../MenuLink-yPEEfABB.js";
4
4
  export {
5
5
  p as MenuLink
6
6
  };
@@ -1,5 +1,5 @@
1
1
  import { jsx as e } from "react/jsx-runtime";
2
- import { M as i, a as o } from "../../MenuLink-CSnr2Az4.js";
2
+ import { M as i, a as o } from "../../MenuLink-yPEEfABB.js";
3
3
  import '../../assets/MenuLink.css';const l = {
4
4
  title: "Atoms/MenuLink",
5
5
  component: i
@@ -1,4 +1,4 @@
1
- import { M as o } from "../../MenuLink-CSnr2Az4.js";
1
+ import { M as o } from "../../MenuLink-yPEEfABB.js";
2
2
  export {
3
3
  o as MenuLink
4
4
  };
@@ -1,6 +1,6 @@
1
1
  import { jsxs as l, jsx as e } from "react/jsx-runtime";
2
2
  import { $ as d } from "../../useDialog-DZhIlo2a.js";
3
- import { f as o } from "../../index-0Faxlks_.js";
3
+ import { f as o } from "../../index-C7tAT8j7.js";
4
4
  import { ModalDialog as a } from "./ModalDialog.js";
5
5
  import { Button as t } from "../Button/Button.js";
6
6
  import { ButtonGroup as s } from "../ButtonGroup/ButtonGroup.js";
@@ -1,7 +1,7 @@
1
1
  import "react/jsx-runtime";
2
2
  import "../../clsx-OuTLNxxd.js";
3
- import "../../MultiSelectItem-BKDbs8D_.js";
4
- import { M as p } from "../../MultiSelect-CkfmzGsn.js";
3
+ import "../../MultiSelectItem-CsSIAJRX.js";
4
+ import { M as p } from "../../MultiSelect-DFMb82q4.js";
5
5
  export {
6
6
  p as MultiSelect
7
7
  };
@@ -1,7 +1,7 @@
1
1
  import { jsxs as b, jsx as m } from "react/jsx-runtime";
2
- import { f as d } from "../../index-0Faxlks_.js";
2
+ import { f as d } from "../../index-C7tAT8j7.js";
3
3
  import { useState as p } from "react";
4
- import { M as r } from "../../MultiSelect-CkfmzGsn.js";
4
+ import { M as r } from "../../MultiSelect-DFMb82q4.js";
5
5
  import { Container as S } from "../storyComponents/Container/Container.js";
6
6
  const T = {
7
7
  title: "Organisms/MultiSelect",
@@ -1,5 +1,5 @@
1
1
  import "react/jsx-runtime";
2
- import "../../../MultiSelectItem-BKDbs8D_.js";
2
+ import "../../../MultiSelectItem-CsSIAJRX.js";
3
3
  import "../../Label/Label.js";
4
4
  import "react";
5
5
  import "../../Button/Button.js";
@@ -8,7 +8,7 @@ import "../../GridRow/GridRow.js";
8
8
  import "../../IconButton/IconButton.js";
9
9
  import "../../Input/Input.js";
10
10
  import "../../InputField/InputField.js";
11
- import { a as x } from "../../../MultiSelect-CkfmzGsn.js";
11
+ import { a as x } from "../../../MultiSelect-DFMb82q4.js";
12
12
  import "../../SelectListbox/SelectListbox.js";
13
13
  import "../../SelectListbox/SelectProvider.js";
14
14
  export {
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { M as e } from "../../../MultiSelectItem-BKDbs8D_.js";
3
+ import { M as e } from "../../../MultiSelectItem-CsSIAJRX.js";
4
4
  import "../../Checkbox/Checkbox.js";
5
5
  import "../../Label/Label.js";
6
6
  export {
@@ -1,4 +1,4 @@
1
- import { M as l } from "../../MultiSelect-CkfmzGsn.js";
1
+ import { M as l } from "../../MultiSelect-DFMb82q4.js";
2
2
  export {
3
3
  l as MultiSelect
4
4
  };
@@ -1,5 +1,5 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { f as l } from "../../index-0Faxlks_.js";
2
+ import { f as l } from "../../index-C7tAT8j7.js";
3
3
  import { OverlayCloseButton as e } from "./OverlayCloseButton.js";
4
4
  import { Container as a } from "../storyComponents/Container/Container.js";
5
5
  const p = {
@@ -1,5 +1,5 @@
1
1
  import { jsxs as r, jsx as e } from "react/jsx-runtime";
2
- import { f as a } from "../../index-0Faxlks_.js";
2
+ import { f as a } from "../../index-C7tAT8j7.js";
3
3
  import { ProgrammeCard as t } from "./ProgrammeCard.js";
4
4
  import { Container as n } from "../storyComponents/Container/Container.js";
5
5
  import "react";
@@ -10,7 +10,7 @@ import "../GridRow/GridRow.js";
10
10
  import "../IconButton/IconButton.js";
11
11
  import "../Input/Input.js";
12
12
  import "../InputField/InputField.js";
13
- import "../../MultiSelect-CkfmzGsn.js";
13
+ import "../../MultiSelect-DFMb82q4.js";
14
14
  import { Repeater as i } from "../Repeater/Repeater.js";
15
15
  import "../SelectListbox/SelectListbox.js";
16
16
  import "../SelectListbox/SelectProvider.js";