@telefonica/mistica 16.1.0 → 16.2.0

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./sheet-common.css.ts.vanilla.css-mistica.js";
-var f = "pidemf6 _1y2v1nf3p", y = "pidemf4 _1y2v1nfhg _1y2v1nfl6 _1y2v1nfll _1y2v1nfm0", _ = "pidemf9 _1y2v1nf81 _1y2v1nfhk _1y2v1nfhq", e = "pidemfo", r = "_1y2v1nfkq _1y2v1nfi6 _1y2v1nfhk _1y2v1nfhq", i = "pidemfl", a = "pidemf7", t = "_1y2v1nf4y _1y2v1nfig _1y2v1nfir _1y2v1nfk4", h = "pidemfc _1y2v1nf7m _1y2v1nf8v _1y2v1nfhf _1y2v1nfkr _1y2v1nfj1 _1y2v1nfi7 _1y2v1nfhk _1y2v1nfht", l = "pidemff _1y2v1nf7y _1y2v1nf97 _1y2v1nfag _1y2v1nfbp _1y2v1nfhf _1y2v1nfkr _1y2v1nfll", o = "pidemfk _1y2v1nfhg _1y2v1nf41 _1y2v1nfkr _1y2v1nfl6 _1y2v1nfll _1y2v1nfm0", m = "_1y2v1nfhi _1y2v1nfm0 _1y2v1nf3p", p = "_1y2v1nfhi _1y2v1nfkr _1y2v1nf3p", d = 400;
-export { f as Sheet, y as SheetContainer, _ as SheetContent, e as bodyContent, r as children, i as closingOverlay, a as closingSheet, t as handle, h as handleContainer, l as modalCloseButton, o as overlay, m as stickyButtons, p as stickyTitle, d as transitionDuration };
+var f = "pidemf6 _1y2v1nf3p", y = "pidemf4 _1y2v1nfhg _1y2v1nfl6 _1y2v1nfll _1y2v1nfm0", _ = "pidemf9 _1y2v1nf81 _1y2v1nfhk _1y2v1nfhq", e = "pidemfq", i = "_1y2v1nfkq _1y2v1nfi6 _1y2v1nfhk _1y2v1nfhq", r = "pidemfl", a = "pidemf7", t = "_1y2v1nf4y _1y2v1nfig _1y2v1nfir _1y2v1nfk4", h = "pidemfc _1y2v1nf7m _1y2v1nf8v _1y2v1nfhf _1y2v1nfkr _1y2v1nfj1 _1y2v1nfi7 _1y2v1nfhk _1y2v1nfht", l = "pidemff _1y2v1nf7y _1y2v1nf97 _1y2v1nfag _1y2v1nfbp _1y2v1nfhf _1y2v1nfkr _1y2v1nfll", p = "pidemfk _1y2v1nfhg _1y2v1nf41 _1y2v1nfkr _1y2v1nfl6 _1y2v1nfll _1y2v1nfm0", m = "pidemfp _1y2v1nfhi _1y2v1nfm0 _1y2v1nf3p", o = "pidemfn _1y2v1nfhi _1y2v1nfkr _1y2v1nf3p", d = 400;
+export { f as Sheet, y as SheetContainer, _ as SheetContent, e as bodyContent, i as children, r as closingOverlay, a as closingSheet, t as handle, h as handleContainer, l as modalCloseButton, p as overlay, m as stickyButtons, o as stickyTitle, d as transitionDuration };

package/dist-es/skeleton-base.js

@@ -1,22 +1,20 @@
 "use client";
