@uva-glass/component-library 3.22.0 → 3.23.0

package/dist/components/RteEditor/Plugins/index.js

@@ -3,7 +3,7 @@ import { BlockFormatPlugin as l } from "./BlockFormatPlugin/BlockFormatPlugin.js
 import { ListPlugin as n } from "./ListPlugin/ListPlugin.js";
 import { LinkPlugin as m, getLinkNodeTag as x } from "./LinkPlugin/LinkPlugin.js";
 import { HistoryPlugin as p } from "./HistoryPlugin/HistoryPlugin.js";
-import { T as a } from "../../../TablePlugin-CrCof8yO.js";
+import { T as a } from "../../../TablePlugin-Bj5FObQ_.js";
 import { TableCellContextMenu as T } from "./TablePlugin/TableCellContextMenu/TableCellContextMenu.js";
 export {
   l as BlockFormatPlugin,

package/dist/components/RteEditor/RteEditor.js

@@ -13,10 +13,10 @@ import { s as Yt, c as Qt, a as je, b as Zt, w as er, S as tr, y as Je, O as rr
 import { a as nr, w as or, M as ar } from "../../helpers-DxxBlpKs.js";
 import { c as sr } from "../../clsx-OuTLNxxd.js";
 import { exportMap as ir, isStartingWithHtmlTag as lr, mergeBoldStrongTags as ur } from "./helpers.js";
-import { s as I } from "../../RteEditor.module-45648CA2.js";
+import { s as I } from "../../RteEditor.module-B_3uFnFu.js";
 import { ToolBarPlugin as cr } from "./Plugins/ToolbarPlugin/ToolbarPlugin.js";
 import { useTranslation as dr } from "./hooks/useTranslation.js";
-import "../../TablePlugin-CrCof8yO.js";
+import "../../TablePlugin-Bj5FObQ_.js";
 import "./Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "./hooks/components/Flyout.js";
 import "../Buttons/Button.js";
@@ -36,7 +36,7 @@ import "react-router";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";
-import "../../SortableProvider-B3_u0pKv.js";
+import "../../SortableProvider-CwX1lFMa.js";
 import { UvaTheme as mr } from "./UvaTheme/UvaTheme.js";
 import { EditorHeader as pr } from "./EditorHeader/EditorHeader.js";
 import { LanguageProvider as gr, useLanguage as hr } from "./Providers/LanguageProvider.js";

package/dist/components/RteEditor/UvaTheme/UvaTheme.js

@@ -1,4 +1,4 @@
-import { s as t } from "../../../RteEditor.module-45648CA2.js";
+import { s as t } from "../../../RteEditor.module-B_3uFnFu.js";
 const i = {
   ltr: t["guide-text-ltr"],
   rtl: t["guide-text-rtl"],

package/dist/components/RteEditor/hooks/components/Flyout.js

@@ -1,9 +1,9 @@
 import { jsx as e } from "react/jsx-runtime";
 import { c as f } from "../../../../clsx-OuTLNxxd.js";
 import { forwardRef as l } from "react";
-import '../../../../assets/Flyout.css';const s = "_flyout__wrapper_1d8z8_1", y = "_flyout__open_1d8z8_14", t = {
-  flyout__wrapper: s,
-  flyout__open: y
+import '../../../../assets/Flyout.css';const a = "_flyout__wrapper_cadga_1", s = "_flyout__open_cadga_14", t = {
+  flyout__wrapper: a,
+  flyout__open: s
 }, m = l(
   ({ position: o, visible: _, children: p }, r) => /* @__PURE__ */ e(
     "div",

package/dist/components/SelectListbox/components/SelectButton.js

@@ -1,7 +1,7 @@
 import { jsx as a, jsxs as C } from "react/jsx-runtime";
 import { c as f } from "../../../clsx-OuTLNxxd.js";
 import { forwardRef as E, useRef as g, useEffect as c } from "react";
-import { s as t } from "../../../SelectListbox.module-N3Kg0UvL.js";
+import { s as t } from "../../../SelectListbox.module-DHFU0NjU.js";
 import { Icon as L } from "../../Icon/Icon.js";
 import { useSelect as N } from "../SelectProvider.js";
 const O = E((d, u) => {

package/dist/components/SelectListbox/components/SelectContainer.js

@@ -1,7 +1,7 @@
 import { jsx as c } from "react/jsx-runtime";
 import { useRef as i, useCallback as u, useEffect as l } from "react";
 import { useSelect as m } from "../SelectProvider.js";
-import { s as f } from "../../../SelectListbox.module-N3Kg0UvL.js";
+import { s as f } from "../../../SelectListbox.module-DHFU0NjU.js";
 const E = ({ children: o }) => {
   const { isOpen: r, setIsOpen: n } = m(), t = i(null), e = u(
     ({ target: s }) => {

package/dist/components/SelectListbox/components/SelectOption.js

@@ -2,7 +2,7 @@ import { jsxs as D, Fragment as h, jsx as m } from "react/jsx-runtime";
 import { c as y } from "../../../clsx-OuTLNxxd.js";
 import { useRef as O, useEffect as d } from "react";
 import { useSelect as x } from "../SelectProvider.js";
-import { s as o } from "../../../SelectListbox.module-N3Kg0UvL.js";
+import { s as o } from "../../../SelectListbox.module-DHFU0NjU.js";
 const j = ({ option: l, index: t, dividerAfter: u, children: v }) => {
   const i = O(null), { isOpen: r, activeIndex: s, setActiveIndex: c, selectedValue: f, setSelectedValue: p, setIsOpen: n, options: a } = x(), w = (e) => {
     p(a[e]), n(!1);

package/dist/components/SelectListbox/components/SelectOptionBox.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { forwardRef as m, useRef as x } from "react";
-import { s as i } from "../../../SelectListbox.module-N3Kg0UvL.js";
+import { s as i } from "../../../SelectListbox.module-DHFU0NjU.js";
 import { useSelect as a } from "../SelectProvider.js";
 const h = m((l, e) => {
   const { style: t, children: o } = l, { listboxId: r, isOpen: c } = a(), n = x(null);

package/dist/components/Sortable/Sortable.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { Children as e } from "react";
 import { SortableItem as b } from "./components/SortableItem.js";
-import { S as n } from "../../SortableProvider-B3_u0pKv.js";
+import { S as n } from "../../SortableProvider-CwX1lFMa.js";
 const S = ({ children: t, ItemHandlePlacement: m = "left", scrollable: a, disabled: l, onSort: i }) => /* @__PURE__ */ o(
   n,
   {

package/dist/components/Sortable/SortableProvider.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "./sortableReducer.js";
-import { S as p, u as a } from "../../SortableProvider-B3_u0pKv.js";
+import { S as p, u as a } from "../../SortableProvider-CwX1lFMa.js";
 import "./actions.js";
 export {
   p as SortableProvider,

package/dist/components/Sortable/components/SortableContainer.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../clsx-OuTLNxxd.js";
-import "../../../Sortable.module-CuvuQhr8.js";
-import { a } from "../../../SortableProvider-B3_u0pKv.js";
+import "../../../Sortable.module-CekPNg54.js";
+import { a } from "../../../SortableProvider-CwX1lFMa.js";
 export {
   a as SortableContainer
 };

package/dist/components/Sortable/components/SortableHandle.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { Icon as e } from "../../Icon/Icon.js";
-import { s as t } from "../../../Sortable.module-CuvuQhr8.js";
+import { s as t } from "../../../Sortable.module-CekPNg54.js";
 const r = "ontouchstart" in globalThis.document.documentElement;
 function m({ placement: n }) {
   return r ? null : /* @__PURE__ */ o("div", { className: `${t.sortable__handle} ${t[`sortable__handle--${n}`]}`, children: /* @__PURE__ */ o(e, { name: "Dots" }) });

package/dist/components/Sortable/components/SortableItem.js

@@ -2,8 +2,8 @@ import { jsxs as i, jsx as r, Fragment as v } from "react/jsx-runtime";
 import { useState as S, useRef as M, useEffect as Q } from "react";
 import { Icon as w } from "../../Icon/Icon.js";
 import { SortableHandle as E } from "./SortableHandle.js";
-import { s as t } from "../../../Sortable.module-CuvuQhr8.js";
-import { u as k } from "../../../SortableProvider-B3_u0pKv.js";
+import { s as t } from "../../../Sortable.module-CekPNg54.js";
+import { u as k } from "../../../SortableProvider-CwX1lFMa.js";
 const G = ["Space", "ArrowDown", "ArrowUp"], J = "ontouchstart" in globalThis.document.documentElement, C = new Image(0, 0);
 C.src = // 1px transparent png
 "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQDwAEhQGAhKmMIQAAAABJRU5ErkJggg==";

package/dist/components/StatusBadge/StatusBage.js

@@ -1,10 +1,10 @@
 import { jsx as e } from "react/jsx-runtime";
-import { c as g } from "../../clsx-OuTLNxxd.js";
-import '../../assets/StatusBage.css';const o = "_statusbadge_6tmbw_1", t = {
-  statusbadge: o,
-  "statusbadge--high-contrast": "_statusbadge--high-contrast_6tmbw_14"
-}, d = ({ label: s, highContrast: a = !1 }) => /* @__PURE__ */ e("div", { className: g(t.statusbadge, [a && t["statusbadge--high-contrast"]]), children: s });
+import { c } from "../../clsx-OuTLNxxd.js";
+import '../../assets/StatusBage.css';const d = "_statusbadge_1dz6c_1", t = {
+  statusbadge: d,
+  "statusbadge--high-contrast": "_statusbadge--high-contrast_1dz6c_14"
+}, r = ({ label: s, highContrast: a = !1 }) => /* @__PURE__ */ e("div", { className: c(t.statusbadge, [a && t["statusbadge--high-contrast"]]), children: s });
 export {
-  d as StatusBadge
+  r as StatusBadge
 };
 //# sourceMappingURL=StatusBage.js.map

package/dist/components/TextArea/TextArea.d.ts

@@ -5,5 +5,7 @@ export interface TextAreaProps {
     label?: string;
     /** The max amount of allowed charecters in the text area */
     maxCharacters?: number;
+    /** The default value for the text area */
+    defaultValue?: string;
 }
-export declare function TextArea({ onChange, label, maxCharacters }: TextAreaProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextArea({ onChange, label, maxCharacters, defaultValue }: TextAreaProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/TextArea/TextArea.js

@@ -1,6 +1,6 @@
 import { jsxs as r, jsx as _ } from "react/jsx-runtime";
-import { useRef as u, useState as x } from "react";
-import { c as d } from "../../clsx-OuTLNxxd.js";
+import { useRef as x, useState as d } from "react";
+import { c as i } from "../../clsx-OuTLNxxd.js";
 import '../../assets/TextArea.css';const t = {
   "text-area__wrapper": "_text-area__wrapper_13728_1",
   "text-area__header": "_text-area__header_13728_7",
@@ -9,15 +9,15 @@ import '../../assets/TextArea.css';const t = {
   "text-area__word-count--alert": "_text-area__word-count--alert_13728_25",
   "text-area": "_text-area_13728_1"
 };
-function m({ onChange: l, label: c, maxCharacters: a = 0 }) {
-  const e = u(null), [n, o] = x(0), s = () => {
-    e.current && (e.current.style.height = "auto", e.current.style.height = `${e.current.scrollHeight}px`, o(e.current.value.length), l(e.current.value.trim()));
+function w({ onChange: l, label: c, maxCharacters: a = 0, defaultValue: o = "" }) {
+  const e = x(null), [n, s] = d(0), u = () => {
+    e.current && (e.current.style.height = "auto", e.current.style.height = `${e.current.scrollHeight}px`, s(e.current.value.length), l(e.current.value.trim()));
   };
   return /* @__PURE__ */ r("div", { className: t["text-area__wrapper"], children: [
     /* @__PURE__ */ r("div", { className: t["text-area__header"], children: [
       /* @__PURE__ */ _("span", { className: t["text-area__label"], children: c }),
       a > 0 && /* @__PURE__ */ r("div", { className: t["text-area__word-count"], children: [
-        /* @__PURE__ */ _("span", { className: d({ [t["text-area__word-count--alert"]]: n === a }), children: n }),
+        /* @__PURE__ */ _("span", { className: i({ [t["text-area__word-count--alert"]]: n === a }), children: n }),
         " / ",
         a
       ] })
@@ -28,12 +28,13 @@ function m({ onChange: l, label: c, maxCharacters: a = 0 }) {
         ref: e,
         className: t["text-area"],
         maxLength: a > 0 ? a : void 0,
-        onInput: s
+        onInput: u,
+        defaultValue: o
       }
     )
   ] });
 }
 export {
-  m as TextArea
+  w 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  /** The max amount of allowed charecters in the text area */\n  maxCharacters?: number;\n}\n\nexport function TextArea({ onChange, label, maxCharacters = 0 }: TextAreaProps) {\n  const textAreaRef = useRef<HTMLTextAreaElement>(null);\n  const [characterCount, setCharacterCount] = useState(0);\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      <div className={styles['text-area__header']}>\n        <span className={styles['text-area__label']}>{label}</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      <textarea\n        ref={textAreaRef}\n        className={styles['text-area']}\n        maxLength={maxCharacters > 0 ? maxCharacters : undefined}\n        onInput={handleInput}\n      />\n    </div>\n  );\n}\n"],"names":["TextArea","onChange","label","maxCharacters","textAreaRef","useRef","characterCount","setCharacterCount","useState","handleInput","jsxs","styles","jsx","clsx"],"mappings":";;;;;;;;;;;AAcO,SAASA,EAAS,EAAE,UAAAC,GAAU,OAAAC,GAAO,eAAAC,IAAgB,KAAoB;AACxE,QAAAC,IAAcC,EAA4B,IAAI,GAC9C,CAACC,GAAgBC,CAAiB,IAAIC,EAAS,CAAC,GAEhDC,IAAc,MAAM;AACxB,IAAIL,EAAY,YACFA,EAAA,QAAQ,MAAM,SAAS,QACnCA,EAAY,QAAQ,MAAM,SAAS,GAAGA,EAAY,QAAQ,YAAY,MAEpDG,EAAAH,EAAY,QAAQ,MAAM,MAAM,GAClDH,EAASG,EAAY,QAAQ,MAAM,KAAA,CAAM;AAAA,EAE7C;AAEA,SACG,gBAAAM,EAAA,OAAA,EAAI,WAAWC,EAAO,oBAAoB,GACzC,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAI,EAAA,WAAWC,EAAO,mBAAmB,GACxC,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAK,EAAA,WAAWD,EAAO,kBAAkB,GAAI,UAAMT,GAAA;AAAA,MACnDC,IAAgB,KACf,gBAAAO,EAAC,SAAI,WAAWC,EAAO,uBAAuB,GAC5C,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAK,EAAA,WAAWC,EAAK,EAAE,CAACF,EAAO,8BAA8B,CAAC,GAAGL,MAAmBH,EAAc,CAAC,GACjG,UACHG,EAAA,CAAA;AAAA,QAAO;AAAA,QACOH;AAAA,MAAA,EAChB,CAAA;AAAA,IAAA,GAEJ;AAAA,IAEA,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKR;AAAA,QACL,WAAWO,EAAO,WAAW;AAAA,QAC7B,WAAWR,IAAgB,IAAIA,IAAgB;AAAA,QAC/C,SAASM;AAAA,MAAA;AAAA,IAAA;AAAA,EACX,GACF;AAEJ;"}
+{"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  /** The max amount of allowed charecters in the text area */\n  maxCharacters?: number;\n  /** The default value for the text area */\n  defaultValue?: string;\n}\n\nexport function TextArea({ onChange, label, maxCharacters = 0, defaultValue = '' }: TextAreaProps) {\n  const textAreaRef = useRef<HTMLTextAreaElement>(null);\n  const [characterCount, setCharacterCount] = useState(0);\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      <div className={styles['text-area__header']}>\n        <span className={styles['text-area__label']}>{label}</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      <textarea\n        ref={textAreaRef}\n        className={styles['text-area']}\n        maxLength={maxCharacters > 0 ? maxCharacters : undefined}\n        onInput={handleInput}\n        defaultValue={defaultValue}\n      />\n    </div>\n  );\n}\n"],"names":["TextArea","onChange","label","maxCharacters","defaultValue","textAreaRef","useRef","characterCount","setCharacterCount","useState","handleInput","jsxs","styles","jsx","clsx"],"mappings":";;;;;;;;;;;AAgBgB,SAAAA,EAAS,EAAE,UAAAC,GAAU,OAAAC,GAAO,eAAAC,IAAgB,GAAG,cAAAC,IAAe,MAAqB;AAC3F,QAAAC,IAAcC,EAA4B,IAAI,GAC9C,CAACC,GAAgBC,CAAiB,IAAIC,EAAS,CAAC,GAEhDC,IAAc,MAAM;AACxB,IAAIL,EAAY,YACFA,EAAA,QAAQ,MAAM,SAAS,QACnCA,EAAY,QAAQ,MAAM,SAAS,GAAGA,EAAY,QAAQ,YAAY,MAEpDG,EAAAH,EAAY,QAAQ,MAAM,MAAM,GAClDJ,EAASI,EAAY,QAAQ,MAAM,KAAA,CAAM;AAAA,EAE7C;AAEA,SACG,gBAAAM,EAAA,OAAA,EAAI,WAAWC,EAAO,oBAAoB,GACzC,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAI,EAAA,WAAWC,EAAO,mBAAmB,GACxC,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAK,EAAA,WAAWD,EAAO,kBAAkB,GAAI,UAAMV,GAAA;AAAA,MACnDC,IAAgB,KACf,gBAAAQ,EAAC,SAAI,WAAWC,EAAO,uBAAuB,GAC5C,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAK,EAAA,WAAWC,EAAK,EAAE,CAACF,EAAO,8BAA8B,CAAC,GAAGL,MAAmBJ,EAAc,CAAC,GACjG,UACHI,EAAA,CAAA;AAAA,QAAO;AAAA,QACOJ;AAAA,MAAA,EAChB,CAAA;AAAA,IAAA,GAEJ;AAAA,IAEA,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKR;AAAA,QACL,WAAWO,EAAO,WAAW;AAAA,QAC7B,WAAWT,IAAgB,IAAIA,IAAgB;AAAA,QAC/C,SAASO;AAAA,QACT,cAAAN;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

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

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
 import { fn as r } from "../../index-Dwqes6RH.js";
 import { TextArea as e } from "./TextArea.js";
-const o = `
-  <TextArea label={label} maxCharacters={maxCharacters} /> `, x = {
+const l = `
+  <TextArea label={label} maxCharacters={maxCharacters} defaultValue={string}/> `, p = {
   title: "Atoms/TextArea",
   component: e,
   argTypes: {
@@ -15,16 +15,17 @@ const o = `
   },
   parameters: {
     inspectComponent: e,
-    codeString: o
+    codeString: l
   }
-}, m = (a) => /* @__PURE__ */ t(e, { ...a }), n = m.bind({});
-n.args = {
+}, o = (a) => /* @__PURE__ */ t(e, { ...a }), m = o.bind({});
+m.args = {
   label: "Sample label",
   maxCharacters: 140,
+  defaultValue: "Sample default value",
   onChange: r()
 };
 export {
-  n as TextAreaExample,
-  x as default
+  m as TextAreaExample,
+  p 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} /> `;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/TextArea',\n  component: TextArea,\n  argTypes: {\n    label: {\n      control: 'text',\n    },\n    maxCharacters: {\n      control: 'number',\n    },\n  },\n  parameters: {\n    inspectComponent: TextArea,\n    codeString: codeString,\n  },\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  onChange: fn(),\n};\n"],"names":["codeString","TextArea_stories","TextArea","Template","args","jsx","TextAreaExample","fn"],"mappings":";;;AAOA,MAAMA,IAAa;AAAA,8DAIJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,IACX;AAAA,IACA,eAAe;AAAA,MACb,SAAS;AAAA,IAAA;AAAA,EAEb;AAAA,EACA,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAmC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAU,GAAGE,GAAM,GAE1DE,IAAkBH,EAAS,KAAK,CAAE,CAAA;AAC/CG,EAAgB,OAAO;AAAA,EACrB,OAAO;AAAA,EACP,eAAe;AAAA,EACf,UAAUC,EAAG;AACf;"}
+{"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: {\n    label: {\n      control: 'text',\n    },\n    maxCharacters: {\n      control: 'number',\n    },\n  },\n  parameters: {\n    inspectComponent: TextArea,\n    codeString: codeString,\n  },\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"],"names":["codeString","TextArea_stories","TextArea","Template","args","jsx","TextAreaExample","fn"],"mappings":";;;AAOA,MAAMA,IAAa;AAAA,mFAIJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,IACX;AAAA,IACA,eAAe;AAAA,MACb,SAAS;AAAA,IAAA;AAAA,EAEb;AAAA,EACA,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAmC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAU,GAAGE,GAAM,GAE1DE,IAAkBH,EAAS,KAAK,CAAE,CAAA;AAC/CG,EAAgB,OAAO;AAAA,EACrB,OAAO;AAAA,EACP,eAAe;AAAA,EACf,cAAc;AAAA,EACd,UAAUC,EAAG;AACf;"}

package/dist/components/ToggleSwitch/ToggleSwitch.js

@@ -1,14 +1,14 @@
 import { jsx as e, jsxs as _ } from "react/jsx-runtime";
 import { c as a } from "../../clsx-OuTLNxxd.js";
 import '../../assets/ToggleSwitch.css';const l = {
-  "toggle-switch": "_toggle-switch_98blk_1",
-  "toggle-switch__visible": "_toggle-switch__visible_98blk_9",
-  "toggle-switch--disabled": "_toggle-switch--disabled_98blk_52",
-  "toggle-switch--loading": "_toggle-switch--loading_98blk_62",
-  "toggle-switch--visually-hidden": "_toggle-switch--visually-hidden_98blk_72",
-  "toggle-switch--disabled-label": "_toggle-switch--disabled-label_98blk_85",
-  "toggle-switch--loading-cursor": "_toggle-switch--loading-cursor_98blk_89",
-  "toggle-switch--extra-left-gap": "_toggle-switch--extra-left-gap_98blk_93"
+  "toggle-switch": "_toggle-switch_1lmpu_1",
+  "toggle-switch__visible": "_toggle-switch__visible_1lmpu_9",
+  "toggle-switch--disabled": "_toggle-switch--disabled_1lmpu_54",
+  "toggle-switch--loading": "_toggle-switch--loading_1lmpu_64",
+  "toggle-switch--visually-hidden": "_toggle-switch--visually-hidden_1lmpu_74",
+  "toggle-switch--disabled-label": "_toggle-switch--disabled-label_1lmpu_87",
+  "toggle-switch--loading-cursor": "_toggle-switch--loading-cursor_1lmpu_91",
+  "toggle-switch--extra-left-gap": "_toggle-switch--extra-left-gap_1lmpu_95"
 };
 function n({
   condition: i,
@@ -17,7 +17,7 @@ function n({
 }) {
   return i ? g(t) : t;
 }
-function b({
+function p({
   label: i,
   labelPosition: g = "after",
   labelVisible: t = !0,
@@ -61,6 +61,6 @@ function b({
   );
 }
 export {
-  b as ToggleSwitch
+  p as ToggleSwitch
 };
 //# sourceMappingURL=ToggleSwitch.js.map

package/dist/components/index.js

@@ -33,7 +33,7 @@ import { Label as no } from "./Label/Label.js";
 import { MenuLink as co } from "./MenuLink/MenuLink.js";
 import { MetaDataList as Bo } from "./MetaDataList/MetaDataList.js";
 import { ModalDialog as So } from "./ModalDialog/ModalDialog.js";
-import { M as Co } from "../TablePlugin-CrCof8yO.js";
+import { M as Co } from "../TablePlugin-Bj5FObQ_.js";
 import { MultiSelectBox as Fo } from "./MultiSelectBox/MultiSelectBox.js";
 import { OverlayCloseButton as go } from "./OverlayCloseButton/OverlayCloseButton.js";
 import { OverlayStepBar as Lo } from "./OverlayStepBar/OverlayStepBar.js";

package/dist/index.js

@@ -33,7 +33,7 @@ import { Label as no } from "./components/Label/Label.js";
 import { MenuLink as co } from "./components/MenuLink/MenuLink.js";
 import { MetaDataList as Bo } from "./components/MetaDataList/MetaDataList.js";
 import { ModalDialog as So } from "./components/ModalDialog/ModalDialog.js";
-import { M as Co } from "./TablePlugin-CrCof8yO.js";
+import { M as Co } from "./TablePlugin-Bj5FObQ_.js";
 import { MultiSelectBox as Fo } from "./components/MultiSelectBox/MultiSelectBox.js";
 import { OverlayCloseButton as go } from "./components/OverlayCloseButton/OverlayCloseButton.js";
 import { OverlayStepBar as Lo } from "./components/OverlayStepBar/OverlayStepBar.js";

package/dist/storyComponents/Container/Container.js

@@ -1,23 +1,23 @@
-import { jsxs as i, Fragment as l, jsx as t } from "react/jsx-runtime";
+import { jsxs as c, Fragment as l, jsx as r } from "react/jsx-runtime";
 import { c as d } from "../../clsx-OuTLNxxd.js";
-import '../../assets/Container.css';const _ = "_container_cgawq_1", n = {
+import '../../assets/Container.css';const _ = "_container_1fwsz_1", n = {
   container: _,
-  "container--padded": "_container--padded_cgawq_8",
-  "container--small": "_container--small_cgawq_12",
-  "container--medium": "_container--medium_cgawq_17",
-  "container--large": "_container--large_cgawq_22",
-  "container--large-full-height": "_container--large-full-height_cgawq_27",
-  "container--hidden": "_container--hidden_cgawq_31",
-  "container--centered-content": "_container--centered-content_cgawq_35"
-}, s = ({
-  children: r,
+  "container--padded": "_container--padded_1fwsz_8",
+  "container--small": "_container--small_1fwsz_12",
+  "container--medium": "_container--medium_1fwsz_17",
+  "container--large": "_container--large_1fwsz_22",
+  "container--large-full-height": "_container--large-full-height_1fwsz_27",
+  "container--hidden": "_container--hidden_1fwsz_31",
+  "container--centered-content": "_container--centered-content_1fwsz_35"
+}, h = ({
+  children: a,
   size: e = "medium",
-  centerContent: c = !1,
-  visible: o = !0,
-  padded: a = !0
-}) => /* @__PURE__ */ i(l, { children: [
-  /* @__PURE__ */ t("label", { htmlFor: "container", children: a ? "Storybook container with 1rem padding" : "Storybook container" }),
-  /* @__PURE__ */ t(
+  centerContent: o = !1,
+  visible: i = !0,
+  padded: t = !0
+}) => /* @__PURE__ */ c(l, { children: [
+  /* @__PURE__ */ r("label", { htmlFor: "container", children: t ? "Storybook container with 1rem padding" : "Storybook container" }),
+  /* @__PURE__ */ r(
     "div",
     {
       id: "container",
@@ -26,15 +26,15 @@ import '../../assets/Container.css';const _ = "_container_cgawq_1", n = {
         [n["container--medium"]]: e === "medium",
         [n["container--large"]]: e === "large",
         [n["container--large-full-height"]]: e === "large-full-height",
-        [n["container--padded"]]: a,
-        [n["container--centered-content"]]: c,
-        [n["container--hidden"]]: !o
+        [n["container--padded"]]: t,
+        [n["container--centered-content"]]: o,
+        [n["container--hidden"]]: !i
       }),
-      children: r
+      children: a
     }
   )
 ] });
 export {
-  s as Container
+  h as Container
 };
 //# sourceMappingURL=Container.js.map

package/package.json

@@ -2,7 +2,7 @@
   "name": "@uva-glass/component-library",
   "author": "Team Glass - Frontend vrienden",
   "private": false,
-  "version": "3.22.0",
+  "version": "3.23.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/dist/Button.module-BXzi8gZH.js

@@ -1,15 +0,0 @@
-import './assets/Button.css';const t = "_button_ezcrm_1", n = {
-  button: t,
-  "button--blank": "_button--blank_ezcrm_35",
-  "button--blank-subtle": "_button--blank-subtle_ezcrm_36",
-  "button--blank-icon": "_button--blank-icon_ezcrm_37",
-  "button--primary": "_button--primary_ezcrm_82",
-  "button--secondary": "_button--secondary_ezcrm_98",
-  "button--destructive-primary": "_button--destructive-primary_ezcrm_114",
-  "button--destructive-secondary": "_button--destructive-secondary_ezcrm_132",
-  "button--wide-column": "_button--wide-column_ezcrm_150"
-};
-export {
-  n as s
-};
-//# sourceMappingURL=Button.module-BXzi8gZH.js.map

package/dist/Button.module-BXzi8gZH.js.map

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

package/dist/RteEditor.module-45648CA2.js

@@ -1,41 +0,0 @@
-import './assets/RteEditor.css';const _ = "_editor__container_oluzl_1", t = "_editor__header_oluzl_7", l = "_editor_oluzl_1", e = "_editor__field_oluzl_36", o = "_editor__toolbar_oluzl_40", i = "_editor__placeholder_oluzl_170", u = "_listitem_oluzl_201", d = {
-  editor__container: _,
-  editor__header: t,
-  "editor__header-word-count": "_editor__header-word-count_oluzl_15",
-  "editor__header-word-count--alert": "_editor__header-word-count--alert_oluzl_24",
-  editor: l,
-  editor__field: e,
-  editor__toolbar: o,
-  "editor__toolbar-button-group": "_editor__toolbar-button-group_oluzl_49",
-  "editor__toolbar-button": "_editor__toolbar-button_oluzl_49",
-  "editor__toolbar-button--active": "_editor__toolbar-button--active_oluzl_80",
-  "editor__toolbar-button--bold": "_editor__toolbar-button--bold_oluzl_100",
-  "editor__toolbar-button--italic": "_editor__toolbar-button--italic_oluzl_104",
-  "editor__toolbar-button-flyoutwrapper": "_editor__toolbar-button-flyoutwrapper_oluzl_123",
-  "editor__field-wrapper": "_editor__field-wrapper_oluzl_127",
-  editor__placeholder: i,
-  "guide-text-ltr": "_guide-text-ltr_oluzl_180",
-  "guide-text-rtl": "_guide-text-rtl_oluzl_184",
-  "guide-text-paragraph": "_guide-text-paragraph_oluzl_188",
-  "guide-text__text--bold": "_guide-text__text--bold_oluzl_193",
-  "guide-text__text--italic": "_guide-text__text--italic_oluzl_197",
-  listitem: u,
-  "guide-text__list--ol": "_guide-text__list--ol_oluzl_205",
-  "guide-text__list--ol2": "_guide-text__list--ol2_oluzl_210",
-  "guide-text__list--ol3": "_guide-text__list--ol3_oluzl_217",
-  "guide-text__list--ol4": "_guide-text__list--ol4_oluzl_224",
-  "guide-text__list--ol5": "_guide-text__list--ol5_oluzl_231",
-  "guide-text__list--ul": "_guide-text__list--ul_oluzl_238",
-  "guide-text__list--ul2": "_guide-text__list--ul2_oluzl_244",
-  "guide-text__list--ul3": "_guide-text__list--ul3_oluzl_251",
-  "guide-text__list--ul4": "_guide-text__list--ul4_oluzl_258",
-  "guide-text__list--ul5": "_guide-text__list--ul5_oluzl_265",
-  "guide-text__list--listitem": "_guide-text__list--listitem_oluzl_272",
-  "guide-text__list--nested-listitem": "_guide-text__list--nested-listitem_oluzl_276",
-  "guide-text__link": "_guide-text__link_oluzl_281",
-  "guide-text__table": "_guide-text__table_oluzl_287"
-};
-export {
-  d as s
-};
-//# sourceMappingURL=RteEditor.module-45648CA2.js.map

package/dist/RteEditor.module-45648CA2.js.map

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

package/dist/SelectListbox.module-N3Kg0UvL.js.map

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

package/dist/Sortable.module-CuvuQhr8.js

@@ -1,23 +0,0 @@
-import './assets/Sortable.css';const _ = "_sortable__wrapper_2hcbc_1", t = "_sortable__container_2hcbc_13", e = "_sortable__handle_2hcbc_148", r = {
-  sortable__wrapper: _,
-  "sortable__wrapper--scrollable": "_sortable__wrapper--scrollable_2hcbc_5",
-  sortable__container: t,
-  "sortable__drop-target": "_sortable__drop-target_2hcbc_24",
-  "sortable__sort-item": "_sortable__sort-item_2hcbc_55",
-  "sortable__sort-item--ghost": "_sortable__sort-item--ghost_2hcbc_71",
-  "sortable__sort-item__handle": "_sortable__sort-item__handle_2hcbc_82",
-  "sortable__sort-item__button-container": "_sortable__sort-item__button-container_2hcbc_92",
-  "sortable__sort-item__handle--icon": "_sortable__sort-item__handle--icon_2hcbc_111",
-  "sortable__sort-item__handle--up": "_sortable__sort-item__handle--up_2hcbc_118",
-  "sortable__sort-item__handle--down": "_sortable__sort-item__handle--down_2hcbc_119",
-  "sortable__sort-item--dragging": "_sortable__sort-item--dragging_2hcbc_130",
-  "sortable__sort-item__contents": "_sortable__sort-item__contents_2hcbc_134",
-  "sortable__sort-item__contents--handle-right": "_sortable__sort-item__contents--handle-right_2hcbc_143",
-  sortable__handle: e,
-  "sortable__handle--right": "_sortable__handle--right_2hcbc_154",
-  "sortable__visually-hidden": "_sortable__visually-hidden_2hcbc_173"
-};
-export {
-  r as s
-};
-//# sourceMappingURL=Sortable.module-CuvuQhr8.js.map

package/dist/Sortable.module-CuvuQhr8.js.map

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