@telefonica/mistica 16.31.0 → 16.33.0

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

@@ -1,56 +1,56 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./icon-button.css.ts.vanilla.css-mistica.js";
 var v = {
-    default: "v16_31_yqt1oe16",
-    small: "v16_31_yqt1oe17"
+    default: "v16_33_yqt1oe16",
+    small: "v16_33_yqt1oe17"
 }, t = {
-    default: "v16_31_yqt1oe18",
-    small: "v16_31_yqt1oe19"
+    default: "v16_33_yqt1oe18",
+    small: "v16_33_yqt1oe19"
 }, a = {
-    default: "v16_31_yqt1oe1a",
-    small: "v16_31_yqt1oe1b"
+    default: "v16_33_yqt1oe1a",
+    small: "v16_33_yqt1oe1b"
 }, n = {
-    default: "v16_31_yqt1oe12 v16_31_1y2v1nf8l v16_31_1y2v1nf9u v16_31_1y2v1nfb3 v16_31_1y2v1nfcc v16_31_1y2v1nfla v16_31_1y2v1nf8k v16_31_1y2v1nfis v16_31_1y2v1nfj7 v16_31_1y2v1nfj1",
-    small: "v16_31_yqt1oe13 v16_31_1y2v1nf8l v16_31_1y2v1nf9u v16_31_1y2v1nfb3 v16_31_1y2v1nfcc v16_31_1y2v1nfla v16_31_1y2v1nf8k v16_31_1y2v1nfis v16_31_1y2v1nfj7 v16_31_1y2v1nfj1"
-}, r = "v16_31_yqt1oey", o = "v16_31_yqt1oe1i v16_31_1y2v1nfim v16_31_1y2v1nfit", y = {
-    "brand-solid-default": "v16_31_yqt1oe4",
-    "brand-solid-inverse": "v16_31_yqt1oe5",
-    "brand-solid-alternative": "v16_31_yqt1oe6",
-    "brand-soft-default": "v16_31_yqt1oe7",
-    "brand-soft-inverse": "v16_31_yqt1oe8",
-    "brand-soft-alternative": "v16_31_yqt1oe9",
-    "brand-transparent-default": "v16_31_yqt1oea",
-    "brand-transparent-inverse": "v16_31_yqt1oeb",
-    "brand-transparent-alternative": "v16_31_yqt1oec",
-    "neutral-solid-default": "v16_31_yqt1oed",
-    "neutral-solid-inverse": "v16_31_yqt1oee",
-    "neutral-solid-alternative": "v16_31_yqt1oef",
-    "neutral-soft-default": "v16_31_yqt1oeg",
-    "neutral-soft-inverse": "v16_31_yqt1oeh",
-    "neutral-soft-alternative": "v16_31_yqt1oei",
-    "neutral-transparent-default": "v16_31_yqt1oej",
-    "neutral-transparent-inverse": "v16_31_yqt1oek",
-    "neutral-transparent-alternative": "v16_31_yqt1oel",
-    "danger-solid-default": "v16_31_yqt1oem",
-    "danger-solid-inverse": "v16_31_yqt1oen",
-    "danger-solid-alternative": "v16_31_yqt1oeo",
-    "danger-soft-default": "v16_31_yqt1oep",
-    "danger-soft-inverse": "v16_31_yqt1oeq",
-    "danger-soft-alternative": "v16_31_yqt1oer",
-    "danger-transparent-default": "v16_31_yqt1oes",
-    "danger-transparent-inverse": "v16_31_yqt1oet",
-    "danger-transparent-alternative": "v16_31_yqt1oeu",
-    "brand-media": "v16_31_yqt1oev",
-    "neutral-media": "v16_31_yqt1oew",
-    "danger-media": "v16_31_yqt1oex"
+    default: "v16_33_yqt1oe12 v16_33_1y2v1nf8l v16_33_1y2v1nf9u v16_33_1y2v1nfb3 v16_33_1y2v1nfcc v16_33_1y2v1nfla v16_33_1y2v1nf8k v16_33_1y2v1nfis v16_33_1y2v1nfj7 v16_33_1y2v1nfj1",
+    small: "v16_33_yqt1oe13 v16_33_1y2v1nf8l v16_33_1y2v1nf9u v16_33_1y2v1nfb3 v16_33_1y2v1nfcc v16_33_1y2v1nfla v16_33_1y2v1nf8k v16_33_1y2v1nfis v16_33_1y2v1nfj7 v16_33_1y2v1nfj1"
+}, r = "v16_33_yqt1oey", o = "v16_33_yqt1oe1i v16_33_1y2v1nfim v16_33_1y2v1nfit", y = {
+    "brand-solid-default": "v16_33_yqt1oe4",
+    "brand-solid-inverse": "v16_33_yqt1oe5",
+    "brand-solid-alternative": "v16_33_yqt1oe6",
+    "brand-soft-default": "v16_33_yqt1oe7",
+    "brand-soft-inverse": "v16_33_yqt1oe8",
+    "brand-soft-alternative": "v16_33_yqt1oe9",
+    "brand-transparent-default": "v16_33_yqt1oea",
+    "brand-transparent-inverse": "v16_33_yqt1oeb",
+    "brand-transparent-alternative": "v16_33_yqt1oec",
+    "neutral-solid-default": "v16_33_yqt1oed",
+    "neutral-solid-inverse": "v16_33_yqt1oee",
+    "neutral-solid-alternative": "v16_33_yqt1oef",
+    "neutral-soft-default": "v16_33_yqt1oeg",
+    "neutral-soft-inverse": "v16_33_yqt1oeh",
+    "neutral-soft-alternative": "v16_33_yqt1oei",
+    "neutral-transparent-default": "v16_33_yqt1oej",
+    "neutral-transparent-inverse": "v16_33_yqt1oek",
+    "neutral-transparent-alternative": "v16_33_yqt1oel",
+    "danger-solid-default": "v16_33_yqt1oem",
+    "danger-solid-inverse": "v16_33_yqt1oen",
+    "danger-solid-alternative": "v16_33_yqt1oeo",
+    "danger-soft-default": "v16_33_yqt1oep",
+    "danger-soft-inverse": "v16_33_yqt1oeq",
+    "danger-soft-alternative": "v16_33_yqt1oer",
+    "danger-transparent-default": "v16_33_yqt1oes",
+    "danger-transparent-inverse": "v16_33_yqt1oet",
+    "danger-transparent-alternative": "v16_33_yqt1oeu",
+    "brand-media": "v16_33_yqt1oev",
+    "neutral-media": "v16_33_yqt1oew",
+    "danger-media": "v16_33_yqt1oex"
 }, l = {
-    default: "v16_31_yqt1oe1e v16_31_yqt1oe1d v16_31_1y2v1nflc v16_31_1y2v1nfis v16_31_1y2v1nfj7 v16_31_1y2v1nfj1 v16_31_1y2v1nflu v16_31_1y2v1nfim",
-    small: "v16_31_yqt1oe1f v16_31_yqt1oe1d v16_31_1y2v1nflc v16_31_1y2v1nfis v16_31_1y2v1nfj7 v16_31_1y2v1nfj1 v16_31_1y2v1nflu v16_31_1y2v1nfim"
+    default: "v16_33_yqt1oe1e v16_33_yqt1oe1d v16_33_1y2v1nflc v16_33_1y2v1nfis v16_33_1y2v1nfj7 v16_33_1y2v1nfj1 v16_33_1y2v1nflu v16_33_1y2v1nfim",
+    small: "v16_33_yqt1oe1f v16_33_yqt1oe1d v16_33_1y2v1nflc v16_33_1y2v1nfis v16_33_1y2v1nfj7 v16_33_1y2v1nfj1 v16_33_1y2v1nflu v16_33_1y2v1nfim"
 }, i = {
     default: "calc(1.5rem + 24px)",
     small: "calc(1.25rem + 12px)"
 }, f = {
     default: "1.5rem",
     small: "1.25rem"
-}, d = "v16_31_yqt1oez", s = "v16_31_yqt1oe15", q = "v16_31_yqt1oe1g", u = "v16_31_yqt1oe10", m = "v16_31_yqt1oe1k v16_31_1y2v1nfin";
+}, d = "v16_33_yqt1oez", s = "v16_33_yqt1oe15", q = "v16_33_yqt1oe1g", u = "v16_33_yqt1oe10", m = "v16_33_yqt1oe1k v16_33_1y2v1nfin";
 export { v as bleedLeft, t as bleedRight, a as bleedY, n as buttonContainer, r as disabled, o as icon, y as iconButtonTokens, l as iconContainer, i as iconContainerSize, f as iconSize, d as isLoading, s as minimumInteractiveArea, q as overlay, u as overlayContainer, m as spinner };