-import { jsx as i } from "react/jsx-runtime";
-import { useIsInverseOrMediaVariant as d } from "./theme-variant-context.js";
-import l from "classnames";
-import { sprinkles as m } from "./sprinkles.css-mistica.js";
-import { vars as r } from "./skins/skin-contract.css-mistica.js";
-const c = (param)=>{
-    let { width: e = "100%", height: o = 8, radius: s = r.borderRadii.container, className: a, noBorderRadius: n = !1 } = param;
-    const t = d();
-    return /* @__PURE__ */ i("div", {
-        className: l(a, m({
-            background: t ? r.colors.backgroundSkeletonInverse : r.colors.backgroundSkeleton
-        })),
+import { jsx as n } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as m } from "./theme-variant-context.js";
+import d from "classnames";
+import { background as e } from "./skeletons.css-mistica.js";
+import { vars as f } from "./skins/skin-contract.css-mistica.js";
+const l = (param)=>{
+    let { width: r = "100%", height: s = 8, radius: a = f.borderRadii.container, className: o, noBorderRadius: t = !1 } = param;
+    const i = m();
+    return /* @__PURE__ */ n("div", {
+        className: d(o, i ? e.inverse : e.default),
         style: {
-            borderRadius: n ? 0 : s,
-            width: e,
-            height: o
+            borderRadius: t ? 0 : a,
+            width: r,
+            height: s
         },
         "aria-hidden": !0
     });
-}, v = c;
-export { v as default };
+}, k = l;
+export { k as default };

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

@@ -1,4 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./skeletons.css.ts.vanilla.css-mistica.js";
-var i = "zopolw2 _1y2v1nfhm", o = "_1y2v1nfi2 _1y2v1nfi4", r = "zopolw6 _1y2v1nfi3", f = "_1y2v1nfhk _1y2v1nfhz _1y2v1nfht";
-export { i as animation, o as circle, r as line, f as row };
+var r = "zopolw6 _1y2v1nfhm", a = {
+    default: "_1y2v1nf42",
+    inverse: "_1y2v1nf43"
+}, f = "_1y2v1nfi2 _1y2v1nfi4", i = "zopolwa _1y2v1nfi3", o = "_1y2v1nfhk _1y2v1nfhz _1y2v1nfht";
+export { r as animation, a as background, f as circle, i as line, o as row };

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

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./snackbar.css.ts.vanilla.css-mistica.js";
-var f = 300, r = "o7bjb0c", _ = "_1y2v1nfhk _1y2v1nfhw", y = {
-    centered: "o7bjb0g _1y2v1nfhk _1y2v1nfhf _1y2v1nfhz _1y2v1nfht _1y2v1nflo",
+var f = 300, _ = "o7bjb0g", y = "_1y2v1nf7j _1y2v1nf8s _1y2v1nfa4 _1y2v1nfbd _1y2v1nfk2 _1y2v1nf7c", o = "_1y2v1nfhk _1y2v1nfhw _1y2v1nfhq", r = "_1y2v1nfhk _1y2v1nfhw _1y2v1nfhp _1y2v1nfhz", t = {
+    centered: "o7bjb0l _1y2v1nfhk _1y2v1nfhf _1y2v1nfhz _1y2v1nfht _1y2v1nflo",
     topRight: "_1y2v1nfhk _1y2v1nfhf _1y2v1nfhz _1y2v1nfht _1y2v1nflo _1y2v1nfku"
-}, a = "o7bjb0j _1y2v1nfih _1y2v1nfix _1y2v1nfhk _1y2v1nfhz _1y2v1nfht _1y2v1nfk3", o = "o7bjb0d", b = "o7bjb01 _1y2v1nfi7 _1y2v1nfhk _1y2v1nfht", t = "o7bjb03 _1y2v1nfhe", h = "o7bjb04", e = "o7bjb06 _1y2v1nfhg _1y2v1nfkd", p = "_1y2v1nf5e", i = "_1y2v1nf5f", k = "o7bjb09";
-export { f as TRANSITION_TIME_IN_MS, r as button, _ as content, y as dismissButton, a as dismissIcon, o as longButton, b as snackbar, t as snackbarContainer, h as snackbarOpen, e as wrapper, p as wrapperCritical, i as wrapperInfo, k as wrapperOpen };
+}, a = "o7bjb0o _1y2v1nfih _1y2v1nfix _1y2v1nfhk _1y2v1nfhz _1y2v1nfht _1y2v1nfk3", h = "o7bjb0h", b = "o7bjb01 _1y2v1nfi7 _1y2v1nfhk _1y2v1nfht", e = "o7bjb03 _1y2v1nfhe", i = "o7bjb04", p = "o7bjb06 _1y2v1nfhg _1y2v1nfkd", k = "_1y2v1nf5e", c = "_1y2v1nf5f", j = "o7bjb09";
+export { f as TRANSITION_TIME_IN_MS, _ as button, y as buttonTouchable, o as contentWithLongButton, r as contentWithoutLongButton, t as dismissButton, a as dismissIcon, h as longButton, b as snackbar, e as snackbarContainer, i as snackbarOpen, p as wrapper, k as wrapperCritical, c as wrapperInfo, j as wrapperOpen };

package/dist-es/snackbar.js

@@ -51,135 +51,125 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsx as r, jsxs as b } from "react/jsx-runtime";
+import { jsx as t, jsxs as U } from "react/jsx-runtime";
 import * as e from "react";
