@telefonica/mistica 14.7.1 → 14.9.0

package/dist/carousel.css-mistica.js

@@ -9,31 +9,31 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    bullet: ()=>a,
+    bullet: ()=>f,
     bulletActive: ()=>y,
     bulletActiveInverse: ()=>r,
-    bulletInverse: ()=>e,
-    carousel: ()=>u,
+    bulletInverse: ()=>u,
+    carousel: ()=>e,
     carouselBullets: ()=>c,
     carouselContainer: ()=>b,
-    carouselItem: ()=>o,
-    carouselNextArrowButton: ()=>t,
-    carouselPrevArrowButton: ()=>l,
+    carouselItem: ()=>t,
+    carouselNextArrowButton: ()=>l,
+    carouselPrevArrowButton: ()=>o,
     carouselWithScroll: ()=>s,
     centeredCarousel: ()=>i,
-    slideshow: ()=>d,
-    slideshowBullets: ()=>k,
-    slideshowContainer: ()=>m,
-    slideshowItem: ()=>w,
-    slideshowNextArrowButton: ()=>x,
-    slideshowPrevArrowButton: ()=>h,
+    slideshow: ()=>m,
+    slideshowBullets: ()=>p,
+    slideshowContainer: ()=>h,
+    slideshowItem: ()=>q,
+    slideshowNextArrowButton: ()=>d,
+    slideshowPrevArrowButton: ()=>w,
     vars: ()=>P
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./responsive-layout.css.ts.vanilla.js");
 require("./grid-layout.css.ts.vanilla.js");
 require("./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)",

package/dist/checkbox.css-mistica.js

@@ -9,16 +9,16 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    boxVariant: ()=>n,
-    check: ()=>y,
-    checkChecked: ()=>r,
-    checkboxContainer: ()=>f,
-    disabled: ()=>b
+    boxVariant: ()=>r,
+    check: ()=>n,
+    checkChecked: ()=>f,
+    checkboxContainer: ()=>y,
+    disabled: ()=>a
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./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";
+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";

package/dist/chip.css-mistica.js

@@ -20,7 +20,7 @@ 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";

package/dist/circle.css-mistica.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "circle", {
     enumerable: true,
-    get: ()=>p
+    get: ()=>r
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./circle.css.ts.vanilla.js");
-var p = "_1wpwyyp1 _1y2v1nf5o _1y2v1nf63 _1y2v1nf5x _1y2v1nf9n";
+var r = "_1wpwyyp1 _1y2v1nf5q _1y2v1nf65 _1y2v1nf5z _1y2v1nf9p";

package/dist/circle.d.ts

@@ -4,6 +4,7 @@ type Props = {
     backgroundImage?: string;
     size?: number | string;
     children?: React.ReactElement;
+    border?: boolean | string;
 };
 declare const Circle: React.FC<Props>;
 export default Circle;

package/dist/circle.js

@@ -4,19 +4,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: ()=>s
+    get: ()=>f
 });
 const _circleCssMisticaJs = require("./circle.css-mistica.js");
+const _skinContractCssMisticaJs = require("./skins/skin-contract.css-mistica.js");
 const _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
