@uva-glass/component-library 2.4.0 → 2.5.0

package/dist/assets/Chip.css

@@ -0,0 +1 @@
+._chip_7nmzv_1{align-items:center;background-color:var(--color-white);border:1px solid var(--color-grey-200);border-radius:1rem;cursor:pointer;display:grid;grid-template-columns:auto 1fr;min-height:2rem;padding:0 0 0 1rem;-webkit-user-select:none;user-select:none;width:fit-content}._chip_7nmzv_1:hover{background-color:var(--color-grey-200)}._chip_7nmzv_1:focus-visible{outline:.125rem dotted var(--color-cobalt);outline-offset:.125rem}._chip__label_7nmzv_24{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}._chip__close-button_7nmzv_31{margin:0 .5rem}

package/dist/components/Chip/Chip.d.ts

@@ -0,0 +1,7 @@
+export interface ChipProps {
+    /** Text on the chip */
+    label: string;
+    /** Function to remove chip from chip-list on label-text*/
+    onDelete: (label: string) => void;
+}
+export declare const Chip: ({ label, onDelete }: ChipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Chip/Chip.js

@@ -0,0 +1,14 @@
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import { Icon as n } from "../Icon/Icon.js";
+import '../../assets/Chip.css';const t = "_chip_7nmzv_1", e = "_chip__label_7nmzv_24", c = {
+  chip: t,
+  chip__label: e,
+  "chip__close-button": "_chip__close-button_7nmzv_31"
+}, h = ({ label: _, onDelete: o }) => /* @__PURE__ */ i("button", { className: c.chip, onClick: () => o(_), children: [
+  /* @__PURE__ */ s("span", { className: c.chip__label, children: _ }),
+  /* @__PURE__ */ s(n, { name: "Cross", size: 20, className: c["chip__close-button"] })
+] });
+export {
+  h as Chip
+};
+//# sourceMappingURL=Chip.js.map

package/dist/components/Chip/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.js","sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import styles from './Chip.module.css';\n\nimport { Icon } from 'components/Icon';\n\nexport interface ChipProps {\n  /** Text on the chip */\n  label: string;\n  /** Function to remove chip from chip-list on label-text*/\n  onDelete: (label: string) => void;\n}\n\nexport const Chip = ({ label, onDelete }: ChipProps) => {\n  return (\n    <button className={styles['chip']} onClick={() => onDelete(label)}>\n      <span className={styles['chip__label']}>{label}</span>\n      <Icon name=\"Cross\" size={20} className={styles['chip__close-button']} />\n    </button>\n  );\n};\n"],"names":["Chip","label","onDelete","jsxs","styles","jsx","Icon"],"mappings":";;;;;;GAWaA,IAAO,CAAC,EAAE,OAAAC,GAAO,UAAAC,QAE1B,gBAAAC,EAAC,UAAO,EAAA,WAAWC,EAAO,MAAS,SAAS,MAAMF,EAASD,CAAK,GAC9D,UAAA;AAAA,EAAA,gBAAAI,EAAC,QAAK,EAAA,WAAWD,EAAO,aAAiB,UAAMH,GAAA;AAAA,EAC/C,gBAAAI,EAACC,KAAK,MAAK,SAAQ,MAAM,IAAI,WAAWF,EAAO,oBAAoB,EAAG,CAAA;AAAA,GACxE;"}

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

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { ChipProps } from './Chip';
+declare const _default: Meta<ChipProps>;
+export default _default;
+export declare const ChipExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ChipProps>;
+export declare const ChipLongLabel: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ChipProps>;

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

@@ -0,0 +1,29 @@
+import { jsx as l } from "react/jsx-runtime";
+import { fn as t } from "../../index-DWzkl4aY.js";
+import { Chip as e } from "./Chip.js";
+const s = "<Chip label={string} onDelete={onDeleteFunction(label)}/>", b = {
+  title: "Atoms/Chip",
+  component: e,
+  argTypes: {},
+  parameters: {
+    inspectComponent: e,
+    codeString: s
+  }
+}, n = (o) => /* @__PURE__ */ l(e, { ...o }), a = {
+  label: "Nederlands",
+  onDelete: t()
+}, i = n.bind({});
+i.args = {
+  ...a
+};
+const r = n.bind({});
+r.args = {
+  label: "Een filter met een veel te lang label",
+  onDelete: t()
+};
+export {
+  i as ChipExample,
+  r as ChipLongLabel,
+  b as default
+};
+//# sourceMappingURL=Chip.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.stories.js","sources":["../../../src/components/Chip/Chip.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ChipProps } from './Chip';\n\nimport { Chip } from './Chip';\n\nconst codeString = '<Chip label={string} onDelete={onDeleteFunction(label)}/>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Chip',\n  component: Chip,\n  argTypes: {},\n  parameters: {\n    inspectComponent: Chip,\n    codeString: codeString,\n  },\n} as Meta<ChipProps>;\n\nconst Template: StoryFn<ChipProps> = (args) => <Chip {...args} />;\n\nconst defaultArgs: Partial<ChipProps> = {\n  label: 'Nederlands',\n  onDelete: fn(),\n};\n\nexport const ChipExample = Template.bind({});\nChipExample.args = {\n  ...defaultArgs,\n};\n\nexport const ChipLongLabel = Template.bind({});\nChipLongLabel.args = {\n  label: 'Een filter met een veel te lang label',\n  onDelete: fn(),\n};\n"],"names":["codeString","Chip_stories","Chip","Template","args","jsx","defaultArgs","fn","ChipExample","ChipLongLabel"],"mappings":";;;AAOA,MAAMA,IAAa,6DAGJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU,CAAC;AAAA,EACX,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAA+B,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAM,GAAGE,GAAM,GAEzDE,IAAkC;AAAA,EACtC,OAAO;AAAA,EACP,UAAUC,EAAG;AACf,GAEaC,IAAcL,EAAS,KAAK,CAAE,CAAA;AAC3CK,EAAY,OAAO;AAAA,EACjB,GAAGF;AACL;AAEO,MAAMG,IAAgBN,EAAS,KAAK,CAAE,CAAA;AAC7CM,EAAc,OAAO;AAAA,EACnB,OAAO;AAAA,EACP,UAAUF,EAAG;AACf;"}

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

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

package/dist/components/Chip/index.js

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

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

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

package/dist/components/index.d.ts

@@ -11,6 +11,7 @@ export * from './Checkbox';
 export * from './CheckboxButton';
 export * from './CheckboxButtonBar';
 export * from './CheckboxTree';
+export * from './Chip';
 export * from './Drawer';
 export * from './EmptyStateDataDisplay';
 export * from './FeedbackBox';

package/dist/components/index.js

@@ -1,107 +1,109 @@
 import { Accordion as t } from "./Accordion/Accordion.js";
 import { AccordionCard as p } from "./AccordionCard/AccordionCard.js";
 import { ActionList as m } from "./ActionList/ActionList.js";
-import { AppStatusBar as a } from "./AppStatusBar/AppStatusBar.js";
+import { AppStatusBar as i } from "./AppStatusBar/AppStatusBar.js";
 import { Attention as n } from "./Attention/Attention.js";
 import { Backdrop as c } from "./Backdrop/Backdrop.js";
 import { ButtonGroup as d } from "./ButtonGroup/ButtonGroup.js";
 import { Button as B } from "./Buttons/Button.js";
-import { LinkButton as b } from "./Buttons/LinkButton.js";
-import { MenuButton as C } from "./Buttons/MenuButton.js";
+import { LinkButton as C } from "./Buttons/LinkButton.js";
+import { MenuButton as k } from "./Buttons/MenuButton.js";
 import { Card as L } from "./Card/Card.js";
 import { Checkbox as g } from "./Checkbox/Checkbox.js";
-import { CheckboxButton as P } from "./CheckboxButton/CheckboxButton.js";
+import { CheckboxButton as I } from "./CheckboxButton/CheckboxButton.js";
 import { CheckboxButtonBar as y } from "./CheckboxButtonBar/CheckboxButtonBar.js";
 import { CheckboxTree as D } from "./CheckboxTree/CheckboxTree.js";
-import { Drawer as v } from "./Drawer/Drawer.js";
-import { EmptyStateDataDisplay as O } from "./EmptyStateDataDisplay/EmptyStateDataDisplay.js";
-import { FeedbackBox as E } from "./FeedbackBox/FeedbackBox.js";
-import { FieldHint as H } from "./FieldHint/FieldHint.js";
-import { Fieldset as N } from "./Fieldset/Fieldset.js";
-import { FormField as q } from "./FormField/FormField.js";
-import { FormInput as K } from "./FormInput/FormInput.js";
-import { GridRow as U } from "./GridRow/GridRow.js";
-import { HorizontalList as W } from "./HorizontalList/HorizontalList.js";
-import { Icon as Y } from "./Icon/Icon.js";
-import { IconButton as _ } from "./IconButton/IconButton.js";
-import { InfoMessage as oo } from "./InfoMessage/InfoMessage.js";
-import { Input as to } from "./Input/Input.js";
-import { InputField as po } from "./InputField/InputField.js";
-import { Label as mo } from "./Label/Label.js";
-import { MenuLink as ao } from "./MenuLink/MenuLink.js";
-import { MetaDataList as no } from "./MetaDataList/MetaDataList.js";
-import { ModalDialog as co } from "./ModalDialog/ModalDialog.js";
-import { M as so } from "../TablePlugin-E6UFlCgy.js";
-import { OverlayCloseButton as So } from "./OverlayCloseButton/OverlayCloseButton.js";
-import { OverlayStepBar as ko } from "./OverlayStepBar/OverlayStepBar.js";
-import { PageOverlay as Fo } from "./PageOverlay/PageOverlay.js";
-import { Periods as Mo } from "./Periods/Periods.js";
-import { PeriodSelector as Io } from "./PeriodSelector/PeriodSelector.js";
-import { ProgrammeCard as ho } from "./ProgrammeCard/ProgrammeCard.js";
-import { RadioButton as Ao } from "./RadioButton/RadioButton.js";
-import { Repeater as Ro } from "./Repeater/Repeater.js";
-import { Rte as wo, RteEditor as Oo } from "./RteEditor/RteEditor.js";
-import { SectionNotification as Eo } from "./SectionNotification/SectionNotification.js";
-import { SelectListbox as Ho } from "./SelectListbox/SelectListbox.js";
-import { SelectProvider as No, useSelect as jo } from "./SelectListbox/SelectProvider.js";
-import { Sortable as Jo } from "./Sortable/Sortable.js";
-import { Spinner as Qo } from "./Spinner/Spinner.js";
-import { StatusPill as Vo } from "./StatusPill/StatusPill.js";
-import { ToggleSwitch as Xo } from "./ToggleSwitch/ToggleSwitch.js";
-import { Tooltip as Zo } from "./Tooltip/Tooltip.js";
+import { Chip as v } from "./Chip/Chip.js";
+import { Drawer as O } 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 q } from "./Fieldset/Fieldset.js";
+import { FormField as K } from "./FormField/FormField.js";
+import { FormInput as U } 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 mo } 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-E6UFlCgy.js";
+import { OverlayCloseButton as bo } from "./OverlayCloseButton/OverlayCloseButton.js";
+import { OverlayStepBar as Fo } from "./OverlayStepBar/OverlayStepBar.js";
+import { PageOverlay as Mo } from "./PageOverlay/PageOverlay.js";
+import { Periods as ho } 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 wo } from "./Repeater/Repeater.js";
+import { Rte as To, 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 qo, useSelect as Jo } from "./SelectListbox/SelectProvider.js";
+import { Sortable as Qo } from "./Sortable/Sortable.js";
+import { Spinner as Vo } from "./Spinner/Spinner.js";
+import { StatusPill as Xo } from "./StatusPill/StatusPill.js";
+import { ToggleSwitch as Zo } from "./ToggleSwitch/ToggleSwitch.js";
+import { Tooltip as $o } from "./Tooltip/Tooltip.js";
 export {
   t as Accordion,
   p as AccordionCard,
   m as ActionList,
-  a as AppStatusBar,
+  i as AppStatusBar,
   n as Attention,
   c as Backdrop,
   B as Button,
   d as ButtonGroup,
   L as Card,
   g as Checkbox,
-  P as CheckboxButton,
+  I as CheckboxButton,
   y as CheckboxButtonBar,
   D as CheckboxTree,
-  v as Drawer,
-  O as EmptyStateDataDisplay,
-  E as FeedbackBox,
-  H as FieldHint,
-  N as Fieldset,
-  q as FormField,
-  K as FormInput,
-  U as GridRow,
-  W as HorizontalList,
-  Y as Icon,
-  _ as IconButton,
-  oo as InfoMessage,
-  to as Input,
-  po as InputField,
-  mo as Label,
-  b as LinkButton,
-  C as MenuButton,
-  ao as MenuLink,
-  no as MetaDataList,
-  co as ModalDialog,
-  so as MultiSelect,
-  So as OverlayCloseButton,
-  ko as OverlayStepBar,
-  Fo as PageOverlay,
-  Io as PeriodSelector,
-  Mo as Periods,
-  ho as ProgrammeCard,
-  Ao as RadioButton,
-  Ro as Repeater,
-  wo as Rte,
-  Oo as RteEditor,
-  Eo as SectionNotification,
-  Ho as SelectListbox,
-  No as SelectProvider,
-  Jo as Sortable,
-  Qo as Spinner,
-  Vo as StatusPill,
-  Xo as ToggleSwitch,
-  Zo as Tooltip,
-  jo as useSelect
+  v as Chip,
+  O as Drawer,
+  E as EmptyStateDataDisplay,
+  H as FeedbackBox,
+  N as FieldHint,
+  q as Fieldset,
+  K as FormField,
+  U as FormInput,
+  W as GridRow,
+  Y as HorizontalList,
+  _ as Icon,
+  oo as IconButton,
+  to as InfoMessage,
+  po as Input,
+  mo 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,
+  Mo as PageOverlay,
+  Po as PeriodSelector,
+  ho as Periods,
+  Ao as ProgrammeCard,
+  Ro as RadioButton,
+  wo as Repeater,
+  To as Rte,
+  Eo as RteEditor,
+  Ho as SectionNotification,
+  No as SelectListbox,
+  qo as SelectProvider,
+  Qo as Sortable,
+  Vo as Spinner,
+  Xo as StatusPill,
+  Zo as ToggleSwitch,
+  $o as Tooltip,
+  Jo as useSelect
 };
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

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

