@uva-glass/component-library 3.22.0 → 3.24.0

package/dist/components/StatusBadge/StatusBage.js

@@ -1,10 +1,10 @@
 import { jsx as e } from "react/jsx-runtime";
-import { c as g } from "../../clsx-OuTLNxxd.js";
-import '../../assets/StatusBage.css';const o = "_statusbadge_6tmbw_1", t = {
-  statusbadge: o,
-  "statusbadge--high-contrast": "_statusbadge--high-contrast_6tmbw_14"
-}, d = ({ label: s, highContrast: a = !1 }) => /* @__PURE__ */ e("div", { className: g(t.statusbadge, [a && t["statusbadge--high-contrast"]]), children: s });
+import { c } from "../../clsx-OuTLNxxd.js";
+import '../../assets/StatusBage.css';const d = "_statusbadge_1dz6c_1", t = {
+  statusbadge: d,
+  "statusbadge--high-contrast": "_statusbadge--high-contrast_1dz6c_14"
+}, r = ({ label: s, highContrast: a = !1 }) => /* @__PURE__ */ e("div", { className: c(t.statusbadge, [a && t["statusbadge--high-contrast"]]), children: s });
 export {
-  d as StatusBadge
+  r as StatusBadge
 };
 //# sourceMappingURL=StatusBage.js.map

package/dist/components/TextArea/TextArea.d.ts

@@ -5,5 +5,7 @@ export interface TextAreaProps {
     label?: string;
     /** The max amount of allowed charecters in the text area */
     maxCharacters?: number;
+    /** The default value for the text area */
+    defaultValue?: string;
 }
