@telefonica/mistica 14.7.1 → 14.9.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/circle.js

@@ -1,16 +1,19 @@
-import { circle as i } from "./circle.css-mistica.js";
-import { jsx as l } from "./_virtual/jsx-runtime.js";
-const s = (param)=>/* @__PURE__ */ {
-    let { children: e , backgroundColor: o , backgroundImage: r , size: t  } = param;
-    return l("div", {
-        className: i,
+import { circle as c } from "./circle.css-mistica.js";
+import { vars as d } from "./skins/skin-contract.css-mistica.js";
+import { jsx as m } from "./_virtual/jsx-runtime.js";
+const f = (param)=>{
+    let { children: e , backgroundColor: s , backgroundImage: o , size: t , border: r = !1  } = param;
+    const l = r === !0 ? d.colors.border : r, i = r ? `1px solid ${l}` : void 0;
+    return /* @__PURE__ */ m("div", {
+        className: c,
         style: {
             width: t,
             height: t,
-            backgroundColor: o,
-            backgroundImage: r ? `url(${r})` : "none"
+            backgroundColor: s,
+            backgroundImage: o ? `url(${o})` : "none",
+            border: i
         },
         children: e
     });
 };
-export { s as default };
+export { f as default };

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/generated/mistica-icons/icon-chevron-left-light.js

@@ -77,36 +77,36 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as s } from "../../hooks.js";
+import { useTheme as l } from "../../hooks.js";
 import { useIsInverseVariant as h } from "../../theme-variant-context.js";
 import { vars as n } from "../../skins/skin-contract.css-mistica.js";
 import { jsx as t } from "../../_virtual/jsx-runtime.js";
-const c = (_param)=>{
-    var { color: r , size: e = 24  } = _param, a = _objectWithoutProperties(_param, [
+const v = (_param)=>{
+    var { color: r , size: e = 24  } = _param, i = _objectWithoutProperties(_param, [
         "color",
         "size"
     ]);
-    const o = h(), i = r != null ? r : o ? n.colors.inverse : n.colors.neutralHigh, { skinName: l  } = s();
-    return l.match(/^o2/i) ? /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
+    const o = h(), a = r != null ? r : o ? n.colors.inverse : n.colors.neutralHigh, { skinName: s  } = l();
+    return s.match(/^o2/i) ? /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, i), {
         children: /* @__PURE__ */ t("path", {
-            fill: i,
-            d: "M15.889 4.117a.368.368 0 00-.538 0l-7.24 7.585a.413.413 0 00-.071.46c.019.05.048.099.088.14l6.008 6.296a.377.377 0 00.55 0 .422.422 0 000-.577l-5.765-6.04 6.968-7.3a.412.412 0 000-.564zM14.866 19.41c0-.326.252-.59.563-.59.312 0 .564.264.564.59 0 .326-.252.59-.564.59a.577.577 0 01-.563-.59z"
+            fill: a,
+            d: "M14.889 4.117a.368.368 0 00-.538 0l-7.24 7.585a.413.413 0 00-.071.46c.019.05.048.099.088.14l6.008 6.296a.377.377 0 00.55 0 .422.422 0 000-.577l-5.765-6.04 6.968-7.3a.412.412 0 000-.564zM13.866 19.41c0-.326.252-.59.563-.59.312 0 .564.264.564.59 0 .326-.252.59-.564.59a.577.577 0 01-.563-.59z"
         })
     })) : /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, i), {
         children: /* @__PURE__ */ t("path", {
-            fill: i,
-            d: "M16.32 20a.7.7 0 01-.45-.16l-8.658-7.314a.577.577 0 010-.897l8.659-7.451a.71.71 0 01.939 0 .595.595 0 010 .872l-8.171 7.02 8.132 6.862a.584.584 0 01.005.868l-.005.004a.727.727 0 01-.451.196z"
+            fill: a,
+            d: "M14.387 4a.583.583 0 01.442.198.644.644 0 010 .875l-7.356 6.99 7.318 6.865c.242.23.26.622.038.872a.584.584 0 01-.846.037L6.19 12.525a.645.645 0 01-.025-.886l.025-.025 7.794-7.46A.61.61 0 0114.387 4z"
         })
     }));
 };
