@telefonica/mistica 16.20.0 → 16.22.0

package/dist/sheet-common.js

@@ -11,10 +11,10 @@ function _export(target, all) {
 }
 _export(exports, {
     SheetBody: function() {
-        return Pe;
+        return _e;
     },
     default: function() {
-        return Ye;
+        return Oe;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -163,49 +163,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const de = process.env.NODE_ENV === "test" ? 0 : _sheetcommoncssmistica.transitionDuration, L = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, ue = (param)=>{
+const me = process.env.NODE_ENV === "test" ? 0 : _sheetcommoncssmistica.transitionDuration, k = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, fe = (param)=>{
     let { closeModal: n } = param;
-    const [o, i] = _react.useState(0), l = _react.useRef(!1), d = _react.useRef(0), f = _react.useRef(0), r = _react.useRef(0), a = _react.useRef(0), { isDesktopOrBigger: u } = (0, _hooks.useScreenSize)(), c = _react.useCallback((s)=>{
-        l.current = !0, d.current = 0, f.current = Date.now(), r.current = L(s);
-    }, []), h = _react.useCallback(()=>{
-        l.current = !1, i(0);
+    const [o, s] = _react.useState(0), d = _react.useRef(!1), u = _react.useRef(0), f = _react.useRef(0), r = _react.useRef(0), a = _react.useRef(0), { isDesktopOrBigger: m } = (0, _hooks.useScreenSize)(), l = _react.useCallback((c)=>{
+        d.current = !0, u.current = 0, f.current = Date.now(), r.current = k(c);
+    }, []), g = _react.useCallback(()=>{
+        d.current = !1, s(0);
     }, []);
     return _react.useEffect(()=>{
-        if (u) return;
-        const s = (g)=>{
-            if (l.current) {
-                if (d.current < 3) {
-                    d.current++;
+        if (m) return;
+        const c = (h)=>{
+            if (d.current) {
+                if (u.current < 3) {
+                    u.current++;
                     return;
                 }
-                a.current = L(g), i(a.current - r.current);
+                a.current = k(h), s(a.current - r.current);
             }
-        }, p = ()=>{
-            if (!l.current) return;
-            const g = Date.now() - f.current, S = a.current - r.current, m = S / g;
-            l.current = !1, i(0), S > 50 && (a.current > window.innerHeight * 0.75 || m > 0.5) && n();
+        }, i = ()=>{
+            if (!d.current) return;
+            const h = Date.now() - f.current, v = a.current - r.current, S = v / h;
+            d.current = !1, s(0), v > 50 && (a.current > window.innerHeight * 0.75 || S > 0.5) && n();
         };
-        return document.addEventListener("touchmove", s), document.addEventListener("touchend", p), document.addEventListener("mousemove", s), document.addEventListener("mouseup", p), ()=>{
-            document.removeEventListener("touchmove", s), document.removeEventListener("touchend", p), document.removeEventListener("mousemove", s), document.removeEventListener("mouseup", p);
+        return document.addEventListener("touchmove", c), document.addEventListener("touchend", i), document.addEventListener("mousemove", c), document.addEventListener("mouseup", i), ()=>{
+            document.removeEventListener("touchmove", c), document.removeEventListener("touchend", i), document.removeEventListener("mousemove", c), document.removeEventListener("mouseup", i);
         };
     }, [
         n,
-        u
-    ]), u ? {} : {
-        onTouchStart: c,
-        onMouseDown: c,
+        m
+    ]), m ? {} : {
+        onTouchStart: l,
+        onMouseDown: l,
         style: o ? {
             transform: `translateY(${o}px)`,
             transition: "none"
         } : void 0,
-        onScroll: h,
+        onScroll: g,
         overlayStyle: o ? {
             // decrease opacity when dragging down the sheet
             opacity: 0.25 + 1 - o / (window.innerHeight - r.current),
             transition: "none"
         } : void 0
     };
-}, me = {
+}, he = {
     closed: {
         open: "opening"
     },
@@ -219,52 +219,53 @@ const de = process.env.NODE_ENV === "test" ? 0 : _sheetcommoncssmistica.transiti
     closing: {
         transitionEnd: "closed"
     }
-}, fe = (n, o)=>me[n][o] || n, he = /*#__PURE__*/ _react.forwardRef((param, l)=>{
-    let { onClose: n, children: o, dataAttributes: i } = param;
-    const { texts: d, t: f } = (0, _hooks.useTheme)(), [r, a] = _react.useReducer(fe, "closed"), u = _react.useRef(!1), c = _react.useId(), h = _react.useCallback((m)=>{
-        m.target === m.currentTarget && a("transitionEnd");
-    }, []), s = ()=>{
+}, pe = (n, o)=>he[n][o] || n, ge = /*#__PURE__*/ _react.forwardRef((param, d)=>{
+    let { onClose: n, children: o, dataAttributes: s } = param;
+    const { texts: u, t: f } = (0, _hooks.useTheme)(), [r, a] = _react.useReducer(pe, "closed"), m = _react.useRef(!1), l = _react.useId(), g = (0, _hooks.useIsWithinIFrame)(), c = _react.useCallback((E)=>{
+        E.target === E.currentTarget && a("transitionEnd");
+    }, []), i = ()=>{
         r === "open" && a("close");
     };
     _react.useEffect(()=>{
         if (r === "opening" || r === "closing") {
-            const m = setTimeout(()=>{
+            const E = setTimeout(()=>{
                 a("transitionEnd");
-            }, de);
-            return ()=>clearTimeout(m);
+            }, me);
+            return ()=>clearTimeout(E);
         }
     }, [
         r
     ]), _react.useEffect(()=>{
-        r === "closed" ? u.current ? n == null || n() : a("open") : u.current = !0;
+        r === "closed" ? m.current ? n == null || n() : a("open") : m.current = !0;
     }, [
         r,
         n
     ]);
-    const _ue = ue({
-        closeModal: s
-    }), { onScroll: p, overlayStyle: g } = _ue, S = _object_without_properties(_ue, [
+    const _fe = fe({
+        closeModal: i
+    }), { onScroll: h, overlayStyle: v } = _fe, S = _object_without_properties(_fe, [
         "onScroll",
         "overlayStyle"
     ]);
     return (0, _modalcontextprovider.useSetModalStateEffect)(), (0, _hooks.useDisableBodyScroll)(r !== "closed"), r === "closed" ? null : /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_focustrap.default, {
+            disabled: g,
             children: [
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: (0, _classnames.default)(_sheetcommoncssmistica.overlay, {
                         [_sheetcommoncssmistica.closingOverlay]: r === "closing"
                     }),
-                    style: g,
-                    onClick: s
+                    style: v,
+                    onClick: i
                 }),
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
                     className: (0, _classnames.default)(_sheetcommoncssmistica.SheetContainer, {
                         [_sheetcommoncssmistica.closingSheet]: r === "closing"
                     }),
-                    onTransitionEnd: h,
-                    onAnimationEnd: h
-                }, S, (0, _dom.getPrefixedDataAttributes)(i, "Sheet")), {
-                    ref: l,
+                    onTransitionEnd: c,
+                    onAnimationEnd: c
+                }, S, (0, _dom.getPrefixedDataAttributes)(s, "Sheet")), {
+                    ref: d,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: _sheetcommoncssmistica.Sheet,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
@@ -276,22 +277,22 @@ const de = process.env.NODE_ENV === "test" ? 0 : _sheetcommoncssmistica.transiti
                                 /* @__PURE__ */ (0, _jsxruntime.jsxs)("section", {
                                     role: "dialog",
                                     "aria-modal": "true",
-                                    "aria-labelledby": c,
-                                    onScroll: p,
+                                    "aria-labelledby": l,
+                                    onScroll: h,
                                     className: _sheetcommoncssmistica.children,
                                     style: {
                                         paddingBottom: _css.safeAreaInsetBottom
                                     },
                                     children: [
                                         typeof o == "function" ? o({
-                                            closeModal: s,
-                                            modalTitleId: c
+                                            closeModal: i,
+                                            modalTitleId: l
                                         }) : o,
                                         /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                             className: _sheetcommoncssmistica.modalCloseButton,
                                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.InternalIconButton, {
-                                                onPress: s,
-                                                "aria-label": d.modalClose || f(_texttokens.modalClose),
+                                                onPress: i,
+                                                "aria-label": u.modalClose || f(_texttokens.modalClose),
                                                 Icon: _iconcloseregular.default,
                                                 bleedLeft: !0,
                                                 bleedRight: !0,
@@ -301,9 +302,9 @@ const de = process.env.NODE_ENV === "test" ? 0 : _sheetcommoncssmistica.transiti
                                         /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                             className: _sheetcommoncssmistica.handleContainer,
                                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, {
-                                                onPress: s,
+                                                onPress: i,
                                                 className: _sheetcommoncssmistica.handleTouchable,
-                                                "aria-label": d.modalClose || f(_texttokens.modalClose),
+                                                "aria-label": u.modalClose || f(_texttokens.modalClose),
                                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                                     className: _sheetcommoncssmistica.handleBar
                                                 })
@@ -318,27 +319,27 @@ const de = process.env.NODE_ENV === "test" ? 0 : _sheetcommoncssmistica.transiti
             ]
         })
     });
-}), T = {
+}), R = {
     mobile: _responsivelayoutcssmistica.MOBILE_SIDE_MARGIN,
     tablet: _responsivelayoutcssmistica.TABLET_SIDE_MARGIN,
     desktop: _responsivelayoutcssmistica.SMALL_DESKTOP_SIDE_MARGIN
-}, Pe = (param)=>{
-    let { title: n, subtitle: o, description: i, modalTitleId: l, button: d, secondaryButton: f, link: r, children: a } = param;
-    const u = _react.useRef(null), c = _react.useRef(null), h = _react.useRef(null);
+}, _e = (param)=>{
+    let { title: n, subtitle: o, description: s, modalTitleId: d, button: u, secondaryButton: f, link: r, children: a } = param;
+    const m = _react.useRef(null), l = _react.useRef(null), g = _react.useRef(null);
     _react.useEffect(()=>{
-        c.current && (h.current = (0, _dom.getScrollableParentElement)(c.current));
+        l.current && (g.current = (0, _dom.getScrollableParentElement)(l.current));
     }, []);
-    const s = !(0, _hooks.useIsInViewport)(u, !0, {
-        root: h.current
-    }), p = !(0, _hooks.useIsInViewport)(c, !0, {
+    const c = !(0, _hooks.useIsInViewport)(m, !0, {
+        root: g.current
+    }), i = !(0, _hooks.useIsInViewport)(l, !0, {
         rootMargin: "1px",
         // bottomScrollSignal div has 0px height so we need a 1px margin to trigger the intersection observer
-        root: h.current
-    }), g = !!d || !!f || !!r;
+        root: g.current
+    }), h = !!u || !!f || !!r;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                ref: u
+                ref: m
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                 className: _sheetcommoncssmistica.stickyTitle,
@@ -349,10 +350,10 @@ const de = process.env.NODE_ENV === "test" ? 0 : _sheetcommoncssmistica.transiti
                             mobile: 0,
                             desktop: 40
                         },
-                        paddingX: T,
+                        paddingX: R,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text5, {
                             as: "h2",
-                            id: l,
+                            id: d,
                             truncate: !0,
                             children: n
                         })
@@ -362,21 +363,21 @@ const de = process.env.NODE_ENV === "test" ? 0 : _sheetcommoncssmistica.transiti
                             desktop: 40
                         }
                     }),
-                    s && /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
+                    c && /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
                 ]
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _sheetcommoncssmistica.bodyContent,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                    paddingBottom: g ? 0 : {
+                    paddingBottom: h ? 0 : {
                         desktop: 40,
                         mobile: 0
                     },
-                    paddingX: T,
+                    paddingX: R,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
                         space: 8,
                         children: [
-                            o || i ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
+                            o || s ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
                                 space: {
                                     mobile: 8,
                                     desktop: 16
@@ -387,22 +388,22 @@ const de = process.env.NODE_ENV === "test" ? 0 : _sheetcommoncssmistica.transiti
                                         regular: !0,
                                         children: o
                                     }),
-                                    i && (Array.isArray(i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+                                    s && (Array.isArray(s) ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                                         as: "div",
                                         regular: !0,
                                         color: _skincontractcssmistica.vars.colors.textSecondary,
-                                        children: i.map((S, m)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("p", {
+                                        children: s.map((v, S)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("p", {
                                                 style: {
                                                     margin: 0,
-                                                    marginBottom: m < i.length - 1 ? "1em" : void 0
+                                                    marginBottom: S < s.length - 1 ? "1em" : void 0
                                                 },
-                                                children: S
-                                            }, m))
+                                                children: v
+                                            }, S))
                                     }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                                         as: "p",
                                         regular: !0,
                                         color: _skincontractcssmistica.vars.colors.textSecondary,
-                                        children: i
+                                        children: s
                                     }))
                                 ]
                             }) : null,
