@telefonica/mistica 16.32.0 → 16.33.0

package/dist-es/sheet-common.js

@@ -78,31 +78,31 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, jsxs as p, Fragment as w } from "react/jsx-runtime";
-import b from "classnames";
+import { jsx as e, jsxs as p, Fragment as x } from "react/jsx-runtime";
+import R from "classnames";
 import * as t from "react";
-import { transitionDuration as x, overlay as A, closingOverlay as C, SheetContainer as M, closingSheet as P, Sheet as Y, SheetContent as _, sheetTopDraggingArea as O, children as F, modalCloseButton as G, handleContainer as j, handleTouchable as H, handleBar as V, stickyTitle as $, bodyContent as z, stickyButtons as K } from "./sheet-common.css-mistica.js";
-import W from "./focus-trap.js";
-import { useTheme as X, useIsWithinIFrame as q, useDisableBodyScroll as J, useIsInViewport as D, useScreenSize as Q } from "./hooks.js";
+import { transitionDuration as L, overlay as C, closingOverlay as A, SheetContainer as M, closingSheet as P, Sheet as Y, SheetContent as _, sheetTopDraggingArea as O, children as F, modalCloseButton as j, handleContainer as G, handleTouchable as H, handleBar as V, stickyTitle as $, bodyContent as z, stickyButtons as W } from "./sheet-common.css-mistica.js";
+import X from "./focus-trap.js";
+import { useTheme as q, useIsWithinIFrame as J, useDisableBodyScroll as K, useIsInViewport as y, useScreenSize as Q } from "./hooks.js";
 import { useSetModalStateEffect as U } from "./modal-context-provider.js";
 import { Portal as Z } from "./portal.js";
-import { Text5 as ee, Text3 as te, Text2 as y } from "./text.js";
+import { Text5 as ee, Text3 as te, Text2 as D } from "./text.js";
 import { vars as I } from "./skins/skin-contract.css-mistica.js";
-import N from "./stack.js";
+import B from "./stack.js";
 import T from "./box.js";
-import B from "./divider.js";
+import N from "./divider.js";
 import { getPrefixedDataAttributes as re, getScrollableParentElement as ne } from "./utils/dom.js";
 import oe from "./generated/mistica-icons/icon-close-regular.js";
 import { InternalIconButton as se } from "./icon-button.js";
 import ie from "./button-layout.js";
 import { safeAreaInsetBottom as ae } from "./utils/css.js";
-import { MOBILE_SIDE_MARGIN as ce, TABLET_SIDE_MARGIN as le, SMALL_DESKTOP_SIDE_MARGIN as de } from "./responsive-layout.css-mistica.js";
-import { modalClose as L } from "./text-tokens.js";
-import ue from "./touchable.js";
-const me = process.env.NODE_ENV === "test" ? 0 : x, k = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, fe = (param)=>{
+import { MOBILE_SIDE_MARGIN as ce, TABLET_SIDE_MARGIN as le } from "./responsive-layout.css-mistica.js";
+import { modalClose as k } from "./text-tokens.js";
+import de from "./touchable.js";
+const ue = process.env.NODE_ENV === "test" ? 0 : L, w = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, me = (param)=>{
     let { closeModal: n } = param;
     const [o, s] = t.useState(0), d = t.useRef(!1), u = t.useRef(0), f = t.useRef(0), r = t.useRef(0), a = t.useRef(0), { isDesktopOrBigger: m } = Q(), l = t.useCallback((c)=>{
-        d.current = !0, u.current = 0, f.current = Date.now(), r.current = k(c);
+        d.current = !0, u.current = 0, f.current = Date.now(), r.current = w(c);
     }, []), g = t.useCallback(()=>{
         d.current = !1, s(0);
     }, []);
@@ -114,7 +114,7 @@ const me = process.env.NODE_ENV === "test" ? 0 : x, k = (n)=>"touches" in n ? n.
                     u.current++;
                     return;
                 }
-                a.current = k(h), s(a.current - r.current);
+                a.current = w(h), s(a.current - r.current);
             }
         }, i = ()=>{
             if (!d.current) return;
@@ -141,7 +141,7 @@ const me = process.env.NODE_ENV === "test" ? 0 : x, k = (n)=>"touches" in n ? n.
             transition: "none"
         } : void 0
     };