package/dist/index.js

@@ -1,107 +1,109 @@
 import { Accordion as t } from "./components/Accordion/Accordion.js";
 import { AccordionCard as p } from "./components/AccordionCard/AccordionCard.js";
 import { ActionList as m } from "./components/ActionList/ActionList.js";
-import { AppStatusBar as a } from "./components/AppStatusBar/AppStatusBar.js";
+import { AppStatusBar as i } from "./components/AppStatusBar/AppStatusBar.js";
 import { Attention as n } from "./components/Attention/Attention.js";
 import { Backdrop as c } from "./components/Backdrop/Backdrop.js";
 import { ButtonGroup as d } from "./components/ButtonGroup/ButtonGroup.js";
 import { Button as B } from "./components/Buttons/Button.js";
-import { LinkButton as b } from "./components/Buttons/LinkButton.js";
-import { MenuButton as C } from "./components/Buttons/MenuButton.js";
+import { LinkButton as C } from "./components/Buttons/LinkButton.js";
+import { MenuButton as k } from "./components/Buttons/MenuButton.js";
 import { Card as L } from "./components/Card/Card.js";
 import { Checkbox as g } from "./components/Checkbox/Checkbox.js";
-import { CheckboxButton as P } from "./components/CheckboxButton/CheckboxButton.js";
+import { CheckboxButton as I } from "./components/CheckboxButton/CheckboxButton.js";
 import { CheckboxButtonBar as y } from "./components/CheckboxButtonBar/CheckboxButtonBar.js";
 import { CheckboxTree as D } from "./components/CheckboxTree/CheckboxTree.js";
