@telefonica/mistica 14.45.0 → 14.46.0

package/dist/text-field-base.js

@@ -11,13 +11,13 @@ function _export(target, all) {
 }
 _export(exports, {
     FieldEndIcon: function() {
-        return Ue;
+        return Ze;
     },
     TextFieldBase: function() {
-        return F;
+        return W;
     },
     TextFieldBaseAutosuggest: function() {
-        return Xe;
+        return Ve;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -33,6 +33,7 @@ const _textfieldbasecssmistica = require("./text-field-base.css-mistica.js");
 const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
 const _iconbutton = require("./icon-button.js");
 const _themevariantcontext = require("./theme-variant-context.js");
+const _iconbuttoncssmistica = require("./icon-button.css-mistica.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -158,31 +159,34 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const we = (l, u)=>{
-    if (!u) return !0;
+const Be = (o, f)=>{
+    if (!f) return !0;
     const i = document.createElement("input");
-    return i.type = u, i.value = l || "", i.value !== "";
-}, Ue = (param)=>{
-    let { Icon: l, className: u, onPress: i, disabled: h, "aria-label": m } = param;
-    return(/**
-   * If we try to add fieldEndIconContainer styles to the BaseIconButton instead,
-   * there may be collisions because that component sets margin internally. We
-   * create a wrapper around it so that the margin's value won't be overrided.
-   */ /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+    return i.type = f, i.value = o || "", i.value !== "";
+}, Ze = (param)=>{
+    let { hasBackgroundColor: o = !0, onPress: f, onChange: i, disabled: m, Icon: g, checkedProps: r, uncheckedProps: a, "aria-label": h } = param;
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         className: _textfieldbasecssmistica.fieldEndIconContainer,
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.BaseIconButton, {
-            disabled: h,
-            "aria-label": m,
-            onPress: i,
-            size: _textfieldbasecssmistica.iconButtonSize,
-            className: u,
-            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(l, {
-                size: _textfieldbasecssmistica.iconSize
-            })
+        children: r ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.InternalToggleIconButton, {
+            checkedProps: _object_spread_props(_object_spread({}, r), {
+                "aria-label": r["aria-label"] || ""
+            }),
+            uncheckedProps: _object_spread_props(_object_spread({}, a), {
+                "aria-label": a["aria-label"] || ""
+            }),
+            onChange: i,
+            hasOverlay: o,
+            disabled: m
+        }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.InternalIconButton, {
+            Icon: g,
+            disabled: m,
+            "aria-label": h || "",
+            onPress: f,
+            hasOverlay: o
         })
-    }));
-}, F = /*#__PURE__*/ _react.forwardRef((_param, Z)=>{
-    var { error: l, helperText: u, label: i, inputProps: h, inputRef: m, defaultValue: s, value: r, onFocus: S, onBlur: x, inputComponent: g, prefix: y, startIcon: t, endIcon: f, endIconOverlay: p, shrinkLabel: P, multiline: L = !1, focus: b, fieldRef: J, maxLength: C, id: Q, autoComplete: U, fullWidth: X, dataAttributes: Y } = _param, a = _object_without_properties(_param, [
+    });
+}, W = /*#__PURE__*/ _react.forwardRef((_param, U)=>{
+    var { error: o, helperText: f, label: i, inputProps: m, inputRef: g, defaultValue: r, value: a, onFocus: h, onBlur: x, inputComponent: p, prefix: b, startIcon: t, endIcon: u, endIconOverlay: S, shrinkLabel: F, multiline: R = !1, focus: y, fieldRef: H, maxLength: C, id: K, autoComplete: M, fullWidth: J, dataAttributes: Q } = _param, l = _object_without_properties(_param, [
         "error",
         "helperText",
         "label",
@@ -208,47 +212,47 @@ const we = (l, u)=>{
         "dataAttributes"
     ]);
     var _ref;
-    const w = (0, _hooks.useAriaId)(Q), z = (0, _hooks.useAriaId)(), [d, c] = _react.useState(s != null && s.length || r != null && r.length ? "filled" : "default"), { isTabletOrSmaller: V } = (0, _hooks.useScreenSize)(), [B, D] = _react.useState((_ref = s == null ? void 0 : s.length) !== null && _ref !== void 0 ? _ref : 0), I = !!i || !a.required, E = a.type === "date" || a.type === "datetime-local" || a.type === "month", q = _react.useRef(void 0);
+    const w = (0, _hooks.useAriaId)(K), P = (0, _hooks.useAriaId)(), [s, c] = _react.useState(r != null && r.length || a != null && a.length ? "filled" : "default"), { isTabletOrSmaller: X } = (0, _hooks.useScreenSize)(), [O, B] = _react.useState((_ref = r == null ? void 0 : r.length) !== null && _ref !== void 0 ? _ref : 0), A = !!i || !l.required, E = l.type === "date" || l.type === "datetime-local" || l.type === "month", D = _react.useRef(void 0);
     (0, _hooks.useIsomorphicLayoutEffect)(()=>{
-        const e = E && !we(r, a.type) ? "" : r;
-        q.current !== r && E && !(e != null && e.length) && d === "filled" && b === void 0 && c("default"), q.current = r, d !== "focused" && e != null && e.length && (D(e.length), c("filled")), b && c("focused"), b === !1 && !(e != null && e.length) && c("default"), b === !1 && e != null && e.length && c("filled");
+        const e = E && !Be(a, l.type) ? "" : a;
+        D.current !== a && E && !(e != null && e.length) && s === "filled" && y === void 0 && c("default"), D.current = a, s !== "focused" && e != null && e.length && (B(e.length), c("filled")), y && c("focused"), y === !1 && !(e != null && e.length) && c("default"), y === !1 && e != null && e.length && c("filled");
     }, [
-        d,
-        r,
-        b,
+        s,
+        a,
+        y,
         E,
-        a.type
+        l.type
     ]), _react.useEffect(()=>{
-        a.autoFocus && c("focused");
+        l.autoFocus && c("focused");
     }, [
-        a.autoFocus
+        l.autoFocus
     ]);
-    const ee = L ? "textarea" : "input", te = g ? {
-        inputRef: m
+    const Y = R ? "textarea" : "input", Z = p ? {
+        inputRef: g
     } : {
-        ref: (0, _common.combineRefs)(Z, m)
-    }, R = _object_spread(_object_spread_props(_object_spread({}, a), {
+        ref: (0, _common.combineRefs)(U, g)
+    }, I = _object_spread(_object_spread_props(_object_spread({}, l), {
         maxLength: C,
-        autoComplete: U
-    }), h), v = `calc(${_textfieldbasecssmistica.iconSize} + ${_textfieldbasecssmistica.fieldElementsGap}px)`, O = `calc(${_textfieldbasecssmistica.iconButtonSize} + ${_textfieldbasecssmistica.fieldElementsGap}px)`, ie = P || d === "focused" || d === "filled" ? V ? _textfieldcomponentscssmistica.LABEL_SCALE_MOBILE : _textfieldcomponentscssmistica.LABEL_SCALE_DESKTOP : 1, ne = {
-        left: `calc(${_textfieldbasecssmistica.fieldLeftPadding}px + ${t ? v : "0px"})`,
+        autoComplete: M
+    }), m), $ = `calc(${_iconbuttoncssmistica.iconSize.default} + ${_textfieldbasecssmistica.fieldElementsGap}px)`, q = `calc(${_textfieldbasecssmistica.iconButtonSize} + ${_textfieldbasecssmistica.fieldEndIconGap}px)`, V = F || s === "focused" || s === "filled" ? X ? _textfieldcomponentscssmistica.LABEL_SCALE_MOBILE : _textfieldcomponentscssmistica.LABEL_SCALE_DESKTOP : 1, ee = {
+        left: `calc(${_textfieldbasecssmistica.fieldLeftPadding}px + ${t ? $ : "0px"})`,
         // shrinking means applying a scale transformation, so width will be proportionally reduced.
         // Let's keep the original width.
-        width: `calc((100% - ${_textfieldbasecssmistica.fieldLeftPadding}px - ${t ? v : "0px"} - ${f || p ? O : `${_textfieldbasecssmistica.fieldRightPadding}px`}) / ${ie})`
-    }, re = a.type === "password" && B > 0 ? "Lucida Grande, Arial, sans-serif" : "inherit";
+        width: `calc((100% - ${_textfieldbasecssmistica.fieldLeftPadding}px - ${t ? $ : "0px"} - ${u || S ? q : `${_textfieldbasecssmistica.fieldRightPadding}px`}) / ${V})`
+    }, te = l.type === "password" && O > 0 ? "Lucida Grande, Arial, sans-serif" : "inherit";
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.FieldContainer, {
-        disabled: a.disabled,
+        disabled: l.disabled,
         helperText: /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.HelperText, {
-            error: l,
-            leftText: u,
-            id: z,
-            rightText: L && C ? `${B}/${C}` : void 0
+            error: o,
+            leftText: f,
+            id: P,
+            rightText: R && C ? `${O}/${C}` : void 0
         }),
-        multiline: L,
-        fullWidth: X,
-        fieldRef: J,
-        readOnly: a.readOnly,
-        dataAttributes: Y,
+        multiline: R,
+        fullWidth: J,
+        fieldRef: H,
+        readOnly: l.readOnly,
+        dataAttributes: Q,
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_themevariantcontext.ThemeVariant, {
             isInverse: !1,
             children: [
@@ -256,16 +260,16 @@ const we = (l, u)=>{
                     className: _textfieldbasecssmistica.startIcon,
                     children: t
                 }),
-                y && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                    className: (0, _classnames.default)(_textfieldbasecssmistica.prefix, I ? _textfieldbasecssmistica.inputWithLabel : _textfieldbasecssmistica.inputWithoutLabel),
+                b && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    className: (0, _classnames.default)(_textfieldbasecssmistica.prefix, A ? _textfieldbasecssmistica.inputWithLabel : _textfieldbasecssmistica.inputWithoutLabel),
                     style: {
-                        opacity: d === "default" ? 0 : 1
+                        opacity: s === "default" ? 0 : 1
                     },
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                         color: _skincontractcssmistica.vars.colors.textSecondary,
                         regular: !0,
                         wordBreak: !1,
-                        children: y
+                        children: b
                     })
                 }),
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -273,103 +277,103 @@ const we = (l, u)=>{
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                         as: "div",
                         regular: !0,
-                        children: /*#__PURE__*/ _react.createElement(g || ee, _object_spread(_object_spread_props(_object_spread({}, te, R), {
+                        children: /*#__PURE__*/ _react.createElement(p || Y, _object_spread(_object_spread_props(_object_spread({}, Z, I), {
                             id: w,
                             style: _object_spread_props(_object_spread({
-                                paddingRight: f ? 0 : p ? `calc(${_textfieldbasecssmistica.fieldRightPadding}px + ${O})` : _textfieldbasecssmistica.fieldRightPadding,
-                                paddingLeft: y ? 0 : t ? `calc(${v} + ${_textfieldbasecssmistica.fieldLeftPadding}px)` : _textfieldbasecssmistica.fieldLeftPadding
-                            }, R.style), {
-                                fontFamily: re
+                                paddingRight: u ? 0 : S ? q : _textfieldbasecssmistica.fieldRightPadding,
+                                paddingLeft: b ? 0 : t ? `calc(${$} + ${_textfieldbasecssmistica.fieldLeftPadding}px)` : _textfieldbasecssmistica.fieldLeftPadding
+                            }, I.style), {
+                                fontFamily: te
                             }),
-                            className: L ? (0, _classnames.default)(_textfieldbasecssmistica.textArea, I ? _textfieldbasecssmistica.textAreaWithLabel : _textfieldbasecssmistica.textAreaWithoutLabel) : (0, _classnames.default)(_textfieldbasecssmistica.input, I ? _textfieldbasecssmistica.inputWithLabel : _textfieldbasecssmistica.inputWithoutLabel, {
+                            className: R ? (0, _classnames.default)(_textfieldbasecssmistica.textArea, A ? _textfieldbasecssmistica.textAreaWithLabel : _textfieldbasecssmistica.textAreaWithoutLabel) : (0, _classnames.default)(_textfieldbasecssmistica.input, A ? _textfieldbasecssmistica.inputWithLabel : _textfieldbasecssmistica.inputWithoutLabel, {
                                 [_textfieldbasecssmistica.inputFirefoxStyles]: (0, _platform.isFirefox)(),
                                 // Hide webkit placeholder when label is not shrinked and value is empty
-                                [_textfieldbasecssmistica.hiddenDatePlaceholder]: E && d === "default",
+                                [_textfieldbasecssmistica.hiddenDatePlaceholder]: E && s === "default",
                                 // Force height of input when value is empty to avoid field from having height 0 in iOS
-                                [_textfieldbasecssmistica.emptyDateValue]: E && d !== "filled"
+                                [_textfieldbasecssmistica.emptyDateValue]: E && s !== "filled"
                             }),
                             onFocus: (e)=>{
-                                c("focused"), S == null || S(e);
+                                c("focused"), h == null || h(e);
                             },
                             onBlur: (e)=>{
                                 e.target.value.length > 0 ? c("filled") : c("default"), x == null || x(e);
                             },
                             onChange: (e)=>{
-                                var _;
-                                C === void 0 || e.target.value.length <= C ? (D(e.target.value.length), e.target.value.length > 0 && d !== "focused" && c(e.target.value.length > 0 ? "filled" : "default"), (_ = R.onChange) == null || _.call(R, e)) : (e.stopPropagation(), e.preventDefault());
+                                var z;
+                                C === void 0 || e.target.value.length <= C ? (B(e.target.value.length), e.target.value.length > 0 && s !== "focused" && c(e.target.value.length > 0 ? "filled" : "default"), (z = I.onChange) == null || z.call(I, e)) : (e.stopPropagation(), e.preventDefault());
                             },
-                            defaultValue: s,
-                            value: r
-                        }), l && {
+                            defaultValue: r,
+                            value: a
+                        }), o && {
                             "aria-invalid": !0
-                        }, u && {
-                            "aria-describedby": z
+                        }, f && {
+                            "aria-describedby": P
                         }))
                     })
                 }),
                 i && /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.Label, {
-                    style: ne,
-                    error: l,
+                    style: ee,
+                    error: o,
                     forId: w,
-                    inputState: d,
-                    shrinkLabel: P,
-                    optional: !a.required,
+                    inputState: s,
+                    shrinkLabel: F,
+                    optional: !l.required,
                     children: i
                 }),
-                f && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                u && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _textfieldbasecssmistica.endIconContainer,
-                    children: f
+                    children: u
                 }),
-                p
+                S
             ]
         })
     });
