@uva-glass/component-library 1.22.1 → 1.24.0

package/dist/assets/ButtonGroup.css

@@ -0,0 +1 @@
+._button-group_1ti4e_1{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end}._button-group--stacked_1ti4e_8{flex-direction:column}._button-group--reversed_1ti4e_12{flex-flow:row-reverse wrap-reverse;justify-content:flex-start}._button-group--reversed-stacked_1ti4e_17{flex-direction:column-reverse}

package/dist/assets/Checkbox.css

@@ -0,0 +1 @@
+._checkbox_lu7hj_1{accent-color:var(--color-black);height:1rem;margin:0;padding:0;width:1rem}

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}
+._modal-dialog_14t7m_1{--modal-dialog-padding: 1.5rem;--modal-dialog-padding-mobile: 1.25rem;background:var(--color-white);box-shadow:0 2px 2px #0000000f,0 4px 3px #00000012;display:flex;flex-direction:column;height:100dvh;position:relative;width:100vw}._modal-dialog--padded_14t7m_18{padding:0}._modal-dialog__content_14t7m_22{display:flex;flex-direction:column;height:100svh;justify-content:space-between;overflow:auto;padding:0 var(--modal-dialog-padding-mobile);width:100%}._modal-dialog__children_14t7m_32{padding-bottom:var(--modal-dialog-padding-mobile)}._modal-dialog__title_14t7m_36{font-size:var(--font-size-m);line-height:var(--line-height-m);margin:0 var(--modal-dialog-padding-mobile) 0 0;padding:var(--modal-dialog-padding-mobile)}._modal-dialog--confirm_14t7m_43{padding:var(--modal-dialog-padding-mobile) 0 0}._modal-dialog__buttons_14t7m_47{background-color:var(--color-white);bottom:0;display:flex;flex-direction:column;gap:.75rem;justify-content:flex-start;margin:0 calc(-1 * var(--modal-dialog-padding-mobile));padding:var(--modal-dialog-padding-mobile);position:sticky;right:0}._modal-dialog--buttons-border_14t7m_60{border-top:1px solid var(--color-pattens-blue)}._modal-dialog__close_14t7m_64{position:absolute;right:var(--modal-dialog-padding-mobile);top:var(--modal-dialog-padding-mobile)}@media (min-width: 28rem) and (min-height: 28rem){._modal-dialog_14t7m_1{height:unset;max-height:100svh;max-width:100vw;width:30rem}._modal-dialog--padded_14t7m_18{width:34.25rem}._modal-dialog--slim_14t7m_82{width:27.5rem}._modal-dialog--wide_14t7m_86{width:36rem}._modal-dialog__title_14t7m_36{margin-right:var(--modal-dialog-padding);padding:var(--modal-dialog-padding)}._modal-dialog__content_14t7m_22{height:unset;padding:0 var(--modal-dialog-padding)}._modal-dialog--content-with-buttons_14t7m_100{margin-bottom:6.25rem}._modal-dialog__children_14t7m_32{padding-bottom:var(--modal-dialog-padding)}._modal-dialog--confirm_14t7m_43{padding:var(--modal-dialog-padding) 0 0}._modal-dialog__buttons_14t7m_47{margin:unset;padding:var(--modal-dialog-padding);position:absolute;width:inherit}._modal-dialog__close_14t7m_64{position:absolute;right:var(--modal-dialog-padding);top:var(--modal-dialog-padding)}}

package/dist/components/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+
+export interface ButtonGroupProps {
+    stacked?: boolean;
+    reversed?: boolean;
+}
+export declare const ButtonGroup: ({ children, stacked, reversed }: PropsWithChildren<ButtonGroupProps>) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/ButtonGroup/ButtonGroup.js

@@ -0,0 +1,26 @@
+import { jsx as e } from "react/jsx-runtime";
+import { c as s } from "../../clsx-DB4S2d7J.js";
+import { Children as n } from "react";
+import '../../assets/ButtonGroup.css';const t = {
+  "button-group": "_button-group_1ti4e_1",
+  "button-group--stacked": "_button-group--stacked_1ti4e_8",
+  "button-group--reversed": "_button-group--reversed_1ti4e_12",
+  "button-group--reversed-stacked": "_button-group--reversed-stacked_1ti4e_17"
+}, _ = ({ children: o, stacked: r, reversed: u }) => (
+  // only render a <ButtonGroup> when there are children
+  n.count(o) > 0 ? /* @__PURE__ */ e(
+    "div",
+    {
+      className: s(t["button-group"], {
+        [t["button-group--stacked"]]: r,
+        [t["button-group--reversed"]]: u,
+        [t["button-group--reversed-stacked"]]: r && u
+      }),
+      children: o
+    }
+  ) : null
+);
+export {
+  _ as ButtonGroup
+};
+//# sourceMappingURL=ButtonGroup.js.map

package/dist/components/ButtonGroup/ButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.js","sources":["../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import classNames from 'clsx';\nimport { Children } from 'react';\n\nimport type { PropsWithChildren } from 'react';\n\nimport styles from './ButtonGroup.module.css';\n\nexport interface ButtonGroupProps {\n  stacked?: boolean;\n  reversed?: boolean;\n}\n\nexport const ButtonGroup = ({ children, stacked, reversed }: PropsWithChildren<ButtonGroupProps>) =>\n  // only render a <ButtonGroup> when there are children\n  Children.count(children) > 0 ? (\n    <div\n      className={classNames(styles['button-group'], {\n        [styles['button-group--stacked']]: stacked,\n        [styles['button-group--reversed']]: reversed,\n        [styles['button-group--reversed-stacked']]: stacked && reversed,\n      })}\n    >\n      {children}\n    </div>\n  ) : null;\n"],"names":["ButtonGroup","children","stacked","reversed","Children","jsx","classNames","styles"],"mappings":";;;;;;;;GAYaA,IAAc,CAAC,EAAE,UAAAC,GAAU,SAAAC,GAAS,UAAAC,EAAS;AAAA;AAAA,EAExDC,EAAS,MAAMH,CAAQ,IAAI,IACzB,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,EAAO,cAAc,GAAG;AAAA,QAC5C,CAACA,EAAO,uBAAuB,CAAC,GAAGL;AAAA,QACnC,CAACK,EAAO,wBAAwB,CAAC,GAAGJ;AAAA,QACpC,CAACI,EAAO,gCAAgC,CAAC,GAAGL,KAAWC;AAAA,MAAA,CACxD;AAAA,MAEA,UAAAF;AAAA,IAAA;AAAA,EAAA,IAED;AAAA;"}

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

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

package/dist/components/ButtonGroup/ButtonGroup.stories.js

@@ -0,0 +1,30 @@
+import { jsx as t, jsxs as n, Fragment as a } from "react/jsx-runtime";
+import { ButtonGroup as o } from "./ButtonGroup.js";
+import { Button as r } from "../Button/Button.js";
+import { Container as s } from "../storyComponents/Container/Container.js";
+const f = {
+  title: "Atoms/ButtonGroup",
+  component: o,
+  argTypes: {
+    children: {
+      table: {
+        disable: !0
+      }
+    }
+  }
+}, i = (e) => /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(o, { ...e }) }), l = {
+  stacked: !1,
+  reversed: !1,
+  children: /* @__PURE__ */ n(a, { children: [
+    /* @__PURE__ */ t(r, { variant: "primary", children: "Primary button" }),
+    /* @__PURE__ */ t(r, { variant: "secondary", children: "Secondary button" })
+  ] })
+}, m = i.bind({});
+m.args = {
+  ...l
+};
+export {
+  m as ButtonGroupExample,
+  f as default
+};
+//# sourceMappingURL=ButtonGroup.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.stories.js","sources":["../../../src/components/ButtonGroup/ButtonGroup.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { PropsWithChildren } from 'react';\nimport type { ButtonGroupProps } from './ButtonGroup';\n\nimport { ButtonGroup } from './ButtonGroup';\n\nimport { Button } from 'components/Button/Button';\nimport { Container } from 'components/storyComponents/Container';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/ButtonGroup',\n  component: ButtonGroup,\n  argTypes: {\n    children: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n} as Meta<PropsWithChildren<ButtonGroupProps>>;\n\nconst Template: StoryFn<PropsWithChildren<ButtonGroupProps>> = (args) => (\n  <Container>\n    <ButtonGroup {...args} />\n  </Container>\n);\n\nconst defaultArgs: Partial<PropsWithChildren<ButtonGroupProps>> = {\n  stacked: false,\n  reversed: false,\n  children: (\n    <>\n      <Button variant=\"primary\">Primary button</Button>\n      <Button variant=\"secondary\">Secondary button</Button>\n    </>\n  ),\n};\n\nexport const ButtonGroupExample = Template.bind({});\nButtonGroupExample.args = {\n  ...defaultArgs,\n};\n"],"names":["ButtonGroup_stories","ButtonGroup","Template","args","jsx","Container","defaultArgs","jsxs","Fragment","Button","ButtonGroupExample"],"mappings":";;;;AAUA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,GAEMC,IAAyD,CAACC,MAC9D,gBAAAC,EAACC,KACC,UAAC,gBAAAD,EAAAH,GAAA,EAAa,GAAGE,EAAM,CAAA,EACzB,CAAA,GAGIG,IAA4D;AAAA,EAChE,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAJ,EAAAK,GAAA,EAAO,SAAQ,WAAU,UAAc,kBAAA;AAAA,IACvC,gBAAAL,EAAAK,GAAA,EAAO,SAAQ,aAAY,UAAgB,oBAAA;AAAA,EAAA,GAC9C;AAEJ,GAEaC,IAAqBR,EAAS,KAAK,EAAE;AAClDQ,EAAmB,OAAO;AAAA,EACxB,GAAGJ;AACL;"}

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

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

