@uva-glass/component-library 3.0.14 → 3.1.0

package/dist/assets/FeedbackBar.css

@@ -0,0 +1 @@
+._feedback-bar_1p46c_1{background-color:var(--color-green-50);border:1px solid var(--color-green-500);border-radius:.5rem;display:flex;font-weight:var(--semibold);gap:.5rem;justify-content:space-between;padding:0 1rem;max-height:0;opacity:0;transition:all .5s}._feedback-bar--visible_1p46c_17{max-height:6.625rem;opacity:1;padding:1rem}._feedback-bar__icon_1p46c_23{color:var(--color-green-500)}._feedback-bar__close-button_1p46c_27{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:.25rem;color:var(--color-black);display:inline-flex;height:1.5rem;justify-content:center;transition:var(--transition-colors);width:1.5rem}._feedback-bar__close-button_1p46c_27:focus-visible{outline:.125rem dotted var(--color-cobalt);outline-offset:.125rem}._feedback-bar__close-button_1p46c_27:hover{background-color:var(--color-green-100);cursor:pointer;outline:0}._feedback-bar__close-button_1p46c_27:after{width:2.625rem;height:2.625rem;content:" ";position:absolute}

package/dist/components/Buttons/Button.stories.js

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as a, Fragment as s } from "react/jsx-runtime";
-import { fn as l } from "../../index-DpyOH4wL.js";
+import { fn as l } from "../../index-C7jFUWYs.js";
 import { Button as n } from "./Button.js";
 const c = "<Button variant={variant} onClick={onClictFunction}>{children}</Button>", h = {
   title: "Atoms/Buttons/Button",

package/dist/components/Buttons/LinkButton.stories.js

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as a, Fragment as l } from "react/jsx-runtime";
-import { fn as s } from "../../index-DpyOH4wL.js";
+import { fn as s } from "../../index-C7jFUWYs.js";
 import { BrowserRouter as c } from "react-router";
 import { LinkButton as n } from "./LinkButton.js";
 const d = `

package/dist/components/Buttons/MenuButton.stories.js

@@ -1,5 +1,5 @@
 import { jsx as n, jsxs as s, Fragment as l } from "react/jsx-runtime";
-import { fn as c } from "../../index-DpyOH4wL.js";
+import { fn as c } from "../../index-C7jFUWYs.js";
 import { MenuButton as t } from "./MenuButton.js";
 const d = `
 // Has all LabelHTMLAttributes props available except "className" and "style" 

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

@@ -1,5 +1,5 @@
 import { jsxs as g, jsx as o } from "react/jsx-runtime";
-import { fn as e } from "../../index-DpyOH4wL.js";
+import { fn as e } from "../../index-C7jFUWYs.js";
 import { Checkbox as n } from "./Checkbox.js";
 import { FormField as t } from "../FormField/FormField.js";
 import { Label as i } from "../Label/Label.js";

