@telefonica/mistica 16.30.1 → 16.32.0

package/dist-es/text-field-base.js

@@ -79,50 +79,51 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as n, jsxs as ce } from "react/jsx-runtime";
-import * as a from "react";
-import { FieldContainer as ue, HelperText as fe, Label as me } from "./text-field-components.js";
-import { LABEL_SCALE_MOBILE as he, LABEL_SCALE_DESKTOP as ge } from "./text-field-components.css-mistica.js";
-import { Text3 as N } from "./text.js";
-import { isFirefox as pe, isRunningAcceptanceTest as xe } from "./utils/platform.js";
-import { useTheme as k, useScreenSize as Se, useIsomorphicLayoutEffect as Ie } from "./hooks.js";
+import * as r from "react";
+import { createElement as ue } from "react";
+import { FieldContainer as fe, HelperText as me, Label as he } from "./text-field-components.js";
+import { LABEL_SCALE_MOBILE as ge, LABEL_SCALE_DESKTOP as pe } from "./text-field-components.css-mistica.js";
+import { Text3 as P } from "./text.js";
+import { isFirefox as xe, isRunningAcceptanceTest as Se } from "./utils/platform.js";
+import { useTheme as K, useScreenSize as ye, useIsomorphicLayoutEffect as Ie } from "./hooks.js";
 import $ from "classnames";
