@uva-glass/component-library 1.11.0 → 1.13.0

package/dist/assets/InputField.css

@@ -1 +1 @@
-.form{width:20%}.form-field{display:flex;flex-direction:column;gap:.5rem 1rem}
+._input-field_16tae_1{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid;border-radius:.5rem;color:var(--color-black);font-family:inherit;font-size:inherit;height:2.75rem;margin:0;padding:0 .5rem;text-align:inherit}._input-field--large_16tae_15{height:3rem}._input-field_16tae_1:disabled{color:var(--color-scarpa-flow)}

package/dist/assets/InputField2.css

@@ -1 +1 @@
-._input-field_16tae_1{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid;border-radius:.5rem;color:var(--color-black);font-family:inherit;font-size:inherit;height:2.75rem;margin:0;padding:0 .5rem;text-align:inherit}._input-field--large_16tae_15{height:3rem}._input-field_16tae_1:disabled{color:var(--color-scarpa-flow)}
+.form{width:20%}.form-field{display:flex;flex-direction:column;gap:.5rem 1rem}

package/dist/assets/OverlayCloseButton.css

@@ -0,0 +1 @@
+.btn-container{height:100px;position:relative;width:100px}

package/dist/assets/OverlayCloseButton2.css

@@ -0,0 +1 @@
+._overlay-close-button_1uqum_1{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:.25rem;color:var(--color-black);display:inline-flex;height:1.5rem;justify-content:center;position:absolute;right:.125rem;top:.125rem;transition:var(--transition-colors);width:1.5rem}._overlay-close-button_1uqum_1:focus-visible{outline:.125rem dotted var(--color-cobalt);outline-offset:.125rem}._overlay-close-button_1uqum_1:hover{background-color:var(--color-lavender);cursor:pointer;outline:0}._overlay-close-button_1uqum_1:after{bottom:-.625rem;content:" ";left:-.625rem;position:absolute;right:-.625rem;top:-.625rem}@media (min-width: 28rem) and (min-height: 28rem){._overlay-close-button--padded_1uqum_39{right:1rem;top:1rem}}

package/dist/assets/Spinner.css