package/dist/components/CheckboxButton/CheckboxButton.stories.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { fn as n } from "../../index-DpyOH4wL.js";
+import { fn as n } from "../../index-C7jFUWYs.js";
 import { CheckboxButton as o } from "./CheckboxButton.js";
 const a = "<CheckboxButton label={} value={} isChecked={} variant={} disabled={} notValid={} onSetValue={} key={} />", b = {
   title: "Atoms/CheckboxButton",

package/dist/components/CheckboxButtonBar/CheckboxButtonBar.stories.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { fn as l } from "../../index-DpyOH4wL.js";
+import { fn as l } from "../../index-C7jFUWYs.js";
 import { CheckboxButtonBar as e } from "./CheckboxButtonBar.js";
 const a = "<CheckboxButtonBar checkboxes={} defaultValues={} label={} labelPosition={} required={} notValidatedText={} disableGroup={} onSetValues={} />", i = {
   title: "Molecules/CheckboxButtonBar",

package/dist/components/CheckboxTree/CheckboxTree.stories.js

@@ -1,6 +1,6 @@
 import { jsx as _, jsxs as A } from "react/jsx-runtime";
-import { fn as w } from "../../index-DpyOH4wL.js";
-import { s as g, j as V, V as j } from "../../index-BldK5xU9.js";
+import { fn as w } from "../../index-C7jFUWYs.js";
+import { s as g, j as V, V as j } from "../../index-DH9Vbk37.js";
 import { useState as D } from "react";
 import { CheckboxTree as O } from "./CheckboxTree.js";
 import { Chip as I } from "../Chip/Chip.js";

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

@@ -1,5 +1,5 @@
 import { jsx as l } from "react/jsx-runtime";
-import { fn as t } from "../../index-DpyOH4wL.js";
+import { fn as t } from "../../index-C7jFUWYs.js";
 import { Chip as e } from "./Chip.js";
 const s = "<Chip label={string} onDelete={onDeleteFunction(label)}/>", b = {
   title: "Atoms/Chip",

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

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { OverlayProvider as p } from "@react-aria/overlays";
-import { fn as m } from "../../index-DpyOH4wL.js";
+import { fn as m } from "../../index-C7jFUWYs.js";
 import { useState as c } from "react";
 import { Drawer as r } from "./Drawer.js";
 import { Button as o } from "../Buttons/Button.js";

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

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

package/dist/components/FeedbackBar/FeedbackBar.js

@@ -0,0 +1,30 @@
+import { jsxs as s, jsx as c } from "react/jsx-runtime";
+import { c as a } from "../../clsx-OuTLNxxd.js";
+import { useState as l, useEffect as _ } from "react";
+import { Icon as b } from "../Icon/Icon.js";
+import { Repeater as f } from "../Repeater/Repeater.js";
+import '../../assets/FeedbackBar.css';const e = {
+  "feedback-bar": "_feedback-bar_1p46c_1",
+  "feedback-bar--visible": "_feedback-bar--visible_1p46c_17",
+  "feedback-bar__icon": "_feedback-bar__icon_1p46c_23",
+  "feedback-bar__close-button": "_feedback-bar__close-button_1p46c_27"
+}, u = ({ children: o }) => {
+  const [t, r] = l(!1);
+  _(() => {
+    r(!0);
+  }, []);
+  const i = () => {
+    r(!1);
+  };
+  return /* @__PURE__ */ s("div", { className: a(e["feedback-bar"], { [e["feedback-bar--visible"]]: t }), role: "alert", children: [
+    /* @__PURE__ */ s(f, { flexDirection: "row", children: [
+      /* @__PURE__ */ c(b, { className: a(e["feedback-bar__icon"]), name: "CheckCircle" }),
+      o
+    ] }),
+    /* @__PURE__ */ c("button", { className: a(e["feedback-bar__close-button"]), type: "button", onClick: i, children: /* @__PURE__ */ c(b, { name: "Cross", size: 24 }) })
+  ] });
+};
+export {
+  u as FeedbackBar
+};
+//# sourceMappingURL=FeedbackBar.js.map

package/dist/components/FeedbackBar/FeedbackBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackBar.js","sources":["../../../src/components/FeedbackBar/FeedbackBar.tsx"],"sourcesContent":["import classNames from 'clsx';\nimport { useEffect, useState, type PropsWithChildren } from 'react';\n\nimport styles from './FeedbackBar.module.css';\n\nimport { Icon } from 'components/Icon';\nimport { Repeater } from 'components/Repeater';\n\n/** Represents a component to show feedback within a Page. */\nexport const FeedbackBar = ({ children }: PropsWithChildren) => {\n  const [isVisible, setIsVisible] = useState(false);\n\n  useEffect(() => {\n    setIsVisible(true);\n  }, []);\n\n  const close = () => {\n    setIsVisible(false);\n  };\n\n  return (\n    <div className={classNames(styles['feedback-bar'], { [styles['feedback-bar--visible']]: isVisible })} role=\"alert\">\n      <Repeater flexDirection=\"row\">\n        <Icon className={classNames(styles['feedback-bar__icon'])} name=\"CheckCircle\" />\n        {children}\n      </Repeater>\n      <button className={classNames(styles['feedback-bar__close-button'])} type=\"button\" onClick={close}>\n        <Icon name=\"Cross\" size={24} />\n      </button>\n    </div>\n  );\n};\n"],"names":["FeedbackBar","children","isVisible","setIsVisible","useState","useEffect","close","classNames","styles","jsxs","Repeater","jsx","Icon"],"mappings":";;;;;;;;;;GASaA,IAAc,CAAC,EAAE,UAAAC,QAAkC;AAC9D,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK;AAEhD,EAAAC,EAAU,MAAM;AACd,IAAAF,EAAa,EAAI;AAAA,EACnB,GAAG,EAAE;AAEL,QAAMG,IAAQ,MAAM;AAClB,IAAAH,EAAa,EAAK;AAAA,EACpB;AAEA,2BACG,OAAI,EAAA,WAAWI,EAAWC,EAAO,cAAc,GAAG,EAAE,CAACA,EAAO,uBAAuB,CAAC,GAAGN,GAAW,GAAG,MAAK,SACzG,UAAA;AAAA,IAAC,gBAAAO,EAAAC,GAAA,EAAS,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAWL,EAAWC,EAAO,oBAAoB,CAAC,GAAG,MAAK,eAAc;AAAA,MAC7EP;AAAA,IAAA,GACH;AAAA,sBACC,UAAO,EAAA,WAAWM,EAAWC,EAAO,4BAA4B,CAAC,GAAG,MAAK,UAAS,SAASF,GAC1F,UAAC,gBAAAK,EAAAC,GAAA,EAAK,MAAK,SAAQ,MAAM,IAAI,EAC/B,CAAA;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+import { Meta } from '@storybook/react';
+declare const _default: Meta<PropsWithChildren>;
+export default _default;
+export declare const FeedbackBarExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, {
+    children?: import('react').ReactNode | undefined;
+}>;

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

@@ -0,0 +1,33 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { useState as c } from "react";
+import { FeedbackBar as r } from "./FeedbackBar.js";
+import { Button as o } from "../Buttons/Button.js";
+import "../Buttons/LinkButton.js";
+import "@react-aria/button";
+import { Repeater as s } from "../Repeater/Repeater.js";
+import { ButtonGroup as m } from "../ButtonGroup/ButtonGroup.js";
+const p = "<FeedbackBar>{children}</FeedbackBar>", C = {
+  title: "Molecules/FeedbackBar",
+  component: r,
+  parameters: {
+    inspectComponent: r,
+    codeString: p
+  }
+}, l = (i) => {
+  const [n, t] = c(!1);
+  return /* @__PURE__ */ a(s, { children: [
+    /* @__PURE__ */ a(m, { children: [
+      /* @__PURE__ */ e(o, { variant: "primary", onClick: () => t(!0), children: "Click to open FeedbackBar" }),
+      /* @__PURE__ */ e(o, { variant: "primary", onClick: () => t(!1), children: "Click to reset animation for FeedbackBar" })
+    ] }),
+    n && /* @__PURE__ */ e(r, { ...i })
+  ] });
+}, d = l.bind({});
+d.args = {
+  children: "This is example feedback"
+};
+export {
+  d as FeedbackBarExample,
+  C as default
+};
+//# sourceMappingURL=FeedbackBar.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackBar.stories.js","sources":["../../../src/components/FeedbackBar/FeedbackBar.stories.tsx"],"sourcesContent":["import { useState, type PropsWithChildren } from 'react';\n\nimport type { Meta, StoryFn } from '@storybook/react';\n\nimport { FeedbackBar } from 'components/FeedbackBar';\nimport { Button } from 'components/Buttons';\nimport { Repeater } from 'components/Repeater';\nimport { ButtonGroup } from 'components/ButtonGroup';\n\nconst codeString = '<FeedbackBar>{children}</FeedbackBar>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/FeedbackBar',\n  component: FeedbackBar,\n  parameters: {\n    inspectComponent: FeedbackBar,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren>;\n\nconst Template: StoryFn<PropsWithChildren> = (args) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  return (\n    <Repeater>\n      <ButtonGroup>\n        <Button variant=\"primary\" onClick={() => setIsOpen(true)}>\n          Click to open FeedbackBar\n        </Button>\n        <Button variant=\"primary\" onClick={() => setIsOpen(false)}>\n          Click to reset animation for FeedbackBar\n        </Button>\n      </ButtonGroup>\n      {isOpen && <FeedbackBar {...args} />}\n    </Repeater>\n  );\n};\n\nexport const FeedbackBarExample = Template.bind({});\nFeedbackBarExample.args = {\n  children: 'This is example feedback',\n};\n"],"names":["codeString","FeedbackBar_stories","FeedbackBar","Template","args","isOpen","setIsOpen","useState","Repeater","jsxs","ButtonGroup","jsx","Button","FeedbackBarExample"],"mappings":";;;;;;;;AASA,MAAMA,IAAa,yCAGJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAuC,CAACC,MAAS;AACrD,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK;AAE1C,2BACGC,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GACC,EAAA,UAAA;AAAA,MAAC,gBAAAC,EAAAC,GAAA,EAAO,SAAQ,WAAU,SAAS,MAAMN,EAAU,EAAI,GAAG,UAE1D,4BAAA,CAAA;AAAA,MACA,gBAAAK,EAACC,KAAO,SAAQ,WAAU,SAAS,MAAMN,EAAU,EAAK,GAAG,UAE3D,2CAAA,CAAA;AAAA,IAAA,GACF;AAAA,IACCD,KAAU,gBAAAM,EAACT,GAAa,EAAA,GAAGE,EAAM,CAAA;AAAA,EAAA,GACpC;AAEJ,GAEaS,IAAqBV,EAAS,KAAK,CAAE,CAAA;AAClDU,EAAmB,OAAO;AAAA,EACxB,UAAU;AACZ;"}

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

@@ -0,0 +1,14 @@
+import { jsx as t } from "react/jsx-runtime";
+import "../../index-Z7qwJmRM.js";
+import { r as s, s as e, f as r } from "../../react.esm-BOUd0cvD.js";
+import { FeedbackBar as c } from "./FeedbackBar.js";
+describe("FeedbackBar", () => {
+  it("should render with children text", () => {
+    s(/* @__PURE__ */ t(c, { children: "My feedback message" })), expect(e.getByText("My feedback message")).toBeInTheDocument();
+  }), it("should close when the close button is clicked", () => {
+    s(/* @__PURE__ */ t(c, { children: "My closed feedback message" })), expect(e.getByRole("alert")).toHaveClass("feedback-bar--visible");
+    const o = e.getByRole("button");
+    r.click(o), expect(e.getByRole("alert")).not.toHaveClass("feedback-bar--visible");
+  });
+});
+//# sourceMappingURL=FeedbackBar.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackBar.test.js","sources":["../../../src/components/FeedbackBar/FeedbackBar.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { fireEvent, render, screen } from '@testing-library/react';\n\nimport { FeedbackBar } from './FeedbackBar';\n\ndescribe('FeedbackBar', () => {\n  it('should render with children text', () => {\n    render(<FeedbackBar>My feedback message</FeedbackBar>);\n    expect(screen.getByText('My feedback message')).toBeInTheDocument();\n  });\n\n  it('should close when the close button is clicked', () => {\n    render(<FeedbackBar>My closed feedback message</FeedbackBar>);\n\n    expect(screen.getByRole('alert')).toHaveClass('feedback-bar--visible');\n\n    const closeButton = screen.getByRole('button');\n    fireEvent.click(closeButton);\n\n    expect(screen.getByRole('alert')).not.toHaveClass('feedback-bar--visible');\n  });\n});\n"],"names":["render","jsx","FeedbackBar","screen","closeButton","fireEvent"],"mappings":";;;;AAKA,SAAS,eAAe,MAAM;AAC5B,KAAG,oCAAoC,MAAM;AACpC,IAAAA,EAAA,gBAAAC,EAACC,GAAY,EAAA,UAAA,sBAAmB,CAAA,CAAc,GACrD,OAAOC,EAAO,UAAU,qBAAqB,CAAC,EAAE,kBAAkB;AAAA,EAAA,CACnE,GAED,GAAG,iDAAiD,MAAM;AACjD,IAAAH,EAAA,gBAAAC,EAACC,GAAY,EAAA,UAAA,6BAA0B,CAAA,CAAc,GAE5D,OAAOC,EAAO,UAAU,OAAO,CAAC,EAAE,YAAY,uBAAuB;AAE/D,UAAAC,IAAcD,EAAO,UAAU,QAAQ;AAC7C,IAAAE,EAAU,MAAMD,CAAW,GAE3B,OAAOD,EAAO,UAAU,OAAO,CAAC,EAAE,IAAI,YAAY,uBAAuB;AAAA,EAAA,CAC1E;AACH,CAAC;"}

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

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

package/dist/components/FeedbackBar/index.js

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

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

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

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

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { fn as i } from "../../index-DpyOH4wL.js";
+import { fn as i } from "../../index-C7jFUWYs.js";
 import { FormInput as a } from "./FormInput.js";
 import { SelectListbox as o } from "../SelectListbox/SelectListbox.js";
 const m = `

package/dist/components/IconButton/IconButton.stories.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { fn as r } from "../../index-DpyOH4wL.js";
+import { fn as r } from "../../index-C7jFUWYs.js";
 import { IconButton as t } from "./IconButton.js";
 import { Icon as i } from "../Icon/Icon.js";
 const l = `<IconButton variant={variant} aria-label={aria-label} onClick={onClickFunction}>

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

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { useState as d, useRef as g } from "react";
-import { fn as p } from "../../index-DpyOH4wL.js";
+import { fn as p } from "../../index-C7jFUWYs.js";
 import { InputField as o } from "./InputField.js";
 import { Container as u } from "../../storyComponents/Container/Container.js";
 import { Icon as f } from "../Icon/Icon.js";

package/dist/components/ModalDialog/ModalDialog.stories.js

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { ModalProvider as l } from "@react-aria/overlays";
-import { fn as i } from "../../index-DpyOH4wL.js";
+import { fn as i } from "../../index-C7jFUWYs.js";
 import { ModalDialog as t } from "./ModalDialog.js";
 import { Button as n } from "../Buttons/Button.js";
 import "../Buttons/LinkButton.js";

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

@@ -1,5 +1,5 @@
 import { jsxs as S, jsx as r } from "react/jsx-runtime";
-import { fn as d } from "../../index-DpyOH4wL.js";
+import { fn as d } from "../../index-C7jFUWYs.js";
 import { useState as p } from "react";
 import { M as e } from "../../TablePlugin-DlTujN8R.js";
 import { Container as M } from "../../storyComponents/Container/Container.js";

package/dist/components/OverlayCloseButton/OverlayCloseButton.stories.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { fn as a } from "../../index-DpyOH4wL.js";
+import { fn as a } from "../../index-C7jFUWYs.js";
 import { OverlayCloseButton as o } from "./OverlayCloseButton.js";
 import { Container as l } from "../../storyComponents/Container/Container.js";
 const n = "<OverlayCloseButton aria-label={aria-label} onClick={onClickFunction} />", c = {

package/dist/components/PeriodSelector/PeriodSelector.stories.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { fn as t } from "../../index-DpyOH4wL.js";
+import { fn as t } from "../../index-C7jFUWYs.js";
 import { PeriodSelector as e } from "./PeriodSelector.js";
 const i = "<PeriodSelector maxPeriods={} defaultValues={} label={} labelPosition={} required={} onChange={} />", m = {
   title: "Organisms/PeriodSelector",

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

@@ -1,5 +1,5 @@
 import { jsx as r, jsxs as e } from "react/jsx-runtime";
-import { fn as a } from "../../index-DpyOH4wL.js";
+import { fn as a } from "../../index-C7jFUWYs.js";
 import { ProgrammeCard as o } from "./ProgrammeCard.js";
 import { Container as n } from "../../storyComponents/Container/Container.js";
 import "react";
@@ -12,13 +12,13 @@ import "@react-aria/dialog";
 import "@react-aria/focus";
 import "@react-aria/overlays";
 import "../OverlayCloseButton/OverlayCloseButton.js";
+import { Repeater as i } from "../Repeater/Repeater.js";
 import "../GridRow/GridRow.js";
 import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router";
 import "../../TablePlugin-DlTujN8R.js";
-import { Repeater as i } from "../Repeater/Repeater.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";

package/dist/components/SelectListbox/SelectListBox.stories.js

@@ -1,5 +1,5 @@
 import { jsx as a, jsxs as s } from "react/jsx-runtime";
-import { fn as i } from "../../index-DpyOH4wL.js";
+import { fn as i } from "../../index-C7jFUWYs.js";
 import { SelectListbox as r } from "./SelectListbox.js";
 import * as e from "react";
 const d = ({

package/dist/components/Sortable/Sortable.stories.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as m, Fragment as i } from "react/jsx-runtime";
-import { fn as s } from "../../index-DpyOH4wL.js";
+import { fn as s } from "../../index-C7jFUWYs.js";
 import { Sortable as o } from "./Sortable.js";
 import { InputField as c } from "../InputField/InputField.js";
 import { Icon as d } from "../Icon/Icon.js";

package/dist/components/ToggleSwitch/ToggleSwitch.stories.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { fn as l } from "../../index-DpyOH4wL.js";
+import { fn as l } from "../../index-C7jFUWYs.js";
 import { ToggleSwitch as e } from "./ToggleSwitch.js";
 const n = `
 // Has all InputHTMLAttributes props available except "className" and "style" 

package/dist/components/VarIndicator/VarIndicator.stories.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { fn as n } from "../../index-DpyOH4wL.js";
+import { fn as n } from "../../index-C7jFUWYs.js";
 import { VarIndicator as t } from "./VarIndicator.js";
 const o = {
   DRAFT: "Concept",

package/dist/components/index.d.ts

@@ -14,6 +14,7 @@ export * from './CheckboxTree';
 export * from './Chip';
 export * from './Drawer';
 export * from './EmptyStateDataDisplay';
+export * from './FeedbackBar';
 export * from './FeedbackBox';
 export * from './FieldHint';
 export * from './Fieldset';

package/dist/components/index.js

@@ -1,13 +1,13 @@
 import { Accordion as t } from "./Accordion/Accordion.js";
 import { AccordionCard as p } from "./AccordionCard/AccordionCard.js";
 import { ActionList as x } from "./ActionList/ActionList.js";
-import { AppStatusBar as i } from "./AppStatusBar/AppStatusBar.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";
 import { ButtonGroup as u } from "./ButtonGroup/ButtonGroup.js";
-import { Button as B } from "./Buttons/Button.js";
-import { LinkButton as C } from "./Buttons/LinkButton.js";
-import { MenuButton as k } from "./Buttons/MenuButton.js";
+import { Button as s } from "./Buttons/Button.js";
+import { LinkButton as b } from "./Buttons/LinkButton.js";
+import { MenuButton as C } from "./Buttons/MenuButton.js";
 import { Card as I } from "./Card/Card.js";
 import { Checkbox as M } from "./Checkbox/Checkbox.js";
 import { CheckboxButton as h } from "./CheckboxButton/CheckboxButton.js";
@@ -16,50 +16,51 @@ import { CheckboxTree as D } from "./CheckboxTree/CheckboxTree.js";
 import { Chip as v } from "./Chip/Chip.js";
 import { Drawer as w } from "./Drawer/Drawer.js";
 import { EmptyStateDataDisplay as E } from "./EmptyStateDataDisplay/EmptyStateDataDisplay.js";
-import { FeedbackBox as H } from "./FeedbackBox/FeedbackBox.js";
-import { FieldHint as N } from "./FieldHint/FieldHint.js";
-import { Fieldset as j } from "./Fieldset/Fieldset.js";
-import { FormField as J } from "./FormField/FormField.js";
-import { FormInput as Q } from "./FormInput/FormInput.js";
-import { GridRow as W } from "./GridRow/GridRow.js";
-import { HorizontalList as Y } from "./HorizontalList/HorizontalList.js";
-import { Icon as _ } from "./Icon/Icon.js";
-import { IconButton as oo } from "./IconButton/IconButton.js";
-import { InfoMessage as to } from "./InfoMessage/InfoMessage.js";
-import { Input as po } from "./Input/Input.js";
-import { InputField as xo } from "./InputField/InputField.js";
-import { Label as io } from "./Label/Label.js";
-import { MenuLink as no } from "./MenuLink/MenuLink.js";
-import { MetaDataList as co } from "./MetaDataList/MetaDataList.js";
-import { ModalDialog as so } from "./ModalDialog/ModalDialog.js";
-import { M as So } from "../TablePlugin-DlTujN8R.js";
-import { OverlayCloseButton as bo } from "./OverlayCloseButton/OverlayCloseButton.js";
-import { OverlayStepBar as Fo } from "./OverlayStepBar/OverlayStepBar.js";
-import { PageOverlay as Lo } from "./PageOverlay/PageOverlay.js";
-import { Periods as go } from "./Periods/Periods.js";
-import { PeriodSelector as Po } from "./PeriodSelector/PeriodSelector.js";
-import { ProgrammeCard as Ao } from "./ProgrammeCard/ProgrammeCard.js";
-import { RadioButton as Ro } from "./RadioButton/RadioButton.js";
-import { Repeater as To } from "./Repeater/Repeater.js";
-import { Rte as Oo, RteEditor as Eo } from "./RteEditor/RteEditor.js";
-import { SectionNotification as Ho } from "./SectionNotification/SectionNotification.js";
-import { SelectListbox as No } from "./SelectListbox/SelectListbox.js";
-import { SelectProvider as jo, useSelect as qo } from "./SelectListbox/SelectProvider.js";
-import { Sortable as Ko } from "./Sortable/Sortable.js";
-import { Spinner as Uo } from "./Spinner/Spinner.js";
-import { StatusPill as Xo } from "./StatusPill/StatusPill.js";
-import { Timeline as Zo } from "./Timeline/Timeline.js";
-import { ToggleSwitch as $o } from "./ToggleSwitch/ToggleSwitch.js";
-import { Tooltip as rr } from "./Tooltip/Tooltip.js";
-import { VarIndicator as er } from "./VarIndicator/VarIndicator.js";
+import { FeedbackBar as H } from "./FeedbackBar/FeedbackBar.js";
+import { FeedbackBox as N } from "./FeedbackBox/FeedbackBox.js";
+import { FieldHint as j } from "./FieldHint/FieldHint.js";
+import { Fieldset as J } from "./Fieldset/Fieldset.js";
+import { FormField as Q } from "./FormField/FormField.js";
+import { FormInput as W } from "./FormInput/FormInput.js";
+import { GridRow as Y } from "./GridRow/GridRow.js";
+import { HorizontalList as _ } from "./HorizontalList/HorizontalList.js";
+import { Icon as oo } from "./Icon/Icon.js";
+import { IconButton as to } from "./IconButton/IconButton.js";
+import { InfoMessage as po } from "./InfoMessage/InfoMessage.js";
+import { Input as xo } from "./Input/Input.js";
+import { InputField as ao } from "./InputField/InputField.js";
+import { Label as no } from "./Label/Label.js";
+import { MenuLink as co } from "./MenuLink/MenuLink.js";
+import { MetaDataList as Bo } from "./MetaDataList/MetaDataList.js";
+import { ModalDialog as So } from "./ModalDialog/ModalDialog.js";
+import { M as ko } from "../TablePlugin-DlTujN8R.js";
+import { OverlayCloseButton as Fo } from "./OverlayCloseButton/OverlayCloseButton.js";
+import { OverlayStepBar as Lo } from "./OverlayStepBar/OverlayStepBar.js";
+import { PageOverlay as go } from "./PageOverlay/PageOverlay.js";
+import { Periods as Po } from "./Periods/Periods.js";
+import { PeriodSelector as Ao } from "./PeriodSelector/PeriodSelector.js";
+import { ProgrammeCard as Ro } from "./ProgrammeCard/ProgrammeCard.js";
+import { RadioButton as To } from "./RadioButton/RadioButton.js";
+import { Repeater as Oo } from "./Repeater/Repeater.js";
+import { Rte as Go, RteEditor as Ho } from "./RteEditor/RteEditor.js";
+import { SectionNotification as No } from "./SectionNotification/SectionNotification.js";
+import { SelectListbox as jo } from "./SelectListbox/SelectListbox.js";
+import { SelectProvider as Jo, useSelect as Ko } from "./SelectListbox/SelectProvider.js";
+import { Sortable as Uo } from "./Sortable/Sortable.js";
+import { Spinner as Xo } from "./Spinner/Spinner.js";
+import { StatusPill as Zo } from "./StatusPill/StatusPill.js";
+import { Timeline as $o } from "./Timeline/Timeline.js";
+import { ToggleSwitch as rr } from "./ToggleSwitch/ToggleSwitch.js";
+import { Tooltip as er } from "./Tooltip/Tooltip.js";
+import { VarIndicator as mr } from "./VarIndicator/VarIndicator.js";
 export {
   t as Accordion,
   p as AccordionCard,
   x as ActionList,
-  i as AppStatusBar,
+  a as AppStatusBar,
   n as Attention,
   c as Backdrop,
-  B as Button,
+  s as Button,
   u as ButtonGroup,
   I as Card,
   M as Checkbox,
@@ -69,45 +70,46 @@ export {
   v as Chip,
   w as Drawer,
   E as EmptyStateDataDisplay,
-  H as FeedbackBox,
-  N as FieldHint,
-  j as Fieldset,
-  J as FormField,
-  Q as FormInput,
-  W as GridRow,
-  Y as HorizontalList,
-  _ as Icon,
-  oo as IconButton,
-  to as InfoMessage,
-  po as Input,
-  xo as InputField,
-  io as Label,
-  C as LinkButton,
-  k as MenuButton,
-  no as MenuLink,
-  co as MetaDataList,
-  so as ModalDialog,
-  So as MultiSelect,
-  bo as OverlayCloseButton,
-  Fo as OverlayStepBar,
-  Lo as PageOverlay,
-  Po as PeriodSelector,
-  go as Periods,
-  Ao as ProgrammeCard,
-  Ro as RadioButton,
-  To as Repeater,
-  Oo as Rte,
-  Eo as RteEditor,
-  Ho as SectionNotification,
-  No as SelectListbox,
-  jo as SelectProvider,
-  Ko as Sortable,
-  Uo as Spinner,
-  Xo as StatusPill,
-  Zo as Timeline,
-  $o as ToggleSwitch,
-  rr as Tooltip,
-  er as VarIndicator,
-  qo as useSelect
+  H as FeedbackBar,
+  N as FeedbackBox,
+  j as FieldHint,
+  J as Fieldset,
+  Q as FormField,
+  W as FormInput,
+  Y as GridRow,
+  _ as HorizontalList,
+  oo as Icon,
+  to as IconButton,
+  po as InfoMessage,
+  xo as Input,
+  ao as InputField,
+  no as Label,
+  b as LinkButton,
+  C as MenuButton,
+  co as MenuLink,
+  Bo as MetaDataList,
+  So as ModalDialog,
+  ko as MultiSelect,
+  Fo as OverlayCloseButton,
+  Lo as OverlayStepBar,
+  go as PageOverlay,
+  Ao as PeriodSelector,
+  Po as Periods,
+  Ro as ProgrammeCard,
+  To as RadioButton,
+  Oo as Repeater,
+  Go as Rte,
+  Ho as RteEditor,
+  No as SectionNotification,
+  jo as SelectListbox,
+  Jo as SelectProvider,
+  Uo as Sortable,
+  Xo as Spinner,
+  Zo as StatusPill,
+  $o as Timeline,
+  rr as ToggleSwitch,
+  er as Tooltip,
+  mr as VarIndicator,
+  Ko 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-DpyOH4wL.js → index-C7jFUWYs.js}

@@ -1,7 +1,7 @@
 var py = Object.defineProperty;
 var my = (e, t, r) => t in e ? py(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
 var Re = (e, t, r) => my(e, typeof t != "symbol" ? t + "" : t, r);
-import { s as Te, n as Pd, V as hy, P as js, B as by, p as yy } from "./index-BldK5xU9.js";
+import { s as Te, n as Pd, V as hy, P as js, B as by, p as yy } from "./index-DH9Vbk37.js";
 var gy = ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (t, r) => (typeof require < "u" ? require : t)[r] }) : e)(function(e) {
   if (typeof require < "u") return require.apply(this, arguments);
   throw Error('Dynamic require of "' + e + '" is not supported');
@@ -14732,4 +14732,4 @@ export {
   o2 as waitForElementToBeRemoved,
   N$ as within
 };
-//# sourceMappingURL=index-DpyOH4wL.js.map
+//# sourceMappingURL=index-C7jFUWYs.js.map