-import { Drawer as v } from "./components/Drawer/Drawer.js";
-import { EmptyStateDataDisplay as O } 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 N } from "./components/Fieldset/Fieldset.js";
-import { FormField as q } from "./components/FormField/FormField.js";
-import { FormInput as K } from "./components/FormInput/FormInput.js";
-import { GridRow as U } from "./components/GridRow/GridRow.js";
-import { HorizontalList as W } from "./components/HorizontalList/HorizontalList.js";
-import { Icon as Y } from "./components/Icon/Icon.js";
-import { IconButton as _ } from "./components/IconButton/IconButton.js";
-import { InfoMessage as oo } from "./components/InfoMessage/InfoMessage.js";
-import { Input as to } from "./components/Input/Input.js";
-import { InputField as po } from "./components/InputField/InputField.js";
-import { Label as mo } from "./components/Label/Label.js";
-import { MenuLink as ao } from "./components/MenuLink/MenuLink.js";
-import { MetaDataList as no } from "./components/MetaDataList/MetaDataList.js";
-import { ModalDialog as co } from "./components/ModalDialog/ModalDialog.js";
-import { M as so } from "./TablePlugin-E6UFlCgy.js";
-import { OverlayCloseButton as So } from "./components/OverlayCloseButton/OverlayCloseButton.js";
-import { OverlayStepBar as ko } from "./components/OverlayStepBar/OverlayStepBar.js";
-import { PageOverlay as Fo } from "./components/PageOverlay/PageOverlay.js";
-import { Periods as Mo } from "./components/Periods/Periods.js";
-import { PeriodSelector as Io } from "./components/PeriodSelector/PeriodSelector.js";
-import { ProgrammeCard as ho } from "./components/ProgrammeCard/ProgrammeCard.js";
-import { RadioButton as Ao } from "./components/RadioButton/RadioButton.js";
-import { Repeater as Ro } from "./components/Repeater/Repeater.js";
-import { Rte as wo, RteEditor as Oo } from "./components/RteEditor/RteEditor.js";
-import { SectionNotification as Eo } from "./components/SectionNotification/SectionNotification.js";
-import { SelectListbox as Ho } from "./components/SelectListbox/SelectListbox.js";
-import { SelectProvider as No, useSelect as jo } from "./components/SelectListbox/SelectProvider.js";
-import { Sortable as Jo } from "./components/Sortable/Sortable.js";
-import { Spinner as Qo } from "./components/Spinner/Spinner.js";
-import { StatusPill as Vo } from "./components/StatusPill/StatusPill.js";
-import { ToggleSwitch as Xo } from "./components/ToggleSwitch/ToggleSwitch.js";
-import { Tooltip as Zo } from "./components/Tooltip/Tooltip.js";
+import { Chip as v } from "./components/Chip/Chip.js";
+import { Drawer as O } from "./components/Drawer/Drawer.js";
+import { EmptyStateDataDisplay as E } from "./components/EmptyStateDataDisplay/EmptyStateDataDisplay.js";
+import { FeedbackBox as H } from "./components/FeedbackBox/FeedbackBox.js";
+import { FieldHint as N } from "./components/FieldHint/FieldHint.js";
+import { Fieldset as q } from "./components/Fieldset/Fieldset.js";
+import { FormField as K } from "./components/FormField/FormField.js";
+import { FormInput as U } from "./components/FormInput/FormInput.js";
+import { GridRow as W } from "./components/GridRow/GridRow.js";
+import { HorizontalList as Y } from "./components/HorizontalList/HorizontalList.js";
+import { Icon as _ } from "./components/Icon/Icon.js";
+import { IconButton as oo } from "./components/IconButton/IconButton.js";
+import { InfoMessage as to } from "./components/InfoMessage/InfoMessage.js";
+import { Input as po } from "./components/Input/Input.js";
+import { InputField as mo } from "./components/InputField/InputField.js";
+import { Label as io } from "./components/Label/Label.js";
+import { MenuLink as no } from "./components/MenuLink/MenuLink.js";
+import { MetaDataList as co } from "./components/MetaDataList/MetaDataList.js";
+import { ModalDialog as so } from "./components/ModalDialog/ModalDialog.js";
+import { M as So } from "./TablePlugin-E6UFlCgy.js";
+import { OverlayCloseButton as bo } from "./components/OverlayCloseButton/OverlayCloseButton.js";
+import { OverlayStepBar as Fo } from "./components/OverlayStepBar/OverlayStepBar.js";
+import { PageOverlay as Mo } from "./components/PageOverlay/PageOverlay.js";
+import { Periods as ho } from "./components/Periods/Periods.js";
+import { PeriodSelector as Po } from "./components/PeriodSelector/PeriodSelector.js";
+import { ProgrammeCard as Ao } from "./components/ProgrammeCard/ProgrammeCard.js";
+import { RadioButton as Ro } from "./components/RadioButton/RadioButton.js";
+import { Repeater as wo } from "./components/Repeater/Repeater.js";
+import { Rte as To, RteEditor as Eo } from "./components/RteEditor/RteEditor.js";
+import { SectionNotification as Ho } from "./components/SectionNotification/SectionNotification.js";
+import { SelectListbox as No } from "./components/SelectListbox/SelectListbox.js";
+import { SelectProvider as qo, useSelect as Jo } from "./components/SelectListbox/SelectProvider.js";
+import { Sortable as Qo } from "./components/Sortable/Sortable.js";
+import { Spinner as Vo } from "./components/Spinner/Spinner.js";
+import { StatusPill as Xo } from "./components/StatusPill/StatusPill.js";
+import { ToggleSwitch as Zo } from "./components/ToggleSwitch/ToggleSwitch.js";
+import { Tooltip as $o } from "./components/Tooltip/Tooltip.js";
 export {
   t as Accordion,
   p as AccordionCard,
   m as ActionList,
-  a as AppStatusBar,
+  i as AppStatusBar,
   n as Attention,
   c as Backdrop,
   B as Button,
   d as ButtonGroup,
   L as Card,
   g as Checkbox,
-  P as CheckboxButton,
+  I as CheckboxButton,
   y as CheckboxButtonBar,
   D as CheckboxTree,
-  v as Drawer,
-  O as EmptyStateDataDisplay,
-  E as FeedbackBox,
-  H as FieldHint,
-  N as Fieldset,
-  q as FormField,
-  K as FormInput,
-  U as GridRow,
-  W as HorizontalList,
-  Y as Icon,
-  _ as IconButton,
-  oo as InfoMessage,
-  to as Input,
-  po as InputField,
-  mo as Label,
-  b as LinkButton,
-  C as MenuButton,
-  ao as MenuLink,
-  no as MetaDataList,
-  co as ModalDialog,
-  so as MultiSelect,
-  So as OverlayCloseButton,
-  ko as OverlayStepBar,
-  Fo as PageOverlay,
-  Io as PeriodSelector,
-  Mo as Periods,
-  ho as ProgrammeCard,
-  Ao as RadioButton,
-  Ro as Repeater,
-  wo as Rte,
-  Oo as RteEditor,
-  Eo as SectionNotification,
-  Ho as SelectListbox,
-  No as SelectProvider,
-  Jo as Sortable,
-  Qo as Spinner,
-  Vo as StatusPill,
-  Xo as ToggleSwitch,
-  Zo as Tooltip,
-  jo as useSelect
+  v as Chip,
+  O as Drawer,
+  E as EmptyStateDataDisplay,
+  H as FeedbackBox,
+  N as FieldHint,
+  q as Fieldset,
+  K as FormField,
+  U as FormInput,
+  W as GridRow,
+  Y as HorizontalList,
+  _ as Icon,
+  oo as IconButton,
+  to as InfoMessage,
+  po as Input,
+  mo 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,
+  Mo as PageOverlay,
+  Po as PeriodSelector,
+  ho as Periods,
+  Ao as ProgrammeCard,
+  Ro as RadioButton,
+  wo as Repeater,
+  To as Rte,
+  Eo as RteEditor,
+  Ho as SectionNotification,
+  No as SelectListbox,
+  qo as SelectProvider,
+  Qo as Sortable,
+  Vo as Spinner,
+  Xo as StatusPill,
+  Zo as ToggleSwitch,
+  $o as Tooltip,
+  Jo as useSelect
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/package.json

@@ -2,7 +2,7 @@
   "name": "@uva-glass/component-library",
   "author": "Team Glass - Frontend vrienden",
   "private": false,
-  "version": "2.4.0",
+  "version": "2.5.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -58,9 +58,9 @@
     "@storybook/react-vite": "^8.4.7",
     "@storybook/react": "^8.4.7",
     "@storybook/test": "^8.4.7",
-    "@types/node": "^22.10.1",
-    "@types/react-dom": "^18.3.3",
-    "@types/react": "^18.3.14",
+    "@types/node": "^22.10.2",
+    "@types/react-dom": "^18.3.5",
+    "@types/react": "^18.3.16",
     "@uva-glass/eslint-config": "^1.3.1",
     "@uva-glass/stylelint-config": "^1.1.0",
     "@vitejs/plugin-react": "^4.3.4",
@@ -81,7 +81,7 @@
     "react": "^18.3.1",
     "semantic-release": "^24.2.0",
     "storybook": "^8.4.7",
-    "style-dictionary": "^4.2.0",
+    "style-dictionary": "^4.3.0",
     "stylelint-config-recommended": "^14.0.1",
     "stylelint-config-standard": "^36.0.1",
     "stylelint-order": "^6.0.4",