@uva-glass/component-library 1.2.0 → 1.3.1

package/dist/components/Button/Button.d.ts

@@ -1,8 +1,9 @@
 import { ButtonHTMLAttributes, ReactNode } from 'react';
 
-export type UIButtonVariant = 'primary' | 'secondary' | 'destructive' | 'blank';
+export type UIButtonVariant = 'primary' | 'secondary' | 'destructive-primary' | 'destructive-secondary' | 'blank';
 export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'className' | 'style'> {
     variant: UIButtonVariant;
     children: ReactNode;
+    displayColumn?: boolean;
 }
 export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/Button/Button.js

@@ -1,28 +1,32 @@
 import '../../assets/Button.css';
-import { jsx as c } from "react/jsx-runtime";
-import { c as _ } from "../../clsx-DB4S2d7J.js";
+import { jsx as _ } from "react/jsx-runtime";
+import { c as m } from "../../clsx-DB4S2d7J.js";
 import { forwardRef as b } from "react";
-const e = "_button_isgcr_3", t = {
-  "visually-hidden": "_visually-hidden_isgcr_1",
-  button: e,
-  "button--blank": "_button--blank_isgcr_37",
-  "button--primary": "_button--primary_isgcr_54",
-  "button--secondary": "_button--secondary_isgcr_70",
-  "button--destructive": "_button--destructive_isgcr_86"
-}, m = b((o, r) => {
-  const { children: n, type: s = "button", variant: u, ...i } = o;
-  return /* @__PURE__ */ c(
+const a = "_button_1gimu_3", t = {
+  "visually-hidden": "_visually-hidden_1gimu_1",
+  button: a,
+  "button--blank": "_button--blank_1gimu_36",
+  "button--primary": "_button--primary_1gimu_53",
+  "button--secondary": "_button--secondary_1gimu_69",
+  "button--destructive-primary": "_button--destructive-primary_1gimu_85",
+  "button--destructive-secondary": "_button--destructive-secondary_1gimu_103",
+  "button--wide-column": "_button--wide-column_1gimu_121"
+}, y = b((o, n) => {
+  const { children: u, type: r = "button", variant: i, displayColumn: e = !1, ...s } = o;
+  return /* @__PURE__ */ _(
     "button",
     {
-      ...i,
-      type: s,
-      ref: r,
-      className: _(t.button, t[`button--${u}`]),
-      children: n
+      ...s,
+      type: r,
+      ref: n,
+      className: m(t.button, t[`button--${i}`], {
+        [t["button--wide-column"]]: e
+      }),
+      children: u
     }
   );
 });
 export {
-  m as Button
+  y as Button
 };
 //# sourceMappingURL=Button.js.map

package/dist/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { forwardRef } from 'react';\n\nimport type { ButtonHTMLAttributes, ReactNode } from 'react';\n\nimport styles from './Button.module.css';\n\nexport type UIButtonVariant = 'primary' | 'secondary' | 'destructive' | 'blank';\n\nexport interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'className' | 'style'> {\n  variant: UIButtonVariant;\n  children: ReactNode;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>((props, forwardedRef) => {\n  const { children, type = 'button', variant, ...restProps } = props;\n\n  return (\n    <button\n      {...restProps}\n      type={type}\n      ref={forwardedRef}\n      className={clsx(styles['button'], styles[`button--${variant}`])}\n    >\n      {children}\n    </button>\n  );\n});\n"],"names":["Button","forwardRef","props","forwardedRef","children","type","variant","restProps","jsx","clsx","styles"],"mappings":";;;;;;;;;;GAcaA,IAASC,EAA2C,CAACC,GAAOC,MAAiB;AACxF,QAAM,EAAE,UAAAC,GAAU,MAAAC,IAAO,UAAU,SAAAC,GAAS,GAAGC,EAAc,IAAAL;AAG3D,SAAA,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGD;AAAA,MACJ,MAAAF;AAAA,MACA,KAAKF;AAAA,MACL,WAAWM,EAAKC,EAAO,QAAWA,EAAO,WAAWJ,CAAO,EAAE,CAAC;AAAA,MAE7D,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { forwardRef } from 'react';\n\nimport type { ButtonHTMLAttributes, ReactNode } from 'react';\n\nimport styles from './Button.module.css';\n\nexport type UIButtonVariant = 'primary' | 'secondary' | 'destructive-primary' | 'destructive-secondary' | 'blank';\n\nexport interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'className' | 'style'> {\n  variant: UIButtonVariant;\n  children: ReactNode;\n  displayColumn?: boolean;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>((props, forwardedRef) => {\n  const { children, type = 'button', variant, displayColumn = false, ...restProps } = props;\n\n  return (\n    <button\n      {...restProps}\n      type={type}\n      ref={forwardedRef}\n      className={clsx(styles['button'], styles[`button--${variant}`], {\n        [styles['button--wide-column']]: displayColumn,\n      })}\n    >\n      {children}\n    </button>\n  );\n});\n"],"names":["Button","forwardRef","props","forwardedRef","children","type","variant","displayColumn","restProps","jsx","clsx","styles"],"mappings":";;;;;;;;;;;;GAeaA,IAASC,EAA2C,CAACC,GAAOC,MAAiB;AAClF,QAAA,EAAE,UAAAC,GAAU,MAAAC,IAAO,UAAU,SAAAC,GAAS,eAAAC,IAAgB,IAAO,GAAGC,EAAc,IAAAN;AAGlF,SAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGD;AAAA,MACJ,MAAAH;AAAA,MACA,KAAKF;AAAA,MACL,WAAWO,EAAKC,EAAO,QAAWA,EAAO,WAAWL,CAAO,EAAE,GAAG;AAAA,QAC9D,CAACK,EAAO,qBAAqB,CAAC,GAAGJ;AAAA,MAAA,CAClC;AAAA,MAEA,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

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

@@ -3,3 +3,4 @@ import { ButtonProps } from './Button';
 declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, ButtonProps>;
 export default _default;
 export declare const ButtonExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ButtonProps>;
+export declare const WithMultipleChildren: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ButtonProps>;

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

@@ -1,25 +1,45 @@
-import { jsx as r } from "react/jsx-runtime";
-import { f as a } from "../../index-DHAcOIyn.js";
-import { Button as t } from "./Button.js";
-const m = {
+import { jsxs as o, Fragment as s, jsx as t } from "react/jsx-runtime";
+import { f as l } from "../../index-DHAcOIyn.js";
+import { Button as e } from "./Button.js";
+const u = {
   title: "Atoms/Button",
-  component: t,
+  component: e,
   argTypes: {
     variant: {
-      options: ["primary", "secondary", "destructive", "blank"],
-      control: { type: "radio" },
-      disabled: !1
+      options: ["primary", "secondary", "destructive-primary", "destructive-secondary", "blank"],
+      control: { type: "radio" }
     }
   }
-}, e = (o) => /* @__PURE__ */ r(t, { ...o }), n = e.bind({});
-n.args = {
+}, i = (a) => /* @__PURE__ */ t(e, { ...a }), n = {
   variant: "primary",
-  children: "Click me!",
   disabled: !1,
-  onClick: a()
+  displayColumn: !1,
+  onClick: l()
+}, d = i.bind({});
+d.args = {
+  children: "Click me!",
+  ...n
+};
+const r = i.bind({});
+r.args = {
+  ...n,
+  children: /* @__PURE__ */ o(s, { children: [
+    /* @__PURE__ */ t("div", { children: "Child 1" }),
+    /* @__PURE__ */ t("div", { children: "Child 2" })
+  ] })
+};
+r.argTypes = {
+  ...r.argTypes,
+  children: {
+    table: {
+      disable: !0
+      // Disable children controls for this specific story
+    }
+  }
 };
 export {
-  n as ButtonExample,
-  m as default
+  d as ButtonExample,
+  r as WithMultipleChildren,
+  u as default
 };
 //# sourceMappingURL=Button.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.js","sources":["../../../src/components/Button/Button.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ButtonProps } from './Button';\n\nimport { Button } from './Button';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Button',\n  component: Button,\n  argTypes: {\n    variant: {\n      options: ['primary', 'secondary', 'destructive', 'blank'],\n      control: { type: 'radio' },\n      disabled: false,\n    },\n  },\n} as Meta<ButtonProps>;\n\nconst Template: StoryFn<ButtonProps> = (args) => <Button {...args} />;\n\nexport const ButtonExample = Template.bind({});\nButtonExample.args = {\n  variant: 'primary',\n  children: 'Click me!',\n  disabled: false,\n  onClick: fn(),\n};\n"],"names":["Button_stories","Button","Template","args","jsx","ButtonExample","fn"],"mappings":";;;AAQA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS,CAAC,WAAW,aAAa,eAAe,OAAO;AAAA,MACxD,SAAS,EAAE,MAAM,QAAQ;AAAA,MACzB,UAAU;AAAA,IACZ;AAAA,EACF;AACF,GAEMC,IAAiC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAQ,GAAGE,EAAM,CAAA,GAEtDE,IAAgBH,EAAS,KAAK,EAAE;AAC7CG,EAAc,OAAO;AAAA,EACnB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAASC,EAAG;AACd;"}
+{"version":3,"file":"Button.stories.js","sources":["../../../src/components/Button/Button.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ButtonProps } from './Button';\n\nimport { Button } from './Button';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Button',\n  component: Button,\n  argTypes: {\n    variant: {\n      options: ['primary', 'secondary', 'destructive-primary', 'destructive-secondary', 'blank'],\n      control: { type: 'radio' },\n    },\n  },\n} as Meta<ButtonProps>;\n\nconst Template: StoryFn<ButtonProps> = (args) => <Button {...args} />;\n\nconst defaultArgs: Partial<ButtonProps> = {\n  variant: 'primary',\n  disabled: false,\n  displayColumn: false,\n  onClick: fn(),\n};\n\nexport const ButtonExample = Template.bind({});\nButtonExample.args = {\n  children: 'Click me!',\n  ...defaultArgs,\n};\n\nexport const WithMultipleChildren = Template.bind({});\nWithMultipleChildren.args = {\n  ...defaultArgs,\n  children: (\n    <>\n      <div>Child 1</div>\n      <div>Child 2</div>\n    </>\n  ),\n};\nWithMultipleChildren.argTypes = {\n  ...WithMultipleChildren.argTypes,\n  children: {\n    table: {\n      disable: true, // Disable children controls for this specific story\n    },\n  },\n};\n"],"names":["Button_stories","Button","Template","args","jsx","defaultArgs","fn","ButtonExample","WithMultipleChildren","jsxs","Fragment"],"mappings":";;;AAQA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS,CAAC,WAAW,aAAa,uBAAuB,yBAAyB,OAAO;AAAA,MACzF,SAAS,EAAE,MAAM,QAAQ;AAAA,IAC3B;AAAA,EACF;AACF,GAEMC,IAAiC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAQ,GAAGE,EAAM,CAAA,GAE7DE,IAAoC;AAAA,EACxC,SAAS;AAAA,EACT,UAAU;AAAA,EACV,eAAe;AAAA,EACf,SAASC,EAAG;AACd,GAEaC,IAAgBL,EAAS,KAAK,EAAE;AAC7CK,EAAc,OAAO;AAAA,EACnB,UAAU;AAAA,EACV,GAAGF;AACL;AAEO,MAAMG,IAAuBN,EAAS,KAAK,EAAE;AACpDM,EAAqB,OAAO;AAAA,EAC1B,GAAGH;AAAA,EACH,UAEI,gBAAAI,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAN,EAAC,SAAI,UAAO,UAAA,CAAA;AAAA,IACZ,gBAAAA,EAAC,SAAI,UAAO,UAAA,CAAA;AAAA,EAAA,GACd;AAEJ;AACAI,EAAqB,WAAW;AAAA,EAC9B,GAAGA,EAAqB;AAAA,EACxB,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA;AAAA,IACX;AAAA,EACF;AACF;"}

package/dist/components/Card/Card.js

@@ -1,41 +1,41 @@
 import '../../assets/Card.css';
-import { jsxs as s, jsx as d } from "react/jsx-runtime";
-import { c as _ } from "../../clsx-DB4S2d7J.js";
+import { jsxs as h, jsx as d } from "react/jsx-runtime";
+import { c as t } from "../../clsx-DB4S2d7J.js";
 import { SectionNotification as i } from "../SectionNotification/SectionNotification.js";
-const n = "_card_vqoto_3", r = {
-  "visually-hidden": "_visually-hidden_vqoto_1",
+const n = "_card_aw9hz_3", a = {
+  "visually-hidden": "_visually-hidden_aw9hz_1",
   card: n,
-  "card--regular": "_card--regular_vqoto_9",
-  "card--small": "_card--small_vqoto_14",
-  "card--large": "_card--large_vqoto_19",
-  "card-header": "_card-header_vqoto_24",
-  "card--high-contrast": "_card--high-contrast_vqoto_31",
-  "card--align-center": "_card--align-center_vqoto_35"
-}, v = ({
+  "card--regular": "_card--regular_aw9hz_9",
+  "card--large": "_card--large_aw9hz_10",
+  "card--small": "_card--small_aw9hz_15",
+  "card-header": "_card-header_aw9hz_28",
+  "card--high-contrast": "_card--high-contrast_aw9hz_35",
+  "card--align-center": "_card--align-center_aw9hz_39"
+}, w = ({
   children: e,
   header: c,
-  highContrast: o,
+  highContrast: s,
   notification: l,
-  padding: a = "regular",
-  alignCenter: t = !1
-}) => /* @__PURE__ */ s(
+  padding: r = "regular",
+  alignCenter: _ = !1
+}) => /* @__PURE__ */ h(
   "div",
   {
-    className: _(r.card, {
-      [r["card--high-contrast"]]: o,
-      [r["card--regular"]]: a === "regular",
-      [r["card--small"]]: a === "small",
-      [r["card--large"]]: a === "large",
-      [r["card--align-center"]]: t
+    className: t(a.card, {
+      [a["card--high-contrast"]]: s,
+      [a["card--regular"]]: r === "regular",
+      [a["card--small"]]: r === "small",
+      [a["card--large"]]: r === "large",
+      [a["card--align-center"]]: _
     }),
     children: [
       l && /* @__PURE__ */ d(i, { children: l }),
-      c && /* @__PURE__ */ d("div", { className: r["card-header"], children: c }),
+      c && /* @__PURE__ */ d("div", { className: a["card-header"], children: c }),
       e
     ]
   }
 );
 export {
-  v as Card
+  w as Card
 };
 //# sourceMappingURL=Card.js.map

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

@@ -1,5 +1,5 @@
-import { CardProps } from './Card';
 import { PropsWithChildren } from 'react';
+import { CardProps } from './Card';
 
 declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, PropsWithChildren<CardProps>>;
 export default _default;

package/dist/components/Icon/Icon.d.ts

@@ -1,5 +1,5 @@
-import { Icons } from './icons';
 import { ReactNode, SVGAttributes } from 'react';
+import { Icons } from './icons';
 
 type IconName = keyof typeof Icons;
 export interface IconProps extends Omit<SVGAttributes<SVGElement>, 'height' | 'width'> {

package/dist/components/IconButton/IconButton.js

@@ -1,30 +1,30 @@
 import '../../assets/IconButton.css';
-import { jsx as b } from "react/jsx-runtime";
-import { c as d } from "../../clsx-DB4S2d7J.js";
-import { forwardRef as s } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { c as b } from "../../clsx-DB4S2d7J.js";
+import { forwardRef as l } from "react";
 const t = {
-  "visually-hidden": "_visually-hidden_6yk4c_1",
-  "icon-button": "_icon-button_6yk4c_3",
-  "icon-button--destructive": "_icon-button--destructive_6yk4c_29",
-  "icon-button--no-border": "_icon-button--no-border_6yk4c_37",
-  "icon-button--wide": "_icon-button--wide_6yk4c_46"
-}, m = s(
-  ({ children: o, type: n = "button", variant: c, noBorder: i, wide: e, ...u }, r) => /* @__PURE__ */ b(
+  "visually-hidden": "_visually-hidden_ldxal_1",
+  "icon-button": "_icon-button_ldxal_3",
+  "icon-button--destructive": "_icon-button--destructive_ldxal_29",
+  "icon-button--no-border": "_icon-button--no-border_ldxal_37",
+  "icon-button--wide": "_icon-button--wide_ldxal_46"
+}, x = l(
+  ({ children: o, type: n = "button", variant: i, noBorder: c, wide: e, ...u }, d) => /* @__PURE__ */ r(
     "button",
     {
       ...u,
-      className: d(t["icon-button"], {
-        [t["icon-button--destructive"]]: c === "destructive",
-        [t["icon-button--no-border"]]: i,
+      className: b(t["icon-button"], {
+        [t["icon-button--destructive"]]: i === "destructive",
+        [t["icon-button--no-border"]]: c,
         [t["icon-button--wide"]]: e
       }),
-      ref: r,
+      ref: d,
       type: n,
       children: o
     }
   )
 );
 export {
-  m as IconButton
+  x as IconButton
 };
 //# sourceMappingURL=IconButton.js.map

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

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
-import { f as n } from "../../index-DHAcOIyn.js";
+import { f as a } from "../../index-DHAcOIyn.js";
 import { IconButton as o } from "./IconButton.js";
-import { Icon as r } from "../Icon/Icon.js";
-const m = {
+import { Icon as n } from "../Icon/Icon.js";
+const f = {
   title: "Atoms/IconButton",
   component: o,
   argTypes: {
@@ -33,16 +33,18 @@ const m = {
       }
     }
   }
-}, a = (e) => /* @__PURE__ */ t(o, { ...e }), l = a.bind({});
+}, r = (e) => /* @__PURE__ */ t(o, { ...e }), l = r.bind({});
 l.args = {
+  "aria-label": "Trash",
   variant: "destructive",
   noBorder: !1,
   wide: !1,
-  children: /* @__PURE__ */ t(r, { name: "Trash" }),
-  onClick: n()
+  disabled: !1,
+  children: /* @__PURE__ */ t(n, { name: "Trash" }),
+  onClick: a()
 };
 export {
   l as IconButtonExample,
-  m as default
+  f as default
 };
 //# sourceMappingURL=IconButton.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.stories.js","sources":["../../../src/components/IconButton/IconButton.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { IconButtonProps } from 'components/IconButton';\n\nimport { IconButton } from 'components/IconButton';\nimport { Icon } from 'components/Icon';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/IconButton',\n  component: IconButton,\n  argTypes: {\n    variant: {\n      options: ['destructive'],\n      control: { type: 'check' },\n    },\n    noBorder: {\n      control: 'boolean',\n      default: false,\n    },\n    wide: {\n      control: 'boolean',\n      default: false,\n    },\n    'aria-label': {\n      table: {\n        disable: true,\n      },\n    },\n    type: {\n      options: ['button', 'submit', 'reset'],\n      control: { type: 'select' },\n    },\n    children: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n} as Meta<IconButtonProps>;\n\nconst Template: StoryFn<IconButtonProps> = (args) => <IconButton {...args} />;\n\nexport const IconButtonExample = Template.bind({});\nIconButtonExample.args = {\n  variant: 'destructive',\n  noBorder: false,\n  wide: false,\n  children: <Icon name=\"Trash\" />,\n  onClick: fn(),\n};\n"],"names":["IconButton_stories","IconButton","Template","args","jsx","IconButtonExample","Icon","fn"],"mappings":";;;;AASA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS,CAAC,aAAa;AAAA,MACvB,SAAS,EAAE,MAAM,QAAQ;AAAA,IAC3B;AAAA,IACA,UAAU;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,cAAc;AAAA,MACZ,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,SAAS,CAAC,UAAU,UAAU,OAAO;AAAA,MACrC,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,GAEMC,IAAqC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAY,GAAGE,EAAM,CAAA,GAE9DE,IAAoBH,EAAS,KAAK,EAAE;AACjDG,EAAkB,OAAO;AAAA,EACvB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU,gBAAAD,EAACE,GAAK,EAAA,MAAK,QAAQ,CAAA;AAAA,EAC7B,SAASC,EAAG;AACd;"}
+{"version":3,"file":"IconButton.stories.js","sources":["../../../src/components/IconButton/IconButton.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { IconButtonProps } from 'components/IconButton';\n\nimport { IconButton } from 'components/IconButton';\nimport { Icon } from 'components/Icon';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/IconButton',\n  component: IconButton,\n  argTypes: {\n    variant: {\n      options: ['destructive'],\n      control: { type: 'check' },\n    },\n    noBorder: {\n      control: 'boolean',\n      default: false,\n    },\n    wide: {\n      control: 'boolean',\n      default: false,\n    },\n    'aria-label': {\n      table: {\n        disable: true,\n      },\n    },\n    type: {\n      options: ['button', 'submit', 'reset'],\n      control: { type: 'select' },\n    },\n    children: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n} as Meta<IconButtonProps>;\n\nconst Template: StoryFn<IconButtonProps> = (args) => <IconButton {...args} />;\n\nexport const IconButtonExample = Template.bind({});\nIconButtonExample.args = {\n  'aria-label': 'Trash',\n  variant: 'destructive',\n  noBorder: false,\n  wide: false,\n  disabled: false,\n  children: <Icon name=\"Trash\" />,\n  onClick: fn(),\n};\n"],"names":["IconButton_stories","IconButton","Template","args","jsx","IconButtonExample","Icon","fn"],"mappings":";;;;AASA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS,CAAC,aAAa;AAAA,MACvB,SAAS,EAAE,MAAM,QAAQ;AAAA,IAC3B;AAAA,IACA,UAAU;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,cAAc;AAAA,MACZ,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,SAAS,CAAC,UAAU,UAAU,OAAO;AAAA,MACrC,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,GAEMC,IAAqC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAY,GAAGE,EAAM,CAAA,GAE9DE,IAAoBH,EAAS,KAAK,EAAE;AACjDG,EAAkB,OAAO;AAAA,EACvB,cAAc;AAAA,EACd,SAAS;AAAA,EACT,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU,gBAAAD,EAACE,GAAK,EAAA,MAAK,QAAQ,CAAA;AAAA,EAC7B,SAASC,EAAG;AACd;"}

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

@@ -1,5 +1,5 @@
-import { SectionNotificationProps } from 'components/SectionNotification';
 import { PropsWithChildren } from 'react';
+import { SectionNotificationProps } from 'components/SectionNotification';
 
 declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, PropsWithChildren<SectionNotificationProps>>;
 export default _default;

package/dist/components/SelectListbox/SelectListBox.stories.d.ts

@@ -1,5 +1,5 @@
-import { SelectListboxProps } from './SelectListbox';
 import { PropsWithChildren } from 'react';
+import { SelectListboxProps } from './SelectListbox';
 
 declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, SelectListboxProps & {
     children?: import('react').ReactNode;

package/dist/components/SelectListbox/SelectListbox.d.ts

@@ -1,9 +1,9 @@
-import { SelectOption } from './components/SelectOption';
-import { SelectOptionBox } from './components/SelectOptionBox';
-import { SelectContainer } from './components/SelectContainer';
-import { SelectButton } from './components/SelectButton';
-import { OptionValue, SelectValue } from './SelectProvider';
 import { ReactNode, PropsWithChildren } from 'react';
+import { OptionValue, SelectValue } from './SelectProvider';
+import { SelectButton } from './components/SelectButton';
+import { SelectContainer } from './components/SelectContainer';
+import { SelectOptionBox } from './components/SelectOptionBox';
+import { SelectOption } from './components/SelectOption';
 
 interface ISelect {
     options: OptionValue[];

package/dist/components/SelectListbox/components/SelectOption.d.ts

@@ -1,5 +1,5 @@
-import { OptionValue } from 'components/SelectListbox/SelectProvider';
 import { ReactNode } from 'react';
+import { OptionValue } from 'components/SelectListbox/SelectProvider';
 
 export interface SelectOptionProps {
     option: OptionValue;

package/dist/components/storyComponents/ClipboardButton/ClipboardButton.js

@@ -3,15 +3,15 @@ import { jsx as e } from "react/jsx-runtime";
 import { useState as i } from "react";
 const C = {
   "clipboard-button": "_clipboard-button_1ihmb_1"
-}, n = 2e3, c = ({ text: l }) => {
-  const [o, t] = i(!1);
+}, n = 2e3, a = ({ text: o }) => {
+  const [l, t] = i(!1);
   return /* @__PURE__ */ e("div", { style: { position: "relative" }, children: /* @__PURE__ */ e("button", { onClick: () => {
-    o || navigator.clipboard.writeText(l).then(() => {
+    l || navigator.clipboard.writeText(o).then(() => {
       t(!0), setTimeout(() => {
         t(!1);
       }, n);
     });
-  }, className: C["clipboard-button"], children: /* @__PURE__ */ e(
+  }, className: C["clipboard-button"], "aria-label": `Copy ${o}`, children: /* @__PURE__ */ e(
     "svg",
     {
       width: "15",
@@ -20,7 +20,7 @@ const C = {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       className: "h-3 w-3",
-      children: o ? /* @__PURE__ */ e(
+      children: l ? /* @__PURE__ */ e(
         "path",
         {
           d: "M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z",
@@ -41,6 +41,6 @@ const C = {
   ) }) });
 };
 export {
-  c as ClipboardButton
+  a as ClipboardButton
 };
 //# sourceMappingURL=ClipboardButton.js.map

package/dist/components/storyComponents/ClipboardButton/ClipboardButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClipboardButton.js","sources":["../../../../src/components/storyComponents/ClipboardButton/ClipboardButton.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport styles from './ClipboardButton.module.css';\n\ninterface ClipboardButtonProps {\n  text: string;\n}\n\nconst DELAY = 2000;\n\nexport const ClipboardButton = ({ text }: ClipboardButtonProps) => {\n  const [isCopied, setIsCopied] = useState(false);\n\n  const handleCopyClick = () => {\n    if (!isCopied) {\n      void navigator.clipboard.writeText(text).then(() => {\n        setIsCopied(true);\n        setTimeout(() => {\n          setIsCopied(false);\n        }, DELAY);\n      });\n    }\n  };\n\n  return (\n    <div style={{ position: 'relative' }}>\n      <button onClick={handleCopyClick} className={styles['clipboard-button']}>\n        <svg\n          width=\"15\"\n          height=\"15\"\n          viewBox=\"0 0 15 15\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          className=\"h-3 w-3\"\n        >\n          {isCopied ? (\n            <path\n              d=\"M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z\"\n              fill=\"currentColor\"\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n            />\n          ) : (\n            <path\n              d=\"M1 9.50006C1 10.3285 1.67157 11.0001 2.5 11.0001H4L4 10.0001H2.5C2.22386 10.0001 2 9.7762 2 9.50006L2 2.50006C2 2.22392 2.22386 2.00006 2.5 2.00006L9.5 2.00006C9.77614 2.00006 10 2.22392 10 2.50006V4.00002H5.5C4.67158 4.00002 4 4.67159 4 5.50002V12.5C4 13.3284 4.67158 14 5.5 14H12.5C13.3284 14 14 13.3284 14 12.5V5.50002C14 4.67159 13.3284 4.00002 12.5 4.00002H11V2.50006C11 1.67163 10.3284 1.00006 9.5 1.00006H2.5C1.67157 1.00006 1 1.67163 1 2.50006V9.50006ZM5 5.50002C5 5.22388 5.22386 5.00002 5.5 5.00002H12.5C12.7761 5.00002 13 5.22388 13 5.50002V12.5C13 12.7762 12.7761 13 12.5 13H5.5C5.22386 13 5 12.7762 5 12.5V5.50002Z\"\n              fill=\"currentColor\"\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n            />\n          )}\n        </svg>\n      </button>\n    </div>\n  );\n};\n"],"names":["DELAY","ClipboardButton","text","isCopied","setIsCopied","useState","jsx","styles"],"mappings":";;;;GAQMA,IAAQ,KAEDC,IAAkB,CAAC,EAAE,MAAAC,QAAiC;AACjE,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK;AAa9C,SACG,gBAAAC,EAAA,OAAA,EAAI,OAAO,EAAE,UAAU,WAAW,GACjC,UAAC,gBAAAA,EAAA,UAAA,EAAO,SAbY,MAAM;AAC5B,IAAKH,KACE,UAAU,UAAU,UAAUD,CAAI,EAAE,KAAK,MAAM;AAClD,MAAAE,EAAY,EAAI,GAChB,WAAW,MAAM;AACf,QAAAA,EAAY,EAAK;AAAA,SAChBJ,CAAK;AAAA,IAAA,CACT;AAAA,EACH,GAKoC,WAAWO,EAAO,kBAAkB,GACpE,UAAA,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,WAAU;AAAA,MAET,UACCH,IAAA,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,UACL,UAAS;AAAA,UACT,UAAS;AAAA,QAAA;AAAA,MAAA,IAGX,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,UACL,UAAS;AAAA,UACT,UAAS;AAAA,QAAA;AAAA,MACX;AAAA,IAAA;AAAA,EAAA,EAGN,CAAA,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"ClipboardButton.js","sources":["../../../../src/components/storyComponents/ClipboardButton/ClipboardButton.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport styles from './ClipboardButton.module.css';\n\ninterface ClipboardButtonProps {\n  text: string;\n}\n\nconst DELAY = 2000;\n\nexport const ClipboardButton = ({ text }: ClipboardButtonProps) => {\n  const [isCopied, setIsCopied] = useState(false);\n\n  const handleCopyClick = () => {\n    if (!isCopied) {\n      void navigator.clipboard.writeText(text).then(() => {\n        setIsCopied(true);\n        setTimeout(() => {\n          setIsCopied(false);\n        }, DELAY);\n      });\n    }\n  };\n\n  return (\n    <div style={{ position: 'relative' }}>\n      <button onClick={handleCopyClick} className={styles['clipboard-button']} aria-label={`Copy ${text}`}>\n        <svg\n          width=\"15\"\n          height=\"15\"\n          viewBox=\"0 0 15 15\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          className=\"h-3 w-3\"\n        >\n          {isCopied ? (\n            <path\n              d=\"M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z\"\n              fill=\"currentColor\"\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n            />\n          ) : (\n            <path\n              d=\"M1 9.50006C1 10.3285 1.67157 11.0001 2.5 11.0001H4L4 10.0001H2.5C2.22386 10.0001 2 9.7762 2 9.50006L2 2.50006C2 2.22392 2.22386 2.00006 2.5 2.00006L9.5 2.00006C9.77614 2.00006 10 2.22392 10 2.50006V4.00002H5.5C4.67158 4.00002 4 4.67159 4 5.50002V12.5C4 13.3284 4.67158 14 5.5 14H12.5C13.3284 14 14 13.3284 14 12.5V5.50002C14 4.67159 13.3284 4.00002 12.5 4.00002H11V2.50006C11 1.67163 10.3284 1.00006 9.5 1.00006H2.5C1.67157 1.00006 1 1.67163 1 2.50006V9.50006ZM5 5.50002C5 5.22388 5.22386 5.00002 5.5 5.00002H12.5C12.7761 5.00002 13 5.22388 13 5.50002V12.5C13 12.7762 12.7761 13 12.5 13H5.5C5.22386 13 5 12.7762 5 12.5V5.50002Z\"\n              fill=\"currentColor\"\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n            />\n          )}\n        </svg>\n      </button>\n    </div>\n  );\n};\n"],"names":["DELAY","ClipboardButton","text","isCopied","setIsCopied","useState","jsx","styles"],"mappings":";;;;GAQMA,IAAQ,KAEDC,IAAkB,CAAC,EAAE,MAAAC,QAAiC;AACjE,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK;AAa9C,2BACG,OAAI,EAAA,OAAO,EAAE,UAAU,cACtB,UAAC,gBAAAC,EAAA,UAAA,EAAO,SAbY,MAAM;AAC5B,IAAKH,KACE,UAAU,UAAU,UAAUD,CAAI,EAAE,KAAK,MAAM;AAClD,MAAAE,EAAY,EAAI,GAChB,WAAW,MAAM;AACf,QAAAA,EAAY,EAAK;AAAA,SAChBJ,CAAK;AAAA,IAAA,CACT;AAAA,EACH,GAKoC,WAAWO,EAAO,kBAAkB,GAAG,cAAY,QAAQL,CAAI,IAC/F,UAAA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,WAAU;AAAA,MAET,UACCH,IAAA,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,UACL,UAAS;AAAA,UACT,UAAS;AAAA,QAAA;AAAA,MAAA,IAGX,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,UACL,UAAS;AAAA,UACT,UAAS;AAAA,QAAA;AAAA,MACX;AAAA,IAAA;AAAA,EAAA,EAGN,CAAA,EACF,CAAA;AAEJ;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@uva-glass/component-library",
   "author": "Team Glass - Frontend vrienden",
   "private": false,
-  "version": "1.2.0",
+  "version": "1.3.1",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -44,18 +44,19 @@
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/gitlab": "^13.0.4",
     "@semantic-release/npm": "^12.0.0",
-    "@storybook/addon-essentials": "^8.0.9",
-    "@storybook/addon-interactions": "^8.0.9",
-    "@storybook/addon-links": "^8.0.9",
-    "@storybook/blocks": "^8.0.9",
-    "@storybook/react": "^8.0.9",
-    "@storybook/react-vite": "^8.0.9",
-    "@storybook/test": "^8.0.9",
-    "@types/node": "^20.12.7",
+    "@storybook/addon-a11y": "^8.0.10",
+    "@storybook/addon-essentials": "^8.0.10",
+    "@storybook/addon-interactions": "^8.0.10",
+    "@storybook/addon-links": "^8.0.10",
+    "@storybook/blocks": "^8.0.10",
+    "@storybook/react": "^8.0.10",
+    "@storybook/react-vite": "^8.0.10",
+    "@storybook/test": "^8.0.10",
+    "@types/node": "^20.12.10",
     "@types/react": "^18.3.1",
     "@types/react-dom": "^18.3.0",
-    "@typescript-eslint/eslint-plugin": "^7.7.1",
-    "@typescript-eslint/parser": "^7.7.1",
+    "@typescript-eslint/eslint-plugin": "^7.8.0",
+    "@typescript-eslint/parser": "^7.8.0",
     "@uva-glass/eslint-config": "^1.2.0",
     "@uva-glass/stylelint-config": "^1.1.0",
     "@vitejs/plugin-react": "^4.2.1",
@@ -76,15 +77,15 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "semantic-release": "^23.0.8",
-    "storybook": "^8.0.9",
+    "storybook": "^8.0.10",
     "style-dictionary": "^3.9.2",
-    "stylelint": "^16.4.0",
+    "stylelint": "^16.5.0",
     "stylelint-config-recommended": "^14.0.0",
     "stylelint-config-standard": "^36.0.0",
     "stylelint-order": "^6.0.4",
     "typescript": "^5.4.5",
-    "vite": "^5.2.10",
-    "vite-plugin-dts": "^3.9.0",
+    "vite": "^5.2.11",
+    "vite-plugin-dts": "^3.9.1",
     "vite-plugin-lib-inject-css": "^2.0.1",
     "vite-plugin-svgr": "^4.2.0",
     "vite-tsconfig-paths": "^4.3.2"