-export declare function TextArea({ onChange, label, maxCharacters }: TextAreaProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextArea({ onChange, label, maxCharacters, defaultValue }: TextAreaProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/TextArea/TextArea.js

@@ -1,6 +1,6 @@
 import { jsxs as r, jsx as _ } from "react/jsx-runtime";
-import { useRef as u, useState as x } from "react";
-import { c as d } from "../../clsx-OuTLNxxd.js";
+import { useRef as x, useState as d } from "react";
+import { c as i } from "../../clsx-OuTLNxxd.js";
 import '../../assets/TextArea.css';const t = {
   "text-area__wrapper": "_text-area__wrapper_13728_1",
   "text-area__header": "_text-area__header_13728_7",
@@ -9,15 +9,15 @@ import '../../assets/TextArea.css';const t = {
   "text-area__word-count--alert": "_text-area__word-count--alert_13728_25",
   "text-area": "_text-area_13728_1"
 };
-function m({ onChange: l, label: c, maxCharacters: a = 0 }) {
-  const e = u(null), [n, o] = x(0), s = () => {
-    e.current && (e.current.style.height = "auto", e.current.style.height = `${e.current.scrollHeight}px`, o(e.current.value.length), l(e.current.value.trim()));
+function w({ onChange: l, label: c, maxCharacters: a = 0, defaultValue: o = "" }) {
+  const e = x(null), [n, s] = d(0), u = () => {
+    e.current && (e.current.style.height = "auto", e.current.style.height = `${e.current.scrollHeight}px`, s(e.current.value.length), l(e.current.value.trim()));
   };
   return /* @__PURE__ */ r("div", { className: t["text-area__wrapper"], children: [
     /* @__PURE__ */ r("div", { className: t["text-area__header"], children: [
       /* @__PURE__ */ _("span", { className: t["text-area__label"], children: c }),
       a > 0 && /* @__PURE__ */ r("div", { className: t["text-area__word-count"], children: [
-        /* @__PURE__ */ _("span", { className: d({ [t["text-area__word-count--alert"]]: n === a }), children: n }),
+        /* @__PURE__ */ _("span", { className: i({ [t["text-area__word-count--alert"]]: n === a }), children: n }),
         " / ",
         a
       ] })
@@ -28,12 +28,13 @@ function m({ onChange: l, label: c, maxCharacters: a = 0 }) {
         ref: e,
         className: t["text-area"],
         maxLength: a > 0 ? a : void 0,
-        onInput: s
+        onInput: u,
+        defaultValue: o
       }
     )
   ] });
 }
 export {
-  m as TextArea
+  w as TextArea
 };
 //# sourceMappingURL=TextArea.js.map

package/dist/components/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sources":["../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport styles from './TextArea.module.css';\n\nexport interface TextAreaProps {\n  /** Returns entered values as trimmed string */\n  onChange: (value: string) => void;\n  /** The label for the text area */\n  label?: string;\n  /** The max amount of allowed charecters in the text area */\n  maxCharacters?: number;\n}\n\nexport function TextArea({ onChange, label, maxCharacters = 0 }: TextAreaProps) {\n  const textAreaRef = useRef<HTMLTextAreaElement>(null);\n  const [characterCount, setCharacterCount] = useState(0);\n\n  const handleInput = () => {\n    if (textAreaRef.current) {\n      textAreaRef.current.style.height = 'auto';\n      textAreaRef.current.style.height = `${textAreaRef.current.scrollHeight}px`;\n\n      setCharacterCount(textAreaRef.current.value.length);\n      onChange(textAreaRef.current.value.trim());\n    }\n  };\n\n  return (\n    <div className={styles['text-area__wrapper']}>\n      <div className={styles['text-area__header']}>\n        <span className={styles['text-area__label']}>{label}</span>\n        {maxCharacters > 0 && (\n          <div className={styles['text-area__word-count']}>\n            <span className={clsx({ [styles['text-area__word-count--alert']]: characterCount === maxCharacters })}>\n              {characterCount}\n            </span>\n            &nbsp;/&nbsp;{maxCharacters}\n          </div>\n        )}\n      </div>\n\n      <textarea\n        ref={textAreaRef}\n        className={styles['text-area']}\n        maxLength={maxCharacters > 0 ? maxCharacters : undefined}\n        onInput={handleInput}\n      />\n    </div>\n  );\n}\n"],"names":["TextArea","onChange","label","maxCharacters","textAreaRef","useRef","characterCount","setCharacterCount","useState","handleInput","jsxs","styles","jsx","clsx"],"mappings":";;;;;;;;;;;AAcO,SAASA,EAAS,EAAE,UAAAC,GAAU,OAAAC,GAAO,eAAAC,IAAgB,KAAoB;AACxE,QAAAC,IAAcC,EAA4B,IAAI,GAC9C,CAACC,GAAgBC,CAAiB,IAAIC,EAAS,CAAC,GAEhDC,IAAc,MAAM;AACxB,IAAIL,EAAY,YACFA,EAAA,QAAQ,MAAM,SAAS,QACnCA,EAAY,QAAQ,MAAM,SAAS,GAAGA,EAAY,QAAQ,YAAY,MAEpDG,EAAAH,EAAY,QAAQ,MAAM,MAAM,GAClDH,EAASG,EAAY,QAAQ,MAAM,KAAA,CAAM;AAAA,EAE7C;AAEA,SACG,gBAAAM,EAAA,OAAA,EAAI,WAAWC,EAAO,oBAAoB,GACzC,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAI,EAAA,WAAWC,EAAO,mBAAmB,GACxC,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAK,EAAA,WAAWD,EAAO,kBAAkB,GAAI,UAAMT,GAAA;AAAA,MACnDC,IAAgB,KACf,gBAAAO,EAAC,SAAI,WAAWC,EAAO,uBAAuB,GAC5C,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAK,EAAA,WAAWC,EAAK,EAAE,CAACF,EAAO,8BAA8B,CAAC,GAAGL,MAAmBH,EAAc,CAAC,GACjG,UACHG,EAAA,CAAA;AAAA,QAAO;AAAA,QACOH;AAAA,MAAA,EAChB,CAAA;AAAA,IAAA,GAEJ;AAAA,IAEA,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKR;AAAA,QACL,WAAWO,EAAO,WAAW;AAAA,QAC7B,WAAWR,IAAgB,IAAIA,IAAgB;AAAA,QAC/C,SAASM;AAAA,MAAA;AAAA,IAAA;AAAA,EACX,GACF;AAEJ;"}
+{"version":3,"file":"TextArea.js","sources":["../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport styles from './TextArea.module.css';\n\nexport interface TextAreaProps {\n  /** Returns entered values as trimmed string */\n  onChange: (value: string) => void;\n  /** The label for the text area */\n  label?: string;\n  /** The max amount of allowed charecters in the text area */\n  maxCharacters?: number;\n  /** The default value for the text area */\n  defaultValue?: string;\n}\n\nexport function TextArea({ onChange, label, maxCharacters = 0, defaultValue = '' }: TextAreaProps) {\n  const textAreaRef = useRef<HTMLTextAreaElement>(null);\n  const [characterCount, setCharacterCount] = useState(0);\n\n  const handleInput = () => {\n    if (textAreaRef.current) {\n      textAreaRef.current.style.height = 'auto';\n      textAreaRef.current.style.height = `${textAreaRef.current.scrollHeight}px`;\n\n      setCharacterCount(textAreaRef.current.value.length);\n      onChange(textAreaRef.current.value.trim());\n    }\n  };\n\n  return (\n    <div className={styles['text-area__wrapper']}>\n      <div className={styles['text-area__header']}>\n        <span className={styles['text-area__label']}>{label}</span>\n        {maxCharacters > 0 && (\n          <div className={styles['text-area__word-count']}>\n            <span className={clsx({ [styles['text-area__word-count--alert']]: characterCount === maxCharacters })}>\n              {characterCount}\n            </span>\n            &nbsp;/&nbsp;{maxCharacters}\n          </div>\n        )}\n      </div>\n\n      <textarea\n        ref={textAreaRef}\n        className={styles['text-area']}\n        maxLength={maxCharacters > 0 ? maxCharacters : undefined}\n        onInput={handleInput}\n        defaultValue={defaultValue}\n      />\n    </div>\n  );\n}\n"],"names":["TextArea","onChange","label","maxCharacters","defaultValue","textAreaRef","useRef","characterCount","setCharacterCount","useState","handleInput","jsxs","styles","jsx","clsx"],"mappings":";;;;;;;;;;;AAgBgB,SAAAA,EAAS,EAAE,UAAAC,GAAU,OAAAC,GAAO,eAAAC,IAAgB,GAAG,cAAAC,IAAe,MAAqB;AAC3F,QAAAC,IAAcC,EAA4B,IAAI,GAC9C,CAACC,GAAgBC,CAAiB,IAAIC,EAAS,CAAC,GAEhDC,IAAc,MAAM;AACxB,IAAIL,EAAY,YACFA,EAAA,QAAQ,MAAM,SAAS,QACnCA,EAAY,QAAQ,MAAM,SAAS,GAAGA,EAAY,QAAQ,YAAY,MAEpDG,EAAAH,EAAY,QAAQ,MAAM,MAAM,GAClDJ,EAASI,EAAY,QAAQ,MAAM,KAAA,CAAM;AAAA,EAE7C;AAEA,SACG,gBAAAM,EAAA,OAAA,EAAI,WAAWC,EAAO,oBAAoB,GACzC,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAI,EAAA,WAAWC,EAAO,mBAAmB,GACxC,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAK,EAAA,WAAWD,EAAO,kBAAkB,GAAI,UAAMV,GAAA;AAAA,MACnDC,IAAgB,KACf,gBAAAQ,EAAC,SAAI,WAAWC,EAAO,uBAAuB,GAC5C,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAK,EAAA,WAAWC,EAAK,EAAE,CAACF,EAAO,8BAA8B,CAAC,GAAGL,MAAmBJ,EAAc,CAAC,GACjG,UACHI,EAAA,CAAA;AAAA,QAAO;AAAA,QACOJ;AAAA,MAAA,EAChB,CAAA;AAAA,IAAA,GAEJ;AAAA,IAEA,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKR;AAAA,QACL,WAAWO,EAAO,WAAW;AAAA,QAC7B,WAAWT,IAAgB,IAAIA,IAAgB;AAAA,QAC/C,SAASO;AAAA,QACT,cAAAN;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/dist/components/TextArea/TextArea.stories.js

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
 import { fn as r } from "../../index-Dwqes6RH.js";
 import { TextArea as e } from "./TextArea.js";
-const o = `
-  <TextArea label={label} maxCharacters={maxCharacters} /> `, x = {
+const l = `
+  <TextArea label={label} maxCharacters={maxCharacters} defaultValue={string}/> `, p = {
   title: "Atoms/TextArea",
   component: e,
   argTypes: {
@@ -15,16 +15,17 @@ const o = `
   },
   parameters: {
     inspectComponent: e,
-    codeString: o
+    codeString: l
   }
-}, m = (a) => /* @__PURE__ */ t(e, { ...a }), n = m.bind({});
-n.args = {
+}, o = (a) => /* @__PURE__ */ t(e, { ...a }), m = o.bind({});
+m.args = {
   label: "Sample label",
   maxCharacters: 140,
+  defaultValue: "Sample default value",
   onChange: r()
 };
 export {
-  n as TextAreaExample,
-  x as default
+  m as TextAreaExample,
+  p as default
 };
 //# sourceMappingURL=TextArea.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.stories.js","sources":["../../../src/components/TextArea/TextArea.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { TextAreaProps } from './TextArea';\n\nimport { TextArea } from './TextArea';\n\nconst codeString = `\n  <TextArea label={label} maxCharacters={maxCharacters} /> `;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/TextArea',\n  component: TextArea,\n  argTypes: {\n    label: {\n      control: 'text',\n    },\n    maxCharacters: {\n      control: 'number',\n    },\n  },\n  parameters: {\n    inspectComponent: TextArea,\n    codeString: codeString,\n  },\n} as Meta<TextAreaProps>;\n\nconst Template: StoryFn<TextAreaProps> = (args) => <TextArea {...args} />;\n\nexport const TextAreaExample = Template.bind({});\nTextAreaExample.args = {\n  label: 'Sample label',\n  maxCharacters: 140,\n  onChange: fn(),\n};\n"],"names":["codeString","TextArea_stories","TextArea","Template","args","jsx","TextAreaExample","fn"],"mappings":";;;AAOA,MAAMA,IAAa;AAAA,8DAIJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,IACX;AAAA,IACA,eAAe;AAAA,MACb,SAAS;AAAA,IAAA;AAAA,EAEb;AAAA,EACA,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAmC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAU,GAAGE,GAAM,GAE1DE,IAAkBH,EAAS,KAAK,CAAE,CAAA;AAC/CG,EAAgB,OAAO;AAAA,EACrB,OAAO;AAAA,EACP,eAAe;AAAA,EACf,UAAUC,EAAG;AACf;"}
+{"version":3,"file":"TextArea.stories.js","sources":["../../../src/components/TextArea/TextArea.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { TextAreaProps } from './TextArea';\n\nimport { TextArea } from './TextArea';\n\nconst codeString = `\n  <TextArea label={label} maxCharacters={maxCharacters} defaultValue={string}/> `;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/TextArea',\n  component: TextArea,\n  argTypes: {\n    label: {\n      control: 'text',\n    },\n    maxCharacters: {\n      control: 'number',\n    },\n  },\n  parameters: {\n    inspectComponent: TextArea,\n    codeString: codeString,\n  },\n} as Meta<TextAreaProps>;\n\nconst Template: StoryFn<TextAreaProps> = (args) => <TextArea {...args} />;\n\nexport const TextAreaExample = Template.bind({});\nTextAreaExample.args = {\n  label: 'Sample label',\n  maxCharacters: 140,\n  defaultValue: 'Sample default value',\n  onChange: fn(),\n};\n"],"names":["codeString","TextArea_stories","TextArea","Template","args","jsx","TextAreaExample","fn"],"mappings":";;;AAOA,MAAMA,IAAa;AAAA,mFAIJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,IACX;AAAA,IACA,eAAe;AAAA,MACb,SAAS;AAAA,IAAA;AAAA,EAEb;AAAA,EACA,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAmC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAU,GAAGE,GAAM,GAE1DE,IAAkBH,EAAS,KAAK,CAAE,CAAA;AAC/CG,EAAgB,OAAO;AAAA,EACrB,OAAO;AAAA,EACP,eAAe;AAAA,EACf,cAAc;AAAA,EACd,UAAUC,EAAG;AACf;"}

package/dist/components/ToggleSwitch/ToggleSwitch.js

@@ -1,14 +1,14 @@
 import { jsx as e, jsxs as _ } from "react/jsx-runtime";
 import { c as a } from "../../clsx-OuTLNxxd.js";
 import '../../assets/ToggleSwitch.css';const l = {
-  "toggle-switch": "_toggle-switch_98blk_1",
-  "toggle-switch__visible": "_toggle-switch__visible_98blk_9",
-  "toggle-switch--disabled": "_toggle-switch--disabled_98blk_52",
-  "toggle-switch--loading": "_toggle-switch--loading_98blk_62",
-  "toggle-switch--visually-hidden": "_toggle-switch--visually-hidden_98blk_72",
-  "toggle-switch--disabled-label": "_toggle-switch--disabled-label_98blk_85",
-  "toggle-switch--loading-cursor": "_toggle-switch--loading-cursor_98blk_89",
-  "toggle-switch--extra-left-gap": "_toggle-switch--extra-left-gap_98blk_93"
+  "toggle-switch": "_toggle-switch_1lmpu_1",
+  "toggle-switch__visible": "_toggle-switch__visible_1lmpu_9",
+  "toggle-switch--disabled": "_toggle-switch--disabled_1lmpu_54",
+  "toggle-switch--loading": "_toggle-switch--loading_1lmpu_64",
+  "toggle-switch--visually-hidden": "_toggle-switch--visually-hidden_1lmpu_74",
+  "toggle-switch--disabled-label": "_toggle-switch--disabled-label_1lmpu_87",
+  "toggle-switch--loading-cursor": "_toggle-switch--loading-cursor_1lmpu_91",
+  "toggle-switch--extra-left-gap": "_toggle-switch--extra-left-gap_1lmpu_95"
 };
 function n({
   condition: i,
@@ -17,7 +17,7 @@ function n({
 }) {
   return i ? g(t) : t;
 }
-function b({
+function p({
   label: i,
   labelPosition: g = "after",
   labelVisible: t = !0,
@@ -61,6 +61,6 @@ function b({
   );
 }
 export {
-  b as ToggleSwitch
+  p as ToggleSwitch
 };
 //# sourceMappingURL=ToggleSwitch.js.map

package/dist/components/index.d.ts

@@ -24,6 +24,7 @@ export * from './GridRow';
 export * from './HorizontalList';
 export * from './Icon';
 export * from './IconButton';
+export * from './InfoBanner';
 export * from './InfoMessage';
 export * from './Input';
 export * from './InputField';

package/dist/components/index.js

@@ -8,8 +8,8 @@ import { ButtonGroup as u } from "./ButtonGroup/ButtonGroup.js";
 import { Button as s } from "./Buttons/Button.js";
 import { LinkButton as b } from "./Buttons/LinkButton.js";
 import { MenuButton as k } from "./Buttons/MenuButton.js";
-import { Card as M } from "./Card/Card.js";
-import { Checkbox as I } from "./Checkbox/Checkbox.js";
+import { Card as I } from "./Card/Card.js";
+import { Checkbox as g } from "./Checkbox/Checkbox.js";
 import { CheckboxButtonBar as R } from "./CheckboxButtonBar/CheckboxButtonBar.js";
 import { CheckboxTree as P } from "./CheckboxTree/CheckboxTree.js";
 import { Chip as y } from "./Chip/Chip.js";
@@ -26,37 +26,38 @@ 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 mo } 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 Co } from "../TablePlugin-CrCof8yO.js";
-import { MultiSelectBox as Fo } from "./MultiSelectBox/MultiSelectBox.js";
-import { OverlayCloseButton as go } from "./OverlayCloseButton/OverlayCloseButton.js";
-import { OverlayStepBar as Lo } from "./OverlayStepBar/OverlayStepBar.js";
-import { PageOverlay as Ao } from "./PageOverlay/PageOverlay.js";
-import { Periods as ho } from "./Periods/Periods.js";
-import { PeriodSelector as Do } from "./PeriodSelector/PeriodSelector.js";
-import { ProgrammeCard as vo } from "./ProgrammeCard/ProgrammeCard.js";
-import { RadioButton as Go } from "./RadioButton/RadioButton.js";
-import { RadioGroup as Eo } from "./RadioGroup/RadioGroup.js";
-import { RadioTabSelector as zo } from "./RadioTabSelector/RadioTabSelector.js";
-import { Repeater as Vo } from "./Repeater/Repeater.js";
-import { Rte as qo, RteEditor as Jo } from "./RteEditor/RteEditor.js";
-import { SectionNotification as Qo } from "./SectionNotification/SectionNotification.js";
-import { SelectListbox as Wo } from "./SelectListbox/SelectListbox.js";
-import { SelectProvider as Yo, useSelect as Zo } from "./SelectListbox/SelectProvider.js";
-import { Sortable as $o } from "./Sortable/Sortable.js";
-import { Spinner as rr } from "./Spinner/Spinner.js";
-import { StatusBadge as er } from "./StatusBadge/StatusBage.js";
-import { StatusPill as xr } from "./StatusPill/StatusPill.js";
-import { TextArea as fr } from "./TextArea/TextArea.js";
-import { ToggleSwitch as ir } from "./ToggleSwitch/ToggleSwitch.js";
-import { Tooltip as lr } from "./Tooltip/Tooltip.js";
-import { VarIndicator as dr } from "./VarIndicator/VarIndicator.js";
+import { InfoBanner as po } from "./InfoBanner/InfoBanner.js";
+import { InfoMessage as mo } from "./InfoMessage/InfoMessage.js";
+import { Input as ao } from "./Input/Input.js";
+import { InputField as no } from "./InputField/InputField.js";
+import { Label as co } from "./Label/Label.js";
+import { MenuLink as Bo } from "./MenuLink/MenuLink.js";
+import { MetaDataList as So } from "./MetaDataList/MetaDataList.js";
+import { ModalDialog as Co } from "./ModalDialog/ModalDialog.js";
+import { M as Fo } from "../TablePlugin-Bj5FObQ_.js";
+import { MultiSelectBox as Mo } from "./MultiSelectBox/MultiSelectBox.js";
+import { OverlayCloseButton as Lo } from "./OverlayCloseButton/OverlayCloseButton.js";
+import { OverlayStepBar as Ao } from "./OverlayStepBar/OverlayStepBar.js";
+import { PageOverlay as ho } from "./PageOverlay/PageOverlay.js";
+import { Periods as Do } from "./Periods/Periods.js";
+import { PeriodSelector as vo } from "./PeriodSelector/PeriodSelector.js";
+import { ProgrammeCard as Go } from "./ProgrammeCard/ProgrammeCard.js";
+import { RadioButton as Eo } from "./RadioButton/RadioButton.js";
+import { RadioGroup as zo } from "./RadioGroup/RadioGroup.js";
+import { RadioTabSelector as Vo } from "./RadioTabSelector/RadioTabSelector.js";
+import { Repeater as qo } from "./Repeater/Repeater.js";
+import { Rte as Ko, RteEditor as Qo } from "./RteEditor/RteEditor.js";
+import { SectionNotification as Wo } from "./SectionNotification/SectionNotification.js";
+import { SelectListbox as Yo } from "./SelectListbox/SelectListbox.js";
+import { SelectProvider as _o, useSelect as $o } from "./SelectListbox/SelectProvider.js";
+import { Sortable as rr } from "./Sortable/Sortable.js";
+import { Spinner as er } from "./Spinner/Spinner.js";
+import { StatusBadge as xr } from "./StatusBadge/StatusBage.js";
+import { StatusPill as fr } from "./StatusPill/StatusPill.js";
+import { TextArea as ir } from "./TextArea/TextArea.js";
+import { ToggleSwitch as lr } from "./ToggleSwitch/ToggleSwitch.js";
+import { Tooltip as dr } from "./Tooltip/Tooltip.js";
+import { VarIndicator as Br } from "./VarIndicator/VarIndicator.js";
 export {
   t as Accordion,
   p as AccordionCard,
@@ -66,8 +67,8 @@ export {
   c as Backdrop,
   s as Button,
   u as ButtonGroup,
-  M as Card,
-  I as Checkbox,
+  I as Card,
+  g as Checkbox,
   R as CheckboxButtonBar,
   P as CheckboxTree,
   y as Chip,
@@ -84,40 +85,41 @@ export {
   _ as HorizontalList,
   oo as Icon,
   to as IconButton,
-  po as InfoMessage,
-  mo as Input,
-  ao as InputField,
-  no as Label,
+  po as InfoBanner,
+  mo as InfoMessage,
+  ao as Input,
+  no as InputField,
+  co as Label,
   b as LinkButton,
   k as MenuButton,
-  co as MenuLink,
-  Bo as MetaDataList,
-  So as ModalDialog,
-  Co as MultiSelect,
-  Fo as MultiSelectBox,
-  go as OverlayCloseButton,
-  Lo as OverlayStepBar,
-  Ao as PageOverlay,
-  Do as PeriodSelector,
-  ho as Periods,
-  vo as ProgrammeCard,
-  Go as RadioButton,
-  Eo as RadioGroup,
-  zo as RadioTabSelector,
-  Vo as Repeater,
-  qo as Rte,
-  Jo as RteEditor,
-  Qo as SectionNotification,
-  Wo as SelectListbox,
-  Yo as SelectProvider,
-  $o as Sortable,
-  rr as Spinner,
-  er as StatusBadge,
-  xr as StatusPill,
-  fr as TextArea,
-  ir as ToggleSwitch,
-  lr as Tooltip,
-  dr as VarIndicator,
-  Zo as useSelect
+  Bo as MenuLink,
+  So as MetaDataList,
+  Co as ModalDialog,
+  Fo as MultiSelect,
+  Mo as MultiSelectBox,
+  Lo as OverlayCloseButton,
+  Ao as OverlayStepBar,
+  ho as PageOverlay,
+  vo as PeriodSelector,
+  Do as Periods,
+  Go as ProgrammeCard,
+  Eo as RadioButton,
+  zo as RadioGroup,
+  Vo as RadioTabSelector,
+  qo as Repeater,
+  Ko as Rte,
+  Qo as RteEditor,
+  Wo as SectionNotification,
+  Yo as SelectListbox,
+  _o as SelectProvider,
+  rr as Sortable,
+  er as Spinner,
+  xr as StatusBadge,
+  fr as StatusPill,
+  ir as TextArea,
+  lr as ToggleSwitch,
+  dr as Tooltip,
+  Br as VarIndicator,
+  $o 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

@@ -8,8 +8,8 @@ import { ButtonGroup as u } from "./components/ButtonGroup/ButtonGroup.js";
 import { Button as s } from "./components/Buttons/Button.js";
 import { LinkButton as b } from "./components/Buttons/LinkButton.js";
 import { MenuButton as k } from "./components/Buttons/MenuButton.js";
-import { Card as M } from "./components/Card/Card.js";
-import { Checkbox as I } from "./components/Checkbox/Checkbox.js";
+import { Card as I } from "./components/Card/Card.js";
+import { Checkbox as g } from "./components/Checkbox/Checkbox.js";
 import { CheckboxButtonBar as R } from "./components/CheckboxButtonBar/CheckboxButtonBar.js";
 import { CheckboxTree as P } from "./components/CheckboxTree/CheckboxTree.js";
 import { Chip as y } from "./components/Chip/Chip.js";
@@ -26,37 +26,38 @@ import { GridRow as Y } from "./components/GridRow/GridRow.js";
 import { HorizontalList as _ } from "./components/HorizontalList/HorizontalList.js";
 import { Icon as oo } from "./components/Icon/Icon.js";
 import { IconButton as to } from "./components/IconButton/IconButton.js";
-import { InfoMessage as po } from "./components/InfoMessage/InfoMessage.js";
-import { Input as mo } from "./components/Input/Input.js";
-import { InputField as ao } from "./components/InputField/InputField.js";
-import { Label as no } from "./components/Label/Label.js";
-import { MenuLink as co } from "./components/MenuLink/MenuLink.js";
-import { MetaDataList as Bo } from "./components/MetaDataList/MetaDataList.js";
-import { ModalDialog as So } from "./components/ModalDialog/ModalDialog.js";
-import { M as Co } from "./TablePlugin-CrCof8yO.js";
-import { MultiSelectBox as Fo } from "./components/MultiSelectBox/MultiSelectBox.js";
-import { OverlayCloseButton as go } from "./components/OverlayCloseButton/OverlayCloseButton.js";
-import { OverlayStepBar as Lo } from "./components/OverlayStepBar/OverlayStepBar.js";
-import { PageOverlay as Ao } from "./components/PageOverlay/PageOverlay.js";
-import { Periods as ho } from "./components/Periods/Periods.js";
-import { PeriodSelector as Do } from "./components/PeriodSelector/PeriodSelector.js";
-import { ProgrammeCard as vo } from "./components/ProgrammeCard/ProgrammeCard.js";
-import { RadioButton as Go } from "./components/RadioButton/RadioButton.js";
-import { RadioGroup as Eo } from "./components/RadioGroup/RadioGroup.js";
-import { RadioTabSelector as zo } from "./components/RadioTabSelector/RadioTabSelector.js";
-import { Repeater as Vo } from "./components/Repeater/Repeater.js";
-import { Rte as qo, RteEditor as Jo } from "./components/RteEditor/RteEditor.js";
-import { SectionNotification as Qo } from "./components/SectionNotification/SectionNotification.js";
-import { SelectListbox as Wo } from "./components/SelectListbox/SelectListbox.js";
-import { SelectProvider as Yo, useSelect as Zo } from "./components/SelectListbox/SelectProvider.js";
-import { Sortable as $o } from "./components/Sortable/Sortable.js";
-import { Spinner as rr } from "./components/Spinner/Spinner.js";
-import { StatusBadge as er } from "./components/StatusBadge/StatusBage.js";
-import { StatusPill as xr } from "./components/StatusPill/StatusPill.js";
-import { TextArea as fr } from "./components/TextArea/TextArea.js";
-import { ToggleSwitch as ir } from "./components/ToggleSwitch/ToggleSwitch.js";
-import { Tooltip as lr } from "./components/Tooltip/Tooltip.js";
-import { VarIndicator as dr } from "./components/VarIndicator/VarIndicator.js";
+import { InfoBanner as po } from "./components/InfoBanner/InfoBanner.js";
+import { InfoMessage as mo } from "./components/InfoMessage/InfoMessage.js";
+import { Input as ao } from "./components/Input/Input.js";
+import { InputField as no } from "./components/InputField/InputField.js";
+import { Label as co } from "./components/Label/Label.js";
+import { MenuLink as Bo } from "./components/MenuLink/MenuLink.js";
+import { MetaDataList as So } from "./components/MetaDataList/MetaDataList.js";
+import { ModalDialog as Co } from "./components/ModalDialog/ModalDialog.js";
+import { M as Fo } from "./TablePlugin-Bj5FObQ_.js";
+import { MultiSelectBox as Mo } from "./components/MultiSelectBox/MultiSelectBox.js";
+import { OverlayCloseButton as Lo } from "./components/OverlayCloseButton/OverlayCloseButton.js";
+import { OverlayStepBar as Ao } from "./components/OverlayStepBar/OverlayStepBar.js";
+import { PageOverlay as ho } from "./components/PageOverlay/PageOverlay.js";
+import { Periods as Do } from "./components/Periods/Periods.js";
+import { PeriodSelector as vo } from "./components/PeriodSelector/PeriodSelector.js";
+import { ProgrammeCard as Go } from "./components/ProgrammeCard/ProgrammeCard.js";
+import { RadioButton as Eo } from "./components/RadioButton/RadioButton.js";
+import { RadioGroup as zo } from "./components/RadioGroup/RadioGroup.js";
+import { RadioTabSelector as Vo } from "./components/RadioTabSelector/RadioTabSelector.js";
+import { Repeater as qo } from "./components/Repeater/Repeater.js";
+import { Rte as Ko, RteEditor as Qo } from "./components/RteEditor/RteEditor.js";
+import { SectionNotification as Wo } from "./components/SectionNotification/SectionNotification.js";
+import { SelectListbox as Yo } from "./components/SelectListbox/SelectListbox.js";
+import { SelectProvider as _o, useSelect as $o } from "./components/SelectListbox/SelectProvider.js";
+import { Sortable as rr } from "./components/Sortable/Sortable.js";
+import { Spinner as er } from "./components/Spinner/Spinner.js";
+import { StatusBadge as xr } from "./components/StatusBadge/StatusBage.js";
+import { StatusPill as fr } from "./components/StatusPill/StatusPill.js";
+import { TextArea as ir } from "./components/TextArea/TextArea.js";
+import { ToggleSwitch as lr } from "./components/ToggleSwitch/ToggleSwitch.js";
+import { Tooltip as dr } from "./components/Tooltip/Tooltip.js";
+import { VarIndicator as Br } from "./components/VarIndicator/VarIndicator.js";
 export {
   t as Accordion,
   p as AccordionCard,
@@ -66,8 +67,8 @@ export {
   c as Backdrop,
   s as Button,
   u as ButtonGroup,
-  M as Card,
-  I as Checkbox,
+  I as Card,
+  g as Checkbox,
   R as CheckboxButtonBar,
   P as CheckboxTree,
   y as Chip,
@@ -84,40 +85,41 @@ export {
   _ as HorizontalList,
   oo as Icon,
   to as IconButton,
-  po as InfoMessage,
-  mo as Input,
-  ao as InputField,
-  no as Label,
+  po as InfoBanner,
+  mo as InfoMessage,
+  ao as Input,
+  no as InputField,
+  co as Label,
   b as LinkButton,
   k as MenuButton,
-  co as MenuLink,
-  Bo as MetaDataList,
-  So as ModalDialog,
-  Co as MultiSelect,
-  Fo as MultiSelectBox,
-  go as OverlayCloseButton,
-  Lo as OverlayStepBar,
-  Ao as PageOverlay,
-  Do as PeriodSelector,
-  ho as Periods,
-  vo as ProgrammeCard,
-  Go as RadioButton,
-  Eo as RadioGroup,
-  zo as RadioTabSelector,
-  Vo as Repeater,
-  qo as Rte,
-  Jo as RteEditor,
-  Qo as SectionNotification,
-  Wo as SelectListbox,
-  Yo as SelectProvider,
-  $o as Sortable,
-  rr as Spinner,
-  er as StatusBadge,
-  xr as StatusPill,
-  fr as TextArea,
-  ir as ToggleSwitch,
-  lr as Tooltip,
-  dr as VarIndicator,
-  Zo as useSelect
+  Bo as MenuLink,
+  So as MetaDataList,
+  Co as ModalDialog,
+  Fo as MultiSelect,
+  Mo as MultiSelectBox,
+  Lo as OverlayCloseButton,
+  Ao as OverlayStepBar,
+  ho as PageOverlay,
+  vo as PeriodSelector,
+  Do as Periods,
+  Go as ProgrammeCard,
+  Eo as RadioButton,
+  zo as RadioGroup,
+  Vo as RadioTabSelector,
+  qo as Repeater,
+  Ko as Rte,
+  Qo as RteEditor,
+  Wo as SectionNotification,
+  Yo as SelectListbox,
+  _o as SelectProvider,
+  rr as Sortable,
+  er as Spinner,
+  xr as StatusBadge,
+  fr as StatusPill,
+  ir as TextArea,
+  lr as ToggleSwitch,
+  dr as Tooltip,
+  Br as VarIndicator,
+  $o 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/dist/storyComponents/Container/Container.js

@@ -1,23 +1,23 @@
-import { jsxs as i, Fragment as l, jsx as t } from "react/jsx-runtime";
+import { jsxs as c, Fragment as l, jsx as r } from "react/jsx-runtime";
 import { c as d } from "../../clsx-OuTLNxxd.js";
-import '../../assets/Container.css';const _ = "_container_cgawq_1", n = {
+import '../../assets/Container.css';const _ = "_container_1fwsz_1", n = {
   container: _,
-  "container--padded": "_container--padded_cgawq_8",
-  "container--small": "_container--small_cgawq_12",
-  "container--medium": "_container--medium_cgawq_17",
-  "container--large": "_container--large_cgawq_22",
-  "container--large-full-height": "_container--large-full-height_cgawq_27",
-  "container--hidden": "_container--hidden_cgawq_31",
-  "container--centered-content": "_container--centered-content_cgawq_35"
-}, s = ({
-  children: r,
+  "container--padded": "_container--padded_1fwsz_8",
+  "container--small": "_container--small_1fwsz_12",
+  "container--medium": "_container--medium_1fwsz_17",
+  "container--large": "_container--large_1fwsz_22",
+  "container--large-full-height": "_container--large-full-height_1fwsz_27",
+  "container--hidden": "_container--hidden_1fwsz_31",
+  "container--centered-content": "_container--centered-content_1fwsz_35"
+}, h = ({
+  children: a,
   size: e = "medium",
-  centerContent: c = !1,
-  visible: o = !0,
-  padded: a = !0
-}) => /* @__PURE__ */ i(l, { children: [
-  /* @__PURE__ */ t("label", { htmlFor: "container", children: a ? "Storybook container with 1rem padding" : "Storybook container" }),
-  /* @__PURE__ */ t(
+  centerContent: o = !1,
+  visible: i = !0,
+  padded: t = !0
+}) => /* @__PURE__ */ c(l, { children: [
+  /* @__PURE__ */ r("label", { htmlFor: "container", children: t ? "Storybook container with 1rem padding" : "Storybook container" }),
+  /* @__PURE__ */ r(
     "div",
     {
       id: "container",
@@ -26,15 +26,15 @@ import '../../assets/Container.css';const _ = "_container_cgawq_1", n = {
         [n["container--medium"]]: e === "medium",
         [n["container--large"]]: e === "large",
         [n["container--large-full-height"]]: e === "large-full-height",
-        [n["container--padded"]]: a,
-        [n["container--centered-content"]]: c,
-        [n["container--hidden"]]: !o
+        [n["container--padded"]]: t,
+        [n["container--centered-content"]]: o,
+        [n["container--hidden"]]: !i
       }),
-      children: r
+      children: a
     }
   )
 ] });
 export {
-  s as Container
+  h as Container
 };
 //# sourceMappingURL=Container.js.map