-import _, { BaseTouchable as M } from "./touchable.js";
+import D, { BaseTouchable as _ } from "./touchable.js";
 import N from "classnames";
-import { isWebViewBridgeAvailable as w, nativeMessage as A } from "@tef-novum/webview-bridge";
-import { useTheme as x, useElementDimensions as L, useScreenSize as P } from "./hooks.js";
-import { Text2 as W, Text3 as V } from "./text.js";
-import { TRANSITION_TIME_IN_MS as z, snackbarContainer as F, snackbar as H, snackbarOpen as j, wrapper as y, wrapperCritical as X, wrapperInfo as Y, wrapperOpen as $, content as q, button as G, longButton as J, dismissButton as K, dismissIcon as Q } from "./snackbar.css-mistica.js";
-import { sprinkles as D } from "./sprinkles.css-mistica.js";
+import { isWebViewBridgeAvailable as M, nativeMessage as A } from "@tef-novum/webview-bridge";
+import { useTheme as L, useElementDimensions as w, useScreenSize as W } from "./hooks.js";
+import { Text2 as x, Text3 as P } from "./text.js";
+import { TRANSITION_TIME_IN_MS as V, snackbarContainer as z, snackbar as F, snackbarOpen as H, wrapper as j, wrapperCritical as y, wrapperInfo as $, wrapperOpen as q, contentWithLongButton as G, contentWithoutLongButton as J, button as K, longButton as Q, buttonTouchable as X, dismissButton as Y, dismissIcon as Z } from "./snackbar.css-mistica.js";
 import { vars as R } from "./skins/skin-contract.css-mistica.js";
-import { getPrefixedDataAttributes as Z } from "./utils/dom.js";
-import { Portal as ee } from "./portal.js";
+import { getPrefixedDataAttributes as ee } from "./utils/dom.js";
+import { Portal as te } from "./portal.js";
 import re from "./generated/mistica-icons/icon-close-regular.js";