-const s = (param)=>/* @__PURE__ */ {
-    let { children: e , backgroundColor: o , backgroundImage: r , size: t  } = param;
-    return (0, _jsxRuntimeJs.jsx)("div", {
+const f = (param)=>{
+    let { children: e , backgroundColor: s , backgroundImage: o , size: t , border: r = !1  } = param;
+    const l = r === !0 ? _skinContractCssMisticaJs.vars.colors.border : r, i = r ? `1px solid ${l}` : void 0;
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
         className: _circleCssMisticaJs.circle,
         style: {
             width: t,
             height: t,
-            backgroundColor: o,
-            backgroundImage: r ? `url(${r})` : "none"
+            backgroundColor: s,
+            backgroundImage: o ? `url(${o})` : "none",
+            border: i
         },
         children: e
     });

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

@@ -16,7 +16,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./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"
 };

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

@@ -9,9 +9,9 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    cvvText: ()=>r,
-    tooltipContainer: ()=>v
+    cvvText: ()=>v,
+    tooltipContainer: ()=>n
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./cvv-field.css.ts.vanilla.js");
-var r = "_10ijton2 _1y2v1nf1r", v = "_1y2v1nf5o _1y2v1nf63";
+var v = "_10ijton2 _1y2v1nf1s", n = "_1y2v1nf5q _1y2v1nf65";

package/dist/dialog.css-mistica.js

@@ -14,15 +14,15 @@ _export(exports, {
     dialogActions: ()=>f,
     dialogContent: ()=>l,
     iconContainer: ()=>a,
-    modalCloseButtonContainer: ()=>o,
-    modalContent: ()=>d,
+    modalCloseButtonContainer: ()=>d,
+    modalContent: ()=>o,
     modalOpacityLayer: ()=>r,
     variants: ()=>t,
     wrapper: ()=>e
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./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";
+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";

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

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "variants", {
     enumerable: true,
-    get: ()=>r
+    get: ()=>n
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./text-field-components.css.ts.vanilla.js");
 require("./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"
 };

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

@@ -11,8 +11,8 @@ function _export(target, all) {
 _export(exports, {
     container: ()=>a,
     iconContainer: ()=>o,
-    image: ()=>v
+    image: ()=>p
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./empty-state-card.css.ts.vanilla.js");
-var a = "_1azor6p0", o = "_1azor6p4 _1y2v1nf86 _1y2v1nf8l", v = "_1azor6p2 _1y2v1nf5q _1y2v1nf8n";
+var a = "_1azor6p0", o = "_1azor6p4 _1y2v1nf88 _1y2v1nf8n", p = "_1azor6p2 _1y2v1nf5s _1y2v1nf8p";

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

@@ -20,9 +20,9 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./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)"
 };

package/dist/feedback.css-mistica.js

@@ -11,12 +11,12 @@ function _export(target, all) {
 _export(exports, {
     container: ()=>n,
     desktopContainer: ()=>r,
-    desktopContent: ()=>v,
-    feedbackData: ()=>t,
-    feedbackDataAppear: ()=>o,
-    feedbackDataAppearActive: ()=>f,
+    desktopContent: ()=>t,
+    feedbackData: ()=>v,
+    feedbackDataAppear: ()=>f,
+    feedbackDataAppearActive: ()=>o,
     innerContainer: ()=>p
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./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";
+var n = "gx6h6a3 _1y2v1nf5q _1y2v1nf8d _1y2v1nf7x", r = "_1y2v1nf9y _1y2v1nf5q _1y2v1nf62", t = "gx6h6a1", v = "gx6h6a7", f = "gx6h6a5", o = "gx6h6a6", p = "gx6h6a4";

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

@@ -18,7 +18,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./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";

package/dist/fixed-footer-layout.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: ()=>ie
+    get: ()=>ce
 });
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
@@ -59,14 +59,14 @@ function _interopRequireWildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const X = 2, Y = (e)=>e === document.documentElement ? window : e, Z = (e)=>{
+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] = _react.useState(!1), a = _react.useRef(null), { isTabletOrSmaller: g  } = (0, _hooksJs.useScreenSize)(), { platformOverrides: d  } = (0, _hooksJs.useTheme)(), { height: o , ref: R  } = (0, _hooksJs.useElementDimensions)(), A = (0, _hooksJs.useWindowHeight)(), D = (0, _hooksJs.useScreenHeight)(), 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] = _react.useState(!1), a = _react.useRef(null), { isTabletOrSmaller: F  } = (0, _hooksJs.useScreenSize)(), { platformOverrides: d  } = (0, _hooksJs.useTheme)(), { height: o , ref: I  } = (0, _hooksJs.useElementDimensions)(), R = (0, _hooksJs.useIsWithinIFrame)(), f = (0, _hooksJs.useWindowHeight)(), A = (0, _hooksJs.useScreenHeight)(), c = f - o > (R ? f : A) / Z;
     (0, _hooksJs.useIsomorphicLayoutEffect)(()=>{
         s == null || s(o);
     }, [
@@ -74,19 +74,19 @@ const X = 2, Y = (e)=>e === document.documentElement ? window : e, Z = (e)=>{
         o
     ]), _react.useEffect(()=>{
         const l = (0, _domJs.getScrollableParentElement)(a.current), O = ()=>(0, _platformJs.isRunningAcceptanceTest)(d) || !c ? !1 : (0, _domJs.hasScroll)(l) ? (0, _domJs.getScrollDistanceToBottom)(l) > 1 : !1, t = (0, _debounce.default)(()=>{
-            b(O());
+            g(O());
         }, 50, {
             leading: !0,
             maxWait: 200
-        }), I = Z(t), r = Y(l);
+        }), W = C(t), r = B(l);
         return (0, _domJs.addPassiveEventListener)(r, "resize", t), (0, _domJs.addPassiveEventListener)(r, "scroll", t), ()=>{
-            t.cancel(), (0, _domJs.removePassiveEventListener)(r, "scroll", t), (0, _domJs.removePassiveEventListener)(r, "resize", t), I.cancel();
+            t.cancel(), (0, _domJs.removePassiveEventListener)(r, "scroll", t), (0, _domJs.removePassiveEventListener)(r, "resize", t), W.cancel();
         };
     }, [
         c,
         d
     ]);
-    const F = (0, _domJs.hasScroll)((0, _domJs.getScrollableParentElement)(a.current)), f = c || !F;
+    const D = (0, _domJs.hasScroll)((0, _domJs.getScrollableParentElement)(a.current)), p = c || !D;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_jsxRuntimeJs.Fragment, {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
@@ -94,26 +94,26 @@ const X = 2, Y = (e)=>e === document.documentElement ? window : e, Z = (e)=>{
                 className: _fixedFooterLayoutCssMisticaJs.container,
                 style: (0, _dynamic.assignInlineVars)({
                     [_fixedFooterLayoutCssMisticaJs.vars.backgroundColor]: i != null ? i : "",
-                    [_fixedFooterLayoutCssMisticaJs.vars.footerHeight]: f ? `${o}px` : "0px"
+                    [_fixedFooterLayoutCssMisticaJs.vars.footerHeight]: p ? `${o}px` : "0px"
                 }),
-                children: w
+                children: y
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
-                ref: R,
+                ref: I,
                 className: (0, _classnames.default)(_fixedFooterLayoutCssMisticaJs.footer, {
                     [_fixedFooterLayoutCssMisticaJs.withoutFooter]: !e,
-                    [_fixedFooterLayoutCssMisticaJs.elevated]: y,
-                    [_fixedFooterLayoutCssMisticaJs.fixedFooter]: f
+                    [_fixedFooterLayoutCssMisticaJs.elevated]: b,
+                    [_fixedFooterLayoutCssMisticaJs.fixedFooter]: 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__ */ (0, _jsxRuntimeJs.jsx)("aside", {
                     "data-component-name": "FixedFooter",
                     style: {
-                        height: x,
+                        height: T,
                         marginBottom: "env(safe-area-inset-bottom)"
                     },
                     children: n

package/dist/form.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { FormErrors } from './form-context';
-type FormValues = {
+export type FormValues = {
     [name: string]: any;
 };
 type FormProps = {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: ()=>c
+    get: ()=>v
 });
 const _hooksJs = require("../../hooks.js");
 const _themeVariantContextJs = require("../../theme-variant-context.js");
@@ -89,31 +89,31 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-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 = (0, _themeVariantContextJs.useIsInverseVariant)(), i = r != null ? r : o ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, { skinName: l  } = (0, _hooksJs.useTheme)();
-    return l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    const o = (0, _themeVariantContextJs.useIsInverseVariant)(), a = r != null ? r : o ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, { skinName: s  } = (0, _hooksJs.useTheme)();
+    return s.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("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__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("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"
         })
     }));
 };

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

@@ -90,40 +90,40 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 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 = (0, _themeVariantContextJs.useIsInverseVariant)(), i = r != null ? r : o ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, { skinName: l  } = (0, _hooksJs.useTheme)();
+    const o = (0, _themeVariantContextJs.useIsInverseVariant)(), a = r != null ? r : o ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, { skinName: l  } = (0, _hooksJs.useTheme)();
     return l.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("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__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("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__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("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/generated/mistica-icons/icon-chevron-right-light.js

@@ -103,7 +103,7 @@ const c = (_param)=>{
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("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__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
@@ -113,7 +113,7 @@ const c = (_param)=>{
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("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/generated/mistica-icons/icon-chevron-right-regular.js

@@ -113,7 +113,7 @@ const d = (_param)=>{
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("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__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
@@ -123,7 +123,7 @@ const d = (_param)=>{
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("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/hero.css-mistica.js

@@ -10,8 +10,8 @@ function _export(target, all) {
 }
 _export(exports, {
     actions: ()=>v,
-    container: ()=>a,
-    containerDesktop: ()=>n,
+    container: ()=>n,
+    containerDesktop: ()=>a,
     containerMobile: ()=>_,
     layout: ()=>i,
     vars: ()=>p
@@ -19,6 +19,6 @@ _export(exports, {
 require("./sprinkles.css.ts.vanilla.js");
 require("./responsive-layout.css.ts.vanilla.js");
 require("./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)"
 };

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

@@ -16,7 +16,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./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";

package/dist/hooks.d.ts

@@ -19,6 +19,7 @@ export declare const useWindowSize: () => {
 export declare const useWindowHeight: () => number;
 export declare const useWindowWidth: () => number;
 export declare const useScreenHeight: () => number;
+export declare const useIsWithinIFrame: () => boolean;
 export declare const useIsomorphicLayoutEffect: typeof React.useLayoutEffect;
 type IntersectionObserverOptions = {
     root?: Element | Document | null;

package/dist/hooks.js

@@ -10,10 +10,11 @@ function _export(target, all) {
 }
 _export(exports, {
     useAriaId: ()=>z,
-    useDisableBodyScroll: ()=>I,
+    useDisableBodyScroll: ()=>E,
     useElementDimensions: ()=>T,
-    useIsInViewport: ()=>M,
-    useIsomorphicLayoutEffect: ()=>L,
+    useIsInViewport: ()=>A,
+    useIsWithinIFrame: ()=>L,
+    useIsomorphicLayoutEffect: ()=>M,
     useScreenHeight: ()=>B,
     useScreenSize: ()=>H,
     useTheme: ()=>S,
@@ -74,14 +75,14 @@ const S = ()=>{
     const t = _react.useContext(_themeContextJs.default);
     if (!t) throw Error("To use @telefonica/mistica components you must instantiate <ThemeContextProvider> as their parent.");
     return t;
-}, I = (t)=>{
+}, E = (t)=>{
     _react.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 = ()=>{
@@ -99,8 +100,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 = _react.useCallback((s)=>{
         c(s);
     }, []);
@@ -156,7 +157,7 @@ const S = ()=>{
 }, B = ()=>{
     const { screenHeight: t  } = l();
     return t;
-}, L = typeof window < "u" ? _react.useLayoutEffect : _react.useEffect, M = (t, i, e)=>{
+}, L = ()=>(window == null ? void 0 : window.top) !== (window == null ? void 0 : window.self), M = typeof window < "u" ? _react.useLayoutEffect : _react.useEffect, A = (t, i, e)=>{
     const [o, r] = _react.useState(i);
     return _react.useEffect(()=>{
         if (!t.current) return;