@uva-glass/component-library 3.28.4 → 3.29.0

package/dist/assets/Notification.css

@@ -0,0 +1 @@
+._notification_eo06p_1{display:flex;justify-content:space-between}._notification--default_eo06p_6{padding:1rem}._notification--bar_eo06p_9{border:none;padding:.5rem 1rem}._notification--neutral_eo06p_14{background-color:var(--new-color-grey-300);border-left:.25rem solid var(--new-color-grey-600)}._notification--information_eo06p_18{background-color:var(--new-color-navy-200);border-left:.25rem solid var(--new-color-navy-600)}._notification--success_eo06p_22{background-color:var(--new-color-forest-200);border-left:.25rem solid var(--new-color-forest-600)}._notification--warning_eo06p_26{background-color:var(--new-color-orange-200);border-left:.25rem solid var(--new-color-orange-600)}._notification--danger_eo06p_30{background-color:var(--new-color-red-200);border-left:.25rem solid var(--new-color-red-600)}._notification--bar_eo06p_9._notification--neutral_eo06p_14{background-color:var(--new-color-grey-600);color:var(--new-color-uva-white)}._notification--bar_eo06p_9._notification--information_eo06p_18{background-color:var(--new-color-navy-600);color:var(--new-color-uva-white)}._notification--bar_eo06p_9._notification--success_eo06p_22{background-color:var(--new-color-forest-600)}._notification--bar_eo06p_9._notification--warning_eo06p_26{background-color:var(--new-color-orange-600)}._notification--bar_eo06p_9._notification--danger_eo06p_30{background-color:var(--new-color-red-600);color:var(--new-color-uva-white)}._notification-content_eo06p_54{display:flex;gap:1rem}._notification-content--text_eo06p_58{display:flex;flex-direction:column;gap:.5rem}._notification-title_eo06p_64{font-weight:var(--semibold);margin:0}._notification-subtitle_eo06p_68{margin:0}._notification-close-button_eo06p_72{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:.25rem;color:var(--new-color-uva-black);display:inline-flex;height:1.5rem;justify-content:center;position:relative;transition:var(--transition-colors);width:1.5rem}._notification-close-button_eo06p_72:focus-visible{outline:.125rem dotted var(--new-color-navy-600);outline-offset:.125rem}._notification-close-button_eo06p_72:hover{cursor:pointer;outline:0}._notification-close-button_eo06p_72:after{bottom:-.625rem;content:"";left:-.625rem;position:absolute;right:-.625rem;top:-.625rem}._notification-close-button--bar--neutral_eo06p_106,._notification-close-button--bar--information_eo06p_107,._notification-close-button--bar--danger_eo06p_108{color:var(--new-color-uva-white)}._notification-close-button--neutral_eo06p_112:hover{background-color:var(--new-color-grey-600);color:var(--new-color-uva-white)}._notification-close-button--information_eo06p_116:hover{background-color:var(--new-color-navy-600);color:var(--new-color-uva-white)}._notification-close-button--success_eo06p_120:hover{background-color:var(--new-color-forest-600)}._notification-close-button--warning_eo06p_123:hover{background-color:var(--new-color-orange-600)}._notification-close-button--danger_eo06p_126:hover{background-color:var(--new-color-red-600);color:var(--new-color-uva-white)}._notification-close-button--bar--neutral_eo06p_106:hover{background-color:var(--new-color-grey-300);color:var(--new-color-uva-black)}._notification-close-button--bar--information_eo06p_107:hover{background-color:var(--new-color-navy-300);color:var(--new-color-uva-black)}._notification-close-button--bar--success_eo06p_139:hover{background-color:var(--new-color-forest-300)}._notification-close-button--bar--warning_eo06p_142:hover{background-color:var(--new-color-orange-300)}._notification-close-button--bar--danger_eo06p_108:hover{background-color:var(--new-color-red-300);color:var(--new-color-uva-black)}

package/dist/components/Checkbox/Checkbox.test.js

@@ -1,16 +1,17 @@
 import { jsx as c } from "react/jsx-runtime";
 import "../../index-BqLi4tOb.js";
 import { r as o, s as t } from "../../react.esm-CsMDid07.js";
-import { Checkbox as h } from "./Checkbox.js";
+import { u as s } from "../../index-CUap8sKR.js";
+import { Checkbox as r } from "./Checkbox.js";
 describe("Checkbox", () => {
   it("should render", () => {
-    o(/* @__PURE__ */ c(h, { id: "test-checkbox" }));
+    o(/* @__PURE__ */ c(r, { id: "test-checkbox" }));
     const e = t.getByRole("checkbox");
     expect(e).toBeInTheDocument();
-  }), it("should be checked if clicked", () => {
-    o(/* @__PURE__ */ c(h, { id: "test-checkbox" }));
+  }), it("should be checked if clicked", async () => {
+    o(/* @__PURE__ */ c(r, { id: "test-checkbox" }));
     const e = t.getByRole("checkbox");
-    expect(e).toBeInTheDocument(), e.click(), expect(e).toBeChecked();
+    expect(e).toBeInTheDocument(), await s.click(e), expect(e).toBeChecked();
   });
 });
 //# sourceMappingURL=Checkbox.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.test.js","sources":["../../../src/components/Checkbox/Checkbox.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { Checkbox } from './Checkbox';\n\ndescribe('Checkbox', () => {\n  it('should render', () => {\n    render(<Checkbox id=\"test-checkbox\" />);\n    const checkbox = screen.getByRole('checkbox');\n    expect(checkbox).toBeInTheDocument();\n  });\n\n  it('should be checked if clicked', () => {\n    render(<Checkbox id=\"test-checkbox\" />);\n    const checkbox = screen.getByRole('checkbox');\n    expect(checkbox).toBeInTheDocument();\n    checkbox.click();\n    expect(checkbox).toBeChecked();\n  });\n});\n"],"names":["render","jsx","Checkbox","checkbox","screen"],"mappings":";;;;AAKA,SAAS,YAAY,MAAM;AACzB,KAAG,iBAAiB,MAAM;AACxB,IAAAA,EAAQ,gBAAAC,EAAAC,GAAA,EAAS,IAAG,gBAAgB,CAAA,CAAE;AAChC,UAAAC,IAAWC,EAAO,UAAU,UAAU;AACrC,WAAAD,CAAQ,EAAE,kBAAkB;AAAA,EAAA,CACpC,GAED,GAAG,gCAAgC,MAAM;AACvC,IAAAH,EAAQ,gBAAAC,EAAAC,GAAA,EAAS,IAAG,gBAAgB,CAAA,CAAE;AAChC,UAAAC,IAAWC,EAAO,UAAU,UAAU;AACrC,WAAAD,CAAQ,EAAE,kBAAkB,GACnCA,EAAS,MAAM,GACR,OAAAA,CAAQ,EAAE,YAAY;AAAA,EAAA,CAC9B;AACH,CAAC;"}