-import { combineRefs as K } from "./utils/common.js";
-import { startIcon as be, prefix as ye, inputWithLabel as H, inputWithoutLabel as _, fullWidth as Ce, fieldRightPadding as G, fieldLeftPadding as R, textArea as Te, textAreaWithLabel as Ee, textAreaWithoutLabel as ve, input as Re, inputFirefoxStyles as $e, hiddenDatePlaceholder as Le, emptyDateValue as Ae, endIconContainer as Fe, menuItem as We, menuItemSelected as we, suggestionsContainer as Ne, fieldEndIconContainer as Oe, fieldElementsGap as Pe, iconButtonSize as De, fieldEndIconGap as Be } from "./text-field-base.css-mistica.js";
-import { vars as Me } from "./skins/skin-contract.css-mistica.js";
-import { InternalToggleIconButton as qe, InternalIconButton as ze } from "./icon-button.js";
-import { ThemeVariant as He } from "./theme-variant-context.js";
-import { iconSize as _e } from "./icon-button.css-mistica.js";
-import { formTextMultilineMaxCount as Ge, menuLabelSuffix as je } from "./text-tokens.js";
-const ke = (l, u)=>{
-    if (!u) return !0;
+import { combineRefs as j } from "./utils/common.js";
+import { startIcon as be, prefix as Ce, inputWithLabel as H, inputWithoutLabel as _, fullWidth as Te, fieldRightPadding as k, fieldLeftPadding as v, textArea as Re, textAreaWithLabel as Ee, textAreaWithoutLabel as ve, input as $e, inputFirefoxStyles as Le, hiddenDatePlaceholder as We, emptyDateValue as Ae, endIconContainer as Fe, menuItem as Ne, menuItemSelected as Pe, suggestionsContainer as we, fieldEndIconContainer as Oe, fieldElementsGap as De, iconButtonSize as Be, fieldEndIconGap as Me } from "./text-field-base.css-mistica.js";
+import { vars as qe } from "./skins/skin-contract.css-mistica.js";
+import { InternalToggleIconButton as ze, InternalIconButton as He } from "./icon-button.js";
+import { ThemeVariant as _e } from "./theme-variant-context.js";
+import { iconSize as ke } from "./icon-button.css-mistica.js";
+import { formTextMultilineMaxCount as Ge, menuLabelSuffix as Ke } from "./text-tokens.js";
+const je = (o, m)=>{
+    if (!m) return !0;
     const t = document.createElement("input");
-    return t.type = u, t.value = l || "", t.value !== "";
-}, dt = (param)=>{
-    let { hasBackgroundColor: l = !0, onPress: u, onChange: t, disabled: h, Icon: S, checkedProps: o, uncheckedProps: r, "aria-label": p } = param;
+    return t.type = m, t.value = o || "", t.value !== "";
+}, ct = (param)=>{
+    let { hasBackgroundColor: o = !0, onPress: m, onChange: t, disabled: g, Icon: y, checkedProps: l, uncheckedProps: d, "aria-label": h } = param;
     return /* @__PURE__ */ n("div", {
         className: Oe,
-        children: o ? /* @__PURE__ */ n(qe, {
-            checkedProps: _object_spread_props(_object_spread({}, o), {
-                "aria-label": o["aria-label"] || ""
+        children: l ? /* @__PURE__ */ n(ze, {
+            checkedProps: _object_spread_props(_object_spread({}, l), {
+                "aria-label": l["aria-label"] || ""
             }),
-            uncheckedProps: _object_spread_props(_object_spread({}, r), {
-                "aria-label": r["aria-label"] || ""
+            uncheckedProps: _object_spread_props(_object_spread({}, d), {
+                "aria-label": d["aria-label"] || ""
             }),
             onChange: t,
-            hasOverlay: l,
-            disabled: h
-        }) : /* @__PURE__ */ n(ze, {
-            Icon: S,
-            disabled: h,
-            "aria-label": p || "",
-            onPress: u,
-            hasOverlay: l
+            hasOverlay: o,
+            disabled: g
+        }) : /* @__PURE__ */ n(He, {
+            Icon: y,
+            disabled: g,
+            "aria-label": h || "",
+            onPress: m,
+            hasOverlay: o
         })
     });
-}, j = (l)=>{
-    l.preventDefault();
-}, w = /*#__PURE__*/ a.forwardRef((_param, V)=>{
-    var { error: l, helperText: u, label: t, inputProps: h, inputRef: S, defaultValue: o, value: r, onFocus: p, onBlur: b, inputComponent: v, prefix: y, startIcon: f, endIcon: I, endIconOverlay: i, shrinkLabel: x, multiline: m = !1, focus: C, fieldRef: J, maxLength: g, id: Q, autoComplete: U, fullWidth: X, dataAttributes: Y, preventCopy: L, showOptionalLabel: Z = !0 } = _param, d = _object_without_properties(_param, [
+}, G = (o)=>{
+    o.preventDefault();
+}, N = /*#__PURE__*/ r.forwardRef((_param, V)=>{
+    var { error: o, helperText: m, label: t, inputProps: g, inputRef: y, defaultValue: l, value: d, onFocus: h, onBlur: I, inputComponent: E, prefix: b, startIcon: S, endIcon: p, endIconOverlay: C, shrinkLabel: i, multiline: a = !1, focus: c, fieldRef: J, maxLength: x, id: Q, autoComplete: U, fullWidth: X, dataAttributes: Y, preventCopy: L, showOptionalLabel: Z = !0 } = _param, s = _object_without_properties(_param, [
         "error",
         "helperText",
         "label",
@@ -149,198 +150,209 @@ const ke = (l, u)=>{
         "preventCopy",
         "showOptionalLabel"
     ]);
-    const { preventCopyInFormFields: ee, texts: te, t: ie } = k();
+    const { preventCopyInFormFields: ee, texts: te, t: ie } = K();
     L = L !== null && L !== void 0 ? L : ee;
     var _ref;
-    const ne = a.useId(), O = Q || ne, P = a.useId(), D = a.useId(), [s, c] = a.useState(o != null && o.length || r != null && r.length ? "filled" : "default"), { isTabletOrSmaller: re } = Se(), [A, B] = a.useState((_ref = o == null ? void 0 : o.length) !== null && _ref !== void 0 ? _ref : 0), F = !!t || !d.required, T = d.type === "date" || d.type === "datetime-local" || d.type === "month", M = a.useRef(void 0);
+    const ne = r.useId(), w = Q || ne, O = r.useId(), D = r.useId(), [u, f] = r.useState(l != null && l.length || d != null && d.length ? "filled" : "default"), { isTabletOrSmaller: re } = ye(), [W, B] = r.useState((_ref = l == null ? void 0 : l.length) !== null && _ref !== void 0 ? _ref : 0), A = !!t || !s.required, T = s.type === "date" || s.type === "datetime-local" || s.type === "month", M = r.useRef(void 0);
     Ie(()=>{
-        const e = T && !ke(r, d.type) ? "" : r;
-        M.current !== r && T && !(e != null && e.length) && s === "filled" && C === void 0 && c("default"), M.current = r, s !== "focused" && e != null && e.length && (B(e.length), c("filled")), C && c("focused"), C === !1 && !(e != null && e.length) && c("default"), C === !1 && e != null && e.length && c("filled");
+        const e = T && !je(d, s.type) ? "" : d;
+        M.current !== d && T && !(e != null && e.length) && u === "filled" && c === void 0 && f("default"), M.current = d, u !== "focused" && e != null && e.length && (B(e.length), f("filled")), c && f("focused"), c === !1 && !(e != null && e.length) && f("default"), c === !1 && e != null && e.length && f("filled");
     }, [
-        s,
-        r,
-        C,
+        u,
+        d,
+        c,
         T,
-        d.type
-    ]), a.useEffect(()=>{
-        d.autoFocus && c("focused");
+        s.type
+    ]), r.useEffect(()=>{
+        s.autoFocus && f("focused");
     }, [
-        d.autoFocus
+        s.autoFocus
     ]);
-    const ae = m ? "textarea" : "input", le = v ? {
-        inputRef: S
+    const ae = a ? "textarea" : "input", oe = E ? {
+        inputRef: y
     } : {
-        ref: K(V, S)
-    }, E = _object_spread(_object_spread_props(_object_spread({}, d), {
-        maxLength: g,
+        ref: j(V, y)
+    }, R = _object_spread(_object_spread_props(_object_spread({}, s), {
+        maxLength: x,
         autoComplete: U
-    }), h), W = `calc(${_e.default} + ${Pe}px)`, q = `calc(${De} + ${Be}px)`, oe = x || s === "focused" || s === "filled" ? re ? he : ge : 1, de = {
-        left: `calc(${R}px + ${f ? W : "0px"})`,
+    }), g), F = `calc(${ke.default} + ${De}px)`, q = `calc(${Be} + ${Me}px)`, le = i || u === "focused" || u === "filled" ? re ? ge : pe : 1, de = {
+        left: `calc(${v}px + ${S ? F : "0px"})`,
         // shrinking means applying a scale transformation, so width will be proportionally reduced.
         // Let's keep the original width.
-        width: `calc((100% - ${R}px - ${f ? W : "0px"} - ${I || i ? q : `${G}px`}) / ${oe})`
-    }, se = d.type === "password" && A > 0 ? "Lucida Grande, Arial, sans-serif" : "inherit";
-    return /* @__PURE__ */ n(ue, {
-        disabled: d.disabled,
-        helperText: /* @__PURE__ */ n(fe, {
-            error: l,
-            leftText: u,
-            leftTextId: P,
+        width: `calc((100% - ${v}px - ${S ? F : "0px"} - ${p || C ? q : `${k}px`}) / ${le})`
+    }, se = s.type === "password" && W > 0 ? "Lucida Grande, Arial, sans-serif" : "inherit";
+    return /* @__PURE__ */ n(fe, {
+        disabled: s.disabled,
+        helperText: /* @__PURE__ */ n(me, {
+            error: o,
+            leftText: m,
+            leftTextId: O,
             rightTextId: D,
-            rightText: m && g ? `${A}/${g}` : void 0,
-            rightTextLabel: m && g ? te.formTextMultilineMaxCount || ie(Ge).replace("1$s", String(A)).replace("2$s", String(g)) : void 0
+            rightText: a && x ? `${W}/${x}` : void 0,
+            rightTextLabel: a && x ? te.formTextMultilineMaxCount || ie(Ge).replace("1$s", String(W)).replace("2$s", String(x)) : void 0
         }),
-        multiline: m,
+        multiline: a,
         fullWidth: X,
         fieldRef: J,
-        readOnly: d.readOnly,
+        readOnly: s.readOnly,
         dataAttributes: Y,
-        children: /* @__PURE__ */ ce(He, {
+        children: /* @__PURE__ */ ce(_e, {
             variant: "default",
             children: [
-                f && /* @__PURE__ */ n("div", {
+                S && /* @__PURE__ */ n("div", {
                     className: be,
                     "data-testid": "startIcon",
-                    children: f
+                    children: S
                 }),
-                y && /* @__PURE__ */ n("div", {
+                b && /* @__PURE__ */ n("div", {
                     "aria-hidden": !0,
-                    className: $(ye, F ? H : _),
+                    className: $(Ce, A ? H : _),
                     style: {
-                        opacity: s === "default" ? 0 : 1
+                        opacity: u === "default" ? 0 : 1
                     },
-                    children: /* @__PURE__ */ n(N, {
-                        color: Me.colors.textSecondary,
+                    children: /* @__PURE__ */ n(P, {
+                        color: qe.colors.textSecondary,
                         regular: !0,
                         wordBreak: !1,
-                        children: y
+                        children: b
                     })
                 }),
-                t && /* @__PURE__ */ n(me, {
+                t && /* @__PURE__ */ n(he, {
                     style: de,
-                    error: l,
-                    forId: O,
-                    inputState: s,
-                    shrinkLabel: x,
-                    showOptional: !d.required && Z,
+                    error: o,
+                    forId: w,
+                    inputState: u,
+                    shrinkLabel: i,
+                    showOptional: !s.required && Z,
                     children: t
                 }),
                 /* @__PURE__ */ n("div", {
-                    className: Ce,
-                    children: /* @__PURE__ */ n(N, {
+                    className: Te,
+                    children: /* @__PURE__ */ n(P, {
                         as: "div",
                         regular: !0,
-                        children: /*#__PURE__*/ a.createElement(v || ae, _object_spread(_object_spread_props(_object_spread({}, le, E), {
-                            id: O,
+                        children: /*#__PURE__*/ r.createElement(E || ae, _object_spread(_object_spread_props(_object_spread({}, oe, R), {
+                            id: w,
                             style: _object_spread_props(_object_spread({
-                                paddingRight: I ? 0 : i ? q : G,
-                                paddingLeft: y ? 0 : f ? `calc(${W} + ${R}px)` : R
-                            }, E.style), {
+                                paddingRight: p ? 0 : C ? q : k,
+                                paddingLeft: b ? 0 : S ? `calc(${F} + ${v}px)` : v
+                            }, R.style), {
                                 fontFamily: se
                             }),
-                            className: m ? $(Te, F ? Ee : ve) : $(Re, F ? H : _, {
-                                [$e]: pe(),
+                            className: a ? $(Re, A ? Ee : ve) : $($e, A ? H : _, {
+                                [Le]: xe(),
                                 // Hide webkit placeholder when label is not shrinked and value is empty
-                                [Le]: T && s === "default",
+                                [We]: T && u === "default",
                                 // Force height of input when value is empty to avoid field from having height 0 in iOS
-                                [Ae]: T && s !== "filled"
+                                [Ae]: T && u !== "filled"
                             }),
                             onFocus: (e)=>{
-                                c("focused"), p == null || p(e);
+                                f("focused"), h == null || h(e);
                             },
                             onBlur: (e)=>{
-                                e.target.value.length > 0 ? c("filled") : c("default"), b == null || b(e);
+                                e.target.value.length > 0 ? f("filled") : f("default"), I == null || I(e);
                             },
                             onChange: (e)=>{
                                 var z;
-                                g === void 0 || e.target.value.length <= g ? (B(e.target.value.length), e.target.value.length > 0 && s !== "focused" && c(e.target.value.length > 0 ? "filled" : "default"), (z = E.onChange) == null || z.call(E, e)) : (e.stopPropagation(), e.preventDefault());
+                                x === void 0 || e.target.value.length <= x ? (B(e.target.value.length), e.target.value.length > 0 && u !== "focused" && f(e.target.value.length > 0 ? "filled" : "default"), (z = R.onChange) == null || z.call(R, e)) : (e.stopPropagation(), e.preventDefault());
                             },
-                            defaultValue: o,
-                            value: r
-                        }), l && {
+                            defaultValue: l,
+                            value: d
+                        }), o && {
                             "aria-invalid": !0
-                        }, (u || m && g) && {
-                            "aria-describedby": `${P} ${D}`
+                        }, (m || a && x) && {
+                            "aria-describedby": `${O} ${D}`
                         }, L && {
-                            onCopy: j,
-                            onCut: j
+                            onCopy: G,
+                            onCut: G
                         }))
                     })
                 }),
-                I && /* @__PURE__ */ n("div", {
+                p && /* @__PURE__ */ n("div", {
                     className: Fe,
                     "data-testid": "endIcon",
-                    children: I
+                    children: p
                 }),
-                i
+                C
             ]
         })
     });
-}), Ke = /*#__PURE__*/ a.lazy(()=>import(/* webpackChunkName: "react-autosuggest" */ "react-autosuggest")), st = /*#__PURE__*/ a.forwardRef((_param, h)=>{
-    var { getSuggestions: l, id: u } = _param, t = _object_without_properties(_param, [
+}), Je = /*#__PURE__*/ r.lazy(()=>import(/* webpackChunkName: "react-autosuggest" */ "react-autosuggest")), ut = /*#__PURE__*/ r.forwardRef((_param, g)=>{
+    var { getSuggestions: o, id: m } = _param, t = _object_without_properties(_param, [
         "getSuggestions",
         "id"
     ]);
-    const [S, o] = a.useState([]), r = a.useRef(null), { platformOverrides: p, texts: b, t: v } = k(), y = a.useId(), f = u || y, I = a.useId();
-    if (l && (t.value === void 0 || t.defaultValue !== void 0)) throw Error("Fields with suggestions must be used in controlled mode");
-    return l ? /* @__PURE__ */ n(a.Suspense, {
-        fallback: /* @__PURE__ */ n(w, _object_spread_props(_object_spread({}, t), {
-            label: xe(p) ? "" : t.label,
+    const [y, l] = r.useState([]), d = r.useRef(null), h = r.useRef(null), { platformOverrides: I, texts: E, t: b } = K(), S = r.useId(), p = m || S, C = r.useId();
+    if (o && (t.value === void 0 || t.defaultValue !== void 0)) throw Error("Fields with suggestions must be used in controlled mode");
+    return o ? /* @__PURE__ */ n(r.Suspense, {
+        fallback: /* @__PURE__ */ n(N, _object_spread_props(_object_spread({}, t), {
+            label: Se(I) ? "" : t.label,
             autoComplete: "off",
-            ref: h,
-            id: f
+            ref: g,
+            id: p
         })),
-        children: /* @__PURE__ */ n(Ke, {
-            id: I,
+        children: /* @__PURE__ */ n(Je, {
+            id: C,
             inputProps: _object_spread_props(_object_spread({}, t), {
-                id: f,
+                id: p,
                 autoComplete: "off",
                 // @ts-expect-error Autosuggest expects slightly different types
                 onChange: (i, param)=>{
-                    let { newValue: x } = param;
-                    var m;
+                    let { newValue: a } = param;
+                    var c;
                     i.target = _object_spread_props(_object_spread({}, i.target), {
-                        value: x
+                        value: a
                     }), i.currentTarget = _object_spread_props(_object_spread({}, i.currentTarget), {
-                        value: x
-                    }), (m = t.onChange) == null || m.call(t, i);
+                        value: a
+                    }), (c = t.onChange) == null || c.call(t, i);
                 }
             }),
-            renderInputComponent: (i)=>/* @__PURE__ */ n(w, _object_spread_props(_object_spread({}, i), {
-                    inputRef: K(r, t.inputRef, h)
-                })),
-            suggestions: S,
+            renderInputComponent: (i)=>{
+                const { key: a } = i, c = _object_without_properties(i, [
+                    "key"
+                ]);
+                return /* @__PURE__ */ n(N, _object_spread_props(_object_spread({}, c), {
+                    fieldRef: h,
+                    inputRef: j(d, t.inputRef, g)
+                }), a);
+            },
+            suggestions: y,
             onSuggestionsFetchRequested: (param)=>{
                 let { value: i } = param;
-                return o(l(i));
+                return l(o(i));
             },
-            onSuggestionsClearRequested: ()=>o([]),
+            onSuggestionsClearRequested: ()=>l([]),
             getSuggestionValue: (i)=>i,
             renderSuggestion: (i, param)=>{
-                let { isHighlighted: x } = param;
+                let { isHighlighted: a } = param;
                 return /* @__PURE__ */ n("div", {
                     role: "menuitem",
-                    className: $(We, {
-                        [we]: x
+                    className: $(Ne, {
+                        [Pe]: a
                     }),
-                    children: /* @__PURE__ */ n(N, {
+                    children: /* @__PURE__ */ n(P, {
                         regular: !0,
                         children: i
                     })
                 });
             },
-            renderSuggestionsContainer: (i)=>/* @__PURE__ */ n("div", _object_spread_props(_object_spread({}, i.containerProps), {
+            renderSuggestionsContainer: (i)=>{
+                const _i_containerProps = i.containerProps, { key: a } = _i_containerProps, c = _object_without_properties(_i_containerProps, [
+                    "key"
+                ]);
+                return /* @__PURE__ */ /*#__PURE__*/ ue("div", _object_spread_props(_object_spread({}, c), {
+                    key: a,
                     style: {
-                        width: r.current ? r.current.clientWidth + 2 : 0
+                        width: h.current ? h.current.clientWidth + 2 : 0
                     },
-                    className: Ne,
-                    "aria-label": `${t.label} ${b.menuLabelSuffix || v(je)}`,
-                    children: i.children
-                }))
+                    className: we,
+                    "aria-label": `${t.label} ${E.menuLabelSuffix || b(Ke)}`
+                }), i.children);
+            }
         })
-    }) : /* @__PURE__ */ n(w, _object_spread_props(_object_spread({}, t), {
-        id: f,
-        ref: h
+    }) : /* @__PURE__ */ n(N, _object_spread_props(_object_spread({}, t), {
+        id: p,
+        ref: g
     }));
 });
-export { dt as FieldEndIcon, w as TextFieldBase, st as TextFieldBaseAutosuggest };
+export { ct as FieldEndIcon, N as TextFieldBase, ut as TextFieldBaseAutosuggest };

package/dist-es/text-field-components.css-mistica.js

@@ -2,8 +2,8 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./icon-button.css.ts.vanilla.css-mistica.js";
 import "./text-field-base.css.ts.vanilla.css-mistica.js";
 import "./text-field-components.css.ts.vanilla.css-mistica.js";
-var f = 328, a = 0.78, e = 0.75, y = {
-    default: "v16_30_1_1y2v1nf4c",
-    readOnly: "v16_30_1_1y2v1nf6c"
-}, i = "v16_30_1_15k6ur97", l = "v16_30_1_1y2v1nflu v16_30_1_1y2v1nflb v16_30_1_1y2v1nfis v16_30_1_1y2v1nflj v16_30_1_1y2v1nfim", t = "v16_30_1_15k6ur96 v16_30_1_1y2v1nfis v16_30_1_1y2v1nfiy", u = "v16_30_1_1y2v1nfjf", d = "v16_30_1_1y2v1nfbf v16_30_1_1y2v1nfcr v16_30_1_1y2v1nfis", o = "v16_30_1_1y2v1nfjd v16_30_1_1y2v1nf8r", k = "v16_30_1_15k6ur91 v16_30_1_1y2v1nfin v16_30_1_1y2v1nfis v16_30_1_1y2v1nfix", p = "v16_30_1_15k6ur93 v16_30_1_1y2v1nflu v16_30_1_1y2v1nfjb", b = "v16_30_1_15k6ur9e v16_30_1_1y2v1nfis", L = "v16_30_1_15k6ur99 v16_30_1_1y2v1nfjf", h = "v16_30_1_1y2v1nfbi", s = "v16_30_1_15k6ur94", E = "v16_30_1_15k6ur9h";
-export { f as DEFAULT_WIDTH, a as LABEL_SCALE_DESKTOP, e as LABEL_SCALE_MOBILE, y as background, i as disabled, l as field, t as fieldContainer, u as fullWidth, d as helperContainer, o as helperText, k as labelContainer, p as labelText, b as leftHelperText, L as normalWidth, h as rightHelperText, s as shrinked, E as warnIcon };
+var f = 328, a = 0.78, e = 0.75, i = {
+    default: "v16_32_1y2v1nf4c",
+    readOnly: "v16_32_1y2v1nf6c"
+}, y = "v16_32_15k6ur97", l = "v16_32_1y2v1nflb v16_32_1y2v1nfis v16_32_1y2v1nflj v16_32_1y2v1nfim", t = "v16_32_15k6ur96 v16_32_1y2v1nfis v16_32_1y2v1nfiy", u = "v16_32_1y2v1nfjf", d = "v16_32_1y2v1nfbf v16_32_1y2v1nfcr v16_32_1y2v1nfis", o = "v16_32_1y2v1nfjd v16_32_1y2v1nf8r", k = "v16_32_15k6ur91 v16_32_1y2v1nfin v16_32_1y2v1nfis v16_32_1y2v1nfix", p = "v16_32_15k6ur93 v16_32_1y2v1nflu v16_32_1y2v1nfjb", b = "v16_32_15k6ur9e v16_32_1y2v1nfis", L = "v16_32_15k6ur99 v16_32_1y2v1nfjf", h = "v16_32_1y2v1nfbi", s = "v16_32_15k6ur94", E = "v16_32_15k6ur9h";
+export { f as DEFAULT_WIDTH, a as LABEL_SCALE_DESKTOP, e as LABEL_SCALE_MOBILE, i as background, y as disabled, l as field, t as fieldContainer, u as fullWidth, d as helperContainer, o as helperText, k as labelContainer, p as labelText, b as leftHelperText, L as normalWidth, h as rightHelperText, s as shrinked, E as warnIcon };

package/dist-es/text-field-components.js

@@ -57,7 +57,7 @@ import f from "classnames";
 import { useIsInverseOrMediaVariant as T } from "./theme-variant-context.js";
 import { useTheme as C } from "./hooks.js";
 import { Text1 as x } from "./text.js";
-import { labelContainer as I, shrinked as O, labelText as k, helperText as y, leftHelperText as E, warnIcon as F, rightHelperText as H, fieldContainer as W, fullWidth as w, normalWidth as A, disabled as P, field as R, background as g, helperContainer as j } from "./text-field-components.css-mistica.js";
+import { labelContainer as I, shrinked as O, labelText as k, helperText as y, leftHelperText as E, warnIcon as F, rightHelperText as H, fieldContainer as W, fullWidth as w, normalWidth as A, disabled as P, field as R, background as N, helperContainer as j } from "./text-field-components.css-mistica.js";
 import { vars as o } from "./skins/skin-contract.css-mistica.js";
 import { getPrefixedDataAttributes as D } from "./utils/dom.js";
 import { formFieldOptionalLabelSuffix as V } from "./text-tokens.js";
@@ -65,7 +65,7 @@ import q from "./generated/mistica-icons/icon-warning-regular.js";
 import B from "./screen-reader-only.js";
 const Z = (param)=>{
     let { shrinkLabel: l, forId: d, inputState: r, error: s, children: i, style: t, showOptional: a } = param;
-    const n = l || r === "focused" || r === "filled", [m, p] = v.useState("initial"), { texts: u, t: N } = C();
+    const n = l || r === "focused" || r === "filled", [m, p] = v.useState("initial"), { texts: u, t: g } = C();
     v.useEffect(()=>{
         const b = setTimeout(()=>{
             process.env.NODE_ENV !== "test" && p("transform 150ms, width 150ms");
@@ -94,7 +94,7 @@ const Z = (param)=>{
             a ? /* @__PURE__ */ c("span", {
                 children: [
                     "\xa0(",
-                    u.formFieldOptionalLabelSuffix || N(V),
+                    u.formFieldOptionalLabelSuffix || g(V),
                     ")"
                 ]
             }) : null
@@ -166,7 +166,7 @@ const Z = (param)=>{
     }, D(m)), {
         children: [
             /* @__PURE__ */ e("div", {
-                className: f(R, n ? g.readOnly : g.default, i),
+                className: f(R, n ? N.readOnly : N.default, i),
                 ref: t,
                 children: r
             }),

package/dist-es/text-link.css-mistica.js

@@ -1,11 +1,11 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./text-link.css.ts.vanilla.css-mistica.js";
 var n = {
-    underlineAlways: "v16_30_1_1m1n0pr2",
-    underlineOnHover: "v16_30_1_1m1n0pr3"
+    underlineAlways: "v16_32_1m1n0pr2",
+    underlineOnHover: "v16_32_1m1n0pr3"
 }, r = {
-    default: "v16_30_1_1m1n0pr1 v16_30_1_1y2v1nfjg v16_30_1_1y2v1nfiv v16_30_1_1y2v1nflt v16_30_1_1y2v1nf2p",
-    inverseLight: "v16_30_1_1m1n0pr1 v16_30_1_1y2v1nfjg v16_30_1_1y2v1nfiv v16_30_1_1y2v1nflt v16_30_1_1y2v1nf2q",
-    inverseDark: "v16_30_1_1m1n0pr1 v16_30_1_1y2v1nfjg v16_30_1_1y2v1nfiv v16_30_1_1y2v1nflt v16_30_1_1y2v1nf2p"
+    default: "v16_32_1m1n0pr1 v16_32_1y2v1nfjg v16_32_1y2v1nfiv v16_32_1y2v1nflt v16_32_1y2v1nf2p",
+    inverseLight: "v16_32_1m1n0pr1 v16_32_1y2v1nfjg v16_32_1y2v1nfiv v16_32_1y2v1nflt v16_32_1y2v1nf2q",
+    inverseDark: "v16_32_1m1n0pr1 v16_32_1y2v1nfjg v16_32_1y2v1nfiv v16_32_1y2v1nflt v16_32_1y2v1nf2p"
 };
 export { n as linkStyles, r as variants };