@uva-glass/component-library 3.55.6 → 3.55.8

package/dist/{InputField-BWAy19w9.js.map → InputField-T01uazlI.js.map}

@@ -1 +1 @@
-{"version":3,"file":"InputField-BWAy19w9.js","names":[],"sources":["../src/components/InputField/InputField.module.css","../src/components/InputField/InputField.tsx"],"sourcesContent":[".input-field-wrapper {\n  align-items: center;\n  display: flex;\n  position: relative;\n}\n\n.input-field {\n  appearance: none;\n  background-color: transparent;\n  border: 1px solid;\n  border-radius: 0.5rem;\n  color: var(--color-uva-black);\n  flex: 1;\n  font-family: inherit;\n  font-size: inherit;\n  height: 2.75rem;\n  margin: 0;\n  padding: 0 1rem;\n  text-align: inherit;\n}\n\n.input-field--large {\n  height: 3rem;\n}\n\n.input-field--small {\n  max-width: 5.25rem;\n}\n\n.input-field--compact {\n  max-width: 6.25rem;\n}\n\n.input-field--white {\n  background-color: var(--color-uva-white);\n}\n\n.input-field--not-valid {\n  border-color: var(--color-red-600);\n}\n\n.input-field:disabled {\n  color: var(--color-grey-700);\n}\n\n.input-field__clear-button {\n  align-items: center;\n  background: none;\n  border: none;\n  cursor: pointer;\n  display: flex;\n  height: 100%;\n  padding: 0 1rem 0 0.5rem;\n  position: absolute;\n  right: 0;\n}\n","import { forwardRef, useEffect, useRef, useState } from 'react';\nimport { clsx } from 'clsx';\n\nimport type { InputHTMLAttributes, ReactNode } from 'react';\n\nimport styles from './InputField.module.css';\n\nexport interface InputFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'style'> {\n  /** The variant to render. */\n  variant?: 'large';\n  /** The width to render. */\n  width?: 'small' | 'compact';\n  /** The type of the input element. */\n  type?: 'text' | 'password' | 'email';\n  /** The background color of the input. InputField is by default transparent. */\n  background?: 'white';\n  /** The id of the input element. */\n  id: string;\n  /** An element that represents a clear button. */\n  clearTrigger?: ReactNode;\n  /** `true` to color border red to show not valid; otherwise, `false`. */\n  notValid?: boolean;\n  /** The callback that is invoked when the clear button is triggered. */\n  onClear?: () => void;\n}\n\n/** Represents a component that renders an input field which can have a clear button. */\nexport const InputField = forwardRef<HTMLInputElement, InputFieldProps>(\n  (\n    {\n      autoComplete = 'off',\n      id,\n      value,\n      variant,\n      width,\n      type = 'text',\n      background,\n      clearTrigger,\n      notValid = false,\n      onClear,\n      ...restProps\n    }: InputFieldProps,\n    forwardedRef\n  ) => {\n    const [clearButtonWidth, setClearButtonWidth] = useState<number>(0);\n    const clearButtonRef = useRef<HTMLButtonElement>(null);\n\n    useEffect(() => {\n      if (clearButtonRef.current) {\n        setClearButtonWidth(clearButtonRef.current.offsetWidth);\n      }\n    }, [value]);\n\n    const handleClearTriggerClick = () => {\n      if (onClear && forwardedRef && 'current' in forwardedRef && forwardedRef.current) {\n        onClear();\n        forwardedRef.current.focus();\n      }\n    };\n\n    return (\n      <div className={styles['input-field-wrapper']}>\n        <input\n          {...restProps}\n          autoComplete={autoComplete}\n          ref={forwardedRef}\n          id={id}\n          className={clsx(styles['input-field'], {\n            [styles['input-field--large']]: variant === 'large',\n            [styles[`input-field--${width}`]]: width,\n            [styles[`input-field--${background}`]]: background,\n            [styles[`input-field--not-valid`]]: notValid,\n          })}\n          type={type}\n          value={value}\n          style={{ paddingRight: value && clearTrigger ? clearButtonWidth : undefined }}\n        />\n        {Boolean(value) && clearTrigger && (\n          <button\n            type=\"button\"\n            className={styles['input-field__clear-button']}\n            onClick={handleClearTriggerClick}\n            ref={clearButtonRef}\n            aria-label={`clear trigger for ${id}`}\n          >\n            {clearTrigger}\n          </button>\n        )}\n      </div>\n    );\n  }\n);\n"],"mappings":";;;;;;;;;;;;;GC2Ba,IAAa,GAEtB,EACE,kBAAe,OACf,OACA,UACA,YACA,UACA,UAAO,QACP,eACA,iBACA,cAAW,IACX,YACA,GAAG,KAEL,MACG;CACH,IAAM,CAAC,GAAkB,KAAuB,EAAiB,EAAE,EAC7D,IAAiB,EAA0B,KAAK;AAEtD,SAAgB;AACd,EAAI,EAAe,WACjB,EAAoB,EAAe,QAAQ,YAAY;IAExD,CAAC,EAAM,CAAC;CAEX,IAAM,UAAgC;AACpC,EAAI,KAAW,KAAgB,aAAa,KAAgB,EAAa,YACvE,GAAS,EACT,EAAa,QAAQ,OAAO;;AAIhC,QACE,kBAAC,OAAD;EAAK,WAAW,EAAO;YAAvB,CACE,kBAAC,SAAD;GACE,GAAI;GACU;GACd,KAAK;GACD;GACJ,WAAW,EAAK,EAAO,gBAAgB;KACpC,EAAO,wBAAwB,MAAY;KAC3C,EAAO,gBAAgB,OAAW;KAClC,EAAO,gBAAgB,OAAgB;KACvC,EAAO,4BAA4B;IACrC,CAAC;GACI;GACC;GACP,OAAO,EAAE,cAAc,KAAS,IAAe,IAAmB,KAAA,GAAW;GAC7E,CAAA,EACD,EAAQ,KAAU,KACjB,kBAAC,UAAD;GACE,MAAK;GACL,WAAW,EAAO;GAClB,SAAS;GACT,KAAK;GACL,cAAY,qBAAqB;aAEhC;GACM,CAAA,CAEP;;EAGX"}
+{"version":3,"file":"InputField-T01uazlI.js","names":[],"sources":["../src/components/InputField/InputField.module.css","../src/components/InputField/InputField.tsx"],"sourcesContent":[".input-field-wrapper {\n  align-items: center;\n  display: flex;\n  position: relative;\n}\n\n.input-field {\n  appearance: none;\n  background-color: transparent;\n  border: 1px solid;\n  border-radius: 0.5rem;\n  color: var(--color-uva-black);\n  flex: 1;\n  font-family: inherit;\n  font-size: inherit;\n  height: 2.75rem;\n  margin: 0;\n  padding: 0 1rem;\n  text-align: inherit;\n}\n\n.input-field--large {\n  height: 3rem;\n}\n\n.input-field--small {\n  max-width: 5.25rem;\n}\n\n.input-field--compact {\n  max-width: 6.25rem;\n}\n\n.input-field--white {\n  background-color: var(--color-uva-white);\n}\n\n.input-field--not-valid {\n  border-color: var(--color-red-600);\n}\n\n.input-field:disabled {\n  color: var(--color-grey-700);\n}\n\n.input-field__clear-button {\n  align-items: center;\n  background: none;\n  border: none;\n  cursor: pointer;\n  display: flex;\n  height: 100%;\n  padding: 0 1rem 0 0.5rem;\n  position: absolute;\n  right: 0;\n}\n","import { forwardRef, useEffect, useRef, useState } from 'react';\nimport { clsx } from 'clsx';\n\nimport type { InputHTMLAttributes, ReactNode } from 'react';\n\nimport styles from './InputField.module.css';\n\nexport interface InputFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'style'> {\n  /** The variant to render. */\n  variant?: 'large';\n  /** The width to render. */\n  width?: 'small' | 'compact';\n  /** The type of the input element. */\n  type?: 'text' | 'password' | 'email';\n  /** The background color of the input. InputField is by default transparent. */\n  background?: 'white';\n  /** The id of the input element. */\n  id: string;\n  /** An element that represents a clear button. */\n  clearTrigger?: ReactNode;\n  /** `true` to color border red to show not valid; otherwise, `false`. */\n  notValid?: boolean;\n  /** The callback that is invoked when the clear button is triggered. */\n  onClear?: () => void;\n}\n\n/** Represents a component that renders an input field which can have a clear button. */\nexport const InputField = forwardRef<HTMLInputElement, InputFieldProps>(\n  (\n    {\n      autoComplete = 'off',\n      id,\n      value,\n      variant,\n      width,\n      type = 'text',\n      background,\n      clearTrigger,\n      notValid = false,\n      onClear,\n      ...restProps\n    }: InputFieldProps,\n    forwardedRef\n  ) => {\n    const [clearButtonWidth, setClearButtonWidth] = useState<number>(0);\n    const clearButtonRef = useRef<HTMLButtonElement>(null);\n\n    useEffect(() => {\n      if (clearButtonRef.current) {\n        setClearButtonWidth(clearButtonRef.current.offsetWidth);\n      }\n    }, [value]);\n\n    const handleClearTriggerClick = () => {\n      if (onClear && forwardedRef && 'current' in forwardedRef && forwardedRef.current) {\n        onClear();\n        forwardedRef.current.focus();\n      }\n    };\n\n    return (\n      <div className={styles['input-field-wrapper']}>\n        <input\n          {...restProps}\n          autoComplete={autoComplete}\n          ref={forwardedRef}\n          id={id}\n          className={clsx(styles['input-field'], {\n            [styles['input-field--large']]: variant === 'large',\n            [styles[`input-field--${width}`]]: width,\n            [styles[`input-field--${background}`]]: background,\n            [styles[`input-field--not-valid`]]: notValid,\n          })}\n          type={type}\n          value={value}\n          style={{ paddingRight: value && clearTrigger ? clearButtonWidth : undefined }}\n        />\n        {Boolean(value) && clearTrigger && (\n          <button\n            type=\"button\"\n            className={styles['input-field__clear-button']}\n            onClick={handleClearTriggerClick}\n            ref={clearButtonRef}\n            aria-label={`clear trigger for ${id}`}\n          >\n            {clearTrigger}\n          </button>\n        )}\n      </div>\n    );\n  }\n);\n"],"mappings":";;;;;;;;;;;;;GC2Ba,IAAa,GAEtB,EACE,kBAAe,OACf,OACA,UACA,YACA,UACA,UAAO,QACP,eACA,iBACA,cAAW,IACX,YACA,GAAG,KAEL,MACG;CACH,IAAM,CAAC,GAAkB,KAAuB,EAAiB,CAAC,GAC5D,IAAiB,EAA0B,IAAI;CAErD,QAAgB;EACd,AAAI,EAAe,WACjB,EAAoB,EAAe,QAAQ,WAAW;CAE1D,GAAG,CAAC,CAAK,CAAC;CAEV,IAAM,UAAgC;EACpC,AAAI,KAAW,KAAgB,aAAa,KAAgB,EAAa,YACvE,EAAQ,GACR,EAAa,QAAQ,MAAM;CAE/B;CAEA,OACE,kBAAC,OAAD;EAAK,WAAW,EAAO;YAAvB,CACE,kBAAC,SAAD;GACE,GAAI;GACU;GACd,KAAK;GACD;GACJ,WAAW,EAAK,EAAO,gBAAgB;KACpC,EAAO,wBAAwB,MAAY;KAC3C,EAAO,gBAAgB,OAAW;KAClC,EAAO,gBAAgB,OAAgB;KACvC,EAAO,4BAA4B;GACtC,CAAC;GACK;GACC;GACP,OAAO,EAAE,cAAc,KAAS,IAAe,IAAmB,KAAA,EAAU;EAC7E,CAAA,GACA,EAAQ,KAAU,KACjB,kBAAC,UAAD;GACE,MAAK;GACL,WAAW,EAAO;GAClB,SAAS;GACT,KAAK;GACL,cAAY,qBAAqB;aAEhC;EACK,CAAA,CAEP;;AAET,CACF"}