+{"version":3,"file":"Checkbox.test.js","sources":["../../../src/components/Checkbox/Checkbox.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport { Checkbox } from './Checkbox';\n\ndescribe('Checkbox', () => {\n  it('should render', () => {\n    render(<Checkbox id=\"test-checkbox\" />);\n    const checkbox = screen.getByRole('checkbox');\n    expect(checkbox).toBeInTheDocument();\n  });\n\n  it('should be checked if clicked', async () => {\n    render(<Checkbox id=\"test-checkbox\" />);\n    const checkbox = screen.getByRole('checkbox');\n    expect(checkbox).toBeInTheDocument();\n    await userEvent.click(checkbox);\n    expect(checkbox).toBeChecked();\n  });\n});\n"],"names":["render","jsx","Checkbox","checkbox","screen","userEvent"],"mappings":";;;;;AAMA,SAAS,YAAY,MAAM;AACzB,KAAG,iBAAiB,MAAM;AACxB,IAAAA,EAAQ,gBAAAC,EAAAC,GAAA,EAAS,IAAG,gBAAgB,CAAA,CAAE;AAChC,UAAAC,IAAWC,EAAO,UAAU,UAAU;AACrC,WAAAD,CAAQ,EAAE,kBAAkB;AAAA,EAAA,CACpC,GAED,GAAG,gCAAgC,YAAY;AAC7C,IAAAH,EAAQ,gBAAAC,EAAAC,GAAA,EAAS,IAAG,gBAAgB,CAAA,CAAE;AAChC,UAAAC,IAAWC,EAAO,UAAU,UAAU;AACrC,WAAAD,CAAQ,EAAE,kBAAkB,GAC7B,MAAAE,EAAU,MAAMF,CAAQ,GACvB,OAAAA,CAAQ,EAAE,YAAY;AAAA,EAAA,CAC9B;AACH,CAAC;"}