package/dist/components/ButtonGroup/index.js

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

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

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

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,4 @@
+import { InputHTMLAttributes } from 'react';
+
+export type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'style' | 'type'>;
+export declare const Checkbox: ({ ...restProps }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Checkbox/Checkbox.js

@@ -0,0 +1,8 @@
+import { jsx as o } from "react/jsx-runtime";
+import '../../assets/Checkbox.css';const e = "_checkbox_lu7hj_1", s = {
+  checkbox: e
+}, x = ({ ...c }) => /* @__PURE__ */ o("input", { ...c, type: "checkbox", className: s.checkbox });
+export {
+  x as Checkbox
+};
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from 'react';\n\nimport styles from './Checkbox.module.css';\n\nexport type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'style' | 'type'>;\n\nexport const Checkbox = ({ ...restProps }: CheckboxProps) => (\n  <input {...restProps} type=\"checkbox\" className={styles['checkbox']} />\n);\n"],"names":["Checkbox","restProps","jsx","styles"],"mappings":";;;GAMaA,IAAW,CAAC,EAAE,GAAGC,QAC5B,gBAAAC,EAAC,SAAO,EAAA,GAAGD,GAAW,MAAK,YAAW,WAAWE,EAAO,SAAa,CAAA;"}

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

@@ -0,0 +1,5 @@
+import { CheckboxProps } from './Checkbox';
+
+declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, CheckboxProps>;
+export default _default;
+export declare const CheckboxExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckboxProps>;