package/dist/{Label-o0BcWTUS.js → Label-D0ACrYG3.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-BD2qMUU1.js";
+import { t as e } from "./clsx-BWCAbrjV.js";
 import { jsx as t } from "react/jsx-runtime";
 import './assets/Label.css';var n = {
 	label: "_label_i3lyd_1",
@@ -18,4 +18,4 @@ import './assets/Label.css';var n = {
 //#endregion
 export { r as t };
 
-//# sourceMappingURL=Label-o0BcWTUS.js.map
+//# sourceMappingURL=Label-D0ACrYG3.js.map

package/dist/{Label-o0BcWTUS.js.map → Label-D0ACrYG3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Label-o0BcWTUS.js","names":[],"sources":["../src/components/Label/Label.module.css","../src/components/Label/Label.tsx"],"sourcesContent":[".label {\n  font-weight: var(--semibold);\n  text-align: left;\n}\n\n.label--required::after {\n  color: var(--color-red-600);\n  content: \"\\2605\";\n  font-size: 0.5rem;\n  margin-left: 0.25rem;\n  vertical-align: top;\n}\n\n.label--unset-font-weight {\n  font-weight: unset;\n}\n\n.label--align-right {\n  text-align: right;\n}\n","import { clsx } from 'clsx';\n\nimport type { LabelHTMLAttributes } from 'react';\n\nimport styles from './Label.module.css';\n\nexport interface LabelProps extends Omit<LabelHTMLAttributes<HTMLLabelElement>, 'className' | 'style'> {\n  /** The id of the element for which the label is intended. */\n  htmlFor: string;\n  /** `true` if the font-weight needs to be unset; otherwise, `false`. The default is `false`. */\n  noFontWeight?: boolean;\n  /** `true` to show an asterisk to indicate an item is required; otherwise, `false`. */\n  required?: boolean;\n  /** `true` to align text right; otherwise, `false`. */\n  alignRight?: boolean;\n}\n\n/** Represents a component that renders a label for an input element. */\nexport const Label = ({ children, htmlFor, noFontWeight, required = false, alignRight, ...restProps }: LabelProps) => (\n  <label\n    {...restProps}\n    htmlFor={htmlFor}\n    className={clsx(styles['label'], {\n      [styles['label--unset-font-weight']]: noFontWeight,\n      [styles['label--required']]: required,\n      [styles['label--align-right']]: alignRight,\n    })}\n  >\n    {children}\n  </label>\n);\n"],"mappings":";;;;;;;GCkBa,KAAS,EAAE,aAAU,YAAS,iBAAc,cAAW,IAAO,eAAY,GAAG,QACxF,kBAAC,SAAD;CACE,GAAI;CACK;CACT,WAAW,EAAK,EAAO,OAAU;GAC9B,EAAO,8BAA8B;GACrC,EAAO,qBAAqB;GAC5B,EAAO,wBAAwB;EACjC,CAAC;CAED;CACK,CAAA"}
+{"version":3,"file":"Label-D0ACrYG3.js","names":[],"sources":["../src/components/Label/Label.module.css","../src/components/Label/Label.tsx"],"sourcesContent":[".label {\n  font-weight: var(--semibold);\n  text-align: left;\n}\n\n.label--required::after {\n  color: var(--color-red-600);\n  content: \"\\2605\";\n  font-size: 0.5rem;\n  margin-left: 0.25rem;\n  vertical-align: top;\n}\n\n.label--unset-font-weight {\n  font-weight: unset;\n}\n\n.label--align-right {\n  text-align: right;\n}\n","import { clsx } from 'clsx';\n\nimport type { LabelHTMLAttributes } from 'react';\n\nimport styles from './Label.module.css';\n\nexport interface LabelProps extends Omit<LabelHTMLAttributes<HTMLLabelElement>, 'className' | 'style'> {\n  /** The id of the element for which the label is intended. */\n  htmlFor: string;\n  /** `true` if the font-weight needs to be unset; otherwise, `false`. The default is `false`. */\n  noFontWeight?: boolean;\n  /** `true` to show an asterisk to indicate an item is required; otherwise, `false`. */\n  required?: boolean;\n  /** `true` to align text right; otherwise, `false`. */\n  alignRight?: boolean;\n}\n\n/** Represents a component that renders a label for an input element. */\nexport const Label = ({ children, htmlFor, noFontWeight, required = false, alignRight, ...restProps }: LabelProps) => (\n  <label\n    {...restProps}\n    htmlFor={htmlFor}\n    className={clsx(styles['label'], {\n      [styles['label--unset-font-weight']]: noFontWeight,\n      [styles['label--required']]: required,\n      [styles['label--align-right']]: alignRight,\n    })}\n  >\n    {children}\n  </label>\n);\n"],"mappings":";;;;;;;GCkBa,KAAS,EAAE,aAAU,YAAS,iBAAc,cAAW,IAAO,eAAY,GAAG,QACxF,kBAAC,SAAD;CACE,GAAI;CACK;CACT,WAAW,EAAK,EAAO,OAAU;GAC9B,EAAO,8BAA8B;GACrC,EAAO,qBAAqB;GAC5B,EAAO,wBAAwB;CAClC,CAAC;CAEA;AACI,CAAA"}

package/dist/{Lexical.prod-CqPLSi0R.js → Lexical.prod-8zZnpGo4.js}

@@ -5348,4 +5348,4 @@ function Fs(...e) {
 //#endregion
 export { Q as $, zr as $n, wt as $t, Xr as A, D as An, X as At, Qn as B, Uo as Bn, ws as Bt, nr as C, on as Cn, is as Ct, sn as D, Yr as Dn, vo as Dt, _o as E, wa as En, rr as Et, Lr as F, dr as Fn, $r as Ft, $o as G, At as Gn, Ki as Gt, Jt as H, Rt as Hn, Os as Ht, ao as I, Ce as In, bo as It, la as J, Zi as Jn, St as Jt, Vt as K, Ms as Kn, G as Kt, en as L, xo as Ln, As as Lt, qt as M, Ss as Mn, gs as Mt, Kn as N, _t as Nn, ar as Nt, fs as O, ho as On, an as Ot, ma as P, Do as Pn, W as Pt, Bt as Q, ga as Qn, ks as Qt, Ii as R, jo as Rn, Et as Rt, ps as S, Xi as Sn, z as St, Zr as T, er as Tn, ya as Tt, oo as U, Ar as Un, Ct as Ut, Y as V, Ja as Vn, we as Vt, Kt as W, Ps as Wn, No as Wt, It as X, S as Xn, Tt as Xt, j as Y, Wa as Yn, Mo as Yt, Z, Yt as Zn, yr as Zt, Qo as _, Eo as _n, rn as _t, Pi as a, Pt as an, hs as at, cn as b, js as bn, mo as bt, va as c, si as cn, Xt as ct, jt as d, kt as dn, Mt as dt, bs as en, so as er, ca as et, Ut as f, mi as fn, Le as ft, Gt as g, gt as gn, Li as gt, Si as h, xs as hn, nn as ht, Zt as i, $n as in, Ui as it, go as j, cr as jn, Wi as jt, tr as k, $ as kn, U as kt, lo as l, Oo as ln, ns as lt, zt as m, sr as mn, A as mt, Zn as n, tn as nn, Wt as nt, rs as o, k as on, N as ot, da as p, qi as pn, Wo as pt, Jo as q, Ot as qn, Ds as qt, Ht as r, B as rn, Zo as rt, Yn as s, Cs as sn, yo as st, as as t, ht as tn, $a as tt, Fs as u, Ns as un, _a as ut, M as v, ur as vn, V as vt, Ea as w, ds as wn, Xn as wt, Vi as x, Dt as xn, Qt as xt, ro as y, Se as yn, qr as yt, os as z, Nt as zn, kr as zt };
 
-//# sourceMappingURL=Lexical.prod-CqPLSi0R.js.map
+//# sourceMappingURL=Lexical.prod-8zZnpGo4.js.map