@@ -411,28 +412,28 @@ const de = process.env.NODE_ENV === "test" ? 0 : _sheetcommoncssmistica.transiti
                     })
                 })
             }),
-            g && /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+            h && /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                 className: _sheetcommoncssmistica.stickyButtons,
                 children: [
-                    p && /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {}),
+                    i && /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {}),
                     /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                         paddingY: {
                             mobile: 16,
                             desktop: 40
                         },
-                        paddingX: T,
+                        paddingX: R,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttonlayout.default, {
                             align: "full-width",
                             link: r,
-                            primaryButton: d,
+                            primaryButton: u,
                             secondaryButton: f
                         })
                     })
                 ]
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                ref: c
+                ref: l
             })
         ]
     });
-}, Ye = he;
+}, Oe = ge;

package/dist/sheet-info.css-mistica.js

@@ -20,4 +20,4 @@ _export(exports, {
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
-var _ = "v16_20_1y2v1nfik v16_20_1y2v1nfiz v16_20_1y2v1nfjw", n = "v16_20_1y2v1nfjo v16_20_1y2v1nfik", f = "v16_20_1y2v1nf8s v16_20_1y2v1nfa1 v16_20_1y2v1nfik v16_20_1y2v1nfiz v16_20_1y2v1nfkx";
+var _ = "v16_22_1y2v1nfik v16_22_1y2v1nfiz v16_22_1y2v1nfjw", n = "v16_22_1y2v1nfjo v16_22_1y2v1nfik", f = "v16_22_1y2v1nf8s v16_22_1y2v1nfa1 v16_22_1y2v1nfik v16_22_1y2v1nfiz v16_22_1y2v1nfkx";

package/dist/skeletons.css-mistica.js

@@ -27,7 +27,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./skeletons.css.ts.vanilla.css-mistica.js");
-var n = "v16_20_zopolw6 v16_20_1y2v1nfim", r = {
-    default: "v16_20_1y2v1nf4k",
-    inverse: "v16_20_1y2v1nf4l"
-}, i = "v16_20_1y2v1nfj2 v16_20_1y2v1nfj4", a = "v16_20_zopolwa v16_20_1y2v1nfj3", f = "v16_20_1y2v1nfik v16_20_1y2v1nfiz v16_20_1y2v1nfit";
+var n = "v16_22_zopolw6 v16_22_1y2v1nfim", r = {
+    default: "v16_22_1y2v1nf4k",
+    inverse: "v16_22_1y2v1nf4l"
+}, i = "v16_22_1y2v1nfj2 v16_22_1y2v1nfj4", a = "v16_22_zopolwa v16_22_1y2v1nfj3", f = "v16_22_1y2v1nfik v16_22_1y2v1nfiz v16_22_1y2v1nfit";