@uva-glass/component-library 1.19.0 → 1.21.0

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

@@ -0,0 +1,6 @@
+import { AccordionProps } from './Accordion';
+
+declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, AccordionProps>;
+export default _default;
+export declare const AccordionExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, AccordionProps>;
+export declare const WithComplexProps: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, AccordionProps>;

package/dist/components/Accordion/Accordion.stories.js

@@ -0,0 +1,30 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Accordion as e } from "./Accordion.js";
+import { Container as i } from "../storyComponents/Container/Container.js";
+const p = {
+  title: "Atoms/Accordion",
+  component: e,
+  argTypes: {
+    expanded: {
+      // Hide the expanded prop. Changing the value in Storybook doesn't update the state of the component.
+      table: {
+        disable: !0
+      }
+    }
+  }
+}, o = (n) => /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(e, { ...n }) }), l = o.bind({});
+l.args = {
+  title: "Example title",
+  content: "Example content"
+};
+const c = o.bind({});
+c.args = {
+  title: /* @__PURE__ */ t("div", { style: { fontWeight: "bold" }, children: "Complex sample title" }),
+  content: /* @__PURE__ */ t("div", { style: { fontStyle: "italic" }, children: "Complex sample content" })
+};
+export {
+  l as AccordionExample,
+  c as WithComplexProps,
+  p as default
+};
+//# sourceMappingURL=Accordion.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.stories.js","sources":["../../../src/components/Accordion/Accordion.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { AccordionProps } from './Accordion';\n\nimport { Accordion } from './Accordion';\n\nimport { Container } from 'components/storyComponents/Container';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Accordion',\n  component: Accordion,\n  argTypes: {\n    expanded: {\n      // Hide the expanded prop. Changing the value in Storybook doesn't update the state of the component.\n      table: {\n        disable: true,\n      },\n    },\n  },\n} as Meta<AccordionProps>;\n\nconst Template: StoryFn<AccordionProps> = (args) => (\n  <Container>\n    <Accordion {...args} />\n  </Container>\n);\n\nexport const AccordionExample = Template.bind({});\nAccordionExample.args = {\n  title: 'Example title',\n  content: 'Example content',\n};\n\nexport const WithComplexProps = Template.bind({});\nWithComplexProps.args = {\n  title: <div style={{ fontWeight: 'bold' }}>Complex sample title</div>,\n  content: <div style={{ fontStyle: 'italic' }}>Complex sample content</div>,\n};\n"],"names":["Accordion_stories","Accordion","Template","args","jsx","Container","AccordionExample","WithComplexProps"],"mappings":";;;AAQA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,UAAU;AAAA;AAAA,MAER,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,GAEMC,IAAoC,CAACC,MACzC,gBAAAC,EAACC,KACC,UAAC,gBAAAD,EAAAH,GAAA,EAAW,GAAGE,EAAM,CAAA,EACvB,CAAA,GAGWG,IAAmBJ,EAAS,KAAK,EAAE;AAChDI,EAAiB,OAAO;AAAA,EACtB,OAAO;AAAA,EACP,SAAS;AACX;AAEO,MAAMC,IAAmBL,EAAS,KAAK,EAAE;AAChDK,EAAiB,OAAO;AAAA,EACtB,yBAAQ,OAAI,EAAA,OAAO,EAAE,YAAY,UAAU,UAAoB,wBAAA;AAAA,EAC/D,2BAAU,OAAI,EAAA,OAAO,EAAE,WAAW,YAAY,UAAsB,0BAAA;AACtE;"}

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

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

package/dist/components/Accordion/index.js

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

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

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

package/dist/components/Button/Button.stories.js

@@ -1,5 +1,5 @@
 import { jsxs as o, Fragment as s, jsx as t } from "react/jsx-runtime";
