@telefonica/mistica 16.30.1 → 16.32.0

package/dist-es/icon-button.js

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

package/dist-es/icons/icon-chevron.css-mistica.js

@@ -1,5 +1,5 @@
 import "./icon-chevron.css.ts.vanilla.css-mistica.js";
-var o = "v16_30_1_77bqcx2", a = "v16_30_1_77bqcx1", v = {
-    transitionDuration: "var(--v16_30_1_77bqcx0)"
+var o = "v16_32_77bqcx2", a = "v16_32_77bqcx1", v = {
+    transitionDuration: "var(--v16_32_77bqcx0)"
 };
 export { o as chevronColorTransition, a as chevronRotateTransition, v as vars };

package/dist-es/icons/icon-error.css-mistica.js

@@ -1,3 +1,3 @@
 import "./icon-error.css.ts.vanilla.css-mistica.js";
-var a = "v16_30_1_1ao3f5e2", i = "v16_30_1_1ao3f5e1";
+var a = "v16_32_1ao3f5e2", i = "v16_32_1ao3f5e1";
 export { a as innerAnimation, i as outerAnimation };

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 r = 300, t = "v16_30_1_17tt25r5", a = "v16_30_1_17tt25r7", i = "v16_30_1_17tt25r3 v16_30_1_1y2v1nfm0 v16_30_1_1y2v1nfmf v16_30_1_1y2v1nfiu v16_30_1_1y2v1nfjf v16_30_1_1y2v1nfjw v16_30_1_1y2v1nfno v16_30_1_1y2v1nfl7 v16_30_1_1y2v1nfl8 v16_30_1_1y2v1nflk", d = "v16_30_1_17tt25r1", f = {
-    mediaBorderRadius: "var(--v16_30_1_17tt25r0)"
-}, e = "v16_30_1_17tt25r6", o = "v16_30_1_17tt25r4";
+var r = 300, t = "v16_32_17tt25r5", a = "v16_32_17tt25r7", i = "v16_32_17tt25r3 v16_32_1y2v1nfm0 v16_32_1y2v1nfmf v16_32_1y2v1nfiu v16_32_1y2v1nfjf v16_32_1y2v1nfjw v16_32_1y2v1nfno v16_32_1y2v1nfl7 v16_32_1y2v1nfl8 v16_32_1y2v1nflk", d = "v16_32_17tt25r1", f = {
+    mediaBorderRadius: "var(--v16_32_17tt25r0)"
+}, e = "v16_32_17tt25r6", o = "v16_32_17tt25r4";
 export { r as FADE_IN_DURATION_MS, t as circularBorderRadius, a as defaultBorderRadius, i as image, d as imageWithBorder, f as vars, e as withBorderRadius, o as withoutBorderRadius };

package/dist-es/image.js

@@ -185,7 +185,7 @@ const Q = (param)=>{
         "errorFallback"
     ]);
     var I;
-    const m = o.useId(), h = o.useRef(), u = i.circular ? j : l ? D : l === !1 ? $ : K, [y, f] = o.useState(!s), [A, g] = o.useState(!1), L = i.width && i.height ? void 0 : i.circular ? 1 : typeof e == "number" ? e : H[e], b = M && !!(L !== 0 || i.width && i.height), B = x && !!(L !== 0 || i.width && i.height), w = o.useCallback(()=>{
+    const m = o.useId(), h = o.useRef(), u = i.circular ? j : l ? D : l === !1 ? $ : K, [y, f] = o.useState(!s), [N, g] = o.useState(!1), L = i.width && i.height ? void 0 : i.circular ? 1 : typeof e == "number" ? e : H[e], b = M && !!(L !== 0 || i.width && i.height), A = x && !!(L !== 0 || i.width && i.height), w = o.useCallback(()=>{
         f(!1), h.current && (h.current.style.opacity = "1"), setTimeout(()=>{
             g(!0);
         }, P), c == null || c();
@@ -202,13 +202,13 @@ const Q = (param)=>{
     }, [
         w
     ]);
-    const N = J() || !((I = document.getElementById(m)) != null && I.complete), W = /* @__PURE__ */ v(k, {
+    const B = J() || !((I = document.getElementById(m)) != null && I.complete), W = /* @__PURE__ */ v(k, {
         children: [
             /* @__PURE__ */ t("img", {
                 suppressHydrationWarning: !0,
                 id: m,
                 style: {
-                    opacity: N && b ? 0 : 1,
+                    opacity: B && b ? 0 : 1,
                     position: L !== 0 ? "absolute" : "static"
                 },
                 ref: q(h, S),
@@ -234,7 +234,7 @@ const Q = (param)=>{
     var _i_height, _i_width;
     return /* @__PURE__ */ v(k, {
         children: [
-            b && !A && /* @__PURE__ */ t("div", {
+            b && !N && /* @__PURE__ */ t("div", {
                 style: {
                     position: "absolute",
                     width: "100%",
@@ -252,7 +252,7 @@ const Q = (param)=>{
                     })
                 })
             }),
-            y && B && /* @__PURE__ */ t("div", {
+            y && A && /* @__PURE__ */ t("div", {
                 style: {
                     position: "absolute",
                     width: "100%",