-export { c as default };
+export { v as default };

package/dist-es/generated/mistica-icons/icon-chevron-left-regular.js

@@ -82,40 +82,40 @@ import { useIsInverseVariant as s } from "../../theme-variant-context.js";
 import { vars as n } from "../../skins/skin-contract.css-mistica.js";
 import { jsx as t } from "../../_virtual/jsx-runtime.js";
 const v = (_param)=>{
-    var { color: r , size: e = 24  } = _param, a = _objectWithoutProperties(_param, [
+    var { color: r , size: e = 24  } = _param, i = _objectWithoutProperties(_param, [
         "color",
         "size"
     ]);
-    const o = s(), i = r != null ? r : o ? n.colors.inverse : n.colors.neutralHigh, { skinName: l  } = h();
+    const o = s(), a = r != null ? r : o ? n.colors.inverse : n.colors.neutralHigh, { skinName: l  } = h();
     return l.match(/^blau/i) ? /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, i), {
         children: /* @__PURE__ */ t("path", {
-            fill: i,
-            d: "M15.855 4.16a.535.535 0 010 .77L8.586 12l7.27 7.07a.535.535 0 010 .77.571.571 0 01-.793 0L7 12l8.063-7.84a.571.571 0 01.792 0z"
+            fill: a,
+            d: "M14.855 4.16a.535.535 0 010 .77L7.586 12l7.27 7.07a.535.535 0 010 .77.571.571 0 01-.793 0L6 12l8.063-7.84a.571.571 0 01.792 0z"
         })
     })) : l.match(/^o2/i) ? /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, i), {
         children: /* @__PURE__ */ t("path", {
-            fill: i,
-            d: "M15.8 5.266a.79.79 0 000-1.049.641.641 0 00-.962 0L8.2 11.455A.777.777 0 008 12a.777.777 0 00.2.545l6.638 7.238c.266.29.697.29.963 0a.79.79 0 000-1.05L9.624 12l6.177-6.734z"
+            fill: a,
+            d: "M14.8 5.266a.79.79 0 000-1.049.641.641 0 00-.962 0L7.2 11.455A.777.777 0 007 12a.777.777 0 00.2.545l6.638 7.238c.266.29.697.29.963 0a.79.79 0 000-1.05L8.624 12l6.177-6.734z"
         })
     })) : /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, i), {
         children: /* @__PURE__ */ t("path", {
-            fill: i,
-            d: "M16.068 20a.96.96 0 01-.627-.23l-8.133-7.05a.858.858 0 01-.05-1.273c.013-.014.028-.025.042-.04l8.137-7.17a.964.964 0 011.297.029l.02.02a.861.861 0 01-.054 1.257L9.31 12.06l7.385 6.393c.38.33.407.892.06 1.257a.964.964 0 01-.687.291z"
+            fill: a,
+            d: "M14.161 4.024c.235 0 .46.105.617.285a.928.928 0 01-.048 1.257L8 12.083l6.78 6.541c.343.335.22.9 0 1.108-.28.28-.82.392-1.163.08l-.02-.018-7.323-7.046A.905.905 0 016 12.095a.913.913 0 01.268-.658l7.325-7.176a.803.803 0 01.568-.237z"
         })
     }));
 };

package/dist-es/generated/mistica-icons/icon-chevron-right-light.js

@@ -95,7 +95,7 @@ const c = (_param)=>{
     }, i), {
         children: /* @__PURE__ */ t("path", {
             fill: a,
-            d: "M8.111 4.117a.368.368 0 01.538 0l7.24 7.585c.118.124.142.31.071.46a.41.41 0 01-.088.14l-6.008 6.296a.377.377 0 01-.55 0 .422.422 0 010-.577l5.765-6.04-6.968-7.3a.412.412 0 010-.564zM9.134 19.41a.577.577 0 00-.563-.59.577.577 0 00-.564.59c0 .326.252.59.564.59a.577.577 0 00.563-.59z"
+            d: "M9.111 4.117a.368.368 0 01.538 0l7.24 7.585c.118.124.142.31.071.46a.41.41 0 01-.088.14l-6.008 6.296a.377.377 0 01-.55 0 .422.422 0 010-.577l5.765-6.04-6.968-7.3a.412.412 0 010-.564zm1.023 15.293a.577.577 0 00-.563-.59.577.577 0 00-.564.59c0 .326.252.59.564.59a.577.577 0 00.563-.59z"
         })
     })) : /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
         width: e,