-import { f as l } from "../../index-Ce_VqA9S.js";
+import { f as l } from "../../index-DFUrxrKJ.js";
 import { Button as e } from "./Button.js";
 const u = {
   title: "Atoms/Button",

package/dist/components/IconButton/IconButton.stories.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { f as a } from "../../index-Ce_VqA9S.js";
+import { f as a } from "../../index-DFUrxrKJ.js";
 import { IconButton as e } from "./IconButton.js";
 import { Icon as l } from "../Icon/Icon.js";
 const m = {

package/dist/components/MenuLink/MenuLink.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../clsx-DB4S2d7J.js";
-import { M as p } from "../../MenuLink-DDAin3rf.js";
+import { M as p } from "../../MenuLink-CLEqkVVh.js";
 export {
   p as MenuLink
 };

package/dist/components/MenuLink/MenuLink.stories.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { M as i, a as o } from "../../MenuLink-DDAin3rf.js";
+import { M as i, a as o } from "../../MenuLink-CLEqkVVh.js";
 import '../../assets/MenuLink.css';const l = {
   title: "Atoms/MenuLink",
   component: i

package/dist/components/MenuLink/index.js

@@ -1,4 +1,4 @@
-import { M as o } from "../../MenuLink-DDAin3rf.js";
+import { M as o } from "../../MenuLink-CLEqkVVh.js";
 export {
   o as MenuLink
 };

package/dist/components/ModalDialog/ModalDialog.d.ts

@@ -0,0 +1,24 @@
+import { AriaDialogProps } from '@react-types/dialog';
+import { FormHTMLAttributes, PropsWithChildren, ReactNode } from 'react';
+
+export interface ModalDialogProps {
+    buttons?: ReactNode;
+    isDismissable?: boolean;
+    isKeyboardDismissDisabled?: boolean;
+    isLoading?: boolean;
+    spinnerAriaValueText?: string;
+    closeButtonAriaValueText?: string;
+    isOpen: boolean;
+    noValidate?: boolean;
+    onClose?(): void;
+    onSubmit?: FormHTMLAttributes<HTMLFormElement>['onSubmit'];
+    role?: AriaDialogProps['role'];
+    title?: string;
+    headerContent?: ReactNode;
+    variant?: 'confirm' | 'dialog';
+    padded?: boolean;
+    slim?: boolean;
+    wide?: boolean;
+    noButtonBorder?: boolean;
+}
+export declare function ModalDialog(props: PropsWithChildren<ModalDialogProps>): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/ModalDialog/ModalDialog.js

@@ -0,0 +1,11 @@
+import "react/jsx-runtime";
+import { M } from "../../ModalDialog-yEr_JLht.js";
+import "../../clsx-DB4S2d7J.js";
+import "react";
+import "../Backdrop/Backdrop.js";
+import "../OverlayCloseButton/OverlayCloseButton.js";
+import "../Spinner/Spinner.js";
+export {
+  M as ModalDialog
+};
+//# sourceMappingURL=ModalDialog.js.map

package/dist/components/ModalDialog/ModalDialog.js.map

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

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

@@ -0,0 +1,6 @@
+import { ModalDialogProps } from './ModalDialog';
+
+declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, ModalDialogProps>;
+export default _default;
+export declare const ModalDialogExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ModalDialogProps>;
+export declare const Loading: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ModalDialogProps>;

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

@@ -0,0 +1,74 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { M as t, $ 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 { Label as c } from "../Label/Label.js";
+import '../../assets/ModalDialog.css';const v = {
+  title: "Molecules/ModalDialog",
+  component: t,
+  argTypes: {
+    isOpen: {
+      table: {
+        disable: !0
+      }
+    },
+    noValidate: {
+      control: "boolean"
+    },
+    role: {
+      control: "radio",
+      options: ["dialog", "alertdialog"]
+    },
+    onSubmit: {
+      table: {
+        disable: !0
+      }
+    },
+    onClose: {
+      table: {
+        disable: !0
+      }
+    },
+    buttons: {
+      table: {
+        disable: !0
+      }
+    }
+  }
+}, i = (n) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(t, { ...n, children: /* @__PURE__ */ l("div", { className: "form-field form-field--outerspace", children: [
+  /* @__PURE__ */ e(c, { htmlFor: "text-field", children: "Example Text Field" }),
+  /* @__PURE__ */ e(s, { id: "text-field" })
+] }) }) }), r = {
+  padded: !1,
+  slim: !1,
+  wide: !1,
+  noButtonBorder: !1,
+  variant: "dialog",
+  role: "dialog",
+  title: "Example Title",
+  closeButtonAriaValueText: "Close",
+  noValidate: !1,
+  onSubmit: o(),
+  onClose: o(),
+  buttons: /* @__PURE__ */ l("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 = {
+  ...r
+};
+const p = i.bind({});
+p.args = {
+  ...r,
+  isLoading: !0,
+  spinnerAriaValueText: "Loading"
+};
+export {
+  p as Loading,
+  m as ModalDialogExample,
+  v as default
+};
+//# sourceMappingURL=ModalDialog.stories.js.map

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

@@ -0,0 +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;"}

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

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

package/dist/components/ModalDialog/index.js

@@ -0,0 +1,5 @@
+import { M as l } from "../../ModalDialog-yEr_JLht.js";
+export {
+  l as ModalDialog
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/OverlayCloseButton/OverlayCloseButton.stories.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { f as l } from "../../index-Ce_VqA9S.js";
+import { f as l } from "../../index-DFUrxrKJ.js";
 import { OverlayCloseButton as e } from "./OverlayCloseButton.js";
 import { Container as a } from "../storyComponents/Container/Container.js";
 const p = {
@@ -13,14 +13,14 @@ const p = {
       control: "text"
     }
   }
-}, r = (t) => /* @__PURE__ */ o(a, { size: "small", children: /* @__PURE__ */ o(e, { ...t }) }), n = r.bind({});
-n.args = {
+}, r = (t) => /* @__PURE__ */ o(a, { size: "small", padded: !1, children: /* @__PURE__ */ o(e, { ...t }) }), s = r.bind({});
+s.args = {
   paddedModal: !1,
   "aria-label": "Close",
   onClick: l()
 };
 export {
-  n as OverlayCloseButtonExample,
+  s as OverlayCloseButtonExample,
   p as default
 };
 //# sourceMappingURL=OverlayCloseButton.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OverlayCloseButton.stories.js","sources":["../../../src/components/OverlayCloseButton/OverlayCloseButton.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { OverlayCloseButtonProps } from './OverlayCloseButton';\n\nimport { OverlayCloseButton } from './OverlayCloseButton';\n\nimport { Container } from 'components/storyComponents/Container/';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/OverlayCloseButton',\n  component: OverlayCloseButton,\n  argTypes: {\n    paddedModal: {\n      control: 'boolean',\n    },\n    'aria-label': {\n      control: 'text',\n    },\n  },\n} as Meta<OverlayCloseButtonProps>;\n\nconst Template: StoryFn<OverlayCloseButtonProps> = (args) => {\n  return (\n    <Container size=\"small\">\n      <OverlayCloseButton {...args} />\n    </Container>\n  );\n};\n\nexport const OverlayCloseButtonExample = Template.bind({});\nOverlayCloseButtonExample.args = {\n  paddedModal: false,\n  'aria-label': 'Close',\n  onClick: fn(),\n};\n"],"names":["OverlayCloseButton_stories","OverlayCloseButton","Template","args","jsx","Container","OverlayCloseButtonExample","fn"],"mappings":";;;;AAUA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,aAAa;AAAA,MACX,SAAS;AAAA,IACX;AAAA,IACA,cAAc;AAAA,MACZ,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAEMC,IAA6C,CAACC,MAEhD,gBAAAC,EAACC,KAAU,MAAK,SACd,4BAACJ,GAAoB,EAAA,GAAGE,EAAM,CAAA,EAChC,CAAA,GAISG,IAA4BJ,EAAS,KAAK,EAAE;AACzDI,EAA0B,OAAO;AAAA,EAC/B,aAAa;AAAA,EACb,cAAc;AAAA,EACd,SAASC,EAAG;AACd;"}
+{"version":3,"file":"OverlayCloseButton.stories.js","sources":["../../../src/components/OverlayCloseButton/OverlayCloseButton.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { OverlayCloseButtonProps } from './OverlayCloseButton';\n\nimport { OverlayCloseButton } from './OverlayCloseButton';\n\nimport { Container } from 'components/storyComponents/Container/';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/OverlayCloseButton',\n  component: OverlayCloseButton,\n  argTypes: {\n    paddedModal: {\n      control: 'boolean',\n    },\n    'aria-label': {\n      control: 'text',\n    },\n  },\n} as Meta<OverlayCloseButtonProps>;\n\nconst Template: StoryFn<OverlayCloseButtonProps> = (args) => {\n  return (\n    <Container size=\"small\" padded={false}>\n      <OverlayCloseButton {...args} />\n    </Container>\n  );\n};\n\nexport const OverlayCloseButtonExample = Template.bind({});\nOverlayCloseButtonExample.args = {\n  paddedModal: false,\n  'aria-label': 'Close',\n  onClick: fn(),\n};\n"],"names":["OverlayCloseButton_stories","OverlayCloseButton","Template","args","jsx","Container","OverlayCloseButtonExample","fn"],"mappings":";;;;AAUA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,aAAa;AAAA,MACX,SAAS;AAAA,IACX;AAAA,IACA,cAAc;AAAA,MACZ,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAEMC,IAA6C,CAACC,MAEhD,gBAAAC,EAACC,GAAU,EAAA,MAAK,SAAQ,QAAQ,IAC9B,UAAC,gBAAAD,EAAAH,GAAA,EAAoB,GAAGE,EAAM,CAAA,EAChC,CAAA,GAISG,IAA4BJ,EAAS,KAAK,EAAE;AACzDI,EAA0B,OAAO;AAAA,EAC/B,aAAa;AAAA,EACb,cAAc;AAAA,EACd,SAASC,EAAG;AACd;"}