-}, he = {
+}, fe = {
     closed: {
         open: "opening"
     },
@@ -155,9 +155,9 @@ const me = process.env.NODE_ENV === "test" ? 0 : x, k = (n)=>"touches" in n ? n.
     closing: {
         transitionEnd: "closed"
     }
-}, pe = (n, o)=>he[n][o] || n, ge = /*#__PURE__*/ t.forwardRef((param, d)=>{
+}, he = (n, o)=>fe[n][o] || n, pe = /*#__PURE__*/ t.forwardRef((param, d)=>{
     let { onClose: n, children: o, dataAttributes: s } = param;
-    const { texts: u, t: f } = X(), [r, a] = t.useReducer(pe, "closed"), m = t.useRef(!1), l = t.useId(), g = q(), c = t.useCallback((E)=>{
+    const { texts: u, t: f } = q(), [r, a] = t.useReducer(he, "closed"), m = t.useRef(!1), l = t.useId(), g = J(), c = t.useCallback((E)=>{
         E.target === E.currentTarget && a("transitionEnd");
     }, []), i = ()=>{
         r === "open" && a("close");
@@ -166,7 +166,7 @@ const me = process.env.NODE_ENV === "test" ? 0 : x, k = (n)=>"touches" in n ? n.
         if (r === "opening" || r === "closing") {
             const E = setTimeout(()=>{
                 a("transitionEnd");
-            }, me);
+            }, ue);
             return ()=>clearTimeout(E);
         }
     }, [
@@ -177,25 +177,25 @@ const me = process.env.NODE_ENV === "test" ? 0 : x, k = (n)=>"touches" in n ? n.
         r,
         n
     ]);
-    const _fe = fe({
+    const _me = me({
         closeModal: i
-    }), { onScroll: h, overlayStyle: v } = _fe, S = _object_without_properties(_fe, [
+    }), { onScroll: h, overlayStyle: v } = _me, S = _object_without_properties(_me, [
         "onScroll",
         "overlayStyle"
     ]);
-    return U(), J(r !== "closed"), r === "closed" ? null : /* @__PURE__ */ e(Z, {
-        children: /* @__PURE__ */ p(W, {
+    return U(), K(r !== "closed"), r === "closed" ? null : /* @__PURE__ */ e(Z, {
+        children: /* @__PURE__ */ p(X, {
             disabled: g,
             children: [
                 /* @__PURE__ */ e("div", {
-                    className: b(A, {
-                        [C]: r === "closing"
+                    className: R(C, {
+                        [A]: r === "closing"
                     }),
                     style: v,
                     onClick: i
                 }),
                 /* @__PURE__ */ e("div", _object_spread_props(_object_spread({
-                    className: b(M, {
+                    className: R(M, {
                         [P]: r === "closing"
                     }),
                     onTransitionEnd: c,
@@ -225,10 +225,10 @@ const me = process.env.NODE_ENV === "test" ? 0 : x, k = (n)=>"touches" in n ? n.
                                             modalTitleId: l
                                         }) : o,
                                         /* @__PURE__ */ e("div", {
-                                            className: G,
+                                            className: j,
                                             children: /* @__PURE__ */ e(se, {
                                                 onPress: i,
-                                                "aria-label": u.modalClose || f(L),
+                                                "aria-label": u.modalClose || f(k),
                                                 Icon: oe,
                                                 bleedLeft: !0,
                                                 bleedRight: !0,
@@ -236,11 +236,11 @@ const me = process.env.NODE_ENV === "test" ? 0 : x, k = (n)=>"touches" in n ? n.
                                             })
                                         }),
                                         /* @__PURE__ */ e("div", {
-                                            className: j,
-                                            children: /* @__PURE__ */ e(ue, {
+                                            className: G,
+                                            children: /* @__PURE__ */ e(de, {
                                                 onPress: i,
                                                 className: H,
-                                                "aria-label": u.modalClose || f(L),
+                                                "aria-label": u.modalClose || f(k),
                                                 children: /* @__PURE__ */ e("div", {
                                                     className: V
                                                 })
@@ -255,24 +255,24 @@ const me = process.env.NODE_ENV === "test" ? 0 : x, k = (n)=>"touches" in n ? n.
             ]
         })
     });
-}), R = {
+}), b = {
     mobile: ce,
     tablet: le,
-    desktop: de
-}, _e = (param)=>{
+    desktop: 40
+}, Ye = (param)=>{
     let { title: n, subtitle: o, description: s, modalTitleId: d, button: u, secondaryButton: f, link: r, children: a } = param;
     const m = t.useRef(null), l = t.useRef(null), g = t.useRef(null);
     t.useEffect(()=>{
         l.current && (g.current = ne(l.current));
     }, []);
-    const c = !D(m, !0, {
+    const c = !y(m, !0, {
         root: g.current
-    }), i = !D(l, !0, {
+    }), i = !y(l, !0, {
         rootMargin: "1px",
         // bottomScrollSignal div has 0px height so we need a 1px margin to trigger the intersection observer
         root: g.current
     }), h = !!u || !!f || !!r;
-    return /* @__PURE__ */ p(w, {
+    return /* @__PURE__ */ p(x, {
         children: [
             /* @__PURE__ */ e("div", {
                 ref: m
@@ -286,7 +286,7 @@ const me = process.env.NODE_ENV === "test" ? 0 : x, k = (n)=>"touches" in n ? n.
                             mobile: 0,
                             desktop: 40
                         },
-                        paddingX: R,
+                        paddingX: b,
                         children: /* @__PURE__ */ e(ee, {
                             as: "h2",
                             id: d,
@@ -299,7 +299,7 @@ const me = process.env.NODE_ENV === "test" ? 0 : x, k = (n)=>"touches" in n ? n.
                             desktop: 40
                         }
                     }),
-                    c && /* @__PURE__ */ e(B, {})
+                    c && /* @__PURE__ */ e(N, {})
                 ]
             }),
             /* @__PURE__ */ e("div", {
@@ -309,11 +309,11 @@ const me = process.env.NODE_ENV === "test" ? 0 : x, k = (n)=>"touches" in n ? n.
                         desktop: 40,
                         mobile: 0
                     },
-                    paddingX: R,
-                    children: /* @__PURE__ */ p(N, {
+                    paddingX: b,
+                    children: /* @__PURE__ */ p(B, {
                         space: 8,
                         children: [
-                            o || s ? /* @__PURE__ */ p(N, {
+                            o || s ? /* @__PURE__ */ p(B, {
                                 space: {
                                     mobile: 8,
                                     desktop: 16
@@ -324,7 +324,7 @@ const me = process.env.NODE_ENV === "test" ? 0 : x, k = (n)=>"touches" in n ? n.
                                         regular: !0,
                                         children: o
                                     }),
-                                    s && (Array.isArray(s) ? /* @__PURE__ */ e(y, {
+                                    s && (Array.isArray(s) ? /* @__PURE__ */ e(D, {
                                         as: "div",
                                         regular: !0,
                                         color: I.colors.textSecondary,
@@ -335,7 +335,7 @@ const me = process.env.NODE_ENV === "test" ? 0 : x, k = (n)=>"touches" in n ? n.
                                                 },
                                                 children: v
                                             }, S))
-                                    }) : /* @__PURE__ */ e(y, {
+                                    }) : /* @__PURE__ */ e(D, {
                                         as: "p",
                                         regular: !0,
                                         color: I.colors.textSecondary,
@@ -349,15 +349,15 @@ const me = process.env.NODE_ENV === "test" ? 0 : x, k = (n)=>"touches" in n ? n.
                 })
             }),
             h && /* @__PURE__ */ p("div", {
-                className: K,
+                className: W,
                 children: [
-                    i && /* @__PURE__ */ e(B, {}),
+                    i && /* @__PURE__ */ e(N, {}),
                     /* @__PURE__ */ e(T, {
                         paddingY: {
                             mobile: 16,
                             desktop: 40
                         },
-                        paddingX: R,
+                        paddingX: b,
                         children: /* @__PURE__ */ e(ie, {
                             align: "full-width",
                             link: r,
@@ -372,5 +372,5 @@ const me = process.env.NODE_ENV === "test" ? 0 : x, k = (n)=>"touches" in n ? n.
             })
         ]
     });
-}, Oe = ge;
-export { _e as SheetBody, Oe as default };
+}, _e = pe;
+export { Ye as SheetBody, _e as default };

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

@@ -1,3 +1,3 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
-var _ = "v16_32_1y2v1nfis v16_32_1y2v1nfj7 v16_32_1y2v1nfk4", n = "v16_32_1y2v1nfjw v16_32_1y2v1nfis", f = "v16_32_1y2v1nf90 v16_32_1y2v1nfa9 v16_32_1y2v1nfis v16_32_1y2v1nfj7 v16_32_1y2v1nfl5";
+var _ = "v16_33_1y2v1nfis v16_33_1y2v1nfj7 v16_33_1y2v1nfk4", n = "v16_33_1y2v1nfjw v16_33_1y2v1nfis", f = "v16_33_1y2v1nf90 v16_33_1y2v1nfa9 v16_33_1y2v1nfis v16_33_1y2v1nfj7 v16_33_1y2v1nfl5";
 export { _ as infoItemIcon, n as infoItemIconContainer, f as itemContainer };

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

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./skeletons.css.ts.vanilla.css-mistica.js";
-var n = "v16_32_zopolw6 v16_32_1y2v1nfiu", r = {
-    default: "v16_32_1y2v1nf4o",
-    inverse: "v16_32_1y2v1nf4p"
-}, a = "v16_32_1y2v1nfja v16_32_1y2v1nfjc", o = "v16_32_zopolwa v16_32_1y2v1nfjb", f = "v16_32_1y2v1nfis v16_32_1y2v1nfj7 v16_32_1y2v1nfj1";
+var n = "v16_33_zopolw6 v16_33_1y2v1nfiu", r = {
+    default: "v16_33_1y2v1nf4o",
+    inverse: "v16_33_1y2v1nf4p"
+}, a = "v16_33_1y2v1nfja v16_33_1y2v1nfjc", o = "v16_33_zopolwa v16_33_1y2v1nfjb", f = "v16_33_1y2v1nfis v16_33_1y2v1nfj7 v16_33_1y2v1nfj1";
 export { n as animation, r as background, a as circle, o as line, f as row };