@@ -1 +1 @@
-@keyframes _spin_132ki_11{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._spinner_132ki_11{height:2rem;width:2rem}._spinner_132ki_11:after{border:.25rem solid hsl(0deg 0% 0% / 10%);border-radius:50%;content:" ";display:block;height:100%;transform-origin:50% 50%;width:100%}@media (prefers-reduced-motion: no-preference){._spinner_132ki_11:after{animation:_spin_132ki_11 1s cubic-bezier(.455,.03,.515,.955) infinite;border-left-color:var(--color-black)}}._spinner-container--centered_132ki_33{align-items:center;display:flex;justify-content:center;padding:2rem}._spinner-container--full-screen_132ki_40{height:100vh;width:100vw}
+@keyframes _spin_1m6bj_11{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._spinner_1m6bj_11{height:2rem;width:2rem}._spinner_1m6bj_11:after{border:.25rem solid hsl(0deg 0% 0% / 10%);border-radius:50%;content:" ";display:block;height:100%;transform-origin:50% 50%;width:100%}@media (prefers-reduced-motion: no-preference){._spinner_1m6bj_11:after{animation:_spin_1m6bj_11 1s cubic-bezier(.455,.03,.515,.955) infinite;border-left-color:var(--color-black)}}

package/dist/components/InputField/InputField.js

@@ -2,7 +2,7 @@ import { jsxs as m, Fragment as s, jsx as r } from "react/jsx-runtime";
 import { forwardRef as u } from "react";
 import { c } from "../../clsx-DB4S2d7J.js";
 import { FieldHint as _ } from "./components/FieldHint.js";
-import '../../assets/InputField2.css';const i = {
+import '../../assets/InputField.css';const i = {
   "input-field": "_input-field_16tae_1",
   "input-field--large": "_input-field--large_16tae_15"
 }, v = u(

package/dist/components/InputField/InputField.stories.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { InputField as e } from "./InputField.js";
-import '../../assets/InputField.css';const r = (t) => {
+import '../../assets/InputField2.css';const r = (t) => {
   const a = t.variant ?? [];
   return { ...t, variant: a.toString() };
 }, m = {

package/dist/components/OverlayCloseButton/OverlayCloseButton.d.ts

@@ -0,0 +1,7 @@
+import { ButtonHTMLAttributes } from 'react';
+
+export interface OverlayCloseButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'style'> {
+    'aria-label': string;
+    paddedModal?: boolean;
+}
+export declare const OverlayCloseButton: import('react').ForwardRefExoticComponent<OverlayCloseButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/OverlayCloseButton/OverlayCloseButton.js

@@ -0,0 +1,25 @@
+import { jsx as o } from "react/jsx-runtime";
+import { c as l } from "../../clsx-DB4S2d7J.js";
+import { forwardRef as a } from "react";
+import { Icon as n } from "../Icon/Icon.js";
+import '../../assets/OverlayCloseButton2.css';const t = {
+  "overlay-close-button": "_overlay-close-button_1uqum_1",
+  "overlay-close-button--padded": "_overlay-close-button--padded_1uqum_39"
+}, p = a(
+  ({ paddedModal: e, ...r }, s) => /* @__PURE__ */ o(
+    "button",
+    {
+      ...r,
+      type: "button",
+      ref: s,
+      className: l(t["overlay-close-button"], {
+        [t["overlay-close-button--padded"]]: e
+      }),
+      children: /* @__PURE__ */ o(n, { name: "Cross", size: 24 })
+    }
+  )
+);
+export {
+  p as OverlayCloseButton
+};
+//# sourceMappingURL=OverlayCloseButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayCloseButton.js","sources":["../../../src/components/OverlayCloseButton/OverlayCloseButton.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { forwardRef } from 'react';\n\nimport type { ButtonHTMLAttributes } from 'react';\n\nimport styles from './OverlayCloseButton.module.css';\n\nimport { Icon } from 'components/Icon';\n\nexport interface OverlayCloseButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'style'> {\n  'aria-label': string; // mandatory\n  paddedModal?: boolean;\n}\n\nexport const OverlayCloseButton = forwardRef<HTMLButtonElement, OverlayCloseButtonProps>(\n  ({ paddedModal, ...restProps }, forwardedRef) => (\n    <button\n      {...restProps}\n      type=\"button\"\n      ref={forwardedRef}\n      className={clsx(styles['overlay-close-button'], {\n        [styles['overlay-close-button--padded']]: paddedModal,\n      })}\n    >\n      <Icon name=\"Cross\" size={24} />\n    </button>\n  )\n);\n"],"names":["OverlayCloseButton","forwardRef","paddedModal","restProps","forwardedRef","jsx","clsx","styles","Icon"],"mappings":";;;;;;;GAcaA,IAAqBC;AAAA,EAChC,CAAC,EAAE,aAAAC,GAAa,GAAGC,KAAaC,MAC9B,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,MAAK;AAAA,MACL,KAAKC;AAAA,MACL,WAAWE,EAAKC,EAAO,sBAAsB,GAAG;AAAA,QAC9C,CAACA,EAAO,8BAA8B,CAAC,GAAGL;AAAA,MAAA,CAC3C;AAAA,MAED,UAAC,gBAAAG,EAAAG,GAAA,EAAK,MAAK,SAAQ,MAAM,IAAI;AAAA,IAAA;AAAA,EAC/B;AAEJ;"}

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

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

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

@@ -0,0 +1,25 @@
+import { jsx as o } from "react/jsx-runtime";
+import { f as a } from "../../index-Ca2Q7D5u.js";
+import { OverlayCloseButton as e } from "./OverlayCloseButton.js";
+import '../../assets/OverlayCloseButton.css';const i = {
+  title: "Atoms/OverlayCloseButton",
+  component: e,
+  argTypes: {
+    paddedModal: {
+      control: "boolean"
+    },
+    "aria-label": {
+      control: "text"
+    }
+  }
+}, l = (t) => /* @__PURE__ */ o("div", { className: "btn-container", children: /* @__PURE__ */ o(e, { ...t }) }), r = l.bind({});
+r.args = {
+  paddedModal: !1,
+  "aria-label": "Close",
+  onClick: a()
+};
+export {
+  r as OverlayCloseButtonExample,
+  i as default
+};
+//# sourceMappingURL=OverlayCloseButton.stories.js.map

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

@@ -0,0 +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 './OverlayCloseButton.stories.css';\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    <div className=\"btn-container\">\n      <OverlayCloseButton {...args} />\n    </div>\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","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,EAAC,SAAI,WAAU,iBACb,4BAACH,GAAoB,EAAA,GAAGE,EAAM,CAAA,EAChC,CAAA,GAISE,IAA4BH,EAAS,KAAK,EAAE;AACzDG,EAA0B,OAAO;AAAA,EAC/B,aAAa;AAAA,EACb,cAAc;AAAA,EACd,SAASC,EAAG;AACd;"}

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

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

package/dist/components/OverlayCloseButton/index.js

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

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

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

package/dist/components/Spinner/Spinner.d.ts

@@ -2,7 +2,5 @@ export interface SpinnerProps {
     ariaValueText: string;
     /** Delay in milliseconds after which the spinner becomes visible. The default is 250. */
     showAfterMs?: number;
-    centered?: boolean;
-    fullScreen?: boolean;
 }
-export declare const Spinner: ({ ariaValueText, centered, fullScreen, showAfterMs }: SpinnerProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Spinner: ({ ariaValueText, showAfterMs }: SpinnerProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Spinner/Spinner.js

@@ -1,34 +1,22 @@
-import { jsx as r } from "react/jsx-runtime";
-import { c as l } from "../../clsx-DB4S2d7J.js";
-import { useState as p, useEffect as u } from "react";
-import '../../assets/Spinner.css';const _ = "_spinner_132ki_11", m = "_spin_132ki_11", n = {
-  spinner: _,
-  spin: m,
-  "spinner-container--centered": "_spinner-container--centered_132ki_33",
-  "spinner-container--full-screen": "_spinner-container--full-screen_132ki_40"
-}, f = 250, v = ({ ariaValueText: i, centered: s, fullScreen: t, showAfterMs: e = f }) => {
-  const [c, o] = p(() => e === 0);
-  return u(() => {
+import { jsx as s } from "react/jsx-runtime";
+import { useState as o, useEffect as p } from "react";
+import '../../assets/Spinner.css';const a = "_spinner_1m6bj_11", l = "_spin_1m6bj_11", u = {
+  spinner: a,
+  spin: l
+}, c = 250, b = ({ ariaValueText: n, showAfterMs: e = c }) => {
+  const [r, t] = o(() => e === 0);
+  return p(() => {
     if (e === 0)
       return;
-    const a = window.setTimeout(() => {
-      o(!0);
+    const i = window.setTimeout(() => {
+      t(!0);
     }, e);
     return () => {
-      window.clearTimeout(a);
+      window.clearTimeout(i);
     };
-  }), c ? /* @__PURE__ */ r(
-    "div",
-    {
-      className: l(n["spinner-container"], {
-        [n["spinner-container--centered"]]: s,
-        [n["spinner-container--full-screen"]]: t
-      }),
-      children: /* @__PURE__ */ r("div", { className: n.spinner, role: "progressbar", "aria-label": "Spinner", "aria-valuetext": i })
-    }
-  ) : null;
+  }), r ? /* @__PURE__ */ s("div", { className: u.spinner, role: "progressbar", "aria-label": "Spinner", "aria-valuetext": n }) : null;
 };
 export {
-  v as Spinner
+  b as Spinner
 };
 //# sourceMappingURL=Spinner.js.map

package/dist/components/Spinner/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useEffect, useState } from 'react';\n\nimport styles from './Spinner.module.css';\n\nconst DEFAULT_DELAY_IN_MS = 250;\n\nexport interface SpinnerProps {\n  ariaValueText: string;\n  /** Delay in milliseconds after which the spinner becomes visible. The default is 250. */\n  showAfterMs?: number;\n  centered?: boolean;\n  fullScreen?: boolean;\n}\n\nexport const Spinner = ({ ariaValueText, centered, fullScreen, showAfterMs = DEFAULT_DELAY_IN_MS }: SpinnerProps) => {\n  const [visible, setVisible] = useState(() => (showAfterMs === 0 ? true : false));\n\n  useEffect(() => {\n    if (showAfterMs === 0) {\n      return;\n    }\n    const t = window.setTimeout(() => {\n      setVisible(true);\n    }, showAfterMs);\n\n    return () => {\n      window.clearTimeout(t);\n    };\n  });\n\n  if (!visible) {\n    return null;\n  }\n\n  return (\n    <div\n      className={clsx(styles['spinner-container'], {\n        [styles['spinner-container--centered']]: centered,\n        [styles['spinner-container--full-screen']]: fullScreen,\n      })}\n    >\n      <div className={styles['spinner']} role=\"progressbar\" aria-label=\"Spinner\" aria-valuetext={ariaValueText}></div>\n    </div>\n  );\n};\n"],"names":["DEFAULT_DELAY_IN_MS","Spinner","ariaValueText","centered","fullScreen","showAfterMs","visible","setVisible","useState","useEffect","t","jsx","clsx","styles"],"mappings":";;;;;;;;GAKMA,IAAsB,KAUfC,IAAU,CAAC,EAAE,eAAAC,GAAe,UAAAC,GAAU,YAAAC,GAAY,aAAAC,IAAcL,QAAwC;AAC7G,QAAA,CAACM,GAASC,CAAU,IAAIC,EAAS,MAAOH,MAAgB,CAAiB;AAe/E,SAbAI,EAAU,MAAM;AACd,QAAIJ,MAAgB;AAClB;AAEI,UAAAK,IAAI,OAAO,WAAW,MAAM;AAChC,MAAAH,EAAW,EAAI;AAAA,OACdF,CAAW;AAEd,WAAO,MAAM;AACX,aAAO,aAAaK,CAAC;AAAA,IAAA;AAAA,EACvB,CACD,GAEIJ,IAKH,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKC,EAAO,mBAAmB,GAAG;AAAA,QAC3C,CAACA,EAAO,6BAA6B,CAAC,GAAGV;AAAA,QACzC,CAACU,EAAO,gCAAgC,CAAC,GAAGT;AAAA,MAAA,CAC7C;AAAA,MAED,UAAA,gBAAAO,EAAC,OAAI,EAAA,WAAWE,EAAO,SAAY,MAAK,eAAc,cAAW,WAAU,kBAAgBX,EAAe,CAAA;AAAA,IAAA;AAAA,EAAA,IAVrG;AAaX;"}
+{"version":3,"file":"Spinner.js","sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport styles from './Spinner.module.css';\n\nconst DEFAULT_DELAY_IN_MS = 250;\n\nexport interface SpinnerProps {\n  ariaValueText: string;\n  /** Delay in milliseconds after which the spinner becomes visible. The default is 250. */\n  showAfterMs?: number;\n}\n\nexport const Spinner = ({ ariaValueText, showAfterMs = DEFAULT_DELAY_IN_MS }: SpinnerProps) => {\n  const [visible, setVisible] = useState(() => (showAfterMs === 0 ? true : false));\n\n  useEffect(() => {\n    if (showAfterMs === 0) {\n      return;\n    }\n    const t = window.setTimeout(() => {\n      setVisible(true);\n    }, showAfterMs);\n\n    return () => {\n      window.clearTimeout(t);\n    };\n  });\n\n  if (!visible) {\n    return null;\n  }\n\n  return (\n    <div className={styles['spinner']} role=\"progressbar\" aria-label=\"Spinner\" aria-valuetext={ariaValueText}></div>\n  );\n};\n"],"names":["DEFAULT_DELAY_IN_MS","Spinner","ariaValueText","showAfterMs","visible","setVisible","useState","useEffect","t","jsx","styles"],"mappings":";;;;;GAIMA,IAAsB,KAQfC,IAAU,CAAC,EAAE,eAAAC,GAAe,aAAAC,IAAcH,QAAwC;AACvF,QAAA,CAACI,GAASC,CAAU,IAAIC,EAAS,MAAOH,MAAgB,CAAiB;AAe/E,SAbAI,EAAU,MAAM;AACd,QAAIJ,MAAgB;AAClB;AAEI,UAAAK,IAAI,OAAO,WAAW,MAAM;AAChC,MAAAH,EAAW,EAAI;AAAA,OACdF,CAAW;AAEd,WAAO,MAAM;AACX,aAAO,aAAaK,CAAC;AAAA,IAAA;AAAA,EACvB,CACD,GAEIJ,IAKH,gBAAAK,EAAC,OAAI,EAAA,WAAWC,EAAO,SAAY,MAAK,eAAc,cAAW,WAAU,kBAAgBR,EAAe,CAAA,IAJnG;AAMX;"}

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

@@ -3,5 +3,3 @@ import { SpinnerProps } from './Spinner';
 declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, SpinnerProps>;
 export default _default;
 export declare const SpinnerExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, SpinnerProps>;
-export declare const Centered: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, SpinnerProps>;
-export declare const FullScreen: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, SpinnerProps>;

package/dist/components/Spinner/Spinner.stories.js

@@ -1,41 +1,23 @@
-import { jsx as a } from "react/jsx-runtime";
-import { Spinner as r } from "./Spinner.js";
-const i = {
+import { jsx as r } from "react/jsx-runtime";
+import { Spinner as e } from "./Spinner.js";
+const p = {
   title: "Atoms/Spinner",
-  component: r,
+  component: e,
   argTypes: {
     ariaValueText: {
       control: "text"
     },
-    centered: {
-      control: "boolean"
-    },
-    fullScreen: {
-      control: "boolean"
-    },
     showAfterMs: {
       control: "number"
     }
   }
-}, e = (o) => /* @__PURE__ */ a(r, { ...o }), t = e.bind({});
-t.args = {
+}, o = (t) => /* @__PURE__ */ r(e, { ...t }), n = o.bind({});
+n.args = {
   ariaValueText: "Example value text",
   showAfterMs: 250
 };
-const n = e.bind({});
-n.args = {
-  ...t.args,
-  centered: !0
-};
-const l = e.bind({});
-l.args = {
-  ...n.args,
-  fullScreen: !0
-};
 export {
-  n as Centered,
-  l as FullScreen,
-  t as SpinnerExample,
-  i as default
+  n as SpinnerExample,
+  p as default
 };
 //# sourceMappingURL=Spinner.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.stories.js","sources":["../../../src/components/Spinner/Spinner.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { SpinnerProps } from './Spinner';\n\nimport { Spinner } from './Spinner';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Spinner',\n  component: Spinner,\n  argTypes: {\n    ariaValueText: {\n      control: 'text',\n    },\n    centered: {\n      control: 'boolean',\n    },\n    fullScreen: {\n      control: 'boolean',\n    },\n    showAfterMs: {\n      control: 'number',\n    },\n  },\n} as Meta<SpinnerProps>;\n\nconst Template: StoryFn<SpinnerProps> = (args) => <Spinner {...args} />;\n\nexport const SpinnerExample = Template.bind({});\nSpinnerExample.args = {\n  ariaValueText: 'Example value text',\n  showAfterMs: 250,\n};\n\nexport const Centered = Template.bind({});\nCentered.args = {\n  ...SpinnerExample.args,\n  centered: true,\n};\n\nexport const FullScreen = Template.bind({});\nFullScreen.args = {\n  ...Centered.args,\n  fullScreen: true,\n};\n"],"names":["Spinner_stories","Spinner","Template","args","jsx","SpinnerExample","Centered","FullScreen"],"mappings":";;AAMA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,eAAe;AAAA,MACb,SAAS;AAAA,IACX;AAAA,IACA,UAAU;AAAA,MACR,SAAS;AAAA,IACX;AAAA,IACA,YAAY;AAAA,MACV,SAAS;AAAA,IACX;AAAA,IACA,aAAa;AAAA,MACX,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAEMC,IAAkC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAS,GAAGE,EAAM,CAAA,GAExDE,IAAiBH,EAAS,KAAK,EAAE;AAC9CG,EAAe,OAAO;AAAA,EACpB,eAAe;AAAA,EACf,aAAa;AACf;AAEO,MAAMC,IAAWJ,EAAS,KAAK,EAAE;AACxCI,EAAS,OAAO;AAAA,EACd,GAAGD,EAAe;AAAA,EAClB,UAAU;AACZ;AAEO,MAAME,IAAaL,EAAS,KAAK,EAAE;AAC1CK,EAAW,OAAO;AAAA,EAChB,GAAGD,EAAS;AAAA,EACZ,YAAY;AACd;"}
+{"version":3,"file":"Spinner.stories.js","sources":["../../../src/components/Spinner/Spinner.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { SpinnerProps } from './Spinner';\n\nimport { Spinner } from './Spinner';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Spinner',\n  component: Spinner,\n  argTypes: {\n    ariaValueText: {\n      control: 'text',\n    },\n    showAfterMs: {\n      control: 'number',\n    },\n  },\n} as Meta<SpinnerProps>;\n\nconst Template: StoryFn<SpinnerProps> = (args) => <Spinner {...args} />;\n\nexport const SpinnerExample = Template.bind({});\nSpinnerExample.args = {\n  ariaValueText: 'Example value text',\n  showAfterMs: 250,\n};\n"],"names":["Spinner_stories","Spinner","Template","args","jsx","SpinnerExample"],"mappings":";;AAMA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,eAAe;AAAA,MACb,SAAS;AAAA,IACX;AAAA,IACA,aAAa;AAAA,MACX,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAEMC,IAAkC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAS,GAAGE,EAAM,CAAA,GAExDE,IAAiBH,EAAS,KAAK,EAAE;AAC9CG,EAAe,OAAO;AAAA,EACpB,eAAe;AAAA,EACf,aAAa;AACf;"}

package/dist/components/index.d.ts

@@ -7,6 +7,7 @@ export * from './InfoMessage';
 export * from './Input';
 export * from './InputField';
 export * from './Label';
+export * from './OverlayCloseButton';
 export * from './RadioButton';
 export * from './SectionNotification';
 export * from './SelectListbox';

package/dist/components/index.js

@@ -3,14 +3,15 @@ import { Button as p } from "./Button/Button.js";
 import { Card as x } from "./Card/Card.js";
 import { Icon as n } from "./Icon/Icon.js";
 import { IconButton as a } from "./IconButton/IconButton.js";
-import { InfoMessage as u } from "./InfoMessage/InfoMessage.js";
-import { Input as l } from "./Input/Input.js";
-import { InputField as I } from "./InputField/InputField.js";
-import { Label as B } from "./Label/Label.js";
+import { InfoMessage as c } from "./InfoMessage/InfoMessage.js";
+import { Input as s } from "./Input/Input.js";
+import { InputField as B } from "./InputField/InputField.js";
+import { Label as d } from "./Label/Label.js";
+import { OverlayCloseButton as v } from "./OverlayCloseButton/OverlayCloseButton.js";
 import { RadioButton as L } from "./RadioButton/RadioButton.js";
-import { SectionNotification as v } from "./SectionNotification/SectionNotification.js";
-import { SelectListbox as C } from "./SelectListbox/SelectListbox.js";
-import { SelectProvider as M, useSelect as N } from "./SelectListbox/SelectProvider.js";
+import { SectionNotification as y } from "./SectionNotification/SectionNotification.js";
+import { SelectListbox as F } from "./SelectListbox/SelectListbox.js";
+import { SelectProvider as N, useSelect as O } from "./SelectListbox/SelectProvider.js";
 import { Spinner as R } from "./Spinner/Spinner.js";
 export {
   t as AppStatusBar,
@@ -18,15 +19,16 @@ export {
   x as Card,
   n as Icon,
   a as IconButton,
-  u as InfoMessage,
-  l as Input,
-  I as InputField,
-  B as Label,
+  c as InfoMessage,
+  s as Input,
+  B as InputField,
+  d as Label,
+  v as OverlayCloseButton,
   L as RadioButton,
-  v as SectionNotification,
-  C as SelectListbox,
-  M as SelectProvider,
+  y as SectionNotification,
+  F as SelectListbox,
+  N as SelectProvider,
   R as Spinner,
-  N as useSelect
+  O 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,15 @@ import { Button as p } from "./components/Button/Button.js";
 import { Card as x } from "./components/Card/Card.js";
 import { Icon as n } from "./components/Icon/Icon.js";
 import { IconButton as a } from "./components/IconButton/IconButton.js";
-import { InfoMessage as u } from "./components/InfoMessage/InfoMessage.js";
-import { Input as l } from "./components/Input/Input.js";
-import { InputField as I } from "./components/InputField/InputField.js";
-import { Label as B } from "./components/Label/Label.js";
+import { InfoMessage as c } from "./components/InfoMessage/InfoMessage.js";
+import { Input as s } from "./components/Input/Input.js";
+import { InputField as B } from "./components/InputField/InputField.js";
+import { Label as d } from "./components/Label/Label.js";
+import { OverlayCloseButton as v } from "./components/OverlayCloseButton/OverlayCloseButton.js";
 import { RadioButton as L } from "./components/RadioButton/RadioButton.js";
-import { SectionNotification as v } from "./components/SectionNotification/SectionNotification.js";
-import { SelectListbox as C } from "./components/SelectListbox/SelectListbox.js";
-import { SelectProvider as M, useSelect as N } from "./components/SelectListbox/SelectProvider.js";
+import { SectionNotification as y } from "./components/SectionNotification/SectionNotification.js";
+import { SelectListbox as F } from "./components/SelectListbox/SelectListbox.js";
+import { SelectProvider as N, useSelect as O } from "./components/SelectListbox/SelectProvider.js";
 import { Spinner as R } from "./components/Spinner/Spinner.js";
 export {
   t as AppStatusBar,
@@ -18,15 +19,16 @@ export {
   x as Card,
   n as Icon,
   a as IconButton,
-  u as InfoMessage,
-  l as Input,
-  I as InputField,
-  B as Label,
+  c as InfoMessage,
+  s as Input,
+  B as InputField,
+  d as Label,
+  v as OverlayCloseButton,
   L as RadioButton,
-  v as SectionNotification,
-  C as SelectListbox,
-  M as SelectProvider,
+  y as SectionNotification,
+  F as SelectListbox,
+  N as SelectProvider,
   R as Spinner,
-  N as useSelect
+  O 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.11.0",
+  "version": "1.13.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",