@@ -105,7 +105,7 @@ const c = (_param)=>{
     }, i), {
         children: /* @__PURE__ */ t("path", {
             fill: a,
-            d: "M8.113 20a.583.583 0 01-.442-.198.644.644 0 010-.875l7.356-6.99-7.318-6.865A.635.635 0 017.67 4.2a.585.585 0 01.846-.037l7.794 7.312a.645.645 0 01.025.886l-.024.025-7.795 7.46a.61.61 0 01-.404.154z"
+            d: "M9.613 20a.583.583 0 01-.442-.198.644.644 0 010-.875l7.356-6.99-7.318-6.865A.635.635 0 019.17 4.2a.585.585 0 01.846-.037l7.794 7.312a.645.645 0 01.025.886l-.024.025-7.795 7.46a.61.61 0 01-.404.154z"
         })
     }));
 };

package/dist-es/generated/mistica-icons/icon-chevron-right-regular.js

@@ -105,7 +105,7 @@ const d = (_param)=>{
     }, i), {
         children: /* @__PURE__ */ t("path", {
             fill: a,
-            d: "M8.2 18.733a.79.79 0 000 1.05.64.64 0 00.962 0l6.639-7.238A.777.777 0 0016 12a.777.777 0 00-.2-.545L9.163 4.217a.641.641 0 00-.963 0 .79.79 0 000 1.05L14.376 12l-6.177 6.733z"
+            d: "M9.2 18.733a.79.79 0 000 1.05.64.64 0 00.962 0l6.639-7.238A.777.777 0 0017 12a.777.777 0 00-.2-.545l-6.638-7.238a.641.641 0 00-.963 0 .79.79 0 000 1.05L15.376 12l-6.177 6.733z"
         })
     })) : /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
         width: e,
@@ -115,7 +115,7 @@ const d = (_param)=>{
     }, i), {
         children: /* @__PURE__ */ t("path", {
             fill: a,
-            d: "M8.339 20a.823.823 0 01-.617-.285.928.928 0 01.048-1.256l6.73-6.518L7.72 5.4c-.343-.335-.22-.9 0-1.108.28-.28.82-.392 1.163-.08l.02.018 7.323 7.046a.905.905 0 01.274.654.913.913 0 01-.268.658l-7.325 7.175A.804.804 0 018.34 20z"
+            d: "M9.839 20a.823.823 0 01-.617-.285.928.928 0 01.048-1.256L16 11.94 9.22 5.4c-.343-.335-.22-.9 0-1.108.28-.28.82-.392 1.163-.08l.02.018 7.323 7.046a.905.905 0 01.274.654.913.913 0 01-.268.658l-7.325 7.175A.803.803 0 019.84 20z"
         })
     }));
 };

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/horizontal-scroll.css-mistica.js

@@ -0,0 +1,5 @@
+import "./sprinkles.css.ts.vanilla.js";
+import "./responsive-layout.css.ts.vanilla.js";
+import "./horizontal-scroll.css.ts.vanilla.js";
+var m = "_1gl3gmv2", v = "_1gl3gmv1 _1y2v1nf5q";
+export { m as noScrollbar, v as scroll };

package/dist-es/horizontal-scroll.css.ts.vanilla.js

@@ -0,0 +1,2 @@
+const l = "";
+export { l as default };

package/dist-es/horizontal-scroll.js

@@ -0,0 +1,15 @@
+import l from "classnames";
+import * as m from "react";
+import { scroll as s, noScrollbar as t } from "./horizontal-scroll.css-mistica.js";
+import { jsx as c } from "./_virtual/jsx-runtime.js";
+const n = /*#__PURE__*/ m.forwardRef((param, a)=>/* @__PURE__ */ {
+    let { children: r , noScrollbar: o  } = param;
+    return c("div", {
+        className: l(s, {
+            [t]: o
+        }),
+        ref: a,
+        children: r
+    });
+});
+export { n as default };

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 };