-}), ze = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "react-autosuggest" */ "react-autosuggest")))), Xe = /*#__PURE__*/ _react.forwardRef((_param, h)=>{
-    var { getSuggestions: l, id: u } = _param, i = _object_without_properties(_param, [
+}), De = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "react-autosuggest" */ "react-autosuggest")))), Ve = /*#__PURE__*/ _react.forwardRef((_param, m)=>{
+    var { getSuggestions: o, id: f } = _param, i = _object_without_properties(_param, [
         "getSuggestions",
         "id"
     ]);
-    const [m, s] = _react.useState([]), r = _react.useRef(null), { platformOverrides: S, texts: x } = (0, _hooks.useTheme)(), g = (0, _hooks.useAriaId)(u), y = (0, _hooks.useAriaId)();
-    if (l && (i.value === void 0 || i.defaultValue !== void 0)) throw Error("Fields with suggestions must be used in controlled mode");
-    return l ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
-        fallback: /* @__PURE__ */ (0, _jsxruntime.jsx)(F, _object_spread_props(_object_spread({}, i), {
-            label: (0, _platform.isRunningAcceptanceTest)(S) ? "" : i.label,
+    const [g, r] = _react.useState([]), a = _react.useRef(null), { platformOverrides: h, texts: x } = (0, _hooks.useTheme)(), p = (0, _hooks.useAriaId)(f), b = (0, _hooks.useAriaId)();
+    if (o && (i.value === void 0 || i.defaultValue !== void 0)) throw Error("Fields with suggestions must be used in controlled mode");
+    return o ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
+        fallback: /* @__PURE__ */ (0, _jsxruntime.jsx)(W, _object_spread_props(_object_spread({}, i), {
+            label: (0, _platform.isRunningAcceptanceTest)(h) ? "" : i.label,
             autoComplete: "off",
-            ref: h,
-            id: g
+            ref: m,
+            id: p
         })),
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(ze, {
-            id: y,
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(De, {
+            id: b,
             inputProps: _object_spread_props(_object_spread({}, i), {
-                id: g,
+                id: p,
                 autoComplete: "off",
                 // @ts-expect-error Autosuggest expects slightly different types
                 onChange: (t, param)=>{
-                    let { newValue: f } = param;
-                    var p;
+                    let { newValue: u } = param;
+                    var S;
                     t.target = _object_spread_props(_object_spread({}, t.target), {
-                        value: f
+                        value: u
                     }), t.currentTarget = _object_spread_props(_object_spread({}, t.currentTarget), {
-                        value: f
-                    }), (p = i.onChange) == null || p.call(i, t);
+                        value: u
+                    }), (S = i.onChange) == null || S.call(i, t);
                 }
             }),
-            renderInputComponent: (t)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(F, _object_spread_props(_object_spread({}, t), {
-                    inputRef: (0, _common.combineRefs)(r, i.inputRef, h)
+            renderInputComponent: (t)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(W, _object_spread_props(_object_spread({}, t), {
+                    inputRef: (0, _common.combineRefs)(a, i.inputRef, m)
                 })),
-            suggestions: m,
+            suggestions: g,
             onSuggestionsFetchRequested: (param)=>{
                 let { value: t } = param;
-                return s(l(t));
+                return r(o(t));
             },
-            onSuggestionsClearRequested: ()=>s([]),
+            onSuggestionsClearRequested: ()=>r([]),
             getSuggestionValue: (t)=>t,
             renderSuggestion: (t, param)=>{
-                let { isHighlighted: f } = param;
+                let { isHighlighted: u } = param;
                 return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     role: "menuitem",
                     className: (0, _classnames.default)(_textfieldbasecssmistica.menuItem, {
-                        [_textfieldbasecssmistica.menuItemSelected]: f
+                        [_textfieldbasecssmistica.menuItemSelected]: u
                     }),
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                         regular: !0,
@@ -379,15 +383,15 @@ const we = (l, u)=>{
             },
             renderSuggestionsContainer: (t)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({}, t.containerProps), {
                     style: {
-                        width: r.current ? r.current.clientWidth + 2 : 0
+                        width: a.current ? a.current.clientWidth + 2 : 0
                     },
                     className: _textfieldbasecssmistica.suggestionsContainer,
                     "aria-label": `${i.label} ${x.menuLabelSuffix}`,
                     children: t.children
                 }))
         })
-    }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(F, _object_spread_props(_object_spread({}, i), {
-        id: g,
-        ref: h
+    }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(W, _object_spread_props(_object_spread({}, i), {
+        id: p,
+        ref: m
     }));
 });

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

@@ -10,34 +10,34 @@ function _export(target, all) {
 }
 _export(exports, {
     DEFAULT_WIDTH: function() {
-        return n;
+        return a;
     },
     LABEL_SCALE_DESKTOP: function() {
-        return a;
+        return f;
     },
     LABEL_SCALE_MOBILE: function() {
-        return f;
+        return e;
     },
     disabled: function() {
-        return e;
+        return i;
     },
     field: function() {
-        return i;
+        return y;
     },
     fieldContainer: function() {
-        return y;
+        return t;
     },
     fullWidth: function() {
-        return t;
+        return l;
     },
     helperContainer: function() {
-        return l;
+        return h;
     },
     helperText: function() {
-        return h;
+        return k;
     },
     labelContainer: function() {
-        return k;
+        return o;
     },
     labelText: function() {
         return u;
@@ -49,13 +49,14 @@ _export(exports, {
         return g;
     },
     rightText: function() {
-        return o;
+        return L;
     },
     shrinked: function() {
-        return L;
+        return p;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
+require("./icon-button.css.ts.vanilla.css-mistica.js");
 require("./text-field-base.css.ts.vanilla.css-mistica.js");
 require("./text-field-components.css.ts.vanilla.css-mistica.js");
-var n = 328, a = 0.78, f = 0.75, e = "_15k6ur97", i = "_1y2v1nfjj _1y2v1nfiz _1y2v1nfgi _1y2v1nfj8 _1y2v1nfgc", y = "_15k6ur96 _1y2v1nfgi _1y2v1nfgo", t = "_1y2v1nfh5", l = "_1y2v1nf95 _1y2v1nfah _1y2v1nfgi", h = "_15k6ur9d", k = "_15k6ur91 _1y2v1nfgd _1y2v1nfgi _1y2v1nfgn", u = "_15k6ur93 _1y2v1nfjj _1y2v1nfh1", d = "_15k6ur9e", g = "_15k6ur99 _1y2v1nfh5", o = "_15k6ur9f", L = "_15k6ur94";
+var a = 328, f = 0.78, e = 0.75, i = "_15k6ur97", y = "_1y2v1nfjj _1y2v1nfiz _1y2v1nfgi _1y2v1nfj8 _1y2v1nfgc", t = "_15k6ur96 _1y2v1nfgi _1y2v1nfgo", l = "_1y2v1nfh5", h = "_1y2v1nf95 _1y2v1nfah _1y2v1nfgi", k = "_15k6ur9d", o = "_15k6ur91 _1y2v1nfgd _1y2v1nfgi _1y2v1nfgn", u = "_15k6ur93 _1y2v1nfjj _1y2v1nfh1", d = "_15k6ur9e", g = "_15k6ur99 _1y2v1nfh5", L = "_15k6ur9f", p = "_15k6ur94";

package/dist/text-field-components.js

@@ -132,11 +132,11 @@ const J = (param)=>{
     let { shrinkLabel: t, forId: s, inputState: r, error: l, children: i, style: n, optional: a } = param;
     const f = t || r === "focused" || r === "filled", [u, h] = _react.useState("initial"), { texts: d } = (0, _hooks.useTheme)();
     _react.useEffect(()=>{
-        const g = setTimeout(()=>{
+        const T = setTimeout(()=>{
             process.env.NODE_ENV !== "test" && h("transform 150ms, width 150ms");
         });
         return ()=>{
-            clearTimeout(g);
+            clearTimeout(T);
         };
     }, []);
     let p = _skincontractcssmistica.vars.colors.textSecondary;

package/dist/text.js

@@ -197,12 +197,12 @@ const K = {
     const D = (0, _classnames.default)(_textcssmistica.text, c ? _textcssmistica.withWordBreak : _textcssmistica.withoutWordBreak, {
         [_textcssmistica.truncate]: o,
         [_textcssmistica.truncateToOneLine]: o === 1 || o === !0
-    }), R = (0, _css.applyCssVars)({
+    }), N = (0, _css.applyCssVars)({
         [_textcssmistica.vars.mobileSize]: b ? (0, _css.pxToRem)(b) : "inherit",
         [_textcssmistica.vars.mobileLineHeight]: S ? (0, _css.pxToRem)(S) : "inherit",
         [_textcssmistica.vars.desktopSize]: T ? (0, _css.pxToRem)(T) : "inherit",
         [_textcssmistica.vars.desktopLineHeight]: f ? (0, _css.pxToRem)(f) : "inherit"
-    }), j = o ? (0, _css.applyCssVars)({
+    }), R = o ? (0, _css.applyCssVars)({
         [_textcssmistica.vars.lineClamp]: String(C)
     }) : {};
     var _V_i;
@@ -211,8 +211,8 @@ const K = {
         id: A,
         role: P,
         "aria-level": y
-    }, (0, _dom.getPrefixedDataAttributes)(W)), {
-        style: _object_spread_props(_object_spread({}, R, j), {
+    }, (0, _dom.getPrefixedDataAttributes)(W, "Text")), {
+        style: _object_spread_props(_object_spread({}, N, R), {
             hyphens: u,
             WebkitHyphens: u,
             letterSpacing: w,

package/dist/theme.d.ts

@@ -6,7 +6,8 @@ import type { TrackingEvent } from './utils/types';
 export type ThemeTexts = Readonly<typeof TEXTS_ES>;
 declare const TEXTS_ES: {
     expirationDatePlaceholder: string;
-    togglePasswordVisibilityLabel: string;
+    enablePasswordVisibility: string;
+    disablePasswordVisibility: string;
     loading: string;
     linkOpensInNewTab: string;
     modalClose: string;

package/dist/theme.js

@@ -10,16 +10,16 @@ function _export(target, all) {
 }
 _export(exports, {
     NAVBAR_HEIGHT_DESKTOP: function() {
-        return c;
+        return u;
     },
     NAVBAR_HEIGHT_MOBILE: function() {
-        return u;
+        return c;
     },
     dimensions: function() {
-        return E;
+        return V;
     },
     getMisticaLinkComponent: function() {
-        return B;
+        return E;
     },
     getTexts: function() {
         return g;
@@ -107,7 +107,8 @@ function _object_without_properties_loose(source, excluded) {
 }
 const l = {
     expirationDatePlaceholder: "MM/AA",
-    togglePasswordVisibilityLabel: "Mostrar u ocultar contrase\xf1a",
+    enablePasswordVisibility: "Mostrar contrase\xf1a",
+    disablePasswordVisibility: "Ocultar contrase\xf1a",
     loading: "Cargando",
     linkOpensInNewTab: "Se abre en ventana nueva",
     modalClose: "Cerrar",
@@ -151,7 +152,8 @@ const l = {
     counterMaxValue: "m\xe1ximo"
 }, i = {
     expirationDatePlaceholder: "MM/YY",
-    togglePasswordVisibilityLabel: "Toggle password visibility",
+    enablePasswordVisibility: "Show password",
+    disablePasswordVisibility: "Hide password",
     loading: "Loading",
     linkOpensInNewTab: "Opens in a new window",
     modalClose: "Close",
@@ -195,7 +197,8 @@ const l = {
     counterMaxValue: "maximum of"
 }, s = {
     expirationDatePlaceholder: "MM/JJ",
-    togglePasswordVisibilityLabel: "Passwort un-/sichtbar machen",
+    enablePasswordVisibility: "Passwort anzeigen",
+    disablePasswordVisibility: "Passwort verbergen",
     loading: "Wird gespeichert",
     linkOpensInNewTab: "Wird in neuem Fenster ge\xf6ffnet",
     modalClose: "Schlie\xdfen",
@@ -239,7 +242,8 @@ const l = {
     counterMaxValue: "maximal"
 }, d = {
     expirationDatePlaceholder: "MM/AA",
-    togglePasswordVisibilityLabel: "Mostrar ou ocultar senha",
+    enablePasswordVisibility: "mostrar senha",
+    disablePasswordVisibility: "esconder a senha",
     loading: "Carregando",
     linkOpensInNewTab: "Abre em nova janela",
     modalClose: "Fechar",
@@ -294,9 +298,9 @@ const l = {
         default:
             return process.env.NODE_ENV !== "production" && console.error(`Invalid locale: ${e}`), i;
     }
-}, u = 56, c = 80, E = {
-    headerMobileHeight: u,
-    headerDesktopHeight: c
+}, c = 56, u = 80, V = {
+    headerMobileHeight: c,
+    headerDesktopHeight: u
 }, m = (_param)=>{
     var { to: e, innerRef: r } = _param, a = _object_without_properties(_param, [
         "to",
@@ -329,7 +333,7 @@ const l = {
                 children: t
             }))
         });
-    }, v = (e)=>(_param)=>{
+    }, b = (e)=>(_param)=>{
         var { to: r, innerRef: a, children: t } = _param, n = _object_without_properties(_param, [
             "to",
             "innerRef",
@@ -341,7 +345,7 @@ const l = {
         }, n), {
             children: t
         }));
-    }, B = (e)=>{
+    }, E = (e)=>{
     if (!e) return m;
     if (typeof e == "function" || e.$$typeof) return e;
     switch(e.type){
@@ -353,7 +357,7 @@ const l = {
             return p(e.Component);
         case "Next13":
         case "Next14":
-            return v(e.Component);
+            return b(e.Component);
         default:
             const r = e.type;
             throw new Error(`Invalid Link type: ${r}`);