@uva-glass/component-library 1.9.0 → 1.11.0

package/dist/assets/RadioButton.css

@@ -0,0 +1 @@
+.fieldset{border:0;display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0}

package/dist/assets/RadioButton2.css

@@ -0,0 +1 @@
+._radio-button_1if7s_1{align-items:center;display:grid;gap:0 .5rem;grid-template-columns:auto [label] 1fr}._radio-button_1if7s_1 ._radio-button__input_1if7s_8{cursor:pointer;margin-top:0}._radio-button__label_1if7s_13{cursor:pointer;display:flex;flex-direction:column}._radio-button__description_1if7s_19{color:var(--color-scarpa-flow);grid-area:label;margin:0}._radio-button_1if7s_1 ._radio-button__label_1if7s_13{width:fit-content}._radio-button_1if7s_1 :disabled+._radio-button__label_1if7s_13{color:var(--color-scarpa-flow);cursor:unset}._radio-button--gap-large_1if7s_34{column-gap:1rem}

package/dist/components/RadioButton/RadioButton.d.ts

@@ -0,0 +1,9 @@
+import { InputHTMLAttributes } from 'react';
+
+export interface RadioButtonProps extends InputHTMLAttributes<HTMLInputElement> {
+    id: string;
+    label: string;
+    description?: string;
+    gap?: 'normal' | 'large';
+}
+export declare const RadioButton: ({ id, label, gap, description, ...restProps }: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/RadioButton/RadioButton.js

@@ -0,0 +1,26 @@
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { c as d } from "../../clsx-DB4S2d7J.js";
+import '../../assets/RadioButton2.css';const t = {
+  "radio-button": "_radio-button_1if7s_1",
+  "radio-button__input": "_radio-button__input_1if7s_8",
+  "radio-button__label": "_radio-button__label_1if7s_13",
+  "radio-button__description": "_radio-button__description_1if7s_19",
+  "radio-button--gap-large": "_radio-button--gap-large_1if7s_34"
+}, l = ({ id: o, label: r, gap: _ = "normal", description: i, ...n }) => /* @__PURE__ */ s("div", { className: d(t["radio-button"], t[`radio-button--gap-${_}`]), children: [
+  /* @__PURE__ */ a(
+    "input",
+    {
+      className: t["radio-button__input"],
+      ...n,
+      id: o,
+      type: "radio",
+      "aria-describedby": i ? `${o}-description` : void 0
+    }
+  ),
+  /* @__PURE__ */ a("label", { className: t["radio-button__label"], htmlFor: o, children: r }),
+  i && /* @__PURE__ */ a("p", { id: `${o}-description`, className: t["radio-button__description"], children: i })
+] });
+export {
+  l as RadioButton
+};
+//# sourceMappingURL=RadioButton.js.map

package/dist/components/RadioButton/RadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.js","sources":["../../../src/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nimport type { InputHTMLAttributes } from 'react';\n\nimport styles from './RadioButton.module.css';\n\nexport interface RadioButtonProps extends InputHTMLAttributes<HTMLInputElement> {\n  id: string;\n  label: string;\n  description?: string;\n  gap?: 'normal' | 'large';\n}\n\nexport const RadioButton = ({ id, label, gap = 'normal', description, ...restProps }: RadioButtonProps) => (\n  <div className={clsx(styles['radio-button'], styles[`radio-button--gap-${gap}`])}>\n    <input\n      className={styles['radio-button__input']}\n      {...restProps}\n      id={id}\n      type=\"radio\"\n      aria-describedby={description ? `${id}-description` : undefined}\n    />\n    <label className={styles['radio-button__label']} htmlFor={id}>\n      {label}\n    </label>\n    {description && (\n      <p id={`${id}-description`} className={styles['radio-button__description']}>\n        {description}\n      </p>\n    )}\n  </div>\n);\n"],"names":["RadioButton","id","label","gap","description","restProps","clsx","styles","jsx"],"mappings":";;;;;;;;GAaaA,IAAc,CAAC,EAAE,IAAAC,GAAI,OAAAC,GAAO,KAAAC,IAAM,UAAU,aAAAC,GAAa,GAAGC,0BACtE,OAAI,EAAA,WAAWC,EAAKC,EAAO,cAAc,GAAGA,EAAO,qBAAqBJ,CAAG,EAAE,CAAC,GAC7E,UAAA;AAAA,EAAA,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD,EAAO,qBAAqB;AAAA,MACtC,GAAGF;AAAA,MACJ,IAAAJ;AAAA,MACA,MAAK;AAAA,MACL,oBAAkBG,IAAc,GAAGH,CAAE,iBAAiB;AAAA,IAAA;AAAA,EACxD;AAAA,EACA,gBAAAO,EAAC,WAAM,WAAWD,EAAO,qBAAqB,GAAG,SAASN,GACvD,UACHC,GAAA;AAAA,EACCE,KACE,gBAAAI,EAAA,KAAA,EAAE,IAAI,GAAGP,CAAE,gBAAgB,WAAWM,EAAO,2BAA2B,GACtE,UACHH,EAAA,CAAA;AAAA,EAEJ,CAAA;"}

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

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