package/dist-es/icon-button.js

@@ -85,7 +85,7 @@ import { buttonContainer as L, iconButtonTokens as V, minimumInteractiveArea as
 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)=>{
+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",
@@ -101,7 +101,7 @@ const h = /*#__PURE__*/ s.forwardRef((_param, y)=>{
         "bleedY",
         "showSpinner"
     ]);
-    const B = X(), [N, T] = s.useState(!1), t = l || N, [f, b] = s.useState(!!t);
+    const B = X(), [y, T] = s.useState(!1), t = l || y, [f, b] = s.useState(!!t);
     s.useEffect(()=>{
         t && !f && b(!0);
     }, [
@@ -110,7 +110,7 @@ const h = /*#__PURE__*/ s.forwardRef((_param, y)=>{
     ]);
     const i = R ? "small" : "default", z = B === "media" ? `${r}-media` : `${r}-${S}-${B}`, x = {
         disabled: e || t,
-        ref: y,
+        ref: N,
         trackingEvent: o,
         role: p,
         dataAttributes: _object_spread({

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_31_77bqcx2", a = "v16_31_77bqcx1", v = {
-    transitionDuration: "var(--v16_31_77bqcx0)"
+var o = "v16_33_77bqcx2", a = "v16_33_77bqcx1", v = {
+    transitionDuration: "var(--v16_33_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_31_1ao3f5e2", i = "v16_31_1ao3f5e1";
+var a = "v16_33_1ao3f5e2", i = "v16_33_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_31_17tt25r5", a = "v16_31_17tt25r7", i = "v16_31_17tt25r3 v16_31_1y2v1nfm0 v16_31_1y2v1nfmf v16_31_1y2v1nfiu v16_31_1y2v1nfjf v16_31_1y2v1nfjw v16_31_1y2v1nfno v16_31_1y2v1nfl7 v16_31_1y2v1nfl8 v16_31_1y2v1nflk", d = "v16_31_17tt25r1", f = {
-    mediaBorderRadius: "var(--v16_31_17tt25r0)"
-}, e = "v16_31_17tt25r6", o = "v16_31_17tt25r4";
+var r = 300, t = "v16_33_17tt25r5", a = "v16_33_17tt25r7", i = "v16_33_17tt25r3 v16_33_1y2v1nfm0 v16_33_1y2v1nfmf v16_33_1y2v1nfiu v16_33_1y2v1nfjf v16_33_1y2v1nfjw v16_33_1y2v1nfno v16_33_1y2v1nfl7 v16_33_1y2v1nfl8 v16_33_1y2v1nflk", d = "v16_33_17tt25r1", f = {
+    mediaBorderRadius: "var(--v16_33_17tt25r0)"
+}, e = "v16_33_17tt25r6", o = "v16_33_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%",