@telefonica/mistica 16.47.0 → 16.49.0

package/dist-es/dialog.js

@@ -78,28 +78,28 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, jsxs as E, Fragment as M } from "react/jsx-runtime";
-import * as n from "react";
+import { jsx as t, jsxs as E, Fragment as S } from "react/jsx-runtime";
+import * as o from "react";
 import A from "classnames";
-import { ButtonDanger as _, ButtonPrimary as j, ButtonSecondary as F } from "./button.js";
-import { Portal as V } from "./portal.js";
-import W from "./focus-trap.js";
-import z from "./generated/mistica-icons/icon-close-regular.js";
-import { InternalIconButton as K } from "./icon-button.js";
-import { isWebViewBridgeAvailable as U, nativeConfirm as Y, nativeAlert as q } from "@tef-novum/webview-bridge";
+import { ButtonDanger as M, ButtonPrimary as _, ButtonSecondary as j } from "./button.js";
+import { Portal as F } from "./portal.js";
+import V from "./focus-trap.js";
+import W from "./generated/mistica-icons/icon-close-regular.js";
+import { InternalIconButton as z } from "./icon-button.js";
+import { isWebViewBridgeAvailable as K, nativeConfirm as U, nativeAlert as Y } from "@tef-novum/webview-bridge";
 import { useTheme as D } from "./hooks.js";
-import G from "./button-layout.js";
-import { Text5 as H, Text4 as I, Text3 as J } from "./text.js";
+import q from "./button-layout.js";
+import { Text5 as G, Text4 as H, Text3 as J } from "./text.js";
 import { ESC as Q } from "./utils/keys.js";
 import w from "./box.js";
 import { isRunningAcceptanceTest as X } from "./utils/platform.js";
 import { useSetModalStateEffect as Z } from "./modal-context-provider.js";
 import $ from "./stack.js";
-import { ANIMATION_DURATION_MS as ee, wrapper as te, modalOpacityLayer as ne, closedOpactityLayer as oe, modalContent as ae, closedModalContent as re, modalCloseButtonContainer as ie, variants as se, iconContainer as le, dialogContent as ce, dialogActions as de } from "./dialog.css-mistica.js";
+import { ANIMATION_DURATION_MS as ee, wrapper as te, modalOpacityLayer as oe, closedOpactityLayer as ne, modalContent as ae, closedModalContent as re, modalCloseButtonContainer as ie, variants as se, iconContainer as le, dialogContent as ce, dialogActions as de } from "./dialog.css-mistica.js";
 import { vars as ue } from "./skins/skin-contract.css-mistica.js";