package/dist/components/RadioButton/RadioButton.stories.js

@@ -0,0 +1,35 @@
+import { jsx as o } from "react/jsx-runtime";
+import { RadioButton as t } from "./RadioButton.js";
+import '../../assets/RadioButton.css';const d = {
+  title: "Atoms/RadioButton",
+  component: t,
+  argTypes: {
+    id: {
+      control: "text"
+    },
+    label: {
+      control: "text"
+    },
+    description: {
+      control: "text"
+    },
+    disabled: {
+      control: "boolean"
+    },
+    gap: {
+      control: "radio"
+    }
+  }
+}, l = (e) => /* @__PURE__ */ o("fieldset", { className: "fieldset", children: /* @__PURE__ */ o(t, { ...e }) }), a = l.bind({});
+a.args = {
+  gap: "normal",
+  disabled: !1,
+  label: "Sample label",
+  description: "Sample description",
+  id: "de501f21"
+};
+export {
+  a as RadioButtonExample,
+  d as default
+};
+//# sourceMappingURL=RadioButton.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.stories.js","sources":["../../../src/components/RadioButton/RadioButton.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { RadioButtonProps } from './RadioButton';\n\nimport { RadioButton } from './RadioButton';\nimport './RadioButton.stories.css';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/RadioButton',\n  component: RadioButton,\n  argTypes: {\n    id: {\n      control: 'text',\n    },\n    label: {\n      control: 'text',\n    },\n    description: {\n      control: 'text',\n    },\n    disabled: {\n      control: 'boolean',\n    },\n    gap: {\n      control: 'radio',\n    },\n  },\n} as Meta<RadioButtonProps>;\n\nconst Template: StoryFn<RadioButtonProps> = (args) => (\n  <fieldset className=\"fieldset\">\n    <RadioButton {...args} />\n  </fieldset>\n);\n\nexport const RadioButtonExample = Template.bind({});\nRadioButtonExample.args = {\n  gap: 'normal',\n  disabled: false,\n  label: 'Sample label',\n  description: 'Sample description',\n  id: 'de501f21',\n};\n"],"names":["RadioButton_stories","RadioButton","Template","args","jsx","RadioButtonExample"],"mappings":";;AAOA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,IAAI;AAAA,MACF,SAAS;AAAA,IACX;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,IACX;AAAA,IACA,aAAa;AAAA,MACX,SAAS;AAAA,IACX;AAAA,IACA,UAAU;AAAA,MACR,SAAS;AAAA,IACX;AAAA,IACA,KAAK;AAAA,MACH,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAEMC,IAAsC,CAACC,MAC1C,gBAAAC,EAAA,YAAA,EAAS,WAAU,YAClB,UAAC,gBAAAA,EAAAH,GAAA,EAAa,GAAGE,EAAM,CAAA,EACzB,CAAA,GAGWE,IAAqBH,EAAS,KAAK,EAAE;AAClDG,EAAmB,OAAO;AAAA,EACxB,KAAK;AAAA,EACL,UAAU;AAAA,EACV,OAAO;AAAA,EACP,aAAa;AAAA,EACb,IAAI;AACN;"}

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

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

package/dist/components/RadioButton/index.js

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

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

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

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

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

package/dist/components/Spinner/Spinner.js

@@ -1,14 +1,14 @@
 import { jsx as r } from "react/jsx-runtime";