package/dist/components/Notification/Notification.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export type NotificationVariant = 'default' | 'bar';
+export type NotificationLevel = 'neutral' | 'information' | 'success' | 'warning' | 'danger';
+export interface NotificationProps {
+    title: string;
+    subtitle?: string;
+    action?: ReactNode;
+    variant?: NotificationVariant;
+    level: NotificationLevel;
+    onClose?: () => void;
+}
+export declare const Notification: ({ title, subtitle, action, variant, level, onClose }: NotificationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Notification/Notification.js

@@ -0,0 +1,58 @@
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { c as s } from "../../clsx-OuTLNxxd.js";
+import { Icon as r } from "../Icon/Icon.js";
+import '../../assets/Notification.css';const p = "_notification_eo06p_1", t = {
+  notification: p,
+  "notification--default": "_notification--default_eo06p_6",
+  "notification--bar": "_notification--bar_eo06p_9",
+  "notification--neutral": "_notification--neutral_eo06p_14",
+  "notification--information": "_notification--information_eo06p_18",
+  "notification--success": "_notification--success_eo06p_22",
+  "notification--warning": "_notification--warning_eo06p_26",
+  "notification--danger": "_notification--danger_eo06p_30",
+  "notification-content": "_notification-content_eo06p_54",
+  "notification-content--text": "_notification-content--text_eo06p_58",
+  "notification-title": "_notification-title_eo06p_64",
+  "notification-subtitle": "_notification-subtitle_eo06p_68",
+  "notification-close-button": "_notification-close-button_eo06p_72",
+  "notification-close-button--bar--neutral": "_notification-close-button--bar--neutral_eo06p_106",
+  "notification-close-button--bar--information": "_notification-close-button--bar--information_eo06p_107",
+  "notification-close-button--bar--danger": "_notification-close-button--bar--danger_eo06p_108",
+  "notification-close-button--neutral": "_notification-close-button--neutral_eo06p_112",
+  "notification-close-button--information": "_notification-close-button--information_eo06p_116",
+  "notification-close-button--success": "_notification-close-button--success_eo06p_120",
+  "notification-close-button--warning": "_notification-close-button--warning_eo06p_123",
+  "notification-close-button--danger": "_notification-close-button--danger_eo06p_126",
+  "notification-close-button--bar--success": "_notification-close-button--bar--success_eo06p_139",
+  "notification-close-button--bar--warning": "_notification-close-button--bar--warning_eo06p_142"
+}, N = ({ title: _, subtitle: a, action: e, variant: f = "default", level: i, onClose: l }) => {
+  const u = f === "bar";
+  function b(n) {
+    return n === "neutral" ? "CalendarEdit" : n === "information" ? "SquareInfo" : n === "success" ? "CheckCircle" : "ExclamationTriangleMini";
+  }
+  return /* @__PURE__ */ c("div", { className: s(t.notification, t[`notification--${f}`], t[`notification--${i}`]), children: [
+    /* @__PURE__ */ c("div", { className: t["notification-content"], children: [
+      /* @__PURE__ */ o(r, { name: b(i) }),
+      /* @__PURE__ */ c("div", { className: t["notification-content--text"], children: [
+        /* @__PURE__ */ o("p", { className: t["notification-title"], children: _ }),
+        a && /* @__PURE__ */ o("p", { className: t["notification-subtitle"], children: a }),
+        e && /* @__PURE__ */ o("div", { className: t["notification-action"], children: e })
+      ] })
+    ] }),
+    l && /* @__PURE__ */ o(
+      "button",
+      {
+        type: "button",
+        "aria-label": "close",
+        className: s(t["notification-close-button"], t[`notification-close-button--${i}`], {
+          [t[`notification-close-button--bar--${i}`]]: u
+        }),
+        children: /* @__PURE__ */ o(r, { name: "Cross", size: 24 })
+      }
+    )
+  ] });
+};
+export {
+  N as Notification
+};
+//# sourceMappingURL=Notification.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.js","sources":["../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nimport type { ReactNode } from 'react';\n\nimport styles from './Notification.module.css';\n\nimport { Icon } from 'components/Icon';\n\nexport type NotificationVariant = 'default' | 'bar';\nexport type NotificationLevel = 'neutral' | 'information' | 'success' | 'warning' | 'danger';\n\nexport interface NotificationProps {\n  title: string;\n  subtitle?: string;\n  action?: ReactNode;\n  variant?: NotificationVariant;\n  level: NotificationLevel;\n  onClose?: () => void;\n}\n\nexport const Notification = ({ title, subtitle, action, variant = 'default', level, onClose }: NotificationProps) => {\n  const isBar = variant === 'bar';\n\n  function setIconName(toastType: NotificationLevel) {\n    if (toastType === 'neutral') return 'CalendarEdit';\n    if (toastType === 'information') return 'SquareInfo';\n    if (toastType === 'success') return 'CheckCircle';\n    return 'ExclamationTriangleMini';\n  }\n\n  return (\n    <div className={clsx(styles['notification'], styles[`notification--${variant}`], styles[`notification--${level}`])}>\n      <div className={styles['notification-content']}>\n        <Icon name={setIconName(level)} />\n        <div className={styles['notification-content--text']}>\n          <p className={styles['notification-title']}>{title}</p>\n          {subtitle && <p className={styles['notification-subtitle']}>{subtitle}</p>}\n          {action && <div className={styles['notification-action']}>{action}</div>}\n        </div>\n      </div>\n      {onClose && (\n        <button\n          type=\"button\"\n          aria-label=\"close\"\n          className={clsx(styles['notification-close-button'], styles[`notification-close-button--${level}`], {\n            [styles[`notification-close-button--bar--${level}`]]: isBar,\n          })}\n        >\n          <Icon name=\"Cross\" size={24} />\n        </button>\n      )}\n    </div>\n  );\n};\n"],"names":["Notification","title","subtitle","action","variant","level","onClose","isBar","setIconName","toastType","clsx","styles","jsxs","jsx","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;GAoBaA,IAAe,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,QAAAC,GAAQ,SAAAC,IAAU,WAAW,OAAAC,GAAO,SAAAC,QAAiC;AACnH,QAAMC,IAAQH,MAAY;AAE1B,WAASI,EAAYC,GAA8B;AAC7C,WAAAA,MAAc,YAAkB,iBAChCA,MAAc,gBAAsB,eACpCA,MAAc,YAAkB,gBAC7B;AAAA,EAAA;AAGT,2BACG,OAAI,EAAA,WAAWC,EAAKC,EAAO,cAAiBA,EAAO,iBAAiBP,CAAO,EAAE,GAAGO,EAAO,iBAAiBN,CAAK,EAAE,CAAC,GAC/G,UAAA;AAAA,IAAA,gBAAAO,EAAC,OAAI,EAAA,WAAWD,EAAO,sBAAsB,GAC3C,UAAA;AAAA,MAAA,gBAAAE,EAACC,GAAK,EAAA,MAAMN,EAAYH,CAAK,EAAG,CAAA;AAAA,MAC/B,gBAAAO,EAAA,OAAA,EAAI,WAAWD,EAAO,4BAA4B,GACjD,UAAA;AAAA,QAAA,gBAAAE,EAAC,KAAE,EAAA,WAAWF,EAAO,oBAAoB,GAAI,UAAMV,GAAA;AAAA,QAClDC,KAAa,gBAAAW,EAAA,KAAA,EAAE,WAAWF,EAAO,uBAAuB,GAAI,UAAST,GAAA;AAAA,QACrEC,KAAW,gBAAAU,EAAA,OAAA,EAAI,WAAWF,EAAO,qBAAqB,GAAI,UAAOR,EAAA,CAAA;AAAA,MAAA,EACpE,CAAA;AAAA,IAAA,GACF;AAAA,IACCG,KACC,gBAAAO;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAW;AAAA,QACX,WAAWH,EAAKC,EAAO,2BAA2B,GAAGA,EAAO,8BAA8BN,CAAK,EAAE,GAAG;AAAA,UAClG,CAACM,EAAO,mCAAmCN,CAAK,EAAE,CAAC,GAAGE;AAAA,QAAA,CACvD;AAAA,QAED,UAAC,gBAAAM,EAAAC,GAAA,EAAK,MAAK,SAAQ,MAAM,GAAI,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAC/B,GAEJ;AAEJ;"}

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

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { NotificationProps } from './Notification';
+declare const _default: Meta<NotificationProps>;
+export default _default;
+export declare const NotificationExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, NotificationProps>;
+export declare const AsBar: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, NotificationProps>;

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

@@ -0,0 +1,43 @@
+import { jsx as i } from "react/jsx-runtime";
+import { fn as a } from "../../index-Dwqes6RH.js";
+import { Notification as t } from "./Notification.js";
+const r = `<Notification title={title} subtitle={subtitle} action={action} 
+  level={level} variant={variant} onClose={() => {}} />`, p = {
+  title: "Molecules/Notification",
+  component: t,
+  argTypes: {
+    level: {
+      options: ["neutral", "information", "success", "warning", "danger"],
+      control: { type: "radio" }
+    },
+    variant: {
+      options: ["default", "bar"],
+      control: { type: "radio" }
+    }
+  },
+  parameters: {
+    inspectComponent: t,
+    codeString: r
+  }
+}, e = (n) => /* @__PURE__ */ i(t, { ...n }), o = {
+  level: "information",
+  title: "Titel van de melding",
+  onClose: a()
+}, l = e.bind({});
+l.args = {
+  ...o,
+  variant: "default",
+  subtitle: "Subtekst ter verduidelijking van de melding.",
+  action: /* @__PURE__ */ i("span", { children: "Actie" })
+};
+const s = e.bind({});
+s.args = {
+  ...o,
+  variant: "bar"
+};
+export {
+  s as AsBar,
+  l as NotificationExample,
+  p as default
+};
+//# sourceMappingURL=Notification.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.stories.js","sources":["../../../src/components/Notification/Notification.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { NotificationProps } from './Notification';\n\nimport { Notification } from './Notification';\n\nconst codeString = `<Notification title={title} subtitle={subtitle} action={action} \n  level={level} variant={variant} onClose={() => {}} />`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/Notification',\n  component: Notification,\n  argTypes: {\n    level: {\n      options: ['neutral', 'information', 'success', 'warning', 'danger'],\n      control: { type: 'radio' },\n    },\n    variant: {\n      options: ['default', 'bar'],\n      control: { type: 'radio' },\n    },\n  },\n  parameters: {\n    inspectComponent: Notification,\n    codeString: codeString,\n  },\n} as Meta<NotificationProps>;\n\nconst Template: StoryFn<NotificationProps> = (args) => <Notification {...args} />;\n\nconst defaultArgs: Partial<NotificationProps> = {\n  level: 'information',\n  title: 'Titel van de melding',\n  onClose: fn(),\n};\n\nexport const NotificationExample = Template.bind({});\nNotificationExample.args = {\n  ...defaultArgs,\n  variant: 'default',\n  subtitle: 'Subtekst ter verduidelijking van de melding.',\n  action: <span>Actie</span>,\n};\n\nexport const AsBar = Template.bind({});\nAsBar.args = {\n  ...defaultArgs,\n  variant: 'bar',\n};\n"],"names":["codeString","Notification_stories","Notification","Template","args","jsx","defaultArgs","fn","NotificationExample","AsBar"],"mappings":";;;AAOA,MAAMA,IAAa;AAAA,0DAIJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS,CAAC,WAAW,eAAe,WAAW,WAAW,QAAQ;AAAA,MAClE,SAAS,EAAE,MAAM,QAAQ;AAAA,IAC3B;AAAA,IACA,SAAS;AAAA,MACP,SAAS,CAAC,WAAW,KAAK;AAAA,MAC1B,SAAS,EAAE,MAAM,QAAQ;AAAA,IAAA;AAAA,EAE7B;AAAA,EACA,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAuC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAc,GAAGE,GAAM,GAEzEE,IAA0C;AAAA,EAC9C,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAASC,EAAG;AACd,GAEaC,IAAsBL,EAAS,KAAK,CAAE,CAAA;AACnDK,EAAoB,OAAO;AAAA,EACzB,GAAGF;AAAA,EACH,SAAS;AAAA,EACT,UAAU;AAAA,EACV,QAAS,gBAAAD,EAAA,QAAA,EAAK,UAAK,QAAA,CAAA;AACrB;AAEO,MAAMI,IAAQN,EAAS,KAAK,CAAE,CAAA;AACrCM,EAAM,OAAO;AAAA,EACX,GAAGH;AAAA,EACH,SAAS;AACX;"}

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

@@ -0,0 +1,12 @@
+import { jsx as e } from "react/jsx-runtime";
+import "../../index-BqLi4tOb.js";
+import { r as i, s as t } from "../../react.esm-CsMDid07.js";
+import { Notification as n } from "./Notification.js";
+describe("Notification", () => {
+  it("renders title and subtitle", () => {
+    i(/* @__PURE__ */ e(n, { level: "information", title: "Info title", subtitle: "Info subtitle" })), expect(t.getByText("Info title")).toBeInTheDocument(), expect(t.getByText("Info subtitle")).toBeInTheDocument();
+  }), it("renders bar variant", () => {
+    i(/* @__PURE__ */ e(n, { level: "danger", variant: "bar", title: "Danger title" })), expect(t.getByText("Danger title")).toBeInTheDocument();
+  });
+});
+//# sourceMappingURL=Notification.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.test.js","sources":["../../../src/components/Notification/Notification.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { Notification } from './Notification';\n\ndescribe('Notification', () => {\n  it('renders title and subtitle', () => {\n    render(<Notification level=\"information\" title=\"Info title\" subtitle=\"Info subtitle\" />);\n    expect(screen.getByText('Info title')).toBeInTheDocument();\n    expect(screen.getByText('Info subtitle')).toBeInTheDocument();\n  });\n\n  it('renders bar variant', () => {\n    render(<Notification level=\"danger\" variant=\"bar\" title=\"Danger title\" />);\n    expect(screen.getByText('Danger title')).toBeInTheDocument();\n  });\n});\n"],"names":["render","jsx","Notification","screen"],"mappings":";;;;AAKA,SAAS,gBAAgB,MAAM;AAC7B,KAAG,8BAA8B,MAAM;AAC9B,IAAAA,EAAA,gBAAAC,EAACC,KAAa,OAAM,eAAc,OAAM,cAAa,UAAS,iBAAgB,CAAE,GACvF,OAAOC,EAAO,UAAU,YAAY,CAAC,EAAE,kBAAkB,GACzD,OAAOA,EAAO,UAAU,eAAe,CAAC,EAAE,kBAAkB;AAAA,EAAA,CAC7D,GAED,GAAG,uBAAuB,MAAM;AACvB,IAAAH,EAAA,gBAAAC,EAACC,KAAa,OAAM,UAAS,SAAQ,OAAM,OAAM,gBAAe,CAAE,GACzE,OAAOC,EAAO,UAAU,cAAc,CAAC,EAAE,kBAAkB;AAAA,EAAA,CAC5D;AACH,CAAC;"}

package/dist/components/Notification/index.d.ts

@@ -0,0 +1 @@
+export * from './Notification';

package/dist/components/Notification/index.js

@@ -0,0 +1,5 @@
+import { Notification as t } from "./Notification.js";
+export {
+  t as Notification
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/OverlayStepBar/OverlayStepBar.stories.js

@@ -41,6 +41,7 @@ S.args = {
 const d = o.bind({});
 d.args = {
   ...a,
+  // eslint-disable-next-line @typescript-eslint/no-magic-numbers
   disabledCountPrefix: [1, 6],
   activeStep: 2
 };

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

@@ -1 +1 @@
-{"version":3,"file":"OverlayStepBar.stories.js","sources":["../../../src/components/OverlayStepBar/OverlayStepBar.stories.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { OverlayStepBarProps } from './OverlayStepBar';\n\nimport { OverlayStepBar } from './OverlayStepBar';\n\nconst codeString =\n  '<OverlayStepBar stepLabels={[string]} activeStep={number} disabledCountPrefix={[numbers]} onStepClick={(step) => void}/>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/OverlayStepBar',\n  component: OverlayStepBar,\n  argTypes: {\n    activeStep: { control: 'number' },\n    stepLabels: { control: 'object' },\n    disabledCountPrefix: {\n      table: {\n        disable: true,\n      },\n    },\n    onStepClick: { action: 'stepClicked' },\n  },\n  parameters: {\n    inspectComponent: OverlayStepBar,\n    codeString: codeString,\n  },\n} as Meta<OverlayStepBarProps>;\n\nconst Template: StoryFn<OverlayStepBarProps> = (args) => {\n  const [activeStep, setActiveStep] = useState(args.activeStep || 1);\n\n  return (\n    <OverlayStepBar\n      {...args}\n      activeStep={activeStep}\n      onStepClick={(step) => {\n        setActiveStep(step);\n        args.onStepClick?.(step);\n      }}\n    />\n  );\n};\n\nconst defaultArgs: Partial<OverlayStepBarProps> = {\n  stepLabels: ['Basic Details', 'Lecturers', 'Period Planning', 'Assessment', 'Miscellaneous', 'Overview'],\n};\n\nexport const OverlayStepBarExample = Template.bind({});\nOverlayStepBarExample.args = {\n  ...defaultArgs,\n  activeStep: 2,\n};\n\nexport const OverlayStepBarHidePrifix = Template.bind({});\nOverlayStepBarHidePrifix.args = {\n  ...defaultArgs,\n  disabledCountPrefix: [1, 6],\n  activeStep: 2,\n};\n"],"names":["codeString","OverlayStepBar_stories","OverlayStepBar","Template","args","activeStep","setActiveStep","useState","jsx","step","_a","defaultArgs","OverlayStepBarExample","OverlayStepBarHidePrifix"],"mappings":";;;AAOA,MAAMA,IACJ,4HAGaC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,YAAY,EAAE,SAAS,SAAS;AAAA,IAChC,YAAY,EAAE,SAAS,SAAS;AAAA,IAChC,qBAAqB;AAAA,MACnB,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IAEb;AAAA,IACA,aAAa,EAAE,QAAQ,cAAc;AAAA,EACvC;AAAA,EACA,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAyC,CAACC,MAAS;AACvD,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAASH,EAAK,cAAc,CAAC;AAG/D,SAAA,gBAAAI;AAAA,IAACN;AAAA,IAAA;AAAA,MACE,GAAGE;AAAA,MACJ,YAAAC;AAAA,MACA,aAAa,CAACI,MAAS;;AACrB,QAAAH,EAAcG,CAAI,IAClBC,IAAAN,EAAK,gBAAL,QAAAM,EAAA,KAAAN,GAAmBK;AAAA,MAAI;AAAA,IACzB;AAAA,EACF;AAEJ,GAEME,IAA4C;AAAA,EAChD,YAAY,CAAC,iBAAiB,aAAa,mBAAmB,cAAc,iBAAiB,UAAU;AACzG,GAEaC,IAAwBT,EAAS,KAAK,CAAE,CAAA;AACrDS,EAAsB,OAAO;AAAA,EAC3B,GAAGD;AAAA,EACH,YAAY;AACd;AAEO,MAAME,IAA2BV,EAAS,KAAK,CAAE,CAAA;AACxDU,EAAyB,OAAO;AAAA,EAC9B,GAAGF;AAAA,EACH,qBAAqB,CAAC,GAAG,CAAC;AAAA,EAC1B,YAAY;AACd;"}
+{"version":3,"file":"OverlayStepBar.stories.js","sources":["../../../src/components/OverlayStepBar/OverlayStepBar.stories.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { OverlayStepBarProps } from './OverlayStepBar';\n\nimport { OverlayStepBar } from './OverlayStepBar';\n\nconst codeString =\n  '<OverlayStepBar stepLabels={[string]} activeStep={number} disabledCountPrefix={[numbers]} onStepClick={(step) => void}/>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/OverlayStepBar',\n  component: OverlayStepBar,\n  argTypes: {\n    activeStep: { control: 'number' },\n    stepLabels: { control: 'object' },\n    disabledCountPrefix: {\n      table: {\n        disable: true,\n      },\n    },\n    onStepClick: { action: 'stepClicked' },\n  },\n  parameters: {\n    inspectComponent: OverlayStepBar,\n    codeString: codeString,\n  },\n} as Meta<OverlayStepBarProps>;\n\nconst Template: StoryFn<OverlayStepBarProps> = (args) => {\n  const [activeStep, setActiveStep] = useState(args.activeStep || 1);\n\n  return (\n    <OverlayStepBar\n      {...args}\n      activeStep={activeStep}\n      onStepClick={(step) => {\n        setActiveStep(step);\n        args.onStepClick?.(step);\n      }}\n    />\n  );\n};\n\nconst defaultArgs: Partial<OverlayStepBarProps> = {\n  stepLabels: ['Basic Details', 'Lecturers', 'Period Planning', 'Assessment', 'Miscellaneous', 'Overview'],\n};\n\nexport const OverlayStepBarExample = Template.bind({});\nOverlayStepBarExample.args = {\n  ...defaultArgs,\n  activeStep: 2,\n};\n\nexport const OverlayStepBarHidePrifix = Template.bind({});\nOverlayStepBarHidePrifix.args = {\n  ...defaultArgs,\n  // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n  disabledCountPrefix: [1, 6],\n  activeStep: 2,\n};\n"],"names":["codeString","OverlayStepBar_stories","OverlayStepBar","Template","args","activeStep","setActiveStep","useState","jsx","step","_a","defaultArgs","OverlayStepBarExample","OverlayStepBarHidePrifix"],"mappings":";;;AAOA,MAAMA,IACJ,4HAGaC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,YAAY,EAAE,SAAS,SAAS;AAAA,IAChC,YAAY,EAAE,SAAS,SAAS;AAAA,IAChC,qBAAqB;AAAA,MACnB,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IAEb;AAAA,IACA,aAAa,EAAE,QAAQ,cAAc;AAAA,EACvC;AAAA,EACA,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAyC,CAACC,MAAS;AACvD,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAASH,EAAK,cAAc,CAAC;AAG/D,SAAA,gBAAAI;AAAA,IAACN;AAAA,IAAA;AAAA,MACE,GAAGE;AAAA,MACJ,YAAAC;AAAA,MACA,aAAa,CAACI,MAAS;;AACrB,QAAAH,EAAcG,CAAI,IAClBC,IAAAN,EAAK,gBAAL,QAAAM,EAAA,KAAAN,GAAmBK;AAAA,MAAI;AAAA,IACzB;AAAA,EACF;AAEJ,GAEME,IAA4C;AAAA,EAChD,YAAY,CAAC,iBAAiB,aAAa,mBAAmB,cAAc,iBAAiB,UAAU;AACzG,GAEaC,IAAwBT,EAAS,KAAK,CAAE,CAAA;AACrDS,EAAsB,OAAO;AAAA,EAC3B,GAAGD;AAAA,EACH,YAAY;AACd;AAEO,MAAME,IAA2BV,EAAS,KAAK,CAAE,CAAA;AACxDU,EAAyB,OAAO;AAAA,EAC9B,GAAGF;AAAA;AAAA,EAEH,qBAAqB,CAAC,GAAG,CAAC;AAAA,EAC1B,YAAY;AACd;"}

package/dist/components/index.d.ts

@@ -35,6 +35,7 @@ export * from './MetaDataList';
 export * from './ModalDialog';
 export * from './MultiSelect';
 export * from './MultiSelectBox';
+export * from './Notification';
 export * from './OverlayCloseButton';
 export * from './OverlayStepBar';
 export * from './PageOverlay';

package/dist/components/index.js

@@ -1,6 +1,6 @@
 import { Accordion as t } from "./Accordion/Accordion.js";
 import { AccordionCard as p } from "./AccordionCard/AccordionCard.js";
-import { ActionList as m } from "./ActionList/ActionList.js";
+import { ActionList as f } from "./ActionList/ActionList.js";
 import { AppStatusBar as a } from "./AppStatusBar/AppStatusBar.js";
 import { Attention as n } from "./Attention/Attention.js";
 import { Backdrop as c } from "./Backdrop/Backdrop.js";
@@ -17,7 +17,7 @@ import { ControlsButton as T } from "./ControlsButton/ControlsButton.js";
 import { Drawer as w } from "./Drawer/Drawer.js";
 import { EmptyStateDataDisplay as G } from "./EmptyStateDataDisplay/EmptyStateDataDisplay.js";
 import { ExpandableInfoPanel as H } from "./ExpandableInfoPanel/ExpandableInfoPanel.js";
-import { FeedbackBar as N } from "./FeedbackBar/FeedbackBar.js";
+import { FeedbackBar as z } from "./FeedbackBar/FeedbackBar.js";
 import { FeedbackBox as j } from "./FeedbackBox/FeedbackBox.js";
 import { FieldHint as J } from "./FieldHint/FieldHint.js";
 import { Fieldset as Q } from "./Fieldset/Fieldset.js";
@@ -27,7 +27,7 @@ import { GridRow as _ } from "./GridRow/GridRow.js";
 import { HorizontalList as oo } from "./HorizontalList/HorizontalList.js";
 import { Icon as to } from "./Icon/Icon.js";
 import { IconButton as po } from "./IconButton/IconButton.js";
-import { InfoBanner as mo } from "./InfoBanner/InfoBanner.js";
+import { InfoBanner as fo } from "./InfoBanner/InfoBanner.js";
 import { InfoMessage as ao } from "./InfoMessage/InfoMessage.js";
 import { Input as no } from "./Input/Input.js";
 import { InputField as co } from "./InputField/InputField.js";
@@ -37,32 +37,33 @@ import { MetaDataList as Co } from "./MetaDataList/MetaDataList.js";
 import { ModalDialog as ko } from "./ModalDialog/ModalDialog.js";
 import { M as Mo } from "../TablePlugin-NmJsn2fm.js";
 import { MultiSelectBox as Lo } from "./MultiSelectBox/MultiSelectBox.js";
-import { OverlayCloseButton as Ro } from "./OverlayCloseButton/OverlayCloseButton.js";
-import { OverlayStepBar as ho } from "./OverlayStepBar/OverlayStepBar.js";
-import { PageOverlay as Do } from "./PageOverlay/PageOverlay.js";
-import { Periods as vo } from "./Periods/Periods.js";
-import { PeriodSelector as Eo } from "./PeriodSelector/PeriodSelector.js";
-import { ProgrammeCard as Oo } from "./ProgrammeCard/ProgrammeCard.js";
-import { RadioButton as zo } from "./RadioButton/RadioButton.js";
-import { RadioGroup as Vo } from "./RadioGroup/RadioGroup.js";
-import { RadioTabSelector as qo } from "./RadioTabSelector/RadioTabSelector.js";
-import { Repeater as Ko } from "./Repeater/Repeater.js";
-import { Rte as Uo, RteEditor as Wo } from "./RteEditor/RteEditor.js";
-import { SectionNotification as Yo } from "./SectionNotification/SectionNotification.js";
-import { SelectListbox as _o } from "./SelectListbox/SelectListbox.js";
-import { SelectProvider as or, useSelect as rr } from "./SelectListbox/SelectProvider.js";
-import { Sortable as er } from "./Sortable/Sortable.js";
-import { Spinner as xr } from "./Spinner/Spinner.js";
-import { StatusBadge as fr } from "./StatusBadge/StatusBage.js";
-import { StatusPill as ir } from "./StatusPill/StatusPill.js";
-import { TextArea as lr } from "./TextArea/TextArea.js";
-import { ToggleSwitch as dr } from "./ToggleSwitch/ToggleSwitch.js";
-import { Tooltip as Br } from "./Tooltip/Tooltip.js";
-import { VarIndicator as Sr } from "./VarIndicator/VarIndicator.js";
+import { Notification as Ro } from "./Notification/Notification.js";
+import { OverlayCloseButton as ho } from "./OverlayCloseButton/OverlayCloseButton.js";
+import { OverlayStepBar as Do } from "./OverlayStepBar/OverlayStepBar.js";
+import { PageOverlay as vo } from "./PageOverlay/PageOverlay.js";
+import { Periods as Eo } from "./Periods/Periods.js";
+import { PeriodSelector as Oo } from "./PeriodSelector/PeriodSelector.js";
+import { ProgrammeCard as No } from "./ProgrammeCard/ProgrammeCard.js";
+import { RadioButton as Vo } from "./RadioButton/RadioButton.js";
+import { RadioGroup as qo } from "./RadioGroup/RadioGroup.js";
+import { RadioTabSelector as Ko } from "./RadioTabSelector/RadioTabSelector.js";
+import { Repeater as Uo } from "./Repeater/Repeater.js";
+import { Rte as Xo, RteEditor as Yo } from "./RteEditor/RteEditor.js";
+import { SectionNotification as _o } from "./SectionNotification/SectionNotification.js";
+import { SelectListbox as or } from "./SelectListbox/SelectListbox.js";
+import { SelectProvider as tr, useSelect as er } from "./SelectListbox/SelectProvider.js";
+import { Sortable as xr } from "./Sortable/Sortable.js";
+import { Spinner as mr } from "./Spinner/Spinner.js";
+import { StatusBadge as ir } from "./StatusBadge/StatusBage.js";
+import { StatusPill as lr } from "./StatusPill/StatusPill.js";
+import { TextArea as dr } from "./TextArea/TextArea.js";
+import { ToggleSwitch as Br } from "./ToggleSwitch/ToggleSwitch.js";
+import { Tooltip as Sr } from "./Tooltip/Tooltip.js";
+import { VarIndicator as Cr } from "./VarIndicator/VarIndicator.js";
 export {
   t as Accordion,
   p as AccordionCard,
-  m as ActionList,
+  f as ActionList,
   a as AppStatusBar,
   n as Attention,
   c as Backdrop,
@@ -77,7 +78,7 @@ export {
   w as Drawer,
   G as EmptyStateDataDisplay,
   H as ExpandableInfoPanel,
-  N as FeedbackBar,
+  z as FeedbackBar,
   j as FeedbackBox,
   J as FieldHint,
   Q as Fieldset,
@@ -87,7 +88,7 @@ export {
   oo as HorizontalList,
   to as Icon,
   po as IconButton,
-  mo as InfoBanner,
+  fo as InfoBanner,
   ao as InfoMessage,
   no as Input,
   co as InputField,
@@ -99,29 +100,30 @@ export {
   ko as ModalDialog,
   Mo as MultiSelect,
   Lo as MultiSelectBox,
-  Ro as OverlayCloseButton,
-  ho as OverlayStepBar,
-  Do as PageOverlay,
-  Eo as PeriodSelector,
-  vo as Periods,
-  Oo as ProgrammeCard,
-  zo as RadioButton,
-  Vo as RadioGroup,
-  qo as RadioTabSelector,
-  Ko as Repeater,
-  Uo as Rte,
-  Wo as RteEditor,
-  Yo as SectionNotification,
-  _o as SelectListbox,
-  or as SelectProvider,
-  er as Sortable,
-  xr as Spinner,
-  fr as StatusBadge,
-  ir as StatusPill,
-  lr as TextArea,
-  dr as ToggleSwitch,
-  Br as Tooltip,
-  Sr as VarIndicator,
-  rr as useSelect
+  Ro as Notification,
+  ho as OverlayCloseButton,
+  Do as OverlayStepBar,
+  vo as PageOverlay,
+  Oo as PeriodSelector,
+  Eo as Periods,
+  No as ProgrammeCard,
+  Vo as RadioButton,
+  qo as RadioGroup,
+  Ko as RadioTabSelector,
+  Uo as Repeater,
+  Xo as Rte,
+  Yo as RteEditor,
+  _o as SectionNotification,
+  or as SelectListbox,
+  tr as SelectProvider,
+  xr as Sortable,
+  mr as Spinner,
+  ir as StatusBadge,
+  lr as StatusPill,
+  dr as TextArea,
+  Br as ToggleSwitch,
+  Sr as Tooltip,
+  Cr as VarIndicator,
+  er as useSelect
 };
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.js

@@ -1,6 +1,6 @@
 import { Accordion as t } from "./components/Accordion/Accordion.js";
 import { AccordionCard as p } from "./components/AccordionCard/AccordionCard.js";
-import { ActionList as m } from "./components/ActionList/ActionList.js";
+import { ActionList as f } from "./components/ActionList/ActionList.js";
 import { AppStatusBar as a } from "./components/AppStatusBar/AppStatusBar.js";
 import { Attention as n } from "./components/Attention/Attention.js";
 import { Backdrop as c } from "./components/Backdrop/Backdrop.js";
@@ -17,7 +17,7 @@ import { ControlsButton as T } from "./components/ControlsButton/ControlsButton.
 import { Drawer as w } from "./components/Drawer/Drawer.js";
 import { EmptyStateDataDisplay as G } from "./components/EmptyStateDataDisplay/EmptyStateDataDisplay.js";
 import { ExpandableInfoPanel as H } from "./components/ExpandableInfoPanel/ExpandableInfoPanel.js";
-import { FeedbackBar as N } from "./components/FeedbackBar/FeedbackBar.js";
+import { FeedbackBar as z } from "./components/FeedbackBar/FeedbackBar.js";
 import { FeedbackBox as j } from "./components/FeedbackBox/FeedbackBox.js";
 import { FieldHint as J } from "./components/FieldHint/FieldHint.js";
 import { Fieldset as Q } from "./components/Fieldset/Fieldset.js";
@@ -27,7 +27,7 @@ import { GridRow as _ } from "./components/GridRow/GridRow.js";
 import { HorizontalList as oo } from "./components/HorizontalList/HorizontalList.js";
 import { Icon as to } from "./components/Icon/Icon.js";
 import { IconButton as po } from "./components/IconButton/IconButton.js";
-import { InfoBanner as mo } from "./components/InfoBanner/InfoBanner.js";
+import { InfoBanner as fo } from "./components/InfoBanner/InfoBanner.js";
 import { InfoMessage as ao } from "./components/InfoMessage/InfoMessage.js";
 import { Input as no } from "./components/Input/Input.js";
 import { InputField as co } from "./components/InputField/InputField.js";
@@ -37,32 +37,33 @@ import { MetaDataList as Co } from "./components/MetaDataList/MetaDataList.js";
 import { ModalDialog as ko } from "./components/ModalDialog/ModalDialog.js";
 import { M as Mo } from "./TablePlugin-NmJsn2fm.js";
 import { MultiSelectBox as Lo } from "./components/MultiSelectBox/MultiSelectBox.js";
-import { OverlayCloseButton as Ro } from "./components/OverlayCloseButton/OverlayCloseButton.js";
-import { OverlayStepBar as ho } from "./components/OverlayStepBar/OverlayStepBar.js";
-import { PageOverlay as Do } from "./components/PageOverlay/PageOverlay.js";
-import { Periods as vo } from "./components/Periods/Periods.js";
-import { PeriodSelector as Eo } from "./components/PeriodSelector/PeriodSelector.js";
-import { ProgrammeCard as Oo } from "./components/ProgrammeCard/ProgrammeCard.js";
-import { RadioButton as zo } from "./components/RadioButton/RadioButton.js";
-import { RadioGroup as Vo } from "./components/RadioGroup/RadioGroup.js";
-import { RadioTabSelector as qo } from "./components/RadioTabSelector/RadioTabSelector.js";
-import { Repeater as Ko } from "./components/Repeater/Repeater.js";
-import { Rte as Uo, RteEditor as Wo } from "./components/RteEditor/RteEditor.js";
-import { SectionNotification as Yo } from "./components/SectionNotification/SectionNotification.js";
-import { SelectListbox as _o } from "./components/SelectListbox/SelectListbox.js";
-import { SelectProvider as or, useSelect as rr } from "./components/SelectListbox/SelectProvider.js";
-import { Sortable as er } from "./components/Sortable/Sortable.js";
-import { Spinner as xr } from "./components/Spinner/Spinner.js";
-import { StatusBadge as fr } from "./components/StatusBadge/StatusBage.js";
-import { StatusPill as ir } from "./components/StatusPill/StatusPill.js";
-import { TextArea as lr } from "./components/TextArea/TextArea.js";
-import { ToggleSwitch as dr } from "./components/ToggleSwitch/ToggleSwitch.js";
-import { Tooltip as Br } from "./components/Tooltip/Tooltip.js";
-import { VarIndicator as Sr } from "./components/VarIndicator/VarIndicator.js";
+import { Notification as Ro } from "./components/Notification/Notification.js";
+import { OverlayCloseButton as ho } from "./components/OverlayCloseButton/OverlayCloseButton.js";
+import { OverlayStepBar as Do } from "./components/OverlayStepBar/OverlayStepBar.js";
+import { PageOverlay as vo } from "./components/PageOverlay/PageOverlay.js";
+import { Periods as Eo } from "./components/Periods/Periods.js";
+import { PeriodSelector as Oo } from "./components/PeriodSelector/PeriodSelector.js";
+import { ProgrammeCard as No } from "./components/ProgrammeCard/ProgrammeCard.js";
+import { RadioButton as Vo } from "./components/RadioButton/RadioButton.js";
+import { RadioGroup as qo } from "./components/RadioGroup/RadioGroup.js";
+import { RadioTabSelector as Ko } from "./components/RadioTabSelector/RadioTabSelector.js";
+import { Repeater as Uo } from "./components/Repeater/Repeater.js";
+import { Rte as Xo, RteEditor as Yo } from "./components/RteEditor/RteEditor.js";
+import { SectionNotification as _o } from "./components/SectionNotification/SectionNotification.js";
+import { SelectListbox as or } from "./components/SelectListbox/SelectListbox.js";
+import { SelectProvider as tr, useSelect as er } from "./components/SelectListbox/SelectProvider.js";
+import { Sortable as xr } from "./components/Sortable/Sortable.js";
+import { Spinner as mr } from "./components/Spinner/Spinner.js";
+import { StatusBadge as ir } from "./components/StatusBadge/StatusBage.js";
+import { StatusPill as lr } from "./components/StatusPill/StatusPill.js";
+import { TextArea as dr } from "./components/TextArea/TextArea.js";
+import { ToggleSwitch as Br } from "./components/ToggleSwitch/ToggleSwitch.js";
+import { Tooltip as Sr } from "./components/Tooltip/Tooltip.js";
+import { VarIndicator as Cr } from "./components/VarIndicator/VarIndicator.js";
 export {
   t as Accordion,
   p as AccordionCard,
-  m as ActionList,
+  f as ActionList,
   a as AppStatusBar,
   n as Attention,
   c as Backdrop,
@@ -77,7 +78,7 @@ export {
   w as Drawer,
   G as EmptyStateDataDisplay,
   H as ExpandableInfoPanel,
-  N as FeedbackBar,
+  z as FeedbackBar,
   j as FeedbackBox,
   J as FieldHint,
   Q as Fieldset,
@@ -87,7 +88,7 @@ export {
   oo as HorizontalList,
   to as Icon,
   po as IconButton,
-  mo as InfoBanner,
+  fo as InfoBanner,
   ao as InfoMessage,
   no as Input,
   co as InputField,
@@ -99,29 +100,30 @@ export {
   ko as ModalDialog,
   Mo as MultiSelect,
   Lo as MultiSelectBox,
-  Ro as OverlayCloseButton,
-  ho as OverlayStepBar,
-  Do as PageOverlay,
-  Eo as PeriodSelector,
-  vo as Periods,
-  Oo as ProgrammeCard,
-  zo as RadioButton,
-  Vo as RadioGroup,
-  qo as RadioTabSelector,
-  Ko as Repeater,
-  Uo as Rte,
-  Wo as RteEditor,
-  Yo as SectionNotification,
-  _o as SelectListbox,
-  or as SelectProvider,
-  er as Sortable,
-  xr as Spinner,
-  fr as StatusBadge,
-  ir as StatusPill,
-  lr as TextArea,
-  dr as ToggleSwitch,
-  Br as Tooltip,
-  Sr as VarIndicator,
-  rr as useSelect
+  Ro as Notification,
+  ho as OverlayCloseButton,
+  Do as OverlayStepBar,
+  vo as PageOverlay,
+  Oo as PeriodSelector,
+  Eo as Periods,
+  No as ProgrammeCard,
+  Vo as RadioButton,
+  qo as RadioGroup,
+  Ko as RadioTabSelector,
+  Uo as Repeater,
+  Xo as Rte,
+  Yo as RteEditor,
+  _o as SectionNotification,
+  or as SelectListbox,
+  tr as SelectProvider,
+  xr as Sortable,
+  mr as Spinner,
+  ir as StatusBadge,
+  lr as StatusPill,
+  dr as TextArea,
+  Br as ToggleSwitch,
+  Sr as Tooltip,
+  Cr as VarIndicator,
+  er as useSelect
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@uva-glass/component-library",
   "author": "Team Glass - Frontend vrienden",
   "private": false,
-  "version": "3.28.4",
+  "version": "3.29.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -115,6 +115,6 @@
     "@rollup/rollup-linux-x64-gnu": "^4.44.0",
     "@rspack/binding-darwin-arm64": "1.3.15",
     "@rspack/binding-linux-x64-gnu": "1.3.15",
-    "@ast-grep/napi-linux-x64-gnu": "0.38.5"
+    "@ast-grep/napi-linux-x64-gnu": "0.38.6"
   }
 }