package/dist/components/Checkbox/Checkbox.stories.js

@@ -0,0 +1,20 @@
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { f as m } from "../../index-DFUrxrKJ.js";
+import { Checkbox as e } from "./Checkbox.js";
+import { FormField as i } from "../FormField/FormField.js";
+import { Label as n } from "../Label/Label.js";
+const h = {
+  title: "Atoms/Checkbox",
+  component: e
+}, s = (r) => /* @__PURE__ */ t(i, { inline: !0, children: [
+  /* @__PURE__ */ o(e, { id: "72103b4d", ...r }),
+  /* @__PURE__ */ o(n, { htmlFor: "72103b4d", children: "Example Checkbox" })
+] }), c = s.bind({});
+c.args = {
+  onChange: m()
+};
+export {
+  c as CheckboxExample,
+  h as default
+};
+//# sourceMappingURL=Checkbox.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.stories.js","sources":["../../../src/components/Checkbox/Checkbox.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { CheckboxProps } from './Checkbox';\n\nimport { Checkbox } from './Checkbox';\n\nimport { FormField } from 'components/FormField';\nimport { Label } from 'components/Label';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Checkbox',\n  component: Checkbox,\n} as Meta<CheckboxProps>;\n\nconst Template: StoryFn<CheckboxProps> = (args) => (\n  <FormField inline>\n    <Checkbox id=\"72103b4d\" {...args} />\n    <Label htmlFor=\"72103b4d\">Example Checkbox</Label>\n  </FormField>\n);\n\nexport const CheckboxExample = Template.bind({});\nCheckboxExample.args = {\n  onChange: fn(),\n};\n"],"names":["Checkbox_stories","Checkbox","Template","args","jsxs","FormField","jsx","Label","CheckboxExample","fn"],"mappings":";;;;;AAWA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AACb,GAEMC,IAAmC,CAACC,MACvC,gBAAAC,EAAAC,GAAA,EAAU,QAAM,IACf,UAAA;AAAA,EAAA,gBAAAC,EAACL,GAAS,EAAA,IAAG,YAAY,GAAGE,EAAM,CAAA;AAAA,EACjC,gBAAAG,EAAAC,GAAA,EAAM,SAAQ,YAAW,UAAgB,oBAAA;AAAA,EAC5C,CAAA,GAGWC,IAAkBN,EAAS,KAAK,EAAE;AAC/CM,EAAgB,OAAO;AAAA,EACrB,UAAUC,EAAG;AACf;"}

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

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