-import { useState as p, useEffect as l } from "react";
-import { c as u } from "../../clsx-DB4S2d7J.js";
+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, x = ({ ariaValueText: i, centered: s, fullScreen: t, visibleAfter: e = f }) => {
+}, f = 250, v = ({ ariaValueText: i, centered: s, fullScreen: t, showAfterMs: e = f }) => {
   const [c, o] = p(() => e === 0);
-  return l(() => {
+  return u(() => {
     if (e === 0)
       return;
     const a = window.setTimeout(() => {
@@ -20,7 +20,7 @@ import '../../assets/Spinner.css';const _ = "_spinner_132ki_11", m = "_spin_132k
   }), c ? /* @__PURE__ */ r(
     "div",
     {
-      className: u(n["spinner-container"], {
+      className: l(n["spinner-container"], {
         [n["spinner-container--centered"]]: s,
         [n["spinner-container--full-screen"]]: t
       }),
@@ -29,6 +29,6 @@ import '../../assets/Spinner.css';const _ = "_spinner_132ki_11", m = "_spin_132k
   ) : null;
 };
 export {
-  x as Spinner
+  v 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 { useEffect, useState } from 'react';\nimport { clsx } from 'clsx';\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  visibleAfter?: number;\n  centered?: boolean;\n  fullScreen?: boolean;\n}\n\nexport const Spinner = ({ ariaValueText, centered, fullScreen, visibleAfter = DEFAULT_DELAY_IN_MS }: SpinnerProps) => {\n  const [visible, setVisible] = useState(() => (visibleAfter === 0 ? true : false));\n\n  useEffect(() => {\n    if (visibleAfter === 0) {\n      return;\n    }\n    const t = window.setTimeout(() => {\n      setVisible(true);\n    }, visibleAfter);\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","visibleAfter","visible","setVisible","useState","useEffect","t","jsx","clsx","styles"],"mappings":";;;;;;;;GAKMA,IAAsB,KAUfC,IAAU,CAAC,EAAE,eAAAC,GAAe,UAAAC,GAAU,YAAAC,GAAY,cAAAC,IAAeL,QAAwC;AAC9G,QAAA,CAACM,GAASC,CAAU,IAAIC,EAAS,MAAOH,MAAiB,CAAiB;AAehF,SAbAI,EAAU,MAAM;AACd,QAAIJ,MAAiB;AACnB;AAEI,UAAAK,IAAI,OAAO,WAAW,MAAM;AAChC,MAAAH,EAAW,EAAI;AAAA,OACdF,CAAY;AAEf,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 { 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;"}

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

@@ -1,6 +1,6 @@
-import { jsx as l } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import { Spinner as r } from "./Spinner.js";
-const c = {
+const i = {
   title: "Atoms/Spinner",
   component: r,
   argTypes: {
@@ -13,29 +13,29 @@ const c = {
     fullScreen: {
       control: "boolean"
     },
-    visibleAfter: {
+    showAfterMs: {
       control: "number"
     }
   }
-}, e = (o) => /* @__PURE__ */ l(r, { ...o }), t = e.bind({});
+}, e = (o) => /* @__PURE__ */ a(r, { ...o }), t = e.bind({});
 t.args = {
   ariaValueText: "Example value text",
-  visibleAfter: 250
+  showAfterMs: 250
 };
 const n = e.bind({});
 n.args = {
   ...t.args,
   centered: !0
 };
-const a = e.bind({});
-a.args = {
+const l = e.bind({});
+l.args = {
   ...n.args,
   fullScreen: !0
 };
 export {
   n as Centered,
-  a as FullScreen,
+  l as FullScreen,
   t as SpinnerExample,
-  c as default
+  i 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    visibleAfter: {\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  visibleAfter: 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,MACX,SAAS;AAAA,IACb;AAAA,IACA,UAAU;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,YAAY;AAAA,MACR,SAAS;AAAA,IACb;AAAA,IACA,cAAc;AAAA,MACV,SAAS;AAAA,IACb;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,cAAc;AAChB;AAEO,MAAMC,IAAWJ,EAAS,KAAK,EAAE;AACxCI,EAAS,OAAO;AAAA,EACZ,GAAGD,EAAe;AAAA,EAClB,UAAU;AACd;AAEO,MAAME,IAAaL,EAAS,KAAK,EAAE;AAC1CK,EAAW,OAAO;AAAA,EACd,GAAGD,EAAS;AAAA,EACZ,YAAY;AAChB;"}
+{"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;"}

package/dist/components/index.d.ts

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

package/dist/components/index.js

@@ -2,29 +2,31 @@ import { AppStatusBar as t } from "./AppStatusBar/AppStatusBar.js";
 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 c } from "./IconButton/IconButton.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 { SectionNotification as L } from "./SectionNotification/SectionNotification.js";
-import { SelectListbox as v } from "./SelectListbox/SelectListbox.js";
-import { SelectProvider as C, useSelect as F } from "./SelectListbox/SelectProvider.js";
-import { Spinner as N } from "./Spinner/Spinner.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 { Spinner as R } from "./Spinner/Spinner.js";
 export {
   t as AppStatusBar,
   p as Button,
   x as Card,
   n as Icon,
-  c as IconButton,
+  a as IconButton,
   u as InfoMessage,
   l as Input,
   I as InputField,
   B as Label,
-  L as SectionNotification,
-  v as SelectListbox,
-  C as SelectProvider,
-  N as Spinner,
-  F as useSelect
+  L as RadioButton,
+  v as SectionNotification,
+  C as SelectListbox,
+  M as SelectProvider,
+  R as Spinner,
+  N 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

@@ -2,29 +2,31 @@ import { AppStatusBar as t } from "./components/AppStatusBar/AppStatusBar.js";
 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 c } from "./components/IconButton/IconButton.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 { SectionNotification as L } from "./components/SectionNotification/SectionNotification.js";
-import { SelectListbox as v } from "./components/SelectListbox/SelectListbox.js";
-import { SelectProvider as C, useSelect as F } from "./components/SelectListbox/SelectProvider.js";
-import { Spinner as N } from "./components/Spinner/Spinner.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 { Spinner as R } from "./components/Spinner/Spinner.js";
 export {
   t as AppStatusBar,
   p as Button,
   x as Card,
   n as Icon,
-  c as IconButton,
+  a as IconButton,
   u as InfoMessage,
   l as Input,
   I as InputField,
   B as Label,
-  L as SectionNotification,
-  v as SelectListbox,
-  C as SelectProvider,
-  N as Spinner,
-  F as useSelect
+  L as RadioButton,
+  v as SectionNotification,
+  C as SelectListbox,
+  M as SelectProvider,
+  R as Spinner,
+  N 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.9.0",
+  "version": "1.11.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -44,22 +44,22 @@
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/gitlab": "^13.1.0",
     "@semantic-release/npm": "^12.0.1",
-    "@storybook/addon-a11y": "^8.1.2",
-    "@storybook/addon-essentials": "^8.1.2",
-    "@storybook/addon-interactions": "^8.1.2",
-    "@storybook/addon-links": "^8.1.2",
-    "@storybook/blocks": "^8.1.2",
-    "@storybook/react": "^8.1.2",
-    "@storybook/react-vite": "^8.1.2",
-    "@storybook/test": "^8.1.2",
+    "@storybook/addon-a11y": "^8.1.3",
+    "@storybook/addon-essentials": "^8.1.3",
+    "@storybook/addon-interactions": "^8.1.3",
+    "@storybook/addon-links": "^8.1.3",
+    "@storybook/blocks": "^8.1.3",
+    "@storybook/react": "^8.1.3",
+    "@storybook/react-vite": "^8.1.3",
+    "@storybook/test": "^8.1.3",
     "@types/node": "^20.12.12",
-    "@types/react": "^18.3.2",
+    "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@typescript-eslint/eslint-plugin": "^7.10.0",
     "@typescript-eslint/parser": "^7.10.0",
     "@uva-glass/eslint-config": "^1.2.0",
     "@uva-glass/stylelint-config": "^1.1.0",
-    "@vitejs/plugin-react": "^4.2.1",
+    "@vitejs/plugin-react": "^4.3.0",
     "clsx": "^2.1.1",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
@@ -68,18 +68,18 @@
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.7",
     "eslint-plugin-storybook": "^0.8.0",
-    "glob": "^10.3.16",
+    "glob": "^10.4.1",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-junit": "^16.0.0",
-    "jsdom": "^24.0.0",
+    "jsdom": "^24.1.0",
     "npm-run-all2": "^6.2.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "semantic-release": "^23.1.1",
-    "storybook": "^8.1.2",
+    "storybook": "^8.1.3",
     "style-dictionary": "^3.9.2",
-    "stylelint": "^16.5.0",
+    "stylelint": "^16.6.0",
     "stylelint-config-recommended": "^14.0.0",
     "stylelint-config-standard": "^36.0.0",
     "stylelint-order": "^6.0.4",