@telefonica/mistica 14.7.0 → 14.8.0

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

@@ -2,10 +2,10 @@ import "./sprinkles.css.ts.vanilla.js";
 import "./responsive-layout.css.ts.vanilla.js";
 import "./grid-layout.css.ts.vanilla.js";
 import "./carousel.css.ts.vanilla.js";
-var a = "_1abcu71 _1y2v1nf80 _1y2v1nf8f _1y2v1nf9n _1y2v1nf3r", y = "_1abcu72 _1abcu71 _1y2v1nf80 _1y2v1nf8f _1y2v1nf9n _1y2v1nf3s", r = "_1abcu72 _1abcu71 _1y2v1nf80 _1y2v1nf8f _1y2v1nf9n _1y2v1nf47", e = "_1abcu75 _1abcu71 _1y2v1nf80 _1y2v1nf8f _1y2v1nf9n", u = "_1abcu7l _1abcu7b _1y2v1nf5o _1y2v1nf8q", c = "_1y2v1nf5o _1y2v1nf5x", b = "_1y2v1nf92 _1y2v1nf5j", o = "_1abcu7o", t = "_1abcu7s _1abcu7q _1abcu7d _1y2v1nf5o _1y2v1nf63 _1y2v1nf5x _1y2v1nf9n _1y2v1nf2t _1y2v1nf85 _1y2v1nf8k _1y2v1nf9l _1y2v1nf5k", l = "_1abcu7r _1abcu7q _1abcu7d _1y2v1nf5o _1y2v1nf63 _1y2v1nf5x _1y2v1nf9n _1y2v1nf2t _1y2v1nf85 _1y2v1nf8k _1y2v1nf9l _1y2v1nf5k", s = "_1abcu7m", i = "_1abcu7n", d = "_1abcu7v _1abcu7b _1y2v1nf5o _1y2v1nf8q", k = "_1abcu713 _1y2v1nf5k _1y2v1nfbi _1y2v1nf5o _1y2v1nf5x _1y2v1nf7v", m = "_1y2v1nf5j", w = "_1abcu7x _1y2v1nf7v _1y2v1nf66", x = "_1abcu711 _1abcu7q _1abcu7d _1y2v1nf5o _1y2v1nf63 _1y2v1nf5x _1y2v1nf9n _1y2v1nf2t _1y2v1nf85 _1y2v1nf8k _1y2v1nf9l _1y2v1nf5k _1y2v1nfb4", h = "_1abcu7z _1abcu7q _1abcu7d _1y2v1nf5o _1y2v1nf63 _1y2v1nf5x _1y2v1nf9n _1y2v1nf2t _1y2v1nf85 _1y2v1nf8k _1y2v1nf9l _1y2v1nf5k _1y2v1nfaq", P = {
+var f = "_1abcu71 _1y2v1nf82 _1y2v1nf8h _1y2v1nf9p _1y2v1nf3t", y = "_1abcu72 _1abcu71 _1y2v1nf82 _1y2v1nf8h _1y2v1nf9p _1y2v1nf3u", r = "_1abcu72 _1abcu71 _1y2v1nf82 _1y2v1nf8h _1y2v1nf9p _1y2v1nf49", u = "_1abcu75 _1abcu71 _1y2v1nf82 _1y2v1nf8h _1y2v1nf9p", e = "_1abcu7l _1abcu7b _1y2v1nf5q _1y2v1nf8s", c = "_1y2v1nf5q _1y2v1nf5z", b = "_1y2v1nf94 _1y2v1nf5l", t = "_1abcu7o", l = "_1abcu7s _1abcu7q _1abcu7d _1y2v1nf5q _1y2v1nf65 _1y2v1nf5z _1y2v1nf9p _1y2v1nf2u _1y2v1nf87 _1y2v1nf8m _1y2v1nf9n _1y2v1nf5m", o = "_1abcu7r _1abcu7q _1abcu7d _1y2v1nf5q _1y2v1nf65 _1y2v1nf5z _1y2v1nf9p _1y2v1nf2u _1y2v1nf87 _1y2v1nf8m _1y2v1nf9n _1y2v1nf5m", s = "_1abcu7m", i = "_1abcu7n", m = "_1abcu7v _1abcu7b _1y2v1nf5q _1y2v1nf8s", p = "_1abcu713 _1y2v1nf5m _1y2v1nfbk _1y2v1nf5q _1y2v1nf5z _1y2v1nf7x", h = "_1y2v1nf5l", q = "_1abcu7x _1y2v1nf7x _1y2v1nf68", d = "_1abcu711 _1abcu7q _1abcu7d _1y2v1nf5q _1y2v1nf65 _1y2v1nf5z _1y2v1nf9p _1y2v1nf2u _1y2v1nf87 _1y2v1nf8m _1y2v1nf9n _1y2v1nf5m _1y2v1nfb6", w = "_1abcu7z _1abcu7q _1abcu7d _1y2v1nf5q _1y2v1nf65 _1y2v1nf5z _1y2v1nf9p _1y2v1nf2u _1y2v1nf87 _1y2v1nf8m _1y2v1nf9n _1y2v1nf5m _1y2v1nfas", P = {
     itemsPerPageMobile: "var(--_1abcu7g)",
     itemsPerPageTablet: "var(--_1abcu7h)",
     itemsPerPageDesktop: "var(--_1abcu7i)",
     gap: "var(--_1abcu7j)"
 };
-export { a as bullet, y as bulletActive, r as bulletActiveInverse, e as bulletInverse, u as carousel, c as carouselBullets, b as carouselContainer, o as carouselItem, t as carouselNextArrowButton, l as carouselPrevArrowButton, s as carouselWithScroll, i as centeredCarousel, d as slideshow, k as slideshowBullets, m as slideshowContainer, w as slideshowItem, x as slideshowNextArrowButton, h as slideshowPrevArrowButton, P as vars };
+export { f as bullet, y as bulletActive, r as bulletActiveInverse, u as bulletInverse, e as carousel, c as carouselBullets, b as carouselContainer, t as carouselItem, l as carouselNextArrowButton, o as carouselPrevArrowButton, s as carouselWithScroll, i as centeredCarousel, m as slideshow, p as slideshowBullets, h as slideshowContainer, q as slideshowItem, d as slideshowNextArrowButton, w as slideshowPrevArrowButton, P as vars };

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

@@ -1,8 +1,8 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./checkbox.css.ts.vanilla.js";
-var n = {
-    ios: "_1rz9b14 _1rz9b13 _1y2v1nf5p _1y2v1nf5x _1y2v1nf63 _1y2v1nf66 _1y2v1nf9y _1y2v1nf2s",
-    rest: "_1rz9b15 _1rz9b13 _1y2v1nf5p _1y2v1nf5x _1y2v1nf63 _1y2v1nf66 _1y2v1nf9y _1y2v1nf2s",
-    checked: "_1rz9b16 _1rz9b13 _1y2v1nf5p _1y2v1nf5x _1y2v1nf63 _1y2v1nf66 _1y2v1nf9y _1y2v1nf2s"
-}, y = "_1rz9b18 _1y2v1nf5q", r = "_1rz9b19", f = "_1rz9b11 _1y2v1nf5r", b = "_1rz9b1a";
-export { n as boxVariant, y as check, r as checkChecked, f as checkboxContainer, b as disabled };
+var r = {
+    ios: "_1rz9b14 _1rz9b13 _1y2v1nf5r _1y2v1nf5z _1y2v1nf65 _1y2v1nf68 _1y2v1nfa0 _1y2v1nf2t",
+    rest: "_1rz9b15 _1rz9b13 _1y2v1nf5r _1y2v1nf5z _1y2v1nf65 _1y2v1nf68 _1y2v1nfa0 _1y2v1nf2t",
+    checked: "_1rz9b16 _1rz9b13 _1y2v1nf5r _1y2v1nf5z _1y2v1nf65 _1y2v1nf68 _1y2v1nfa0 _1y2v1nf2t"
+}, n = "_1rz9b18 _1y2v1nf5s", f = "_1rz9b19", y = "_1rz9b11 _1y2v1nf5t", a = "_1rz9b1a";
+export { r as boxVariant, n as check, f as checkChecked, y as checkboxContainer, a as disabled };

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

@@ -4,8 +4,8 @@ var v = {
     light: "cc7htna cc7htn9",
     dark: "cc7htnb cc7htn9"
 }, t = {
-    default: "cc7htn1 _1y2v1nf5p _1y2v1nf5x _1y2v1nf63 _1y2v1nf9l _1y2v1nf2t _1y2v1nf1r",
-    overAlternative: "cc7htn1 _1y2v1nf5p _1y2v1nf5x _1y2v1nf63 _1y2v1nf9l _1y2v1nf2v _1y2v1nf1r",
-    active: "cc7htn8 cc7htn2 cc7htn1 _1y2v1nf5p _1y2v1nf5x _1y2v1nf63 _1y2v1nf9l _1y2v1nf11 _1y2v1nf57"
+    default: "cc7htn1 _1y2v1nf5r _1y2v1nf5z _1y2v1nf65 _1y2v1nf9n _1y2v1nf2u _1y2v1nf1s",
+    overAlternative: "cc7htn1 _1y2v1nf5r _1y2v1nf5z _1y2v1nf65 _1y2v1nf9n _1y2v1nf2x _1y2v1nf1s",
+    active: "cc7htn8 cc7htn2 cc7htn1 _1y2v1nf5r _1y2v1nf5z _1y2v1nf65 _1y2v1nf9n _1y2v1nf12 _1y2v1nf59"
 }, f = "cc7htnc", y = "cc7htnd";
 export { v as chipInteractiveVariants, t as chipVariants, f as icon, y as iconActive };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./circle.css.ts.vanilla.js";
-var p = "_1wpwyyp1 _1y2v1nf5o _1y2v1nf63 _1y2v1nf5x _1y2v1nf9n";
-export { p as circle };
+var r = "_1wpwyyp1 _1y2v1nf5q _1y2v1nf65 _1y2v1nf5z _1y2v1nf9p";
+export { r as circle };

package/dist-es/credit-card-number-field.css-mistica.js

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./credit-card-number-field.css.ts.vanilla.js";
-var a = "yvyo3q0", o = "yvyo3q2", r = "_1y2v1nf5k", f = {
-    default: "yvyo3q4 _1y2v1nf5j yvyo3q5",
-    backface: "yvyo3q4 _1y2v1nf5j yvyo3q6"
+var a = "yvyo3q0", o = "yvyo3q2", r = "_1y2v1nf5m", f = {
+    default: "yvyo3q4 _1y2v1nf5l yvyo3q5",
+    backface: "yvyo3q4 _1y2v1nf5l yvyo3q6"
 };
 export { a as flip, o as flipBack, r as flipFront, f as variants };

package/dist-es/cvv-field.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./cvv-field.css.ts.vanilla.js";
-var r = "_10ijton2 _1y2v1nf1r", v = "_1y2v1nf5o _1y2v1nf63";
-export { r as cvvText, v as tooltipContainer };
+var v = "_10ijton2 _1y2v1nf1s", n = "_1y2v1nf5q _1y2v1nf65";
+export { v as cvvText, n as tooltipContainer };

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

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./dialog.css.ts.vanilla.js";
-var _ = "_3dl29lb", y = "_3dl29l6", f = "_3dl29ll _1y2v1nf6h", l = "_3dl29lj _1y2v1nf6a _1y2v1nf95", a = "_3dl29lm", o = "_3dl29l8 _1y2v1nf6g _1y2v1nf6u _1y2v1nf78 _1y2v1nf7m _1y2v1nf5k _1y2v1nfa6 _1y2v1nfay", d = "_3dl29la _1y2v1nf2s _1y2v1nf9v", r = "_3dl29l5 _1y2v1nf5l _1y2v1nf5o _1y2v1nf5x _1y2v1nf63 _1y2v1nf5u _1y2v1nfa6 _1y2v1nfay _1y2v1nfbc _1y2v1nfak _1y2v1nf2y", t = {
-    dialog: "_3dl29ld _1y2v1nf5o _1y2v1nf5u _1y2v1nf60 _1y2v1nf79 _1y2v1nf7n _1y2v1nf6j _1y2v1nf6v",
-    default: "_3dl29ld _1y2v1nf5o _1y2v1nf5u _1y2v1nf60 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf7n"
-}, e = "_3dl29l3 _1y2v1nf5j";
-export { _ as closedModalContent, y as closedOpactityLayer, f as dialogActions, l as dialogContent, a as iconContainer, o as modalCloseButtonContainer, d as modalContent, r as modalOpacityLayer, t as variants, e as wrapper };
+var _ = "_3dl29lb", y = "_3dl29l6", f = "_3dl29ll _1y2v1nf6j", l = "_3dl29lj _1y2v1nf6c _1y2v1nf97", a = "_3dl29lm", d = "_3dl29l8 _1y2v1nf6i _1y2v1nf6w _1y2v1nf7a _1y2v1nf7o _1y2v1nf5m _1y2v1nfa8 _1y2v1nfb0", o = "_3dl29la _1y2v1nf2t _1y2v1nf9x", r = "_3dl29l5 _1y2v1nf5n _1y2v1nf5q _1y2v1nf5z _1y2v1nf65 _1y2v1nf5w _1y2v1nfa8 _1y2v1nfb0 _1y2v1nfbe _1y2v1nfam _1y2v1nf30", t = {
+    dialog: "_3dl29ld _1y2v1nf5q _1y2v1nf5w _1y2v1nf62 _1y2v1nf7b _1y2v1nf7p _1y2v1nf6l _1y2v1nf6x",
+    default: "_3dl29ld _1y2v1nf5q _1y2v1nf5w _1y2v1nf62 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf7p"
+}, e = "_3dl29l3 _1y2v1nf5l";
+export { _ as closedModalContent, y as closedOpactityLayer, f as dialogActions, l as dialogContent, a as iconContainer, d as modalCloseButtonContainer, o as modalContent, r as modalOpacityLayer, t as variants, e as wrapper };

package/dist-es/double-field.css-mistica.js

@@ -1,8 +1,8 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./text-field-components.css.ts.vanilla.js";
 import "./double-field.css.ts.vanilla.js";
-var r = {
-    default: "skrulh1 _1y2v1nf5o _1y2v1nf5t _1y2v1nf7v",
-    fullWidth: "skrulh2 _1y2v1nf5o _1y2v1nf5t _1y2v1nf7v"
+var n = {
+    default: "skrulh1 _1y2v1nf5q _1y2v1nf5v _1y2v1nf7x",
+    fullWidth: "skrulh2 _1y2v1nf5q _1y2v1nf5v _1y2v1nf7x"
 };
-export { r as variants };
+export { n as variants };

package/dist-es/empty-state-card.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./empty-state-card.css.ts.vanilla.js";
-var a = "_1azor6p0", o = "_1azor6p4 _1y2v1nf86 _1y2v1nf8l", v = "_1azor6p2 _1y2v1nf5q _1y2v1nf8n";
-export { a as container, o as iconContainer, v as image };
+var a = "_1azor6p0", o = "_1azor6p4 _1y2v1nf88 _1y2v1nf8n", p = "_1azor6p2 _1y2v1nf5s _1y2v1nf8p";
+export { a as container, o as iconContainer, p as image };

package/dist-es/empty-state.css-mistica.js

@@ -1,9 +1,9 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./empty-state.css.ts.vanilla.js";
-var n = "_13fzrua2 _1y2v1nf5o _1y2v1nf5i", v = {
+var n = "_13fzrua2 _1y2v1nf5q _1y2v1nf5k", v = {
     default: "_13fzrua3",
     largeImage: "_13fzrua4"
-}, e = "_13fzrua9 _1y2v1nf88 _1y2v1nf8n", f = "_13fzruac", _ = "_13fzrua7 _1y2v1nf8b", o = "_13fzrua5", u = "_13fzruab _1y2v1nf5q", t = {
+}, e = "_13fzrua9 _1y2v1nf8a _1y2v1nf8p", f = "_13fzruac", _ = "_13fzrua7 _1y2v1nf8d", o = "_13fzrua5", u = "_13fzruab _1y2v1nf5s", t = {
     backgroundColor: "var(--_13fzrua0)"
 };
 export { n as container, v as contentVariants, e as iconContainer, f as inverseBorder, _ as largeImage, o as largeImageContainer, u as smallImage, t as vars };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./feedback.css.ts.vanilla.js";
-var n = "gx6h6a3 _1y2v1nf5o _1y2v1nf8b _1y2v1nf7v", r = "_1y2v1nf9w _1y2v1nf5o _1y2v1nf60", v = "gx6h6a1", t = "gx6h6a7", o = "gx6h6a5", f = "gx6h6a6", p = "gx6h6a4";
-export { n as container, r as desktopContainer, v as desktopContent, t as feedbackData, o as feedbackDataAppear, f as feedbackDataAppearActive, p as innerContainer };
+var n = "gx6h6a3 _1y2v1nf5q _1y2v1nf8d _1y2v1nf7x", r = "_1y2v1nf9y _1y2v1nf5q _1y2v1nf62", t = "gx6h6a1", v = "gx6h6a7", f = "gx6h6a5", o = "gx6h6a6", p = "gx6h6a4";
+export { n as container, r as desktopContainer, t as desktopContent, v as feedbackData, f as feedbackDataAppear, o as feedbackDataAppearActive, p as innerContainer };

package/dist-es/fixed-footer-layout.css-mistica.js

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./fixed-footer-layout.css.ts.vanilla.js";
-var v = "p5j8j58", t = "p5j8j56 _1y2v1nf2t", a = "p5j8j54", j = "p5j8j53 _1y2v1nf7v _1y2v1nf2s", e = {
+var v = "p5j8j58", t = "p5j8j56 _1y2v1nf2u", a = "p5j8j54", j = "p5j8j53 _1y2v1nf7x _1y2v1nf2t", e = {
     footerHeight: "var(--p5j8j50)",
     backgroundColor: "var(--p5j8j51)"
-}, p = "_1y2v1nf5n";
+}, p = "_1y2v1nf5p";
 export { v as container, t as elevated, a as fixedFooter, j as footer, e as vars, p as withoutFooter };

package/dist-es/fixed-footer-layout.js

@@ -2,66 +2,66 @@ import * as m from "react";
 import L from "classnames";
 import k from "lodash/debounce";
 import { isRunningAcceptanceTest as z } from "./utils/platform.js";
-import { useScreenSize as N, useTheme as P, useElementDimensions as W, useWindowHeight as j, useScreenHeight as _, useIsomorphicLayoutEffect as $ } from "./hooks.js";
-import { getScrollableParentElement as p, addPassiveEventListener as v, removePassiveEventListener as E, hasScroll as h, getScrollDistanceToBottom as H } from "./utils/dom.js";
-import { container as V, vars as S, footer as q, withoutFooter as G, elevated as J, fixedFooter as K } from "./fixed-footer-layout.css-mistica.js";
-import { assignInlineVars as M } from "@vanilla-extract/dynamic";
-import { jsxs as Q, Fragment as U, jsx as u } from "./_virtual/jsx-runtime.js";
-const X = 2, Y = (e)=>e === document.documentElement ? window : e, Z = (e)=>{
+import { useScreenSize as N, useTheme as P, useElementDimensions as j, useWindowHeight as _, useScreenHeight as $, useIsomorphicLayoutEffect as H, useIsWithinIFrame as V } from "./hooks.js";
+import { getScrollableParentElement as v, addPassiveEventListener as h, removePassiveEventListener as E, hasScroll as S, getScrollDistanceToBottom as q } from "./utils/dom.js";
+import { container as G, vars as x, footer as J, withoutFooter as K, elevated as M, fixedFooter as Q } from "./fixed-footer-layout.css-mistica.js";
+import { assignInlineVars as U } from "@vanilla-extract/dynamic";
+import { jsxs as X, Fragment as Y, jsx as u } from "./_virtual/jsx-runtime.js";
+const Z = 2, B = (e)=>e === document.documentElement ? window : e, C = (e)=>{
     const n = setTimeout(e, 0);
     return {
         cancel: ()=>clearTimeout(n)
     };
-}, ie = (param)=>{
-    let { isFooterVisible: e = !0 , footer: n , footerHeight: x = "auto" , footerBgColor: T , containerBgColor: i , children: w , onChangeFooterHeight: s  } = param;
-    const [y, b] = m.useState(!1), a = m.useRef(null), { isTabletOrSmaller: g  } = N(), { platformOverrides: d  } = P(), { height: o , ref: R  } = W(), A = j(), D = _(), c = A - o > D / X;
-    $(()=>{
+}, ce = (param)=>{
+    let { isFooterVisible: e = !0 , footer: n , footerHeight: T = "auto" , footerBgColor: w , containerBgColor: i , children: y , onChangeFooterHeight: s  } = param;
+    const [b, g] = m.useState(!1), a = m.useRef(null), { isTabletOrSmaller: F  } = N(), { platformOverrides: d  } = P(), { height: o , ref: I  } = j(), R = V(), f = _(), A = $(), c = f - o > (R ? f : A) / Z;
+    H(()=>{
         s == null || s(o);
     }, [
         s,
         o
     ]), m.useEffect(()=>{
-        const l = p(a.current), O = ()=>z(d) || !c ? !1 : h(l) ? H(l) > 1 : !1, t = k(()=>{
-            b(O());
+        const l = v(a.current), O = ()=>z(d) || !c ? !1 : S(l) ? q(l) > 1 : !1, t = k(()=>{
+            g(O());
         }, 50, {
             leading: !0,
             maxWait: 200
-        }), I = Z(t), r = Y(l);
-        return v(r, "resize", t), v(r, "scroll", t), ()=>{
-            t.cancel(), E(r, "scroll", t), E(r, "resize", t), I.cancel();
+        }), W = C(t), r = B(l);
+        return h(r, "resize", t), h(r, "scroll", t), ()=>{
+            t.cancel(), E(r, "scroll", t), E(r, "resize", t), W.cancel();
         };
     }, [
         c,
         d
     ]);
-    const F = h(p(a.current)), f = c || !F;
-    return /* @__PURE__ */ Q(U, {
+    const D = S(v(a.current)), p = c || !D;
+    return /* @__PURE__ */ X(Y, {
         children: [
             /* @__PURE__ */ u("div", {
                 ref: a,
-                className: V,
-                style: M({
-                    [S.backgroundColor]: i != null ? i : "",
-                    [S.footerHeight]: f ? `${o}px` : "0px"
+                className: G,
+                style: U({
+                    [x.backgroundColor]: i != null ? i : "",
+                    [x.footerHeight]: p ? `${o}px` : "0px"
                 }),
-                children: w
+                children: y
             }),
             /* @__PURE__ */ u("div", {
-                ref: R,
-                className: L(q, {
-                    [G]: !e,
-                    [J]: y,
-                    [K]: f
+                ref: I,
+                className: L(J, {
+                    [K]: !e,
+                    [M]: b,
+                    [Q]: p
                 }),
                 style: {
-                    background: g ? T : void 0
+                    background: F ? w : void 0
                 },
                 "data-testid": `fixed-footer${e ? "-visible" : "-hidden"}`,
                 "data-position-fixed": "bottom",
                 children: e && /* @__PURE__ */ u("aside", {
                     "data-component-name": "FixedFooter",
                     style: {
-                        height: x,
+                        height: T,
                         marginBottom: "env(safe-area-inset-bottom)"
                     },
                     children: n
@@ -70,4 +70,4 @@ const X = 2, Y = (e)=>e === document.documentElement ? window : e, Z = (e)=>{
         ]
     });
 };
-export { ie as default };
+export { ce as default };

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

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./responsive-layout.css.ts.vanilla.js";
 import "./hero.css.ts.vanilla.js";
-var v = "_16rbpto6 _1y2v1nf5o _1y2v1nf6a _1y2v1nf64", a = "_16rbpto2 _1y2v1nf5o", n = "_1y2v1nf63 _1y2v1nf8b", _ = "_1y2v1nf5u", i = "_16rbpto7", p = {
+var v = "_16rbpto6 _1y2v1nf5q _1y2v1nf6c _1y2v1nf66", n = "_16rbpto2 _1y2v1nf5q", a = "_1y2v1nf65 _1y2v1nf8d", _ = "_1y2v1nf5w", i = "_16rbpto7", p = {
     height: "var(--_16rbpto0)"
 };
-export { v as actions, a as container, n as containerDesktop, _ as containerMobile, i as layout, p as vars };
+export { v as actions, n as container, a as containerDesktop, _ as containerMobile, i as layout, p as vars };

package/dist-es/highlighted-card.css-mistica.js

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./highlighted-card.css.ts.vanilla.js";
-var f = "wrb8722 _1y2v1nf5o _1y2v1nf5t _1y2v1nf60 _1y2v1nf66", y = "wrb8725 _1y2v1nf5o", _ = {
-    withImage: "wrb8728 wrb8727 _1y2v1nf5o _1y2v1nf5u _1y2v1nf62 _1y2v1nf6h _1y2v1nf6v _1y2v1nf78",
-    withoutImage: "wrb8729 wrb8727 _1y2v1nf5o _1y2v1nf5u _1y2v1nf62 _1y2v1nf6h _1y2v1nf6v _1y2v1nf78"
-}, r = "_1y2v1nf6b _1y2v1nf6p _1y2v1nf73 _1y2v1nf7h _1y2v1nf5o _1y2v1nf66 _1y2v1nf9m _1y2v1nf7v _1y2v1nf5i";
+var f = "wrb8722 _1y2v1nf5q _1y2v1nf5v _1y2v1nf62 _1y2v1nf68", y = "wrb8725 _1y2v1nf5q", _ = {
+    withImage: "wrb8728 wrb8727 _1y2v1nf5q _1y2v1nf5w _1y2v1nf64 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7a",
+    withoutImage: "wrb8729 wrb8727 _1y2v1nf5q _1y2v1nf5w _1y2v1nf64 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7a"
+}, r = "_1y2v1nf6d _1y2v1nf6r _1y2v1nf75 _1y2v1nf7j _1y2v1nf5q _1y2v1nf68 _1y2v1nf9o _1y2v1nf7x _1y2v1nf5k";
 export { f as container, y as imageContent, _ as textContainerVariant, r as touchableContainer };

package/dist-es/hooks.js

@@ -7,14 +7,14 @@ const S = ()=>{
     const t = n.useContext(a);
     if (!t) throw Error("To use @telefonica/mistica components you must instantiate <ThemeContextProvider> as their parent.");
     return t;
-}, I = (t)=>{
+}, E = (t)=>{
     n.useEffect(()=>{
         if (t) {
             let i = "", e = 0, o = 0;
             const r = document.scrollingElement || document.documentElement, c = ()=>{
-                var u, s, h, w;
-                if (o++, !(o > 1) && (e = (u = r == null ? void 0 : r.scrollTop) != null ? u : 0, i = (h = (s = document.body) == null ? void 0 : s.style.cssText) != null ? h : "", document.body)) {
-                    const f = window.innerWidth > ((w = r == null ? void 0 : r.clientWidth) != null ? w : window.innerWidth) ? "scroll" : "hidden";
+                var u, s, w, h;
+                if (o++, !(o > 1) && (e = (u = r == null ? void 0 : r.scrollTop) != null ? u : 0, i = (w = (s = document.body) == null ? void 0 : s.style.cssText) != null ? w : "", document.body)) {
+                    const f = window.innerWidth > ((h = r == null ? void 0 : r.clientWidth) != null ? h : window.innerWidth) ? "scroll" : "hidden";
                     document.body.style.cssText = `overflow:hidden;overflow-y:${f};position:fixed;top:${-e}px;left:0px;right:0px;bottom:0px`;
                 }
             }, d = ()=>{
@@ -32,8 +32,8 @@ const S = ()=>{
             i(0), o(0);
             return;
         }
-        const { width: h , height: w  } = s[0].contentRect;
-        i(h), o(w);
+        const { width: w , height: h  } = s[0].contentRect;
+        i(w), o(h);
     }, []), u = n.useCallback((s)=>{
         c(s);
     }, []);
@@ -89,7 +89,7 @@ const S = ()=>{
 }, B = ()=>{
     const { screenHeight: t  } = l();
     return t;
-}, L = typeof window < "u" ? n.useLayoutEffect : n.useEffect, M = (t, i, e)=>{
+}, L = ()=>(window == null ? void 0 : window.top) !== (window == null ? void 0 : window.self), M = typeof window < "u" ? n.useLayoutEffect : n.useEffect, A = (t, i, e)=>{
     const [o, r] = n.useState(i);
     return n.useEffect(()=>{
         if (!t.current) return;
@@ -111,4 +111,4 @@ const S = ()=>{
         e == null ? void 0 : e.threshold
     ]), o;
 };
-export { z as useAriaId, I as useDisableBodyScroll, T as useElementDimensions, M as useIsInViewport, L as useIsomorphicLayoutEffect, B as useScreenHeight, H as useScreenSize, S as useTheme, C as useWindowHeight, l as useWindowSize, R as useWindowWidth };
+export { z as useAriaId, E as useDisableBodyScroll, T as useElementDimensions, A as useIsInViewport, L as useIsWithinIFrame, M as useIsomorphicLayoutEffect, B as useScreenHeight, H as useScreenSize, S as useTheme, C as useWindowHeight, l as useWindowSize, R as useWindowWidth };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./icon-button.css.ts.vanilla.js";
-var t = "yqt1oe1 _1y2v1nf5s";
+var t = "yqt1oe1 _1y2v1nf5u";
 export { t as base };

package/dist-es/icon-button.js

@@ -53,21 +53,23 @@ function _objectSpreadProps(target, source) {
 import * as r from "react";
 import o from "classnames";
 import { BaseTouchable as c } from "./touchable.js";
-import { base as s } from "./icon-button.css-mistica.js";
+import { base as d } from "./icon-button.css-mistica.js";
 import { jsx as i } from "./_virtual/jsx-runtime.js";
-const d = 24, b = (e, a, t, n, l)=>{
-    const m = n ? `${n}px ${n}px` : "100% 100%";
+const s = 24, b = (e, t, a, n, l)=>{
+    const u = n ? `${n}px ${n}px` : "100% 100%";
     return {
         padding: 0,
-        backgroundColor: t,
+        backgroundColor: a,
         backgroundImage: e ? `url(${e})` : "initial",
-        backgroundSize: m,
+        backgroundSize: u,
         cursor: l ? "default" : "pointer",
-        height: a,
-        width: a
+        height: t,
+        width: t,
+        verticalAlign: "middle",
+        textAlign: "center"
     };
-}, u = (e)=>{
-    const { icon: a , children: t  } = e, n = {
+}, m = (e)=>{
+    const { icon: t , children: a  } = e, n = {
         className: e.className || "",
         disabled: e.disabled,
         style: e.style,
@@ -81,37 +83,39 @@ const d = 24, b = (e, a, t, n, l)=>{
         href: e.href,
         newTab: e.newTab,
         "aria-label": e["aria-label"],
-        children: !a && r.Children.only(t)
+        children: !t && r.Children.only(a)
     })) : e.to ? /* @__PURE__ */ i(c, _objectSpreadProps(_objectSpread({}, n), {
         to: e.to,
         fullPageOnWebView: e.fullPageOnWebView,
         replace: e.replace,
         "aria-label": e["aria-label"],
-        children: !a && r.Children.only(t)
+        children: !t && r.Children.only(a)
     })) : e.onPress ? /* @__PURE__ */ i(c, _objectSpreadProps(_objectSpread({}, n), {
         onPress: (l)=>{
             l.stopPropagation(), e.onPress(l);
         },
         "aria-label": e["aria-label"],
-        children: !a && r.Children.only(t)
+        children: !t && r.Children.only(a)
     })) : /* @__PURE__ */ i(c, _objectSpreadProps(_objectSpread({}, n), {
         maybe: !0,
-        children: !a && r.Children.only(t)
+        children: !t && r.Children.only(a)
     }));
 }, I = (e)=>{
-    const { icon: a , backgroundColor: t = "transparent" , iconSize: n , size: l = d  } = e;
-    return /* @__PURE__ */ i(u, _objectSpreadProps(_objectSpread({}, e), {
-        className: o(s, e.className),
-        style: _objectSpread({}, b(a, l, t, n, e.disabled), e.style)
+    const { icon: t , backgroundColor: a = "transparent" , iconSize: n , size: l = s  } = e;
+    return /* @__PURE__ */ i(m, _objectSpreadProps(_objectSpread({}, e), {
+        className: o(d, e.className),
+        style: _objectSpread({}, b(t, l, a, n, e.disabled), e.style)
     }));
 }, w = (e)=>{
-    const { size: a = d , disabled: t  } = e;
-    return /* @__PURE__ */ i(u, _objectSpreadProps(_objectSpread({}, e), {
-        className: o(s, e.className),
+    const { size: t = s , disabled: a  } = e;
+    return /* @__PURE__ */ i(m, _objectSpreadProps(_objectSpread({}, e), {
+        className: o(d, e.className),
         style: {
-            height: a,
-            width: a,
-            cursor: t ? "default" : "pointer"
+            height: t,
+            width: t,
+            cursor: a ? "default" : "pointer",
+            verticalAlign: "middle",
+            textAlign: "center"
         }
     }));
 };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./image.css.ts.vanilla.js";
-var f = 300, n = "_17tt25r1 _1y2v1nfa6 _1y2v1nfak _1y2v1nf5q _1y2v1nf7v _1y2v1nf8b _1y2v1nfbq _1y2v1nf9j _1y2v1nf9k";
+var f = 300, n = "_17tt25r1 _1y2v1nfa8 _1y2v1nfam _1y2v1nf5s _1y2v1nf7x _1y2v1nf8d _1y2v1nfbs _1y2v1nf9l _1y2v1nf9m";
 export { f as FADE_IN_DURATION_MS, n as image };