-import { closeButtonLabel as te } from "./text-tokens.js";
+import { closeButtonLabel as oe } from "./text-tokens.js";
 const ne = [
     "DISMISS",
     "TIMEOUT",
     "CONSECUTIVE",
     "BUTTON"
-], oe = 5e3, se = 1e4, ce = /*#__PURE__*/ e.forwardRef((param, g)=>{
-    let { message: m, buttonText: t, buttonAccessibilityLabel: f, closeButtonLabel: p, duration: n, onClose: o, type: c, withDismiss: d = !1, dataAttributes: O } = param;
-    const { texts: T, t: a } = x(), [i, I] = e.useState(!1), { width: s, ref: U } = L(), { isDesktopOrBigger: C } = P(), l = s > (C ? 160 : 128), B = e.useRef(null), E = n === "PERSISTENT" && !t || d, k = t ? se : oe, S = e.useRef(o);
+], se = 5e3, ce = 1e4, ae = /*#__PURE__*/ e.forwardRef((param, E)=>{
+    let { message: u, buttonText: r, buttonAccessibilityLabel: m, closeButtonLabel: I, duration: o, onClose: n, type: c, withDismiss: f = !1, dataAttributes: O } = param;
+    const { texts: d, t: a } = L(), [i, p] = e.useState(!1), { width: s, ref: k } = w(), { isDesktopOrBigger: C } = W(), T = s > (C ? 160 : 128), g = e.useRef(null), v = o === "PERSISTENT" && !r || f, b = r ? ce : se, h = e.useRef(n);
     e.useEffect(()=>{
-        S.current = o;
+        h.current = n;
     }, [
-        o
+        n
     ]);
-    const u = e.useCallback((v)=>{
-        I(!1), setTimeout(()=>{
-            var h;
-            (h = S.current) == null || h.call(S, v);
-        }, process.env.NODE_ENV === "test" ? 0 : z);
+    const l = e.useCallback((B)=>{
+        p(!1), setTimeout(()=>{
+            var S;
+            (S = h.current) == null || S.call(h, B);
+        }, process.env.NODE_ENV === "test" ? 0 : V);
     }, []);
-    return e.useImperativeHandle(g, ()=>_object_spread_props(_object_spread({}, B), {
-            close: u
+    return e.useImperativeHandle(E, ()=>_object_spread_props(_object_spread({}, g), {
+            close: l
         }), [
-        u
+        l
     ]), e.useEffect(()=>{
-        const v = setTimeout(()=>{
-            I(!0);
-        }, 50), h = n !== "PERSISTENT" ? setTimeout(()=>u({
+        const B = setTimeout(()=>{
+            p(!0);
+        }, 50), S = o !== "PERSISTENT" ? setTimeout(()=>l({
                 action: "TIMEOUT"
-            }), k) : void 0;
+            }), b) : void 0;
         return ()=>{
-            clearTimeout(v), clearTimeout(h);
+            clearTimeout(B), clearTimeout(S);
         };
     }, [
-        u,
-        n,
-        k
-    ]), /* @__PURE__ */ r(ee, {
-        className: F,
-        children: /* @__PURE__ */ r("div", {
-            ref: B,
-            className: N(H, {
-                [j]: i
+        l,
+        o,
+        b
+    ]), /* @__PURE__ */ t(te, {
+        className: z,
+        children: /* @__PURE__ */ t("div", {
+            ref: g,
+            className: N(F, {
+                [H]: i
             }),
-            children: /* @__PURE__ */ b("div", _object_spread_props(_object_spread({
+            children: /* @__PURE__ */ U("div", _object_spread_props(_object_spread({
                 role: "alert",
-                className: N(y, c === "CRITICAL" ? X : Y, {
-                    [$]: i
+                className: N(j, c === "CRITICAL" ? y : $, {
+                    [q]: i
                 })
-            }, Z(O, "SnackBar")), {
+            }, ee(O, "SnackBar")), {
                 children: [
-                    /* @__PURE__ */ b("div", {
-                        className: N(q, D({
-                            flexDirection: l ? "column" : "row",
-                            alignItems: l ? void 0 : "center"
-                        })),
-                        style: E && !l ? {
+                    /* @__PURE__ */ U("div", {
+                        className: N(T ? G : J),
+                        style: v && !T ? {
                             paddingRight: 32
                         } : void 0,
                         children: [
-                            /* @__PURE__ */ r("div", {
-                                style: E && l ? {
+                            /* @__PURE__ */ t("div", {
+                                style: v && T ? {
                                     paddingRight: 32
                                 } : void 0,
-                                children: /* @__PURE__ */ r(W, {
+                                children: /* @__PURE__ */ t(x, {
                                     regular: !0,
                                     color: R.colors.textPrimaryInverse,
-                                    children: m
+                                    children: u
                                 })
                             }),
-                            t && /* @__PURE__ */ r("div", {
-                                className: N(G, {
-                                    [J]: l
+                            r && /* @__PURE__ */ t("div", {
+                                className: N(K, {
+                                    [Q]: T
                                 }),
-                                children: /* @__PURE__ */ r(M, {
-                                    className: D({
-                                        paddingY: 4,
-                                        paddingX: 8,
-                                        border: "none",
-                                        padding: 0,
-                                        background: "transparent"
-                                    }),
-                                    ref: U,
+                                children: /* @__PURE__ */ t(_, {
+                                    className: X,
+                                    ref: k,
                                     onPress: ()=>{
-                                        u({
+                                        l({
                                             action: "BUTTON"
                                         });
                                     },
-                                    "aria-label": f,
-                                    children: /* @__PURE__ */ r(V, {
+                                    "aria-label": m,
+                                    children: /* @__PURE__ */ t(P, {
                                         medium: !0,
                                         forceMobileSizes: !0,
                                         truncate: !0,
                                         color: c === "CRITICAL" ? R.colors.textPrimaryInverse : R.colors.textLinkSnackbar,
-                                        children: t
+                                        children: r
                                     })
                                 })
                             })
                         ]
                     }),
-                    E ? /* @__PURE__ */ r(_, {
+                    v ? /* @__PURE__ */ t(D, {
                         onPress: ()=>{
-                            u({
+                            l({
                                 action: "DISMISS"
                             });
                         },
-                        "aria-label": p || T.closeButtonLabel || a(te),
-                        className: K[l ? "topRight" : "centered"],
+                        "aria-label": I || d.closeButtonLabel || a(oe),
+                        className: Y[T ? "topRight" : "centered"],
                         style: {
                             display: "flex",
                             width: 32,
                             height: 32
                         },
-                        children: /* @__PURE__ */ r("div", {
-                            className: Q,
-                            children: /* @__PURE__ */ r(re, {
+                        children: /* @__PURE__ */ t("div", {
+                            className: Z,
+                            children: /* @__PURE__ */ t(re, {
                                 color: R.colors.inverse,
                                 size: 20
                             })
@@ -189,23 +179,23 @@ const ne = [
             }))
         })
     });
-}), ae = /*#__PURE__*/ e.forwardRef((param, g)=>{
-    let { message: m, buttonText: t, buttonAccessibilityLabel: f, closeButtonLabel: p, duration: n, onClose: o = ()=>{}, type: c = "INFORMATIVE", withDismiss: d, dataAttributes: O } = param;
-    const T = w(), a = e.useRef(o), i = e.useRef(!1);
+}), ie = /*#__PURE__*/ e.forwardRef((param, E)=>{
+    let { message: u, buttonText: r, buttonAccessibilityLabel: m, closeButtonLabel: I, duration: o, onClose: n = ()=>{}, type: c = "INFORMATIVE", withDismiss: f, dataAttributes: O } = param;
+    const d = M(), a = e.useRef(n), i = e.useRef(!1);
     return e.useEffect(()=>{
-        a.current = o;
+        a.current = n;
     }, [
-        o
+        n
     ]), e.useEffect(()=>{
-        T && !i.current && (i.current = !0, A({
-            message: m,
-            duration: n,
-            buttonText: t,
-            buttonAccessibilityLabel: f,
+        d && !i.current && (i.current = !0, A({
+            message: u,
+            duration: o,
+            buttonText: r,
+            buttonAccessibilityLabel: m,
             type: c,
-            withDismiss: d
-        }).then((I)=>{
-            const s = I;
+            withDismiss: f
+        }).then((p)=>{
+            const s = p;
             s != null && s.action && ne.includes(s.action) ? a.current({
                 action: s.action
             }) : a.current({
@@ -215,25 +205,25 @@ const ne = [
             i.current = !1;
         }));
     }, [
-        f,
-        p,
-        t,
-        n,
         m,
-        T,
+        I,
+        r,
+        o,
+        u,
+        d,
         c,
-        d
-    ]), T ? null : /* @__PURE__ */ r(ce, {
-        ref: g,
-        message: m,
-        duration: n,
-        buttonText: t,
-        buttonAccessibilityLabel: f,
-        closeButtonLabel: p,
+        f
+    ]), d ? null : /* @__PURE__ */ t(ae, {
+        ref: E,
+        message: u,
+        duration: o,
+        buttonText: r,
+        buttonAccessibilityLabel: m,
+        closeButtonLabel: I,
         type: c,
         onClose: a.current,
-        withDismiss: d,
+        withDismiss: f,
         dataAttributes: O
     });
-}), ge = ae;
-export { ge as default };
+}), Ee = ie;
+export { Ee as default };