@uva-glass/component-library 1.21.0 → 1.22.1

package/dist/assets/FormField.css

@@ -0,0 +1 @@
+._form-field_18714_1{display:flex;flex-direction:column;gap:.5rem 1rem}._form-field--outerspace_18714_7{margin:1.5rem 0}._form-field--inline_18714_11{align-items:center;flex-direction:row}

package/dist/assets/ModalDialog.css

@@ -1 +1 @@
-.button-group{display:flex;gap:1rem;justify-content:flex-end}.button-group--reversed{flex-direction:row-reverse;justify-content:flex-start}.form-field{display:flex;flex-direction:column;gap:.5rem 1rem}.form-field--outerspace{margin:1.5rem 0}
+.button-group{display:flex;gap:1rem;justify-content:flex-end}.button-group--reversed{flex-direction:row-reverse;justify-content:flex-start}

package/dist/components/FormField/FormField.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes, PropsWithChildren } from 'react';
+
+export interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {
+    outerSpace?: boolean;
+    inline?: boolean;
+}
+export declare const FormField: ({ children, outerSpace, inline, ...rest }: PropsWithChildren<FormFieldProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FormField/FormField.js

@@ -0,0 +1,21 @@
+import { jsx as l } from "react/jsx-runtime";
+import { c as m } from "../../clsx-DB4S2d7J.js";
+import '../../assets/FormField.css';const e = {
+  "form-field": "_form-field_18714_1",
+  "form-field--outerspace": "_form-field--outerspace_18714_7",
+  "form-field--inline": "_form-field--inline_18714_11"
+}, t = ({ children: f, outerSpace: o, inline: i, ...r }) => /* @__PURE__ */ l(
+  "div",
+  {
+    className: m(e["form-field"], {
+      [e["form-field--outerspace"]]: o,
+      [e["form-field--inline"]]: i
+    }),
+    ...r,
+    children: f
+  }
+);
+export {
+  t as FormField
+};
+//# sourceMappingURL=FormField.js.map

package/dist/components/FormField/FormField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.js","sources":["../../../src/components/FormField/FormField.tsx"],"sourcesContent":["import classNames from 'clsx';\n\nimport type { HTMLAttributes, PropsWithChildren } from 'react';\n\nimport styles from './FormField.module.css';\n\nexport interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {\n  outerSpace?: boolean;\n  inline?: boolean;\n}\n\nexport const FormField = ({ children, outerSpace, inline, ...rest }: PropsWithChildren<FormFieldProps>) => (\n  <div\n    className={classNames(styles['form-field'], {\n      [styles['form-field--outerspace']]: outerSpace,\n      [styles['form-field--inline']]: inline,\n    })}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n"],"names":["FormField","children","outerSpace","inline","rest","jsx","classNames","styles"],"mappings":";;;;;;GAWaA,IAAY,CAAC,EAAE,UAAAC,GAAU,YAAAC,GAAY,QAAAC,GAAQ,GAAGC,QAC3D,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAWC,EAAO,YAAY,GAAG;AAAA,MAC1C,CAACA,EAAO,wBAAwB,CAAC,GAAGL;AAAA,MACpC,CAACK,EAAO,oBAAoB,CAAC,GAAGJ;AAAA,IAAA,CACjC;AAAA,IACA,GAAGC;AAAA,IAEH,UAAAH;AAAA,EAAA;AACH;"}

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

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+import { FormFieldProps } from './FormField';
+
+declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, PropsWithChildren<FormFieldProps>>;
+export default _default;
+export declare const FormFieldExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<FormFieldProps>>;

package/dist/components/FormField/FormField.stories.js

@@ -0,0 +1,37 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { FormField as l } from "./FormField.js";
+import { InputField as t } from "../InputField/InputField.js";
+import { Label as i } from "../Label/Label.js";
+import { Container as a } from "../storyComponents/Container/Container.js";
+const h = {
+  title: "Atoms/FormField",
+  component: l,
+  argTypes: {
+    outerSpace: {
+      control: "boolean"
+    },
+    inline: {
+      control: "boolean"
+    }
+  }
+}, n = (r) => /* @__PURE__ */ o(a, { children: [
+  /* @__PURE__ */ o(l, { ...r, children: [
+    /* @__PURE__ */ e(i, { htmlFor: "d6aa53fd", children: "Example label 1" }),
+    /* @__PURE__ */ e(t, { id: "d6aa53fd" })
+  ] }),
+  /* @__PURE__ */ o(l, { ...r, children: [
+    /* @__PURE__ */ e(i, { htmlFor: "4e7a2f22", children: "Example label 2" }),
+    /* @__PURE__ */ e(t, { id: "4e7a2f22" })
+  ] })
+] }), m = {
+  outerSpace: !1,
+  inline: !1
+}, d = n.bind({});
+d.args = {
+  ...m
+};
+export {
+  d as FormFieldExample,
+  h as default
+};
+//# sourceMappingURL=FormField.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.stories.js","sources":["../../../src/components/FormField/FormField.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { PropsWithChildren } from 'react';\nimport type { FormFieldProps } from './FormField';\n\nimport { FormField } from './FormField';\n\nimport { InputField } from 'components/InputField';\nimport { Label } from 'components/Label';\nimport { Container } from 'components/storyComponents/Container';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/FormField',\n  component: FormField,\n  argTypes: {\n    outerSpace: {\n      control: 'boolean',\n    },\n    inline: {\n      control: 'boolean',\n    },\n  },\n} as Meta<PropsWithChildren<FormFieldProps>>;\n\nconst Template: StoryFn<PropsWithChildren<FormFieldProps>> = (args) => (\n  <Container>\n    <FormField {...args}>\n      <Label htmlFor=\"d6aa53fd\">Example label 1</Label>\n      <InputField id=\"d6aa53fd\" />\n    </FormField>\n    <FormField {...args}>\n      <Label htmlFor=\"4e7a2f22\">Example label 2</Label>\n      <InputField id=\"4e7a2f22\" />\n    </FormField>\n  </Container>\n);\n\nconst defaultArgs: Partial<PropsWithChildren<FormFieldProps>> = {\n  outerSpace: false,\n  inline: false,\n};\n\nexport const FormFieldExample = Template.bind({});\nFormFieldExample.args = {\n  ...defaultArgs,\n};\n"],"names":["FormField_stories","FormField","Template","args","jsxs","Container","jsx","Label","InputField","defaultArgs","FormFieldExample"],"mappings":";;;;;AAWA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,YAAY;AAAA,MACV,SAAS;AAAA,IACX;AAAA,IACA,QAAQ;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAEMC,IAAuD,CAACC,MAC5D,gBAAAC,EAACC,GACC,EAAA,UAAA;AAAA,EAAC,gBAAAD,EAAAH,GAAA,EAAW,GAAGE,GACb,UAAA;AAAA,IAAC,gBAAAG,EAAAC,GAAA,EAAM,SAAQ,YAAW,UAAe,mBAAA;AAAA,IACzC,gBAAAD,EAACE,GAAW,EAAA,IAAG,WAAW,CAAA;AAAA,EAAA,GAC5B;AAAA,EACA,gBAAAJ,EAACH,GAAW,EAAA,GAAGE,GACb,UAAA;AAAA,IAAC,gBAAAG,EAAAC,GAAA,EAAM,SAAQ,YAAW,UAAe,mBAAA;AAAA,IACzC,gBAAAD,EAACE,GAAW,EAAA,IAAG,WAAW,CAAA;AAAA,EAAA,GAC5B;AAAA,EACF,CAAA,GAGIC,IAA0D;AAAA,EAC9D,YAAY;AAAA,EACZ,QAAQ;AACV,GAEaC,IAAmBR,EAAS,KAAK,EAAE;AAChDQ,EAAiB,OAAO;AAAA,EACtB,GAAGD;AACL;"}

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

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

package/dist/components/FormField/index.js

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

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

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

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

@@ -1,12 +1,13 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { M as t, $ as d } from "../../ModalDialog-yEr_JLht.js";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { M as l, $ as d } from "../../ModalDialog-yEr_JLht.js";
 import { f as o } from "../../index-DFUrxrKJ.js";
 import { Button as a } from "../Button/Button.js";
-import { InputField as s } from "../InputField/InputField.js";
+import { FormField as s } from "../FormField/FormField.js";
+import { InputField as m } from "../InputField/InputField.js";
 import { Label as c } from "../Label/Label.js";
-import '../../assets/ModalDialog.css';const v = {
+import '../../assets/ModalDialog.css';const T = {
   title: "Molecules/ModalDialog",
-  component: t,
+  component: l,
   argTypes: {
     isOpen: {
       table: {
@@ -36,9 +37,9 @@ import '../../assets/ModalDialog.css';const v = {
       }
     }
   }
-}, i = (n) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(t, { ...n, children: /* @__PURE__ */ l("div", { className: "form-field form-field--outerspace", children: [
+}, i = (n) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(l, { ...n, children: /* @__PURE__ */ t(s, { outerSpace: !0, children: [
   /* @__PURE__ */ e(c, { htmlFor: "text-field", children: "Example Text Field" }),
-  /* @__PURE__ */ e(s, { id: "text-field" })
+  /* @__PURE__ */ e(m, { id: "text-field" })
 ] }) }) }), r = {
   padded: !1,
   slim: !1,
@@ -51,24 +52,24 @@ import '../../assets/ModalDialog.css';const v = {
   noValidate: !1,
   onSubmit: o(),
   onClose: o(),
-  buttons: /* @__PURE__ */ l("div", { className: "button-group button-group--reversed", children: [
+  buttons: /* @__PURE__ */ t("div", { className: "button-group button-group--reversed", children: [
     /* @__PURE__ */ e(a, { variant: "primary", onClick: o(), children: "OK" }),
     /* @__PURE__ */ e(a, { variant: "secondary", onClick: o(), children: "Cancel" })
   ] }),
   isOpen: !0
-}, m = i.bind({});
-m.args = {
+}, p = i.bind({});
+p.args = {
   ...r
 };
-const p = i.bind({});
-p.args = {
+const u = i.bind({});
+u.args = {
   ...r,
   isLoading: !0,
   spinnerAriaValueText: "Loading"
 };
 export {
-  p as Loading,
-  m as ModalDialogExample,
-  v as default
+  u as Loading,
+  p as ModalDialogExample,
+  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 { InputField } from 'components/InputField';\nimport { Label } from 'components/Label';\n\nimport './ModalDialog.stories.css';\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} as Meta<ModalDialogProps>;\n\nconst Template: StoryFn<ModalDialogProps> = (args) => (\n  <ModalProvider>\n    <ModalDialog {...args}>\n      <div className=\"form-field form-field--outerspace\">\n        <Label htmlFor=\"text-field\">Example Text Field</Label>\n        <InputField id=\"text-field\" />\n      </div>\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    <div className=\"button-group button-group--reversed\">\n      <Button variant=\"primary\" onClick={fn()}>\n        OK\n      </Button>\n      <Button variant=\"secondary\" onClick={fn()}>\n        Cancel\n      </Button>\n    </div>\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"],"names":["ModalDialog_stories","ModalDialog","Template","args","jsx","ModalProvider","jsxs","Label","InputField","defaultArgs","fn","Button","ModalDialogExample","Loading"],"mappings":";;;;;;AAeA,MAAeA,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;AACF,GAEMC,IAAsC,CAACC,MAC3C,gBAAAC,EAACC,GACC,EAAA,UAAA,gBAAAD,EAACH,GAAa,EAAA,GAAGE,GACf,UAAA,gBAAAG,EAAC,OAAI,EAAA,WAAU,qCACb,UAAA;AAAA,EAAC,gBAAAF,EAAAG,GAAA,EAAM,SAAQ,cAAa,UAAkB,sBAAA;AAAA,EAC9C,gBAAAH,EAACI,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,gBAAAJ,EAAC,OAAI,EAAA,WAAU,uCACb,UAAA;AAAA,IAAA,gBAAAF,EAACO,KAAO,SAAQ,WAAU,SAASD,KAAM,UAEzC,MAAA;AAAA,sBACCC,GAAO,EAAA,SAAQ,aAAY,SAASD,KAAM,UAE3C,UAAA;AAAA,EAAA,GACF;AAAA,EAEF,QAAQ;AACV,GAEaE,IAAqBV,EAAS,KAAK,EAAE;AAClDU,EAAmB,OAAO;AAAA,EACxB,GAAGH;AACL;AAEO,MAAMI,IAAUX,EAAS,KAAK,EAAE;AACvCW,EAAQ,OAAO;AAAA,EACb,GAAGJ;AAAA,EACH,WAAW;AAAA,EACX,sBAAsB;AACxB;"}
+{"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 { FormField } from 'components/FormField';\nimport { InputField } from 'components/InputField';\nimport { Label } from 'components/Label';\nimport './ModalDialog.stories.css';\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} as Meta<ModalDialogProps>;\n\nconst Template: StoryFn<ModalDialogProps> = (args) => (\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    <div className=\"button-group button-group--reversed\">\n      <Button variant=\"primary\" onClick={fn()}>\n        OK\n      </Button>\n      <Button variant=\"secondary\" onClick={fn()}>\n        Cancel\n      </Button>\n    </div>\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"],"names":["ModalDialog_stories","ModalDialog","Template","args","jsx","ModalProvider","jsxs","FormField","Label","InputField","defaultArgs","fn","Button","ModalDialogExample","Loading"],"mappings":";;;;;;;AAeA,MAAeA,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;AACF,GAEMC,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,EAAC,OAAI,EAAA,WAAU,uCACb,UAAA;AAAA,IAAA,gBAAAF,EAACQ,KAAO,SAAQ,WAAU,SAASD,KAAM,UAEzC,MAAA;AAAA,sBACCC,GAAO,EAAA,SAAQ,aAAY,SAASD,KAAM,UAE3C,UAAA;AAAA,EAAA,GACF;AAAA,EAEF,QAAQ;AACV,GAEaE,IAAqBX,EAAS,KAAK,EAAE;AAClDW,EAAmB,OAAO;AAAA,EACxB,GAAGH;AACL;AAEO,MAAMI,IAAUZ,EAAS,KAAK,EAAE;AACvCY,EAAQ,OAAO;AAAA,EACb,GAAGJ;AAAA,EACH,WAAW;AAAA,EACX,sBAAsB;AACxB;"}

package/dist/components/index.d.ts

@@ -4,6 +4,7 @@ export * from './Backdrop';
 export * from './Button';
 export * from './Card';
 export * from './FieldHint';
+export * from './FormField';
 export * from './Icon';
 export * from './IconButton';
 export * from './InfoMessage';

package/dist/components/index.js

@@ -1,48 +1,50 @@
 import { Accordion as t } from "./Accordion/Accordion.js";
 import { AppStatusBar as p } from "./AppStatusBar/AppStatusBar.js";
-import { Backdrop as x } from "./Backdrop/Backdrop.js";
-import { Button as n } from "./Button/Button.js";
-import { Card as i } from "./Card/Card.js";
+import { Backdrop as m } from "./Backdrop/Backdrop.js";
+import { Button as i } from "./Button/Button.js";
+import { Card as a } from "./Card/Card.js";
 import { FieldHint as c } from "./FieldHint/FieldHint.js";
-import { Icon as u } from "./Icon/Icon.js";
-import { IconButton as B } from "./IconButton/IconButton.js";
-import { InfoMessage as S } from "./InfoMessage/InfoMessage.js";
-import { Input as L } from "./Input/Input.js";
-import { InputField as g } from "./InputField/InputField.js";
-import { Label as v } from "./Label/Label.js";
-import { M as C } from "../MenuLink-CLEqkVVh.js";
-import { MetaDataList as F } from "./MetaDataList/MetaDataList.js";
-import { M as H } from "../ModalDialog-yEr_JLht.js";
-import { OverlayCloseButton as O } from "./OverlayCloseButton/OverlayCloseButton.js";
-import { RadioButton as R } from "./RadioButton/RadioButton.js";
-import { SectionNotification as h } from "./SectionNotification/SectionNotification.js";
-import { SelectListbox as q } from "./SelectListbox/SelectListbox.js";
-import { SelectProvider as z, useSelect as E } from "./SelectListbox/SelectProvider.js";
-import { Spinner as J } from "./Spinner/Spinner.js";
-import { Tooltip as Q } from "./Tooltip/Tooltip.js";
+import { FormField as s } from "./FormField/FormField.js";
+import { Icon as B } from "./Icon/Icon.js";
+import { IconButton as S } from "./IconButton/IconButton.js";
+import { InfoMessage as F } from "./InfoMessage/InfoMessage.js";
+import { Input as b } from "./Input/Input.js";
+import { InputField as k } from "./InputField/InputField.js";
+import { Label as A } from "./Label/Label.js";
+import { M as D } from "../MenuLink-CLEqkVVh.js";
+import { MetaDataList as H } from "./MetaDataList/MetaDataList.js";
+import { M as O } from "../ModalDialog-yEr_JLht.js";
+import { OverlayCloseButton as R } from "./OverlayCloseButton/OverlayCloseButton.js";
+import { RadioButton as h } from "./RadioButton/RadioButton.js";
+import { SectionNotification as q } from "./SectionNotification/SectionNotification.js";
+import { SelectListbox as z } from "./SelectListbox/SelectListbox.js";
+import { SelectProvider as G, useSelect as J } from "./SelectListbox/SelectProvider.js";
+import { Spinner as Q } from "./Spinner/Spinner.js";
+import { Tooltip as V } from "./Tooltip/Tooltip.js";
 export {
   t as Accordion,
   p as AppStatusBar,
-  x as Backdrop,
-  n as Button,
-  i as Card,
+  m as Backdrop,
+  i as Button,
+  a as Card,
   c as FieldHint,
-  u as Icon,
-  B as IconButton,
-  S as InfoMessage,
-  L as Input,
-  g as InputField,
-  v as Label,
-  C as MenuLink,
-  F as MetaDataList,
-  H as ModalDialog,
-  O as OverlayCloseButton,
-  R as RadioButton,
-  h as SectionNotification,
-  q as SelectListbox,
-  z as SelectProvider,
-  J as Spinner,
-  Q as Tooltip,
-  E as useSelect
+  s as FormField,
+  B as Icon,
+  S as IconButton,
+  F as InfoMessage,
+  b as Input,
+  k as InputField,
+  A as Label,
+  D as MenuLink,
+  H as MetaDataList,
+  O as ModalDialog,
+  R as OverlayCloseButton,
+  h as RadioButton,
+  q as SectionNotification,
+  z as SelectListbox,
+  G as SelectProvider,
+  Q as Spinner,
+  V as Tooltip,
+  J 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,48 +1,50 @@
 import { Accordion as t } from "./components/Accordion/Accordion.js";
 import { AppStatusBar as p } from "./components/AppStatusBar/AppStatusBar.js";
-import { Backdrop as x } from "./components/Backdrop/Backdrop.js";
-import { Button as n } from "./components/Button/Button.js";
-import { Card as i } from "./components/Card/Card.js";
+import { Backdrop as m } from "./components/Backdrop/Backdrop.js";
+import { Button as i } from "./components/Button/Button.js";
+import { Card as a } from "./components/Card/Card.js";
 import { FieldHint as c } from "./components/FieldHint/FieldHint.js";
-import { Icon as u } from "./components/Icon/Icon.js";
-import { IconButton as B } from "./components/IconButton/IconButton.js";
-import { InfoMessage as S } from "./components/InfoMessage/InfoMessage.js";
-import { Input as L } from "./components/Input/Input.js";
-import { InputField as g } from "./components/InputField/InputField.js";
-import { Label as v } from "./components/Label/Label.js";
-import { M as C } from "./MenuLink-CLEqkVVh.js";
-import { MetaDataList as F } from "./components/MetaDataList/MetaDataList.js";
-import { M as H } from "./ModalDialog-yEr_JLht.js";
-import { OverlayCloseButton as O } from "./components/OverlayCloseButton/OverlayCloseButton.js";
-import { RadioButton as R } from "./components/RadioButton/RadioButton.js";
-import { SectionNotification as h } from "./components/SectionNotification/SectionNotification.js";
-import { SelectListbox as q } from "./components/SelectListbox/SelectListbox.js";
-import { SelectProvider as z, useSelect as E } from "./components/SelectListbox/SelectProvider.js";
-import { Spinner as J } from "./components/Spinner/Spinner.js";
-import { Tooltip as Q } from "./components/Tooltip/Tooltip.js";
+import { FormField as s } from "./components/FormField/FormField.js";
+import { Icon as B } from "./components/Icon/Icon.js";
+import { IconButton as S } from "./components/IconButton/IconButton.js";
+import { InfoMessage as F } from "./components/InfoMessage/InfoMessage.js";
+import { Input as b } from "./components/Input/Input.js";
+import { InputField as k } from "./components/InputField/InputField.js";
+import { Label as A } from "./components/Label/Label.js";
+import { M as D } from "./MenuLink-CLEqkVVh.js";
+import { MetaDataList as H } from "./components/MetaDataList/MetaDataList.js";
+import { M as O } from "./ModalDialog-yEr_JLht.js";
+import { OverlayCloseButton as R } from "./components/OverlayCloseButton/OverlayCloseButton.js";
+import { RadioButton as h } from "./components/RadioButton/RadioButton.js";
+import { SectionNotification as q } from "./components/SectionNotification/SectionNotification.js";
+import { SelectListbox as z } from "./components/SelectListbox/SelectListbox.js";
+import { SelectProvider as G, useSelect as J } from "./components/SelectListbox/SelectProvider.js";
+import { Spinner as Q } from "./components/Spinner/Spinner.js";
+import { Tooltip as V } from "./components/Tooltip/Tooltip.js";
 export {
   t as Accordion,
   p as AppStatusBar,
-  x as Backdrop,
-  n as Button,
-  i as Card,
+  m as Backdrop,
+  i as Button,
+  a as Card,
   c as FieldHint,
-  u as Icon,
-  B as IconButton,
-  S as InfoMessage,
-  L as Input,
-  g as InputField,
-  v as Label,
-  C as MenuLink,
-  F as MetaDataList,
-  H as ModalDialog,
-  O as OverlayCloseButton,
-  R as RadioButton,
-  h as SectionNotification,
-  q as SelectListbox,
-  z as SelectProvider,
-  J as Spinner,
-  Q as Tooltip,
-  E as useSelect
+  s as FormField,
+  B as Icon,
+  S as IconButton,
+  F as InfoMessage,
+  b as Input,
+  k as InputField,
+  A as Label,
+  D as MenuLink,
+  H as MetaDataList,
+  O as ModalDialog,
+  R as OverlayCloseButton,
+  h as RadioButton,
+  q as SectionNotification,
+  z as SelectListbox,
+  G as SelectProvider,
+  Q as Spinner,
+  V as Tooltip,
+  J 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.21.0",
+  "version": "1.22.1",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",