@uva-glass/component-library 1.61.4 → 1.62.0

package/dist/assets/FormInput.css

@@ -0,0 +1 @@
+._form-field__container_13mc2_1{display:flex;flex-wrap:wrap;align-items:center}._form-field__container--label-left_13mc2_13{flex-direction:row;gap:1rem;line-height:2.5rem;align-items:flex-start}._form-field__container--label-left_13mc2_13>label:after{line-height:3.6}._form-field__container--label-top_13mc2_35{align-items:flex-start;flex-direction:column;gap:.5rem;line-height:normal}._form-field__input-container_13mc2_49{display:flex;flex-direction:column;flex:1;position:relative;width:100%}._form-field__input_13mc2_49{-webkit-appearance:none;appearance:none;background-color:transparent;border:1px solid;border-radius:.5rem;color:var(--color-black);flex:1;font-family:inherit;font-size:inherit;height:2.75rem;margin:0;padding:0 1rem;text-align:inherit;min-height:2.5rem;-moz-appearance:textfield}._form-field__input_13mc2_49::-webkit-outer-spin-button,._form-field__input_13mc2_49::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._form-field__input--error_13mc2_111{border-color:var(--color-red-500)}._form-field__error_13mc2_119{align-items:center;color:var(--color-red-500);display:flex;font-size:var(--font-size-small);gap:.5rem;line-height:normal;margin-top:.5rem;background-color:var(--color-red-50);width:100%;padding:.5rem}

package/dist/components/FormInput/FormInput.d.ts