-import { modalClose as me, dialogCancelButton as P, dialogAcceptButton as O } from "./text-tokens.js";
-const fe = ()=>process.env.NODE_ENV !== "test" && !X(), ge = (t)=>{
-    const { texts: r, t: u } = D(), { className: f, title: i, message: h, asset: o, extra: d, showCancelButton: s, showAcceptButton: l, cancelText: g = r.dialogCancelButton || u(P), acceptText: p = r.dialogAcceptButton || u(O), onCancel: c, onAccept: y, destructive: R = !1 } = t, m = t.type === "dialog", C = m && !!t.link || l || s, B = {
+import { modalClose as me, dialogCancelButton as I, dialogAcceptButton as P } from "./text-tokens.js";
+const fe = ()=>process.env.NODE_ENV !== "test" && !X(), ge = (e)=>{
+    const { texts: r, t: u } = D(), { className: m, title: c, message: h, asset: n, extra: d, showCancelButton: i, showAcceptButton: s, cancelText: f = r.dialogCancelButton || u(I), acceptText: p = r.dialogAcceptButton || u(P), onCancel: l, onAccept: y, destructive: R = !1 } = e, g = e.type === "dialog", C = g && !!e.link || s || i, B = {
         onPress: y || (()=>{}),
         children: p,
         // @deprecated - testid should be removed but many webapp tests depend on this
@@ -108,42 +108,38 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !X(), ge = (t)=>{
         }
     };
     return /* @__PURE__ */ E("div", {
-        className: A(se[m ? "dialog" : "default"], f),
+        className: A(se[g ? "dialog" : "default"], m),
         children: [
-            o && /* @__PURE__ */ e(w, {
+            n && /* @__PURE__ */ t(w, {
                 paddingBottom: 24,
-                children: /* @__PURE__ */ e("div", {
+                children: /* @__PURE__ */ t("div", {
                     className: le,
-                    children: /*#__PURE__*/ n.cloneElement(o, {
+                    children: /*#__PURE__*/ o.cloneElement(n, {
                         size: "100%"
                     })
                 })
             }),
-            i && /* @__PURE__ */ e(w, {
+            c && /* @__PURE__ */ t(w, {
                 paddingBottom: 16,
-                children: m ? /* @__PURE__ */ e(H, {
+                children: /* @__PURE__ */ t(G, {
                     as: "h2",
-                    children: i
-                }) : /* @__PURE__ */ e(I, {
-                    regular: !0,
-                    as: "h2",
-                    children: i
+                    children: c
                 })
             }),
-            t.subtitle && /* @__PURE__ */ e(w, {
+            e.subtitle && /* @__PURE__ */ t(w, {
                 paddingBottom: 16,
-                children: /* @__PURE__ */ e(I, {
+                children: /* @__PURE__ */ t(H, {
                     regular: !0,
                     as: "h2",
-                    children: t.subtitle
+                    children: e.subtitle
                 })
             }),
-            /* @__PURE__ */ e("div", {
+            /* @__PURE__ */ t("div", {
                 className: ce,
                 children: /* @__PURE__ */ E($, {
                     space: 16,
                     children: [
-                        /* @__PURE__ */ e(J, {
+                        /* @__PURE__ */ t(J, {
                             color: ue.colors.textSecondary,
                             regular: !0,
                             children: h
@@ -152,171 +148,171 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !X(), ge = (t)=>{
                     ]
                 })
             }),
-            C && /* @__PURE__ */ e("div", {
+            C && /* @__PURE__ */ t("div", {
                 className: de,
-                children: /* @__PURE__ */ e(G, {
-                    link: m ? t.link : void 0,
-                    primaryButton: l ? R ? /* @__PURE__ */ e(_, _object_spread({
+                children: /* @__PURE__ */ t(q, {
+                    link: g ? e.link : void 0,
+                    primaryButton: s ? R ? /* @__PURE__ */ t(M, _object_spread({
                         tabIndex: 1
-                    }, B)) : /* @__PURE__ */ e(j, _object_spread({
+                    }, B)) : /* @__PURE__ */ t(_, _object_spread({
                         tabIndex: 1
                     }, B)) : void 0,
-                    secondaryButton: s ? /* @__PURE__ */ e(F, {
+                    secondaryButton: i ? /* @__PURE__ */ t(j, {
                         tabIndex: 2,
-                        onPress: c || (()=>{}),
+                        onPress: l || (()=>{}),
                         dataAttributes: {
                             testid: "dialog-cancel-button"
                         },
-                        children: g
+                        children: f
                     }) : void 0
                 })
             })
         ]
     });
 }, he = (param)=>{
-    let { type: t, message: r, title: u, acceptText: f, cancelText: i, destructive: h, onAccept: o, onCancel: d, onDestroy: s } = param;
-    return t === "confirm" ? Y({
+    let { type: e, message: r, title: u, acceptText: m, cancelText: c, destructive: h, onAccept: n, onCancel: d, onDestroy: i } = param;
+    return e === "confirm" ? U({
         message: r,
         title: u,
-        cancelText: i,
-        acceptText: f,
+        cancelText: c,
+        acceptText: m,
         destructive: h
-    }).then((l)=>{
-        l ? o == null || o() : d == null || d(), s();
-    }) : q({
+    }).then((s)=>{
+        s ? n == null || n() : d == null || d(), i();
+    }) : Y({
         message: r,
         title: u,
-        buttonText: f
+        buttonText: m
     }).then(()=>{
-        o == null || o(), s();
+        n == null || n(), i();
     });
 }, pe = (param)=>{
-    let { type: t, onAccept: r, onCancel: u, onDestroy: f, acceptText: i, cancelText: h, message: o, title: d, destructive: s } = param;
-    const { texts: l, t: g } = D(), p = n.useRef({
-        type: t,
+    let { type: e, onAccept: r, onCancel: u, onDestroy: m, acceptText: c, cancelText: h, message: n, title: d, destructive: i } = param;
+    const { texts: s, t: f } = D(), p = o.useRef({
+        type: e,
         onAccept: r,
         onCancel: u,
-        onDestroy: f,
-        acceptText: i || l.dialogAcceptButton || g(O),
-        cancelText: h || l.dialogCancelButton || g(P),
-        message: o,
+        onDestroy: m,
+        acceptText: c || s.dialogAcceptButton || f(P),
+        cancelText: h || s.dialogCancelButton || f(I),
+        message: n,
         title: d,
-        destructive: s
-    }), c = n.useRef(!1);
-    return n.useEffect(()=>{
-        c.current || (c.current = !0, he(p.current).finally(()=>{
-            c.current = !1;
+        destructive: i
+    }), l = o.useRef(!1);
+    return o.useEffect(()=>{
+        l.current || (l.current = !0, he(p.current).finally(()=>{
+            l.current = !1;
         }));
-    }, []), /* @__PURE__ */ e(M, {});
-}, Me = (t)=>{
+    }, []), /* @__PURE__ */ t(S, {});
+}, Me = (e)=>{
     Z();
-    const r = n.useRef(null), { texts: u, t: f } = D(), [i, h] = n.useState(!1), o = n.useRef(!1), d = n.useRef(!1), [s, l] = n.useState(!1), g = n.useRef(!1), p = n.useRef(fe() ? ee : 0), c = t.type !== "dialog" && U(), y = t.type === "dialog", R = t.type === "alert", { onAccept: m, onCancel: C, onDestroy: B } = t, L = _object_without_properties(t, [
+    const r = o.useRef(null), { texts: u, t: m } = D(), [c, h] = o.useState(!1), n = o.useRef(!1), d = o.useRef(!1), [i, s] = o.useState(!1), f = o.useRef(!1), p = o.useRef(fe() ? ee : 0), l = e.type !== "dialog" && K(), y = e.type === "dialog", R = e.type === "alert", { onAccept: g, onCancel: C, onDestroy: B } = e, O = _object_without_properties(e, [
         "onAccept",
         "onCancel",
         "onDestroy"
     ]);
-    n.useEffect(()=>{
+    o.useEffect(()=>{
         const a = setTimeout(()=>{
-            o.current || l(!0);
+            n.current || s(!0);
         }, p.current);
         return ()=>{
             clearTimeout(a);
         };
     }, []);
-    const N = n.useCallback(()=>{
-        d.current || (d.current = !0, g.current ? m == null || m() : C == null || C(), B());
+    const N = o.useCallback(()=>{
+        d.current || (d.current = !0, f.current ? g == null || g() : C == null || C(), B());
     }, [
-        m,
+        g,
         C,
         B
-    ]), x = n.useCallback(()=>{
+    ]), x = o.useCallback(()=>{
         let a;
-        return !o.current && s && (o.current = !0, l(!1), h(!0), a = setTimeout(N, p.current)), ()=>{
+        return !n.current && i && (n.current = !0, s(!1), h(!0), a = setTimeout(N, p.current)), ()=>{
             a && clearTimeout(a);
         };
     }, [
         N,
-        s
-    ]), T = n.useCallback(()=>{
-        g.current = !0, x();
+        i
+    ]), T = o.useCallback(()=>{
+        f.current = !0, x();
     }, [
         x
-    ]), b = n.useCallback(()=>{
-        g.current = !1, x();
+    ]), b = o.useCallback(()=>{
+        f.current = !1, x();
     }, [
         x
-    ]), v = n.useCallback(()=>{
-        o.current || (R ? T() : b());
+    ]), v = o.useCallback(()=>{
+        n.current || (R ? T() : b());
     }, [
         T,
         b,
         R
-    ]), k = n.useCallback((a)=>{
+    ]), k = o.useCallback((a)=>{
         a.key === Q && (a.stopPropagation(), a.preventDefault(), v());
     }, [
         v
     ]);
-    n.useEffect(()=>{
-        if (!c) return document.addEventListener("keydown", k), ()=>{
+    o.useEffect(()=>{
+        if (!l) return document.addEventListener("keydown", k), ()=>{
             document.removeEventListener("keydown", k);
         };
     }, [
         k,
-        c
-    ]), n.useEffect(()=>{
-        if (!c) return window.addEventListener("popstate", v), ()=>{
+        l
+    ]), o.useEffect(()=>{
+        if (!l) return window.addEventListener("popstate", v), ()=>{
             window.removeEventListener("popstate", v);
         };
     }, [
         v,
-        c
+        l
     ]);
-    const S = n.useCallback((a)=>{
+    const L = o.useCallback((a)=>{
         a.stopPropagation(), y && b();
     }, [
         y,
         b
     ]);
-    return c ? /* @__PURE__ */ e(pe, _object_spread({}, t)) : /* @__PURE__ */ e(V, {
+    return l ? /* @__PURE__ */ t(pe, _object_spread({}, e)) : /* @__PURE__ */ t(F, {
         className: te,
-        children: /* @__PURE__ */ e(W, {
-            children: /* @__PURE__ */ e("div", {
-                onClick: S,
-                className: A(ne, {
-                    [oe]: i
+        children: /* @__PURE__ */ t(V, {
+            children: /* @__PURE__ */ t("div", {
+                onClick: L,
+                className: A(oe, {
+                    [ne]: c
                 }),
                 "data-testid": "dialog-overlay",
-                "aria-hidden": i || !s,
-                children: /* @__PURE__ */ e("div", {
+                "aria-hidden": c || !i,
+                children: /* @__PURE__ */ t("div", {
                     role: "dialog",
                     onClick: (a)=>a.stopPropagation(),
                     "data-component-name": "Dialog",
                     children: /* @__PURE__ */ E("div", {
                         ref: r,
                         onAnimationEnd: (a)=>{
-                            a.target === r.current && (o.current || l(!0));
+                            a.target === r.current && (n.current || s(!0));
                         },
                         onTransitionEnd: (a)=>{
-                            a.target === r.current && o.current && N();
+                            a.target === r.current && n.current && N();
                         },
                         className: A(ae, {
-                            [re]: i
+                            [re]: c
                         }),
                         children: [
-                            y && /* @__PURE__ */ e("div", {
+                            y && /* @__PURE__ */ t("div", {
                                 className: ie,
-                                children: /* @__PURE__ */ e(K, {
+                                children: /* @__PURE__ */ t(z, {
                                     onPress: v,
-                                    "aria-label": t.closeButtonLabel || u.modalClose || f(me),
+                                    "aria-label": e.closeButtonLabel || u.modalClose || m(me),
                                     bleedLeft: !0,
                                     bleedRight: !0,
                                     bleedY: !0,
-                                    Icon: z
+                                    Icon: W
                                 })
                             }),
-                            /* @__PURE__ */ e(ge, _object_spread_props(_object_spread({}, L), {
-                                showAcceptButton: t.type !== "dialog" || !!t.onAccept,
-                                showCancelButton: t.type === "confirm" || t.type === "dialog" && !!t.onCancel,
+                            /* @__PURE__ */ t(ge, _object_spread_props(_object_spread({}, O), {
+                                showAcceptButton: e.type !== "dialog" || !!e.onAccept,
+                                showCancelButton: e.type === "confirm" || e.type === "dialog" && !!e.onCancel,
                                 onCancel: b,
                                 onAccept: T
                             }))

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

@@ -1,9 +1,9 @@
 import "./divider.css.ts.vanilla.css-mistica.js";
 var t = {
-    default: "v16_47_o0dvt10",
-    alternative: "v16_47_o0dvt11",
-    brand: "v16_47_o0dvt12",
-    negative: "v16_47_o0dvt13",
-    media: "v16_47_o0dvt14"
+    default: "v16_49_o0dvt10",
+    alternative: "v16_49_o0dvt11",
+    brand: "v16_49_o0dvt12",
+    negative: "v16_49_o0dvt13",
+    media: "v16_49_o0dvt14"
 };
 export { t as variants };

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

@@ -4,7 +4,7 @@ import "./text-field-base.css.ts.vanilla.css-mistica.js";
 import "./text-field-components.css.ts.vanilla.css-mistica.js";
 import "./double-field.css.ts.vanilla.css-mistica.js";
 var f = {
-    default: "v16_47_skrulh1 v16_47_skrulh0 v16_47_1y2v1nfpm v16_47_1y2v1nfpr v16_47_1y2v1nfq9",
-    fullWidth: "v16_47_skrulh2 v16_47_skrulh0 v16_47_1y2v1nfpm v16_47_1y2v1nfpr v16_47_1y2v1nfq9"
+    default: "v16_49_skrulh1 v16_49_skrulh0 v16_49_1y2v1nfpm v16_49_1y2v1nfpr v16_49_1y2v1nfq9",
+    fullWidth: "v16_49_skrulh2 v16_49_skrulh0 v16_49_1y2v1nfpm v16_49_1y2v1nfpr v16_49_1y2v1nfq9"
 };
 export { f as variants };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./drawer.css.ts.vanilla.css-mistica.js";
-var n = 350, w = "v16_47_c4ngww1 v16_47_c4ngww0 v16_47_1y2v1nfpi v16_47_1y2v1nfpm v16_47_1y2v1nf7p v16_47_1y2v1nfsw v16_47_1y2v1nftq v16_47_1y2v1nfu5 v16_47_1y2v1nfsq", y = "v16_47_c4ngww3 v16_47_c4ngww2 v16_47_1y2v1nfg6 v16_47_1y2v1nfpm v16_47_1y2v1nfps v16_47_1y2v1nfq7", f = "v16_47_c4ngww5 v16_47_c4ngww4 v16_47_1y2v1nfq4 v16_47_1y2v1nfq6", r = "v16_47_c4ngww7 v16_47_c4ngww6 v16_47_1y2v1nfq7 v16_47_1y2v1nfsv", c = "v16_47_c4ngww8", a = "v16_47_c4ngww9", e = "v16_47_c4ngwwb v16_47_c4ngwwa v16_47_1y2v1nfpi v16_47_1y2v1nfsw v16_47_1y2v1nftb v16_47_1y2v1nftq v16_47_1y2v1nfu5 v16_47_1y2v1nf85", g = "v16_47_c4ngwwc", o = "v16_47_c4ngwwd", t = "v16_47_c4ngwwe v16_47_1y2v1nfph v16_47_1y2v1nfsz v16_47_1y2v1nftt";
+var n = 350, w = "v16_49_c4ngww1 v16_49_c4ngww0 v16_49_1y2v1nfpi v16_49_1y2v1nfpm v16_49_1y2v1nf7p v16_49_1y2v1nfsw v16_49_1y2v1nftq v16_49_1y2v1nfu5 v16_49_1y2v1nfsq", y = "v16_49_c4ngww3 v16_49_c4ngww2 v16_49_1y2v1nfg6 v16_49_1y2v1nfpm v16_49_1y2v1nfps v16_49_1y2v1nfq7", f = "v16_49_c4ngww5 v16_49_c4ngww4 v16_49_1y2v1nfq4 v16_49_1y2v1nfq6", r = "v16_49_c4ngww7 v16_49_c4ngww6 v16_49_1y2v1nfq7 v16_49_1y2v1nfsv", c = "v16_49_c4ngww8", a = "v16_49_c4ngww9", e = "v16_49_c4ngwwb v16_49_c4ngwwa v16_49_1y2v1nfpi v16_49_1y2v1nfsw v16_49_1y2v1nftb v16_49_1y2v1nftq v16_49_1y2v1nfu5 v16_49_1y2v1nf85", g = "v16_49_c4ngwwc", o = "v16_49_c4ngwwd", t = "v16_49_c4ngwwe v16_49_1y2v1nfph v16_49_1y2v1nfsz v16_49_1y2v1nftt";
 export { n as ANIMATION_DURATION_MS, t as closeButtonContainer, a as closed, w as container, y as drawer, c as open, e as overlay, g as overlayClosed, o as overlayOpen, r as scrollableSection, f as titleContainer };