@uva-glass/component-library 1.50.1 → 1.51.0

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

@@ -2,7 +2,9 @@ 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-MQ0yPLdl.js";
 import { ModalDialog as t } from "./ModalDialog.js";
-import { Button as n } from "../Button/Button.js";
+import { Button as n } from "../Buttons/Button.js";
+import "../Buttons/LinkButton.js";
+import "@react-aria/button";
 import { ButtonGroup as m } from "../ButtonGroup/ButtonGroup.js";
 import { FormField as r } from "../FormField/FormField.js";
 import { InputField as d } from "../InputField/InputField.js";
@@ -12,7 +14,7 @@ const p = `
  Code example is made with the most commonly used props. **/
   <ModalDialog isOpen={isOpen} title={title} onClose={onCloseFunction}
     onSubmit={onSubmitFunction} buttons={buttons}> {children} </ModalDialog>
-`, F = {
+`, T = {
   title: "Molecules/ModalDialog",
   component: t,
   argTypes: {
@@ -90,6 +92,6 @@ export {
   g as Loading,
   b as ModalDialogExample,
   h as WithLongContentAndNoBorder,
-  F as default
+  T as default
 };
 //# sourceMappingURL=ModalDialog.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ModalDialog.stories.js","sources":["../../../src/components/ModalDialog/ModalDialog.stories.tsx"],"sourcesContent":["import { ModalProvider } from '@react-aria/overlays';\nimport { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ModalDialogProps } from './ModalDialog';\n\nimport { ModalDialog } from './ModalDialog';\n\nimport { Button } from 'components/Button';\nimport { ButtonGroup } from 'components/ButtonGroup';\nimport { FormField } from 'components/FormField';\nimport { InputField } from 'components/InputField';\nimport { Label } from 'components/Label';\n\nconst codeString = `\n/* ModalDialog has more styling props (see Info-tab).\n Code example is made with the most commonly used props. **/\n  <ModalDialog isOpen={isOpen} title={title} onClose={onCloseFunction}\n    onSubmit={onSubmitFunction} buttons={buttons}> {children} </ModalDialog>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/ModalDialog',\n  component: ModalDialog,\n  argTypes: {\n    isOpen: {\n      table: {\n        disable: true,\n      },\n    },\n    noValidate: {\n      control: 'boolean',\n    },\n    role: {\n      control: 'radio',\n      options: ['dialog', 'alertdialog'],\n    },\n    onSubmit: {\n      table: {\n        disable: true,\n      },\n    },\n    onClose: {\n      table: {\n        disable: true,\n      },\n    },\n    buttons: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: ModalDialog,\n    codeString: codeString,\n  },\n} as Meta<ModalDialogProps>;\n\nconst Template: StoryFn<ModalDialogProps> = (args: ModalDialogProps) => (\n  <ModalProvider>\n    <ModalDialog {...args}>\n      <FormField outerSpace>\n        <Label htmlFor=\"text-field\">Example Text Field</Label>\n        <InputField id=\"text-field\" />\n      </FormField>\n    </ModalDialog>\n  </ModalProvider>\n);\n\nconst defaultArgs: Partial<ModalDialogProps> = {\n  padded: false,\n  slim: false,\n  wide: false,\n  noButtonBorder: false,\n  variant: 'dialog',\n  role: 'dialog',\n  title: 'Example Title',\n  closeButtonAriaValueText: 'Close',\n  noValidate: false,\n  onSubmit: fn(),\n  onClose: fn(),\n  buttons: (\n    <ButtonGroup reversed>\n      <Button variant=\"primary\" onClick={fn()}>\n        OK\n      </Button>\n      <Button variant=\"secondary\" onClick={fn()}>\n        Cancel\n      </Button>\n    </ButtonGroup>\n  ),\n  isOpen: true,\n};\n\nexport const ModalDialogExample = Template.bind({});\nModalDialogExample.args = {\n  ...defaultArgs,\n};\n\nexport const Loading = Template.bind({});\nLoading.args = {\n  ...defaultArgs,\n  isLoading: true,\n  spinnerAriaValueText: 'Loading',\n};\n\nconst LongContentTemplate: StoryFn<ModalDialogProps> = (args: ModalDialogProps) => (\n  <ModalProvider>\n    <ModalDialog {...args}>\n      <FormField outerSpace>\n        <div>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ac dui et nibh eleifend ultricies a id nulla.\n          Pellentesque eleifend sem a tellus dictum tempus. Proin non leo id risus placerat vulputate at ac erat. Ut\n          fringilla imperdiet sollicitudin. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere\n          cubilia curae; Cras molestie ante ac magna ornare rhoncus non at quam. Mauris elementum luctus euismod.\n          Pellentesque molestie malesuada purus, sed egestas lacus interdum sit amet. Morbi blandit lacus sit amet\n          dictum pulvinar. Ut semper nunc ac enim imperdiet, non interdum diam gravida. In nunc tortor, mollis ac\n          molestie dignissim, elementum sed quam. Suspendisse mollis venenatis libero, pellentesque vestibulum elit\n          consequat et. Aliquam fringilla tellus id libero tempus, sit amet suscipit augue tristique. Quisque cursus\n          neque vel justo tristique, eget semper turpis elementum. Etiam venenatis mattis sapien ac mattis. Mauris vitae\n          ultrices erat.\n        </div>\n        <div>\n          Aliquam facilisis massa sed justo rhoncus bibendum. Sed lobortis urna orci, vitae porta leo placerat nec. Nam\n          porta porttitor ornare. Suspendisse vehicula nunc nec egestas finibus. Aliquam non luctus risus. Phasellus ac\n          diam tincidunt, bibendum sem eget, sollicitudin neque. Curabitur mauris risus, feugiat ac euismod non,\n          vulputate ac justo. Curabitur pretium vehicula augue, blandit porta odio rutrum sit amet. Proin semper enim ut\n          sapien tempor, a ornare ipsum faucibus.\n        </div>\n      </FormField>\n    </ModalDialog>\n  </ModalProvider>\n);\n\nexport const WithLongContentAndNoBorder = LongContentTemplate.bind({});\nWithLongContentAndNoBorder.args = {\n  ...defaultArgs,\n  noButtonBorder: true,\n};\n"],"names":["codeString","ModalDialog_stories","ModalDialog","Template","args","jsx","ModalProvider","jsxs","FormField","Label","InputField","defaultArgs","fn","ButtonGroup","Button","ModalDialogExample","Loading","LongContentTemplate","WithLongContentAndNoBorder"],"mappings":";;;;;;;;;AAcA,MAAMA,IAAa;AAAA;AAAA;AAAA;AAAA;AAAA,GAQJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,SAAS,CAAC,UAAU,aAAa;AAAA,IACnC;AAAA,IACA,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EACF;AACF,GAEMG,IAAsC,CAACC,MAC3C,gBAAAC,EAACC,GACC,EAAA,UAAA,gBAAAD,EAACH,GAAa,EAAA,GAAGE,GACf,UAAA,gBAAAG,EAACC,GAAU,EAAA,YAAU,IACnB,UAAA;AAAA,EAAC,gBAAAH,EAAAI,GAAA,EAAM,SAAQ,cAAa,UAAkB,sBAAA;AAAA,EAC9C,gBAAAJ,EAACK,GAAW,EAAA,IAAG,aAAa,CAAA;AAAA,GAC9B,GACF,EACF,CAAA,GAGIC,IAAyC;AAAA,EAC7C,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,0BAA0B;AAAA,EAC1B,YAAY;AAAA,EACZ,UAAUC,EAAG;AAAA,EACb,SAASA,EAAG;AAAA,EACZ,SACE,gBAAAL,EAACM,GAAY,EAAA,UAAQ,IACnB,UAAA;AAAA,IAAA,gBAAAR,EAACS,KAAO,SAAQ,WAAU,SAASF,KAAM,UAEzC,MAAA;AAAA,sBACCE,GAAO,EAAA,SAAQ,aAAY,SAASF,KAAM,UAE3C,UAAA;AAAA,EAAA,GACF;AAAA,EAEF,QAAQ;AACV,GAEaG,IAAqBZ,EAAS,KAAK,EAAE;AAClDY,EAAmB,OAAO;AAAA,EACxB,GAAGJ;AACL;AAEO,MAAMK,IAAUb,EAAS,KAAK,EAAE;AACvCa,EAAQ,OAAO;AAAA,EACb,GAAGL;AAAA,EACH,WAAW;AAAA,EACX,sBAAsB;AACxB;AAEA,MAAMM,IAAiD,CAACb,MACtD,gBAAAC,EAACC,GACC,EAAA,UAAA,gBAAAD,EAACH,GAAa,EAAA,GAAGE,GACf,UAAA,gBAAAG,EAACC,GAAU,EAAA,YAAU,IACnB,UAAA;AAAA,EAAA,gBAAAH,EAAC,SAAI,UAWL,88BAAA,CAAA;AAAA,EACA,gBAAAA,EAAC,SAAI,UAML,4dAAA,CAAA;AAAA,GACF,GACF,EACF,CAAA,GAGWa,IAA6BD,EAAoB,KAAK,EAAE;AACrEC,EAA2B,OAAO;AAAA,EAChC,GAAGP;AAAA,EACH,gBAAgB;AAClB;"}
+{"version":3,"file":"ModalDialog.stories.js","sources":["../../../src/components/ModalDialog/ModalDialog.stories.tsx"],"sourcesContent":["import { ModalProvider } from '@react-aria/overlays';\nimport { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ModalDialogProps } from './ModalDialog';\n\nimport { ModalDialog } from './ModalDialog';\n\nimport { Button } from 'components/Buttons';\nimport { ButtonGroup } from 'components/ButtonGroup';\nimport { FormField } from 'components/FormField';\nimport { InputField } from 'components/InputField';\nimport { Label } from 'components/Label';\n\nconst codeString = `\n/* ModalDialog has more styling props (see Info-tab).\n Code example is made with the most commonly used props. **/\n  <ModalDialog isOpen={isOpen} title={title} onClose={onCloseFunction}\n    onSubmit={onSubmitFunction} buttons={buttons}> {children} </ModalDialog>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/ModalDialog',\n  component: ModalDialog,\n  argTypes: {\n    isOpen: {\n      table: {\n        disable: true,\n      },\n    },\n    noValidate: {\n      control: 'boolean',\n    },\n    role: {\n      control: 'radio',\n      options: ['dialog', 'alertdialog'],\n    },\n    onSubmit: {\n      table: {\n        disable: true,\n      },\n    },\n    onClose: {\n      table: {\n        disable: true,\n      },\n    },\n    buttons: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: ModalDialog,\n    codeString: codeString,\n  },\n} as Meta<ModalDialogProps>;\n\nconst Template: StoryFn<ModalDialogProps> = (args: ModalDialogProps) => (\n  <ModalProvider>\n    <ModalDialog {...args}>\n      <FormField outerSpace>\n        <Label htmlFor=\"text-field\">Example Text Field</Label>\n        <InputField id=\"text-field\" />\n      </FormField>\n    </ModalDialog>\n  </ModalProvider>\n);\n\nconst defaultArgs: Partial<ModalDialogProps> = {\n  padded: false,\n  slim: false,\n  wide: false,\n  noButtonBorder: false,\n  variant: 'dialog',\n  role: 'dialog',\n  title: 'Example Title',\n  closeButtonAriaValueText: 'Close',\n  noValidate: false,\n  onSubmit: fn(),\n  onClose: fn(),\n  buttons: (\n    <ButtonGroup reversed>\n      <Button variant=\"primary\" onClick={fn()}>\n        OK\n      </Button>\n      <Button variant=\"secondary\" onClick={fn()}>\n        Cancel\n      </Button>\n    </ButtonGroup>\n  ),\n  isOpen: true,\n};\n\nexport const ModalDialogExample = Template.bind({});\nModalDialogExample.args = {\n  ...defaultArgs,\n};\n\nexport const Loading = Template.bind({});\nLoading.args = {\n  ...defaultArgs,\n  isLoading: true,\n  spinnerAriaValueText: 'Loading',\n};\n\nconst LongContentTemplate: StoryFn<ModalDialogProps> = (args: ModalDialogProps) => (\n  <ModalProvider>\n    <ModalDialog {...args}>\n      <FormField outerSpace>\n        <div>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ac dui et nibh eleifend ultricies a id nulla.\n          Pellentesque eleifend sem a tellus dictum tempus. Proin non leo id risus placerat vulputate at ac erat. Ut\n          fringilla imperdiet sollicitudin. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere\n          cubilia curae; Cras molestie ante ac magna ornare rhoncus non at quam. Mauris elementum luctus euismod.\n          Pellentesque molestie malesuada purus, sed egestas lacus interdum sit amet. Morbi blandit lacus sit amet\n          dictum pulvinar. Ut semper nunc ac enim imperdiet, non interdum diam gravida. In nunc tortor, mollis ac\n          molestie dignissim, elementum sed quam. Suspendisse mollis venenatis libero, pellentesque vestibulum elit\n          consequat et. Aliquam fringilla tellus id libero tempus, sit amet suscipit augue tristique. Quisque cursus\n          neque vel justo tristique, eget semper turpis elementum. Etiam venenatis mattis sapien ac mattis. Mauris vitae\n          ultrices erat.\n        </div>\n        <div>\n          Aliquam facilisis massa sed justo rhoncus bibendum. Sed lobortis urna orci, vitae porta leo placerat nec. Nam\n          porta porttitor ornare. Suspendisse vehicula nunc nec egestas finibus. Aliquam non luctus risus. Phasellus ac\n          diam tincidunt, bibendum sem eget, sollicitudin neque. Curabitur mauris risus, feugiat ac euismod non,\n          vulputate ac justo. Curabitur pretium vehicula augue, blandit porta odio rutrum sit amet. Proin semper enim ut\n          sapien tempor, a ornare ipsum faucibus.\n        </div>\n      </FormField>\n    </ModalDialog>\n  </ModalProvider>\n);\n\nexport const WithLongContentAndNoBorder = LongContentTemplate.bind({});\nWithLongContentAndNoBorder.args = {\n  ...defaultArgs,\n  noButtonBorder: true,\n};\n"],"names":["codeString","ModalDialog_stories","ModalDialog","Template","args","jsx","ModalProvider","jsxs","FormField","Label","InputField","defaultArgs","fn","ButtonGroup","Button","ModalDialogExample","Loading","LongContentTemplate","WithLongContentAndNoBorder"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAa;AAAA;AAAA;AAAA;AAAA;AAAA,GAQJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,SAAS,CAAC,UAAU,aAAa;AAAA,IACnC;AAAA,IACA,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EACF;AACF,GAEMG,IAAsC,CAACC,MAC3C,gBAAAC,EAACC,GACC,EAAA,UAAA,gBAAAD,EAACH,GAAa,EAAA,GAAGE,GACf,UAAA,gBAAAG,EAACC,GAAU,EAAA,YAAU,IACnB,UAAA;AAAA,EAAC,gBAAAH,EAAAI,GAAA,EAAM,SAAQ,cAAa,UAAkB,sBAAA;AAAA,EAC9C,gBAAAJ,EAACK,GAAW,EAAA,IAAG,aAAa,CAAA;AAAA,GAC9B,GACF,EACF,CAAA,GAGIC,IAAyC;AAAA,EAC7C,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,0BAA0B;AAAA,EAC1B,YAAY;AAAA,EACZ,UAAUC,EAAG;AAAA,EACb,SAASA,EAAG;AAAA,EACZ,SACE,gBAAAL,EAACM,GAAY,EAAA,UAAQ,IACnB,UAAA;AAAA,IAAA,gBAAAR,EAACS,KAAO,SAAQ,WAAU,SAASF,KAAM,UAEzC,MAAA;AAAA,sBACCE,GAAO,EAAA,SAAQ,aAAY,SAASF,KAAM,UAE3C,UAAA;AAAA,EAAA,GACF;AAAA,EAEF,QAAQ;AACV,GAEaG,IAAqBZ,EAAS,KAAK,EAAE;AAClDY,EAAmB,OAAO;AAAA,EACxB,GAAGJ;AACL;AAEO,MAAMK,IAAUb,EAAS,KAAK,EAAE;AACvCa,EAAQ,OAAO;AAAA,EACb,GAAGL;AAAA,EACH,WAAW;AAAA,EACX,sBAAsB;AACxB;AAEA,MAAMM,IAAiD,CAACb,MACtD,gBAAAC,EAACC,GACC,EAAA,UAAA,gBAAAD,EAACH,GAAa,EAAA,GAAGE,GACf,UAAA,gBAAAG,EAACC,GAAU,EAAA,YAAU,IACnB,UAAA;AAAA,EAAA,gBAAAH,EAAC,SAAI,UAWL,88BAAA,CAAA;AAAA,EACA,gBAAAA,EAAC,SAAI,UAML,4dAAA,CAAA;AAAA,GACF,GACF,EACF,CAAA,GAGWa,IAA6BD,EAAoB,KAAK,EAAE;AACrEC,EAA2B,OAAO;AAAA,EAChC,GAAGP;AAAA,EACH,gBAAgB;AAClB;"}

package/dist/components/MultiSelect/MultiSelect.js

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

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

@@ -1,7 +1,7 @@
 import { jsxs as S, jsx as r } from "react/jsx-runtime";
 import { fn as d } from "../../index-MQ0yPLdl.js";
 import { useState as p } from "react";
-import { M as e } from "../../MultiSelect-Ckf3uGw5.js";
+import { M as e } from "../../MultiSelect-D1FnMER4.js";
 import { Container as M } from "../../storyComponents/Container/Container.js";
 const C = `
   // MultiSelectHeader can be added optionally

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

@@ -2,8 +2,9 @@ import "react/jsx-runtime";
 import "../../../MultiSelectItem-D9PxdX43.js";
 import "../../Label/Label.js";
 import "react";
+import "../../Buttons/Button.js";
+import "../../Buttons/LinkButton.js";
 import "@react-aria/button";
-import "../../Button/Button.js";
 import "@react-aria/dialog";
 import "@react-aria/focus";
 import "@react-aria/overlays";
@@ -13,10 +14,10 @@ import "../../IconButton/IconButton.js";
 import "../../Input/Input.js";
 import "../../InputField/InputField.js";
 import "react-router-dom";
-import { a as g } from "../../../MultiSelect-Ckf3uGw5.js";
+import { a as h } from "../../../MultiSelect-D1FnMER4.js";
 import "../../SelectListbox/SelectListbox.js";
 import "../../SelectListbox/SelectProvider.js";
 export {
-  g as MultiSelectHeader
+  h as MultiSelectHeader
 };
 //# sourceMappingURL=MultiSelectHeader.js.map

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

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

package/dist/components/MultiSelect/index.js

@@ -1,4 +1,4 @@
-import { M as l } from "../../MultiSelect-Ckf3uGw5.js";
+import { M as l } from "../../MultiSelect-D1FnMER4.js";
 export {
   l as MultiSelect
 };

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

@@ -4,8 +4,9 @@ import { ProgrammeCard as o } from "./ProgrammeCard.js";
 import { Container as n } from "../../storyComponents/Container/Container.js";
 import "react";
 import { Icon as m } from "../Icon/Icon.js";
+import "../Buttons/Button.js";
+import "../Buttons/LinkButton.js";
 import "@react-aria/button";
-import "../Button/Button.js";
 import "@react-aria/dialog";
 import "@react-aria/focus";
 import "@react-aria/overlays";
@@ -15,11 +16,11 @@ import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router-dom";
-import "../../MultiSelect-Ckf3uGw5.js";
+import "../../MultiSelect-D1FnMER4.js";
 import { Repeater as i } from "../Repeater/Repeater.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
-const l = "<ProgrammeCard key={key} header={header} details={details} onClick={onClickFunction} />", I = {
+const l = "<ProgrammeCard key={key} header={header} details={details} onClick={onClickFunction} />", R = {
   title: "Atoms/ProgrammeCard",
   component: o,
   parameters: {
@@ -68,6 +69,6 @@ export {
   h as MultiProgrammeCards,
   d as ProgrammeCardExample,
   p as WithComplexContent,
-  I as default
+  R as default
 };
 //# sourceMappingURL=ProgrammeCard.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProgrammeCard.stories.js","sources":["../../../src/components/ProgrammeCard/ProgrammeCard.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ProgrammeCardProps } from './ProgrammeCard';\n\nimport { ProgrammeCard } from './ProgrammeCard';\n\nimport { Container } from 'storyComponents/Container';\nimport { Icon, Repeater } from 'components';\n\nconst codeString = '<ProgrammeCard key={key} header={header} details={details} onClick={onClickFunction} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/ProgrammeCard',\n  component: ProgrammeCard,\n  parameters: {\n    inspectComponent: ProgrammeCard,\n    codeString: codeString,\n  },\n} as Meta<ProgrammeCardProps>;\n\nconst Template: StoryFn<ProgrammeCardProps> = (args) => (\n  <Container size=\"large\">\n    <ProgrammeCard {...args} />\n  </Container>\n);\n\nexport const ProgrammeCardExample = Template.bind({});\nProgrammeCardExample.args = {\n  header: 'This is my header',\n  details: 'This is my details',\n  onClick: fn(),\n};\n\nexport const WithComplexContent = Template.bind({});\nWithComplexContent.args = {\n  header: (\n    <Repeater flexDirection=\"row\" gap=\"150\">\n      <Icon name=\"Envelope\" size={32} />\n      <h2 style={{ margin: 0 }}>This is my header</h2>\n    </Repeater>\n  ),\n  details: (\n    <Repeater flexDirection=\"row\" gap=\"150\">\n      <Repeater flexDirection=\"row\">\n        <Icon name=\"FaceFrown\" />\n        Details 1\n      </Repeater>\n      <Repeater flexDirection=\"row\">\n        <Icon name=\"Heart\" />\n        Details 2\n      </Repeater>\n      <Repeater flexDirection=\"row\">\n        <Icon name=\"Sparkles\" />\n        Details 3\n      </Repeater>\n    </Repeater>\n  ),\n  onClick: fn(),\n};\n\nconst MultiProgrammeCardsTemplate: StoryFn<ProgrammeCardProps> = (args) => (\n  <Container size=\"large\">\n    <Repeater>\n      <ProgrammeCard {...args} />\n      <ProgrammeCard {...args} />\n      <ProgrammeCard {...args} />\n    </Repeater>\n  </Container>\n);\n\nexport const MultiProgrammeCards = MultiProgrammeCardsTemplate.bind({});\nMultiProgrammeCards.args = {\n  header: 'This is my header',\n  details: 'This is my details',\n  onClick: fn(),\n};\n"],"names":["codeString","ProgrammeCard_stories","ProgrammeCard","Template","args","jsx","Container","ProgrammeCardExample","fn","WithComplexContent","jsxs","Repeater","Icon","MultiProgrammeCardsTemplate","MultiProgrammeCards"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAUA,MAAMA,IAAa,2FAGJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EACF;AACF,GAEMG,IAAwC,CAACC,MAC5C,gBAAAC,EAAAC,GAAA,EAAU,MAAK,SACd,UAAC,gBAAAD,EAAAH,GAAA,EAAe,GAAGE,EAAM,CAAA,EAC3B,CAAA,GAGWG,IAAuBJ,EAAS,KAAK,EAAE;AACpDI,EAAqB,OAAO;AAAA,EAC1B,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAASC,EAAG;AACd;AAEO,MAAMC,IAAqBN,EAAS,KAAK,EAAE;AAClDM,EAAmB,OAAO;AAAA,EACxB,QACG,gBAAAC,EAAAC,GAAA,EAAS,eAAc,OAAM,KAAI,OAChC,UAAA;AAAA,IAAA,gBAAAN,EAACO,GAAK,EAAA,MAAK,YAAW,MAAM,IAAI;AAAA,sBAC/B,MAAG,EAAA,OAAO,EAAE,QAAQ,KAAK,UAAiB,qBAAA;AAAA,EAAA,GAC7C;AAAA,EAEF,SACG,gBAAAF,EAAAC,GAAA,EAAS,eAAc,OAAM,KAAI,OAChC,UAAA;AAAA,IAAC,gBAAAD,EAAAC,GAAA,EAAS,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,YAAY,CAAA;AAAA,MAAE;AAAA,IAAA,GAE3B;AAAA,IACA,gBAAAF,EAACC,GAAS,EAAA,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,QAAQ,CAAA;AAAA,MAAE;AAAA,IAAA,GAEvB;AAAA,IACA,gBAAAF,EAACC,GAAS,EAAA,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,WAAW,CAAA;AAAA,MAAE;AAAA,IAAA,GAE1B;AAAA,EAAA,GACF;AAAA,EAEF,SAASJ,EAAG;AACd;AAEA,MAAMK,IAA2D,CAACT,MAChE,gBAAAC,EAACC,KAAU,MAAK,SACd,4BAACK,GACC,EAAA,UAAA;AAAA,EAAC,gBAAAN,EAAAH,GAAA,EAAe,GAAGE,GAAM;AAAA,EACzB,gBAAAC,EAACH,GAAe,EAAA,GAAGE,GAAM;AAAA,EACzB,gBAAAC,EAACH,GAAe,EAAA,GAAGE,GAAM;AAAA,EAC3B,CAAA,EACF,CAAA,GAGWU,IAAsBD,EAA4B,KAAK,EAAE;AACtEC,EAAoB,OAAO;AAAA,EACzB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAASN,EAAG;AACd;"}
+{"version":3,"file":"ProgrammeCard.stories.js","sources":["../../../src/components/ProgrammeCard/ProgrammeCard.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ProgrammeCardProps } from './ProgrammeCard';\n\nimport { ProgrammeCard } from './ProgrammeCard';\n\nimport { Container } from 'storyComponents/Container';\nimport { Icon, Repeater } from 'components';\n\nconst codeString = '<ProgrammeCard key={key} header={header} details={details} onClick={onClickFunction} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/ProgrammeCard',\n  component: ProgrammeCard,\n  parameters: {\n    inspectComponent: ProgrammeCard,\n    codeString: codeString,\n  },\n} as Meta<ProgrammeCardProps>;\n\nconst Template: StoryFn<ProgrammeCardProps> = (args) => (\n  <Container size=\"large\">\n    <ProgrammeCard {...args} />\n  </Container>\n);\n\nexport const ProgrammeCardExample = Template.bind({});\nProgrammeCardExample.args = {\n  header: 'This is my header',\n  details: 'This is my details',\n  onClick: fn(),\n};\n\nexport const WithComplexContent = Template.bind({});\nWithComplexContent.args = {\n  header: (\n    <Repeater flexDirection=\"row\" gap=\"150\">\n      <Icon name=\"Envelope\" size={32} />\n      <h2 style={{ margin: 0 }}>This is my header</h2>\n    </Repeater>\n  ),\n  details: (\n    <Repeater flexDirection=\"row\" gap=\"150\">\n      <Repeater flexDirection=\"row\">\n        <Icon name=\"FaceFrown\" />\n        Details 1\n      </Repeater>\n      <Repeater flexDirection=\"row\">\n        <Icon name=\"Heart\" />\n        Details 2\n      </Repeater>\n      <Repeater flexDirection=\"row\">\n        <Icon name=\"Sparkles\" />\n        Details 3\n      </Repeater>\n    </Repeater>\n  ),\n  onClick: fn(),\n};\n\nconst MultiProgrammeCardsTemplate: StoryFn<ProgrammeCardProps> = (args) => (\n  <Container size=\"large\">\n    <Repeater>\n      <ProgrammeCard {...args} />\n      <ProgrammeCard {...args} />\n      <ProgrammeCard {...args} />\n    </Repeater>\n  </Container>\n);\n\nexport const MultiProgrammeCards = MultiProgrammeCardsTemplate.bind({});\nMultiProgrammeCards.args = {\n  header: 'This is my header',\n  details: 'This is my details',\n  onClick: fn(),\n};\n"],"names":["codeString","ProgrammeCard_stories","ProgrammeCard","Template","args","jsx","Container","ProgrammeCardExample","fn","WithComplexContent","jsxs","Repeater","Icon","MultiProgrammeCardsTemplate","MultiProgrammeCards"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAUA,MAAMA,IAAa,2FAGJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EACF;AACF,GAEMG,IAAwC,CAACC,MAC5C,gBAAAC,EAAAC,GAAA,EAAU,MAAK,SACd,UAAC,gBAAAD,EAAAH,GAAA,EAAe,GAAGE,EAAM,CAAA,EAC3B,CAAA,GAGWG,IAAuBJ,EAAS,KAAK,EAAE;AACpDI,EAAqB,OAAO;AAAA,EAC1B,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAASC,EAAG;AACd;AAEO,MAAMC,IAAqBN,EAAS,KAAK,EAAE;AAClDM,EAAmB,OAAO;AAAA,EACxB,QACG,gBAAAC,EAAAC,GAAA,EAAS,eAAc,OAAM,KAAI,OAChC,UAAA;AAAA,IAAA,gBAAAN,EAACO,GAAK,EAAA,MAAK,YAAW,MAAM,IAAI;AAAA,sBAC/B,MAAG,EAAA,OAAO,EAAE,QAAQ,KAAK,UAAiB,qBAAA;AAAA,EAAA,GAC7C;AAAA,EAEF,SACG,gBAAAF,EAAAC,GAAA,EAAS,eAAc,OAAM,KAAI,OAChC,UAAA;AAAA,IAAC,gBAAAD,EAAAC,GAAA,EAAS,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,YAAY,CAAA;AAAA,MAAE;AAAA,IAAA,GAE3B;AAAA,IACA,gBAAAF,EAACC,GAAS,EAAA,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,QAAQ,CAAA;AAAA,MAAE;AAAA,IAAA,GAEvB;AAAA,IACA,gBAAAF,EAACC,GAAS,EAAA,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,WAAW,CAAA;AAAA,MAAE;AAAA,IAAA,GAE1B;AAAA,EAAA,GACF;AAAA,EAEF,SAASJ,EAAG;AACd;AAEA,MAAMK,IAA2D,CAACT,MAChE,gBAAAC,EAACC,KAAU,MAAK,SACd,4BAACK,GACC,EAAA,UAAA;AAAA,EAAC,gBAAAN,EAAAH,GAAA,EAAe,GAAGE,GAAM;AAAA,EACzB,gBAAAC,EAACH,GAAe,EAAA,GAAGE,GAAM;AAAA,EACzB,gBAAAC,EAACH,GAAe,EAAA,GAAGE,GAAM;AAAA,EAC3B,CAAA,EACF,CAAA,GAGWU,IAAsBD,EAA4B,KAAK,EAAE;AACtEC,EAAoB,OAAO;AAAA,EACzB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAASN,EAAG;AACd;"}

package/dist/components/index.d.ts

@@ -3,7 +3,7 @@ export * from './ActionList';
 export * from './AppStatusBar';
 export * from './Attention';
 export * from './Backdrop';
-export * from './Button';
+export * from './Buttons';
 export * from './ButtonGroup';
 export * from './Card';
 export * from './Checkbox';
@@ -24,7 +24,6 @@ export * from './InfoMessage';
 export * from './Input';
 export * from './InputField';
 export * from './Label';
-export * from './MenuButton';
 export * from './MenuLink';
 export * from './MetaDataList';
 export * from './ModalDialog';

package/dist/components/index.js

@@ -2,91 +2,93 @@ import { Accordion as t } from "./Accordion/Accordion.js";
 import { ActionList as p } from "./ActionList/ActionList.js";
 import { AppStatusBar as m } from "./AppStatusBar/AppStatusBar.js";
 import { Attention as i } from "./Attention/Attention.js";
-import { Backdrop as n } from "./Backdrop/Backdrop.js";
-import { Button as c } from "./Button/Button.js";
-import { ButtonGroup as d } from "./ButtonGroup/ButtonGroup.js";
-import { Card as B } from "./Card/Card.js";
-import { Checkbox as b } from "./Checkbox/Checkbox.js";
-import { CheckboxButton as C } from "./CheckboxButton/CheckboxButton.js";
-import { CheckboxButtonBar as F } from "./CheckboxButtonBar/CheckboxButtonBar.js";
-import { CheckboxTree as D } from "./CheckboxTree/CheckboxTree.js";
-import { Drawer as P } from "./Drawer/Drawer.js";
-import { EmptyStateDataDisplay as A } from "./EmptyStateDataDisplay/EmptyStateDataDisplay.js";
-import { FeedbackBox as g } from "./FeedbackBox/FeedbackBox.js";
-import { FieldHint as v } from "./FieldHint/FieldHint.js";
-import { Fieldset as E } from "./Fieldset/Fieldset.js";
-import { FormField as H } from "./FormField/FormField.js";
-import { GridRow as z } from "./GridRow/GridRow.js";
-import { HorizontalList as O } from "./HorizontalList/HorizontalList.js";
-import { Icon as q } from "./Icon/Icon.js";
-import { IconButton as K } from "./IconButton/IconButton.js";
-import { InfoMessage as U } from "./InfoMessage/InfoMessage.js";
-import { Input as W } from "./Input/Input.js";
-import { InputField as Y } from "./InputField/InputField.js";
-import { Label as _ } from "./Label/Label.js";
-import { MenuButton as oo } from "./MenuButton/MenuButton.js";
-import { MenuLink as to } from "./MenuLink/MenuLink.js";
-import { MetaDataList as po } from "./MetaDataList/MetaDataList.js";
-import { ModalDialog as mo } from "./ModalDialog/ModalDialog.js";
-import { M as io } from "../MultiSelect-Ckf3uGw5.js";
-import { OverlayCloseButton as no } from "./OverlayCloseButton/OverlayCloseButton.js";
-import { Periods as co } from "./Periods/Periods.js";
-import { PeriodSelector as so } from "./PeriodSelector/PeriodSelector.js";
-import { ProgrammeCard as So } from "./ProgrammeCard/ProgrammeCard.js";
-import { RadioButton as ko } from "./RadioButton/RadioButton.js";
-import { Repeater as Mo } from "./Repeater/Repeater.js";
-import { RteEditor as Lo } from "./RteEditor/RteEditor.js";
-import { SectionNotification as Io } from "./SectionNotification/SectionNotification.js";
-import { SelectListbox as ho } from "./SelectListbox/SelectListbox.js";
-import { SelectProvider as Ro, useSelect as go } from "./SelectListbox/SelectProvider.js";
-import { Spinner as vo } from "./Spinner/Spinner.js";
-import { StatusPill as Eo } from "./StatusPill/StatusPill.js";
-import { Tooltip as Ho } from "./Tooltip/Tooltip.js";
+import { Backdrop as a } from "./Backdrop/Backdrop.js";
+import { Button as c } from "./Buttons/Button.js";
+import { LinkButton as d } from "./Buttons/LinkButton.js";
+import { MenuButton as B } from "./Buttons/MenuButton.js";
+import { ButtonGroup as k } from "./ButtonGroup/ButtonGroup.js";
+import { Card as C } from "./Card/Card.js";
+import { Checkbox as M } from "./Checkbox/Checkbox.js";
+import { CheckboxButton as D } from "./CheckboxButton/CheckboxButton.js";
+import { CheckboxButtonBar as P } from "./CheckboxButtonBar/CheckboxButtonBar.js";
+import { CheckboxTree as A } from "./CheckboxTree/CheckboxTree.js";
+import { Drawer as g } from "./Drawer/Drawer.js";
+import { EmptyStateDataDisplay as v } from "./EmptyStateDataDisplay/EmptyStateDataDisplay.js";
+import { FeedbackBox as E } from "./FeedbackBox/FeedbackBox.js";
+import { FieldHint as H } from "./FieldHint/FieldHint.js";
+import { Fieldset as z } from "./Fieldset/Fieldset.js";
+import { FormField as O } from "./FormField/FormField.js";
+import { GridRow as q } from "./GridRow/GridRow.js";
+import { HorizontalList as K } from "./HorizontalList/HorizontalList.js";
+import { Icon as U } from "./Icon/Icon.js";
+import { IconButton as W } from "./IconButton/IconButton.js";
+import { InfoMessage as Y } from "./InfoMessage/InfoMessage.js";
+import { Input as _ } from "./Input/Input.js";
+import { InputField as oo } from "./InputField/InputField.js";
+import { Label as to } from "./Label/Label.js";
+import { MenuLink as po } from "./MenuLink/MenuLink.js";
+import { MetaDataList as mo } from "./MetaDataList/MetaDataList.js";
+import { ModalDialog as io } from "./ModalDialog/ModalDialog.js";
+import { M as ao } from "../MultiSelect-D1FnMER4.js";
+import { OverlayCloseButton as co } from "./OverlayCloseButton/OverlayCloseButton.js";
+import { Periods as so } from "./Periods/Periods.js";
+import { PeriodSelector as So } from "./PeriodSelector/PeriodSelector.js";
+import { ProgrammeCard as bo } from "./ProgrammeCard/ProgrammeCard.js";
+import { RadioButton as Lo } from "./RadioButton/RadioButton.js";
+import { Repeater as Fo } from "./Repeater/Repeater.js";
+import { RteEditor as Io } from "./RteEditor/RteEditor.js";
+import { SectionNotification as ho } from "./SectionNotification/SectionNotification.js";
+import { SelectListbox as Ro } from "./SelectListbox/SelectListbox.js";
+import { SelectProvider as yo, useSelect as vo } from "./SelectListbox/SelectProvider.js";
+import { Spinner as Eo } from "./Spinner/Spinner.js";
+import { StatusPill as Ho } from "./StatusPill/StatusPill.js";
+import { Tooltip as zo } from "./Tooltip/Tooltip.js";
 export {
   t as Accordion,
   p as ActionList,
   m as AppStatusBar,
   i as Attention,
-  n as Backdrop,
+  a as Backdrop,
   c as Button,
-  d as ButtonGroup,
-  B as Card,
-  b as Checkbox,
-  C as CheckboxButton,
-  F as CheckboxButtonBar,
-  D as CheckboxTree,
-  P as Drawer,
-  A as EmptyStateDataDisplay,
-  g as FeedbackBox,
-  v as FieldHint,
-  E as Fieldset,
-  H as FormField,
-  z as GridRow,
-  O as HorizontalList,
-  q as Icon,
-  K as IconButton,
-  U as InfoMessage,
-  W as Input,
-  Y as InputField,
-  _ as Label,
-  oo as MenuButton,
-  to as MenuLink,
-  po as MetaDataList,
-  mo as ModalDialog,
-  io as MultiSelect,
-  no as OverlayCloseButton,
-  so as PeriodSelector,
-  co as Periods,
-  So as ProgrammeCard,
-  ko as RadioButton,
-  Mo as Repeater,
-  Lo as RteEditor,
-  Io as SectionNotification,
-  ho as SelectListbox,
-  Ro as SelectProvider,
-  vo as Spinner,
-  Eo as StatusPill,
-  Ho as Tooltip,
-  go as useSelect
+  k as ButtonGroup,
+  C as Card,
+  M as Checkbox,
+  D as CheckboxButton,
+  P as CheckboxButtonBar,
+  A as CheckboxTree,
+  g as Drawer,
+  v as EmptyStateDataDisplay,
+  E as FeedbackBox,
+  H as FieldHint,
+  z as Fieldset,
+  O as FormField,
+  q as GridRow,
+  K as HorizontalList,
+  U as Icon,
+  W as IconButton,
+  Y as InfoMessage,
+  _ as Input,
+  oo as InputField,
+  to as Label,
+  d as LinkButton,
+  B as MenuButton,
+  po as MenuLink,
+  mo as MetaDataList,
+  io as ModalDialog,
+  ao as MultiSelect,
+  co as OverlayCloseButton,
+  So as PeriodSelector,
+  so as Periods,
+  bo as ProgrammeCard,
+  Lo as RadioButton,
+  Fo as Repeater,
+  Io as RteEditor,
+  ho as SectionNotification,
+  Ro as SelectListbox,
+  yo as SelectProvider,
+  Eo as Spinner,
+  Ho as StatusPill,
+  zo as Tooltip,
+  vo 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

@@ -2,91 +2,93 @@ import { Accordion as t } from "./components/Accordion/Accordion.js";
 import { ActionList as p } from "./components/ActionList/ActionList.js";
 import { AppStatusBar as m } from "./components/AppStatusBar/AppStatusBar.js";
 import { Attention as i } from "./components/Attention/Attention.js";
-import { Backdrop as n } from "./components/Backdrop/Backdrop.js";
-import { Button as c } from "./components/Button/Button.js";
-import { ButtonGroup as d } from "./components/ButtonGroup/ButtonGroup.js";
-import { Card as B } from "./components/Card/Card.js";
-import { Checkbox as b } from "./components/Checkbox/Checkbox.js";
-import { CheckboxButton as C } from "./components/CheckboxButton/CheckboxButton.js";
-import { CheckboxButtonBar as F } from "./components/CheckboxButtonBar/CheckboxButtonBar.js";
-import { CheckboxTree as D } from "./components/CheckboxTree/CheckboxTree.js";
-import { Drawer as P } from "./components/Drawer/Drawer.js";
-import { EmptyStateDataDisplay as A } from "./components/EmptyStateDataDisplay/EmptyStateDataDisplay.js";
-import { FeedbackBox as g } from "./components/FeedbackBox/FeedbackBox.js";
-import { FieldHint as v } from "./components/FieldHint/FieldHint.js";
-import { Fieldset as E } from "./components/Fieldset/Fieldset.js";
-import { FormField as H } from "./components/FormField/FormField.js";
-import { GridRow as z } from "./components/GridRow/GridRow.js";
-import { HorizontalList as O } from "./components/HorizontalList/HorizontalList.js";
-import { Icon as q } from "./components/Icon/Icon.js";
-import { IconButton as K } from "./components/IconButton/IconButton.js";
-import { InfoMessage as U } from "./components/InfoMessage/InfoMessage.js";
-import { Input as W } from "./components/Input/Input.js";
-import { InputField as Y } from "./components/InputField/InputField.js";
-import { Label as _ } from "./components/Label/Label.js";
-import { MenuButton as oo } from "./components/MenuButton/MenuButton.js";
-import { MenuLink as to } from "./components/MenuLink/MenuLink.js";
-import { MetaDataList as po } from "./components/MetaDataList/MetaDataList.js";
-import { ModalDialog as mo } from "./components/ModalDialog/ModalDialog.js";
-import { M as io } from "./MultiSelect-Ckf3uGw5.js";
-import { OverlayCloseButton as no } from "./components/OverlayCloseButton/OverlayCloseButton.js";
-import { Periods as co } from "./components/Periods/Periods.js";
-import { PeriodSelector as so } from "./components/PeriodSelector/PeriodSelector.js";
-import { ProgrammeCard as So } from "./components/ProgrammeCard/ProgrammeCard.js";
-import { RadioButton as ko } from "./components/RadioButton/RadioButton.js";
-import { Repeater as Mo } from "./components/Repeater/Repeater.js";
-import { RteEditor as Lo } from "./components/RteEditor/RteEditor.js";
-import { SectionNotification as Io } from "./components/SectionNotification/SectionNotification.js";
-import { SelectListbox as ho } from "./components/SelectListbox/SelectListbox.js";
-import { SelectProvider as Ro, useSelect as go } from "./components/SelectListbox/SelectProvider.js";
-import { Spinner as vo } from "./components/Spinner/Spinner.js";
-import { StatusPill as Eo } from "./components/StatusPill/StatusPill.js";
-import { Tooltip as Ho } from "./components/Tooltip/Tooltip.js";
+import { Backdrop as a } from "./components/Backdrop/Backdrop.js";
+import { Button as c } from "./components/Buttons/Button.js";
+import { LinkButton as d } from "./components/Buttons/LinkButton.js";
+import { MenuButton as B } from "./components/Buttons/MenuButton.js";
+import { ButtonGroup as k } from "./components/ButtonGroup/ButtonGroup.js";
+import { Card as C } from "./components/Card/Card.js";
+import { Checkbox as M } from "./components/Checkbox/Checkbox.js";
+import { CheckboxButton as D } from "./components/CheckboxButton/CheckboxButton.js";
+import { CheckboxButtonBar as P } from "./components/CheckboxButtonBar/CheckboxButtonBar.js";
+import { CheckboxTree as A } from "./components/CheckboxTree/CheckboxTree.js";
+import { Drawer as g } from "./components/Drawer/Drawer.js";
+import { EmptyStateDataDisplay as v } from "./components/EmptyStateDataDisplay/EmptyStateDataDisplay.js";
+import { FeedbackBox as E } from "./components/FeedbackBox/FeedbackBox.js";
+import { FieldHint as H } from "./components/FieldHint/FieldHint.js";
+import { Fieldset as z } from "./components/Fieldset/Fieldset.js";
+import { FormField as O } from "./components/FormField/FormField.js";
+import { GridRow as q } from "./components/GridRow/GridRow.js";
+import { HorizontalList as K } from "./components/HorizontalList/HorizontalList.js";
+import { Icon as U } from "./components/Icon/Icon.js";
+import { IconButton as W } from "./components/IconButton/IconButton.js";
+import { InfoMessage as Y } from "./components/InfoMessage/InfoMessage.js";
+import { Input as _ } from "./components/Input/Input.js";
+import { InputField as oo } from "./components/InputField/InputField.js";
+import { Label as to } from "./components/Label/Label.js";
+import { MenuLink as po } from "./components/MenuLink/MenuLink.js";
+import { MetaDataList as mo } from "./components/MetaDataList/MetaDataList.js";
+import { ModalDialog as io } from "./components/ModalDialog/ModalDialog.js";
+import { M as ao } from "./MultiSelect-D1FnMER4.js";
+import { OverlayCloseButton as co } from "./components/OverlayCloseButton/OverlayCloseButton.js";
+import { Periods as so } from "./components/Periods/Periods.js";
+import { PeriodSelector as So } from "./components/PeriodSelector/PeriodSelector.js";
+import { ProgrammeCard as bo } from "./components/ProgrammeCard/ProgrammeCard.js";
+import { RadioButton as Lo } from "./components/RadioButton/RadioButton.js";
+import { Repeater as Fo } from "./components/Repeater/Repeater.js";
+import { RteEditor as Io } from "./components/RteEditor/RteEditor.js";
+import { SectionNotification as ho } from "./components/SectionNotification/SectionNotification.js";
+import { SelectListbox as Ro } from "./components/SelectListbox/SelectListbox.js";
+import { SelectProvider as yo, useSelect as vo } from "./components/SelectListbox/SelectProvider.js";
+import { Spinner as Eo } from "./components/Spinner/Spinner.js";
+import { StatusPill as Ho } from "./components/StatusPill/StatusPill.js";
+import { Tooltip as zo } from "./components/Tooltip/Tooltip.js";
 export {
   t as Accordion,
   p as ActionList,
   m as AppStatusBar,
   i as Attention,
-  n as Backdrop,
+  a as Backdrop,
   c as Button,
-  d as ButtonGroup,
-  B as Card,
-  b as Checkbox,
-  C as CheckboxButton,
-  F as CheckboxButtonBar,
-  D as CheckboxTree,
-  P as Drawer,
-  A as EmptyStateDataDisplay,
-  g as FeedbackBox,
-  v as FieldHint,
-  E as Fieldset,
-  H as FormField,
-  z as GridRow,
-  O as HorizontalList,
-  q as Icon,
-  K as IconButton,
-  U as InfoMessage,
-  W as Input,
-  Y as InputField,
-  _ as Label,
-  oo as MenuButton,
-  to as MenuLink,
-  po as MetaDataList,
-  mo as ModalDialog,
-  io as MultiSelect,
-  no as OverlayCloseButton,
-  so as PeriodSelector,
-  co as Periods,
-  So as ProgrammeCard,
-  ko as RadioButton,
-  Mo as Repeater,
-  Lo as RteEditor,
-  Io as SectionNotification,
-  ho as SelectListbox,
-  Ro as SelectProvider,
-  vo as Spinner,
-  Eo as StatusPill,
-  Ho as Tooltip,
-  go as useSelect
+  k as ButtonGroup,
+  C as Card,
+  M as Checkbox,
+  D as CheckboxButton,
+  P as CheckboxButtonBar,
+  A as CheckboxTree,
+  g as Drawer,
+  v as EmptyStateDataDisplay,
+  E as FeedbackBox,
+  H as FieldHint,
+  z as Fieldset,
+  O as FormField,
+  q as GridRow,
+  K as HorizontalList,
+  U as Icon,
+  W as IconButton,
+  Y as InfoMessage,
+  _ as Input,
+  oo as InputField,
+  to as Label,
+  d as LinkButton,
+  B as MenuButton,
+  po as MenuLink,
+  mo as MetaDataList,
+  io as ModalDialog,
+  ao as MultiSelect,
+  co as OverlayCloseButton,
+  So as PeriodSelector,
+  so as Periods,
+  bo as ProgrammeCard,
+  Lo as RadioButton,
+  Fo as Repeater,
+  Io as RteEditor,
+  ho as SectionNotification,
+  Ro as SelectListbox,
+  yo as SelectProvider,
+  Eo as Spinner,
+  Ho as StatusPill,
+  zo as Tooltip,
+  vo 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/types/UserInterface.d.ts

@@ -1,4 +1,4 @@
-export type UIButtonVariant = 'primary' | 'secondary' | 'destructive' | 'blank' | 'blank-icon';
+export type UIButtonVariant = 'primary' | 'secondary' | 'destructive-primary' | 'destructive-secondary' | 'blank' | 'blank-icon';
 export type UISelectVariant = 'small' | 'regular';
 export type UITooltipSize = 'small' | 'medium' | 'large';
 export type UIStatus = 'information' | 'danger' | 'warning' | 'success' | 'default';