@@ -0,0 +1,17 @@
+export interface FormInputProps {
+    /** The id of the input element. */
+    id: string;
+    /** label text if empthy the label is not renderd */
+    label: string;
+    /** label position `top` or `left`. The default is `top`. */
+    labelPosition?: 'top' | 'left';
+    /** The type of the input element. */
+    type?: 'text' | 'password' | 'email' | 'number';
+    /** Shows red * */
+    required?: boolean;
+    /** error text to display if set */
+    notValidatedText?: string;
+    /** Returns array of selected values as number */
+    onChange: (value: string) => void;
+}
+export declare const FormInput: ({ id, label, labelPosition, type, required, notValidatedText, onChange, }: FormInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FormInput/FormInput.js

@@ -0,0 +1,68 @@
+import { jsxs as e, jsx as m } from "react/jsx-runtime";
+import { c as l } from "../../clsx-OuTLNxxd.js";
+import "react";
+import { Icon as s } from "../Icon/Icon.js";
+import "../Buttons/Button.js";
+import "../Buttons/LinkButton.js";
+import "@react-aria/button";
+import { Label as u } from "../Label/Label.js";
+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-dom";
+import "../../TablePlugin-BvwAKpcu.js";
+import "../RteEditor/Providers/LanguageProvider.js";
+import "../RteEditor/hooks/components/Flyout.js";
+import "../SelectListbox/SelectListbox.js";
+import "../SelectListbox/SelectProvider.js";
+import "../Sortable/components/SortableItem.js";
+import "../../SortableProvider-BUsvniX7.js";
+import '../../assets/FormInput.css';const r = {
+  "form-field__container": "_form-field__container_13mc2_1",
+  "form-field__container--label-left": "_form-field__container--label-left_13mc2_13",
+  "form-field__container--label-top": "_form-field__container--label-top_13mc2_35",
+  "form-field__input-container": "_form-field__input-container_13mc2_49",
+  "form-field__input": "_form-field__input_13mc2_49",
+  "form-field__input--error": "_form-field__input--error_13mc2_111",
+  "form-field__error": "_form-field__error_13mc2_119"
+}, J = ({
+  id: _,
+  label: t,
+  labelPosition: p = "top",
+  type: n = "text",
+  required: c = !1,
+  notValidatedText: i = "",
+  onChange: f
+}) => {
+  const a = (o) => ["e", "E", "+", "-"].includes(o.key) && o.preventDefault(), d = (o) => {
+    typeof f == "function" && f(o.target.value);
+  };
+  return /* @__PURE__ */ e("div", { className: l(r["form-field__container"], r[`form-field__container--label-${p}`]), children: [
+    t && /* @__PURE__ */ m(u, { htmlFor: _, required: c, children: t }),
+    /* @__PURE__ */ e("div", { className: r["form-field__input-container"], children: [
+      /* @__PURE__ */ m(
+        "input",
+        {
+          id: _,
+          type: n,
+          ...n === "number" && { onKeyDown: a },
+          onChange: d,
+          className: l(r["form-field__input"], [i !== "" && r["form-field__input--error"]])
+        }
+      ),
+      i !== "" && /* @__PURE__ */ e("div", { className: r["form-field__error"], children: [
+        /* @__PURE__ */ m(s, { name: "ExclamationTriangleFill", size: 24 }),
+        i
+      ] })
+    ] })
+  ] });
+};
+export {
+  J as FormInput
+};
+//# sourceMappingURL=FormInput.js.map

package/dist/components/FormInput/FormInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormInput.js","sources":["../../../src/components/FormInput/FormInput.tsx"],"sourcesContent":["import clsx from 'clsx';\r\n\r\nimport styles from './FormInput.module.css';\r\n\r\nimport { Icon, Label } from 'components';\r\n\r\nexport interface FormInputProps {\r\n  /** The id of the input element. */\r\n  id: string;\r\n  /** label text if empthy the label is not renderd */\r\n  label: string;\r\n  /** label position `top` or `left`. The default is `top`. */\r\n  labelPosition?: 'top' | 'left';\r\n  /** The type of the input element. */\r\n  type?: 'text' | 'password' | 'email' | 'number';\r\n  /** Shows red * */\r\n  required?: boolean;\r\n  /** error text to display if set */\r\n  notValidatedText?: string;\r\n  /** Returns array of selected values as number */\r\n  onChange: (value: string) => void;\r\n}\r\n\r\nexport const FormInput = ({\r\n  id,\r\n  label,\r\n  labelPosition = 'top',\r\n  type = 'text',\r\n  required = false,\r\n  notValidatedText = '',\r\n  onChange,\r\n}: FormInputProps) => {\r\n  const blockInvalidChar = (event: React.KeyboardEvent<HTMLInputElement>) =>\r\n    ['e', 'E', '+', '-'].includes(event.key) && event.preventDefault();\r\n\r\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (typeof onChange === 'function') {\r\n      onChange(event.target.value);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className={clsx(styles['form-field__container'], styles[`form-field__container--label-${labelPosition}`])}>\r\n      {label && (\r\n        <Label htmlFor={id} required={required}>\r\n          {label}\r\n        </Label>\r\n      )}\r\n\r\n      <div className={styles['form-field__input-container']}>\r\n        <input\r\n          id={id}\r\n          type={type}\r\n          {...(type === 'number' && { onKeyDown: blockInvalidChar })}\r\n          onChange={handleChange}\r\n          className={clsx(styles['form-field__input'], [notValidatedText !== '' && styles['form-field__input--error']])}\r\n        />\r\n        {notValidatedText !== '' && (\r\n          <div className={styles['form-field__error']}>\r\n            <Icon name=\"ExclamationTriangleFill\" size={24} />\r\n            {notValidatedText}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["FormInput","id","label","labelPosition","type","required","notValidatedText","onChange","blockInvalidChar","event","handleChange","jsxs","clsx","styles","jsx","Label","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuBaA,IAAY,CAAC;AAAA,EACxB,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,kBAAAC,IAAmB;AAAA,EACnB,UAAAC;AACF,MAAsB;AACpB,QAAMC,IAAmB,CAACC,MACxB,CAAC,KAAK,KAAK,KAAK,GAAG,EAAE,SAASA,EAAM,GAAG,KAAKA,EAAM,eAAe,GAE7DC,IAAe,CAACD,MAA+C;AAC/D,IAAA,OAAOF,KAAa,cACbA,EAAAE,EAAM,OAAO,KAAK;AAAA,EAC7B;AAGF,SACG,gBAAAE,EAAA,OAAA,EAAI,WAAWC,EAAKC,EAAO,uBAAuB,GAAGA,EAAO,gCAAgCV,CAAa,EAAE,CAAC,GAC1G,UAAA;AAAA,IAAAD,KACE,gBAAAY,EAAAC,GAAA,EAAM,SAASd,GAAI,UAAAI,GACjB,UACHH,GAAA;AAAA,IAGD,gBAAAS,EAAA,OAAA,EAAI,WAAWE,EAAO,6BAA6B,GAClD,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAAb;AAAA,UACA,MAAAG;AAAA,UACC,GAAIA,MAAS,YAAY,EAAE,WAAWI,EAAiB;AAAA,UACxD,UAAUE;AAAA,UACV,WAAWE,EAAKC,EAAO,mBAAmB,GAAG,CAACP,MAAqB,MAAMO,EAAO,0BAA0B,CAAC,CAAC;AAAA,QAAA;AAAA,MAC9G;AAAA,MACCP,MAAqB,MACpB,gBAAAK,EAAC,SAAI,WAAWE,EAAO,mBAAmB,GACxC,UAAA;AAAA,QAAA,gBAAAC,EAACE,GAAK,EAAA,MAAK,2BAA0B,MAAM,IAAI;AAAA,QAC9CV;AAAA,MAAA,GACH;AAAA,IAAA,GAEJ;AAAA,EACF,EAAA,CAAA;AAEJ;"}

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

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

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

@@ -0,0 +1,28 @@
+import { jsx as n } from "react/jsx-runtime";
+import { fn as a } from "../../index-C9QoqAAt.js";
+import { FormInput as t } from "./FormInput.js";
+const o = `
+// Has all HTMLInputElement props available except "className" and "style" 
+<FormInput  />
+`, i = {
+  title: "Organisms/FormInput",
+  component: t,
+  argTypes: {},
+  args: {},
+  parameters: {
+    inspectComponent: t,
+    codeString: o
+  }
+}, r = (e) => /* @__PURE__ */ n(t, { ...e }), s = r.bind({});
+s.args = {
+  id: "vak",
+  label: "Vaknaam (NL)",
+  labelPosition: "left",
+  required: !0,
+  onChange: a()
+};
+export {
+  s as FromInputExample,
+  i as default
+};
+//# sourceMappingURL=FormInput.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormInput.stories.js","sources":["../../../src/components/FormInput/FormInput.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\r\n\r\nimport type { Meta, StoryFn } from '@storybook/react';\r\nimport type { FormInputProps } from './FormInput';\r\n\r\nimport { FormInput } from './FormInput';\r\n\r\nconst codeString = `\r\n// Has all HTMLInputElement props available except \"className\" and \"style\" \r\n<FormInput  />\r\n`;\r\n\r\n// eslint-disable-next-line import/no-default-export\r\nexport default {\r\n  title: 'Organisms/FormInput',\r\n  component: FormInput,\r\n  argTypes: {},\r\n  args: {},\r\n  parameters: {\r\n    inspectComponent: FormInput,\r\n    codeString: codeString,\r\n  },\r\n} as Meta<FormInputProps>;\r\n\r\nconst Template: StoryFn<FormInputProps> = (args) => {\r\n  return <FormInput {...args} />;\r\n};\r\n\r\nexport const FromInputExample = Template.bind({});\r\n\r\nFromInputExample.args = {\r\n  id: 'vak',\r\n  label: 'Vaknaam (NL)',\r\n  labelPosition: 'left',\r\n  required: true,\r\n  onChange: fn(),\r\n};\r\n"],"names":["codeString","FormInput_stories","FormInput","Template","args","jsx","FromInputExample","fn"],"mappings":";;;AAOA,MAAMA,IAAa;AAAA;AAAA;AAAA,GAMJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU,CAAC;AAAA,EACX,MAAM,CAAC;AAAA,EACP,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EACF;AACF,GAEMG,IAAoC,CAACC,MAClC,gBAAAC,EAACH,GAAW,EAAA,GAAGE,EAAM,CAAA,GAGjBE,IAAmBH,EAAS,KAAK,EAAE;AAEhDG,EAAiB,OAAO;AAAA,EACtB,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,eAAe;AAAA,EACf,UAAU;AAAA,EACV,UAAUC,EAAG;AACf;"}

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

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

package/dist/components/FormInput/index.js

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

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

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

package/dist/components/index.d.ts

@@ -3,8 +3,8 @@ export * from './ActionList';
 export * from './AppStatusBar';
 export * from './Attention';
 export * from './Backdrop';
-export * from './Buttons';
 export * from './ButtonGroup';
+export * from './Buttons';
 export * from './Card';
 export * from './Checkbox';
 export * from './CheckboxButton';
@@ -16,6 +16,7 @@ export * from './FeedbackBox';
 export * from './FieldHint';
 export * from './Fieldset';
 export * from './FormField';
+export * from './FormInput';
 export * from './GridRow';
 export * from './HorizontalList';
 export * from './Icon';
@@ -39,7 +40,7 @@ export * from './RteEditor';
 export * from './SectionNotification';
 export * from './SelectListbox';
 export * from './SelectListbox/SelectProvider';
-export * from './Spinner';
 export * from './Sortable';
+export * from './Spinner';
 export * from './StatusPill';
 export * from './Tooltip';

package/dist/components/index.js

@@ -3,14 +3,14 @@ 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 "./Buttons/Button.js";
-import { LinkButton as d } from "./Buttons/LinkButton.js";
-import { MenuButton as B } from "./Buttons/MenuButton.js";
-import { ButtonGroup as b } from "./ButtonGroup/ButtonGroup.js";
+import { ButtonGroup as u } from "./ButtonGroup/ButtonGroup.js";
+import { Button as d } from "./Buttons/Button.js";
+import { LinkButton as B } from "./Buttons/LinkButton.js";
+import { MenuButton as b } from "./Buttons/MenuButton.js";
 import { Card as C } from "./Card/Card.js";
-import { Checkbox as M } from "./Checkbox/Checkbox.js";
-import { CheckboxButton as P } from "./CheckboxButton/CheckboxButton.js";
-import { CheckboxButtonBar as I } from "./CheckboxButtonBar/CheckboxButtonBar.js";
+import { Checkbox as L } from "./Checkbox/Checkbox.js";
+import { CheckboxButton as I } from "./CheckboxButton/CheckboxButton.js";
+import { CheckboxButtonBar as D } from "./CheckboxButtonBar/CheckboxButtonBar.js";
 import { CheckboxTree as g } from "./CheckboxTree/CheckboxTree.js";
 import { Drawer as y } from "./Drawer/Drawer.js";
 import { EmptyStateDataDisplay as v } from "./EmptyStateDataDisplay/EmptyStateDataDisplay.js";
@@ -18,45 +18,46 @@ import { FeedbackBox as E } from "./FeedbackBox/FeedbackBox.js";
 import { FieldHint as H } from "./FieldHint/FieldHint.js";
 import { Fieldset as T } from "./Fieldset/Fieldset.js";
 import { FormField as N } 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 no } from "../TablePlugin-BvwAKpcu.js";
-import { OverlayCloseButton as co } from "./OverlayCloseButton/OverlayCloseButton.js";
-import { PageOverlay as so } from "./PageOverlay/PageOverlay.js";
-import { Periods as So } from "./Periods/Periods.js";
-import { PeriodSelector as ko } from "./PeriodSelector/PeriodSelector.js";
-import { ProgrammeCard as Lo } from "./ProgrammeCard/ProgrammeCard.js";
-import { RadioButton as Fo } from "./RadioButton/RadioButton.js";
-import { Repeater as Do } from "./Repeater/Repeater.js";
-import { Rte as Ro, RteEditor as go } from "./RteEditor/RteEditor.js";
-import { SectionNotification as yo } from "./SectionNotification/SectionNotification.js";
-import { SelectListbox as vo } from "./SelectListbox/SelectListbox.js";
-import { SelectProvider as Eo, useSelect as Go } from "./SelectListbox/SelectProvider.js";
-import { Spinner as Oo } from "./Spinner/Spinner.js";
+import { FormInput as q } from "./FormInput/FormInput.js";
+import { GridRow as K } from "./GridRow/GridRow.js";
+import { HorizontalList as U } from "./HorizontalList/HorizontalList.js";
+import { Icon as W } from "./Icon/Icon.js";
+import { IconButton as Y } from "./IconButton/IconButton.js";
+import { InfoMessage as _ } from "./InfoMessage/InfoMessage.js";
+import { Input as oo } from "./Input/Input.js";
+import { InputField as to } from "./InputField/InputField.js";
+import { Label as po } from "./Label/Label.js";
+import { MenuLink as mo } from "./MenuLink/MenuLink.js";
+import { MetaDataList as io } from "./MetaDataList/MetaDataList.js";
+import { ModalDialog as no } from "./ModalDialog/ModalDialog.js";
+import { M as uo } from "../TablePlugin-BvwAKpcu.js";
+import { OverlayCloseButton as so } from "./OverlayCloseButton/OverlayCloseButton.js";
+import { PageOverlay as So } from "./PageOverlay/PageOverlay.js";
+import { Periods as ko } from "./Periods/Periods.js";
+import { PeriodSelector as Fo } from "./PeriodSelector/PeriodSelector.js";
+import { ProgrammeCard as Mo } from "./ProgrammeCard/ProgrammeCard.js";
+import { RadioButton as Po } from "./RadioButton/RadioButton.js";
+import { Repeater as Ro } from "./Repeater/Repeater.js";
+import { Rte as ho, RteEditor as yo } from "./RteEditor/RteEditor.js";
+import { SectionNotification as vo } from "./SectionNotification/SectionNotification.js";
+import { SelectListbox as Eo } from "./SelectListbox/SelectListbox.js";
+import { SelectProvider as Ho, useSelect as Oo } from "./SelectListbox/SelectProvider.js";
 import { Sortable as zo } from "./Sortable/Sortable.js";
-import { StatusPill as jo } from "./StatusPill/StatusPill.js";
-import { Tooltip as Jo } from "./Tooltip/Tooltip.js";
+import { Spinner as jo } from "./Spinner/Spinner.js";
+import { StatusPill as Jo } from "./StatusPill/StatusPill.js";
+import { Tooltip as Qo } from "./Tooltip/Tooltip.js";
 export {
   t as Accordion,
   p as ActionList,
   m as AppStatusBar,
   i as Attention,
   n as Backdrop,
-  c as Button,
-  b as ButtonGroup,
+  d as Button,
+  u as ButtonGroup,
   C as Card,
-  M as Checkbox,
-  P as CheckboxButton,
-  I as CheckboxButtonBar,
+  L as Checkbox,
+  I as CheckboxButton,
+  D as CheckboxButtonBar,
   g as CheckboxTree,
   y as Drawer,
   v as EmptyStateDataDisplay,
@@ -64,36 +65,37 @@ export {
   H as FieldHint,
   T as Fieldset,
   N 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,
-  no as MultiSelect,
-  co as OverlayCloseButton,
-  so as PageOverlay,
-  ko as PeriodSelector,
-  So as Periods,
-  Lo as ProgrammeCard,
-  Fo as RadioButton,
-  Do as Repeater,
-  Ro as Rte,
-  go as RteEditor,
-  yo as SectionNotification,
-  vo as SelectListbox,
-  Eo as SelectProvider,
+  q as FormInput,
+  K as GridRow,
+  U as HorizontalList,
+  W as Icon,
+  Y as IconButton,
+  _ as InfoMessage,
+  oo as Input,
+  to as InputField,
+  po as Label,
+  B as LinkButton,
+  b as MenuButton,
+  mo as MenuLink,
+  io as MetaDataList,
+  no as ModalDialog,
+  uo as MultiSelect,
+  so as OverlayCloseButton,
+  So as PageOverlay,
+  Fo as PeriodSelector,
+  ko as Periods,
+  Mo as ProgrammeCard,
+  Po as RadioButton,
+  Ro as Repeater,
+  ho as Rte,
+  yo as RteEditor,
+  vo as SectionNotification,
+  Eo as SelectListbox,
+  Ho as SelectProvider,
   zo as Sortable,
-  Oo as Spinner,
-  jo as StatusPill,
-  Jo as Tooltip,
-  Go as useSelect
+  jo as Spinner,
+  Jo as StatusPill,
+  Qo as Tooltip,
+  Oo 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

@@ -3,14 +3,14 @@ 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/Buttons/Button.js";
-import { LinkButton as d } from "./components/Buttons/LinkButton.js";
-import { MenuButton as B } from "./components/Buttons/MenuButton.js";
-import { ButtonGroup as b } from "./components/ButtonGroup/ButtonGroup.js";
+import { ButtonGroup as u } from "./components/ButtonGroup/ButtonGroup.js";
+import { Button as d } from "./components/Buttons/Button.js";
+import { LinkButton as B } from "./components/Buttons/LinkButton.js";
+import { MenuButton as b } from "./components/Buttons/MenuButton.js";
 import { Card as C } from "./components/Card/Card.js";
-import { Checkbox as M } from "./components/Checkbox/Checkbox.js";
-import { CheckboxButton as P } from "./components/CheckboxButton/CheckboxButton.js";
-import { CheckboxButtonBar as I } from "./components/CheckboxButtonBar/CheckboxButtonBar.js";
+import { Checkbox as L } from "./components/Checkbox/Checkbox.js";
+import { CheckboxButton as I } from "./components/CheckboxButton/CheckboxButton.js";
+import { CheckboxButtonBar as D } from "./components/CheckboxButtonBar/CheckboxButtonBar.js";
 import { CheckboxTree as g } from "./components/CheckboxTree/CheckboxTree.js";
 import { Drawer as y } from "./components/Drawer/Drawer.js";
 import { EmptyStateDataDisplay as v } from "./components/EmptyStateDataDisplay/EmptyStateDataDisplay.js";
@@ -18,45 +18,46 @@ import { FeedbackBox as E } from "./components/FeedbackBox/FeedbackBox.js";
 import { FieldHint as H } from "./components/FieldHint/FieldHint.js";
 import { Fieldset as T } from "./components/Fieldset/Fieldset.js";
 import { FormField as N } 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 no } from "./TablePlugin-BvwAKpcu.js";
-import { OverlayCloseButton as co } from "./components/OverlayCloseButton/OverlayCloseButton.js";
-import { PageOverlay as so } from "./components/PageOverlay/PageOverlay.js";
-import { Periods as So } from "./components/Periods/Periods.js";
-import { PeriodSelector as ko } from "./components/PeriodSelector/PeriodSelector.js";
-import { ProgrammeCard as Lo } from "./components/ProgrammeCard/ProgrammeCard.js";
-import { RadioButton as Fo } from "./components/RadioButton/RadioButton.js";
-import { Repeater as Do } from "./components/Repeater/Repeater.js";
-import { Rte as Ro, RteEditor as go } from "./components/RteEditor/RteEditor.js";
-import { SectionNotification as yo } from "./components/SectionNotification/SectionNotification.js";
-import { SelectListbox as vo } from "./components/SelectListbox/SelectListbox.js";
-import { SelectProvider as Eo, useSelect as Go } from "./components/SelectListbox/SelectProvider.js";
-import { Spinner as Oo } from "./components/Spinner/Spinner.js";
+import { FormInput as q } from "./components/FormInput/FormInput.js";
+import { GridRow as K } from "./components/GridRow/GridRow.js";
+import { HorizontalList as U } from "./components/HorizontalList/HorizontalList.js";
+import { Icon as W } from "./components/Icon/Icon.js";
+import { IconButton as Y } from "./components/IconButton/IconButton.js";
+import { InfoMessage as _ } from "./components/InfoMessage/InfoMessage.js";
+import { Input as oo } from "./components/Input/Input.js";
+import { InputField as to } from "./components/InputField/InputField.js";
+import { Label as po } from "./components/Label/Label.js";
+import { MenuLink as mo } from "./components/MenuLink/MenuLink.js";
+import { MetaDataList as io } from "./components/MetaDataList/MetaDataList.js";
+import { ModalDialog as no } from "./components/ModalDialog/ModalDialog.js";
+import { M as uo } from "./TablePlugin-BvwAKpcu.js";
+import { OverlayCloseButton as so } from "./components/OverlayCloseButton/OverlayCloseButton.js";
+import { PageOverlay as So } from "./components/PageOverlay/PageOverlay.js";
+import { Periods as ko } from "./components/Periods/Periods.js";
+import { PeriodSelector as Fo } from "./components/PeriodSelector/PeriodSelector.js";
+import { ProgrammeCard as Mo } from "./components/ProgrammeCard/ProgrammeCard.js";
+import { RadioButton as Po } from "./components/RadioButton/RadioButton.js";
+import { Repeater as Ro } from "./components/Repeater/Repeater.js";
+import { Rte as ho, RteEditor as yo } from "./components/RteEditor/RteEditor.js";
+import { SectionNotification as vo } from "./components/SectionNotification/SectionNotification.js";
+import { SelectListbox as Eo } from "./components/SelectListbox/SelectListbox.js";
+import { SelectProvider as Ho, useSelect as Oo } from "./components/SelectListbox/SelectProvider.js";
 import { Sortable as zo } from "./components/Sortable/Sortable.js";
-import { StatusPill as jo } from "./components/StatusPill/StatusPill.js";
-import { Tooltip as Jo } from "./components/Tooltip/Tooltip.js";
+import { Spinner as jo } from "./components/Spinner/Spinner.js";
+import { StatusPill as Jo } from "./components/StatusPill/StatusPill.js";
+import { Tooltip as Qo } from "./components/Tooltip/Tooltip.js";
 export {
   t as Accordion,
   p as ActionList,
   m as AppStatusBar,
   i as Attention,
   n as Backdrop,
-  c as Button,
-  b as ButtonGroup,
+  d as Button,
+  u as ButtonGroup,
   C as Card,
-  M as Checkbox,
-  P as CheckboxButton,
-  I as CheckboxButtonBar,
+  L as Checkbox,
+  I as CheckboxButton,
+  D as CheckboxButtonBar,
   g as CheckboxTree,
   y as Drawer,
   v as EmptyStateDataDisplay,
@@ -64,36 +65,37 @@ export {
   H as FieldHint,
   T as Fieldset,
   N 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,
-  no as MultiSelect,
-  co as OverlayCloseButton,
-  so as PageOverlay,
-  ko as PeriodSelector,
-  So as Periods,
-  Lo as ProgrammeCard,
-  Fo as RadioButton,
-  Do as Repeater,
-  Ro as Rte,
-  go as RteEditor,
-  yo as SectionNotification,
-  vo as SelectListbox,
-  Eo as SelectProvider,
+  q as FormInput,
+  K as GridRow,
+  U as HorizontalList,
+  W as Icon,
+  Y as IconButton,
+  _ as InfoMessage,
+  oo as Input,
+  to as InputField,
+  po as Label,
+  B as LinkButton,
+  b as MenuButton,
+  mo as MenuLink,
+  io as MetaDataList,
+  no as ModalDialog,
+  uo as MultiSelect,
+  so as OverlayCloseButton,
+  So as PageOverlay,
+  Fo as PeriodSelector,
+  ko as Periods,
+  Mo as ProgrammeCard,
+  Po as RadioButton,
+  Ro as Repeater,
+  ho as Rte,
+  yo as RteEditor,
+  vo as SectionNotification,
+  Eo as SelectListbox,
+  Ho as SelectProvider,
   zo as Sortable,
-  Oo as Spinner,
-  jo as StatusPill,
-  Jo as Tooltip,
-  Go as useSelect
+  jo as Spinner,
+  Jo as StatusPill,
+  Qo as Tooltip,
+  Oo 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": "1.61.4",
+  "version": "1.62.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",