@uva-glass/component-library 2.3.0 → 2.5.0

package/dist/components/OverlayStepBar/OverlayStepBar.d.ts

@@ -0,0 +1,9 @@
+type StepType = {
+    label: string;
+    status: 'inactive' | 'active' | 'checked';
+};
+export interface OverlayStepBarProps {
+    steps: StepType[];
+}
+export declare const OverlayStepBar: ({ steps }: OverlayStepBarProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/OverlayStepBar/OverlayStepBar.js

@@ -0,0 +1,59 @@
+import { jsx as r, jsxs as s, Fragment as l } from "react/jsx-runtime";
+import { c as m } from "../../clsx-OuTLNxxd.js";
+import "react";
+import { Icon as i } from "../Icon/Icon.js";
+import "../Buttons/Button.js";
+import "../Buttons/LinkButton.js";
+import "@react-aria/button";
+import "@react-aria/dialog";
+import "@react-aria/focus";
+import "@react-aria/overlays";
+import "../OverlayCloseButton/OverlayCloseButton.js";
+import "../GridRow/GridRow.js";
+import "../IconButton/IconButton.js";
+import "../Input/Input.js";
+import "../InputField/InputField.js";
+import "react-router";
+import "../../TablePlugin-E6UFlCgy.js";
+import "../RteEditor/Providers/LanguageProvider.js";
+import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
+import "../RteEditor/hooks/components/Flyout.js";
+import "../../index-0wq-B7do.js";
+import "../SelectListbox/SelectListbox.js";
+import "../SelectListbox/SelectProvider.js";
+import "../Sortable/components/SortableItem.js";
+import "../../SortableProvider-BUsvniX7.js";
+import '../../assets/OverlayStepBar.css';const e = {
+  "overlay-step-bar__container": "_overlay-step-bar__container_u2k5r_1",
+  "overlay-step-bar__separator": "_overlay-step-bar__separator_u2k5r_10",
+  "overlay-step-bar__step": "_overlay-step-bar__step_u2k5r_14",
+  "overlay-step-bar__step-bullet": "_overlay-step-bar__step-bullet_u2k5r_23",
+  "overlay-step-bar__step--inactive": "_overlay-step-bar__step--inactive_u2k5r_34",
+  "overlay-step-bar__step--active": "_overlay-step-bar__step--active_u2k5r_40",
+  "overlay-step-bar__step--checked": "_overlay-step-bar__step--checked_u2k5r_49"
+}, t = [
+  "MiniCheck",
+  "One",
+  "Two",
+  "Three",
+  "Four",
+  "Five",
+  "Six",
+  "Seven",
+  "Eight",
+  "Nine"
+], A = ({ steps: a }) => {
+  if (a.length > t.length - 1)
+    throw new Error("The 'steps' array must contain no more than 9 objects.");
+  return /* @__PURE__ */ r("div", { className: e["overlay-step-bar__container"], children: a.length < t.length && a.map(({ label: p, status: _ }, o) => /* @__PURE__ */ s(l, { children: [
+    o !== 0 && /* @__PURE__ */ r(i, { name: "CheveronRight", size: 16, className: e["overlay-step-bar__separator"] }),
+    /* @__PURE__ */ s("span", { className: m(e["overlay-step-bar__step"], e[`overlay-step-bar__step--${_}`]), children: [
+      /* @__PURE__ */ r("span", { className: e["overlay-step-bar__step-bullet"], children: /* @__PURE__ */ r(i, { name: _ === "checked" ? t[0] : t[o + 1], size: 24 }) }),
+      p
+    ] })
+  ] }, `${o}_${p}`)) });
+};
+export {
+  A as OverlayStepBar
+};
+//# sourceMappingURL=OverlayStepBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayStepBar.js","sources":["../../../src/components/OverlayStepBar/OverlayStepBar.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { Fragment } from 'react/jsx-runtime';\n\nimport type { Icons } from 'components/Icon/icons';\n\nimport styles from './OverlayStepBar.module.css';\n\nimport { Icon } from 'components';\n\ntype StepType = {\n  label: string;\n  status: 'inactive' | 'active' | 'checked';\n};\n\nexport interface OverlayStepBarProps {\n  steps: StepType[];\n}\n\nconst ICON_NAMES: (keyof typeof Icons)[] = [\n  'MiniCheck',\n  'One',\n  'Two',\n  'Three',\n  'Four',\n  'Five',\n  'Six',\n  'Seven',\n  'Eight',\n  'Nine',\n];\n\nexport const OverlayStepBar = ({ steps }: OverlayStepBarProps) => {\n  if (steps.length > ICON_NAMES.length - 1) {\n    throw new Error(\"The 'steps' array must contain no more than 9 objects.\");\n  }\n\n  return (\n    <div className={styles['overlay-step-bar__container']}>\n      {steps.length < ICON_NAMES.length &&\n        steps.map(({ label, status }, index) => (\n          <Fragment key={`${index}_${label}`}>\n            {index !== 0 && <Icon name={'CheveronRight'} size={16} className={styles['overlay-step-bar__separator']} />}\n            <span className={clsx(styles[`overlay-step-bar__step`], styles[`overlay-step-bar__step--${status}`])}>\n              <span className={styles['overlay-step-bar__step-bullet']}>\n                <Icon name={status === 'checked' ? ICON_NAMES[0] : ICON_NAMES[index + 1]} size={24} />\n              </span>\n              {label}\n            </span>\n          </Fragment>\n        ))}\n    </div>\n  );\n};\n"],"names":["ICON_NAMES","OverlayStepBar","steps","styles","label","status","index","Fragment","jsx","Icon","jsxs","clsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkBMA,IAAqC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAiB,CAAC,EAAE,OAAAC,QAAiC;AAChE,MAAIA,EAAM,SAASF,EAAW,SAAS;AAC/B,UAAA,IAAI,MAAM,wDAAwD;AAG1E,2BACG,OAAI,EAAA,WAAWG,EAAO,6BAA6B,GACjD,YAAM,SAASH,EAAW,UACzBE,EAAM,IAAI,CAAC,EAAE,OAAAE,GAAO,QAAAC,KAAUC,wBAC3BC,GACE,EAAA,UAAA;AAAA,IAAUD,MAAA,KAAM,gBAAAE,EAAAC,GAAA,EAAK,MAAM,iBAAiB,MAAM,IAAI,WAAWN,EAAO,6BAA6B,EAAG,CAAA;AAAA,IACxG,gBAAAO,EAAA,QAAA,EAAK,WAAWC,EAAKR,EAAO,wBAAwB,GAAGA,EAAO,2BAA2BE,CAAM,EAAE,CAAC,GACjG,UAAA;AAAA,MAAA,gBAAAG,EAAC,UAAK,WAAWL,EAAO,+BAA+B,GACrD,UAAA,gBAAAK,EAACC,KAAK,MAAMJ,MAAW,YAAYL,EAAW,CAAC,IAAIA,EAAWM,IAAQ,CAAC,GAAG,MAAM,GAAI,CAAA,GACtF;AAAA,MACCF;AAAA,IAAA,EACH,CAAA;AAAA,EAAA,EAAA,GAPa,GAAGE,CAAK,IAAIF,CAAK,EAQhC,CACD,GACL;AAEJ;"}

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

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { OverlayStepBarProps } from './OverlayStepBar';
+declare const _default: Meta<OverlayStepBarProps>;
+export default _default;
+export declare const OverlayStepBarExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, OverlayStepBarProps>;

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

@@ -0,0 +1,27 @@
+import { jsx as a } from "react/jsx-runtime";
+import { OverlayStepBar as e } from "./OverlayStepBar.js";
+const s = "<OverlayStepBar />", i = {
+  title: "Molecules/OverlayStepBar",
+  component: e,
+  argTypes: {},
+  parameters: {
+    inspectComponent: e,
+    codeString: s
+  }
+}, r = (t) => /* @__PURE__ */ a(e, { ...t }), l = {
+  steps: [
+    { status: "checked", label: "Basisgegevens" },
+    { status: "checked", label: "Structuur" },
+    { status: "active", label: "Aanvullende informatie" },
+    { status: "inactive", label: "Docenten" },
+    { status: "inactive", label: "Overzicht" }
+  ]
+}, n = r.bind({});
+n.args = {
+  ...l
+};
+export {
+  n as OverlayStepBarExample,
+  i as default
+};
+//# sourceMappingURL=OverlayStepBar.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayStepBar.stories.js","sources":["../../../src/components/OverlayStepBar/OverlayStepBar.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { OverlayStepBarProps } from './OverlayStepBar';\n\nimport { OverlayStepBar } from './OverlayStepBar';\n\nconst codeString = '<OverlayStepBar />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/OverlayStepBar',\n  component: OverlayStepBar,\n  argTypes: {},\n  parameters: {\n    inspectComponent: OverlayStepBar,\n    codeString: codeString,\n  },\n} as Meta<OverlayStepBarProps>;\n\nconst Template: StoryFn<OverlayStepBarProps> = (args) => <OverlayStepBar {...args} />;\n\nconst defaultArgs: Partial<OverlayStepBarProps> = {\n  steps: [\n    { status: 'checked', label: 'Basisgegevens' },\n    { status: 'checked', label: 'Structuur' },\n    { status: 'active', label: 'Aanvullende informatie' },\n    { status: 'inactive', label: 'Docenten' },\n    { status: 'inactive', label: 'Overzicht' },\n  ],\n};\n\nexport const OverlayStepBarExample = Template.bind({});\nOverlayStepBarExample.args = {\n  ...defaultArgs,\n};\n"],"names":["codeString","OverlayStepBar_stories","OverlayStepBar","Template","args","jsx","defaultArgs","OverlayStepBarExample"],"mappings":";;AAKA,MAAMA,IAAa,sBAGJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU,CAAC;AAAA,EACX,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAyC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAgB,GAAGE,GAAM,GAE7EE,IAA4C;AAAA,EAChD,OAAO;AAAA,IACL,EAAE,QAAQ,WAAW,OAAO,gBAAgB;AAAA,IAC5C,EAAE,QAAQ,WAAW,OAAO,YAAY;AAAA,IACxC,EAAE,QAAQ,UAAU,OAAO,yBAAyB;AAAA,IACpD,EAAE,QAAQ,YAAY,OAAO,WAAW;AAAA,IACxC,EAAE,QAAQ,YAAY,OAAO,YAAY;AAAA,EAAA;AAE7C,GAEaC,IAAwBJ,EAAS,KAAK,CAAE,CAAA;AACrDI,EAAsB,OAAO;AAAA,EAC3B,GAAGD;AACL;"}

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

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

package/dist/components/OverlayStepBar/index.js

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

package/dist/components/OverlayStepBar/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';
@@ -31,6 +32,7 @@ export * from './MetaDataList';
 export * from './ModalDialog';
 export * from './MultiSelect';
 export * from './OverlayCloseButton';
+export * from './OverlayStepBar';
 export * from './PageOverlay';
 export * from './Periods';
 export * from './PeriodSelector';

package/dist/components/index.js

@@ -6,48 +6,50 @@ 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 { CheckboxButtonBar as A } from "./CheckboxButtonBar/CheckboxButtonBar.js";
-import { CheckboxTree as R } from "./CheckboxTree/CheckboxTree.js";
-import { Drawer as v } from "./Drawer/Drawer.js";
-import { EmptyStateDataDisplay as T } from "./EmptyStateDataDisplay/EmptyStateDataDisplay.js";
-import { FeedbackBox as G } from "./FeedbackBox/FeedbackBox.js";
-import { FieldHint as O } 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 io } 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 { PageOverlay as ko } from "./PageOverlay/PageOverlay.js";
-import { Periods as Fo } from "./Periods/Periods.js";
-import { PeriodSelector as Mo } from "./PeriodSelector/PeriodSelector.js";
-import { ProgrammeCard as Io } from "./ProgrammeCard/ProgrammeCard.js";
-import { RadioButton as ho } from "./RadioButton/RadioButton.js";
-import { Repeater as Do } from "./Repeater/Repeater.js";
-import { Rte as yo, RteEditor as vo } from "./RteEditor/RteEditor.js";
-import { SectionNotification as To } from "./SectionNotification/SectionNotification.js";
-import { SelectListbox as Go } from "./SelectListbox/SelectListbox.js";
-import { SelectProvider as Oo, useSelect as zo } from "./SelectListbox/SelectProvider.js";
-import { Sortable as jo } from "./Sortable/Sortable.js";
-import { Spinner as Jo } from "./Spinner/Spinner.js";
-import { StatusPill as Qo } from "./StatusPill/StatusPill.js";
-import { ToggleSwitch as Vo } from "./ToggleSwitch/ToggleSwitch.js";
-import { Tooltip as Xo } from "./Tooltip/Tooltip.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 { 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,
@@ -59,47 +61,49 @@ export {
   d as ButtonGroup,
   L as Card,
   g as Checkbox,
-  P as CheckboxButton,
-  A as CheckboxButtonBar,
-  R as CheckboxTree,
-  v as Drawer,
-  T as EmptyStateDataDisplay,
-  G as FeedbackBox,
-  O 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,
-  io as MenuLink,
-  no as MetaDataList,
-  co as ModalDialog,
-  so as MultiSelect,
-  So as OverlayCloseButton,
-  ko as PageOverlay,
-  Mo as PeriodSelector,
-  Fo as Periods,
-  Io as ProgrammeCard,
-  ho as RadioButton,
-  Do as Repeater,
-  yo as Rte,
-  vo as RteEditor,
-  To as SectionNotification,
-  Go as SelectListbox,
-  Oo as SelectProvider,
-  jo as Sortable,
-  Jo as Spinner,
-  Qo as StatusPill,
-  Vo as ToggleSwitch,
-  Xo as Tooltip,
-  zo as useSelect
+  I as CheckboxButton,
+  y as CheckboxButtonBar,
+  D as CheckboxTree,
+  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

@@ -6,48 +6,50 @@ 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 { CheckboxButtonBar as A } from "./components/CheckboxButtonBar/CheckboxButtonBar.js";
-import { CheckboxTree as R } from "./components/CheckboxTree/CheckboxTree.js";
-import { Drawer as v } from "./components/Drawer/Drawer.js";
-import { EmptyStateDataDisplay as T } from "./components/EmptyStateDataDisplay/EmptyStateDataDisplay.js";
-import { FeedbackBox as G } from "./components/FeedbackBox/FeedbackBox.js";
-import { FieldHint as O } 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 io } 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 { PageOverlay as ko } from "./components/PageOverlay/PageOverlay.js";
-import { Periods as Fo } from "./components/Periods/Periods.js";
-import { PeriodSelector as Mo } from "./components/PeriodSelector/PeriodSelector.js";
-import { ProgrammeCard as Io } from "./components/ProgrammeCard/ProgrammeCard.js";
-import { RadioButton as ho } from "./components/RadioButton/RadioButton.js";
-import { Repeater as Do } from "./components/Repeater/Repeater.js";
-import { Rte as yo, RteEditor as vo } from "./components/RteEditor/RteEditor.js";
-import { SectionNotification as To } from "./components/SectionNotification/SectionNotification.js";
-import { SelectListbox as Go } from "./components/SelectListbox/SelectListbox.js";
-import { SelectProvider as Oo, useSelect as zo } from "./components/SelectListbox/SelectProvider.js";
-import { Sortable as jo } from "./components/Sortable/Sortable.js";
-import { Spinner as Jo } from "./components/Spinner/Spinner.js";
-import { StatusPill as Qo } from "./components/StatusPill/StatusPill.js";
-import { ToggleSwitch as Vo } from "./components/ToggleSwitch/ToggleSwitch.js";
-import { Tooltip as Xo } from "./components/Tooltip/Tooltip.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 { 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,
@@ -59,47 +61,49 @@ export {
   d as ButtonGroup,
   L as Card,
   g as Checkbox,
-  P as CheckboxButton,
-  A as CheckboxButtonBar,
-  R as CheckboxTree,
-  v as Drawer,
-  T as EmptyStateDataDisplay,
-  G as FeedbackBox,
-  O 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,
-  io as MenuLink,
-  no as MetaDataList,
-  co as ModalDialog,
-  so as MultiSelect,
-  So as OverlayCloseButton,
-  ko as PageOverlay,
-  Mo as PeriodSelector,
-  Fo as Periods,
-  Io as ProgrammeCard,
-  ho as RadioButton,
-  Do as Repeater,
-  yo as Rte,
-  vo as RteEditor,
-  To as SectionNotification,
-  Go as SelectListbox,
-  Oo as SelectProvider,
-  jo as Sortable,
-  Jo as Spinner,
-  Qo as StatusPill,
-  Vo as ToggleSwitch,
-  Xo as Tooltip,
-  zo as useSelect
+  I as CheckboxButton,
+  y as CheckboxButtonBar,
+  D as CheckboxTree,
+  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.3.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.2",
-    "@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",