@uva-glass/component-library 3.53.15 → 3.54.0

package/dist/components/CheckboxTree/CheckboxTree.stories.js

@@ -1,6 +1,6 @@
 import { jsx as d, jsxs as y } from "react/jsx-runtime";
 import { s as O, f as _ } from "../../index-B_q_4aBT.js";
-import { I as C, a as v } from "../../chunk-2N4WE3KZ-DiBZ4E0Z.js";
+import { I as C, a as v } from "../../chunk-2N4WE3KZ-nJkI9rUN.js";
 import { useState as R } from "react";
 import { CheckboxTree as u } from "./CheckboxTree.js";
 import { Chip as w } from "../Chip/Chip.js";

package/dist/components/TextArea/TextArea.js

@@ -1,12 +1,12 @@
-import { jsxs as r, jsx as _ } from "react/jsx-runtime";
-import { useRef as q, useState as w } from "react";
-import { c as l } from "../../clsx-OuTLNxxd.js";
-import '../../assets/TextArea.css';const k = "_required_19dqk_25", e = {
+import { jsxs as _, jsx as n } from "react/jsx-runtime";
+import { useRef as w, useState as k, useEffect as m } from "react";
+import { c as s } from "../../clsx-OuTLNxxd.js";
+import '../../assets/TextArea.css';const v = "_required_19dqk_25", e = {
   "text-area__wrapper": "_text-area__wrapper_19dqk_1",
   "text-area__header": "_text-area__header_19dqk_7",
   "text-area__label-wrapper": "_text-area__label-wrapper_19dqk_13",
   "text-area__label": "_text-area__label_19dqk_13",
-  required: k,
+  required: v,
   "text-area__sub-label": "_text-area__sub-label_19dqk_33",
   "text-area__word-count": "_text-area__word-count_19dqk_38",
   "text-area__word-count--alert": "_text-area__word-count--alert_19dqk_43",
@@ -14,47 +14,52 @@ import '../../assets/TextArea.css';const k = "_required_19dqk_25", e = {
   "text-area--oneLine": "_text-area--oneLine_19dqk_61",
   "not-valid": "_not-valid_19dqk_66"
 };
-function b({
-  onChange: c,
-  label: n,
-  subLabel: d,
+function y({
+  onChange: u,
+  label: l,
+  subLabel: o,
   maxCharacters: a = 0,
-  heightAsTextField: x = !1,
-  defaultValue: s = "",
-  required: i = !1,
-  notValid: u = !1
+  heightAsTextField: c = !1,
+  defaultValue: d = "",
+  required: x = !1,
+  notValid: p = !1
 }) {
-  const t = q(null), [o, p] = w(s.length), h = () => {
-    t.current && (t.current.style.height = "auto", t.current.style.height = `${t.current.scrollHeight}px`, p(t.current.value.length), c(t.current.value.trim()));
+  const t = w(null), [i, h] = k(d.length), q = () => {
+    t.current && (t.current.style.height = "auto", t.current.style.height = `${t.current.scrollHeight}px`, h(t.current.value.length), u(t.current.value.trim()));
+  }, f = () => {
+    const r = t.current;
+    r && (r.style.height = "auto", r.style.height = `${r.scrollHeight}px`);
   };
-  return /* @__PURE__ */ r("div", { className: e["text-area__wrapper"], children: [
-    (n || a > 0) && /* @__PURE__ */ r("div", { className: e["text-area__header"], children: [
-      /* @__PURE__ */ r("span", { className: e["text-area__label-wrapper"], children: [
-        n && /* @__PURE__ */ _("span", { className: l(e["text-area__label"], { [e.required]: i }), children: n }),
-        d && /* @__PURE__ */ _("span", { className: e["text-area__sub-label"], children: d })
+  return m(() => {
+    c || f();
+  }, []), /* @__PURE__ */ _("div", { className: e["text-area__wrapper"], children: [
+    (l || a > 0) && /* @__PURE__ */ _("div", { className: e["text-area__header"], children: [
+      /* @__PURE__ */ _("span", { className: e["text-area__label-wrapper"], children: [
+        l && /* @__PURE__ */ n("span", { className: s(e["text-area__label"], { [e.required]: x }), children: l }),
+        o && /* @__PURE__ */ n("span", { className: e["text-area__sub-label"], children: o })
       ] }),
-      a > 0 && /* @__PURE__ */ r("div", { className: e["text-area__word-count"], children: [
-        /* @__PURE__ */ _("span", { className: l({ [e["text-area__word-count--alert"]]: o === a }), children: o }),
+      a > 0 && /* @__PURE__ */ _("div", { className: e["text-area__word-count"], children: [
+        /* @__PURE__ */ n("span", { className: s({ [e["text-area__word-count--alert"]]: i === a }), children: i }),
         " / ",
         a
       ] })
     ] }),
-    /* @__PURE__ */ _(
+    /* @__PURE__ */ n(
       "textarea",
       {
         ref: t,
-        className: l(e["text-area"], {
-          [e["not-valid"]]: u,
-          [e["text-area--oneLine"]]: x
+        className: s(e["text-area"], {
+          [e["not-valid"]]: p,
+          [e["text-area--oneLine"]]: c
         }),
         maxLength: a > 0 ? a : void 0,
-        onInput: h,
-        defaultValue: s
+        onInput: q,
+        defaultValue: d
       }
     )
   ] });
 }
 export {
-  b as TextArea
+  y as TextArea
 };
 //# sourceMappingURL=TextArea.js.map

package/dist/components/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sources":["../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\nimport { clsx } from 'clsx';\n\nimport styles from './TextArea.module.css';\n\nexport interface TextAreaProps {\n  /** Returns entered values as trimmed string */\n  onChange: (value: string) => void;\n  /** The label for the text area */\n  label?: string;\n  /** Optional sub label for the text area */\n  subLabel?: string;\n  /** The max amount of allowed charecters in the text area */\n  maxCharacters?: number;\n  /** The max number of visible lines in the text area */\n  heightAsTextField?: boolean;\n  /** The default value for the text area */\n  defaultValue?: string;\n  /** `true` to show an asterisk to indicate an item is required; otherwise, `false`. */\n  required?: boolean;\n  /** `true` to color border red to show not valid; otherwise, `false`. */\n  notValid?: boolean;\n}\n\nexport function TextArea({\n  onChange,\n  label,\n  subLabel,\n  maxCharacters = 0,\n  heightAsTextField = false,\n  defaultValue = '',\n  required = false,\n  notValid = false,\n}: TextAreaProps) {\n  const textAreaRef = useRef<HTMLTextAreaElement>(null);\n  const [characterCount, setCharacterCount] = useState(defaultValue.length);\n\n  const handleInput = () => {\n    if (textAreaRef.current) {\n      textAreaRef.current.style.height = 'auto';\n      textAreaRef.current.style.height = `${textAreaRef.current.scrollHeight}px`;\n\n      setCharacterCount(textAreaRef.current.value.length);\n      onChange(textAreaRef.current.value.trim());\n    }\n  };\n\n  return (\n    <div className={styles['text-area__wrapper']}>\n      {(label || maxCharacters > 0) && (\n        <div className={styles['text-area__header']}>\n          <span className={styles['text-area__label-wrapper']}>\n            {label && (\n              <span className={clsx(styles['text-area__label'], { [styles['required']]: required })}>{label}</span>\n            )}\n            {subLabel && <span className={styles['text-area__sub-label']}>{subLabel}</span>}\n          </span>\n          {maxCharacters > 0 && (\n            <div className={styles['text-area__word-count']}>\n              <span className={clsx({ [styles['text-area__word-count--alert']]: characterCount === maxCharacters })}>\n                {characterCount}\n              </span>\n              &nbsp;/&nbsp;{maxCharacters}\n            </div>\n          )}\n        </div>\n      )}\n\n      <textarea\n        ref={textAreaRef}\n        className={clsx(styles['text-area'], {\n          [styles['not-valid']]: notValid,\n          [styles['text-area--oneLine']]: heightAsTextField,\n        })}\n        maxLength={maxCharacters > 0 ? maxCharacters : undefined}\n        onInput={handleInput}\n        defaultValue={defaultValue}\n      />\n    </div>\n  );\n}\n"],"names":["TextArea","onChange","label","subLabel","maxCharacters","heightAsTextField","defaultValue","required","notValid","textAreaRef","useRef","characterCount","setCharacterCount","useState","handleInput","jsxs","styles","clsx","jsx"],"mappings":";;;;;;;;;;;;;;;;AAwBO,SAASA,EAAS;AAAA,EACvB,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,mBAAAC,IAAoB;AAAA,EACpB,cAAAC,IAAe;AAAA,EACf,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AACb,GAAkB;AAChB,QAAMC,IAAcC,EAA4B,IAAI,GAC9C,CAACC,GAAgBC,CAAiB,IAAIC,EAASP,EAAa,MAAM,GAElEQ,IAAc,MAAM;AACxB,IAAIL,EAAY,YACdA,EAAY,QAAQ,MAAM,SAAS,QACnCA,EAAY,QAAQ,MAAM,SAAS,GAAGA,EAAY,QAAQ,YAAY,MAEtEG,EAAkBH,EAAY,QAAQ,MAAM,MAAM,GAClDR,EAASQ,EAAY,QAAQ,MAAM,KAAA,CAAM;AAAA,EAE7C;AAEA,SACE,gBAAAM,EAAC,OAAA,EAAI,WAAWC,EAAO,oBAAoB,GACvC,UAAA;AAAA,KAAAd,KAASE,IAAgB,MACzB,gBAAAW,EAAC,SAAI,WAAWC,EAAO,mBAAmB,GACxC,UAAA;AAAA,MAAA,gBAAAD,EAAC,QAAA,EAAK,WAAWC,EAAO,0BAA0B,GAC/C,UAAA;AAAA,QAAAd,uBACE,QAAA,EAAK,WAAWe,EAAKD,EAAO,kBAAkB,GAAG,EAAE,CAACA,EAAO,QAAW,GAAGT,EAAA,CAAU,GAAI,UAAAL,GAAM;AAAA,QAE/FC,KAAY,gBAAAe,EAAC,QAAA,EAAK,WAAWF,EAAO,sBAAsB,GAAI,UAAAb,EAAA,CAAS;AAAA,MAAA,GAC1E;AAAA,MACCC,IAAgB,KACf,gBAAAW,EAAC,SAAI,WAAWC,EAAO,uBAAuB,GAC5C,UAAA;AAAA,QAAA,gBAAAE,EAAC,QAAA,EAAK,WAAWD,EAAK,EAAE,CAACD,EAAO,8BAA8B,CAAC,GAAGL,MAAmBP,EAAA,CAAe,GACjG,UAAAO,EAAA,CACH;AAAA,QAAO;AAAA,QACOP;AAAA,MAAA,EAAA,CAChB;AAAA,IAAA,GAEJ;AAAA,IAGF,gBAAAc;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKT;AAAA,QACL,WAAWQ,EAAKD,EAAO,WAAW,GAAG;AAAA,UACnC,CAACA,EAAO,WAAW,CAAC,GAAGR;AAAA,UACvB,CAACQ,EAAO,oBAAoB,CAAC,GAAGX;AAAA,QAAA,CACjC;AAAA,QACD,WAAWD,IAAgB,IAAIA,IAAgB;AAAA,QAC/C,SAASU;AAAA,QACT,cAAAR;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
+{"version":3,"file":"TextArea.js","sources":["../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { clsx } from 'clsx';\n\nimport styles from './TextArea.module.css';\n\nexport interface TextAreaProps {\n  /** Returns entered values as trimmed string */\n  onChange: (value: string) => void;\n  /** The label for the text area */\n  label?: string;\n  /** Optional sub label for the text area */\n  subLabel?: string;\n  /** The max amount of allowed charecters in the text area */\n  maxCharacters?: number;\n  /** The max number of visible lines in the text area */\n  heightAsTextField?: boolean;\n  /** The default value for the text area */\n  defaultValue?: string;\n  /** `true` to show an asterisk to indicate an item is required; otherwise, `false`. */\n  required?: boolean;\n  /** `true` to color border red to show not valid; otherwise, `false`. */\n  notValid?: boolean;\n}\n\nexport function TextArea({\n  onChange,\n  label,\n  subLabel,\n  maxCharacters = 0,\n  heightAsTextField = false,\n  defaultValue = '',\n  required = false,\n  notValid = false,\n}: TextAreaProps) {\n  const textAreaRef = useRef<HTMLTextAreaElement>(null);\n  const [characterCount, setCharacterCount] = useState(defaultValue.length);\n\n  const handleInput = () => {\n    if (textAreaRef.current) {\n      textAreaRef.current.style.height = 'auto';\n      textAreaRef.current.style.height = `${textAreaRef.current.scrollHeight}px`;\n\n      setCharacterCount(textAreaRef.current.value.length);\n      onChange(textAreaRef.current.value.trim());\n    }\n  };\n\n  const autoResize = () => {\n    const el = textAreaRef.current;\n    if (!el) return;\n    el.style.height = 'auto';\n    el.style.height = `${el.scrollHeight}px`;\n  };\n\n  useEffect(() => {\n    if (!heightAsTextField) {\n      autoResize();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <div className={styles['text-area__wrapper']}>\n      {(label || maxCharacters > 0) && (\n        <div className={styles['text-area__header']}>\n          <span className={styles['text-area__label-wrapper']}>\n            {label && (\n              <span className={clsx(styles['text-area__label'], { [styles['required']]: required })}>{label}</span>\n            )}\n            {subLabel && <span className={styles['text-area__sub-label']}>{subLabel}</span>}\n          </span>\n          {maxCharacters > 0 && (\n            <div className={styles['text-area__word-count']}>\n              <span className={clsx({ [styles['text-area__word-count--alert']]: characterCount === maxCharacters })}>\n                {characterCount}\n              </span>\n              &nbsp;/&nbsp;{maxCharacters}\n            </div>\n          )}\n        </div>\n      )}\n\n      <textarea\n        ref={textAreaRef}\n        className={clsx(styles['text-area'], {\n          [styles['not-valid']]: notValid,\n          [styles['text-area--oneLine']]: heightAsTextField,\n        })}\n        maxLength={maxCharacters > 0 ? maxCharacters : undefined}\n        onInput={handleInput}\n        defaultValue={defaultValue}\n      />\n    </div>\n  );\n}\n"],"names":["TextArea","onChange","label","subLabel","maxCharacters","heightAsTextField","defaultValue","required","notValid","textAreaRef","useRef","characterCount","setCharacterCount","useState","handleInput","autoResize","el","useEffect","jsxs","styles","clsx","jsx"],"mappings":";;;;;;;;;;;;;;;;AAwBO,SAASA,EAAS;AAAA,EACvB,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,mBAAAC,IAAoB;AAAA,EACpB,cAAAC,IAAe;AAAA,EACf,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AACb,GAAkB;AAChB,QAAMC,IAAcC,EAA4B,IAAI,GAC9C,CAACC,GAAgBC,CAAiB,IAAIC,EAASP,EAAa,MAAM,GAElEQ,IAAc,MAAM;AACxB,IAAIL,EAAY,YACdA,EAAY,QAAQ,MAAM,SAAS,QACnCA,EAAY,QAAQ,MAAM,SAAS,GAAGA,EAAY,QAAQ,YAAY,MAEtEG,EAAkBH,EAAY,QAAQ,MAAM,MAAM,GAClDR,EAASQ,EAAY,QAAQ,MAAM,KAAA,CAAM;AAAA,EAE7C,GAEMM,IAAa,MAAM;AACvB,UAAMC,IAAKP,EAAY;AACvB,IAAKO,MACLA,EAAG,MAAM,SAAS,QAClBA,EAAG,MAAM,SAAS,GAAGA,EAAG,YAAY;AAAA,EACtC;AAEA,SAAAC,EAAU,MAAM;AACd,IAAKZ,KACHU,EAAA;AAAA,EAGJ,GAAG,CAAA,CAAE,GAGH,gBAAAG,EAAC,OAAA,EAAI,WAAWC,EAAO,oBAAoB,GACvC,UAAA;AAAA,KAAAjB,KAASE,IAAgB,MACzB,gBAAAc,EAAC,SAAI,WAAWC,EAAO,mBAAmB,GACxC,UAAA;AAAA,MAAA,gBAAAD,EAAC,QAAA,EAAK,WAAWC,EAAO,0BAA0B,GAC/C,UAAA;AAAA,QAAAjB,uBACE,QAAA,EAAK,WAAWkB,EAAKD,EAAO,kBAAkB,GAAG,EAAE,CAACA,EAAO,QAAW,GAAGZ,EAAA,CAAU,GAAI,UAAAL,GAAM;AAAA,QAE/FC,KAAY,gBAAAkB,EAAC,QAAA,EAAK,WAAWF,EAAO,sBAAsB,GAAI,UAAAhB,EAAA,CAAS;AAAA,MAAA,GAC1E;AAAA,MACCC,IAAgB,KACf,gBAAAc,EAAC,SAAI,WAAWC,EAAO,uBAAuB,GAC5C,UAAA;AAAA,QAAA,gBAAAE,EAAC,QAAA,EAAK,WAAWD,EAAK,EAAE,CAACD,EAAO,8BAA8B,CAAC,GAAGR,MAAmBP,EAAA,CAAe,GACjG,UAAAO,EAAA,CACH;AAAA,QAAO;AAAA,QACOP;AAAA,MAAA,EAAA,CAChB;AAAA,IAAA,GAEJ;AAAA,IAGF,gBAAAiB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKZ;AAAA,QACL,WAAWW,EAAKD,EAAO,WAAW,GAAG;AAAA,UACnC,CAACA,EAAO,WAAW,CAAC,GAAGX;AAAA,UACvB,CAACW,EAAO,oBAAoB,CAAC,GAAGd;AAAA,QAAA,CACjC;AAAA,QACD,WAAWD,IAAgB,IAAIA,IAAgB;AAAA,QAC/C,SAASU;AAAA,QACT,cAAAR;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/dist/components/TextArea/TextArea.stories.js

@@ -1,30 +1,34 @@
 import { jsx as r } from "react/jsx-runtime";
 import { f as a } from "../../index-B_q_4aBT.js";
 import { TextArea as e } from "./TextArea.js";
-const o = `
-  <TextArea label={label} maxCharacters={maxCharacters} defaultValue={string}/> `, b = {
+const m = `
+  <TextArea label={label} maxCharacters={maxCharacters} defaultValue={string}/> `, x = {
   title: "Atoms/TextArea",
   component: e,
   argTypes: { label: { control: "text" }, maxCharacters: { control: "number" } },
-  parameters: { inspectComponent: e, codeString: o }
-}, t = (l) => /* @__PURE__ */ r(e, { ...l }), m = t.bind({});
-m.args = {
+  parameters: { inspectComponent: e, codeString: m }
+}, l = (t) => /* @__PURE__ */ r(e, { ...t }), n = l.bind({});
+n.args = {
   label: "Sample label",
   maxCharacters: 140,
   defaultValue: "Sample default value",
   onChange: a()
 };
-const s = t.bind({});
-s.args = {
+const o = l.bind({});
+o.args = {
   label: "Sample label",
   subLabel: "Sample sub label",
   maxCharacters: 140,
-  defaultValue: "Sample default value",
+  defaultValue: `Sample default value 
+ Sample default value 
+ Sample default value 
+ Sample default value 
+ Sample default value`,
   onChange: a()
 };
 export {
-  m as TextAreaExample,
-  s as TextAreaSubtitleExample,
-  b as default
+  n as TextAreaExample,
+  o as TextAreaSubtitleExample,
+  x as default
 };
 //# sourceMappingURL=TextArea.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.stories.js","sources":["../../../src/components/TextArea/TextArea.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { TextAreaProps } from './TextArea';\n\nimport { TextArea } from './TextArea';\n\nconst codeString = `\n  <TextArea label={label} maxCharacters={maxCharacters} defaultValue={string}/> `;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/TextArea',\n  component: TextArea,\n  argTypes: { label: { control: 'text' }, maxCharacters: { control: 'number' } },\n  parameters: { inspectComponent: TextArea, codeString: codeString },\n} as Meta<TextAreaProps>;\n\nconst Template: StoryFn<TextAreaProps> = (args) => <TextArea {...args} />;\n\nexport const TextAreaExample = Template.bind({});\nTextAreaExample.args = {\n  label: 'Sample label',\n  maxCharacters: 140,\n  defaultValue: 'Sample default value',\n  onChange: fn(),\n};\n\nexport const TextAreaSubtitleExample = Template.bind({});\nTextAreaSubtitleExample.args = {\n  label: 'Sample label',\n  subLabel: 'Sample sub label',\n  maxCharacters: 140,\n  defaultValue: 'Sample default value',\n  onChange: fn(),\n};\n"],"names":["codeString","TextArea_stories","TextArea","Template","args","jsx","TextAreaExample","fn","TextAreaSubtitleExample"],"mappings":";;;AAOA,MAAMA,IAAa;AAAA,mFAInBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU,EAAE,OAAO,EAAE,SAAS,OAAA,GAAU,eAAe,EAAE,SAAS,WAAS;AAAA,EAC3E,YAAY,EAAE,kBAAkBA,GAAU,YAAAF,EAAA;AAC5C,GAEMG,IAAmC,CAACC,MAAS,gBAAAC,EAACH,GAAA,EAAU,GAAGE,GAAM,GAE1DE,IAAkBH,EAAS,KAAK,CAAA,CAAE;AAC/CG,EAAgB,OAAO;AAAA,EACrB,OAAO;AAAA,EACP,eAAe;AAAA,EACf,cAAc;AAAA,EACd,UAAUC,EAAA;AACZ;AAEO,MAAMC,IAA0BL,EAAS,KAAK,CAAA,CAAE;AACvDK,EAAwB,OAAO;AAAA,EAC7B,OAAO;AAAA,EACP,UAAU;AAAA,EACV,eAAe;AAAA,EACf,cAAc;AAAA,EACd,UAAUD,EAAA;AACZ;"}
+{"version":3,"file":"TextArea.stories.js","sources":["../../../src/components/TextArea/TextArea.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { TextAreaProps } from './TextArea';\n\nimport { TextArea } from './TextArea';\n\nconst codeString = `\n  <TextArea label={label} maxCharacters={maxCharacters} defaultValue={string}/> `;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/TextArea',\n  component: TextArea,\n  argTypes: { label: { control: 'text' }, maxCharacters: { control: 'number' } },\n  parameters: { inspectComponent: TextArea, codeString: codeString },\n} as Meta<TextAreaProps>;\n\nconst Template: StoryFn<TextAreaProps> = (args) => <TextArea {...args} />;\n\nexport const TextAreaExample = Template.bind({});\nTextAreaExample.args = {\n  label: 'Sample label',\n  maxCharacters: 140,\n  defaultValue: 'Sample default value',\n  onChange: fn(),\n};\n\nexport const TextAreaSubtitleExample = Template.bind({});\nTextAreaSubtitleExample.args = {\n  label: 'Sample label',\n  subLabel: 'Sample sub label',\n  maxCharacters: 140,\n  defaultValue:\n    'Sample default value \\n Sample default value \\n Sample default value \\n Sample default value \\n Sample default value',\n  onChange: fn(),\n};\n"],"names":["codeString","TextArea_stories","TextArea","Template","args","jsx","TextAreaExample","fn","TextAreaSubtitleExample"],"mappings":";;;AAOA,MAAMA,IAAa;AAAA,mFAInBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU,EAAE,OAAO,EAAE,SAAS,OAAA,GAAU,eAAe,EAAE,SAAS,WAAS;AAAA,EAC3E,YAAY,EAAE,kBAAkBA,GAAU,YAAAF,EAAA;AAC5C,GAEMG,IAAmC,CAACC,MAAS,gBAAAC,EAACH,GAAA,EAAU,GAAGE,GAAM,GAE1DE,IAAkBH,EAAS,KAAK,CAAA,CAAE;AAC/CG,EAAgB,OAAO;AAAA,EACrB,OAAO;AAAA,EACP,eAAe;AAAA,EACf,cAAc;AAAA,EACd,UAAUC,EAAA;AACZ;AAEO,MAAMC,IAA0BL,EAAS,KAAK,CAAA,CAAE;AACvDK,EAAwB,OAAO;AAAA,EAC7B,OAAO;AAAA,EACP,UAAU;AAAA,EACV,eAAe;AAAA,EACf,cACE;AAAA;AAAA;AAAA;AAAA;AAAA,EACF,UAAUD,EAAA;AACZ;"}

package/dist/storybook__react.d.js

@@ -1,6 +1,6 @@
 import * as lt from "react";
 import Me, { StrictMode as gn, Fragment as Yt, Component as Fn, isValidElement as Ht, createElement as yn } from "react";
-import { d as Bn, e as xn, b as vn, c as fe, h as _n, f as Sn, T as pr, i as Dt, g as bn, u as wn, j as kn, S as fr, k as Tn, l as dr, m as Pn } from "./chunk-2N4WE3KZ-DiBZ4E0Z.js";
+import { d as Bn, e as xn, b as vn, c as fe, h as _n, f as Sn, T as pr, i as Dt, g as bn, u as wn, j as kn, S as fr, k as Tn, l as dr, m as Pn } from "./chunk-2N4WE3KZ-nJkI9rUN.js";
 import { s as Qt, c as In, l as bt } from "./index-B_q_4aBT.js";
 var Nn = {
   /** Story has a test function */

package/package.json

@@ -2,7 +2,7 @@
   "name": "@uva-glass/component-library",
   "author": "Team Glass - Frontend vrienden",
   "private": false,
-  "version": "3.53.15",
+  "version": "3.54.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -43,8 +43,8 @@
     "react-dom": "^19.2.4"
   },
   "devDependencies": {
-    "@commitlint/cli": "^20.4.1",
-    "@commitlint/config-conventional": "^20.4.1",
+    "@commitlint/cli": "^20.4.2",
+    "@commitlint/config-conventional": "^20.4.2",
     "@react-aria/button": "^3.14.4",
     "@react-aria/dialog": "^3.5.33",
     "@react-aria/focus": "^3.21.4",
@@ -53,15 +53,15 @@
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/gitlab": "^13.3.0",
     "@semantic-release/npm": "^13.1.4",
-    "@storybook/addon-a11y": "^10.2.8",
-    "@storybook/addon-docs": "^10.2.8",
-    "@storybook/addon-links": "^10.2.8",
-    "@storybook/react": "^10.2.8",
-    "@storybook/react-vite": "^10.2.8",
+    "@storybook/addon-a11y": "^10.2.10",
+    "@storybook/addon-docs": "^10.2.10",
+    "@storybook/addon-links": "^10.2.10",
+    "@storybook/react": "^10.2.10",
+    "@storybook/react-vite": "^10.2.10",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@types/jest": "^30.0.0",
-    "@types/node": "^25.2.3",
+    "@types/node": "^25.3.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@uva-glass/eslint-config": "^1.3.11",
@@ -71,20 +71,20 @@
     "babel-plugin-transform-vite-meta-env": "^1.0.3",
     "clsx": "^2.1.1",
     "eslint-plugin-react-hooks": "^7.0.1",
-    "glob": "^13.0.3",
+    "glob": "^13.0.6",
     "husky": "^9.1.7",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^30.2.0",
     "jest-environment-jsdom": "^30.2.0",
     "jest-junit": "^16.0.0",
-    "jsdom": "^28.0.0",
+    "jsdom": "^28.1.0",
     "npm-run-all2": "^8.0.4",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "react-router": "^7.13.0",
     "semantic-release": "^25.0.3",
-    "storybook": "^10.2.8",
-    "style-dictionary": "^5.3.0",
+    "storybook": "^10.2.10",
+    "style-dictionary": "^5.3.2",
     "stylelint": "^17.3.0",
     "stylelint-config-recommended": "^18.0.0",
     "stylelint-config-standard": "^40.0.0",
@@ -110,7 +110,7 @@
   },
   "optionalDependencies": {
     "@ast-grep/napi-linux-x64-gnu": "0.40.5",
-    "@rollup/rollup-linux-x64-gnu": "^4.57.1",
+    "@rollup/rollup-linux-x64-gnu": "^4.58.0",
     "@rspack/binding-darwin-arm64": "1.7.6",
     "@rspack/binding-linux-x64-gnu": "1.7.6"
   }