@telefonica/mistica 16.45.0 → 16.47.0

package/dist-es/icon-button.js

@@ -78,15 +78,15 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as k, jsx as n } from "react/jsx-runtime";
+import { jsxs as E, jsx as n } from "react/jsx-runtime";
 import * as s from "react";
-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 W from "./spinner.js";
-import { useThemeVariant as X } from "./theme-variant-context.js";
-const h = /*#__PURE__*/ s.forwardRef((_param, y)=>{
-    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, [
+import { BaseTouchable as L } from "./touchable.js";
+import { buttonContainer as V, iconButtonTokens as K, minimumInteractiveArea as M, disabled as Y, overlayContainer as q, bleedLeft as F, bleedRight as G, bleedY as H, iconContainer as J, isLoading as Q, overlay as U, icon as W, iconSize as g, spinner as X } from "./icon-button.css-mistica.js";
+import h from "classnames";
+import Z from "./spinner.js";
+import { useThemeVariant as _ } from "./theme-variant-context.js";
+const y = /*#__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: l, bleedLeft: a, bleedRight: m, bleedY: c, showSpinner: d, "aria-disabled": B } = _param, u = _object_without_properties(_param, [
         "disabled",
         "trackingEvent",
         "role",
@@ -99,56 +99,58 @@ const h = /*#__PURE__*/ s.forwardRef((_param, y)=>{
         "bleedLeft",
         "bleedRight",
         "bleedY",
-        "showSpinner"
+        "showSpinner",
+        "aria-disabled"
     ]);
-    const B = X(), [N, T] = s.useState(!1), t = l || N, [f, b] = s.useState(!!t);
+    const T = _(), [z, b] = s.useState(!1), t = d || z, [f, w] = s.useState(!!t);
     s.useEffect(()=>{
-        t && !f && b(!0);
+        t && !f && w(!0);
     }, [
         t,
         f
     ]);
-    const i = R ? "small" : "default", z = B === "media" ? `${r}-media` : `${r}-${S}-${B}`, x = {
+    const i = R ? "small" : "default", x = T === "media" ? `${r}-media` : `${r}-${S}-${T}`, A = {
         disabled: e || t,
-        ref: y,
+        "aria-disabled": B,
+        ref: N,
         trackingEvent: o,
         role: p,
         dataAttributes: _object_spread({
             "component-name": "IconButton",
             testid: "IconButton"
         }, I),
-        className: g(L[i], V[z], K, {
-            [M]: e,
-            [Y]: !e && !t,
-            [q[i]]: a,
-            [D[i]]: m,
-            [F[i]]: c
+        className: h(V[i], K[x], M, {
+            [Y]: e || B,
+            [q]: !e && !t && !B,
+            [F[i]]: a,
+            [G[i]]: m,
+            [H[i]]: c
         }),
         resetMargin: !a && !m && !c
-    }, A = /* @__PURE__ */ k("div", {
-        className: g(G[i], {
-            [H]: t
+    }, O = /* @__PURE__ */ E("div", {
+        className: h(J[i], {
+            [Q]: t
         }),
         children: [
             v && /* @__PURE__ */ n("div", {
-                className: J
+                className: U
             }),
             /* @__PURE__ */ n("div", {
                 "aria-hidden": t ? !0 : void 0,
-                className: Q,
-                children: /* @__PURE__ */ n(d, {
-                    size: P[i],
+                className: W,
+                children: /* @__PURE__ */ n(l, {
+                    size: g[i],
                     color: "currentColor"
                 })
             }),
             /* @__PURE__ */ n("div", {
                 "aria-hidden": t ? void 0 : !0,
-                className: U,
+                className: X,
                 onTransitionEnd: ()=>{
-                    t !== f && b(t);
+                    t !== f && w(t);
                 },
-                children: f && /* @__PURE__ */ n(W, {
-                    size: P[i],
+                children: f && /* @__PURE__ */ n(Z, {
+                    size: g[i],
                     color: "currentColor",
                     delay: "0s"
                 })
@@ -156,21 +158,21 @@ const h = /*#__PURE__*/ s.forwardRef((_param, y)=>{
         ]
     });
     if (u.onPress) {
-        const O = u.onPress;
-        u.onPress = (j)=>{
-            const w = O(j);
-            w && (T(!0), w.finally(()=>T(!1)));
+        const j = u.onPress;
+        u.onPress = (k)=>{
+            const P = j(k);
+            P && (b(!0), P.finally(()=>b(!1)));
         };
     }
-    return /* @__PURE__ */ n(E, _object_spread_props(_object_spread({}, x, u), {
+    return /* @__PURE__ */ n(L, _object_spread_props(_object_spread({}, A, u), {
         maybe: !0,
-        children: A
+        children: O
     }));
-}), Z = /*#__PURE__*/ s.forwardRef((e, o)=>/* @__PURE__ */ n(h, _object_spread({
+}), $ = /*#__PURE__*/ s.forwardRef((e, o)=>/* @__PURE__ */ n(y, _object_spread({
         ref: o
-    }, e))), re = /*#__PURE__*/ s.forwardRef((e, o)=>/* @__PURE__ */ n(Z, _object_spread({
+    }, e))), se = /*#__PURE__*/ s.forwardRef((e, o)=>/* @__PURE__ */ n($, _object_spread({
         ref: o
-    }, e))), _ = /*#__PURE__*/ s.forwardRef((_param, R)=>{
+    }, e))), C = /*#__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",
@@ -179,23 +181,23 @@ const h = /*#__PURE__*/ s.forwardRef((_param, y)=>{
         "onChange",
         "dataAttributes"
     ]);
-    const [d, a] = s.useState(!!o), m = ()=>{
+    const [l, a] = s.useState(!!o), m = ()=>{
         if (e === void 0) {
-            const c = r == null ? void 0 : r(!d);
-            if (c) return c.then(()=>a((l)=>!l)).catch(()=>{});
-            a((l)=>!l);
+            const c = r == null ? void 0 : r(!l);
+            if (c) return c.then(()=>a((d)=>!d)).catch(()=>{});
+            a((d)=>!d);
         } else return r == null ? void 0 : r(!e);
     };
-    return /* @__PURE__ */ n(h, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ n(y, _object_spread_props(_object_spread({
         ref: R
-    }, v, (e !== null && e !== void 0 ? e : d) ? p : I), {
+    }, v, (e !== null && e !== void 0 ? e : l) ? p : I), {
         dataAttributes: _object_spread({
             "component-name": "ToggleIconButton",
             testid: "ToggleIconButton"
         }, S),
         onPress: m
     }));
-}), se = /*#__PURE__*/ s.forwardRef((e, o)=>/* @__PURE__ */ n(_, _object_spread({
+}), ie = /*#__PURE__*/ s.forwardRef((e, o)=>/* @__PURE__ */ n(C, _object_spread({
         ref: o
     }, e)));
-export { re as IconButton, Z as InternalIconButton, _ as InternalToggleIconButton, h as RawIconButton, se as ToggleIconButton };
+export { se as IconButton, $ as InternalIconButton, C as InternalToggleIconButton, y as RawIconButton, ie 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 = {
-    transitionDuration: "var(--v16_45_77bqcx0)"
-}, a = "v16_45_77bqcx1", v = "v16_45_77bqcx2";
+    transitionDuration: "var(--v16_47_77bqcx0)"
+}, a = "v16_47_77bqcx1", v = "v16_47_77bqcx2";
 export { v as chevronColorTransition, a as chevronRotateTransition, o 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_45_1ao3f5e1", i = "v16_45_1ao3f5e2";
+var a = "v16_47_1ao3f5e1", i = "v16_47_1ao3f5e2";
 export { i as innerAnimation, a 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 = {
-    mediaBorderRadius: "var(--v16_45_17tt25r0)"
-}, a = "v16_45_17tt25r1", i = "v16_45_17tt25r3 v16_45_17tt25r2 v16_45_1y2v1nfsw v16_45_1y2v1nftb v16_45_1y2v1nfpo v16_45_1y2v1nfq9 v16_45_1y2v1nfqq v16_45_1y2v1nfuk v16_45_1y2v1nfs1 v16_45_1y2v1nfs2 v16_45_1y2v1nfse", d = "v16_45_17tt25r4", e = "v16_45_17tt25r5", o = "v16_45_17tt25r6", f = "v16_45_17tt25r7";
+    mediaBorderRadius: "var(--v16_47_17tt25r0)"
+}, a = "v16_47_17tt25r1", i = "v16_47_17tt25r3 v16_47_17tt25r2 v16_47_1y2v1nfsw v16_47_1y2v1nftb v16_47_1y2v1nfpo v16_47_1y2v1nfq9 v16_47_1y2v1nfqq v16_47_1y2v1nfuk v16_47_1y2v1nfs1 v16_47_1y2v1nfs2 v16_47_1y2v1nfse", d = "v16_47_17tt25r4", e = "v16_47_17tt25r5", o = "v16_47_17tt25r6", f = "v16_47_17tt25r7";
 export { r as FADE_IN_DURATION_MS, e as circularBorderRadius, f as defaultBorderRadius, i as image, a as imageWithBorder, t as vars, o as withBorderRadius, d as withoutBorderRadius };