package/dist/components/Checkbox/index.js

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

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

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

package/dist/components/ModalDialog/ModalDialog.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { M } from "../../ModalDialog-yEr_JLht.js";
+import { M } from "../../ModalDialog-B1c9QYLZ.js";
 import "../../clsx-DB4S2d7J.js";
 import "react";
 import "../Backdrop/Backdrop.js";

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

@@ -1,11 +1,12 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { M as l, $ as d } from "../../ModalDialog-yEr_JLht.js";
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { M as l, $ as d } from "../../ModalDialog-B1c9QYLZ.js";
 import { f as o } from "../../index-DFUrxrKJ.js";
-import { Button as a } from "../Button/Button.js";
-import { FormField as s } from "../FormField/FormField.js";
-import { InputField as m } from "../InputField/InputField.js";
+import { Button as t } from "../Button/Button.js";
+import { ButtonGroup as s } from "../ButtonGroup/ButtonGroup.js";
+import { FormField as m } from "../FormField/FormField.js";
+import { InputField as p } from "../InputField/InputField.js";
 import { Label as c } from "../Label/Label.js";
-import '../../assets/ModalDialog.css';const T = {
+const F = {
   title: "Molecules/ModalDialog",
   component: l,
   argTypes: {
@@ -37,9 +38,9 @@ import '../../assets/ModalDialog.css';const T = {
       }
     }
   }
-}, i = (n) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(l, { ...n, children: /* @__PURE__ */ t(s, { outerSpace: !0, children: [
+}, i = (n) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(l, { ...n, children: /* @__PURE__ */ a(m, { outerSpace: !0, children: [
   /* @__PURE__ */ e(c, { htmlFor: "text-field", children: "Example Text Field" }),
-  /* @__PURE__ */ e(m, { id: "text-field" })
+  /* @__PURE__ */ e(p, { id: "text-field" })
 ] }) }) }), r = {
   padded: !1,
   slim: !1,
@@ -52,24 +53,24 @@ import '../../assets/ModalDialog.css';const T = {
   noValidate: !1,
   onSubmit: o(),
   onClose: o(),
-  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" })
+  buttons: /* @__PURE__ */ a(s, { reversed: !0, children: [
+    /* @__PURE__ */ e(t, { variant: "primary", onClick: o(), children: "OK" }),
+    /* @__PURE__ */ e(t, { variant: "secondary", onClick: o(), children: "Cancel" })
   ] }),
   isOpen: !0
-}, p = i.bind({});
-p.args = {
+}, u = i.bind({});
+u.args = {
   ...r
 };
-const u = i.bind({});
-u.args = {
+const f = i.bind({});
+f.args = {
   ...r,
   isLoading: !0,
   spinnerAriaValueText: "Loading"
 };
 export {
-  u as Loading,
-  p as ModalDialogExample,
-  T as default
+  f as Loading,
+  u as ModalDialogExample,
+  F 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 { 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;"}
+{"version":3,"file":"ModalDialog.stories.js","sources":["../../../src/components/ModalDialog/ModalDialog.stories.tsx"],"sourcesContent":["import { ModalProvider } from '@react-aria/overlays';\nimport { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ModalDialogProps } from './ModalDialog';\n\nimport { ModalDialog } from './ModalDialog';\n\nimport { Button } from 'components/Button';\nimport { ButtonGroup } from 'components/ButtonGroup';\nimport { FormField } from 'components/FormField';\nimport { InputField } from 'components/InputField';\nimport { Label } from 'components/Label';\n\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    <ButtonGroup reversed>\n      <Button variant=\"primary\" onClick={fn()}>\n        OK\n      </Button>\n      <Button variant=\"secondary\" onClick={fn()}>\n        Cancel\n      </Button>\n    </ButtonGroup>\n  ),\n  isOpen: true,\n};\n\nexport const ModalDialogExample = Template.bind({});\nModalDialogExample.args = {\n  ...defaultArgs,\n};\n\nexport const Loading = Template.bind({});\nLoading.args = {\n  ...defaultArgs,\n  isLoading: true,\n  spinnerAriaValueText: 'Loading',\n};\n"],"names":["ModalDialog_stories","ModalDialog","Template","args","jsx","ModalProvider","jsxs","FormField","Label","InputField","defaultArgs","fn","ButtonGroup","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,EAACM,GAAY,EAAA,UAAQ,IACnB,UAAA;AAAA,IAAA,gBAAAR,EAACS,KAAO,SAAQ,WAAU,SAASF,KAAM,UAEzC,MAAA;AAAA,sBACCE,GAAO,EAAA,SAAQ,aAAY,SAASF,KAAM,UAE3C,UAAA;AAAA,EAAA,GACF;AAAA,EAEF,QAAQ;AACV,GAEaG,IAAqBZ,EAAS,KAAK,EAAE;AAClDY,EAAmB,OAAO;AAAA,EACxB,GAAGJ;AACL;AAEO,MAAMK,IAAUb,EAAS,KAAK,EAAE;AACvCa,EAAQ,OAAO;AAAA,EACb,GAAGL;AAAA,EACH,WAAW;AAAA,EACX,sBAAsB;AACxB;"}

package/dist/components/ModalDialog/index.js

@@ -1,4 +1,4 @@
-import { M as l } from "../../ModalDialog-yEr_JLht.js";
+import { M as l } from "../../ModalDialog-B1c9QYLZ.js";
 export {
   l as ModalDialog
 };

package/dist/components/index.d.ts

@@ -2,7 +2,9 @@ export * from './Accordion';
 export * from './AppStatusBar';
 export * from './Backdrop';
 export * from './Button';
+export * from './ButtonGroup';
 export * from './Card';
+export * from './Checkbox';
 export * from './FieldHint';
 export * from './FormField';
 export * from './Icon';

package/dist/components/index.js

@@ -1,50 +1,54 @@
 import { Accordion as t } from "./Accordion/Accordion.js";
 import { AppStatusBar as p } from "./AppStatusBar/AppStatusBar.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 { 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";
+import { Backdrop as x } from "./Backdrop/Backdrop.js";
+import { Button as n } from "./Button/Button.js";
+import { ButtonGroup as a } from "./ButtonGroup/ButtonGroup.js";
+import { Card as c } from "./Card/Card.js";
+import { Checkbox as d } from "./Checkbox/Checkbox.js";
+import { FieldHint as B } from "./FieldHint/FieldHint.js";
+import { FormField as S } from "./FormField/FormField.js";
+import { Icon as F } from "./Icon/Icon.js";
+import { IconButton as b } from "./IconButton/IconButton.js";
+import { InfoMessage as C } from "./InfoMessage/InfoMessage.js";
+import { Input as v } from "./Input/Input.js";
+import { InputField as D } from "./InputField/InputField.js";
+import { Label as y } from "./Label/Label.js";
+import { M as H } from "../MenuLink-CLEqkVVh.js";
+import { MetaDataList as O } from "./MetaDataList/MetaDataList.js";
+import { M as R } from "../ModalDialog-B1c9QYLZ.js";
+import { OverlayCloseButton as j } from "./OverlayCloseButton/OverlayCloseButton.js";
+import { RadioButton as w } from "./RadioButton/RadioButton.js";
+import { SectionNotification as E } from "./SectionNotification/SectionNotification.js";
+import { SelectListbox as K } from "./SelectListbox/SelectListbox.js";
+import { SelectProvider as U, useSelect as V } from "./SelectListbox/SelectProvider.js";
+import { Spinner as X } from "./Spinner/Spinner.js";
+import { Tooltip as Z } from "./Tooltip/Tooltip.js";
 export {
   t as Accordion,
   p as AppStatusBar,
-  m as Backdrop,
-  i as Button,
-  a as Card,
-  c as FieldHint,
-  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
+  x as Backdrop,
+  n as Button,
+  a as ButtonGroup,
+  c as Card,
+  d as Checkbox,
+  B as FieldHint,
+  S as FormField,
+  F as Icon,
+  b as IconButton,
+  C as InfoMessage,
+  v as Input,
+  D as InputField,
+  y as Label,
+  H as MenuLink,
+  O as MetaDataList,
+  R as ModalDialog,
+  j as OverlayCloseButton,
+  w as RadioButton,
+  E as SectionNotification,
+  K as SelectListbox,
+  U as SelectProvider,
+  X as Spinner,
+  Z as Tooltip,
+  V 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,50 +1,54 @@
 import { Accordion as t } from "./components/Accordion/Accordion.js";
 import { AppStatusBar as p } from "./components/AppStatusBar/AppStatusBar.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 { 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";
+import { Backdrop as x } from "./components/Backdrop/Backdrop.js";
+import { Button as n } from "./components/Button/Button.js";
+import { ButtonGroup as a } from "./components/ButtonGroup/ButtonGroup.js";
+import { Card as c } from "./components/Card/Card.js";
+import { Checkbox as d } from "./components/Checkbox/Checkbox.js";
+import { FieldHint as B } from "./components/FieldHint/FieldHint.js";
+import { FormField as S } from "./components/FormField/FormField.js";
+import { Icon as F } from "./components/Icon/Icon.js";
+import { IconButton as b } from "./components/IconButton/IconButton.js";
+import { InfoMessage as C } from "./components/InfoMessage/InfoMessage.js";
+import { Input as v } from "./components/Input/Input.js";
+import { InputField as D } from "./components/InputField/InputField.js";
+import { Label as y } from "./components/Label/Label.js";
+import { M as H } from "./MenuLink-CLEqkVVh.js";
+import { MetaDataList as O } from "./components/MetaDataList/MetaDataList.js";
+import { M as R } from "./ModalDialog-B1c9QYLZ.js";
+import { OverlayCloseButton as j } from "./components/OverlayCloseButton/OverlayCloseButton.js";
+import { RadioButton as w } from "./components/RadioButton/RadioButton.js";
+import { SectionNotification as E } from "./components/SectionNotification/SectionNotification.js";
+import { SelectListbox as K } from "./components/SelectListbox/SelectListbox.js";
+import { SelectProvider as U, useSelect as V } from "./components/SelectListbox/SelectProvider.js";
+import { Spinner as X } from "./components/Spinner/Spinner.js";
+import { Tooltip as Z } from "./components/Tooltip/Tooltip.js";
 export {
   t as Accordion,
   p as AppStatusBar,
-  m as Backdrop,
-  i as Button,
-  a as Card,
-  c as FieldHint,
-  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
+  x as Backdrop,
+  n as Button,
+  a as ButtonGroup,
+  c as Card,
+  d as Checkbox,
+  B as FieldHint,
+  S as FormField,
+  F as Icon,
+  b as IconButton,
+  C as InfoMessage,
+  v as Input,
+  D as InputField,
+  y as Label,
+  H as MenuLink,
+  O as MetaDataList,
+  R as ModalDialog,
+  j as OverlayCloseButton,
+  w as RadioButton,
+  E as SectionNotification,
+  K as SelectListbox,
+  U as SelectProvider,
+  X as Spinner,
+  Z as Tooltip,
+  V 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.22.1",
+  "version": "1.24.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -55,7 +55,7 @@
     "@storybook/react": "^8.1.5",
     "@storybook/react-vite": "^8.1.5",
     "@storybook/test": "^8.1.5",
-    "@types/node": "^20.12.13",
+    "@types/node": "^20.14.0",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@typescript-eslint/eslint-plugin": "^7.11.0",
@@ -80,7 +80,7 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-router-dom": "^6.23.1",
-    "semantic-release": "^23.1.1",
+    "semantic-release": "^24.0.0",
     "storybook": "^8.1.5",
     "style-dictionary": "^3.9.2",
     "stylelint": "^16.6.1",

package/dist/assets/ModalDialog2.css

@@ -1 +0,0 @@
-._modal-dialog_14t7m_1{--modal-dialog-padding: 1.5rem;--modal-dialog-padding-mobile: 1.25rem;background:var(--color-white);box-shadow:0 2px 2px #0000000f,0 4px 3px #00000012;display:flex;flex-direction:column;height:100dvh;position:relative;width:100vw}._modal-dialog--padded_14t7m_18{padding:0}._modal-dialog__content_14t7m_22{display:flex;flex-direction:column;height:100svh;justify-content:space-between;overflow:auto;padding:0 var(--modal-dialog-padding-mobile);width:100%}._modal-dialog__children_14t7m_32{padding-bottom:var(--modal-dialog-padding-mobile)}._modal-dialog__title_14t7m_36{font-size:var(--font-size-m);line-height:var(--line-height-m);margin:0 var(--modal-dialog-padding-mobile) 0 0;padding:var(--modal-dialog-padding-mobile)}._modal-dialog--confirm_14t7m_43{padding:var(--modal-dialog-padding-mobile) 0 0}._modal-dialog__buttons_14t7m_47{background-color:var(--color-white);bottom:0;display:flex;flex-direction:column;gap:.75rem;justify-content:flex-start;margin:0 calc(-1 * var(--modal-dialog-padding-mobile));padding:var(--modal-dialog-padding-mobile);position:sticky;right:0}._modal-dialog--buttons-border_14t7m_60{border-top:1px solid var(--color-pattens-blue)}._modal-dialog__close_14t7m_64{position:absolute;right:var(--modal-dialog-padding-mobile);top:var(--modal-dialog-padding-mobile)}@media (min-width: 28rem) and (min-height: 28rem){._modal-dialog_14t7m_1{height:unset;max-height:100svh;max-width:100vw;width:30rem}._modal-dialog--padded_14t7m_18{width:34.25rem}._modal-dialog--slim_14t7m_82{width:27.5rem}._modal-dialog--wide_14t7m_86{width:36rem}._modal-dialog__title_14t7m_36{margin-right:var(--modal-dialog-padding);padding:var(--modal-dialog-padding)}._modal-dialog__content_14t7m_22{height:unset;padding:0 var(--modal-dialog-padding)}._modal-dialog--content-with-buttons_14t7m_100{margin-bottom:6.25rem}._modal-dialog__children_14t7m_32{padding-bottom:var(--modal-dialog-padding)}._modal-dialog--confirm_14t7m_43{padding:var(--modal-dialog-padding) 0 0}._modal-dialog__buttons_14t7m_47{margin:unset;padding:var(--modal-dialog-padding);position:absolute;width:inherit}._modal-dialog__close_14t7m_64{position:absolute;right:var(--modal-dialog-padding);top:var(--modal-dialog-padding)}}