@telefonica/mistica 16.3.0 → 16.4.0

package/dist-es/iban-field.js

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as C } from "react/jsx-runtime";
-import * as b from "react";
+import * as h from "react";
 import { useRifm as x } from "rifm";
 import { useFieldProps as N } from "./form-context.js";
 import { TextFieldBaseAutosuggest as E } from "./text-field-base.js";
@@ -92,11 +92,11 @@ const A = {
     GB: 22,
     DE: 22,
     BR: 29
-}, R = 32, S = (t, e)=>{
+}, F = 32, R = (t, e)=>{
     let n = 0;
     for(let r = 0; r < t.length; r++)n = (n * 10 + Number(t[r])) % e;
     return n;
-}, v = (t)=>/^[A-Z]{2}$/.test(t), T = (t)=>/^\d{2}$/.test(t), z = (t)=>{
+}, I = (t)=>/^[A-Z]{2}$/.test(t), S = (t)=>/^\d{2}$/.test(t), T = (t)=>{
     let e = t.substr(4) + t.substr(0, 4);
     const n = "A".charCodeAt(0);
     return e = Array.from(e).map((r)=>{
@@ -105,12 +105,12 @@ const A = {
             return String(10 + s - n);
         }
         return r;
-    }).join(""), S(e, 97) === 1;
-}, F = (t)=>{
+    }).join(""), R(e, 97) === 1;
+}, z = (t)=>{
     const e = t.substr(0, 2), n = t.substr(2, 2);
-    if (!v(e) || !T(n)) return !1;
+    if (!I(e) || !S(n)) return !1;
     const r = A[e];
-    return !(r && r !== t.length || !z(t));
+    return !(r && r !== t.length || !T(t));
 }, Z = (t)=>{
     var n;
     const e = t.replace(/[^\dA-Za-z]/g, "");
@@ -118,8 +118,8 @@ const A = {
     return (_ref = (n = e.match(/.{1,4}/g)) == null ? void 0 : n.join(" ")) !== null && _ref !== void 0 ? _ref : e;
 }, j = (t)=>{
     const e = t.substr(0, 2);
-    let n = R;
-    if (e && v(e)) {
+    let n = F;
+    if (e && I(e)) {
         const s = A[e];
         s && (n = s);
     }
@@ -132,7 +132,7 @@ const A = {
         "defaultValue",
         "onChange"
     ]);
-    const [m, u] = b.useState(n !== null && n !== void 0 ? n : ""), c = b.useRef(null), i = typeof e < "u", d = i ? e : m, g = b.useCallback((o)=>{
+    const [m, u] = h.useState(n !== null && n !== void 0 ? n : ""), c = h.useRef(null), i = typeof e < "u", d = i ? e : m, g = h.useCallback((o)=>{
         i || u(o), c.current && (r == null || r(L(c.current, o)));
     }, [
         i,
@@ -149,14 +149,14 @@ const A = {
         value: a.value,
         onChange: (o)=>{
             var f;
-            const h = o.target.value, l = a.value;
-            return h.length - l.length > 1 && ((f = o.nativeEvent) == null ? void 0 : f.inputType) === "insertText" && (o.target.value = l), a.onChange(o);
+            const b = o.target.value, l = a.value;
+            return b.length - l.length > 1 && ((f = o.nativeEvent) == null ? void 0 : f.inputType) === "insertText" && (o.target.value = l), a.onChange(o);
         },
         type: "text",
         ref: V(t, c)
     }));
 }, M = (_param)=>{
-    var { disabled: t, error: e, helperText: n, name: r, label: s, optional: m, validate: u, onChange: c, onChangeValue: i, onBlur: d, value: g, defaultValue: a, dataAttributes: o } = _param, h = _object_without_properties(_param, [
+    var { disabled: t, error: e, helperText: n, name: r, label: s, optional: m, validate: u, onChange: c, onChangeValue: i, onBlur: d, value: g, defaultValue: a, dataAttributes: o } = _param, b = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -171,7 +171,7 @@ const A = {
         "defaultValue",
         "dataAttributes"
     ]);
-    const { texts: l, t: f } = B(), I = N({
+    const { texts: l, t: f } = B(), v = N({
         name: r,
         label: s,
         value: g,
@@ -182,14 +182,15 @@ const A = {
         error: e,
         disabled: t,
         onBlur: d,
-        validate: (p, y)=>F(p !== null && p !== void 0 ? p : "") ? u == null ? void 0 : u(p, y) : l.formIbanError || f(k),
+        validate: (p, y)=>z(p !== null && p !== void 0 ? p : "") ? u == null ? void 0 : u(p, y) : l.formIbanError || f(k),
         onChange: c,
         onChangeValue: i
     });
-    return /* @__PURE__ */ C(E, _object_spread_props(_object_spread({}, h, I), {
+    return /* @__PURE__ */ C(E, _object_spread_props(_object_spread({}, b, v), {
         inputComponent: D,
         dataAttributes: _object_spread({
-            "component-name": "IbanField"
+            "component-name": "IbanField",
+            testid: "IbanField"
         }, o)
     }));
 }, J = M;

package/dist-es/icon-button.css-mistica.js

@@ -10,9 +10,9 @@ var a = {
     default: "yqt1oe1a",
     small: "yqt1oe1b"
 }, o = {
-    default: "yqt1oe12 _1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfk2 _1y2v1nf7c _1y2v1nfhk _1y2v1nfhz _1y2v1nfht",
-    small: "yqt1oe13 _1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfk2 _1y2v1nf7c _1y2v1nfhk _1y2v1nfhz _1y2v1nfht"
-}, y = "yqt1oey", v = "yqt1oe1i _1y2v1nfhe _1y2v1nfhl", l = {
+    default: "yqt1oe12 _1y2v1nf7h _1y2v1nf8q _1y2v1nf9z _1y2v1nfb8 _1y2v1nfk6 _1y2v1nf7g _1y2v1nfho _1y2v1nfi3 _1y2v1nfhx",
+    small: "yqt1oe13 _1y2v1nf7h _1y2v1nf8q _1y2v1nf9z _1y2v1nfb8 _1y2v1nfk6 _1y2v1nf7g _1y2v1nfho _1y2v1nfi3 _1y2v1nfhx"
+}, y = "yqt1oey", v = "yqt1oe1i _1y2v1nfhi _1y2v1nfhp", l = {
     "brand-solid-default": "yqt1oe4",
     "brand-solid-inverse": "yqt1oe5",
     "brand-solid-alternative": "yqt1oe6",
@@ -44,13 +44,13 @@ var a = {
     "neutral-media": "yqt1oew",
     "danger-media": "yqt1oex"
 }, f = {
-    default: "yqt1oe1e yqt1oe1d _1y2v1nfk3 _1y2v1nfhk _1y2v1nfhz _1y2v1nfht _1y2v1nfkl _1y2v1nfhe",
-    small: "yqt1oe1f yqt1oe1d _1y2v1nfk3 _1y2v1nfhk _1y2v1nfhz _1y2v1nfht _1y2v1nfkl _1y2v1nfhe"
-}, d = {
+    default: "yqt1oe1e yqt1oe1d _1y2v1nfk7 _1y2v1nfho _1y2v1nfi3 _1y2v1nfhx _1y2v1nfkp _1y2v1nfhi",
+    small: "yqt1oe1f yqt1oe1d _1y2v1nfk7 _1y2v1nfho _1y2v1nfi3 _1y2v1nfhx _1y2v1nfkp _1y2v1nfhi"
+}, i = {
     default: "calc(1.5rem + 24px)",
     small: "calc(1.25rem + 12px)"
-}, i = {
+}, d = {
     default: "1.5rem",
     small: "1.25rem"
-}, q = "yqt1oez", s = "yqt1oe15", _ = "yqt1oe1g", u = "yqt1oe10", m = "yqt1oe1k _1y2v1nfhf";
-export { a as bleedLeft, n as bleedRight, r as bleedY, o as buttonContainer, y as disabled, v as icon, l as iconButtonTokens, f as iconContainer, d as iconContainerSize, i as iconSize, q as isLoading, s as minimumInteractiveArea, _ as overlay, u as overlayContainer, m as spinner };
+}, q = "yqt1oez", s = "yqt1oe15", _ = "yqt1oe1g", u = "yqt1oe10", m = "yqt1oe1k _1y2v1nfhj";
+export { a as bleedLeft, n as bleedRight, r as bleedY, o as buttonContainer, y as disabled, v as icon, l as iconButtonTokens, f as iconContainer, i as iconContainerSize, d as iconSize, q as isLoading, s as minimumInteractiveArea, _ as overlay, u as overlayContainer, m as spinner };

package/dist-es/icon-button.js

@@ -82,11 +82,11 @@ import { jsxs as L, jsx as n } from "react/jsx-runtime";
 import * as s from "react";
 import { BaseTouchable as V } from "./touchable.js";
 import { buttonContainer as K, iconButtonTokens as M, minimumInteractiveArea as Y, disabled as q, overlayContainer as D, bleedLeft as F, bleedRight as G, bleedY as H, iconContainer as J, isLoading as Q, overlay as U, icon as W, iconSize as P, spinner as X } from "./icon-button.css-mistica.js";
-import h from "classnames";
+import g from "classnames";
 import Z from "./spinner.js";
 import { useThemeVariant as _ } from "./theme-variant-context.js";
-const N = /*#__PURE__*/ s.forwardRef((_param, z)=>{
-    var { disabled: e, trackingEvent: r, role: f, dataAttributes: p, type: o = "neutral", backgroundType: b = "transparent", hasOverlay: S = !0, "aria-label": v, "aria-labelledby": c, small: d, Icon: R, bleedLeft: l, bleedRight: a, bleedY: I, showSpinner: g } = _param, m = _object_without_properties(_param, [
+const h = /*#__PURE__*/ s.forwardRef((_param, z)=>{
+    var { disabled: e, trackingEvent: o, role: f, dataAttributes: p, type: r = "neutral", backgroundType: b = "transparent", hasOverlay: I = !0, "aria-label": S, "aria-labelledby": l, small: d, Icon: v, bleedLeft: c, bleedRight: a, bleedY: R, showSpinner: N } = _param, m = _object_without_properties(_param, [
         "disabled",
         "trackingEvent",
         "role",
@@ -103,43 +103,44 @@ const N = /*#__PURE__*/ s.forwardRef((_param, z)=>{
         "bleedY",
         "showSpinner"
     ]);
-    const B = _(), [x, w] = s.useState(!1), t = g || x, [u, T] = s.useState(!!t);
+    const B = _(), [x, T] = s.useState(!1), t = N || x, [u, w] = s.useState(!!t);
     s.useEffect(()=>{
-        t && !u && T(!0);
+        t && !u && w(!0);
     }, [
         t,
         u
     ]);
-    const i = d ? "small" : "default", A = B === "media" ? `${o}-media` : `${o}-${b}-${B}`, O = {
+    const i = d ? "small" : "default", A = B === "media" ? `${r}-media` : `${r}-${b}-${B}`, O = {
         disabled: e || t,
         ref: z,
-        trackingEvent: r,
+        trackingEvent: o,
         role: f,
-        "aria-label": v,
-        "aria-labelledby": c,
+        "aria-label": S,
+        "aria-labelledby": l,
         dataAttributes: _object_spread({
-            "component-name": "IconButton"
+            "component-name": "IconButton",
+            testid: "IconButton"
         }, p),
-        className: h(K[i], M[A], Y, {
+        className: g(K[i], M[A], Y, {
             [q]: e,
             [D]: !e && !t,
-            [F[i]]: l,
+            [F[i]]: c,
             [G[i]]: a,
-            [H[i]]: I
+            [H[i]]: R
         }),
-        resetMargin: !l && !a && !I
+        resetMargin: !c && !a && !R
     }, j = /* @__PURE__ */ L("div", {
-        className: h(J[i], {
+        className: g(J[i], {
             [Q]: t
         }),
         children: [
-            S && /* @__PURE__ */ n("div", {
+            I && /* @__PURE__ */ n("div", {
                 className: U
             }),
             /* @__PURE__ */ n("div", {
                 "aria-hidden": t ? !0 : void 0,
                 className: W,
-                children: /* @__PURE__ */ n(R, {
+                children: /* @__PURE__ */ n(v, {
                     size: P[i],
                     color: "currentColor"
                 })
@@ -148,7 +149,7 @@ const N = /*#__PURE__*/ s.forwardRef((_param, z)=>{
                 "aria-hidden": t ? void 0 : !0,
                 className: X,
                 onTransitionEnd: ()=>{
-                    t !== u && T(t);
+                    t !== u && w(t);
                 },
                 children: u && /* @__PURE__ */ n(Z, {
                     size: P[i],
@@ -162,19 +163,19 @@ const N = /*#__PURE__*/ s.forwardRef((_param, z)=>{
         const k = m.onPress;
         m.onPress = (E)=>{
             const y = k(E);
-            y && (w(!0), y.finally(()=>w(!1)));
+            y && (T(!0), y.finally(()=>T(!1)));
         };
     }
     return /* @__PURE__ */ n(V, _object_spread_props(_object_spread({}, O, m), {
         maybe: !0,
         children: j
     }));
-}), $ = /*#__PURE__*/ s.forwardRef((e, r)=>/* @__PURE__ */ n(N, _object_spread({
-        ref: r
-    }, e))), ie = /*#__PURE__*/ s.forwardRef((e, r)=>/* @__PURE__ */ n($, _object_spread({
-        ref: r
-    }, e))), C = /*#__PURE__*/ s.forwardRef((_param, v)=>{
-    var { checked: e, defaultChecked: r, checkedProps: f, uncheckedProps: p, onChange: o, dataAttributes: b } = _param, S = _object_without_properties(_param, [
+}), $ = /*#__PURE__*/ s.forwardRef((e, o)=>/* @__PURE__ */ n(h, _object_spread({
+        ref: o
+    }, e))), ie = /*#__PURE__*/ s.forwardRef((e, o)=>/* @__PURE__ */ n($, _object_spread({
+        ref: o
+    }, e))), C = /*#__PURE__*/ s.forwardRef((_param, S)=>{
+    var { checked: e, defaultChecked: o, checkedProps: f, uncheckedProps: p, onChange: r, dataAttributes: b } = _param, I = _object_without_properties(_param, [
         "checked",
         "defaultChecked",
         "checkedProps",
@@ -182,22 +183,23 @@ const N = /*#__PURE__*/ s.forwardRef((_param, z)=>{
         "onChange",
         "dataAttributes"
     ]);
-    const [c, d] = s.useState(!!r), R = ()=>{
+    const [l, d] = s.useState(!!o), v = ()=>{
         if (e === void 0) {
-            const l = o == null ? void 0 : o(!c);
-            if (l) return l.then(()=>d((a)=>!a)).catch(()=>{});
+            const c = r == null ? void 0 : r(!l);
+            if (c) return c.then(()=>d((a)=>!a)).catch(()=>{});
             d((a)=>!a);
-        } else return o == null ? void 0 : o(!e);
+        } else return r == null ? void 0 : r(!e);
     };
-    return /* @__PURE__ */ n(N, _object_spread_props(_object_spread({
-        ref: v
-    }, S, (e !== null && e !== void 0 ? e : c) ? f : p), {
+    return /* @__PURE__ */ n(h, _object_spread_props(_object_spread({
+        ref: S
+    }, I, (e !== null && e !== void 0 ? e : l) ? f : p), {
         dataAttributes: _object_spread({
-            "component-name": "ToggleIconButton"
+            "component-name": "ToggleIconButton",
+            testid: "ToggleIconButton"
         }, b),
-        onPress: R
+        onPress: v
     }));
-}), ae = /*#__PURE__*/ s.forwardRef((e, r)=>/* @__PURE__ */ n(C, _object_spread({
-        ref: r
+}), ae = /*#__PURE__*/ s.forwardRef((e, o)=>/* @__PURE__ */ n(C, _object_spread({
+        ref: o
     }, e)));
-export { ie as IconButton, $ as InternalIconButton, C as InternalToggleIconButton, N as RawIconButton, ae as ToggleIconButton };
+export { ie as IconButton, $ as InternalIconButton, C as InternalToggleIconButton, h as RawIconButton, ae as ToggleIconButton };

package/dist-es/image.css-mistica.js

@@ -1,6 +1,6 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./image.css.ts.vanilla.css-mistica.js";
-var v = 300, _ = "_17tt25r5", t = "_17tt25r6", i = "_17tt25r3 _1y2v1nfkr _1y2v1nfl6 _1y2v1nfhm _1y2v1nfi7 _1y2v1nfio _1y2v1nfmf _1y2v1nfjz _1y2v1nfk0 _1y2v1nfkb", d = "_17tt25r1", f = "_17tt25r4", e = {
+var v = 300, _ = "_17tt25r5", t = "_17tt25r6", i = "_17tt25r3 _1y2v1nfkv _1y2v1nfla _1y2v1nfhq _1y2v1nfib _1y2v1nfis _1y2v1nfmj _1y2v1nfk3 _1y2v1nfk4 _1y2v1nfkf", d = "_17tt25r1", f = "_17tt25r4", e = {
     mediaBorderRadius: "var(--_17tt25r0)"
 };
 export { v as FADE_IN_DURATION_MS, _ as circularBorderRadius, t as defaultBorderRadius, i as image, d as imageWithBorder, f as noBorderRadius, e as vars };