@telefonica/mistica 14.28.1 → 14.30.0

package/dist-es/list.js

@@ -79,22 +79,22 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as t, jsxs as k } from "react/jsx-runtime";
 import * as P from "react";
-import a from "classnames";
-import { BaseTouchable as S } from "./touchable.js";
+import i from "classnames";
+import { BaseTouchable as T } from "./touchable.js";
 import { Text1 as ne, Text3 as re, Text2 as O } from "./text.js";
-import m from "./box.js";
+import u from "./box.js";
 import L from "./stack.js";
 import J from "./badge.js";
-import { useAriaId as ie } from "./hooks.js";
+import { useAriaId as ae } from "./hooks.js";
 import { useIsInverseVariant as p } from "./theme-variant-context.js";
-import ae from "./icons/icon-chevron.js";
+import ie from "./icons/icon-chevron.js";
 import oe from "./switch-component.js";
 import K, { useRadioContext as ce } from "./radio-button.js";
 import se from "./checkbox.js";
 import { Boxed as de } from "./boxed.js";
 import le from "./divider.js";
 import { getPrefixedDataAttributes as he } from "./utils/dom.js";
-import { rowContent as B, touchableBackground as R, touchableBackgroundInverse as C, pointer as V, dualActionContainer as Q, dualActionLeft as U, dualActionDivider as Z, content as ue, center as W, disabled as I, asset as me, rowBody as fe, right as ge, rightRestrictedWidth as ve, detail as be, detailRight as _, dualActionRight as xe, badge as we } from "./list.css-mistica.js";
+import { rowContent as B, touchableBackground as R, touchableBackgroundInverse as C, pointer as S, dualActionContainer as Q, dualActionLeft as U, dualActionDivider as Z, content as ue, center as M, disabled as I, asset as me, rowBody as fe, right as ge, rightRestrictedWidth as ve, detail as be, detailRight as _, dualActionRight as xe, badge as we } from "./list.css-mistica.js";
 import { vars as N } from "./skins/skin-contract.css-mistica.js";
 const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         centerY: n
@@ -106,45 +106,45 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         },
         children: e
     }) : e, ye = (param)=>{
-    let { withChevron: e , headline: n , title: r , titleLinesMax: o , subtitle: d , subtitleLinesMax: x , description: l , descriptionLinesMax: A , detail: c , asset: E , type: g = "basic" , badge: T , right: X , extra: D , labelId: h , disabled: v  } = param;
-    const u = p(), i = [
+    let { withChevron: e , headline: n , title: r , titleLinesMax: o , subtitle: s , subtitleLinesMax: x , description: d , descriptionLinesMax: W , detail: m , asset: V , type: g = "basic" , badge: A , right: E , extra: X , labelId: l , disabled: v  } = param;
+    const h = p(), a = [
         n,
         r,
+        s,
         d,
-        l,
-        D
-    ].filter(Boolean).length === 1, f = ()=>T ? /* @__PURE__ */ t(m, {
+        X
+    ].filter(Boolean).length === 1, f = ()=>A ? /* @__PURE__ */ t(u, {
             paddingLeft: 16,
             children: /* @__PURE__ */ t("div", {
-                className: a(W, we, {
+                className: i(M, we, {
                     [I]: v
                 }),
-                children: T === !0 ? /* @__PURE__ */ t(J, {}) : /* @__PURE__ */ t(J, {
-                    value: T
+                children: A === !0 ? /* @__PURE__ */ t(J, {}) : /* @__PURE__ */ t(J, {
+                    value: A
                 })
             })
         }) : null;
-    return /* @__PURE__ */ k(m, {
+    return /* @__PURE__ */ k(u, {
         paddingY: 16,
         className: ue,
         children: [
-            E && /* @__PURE__ */ t(m, {
+            V && /* @__PURE__ */ t(u, {
                 paddingRight: 16,
-                className: a({
-                    [W]: i,
+                className: i({
+                    [M]: a,
                     [I]: v
                 }),
                 children: /* @__PURE__ */ t("div", {
                     className: me,
-                    children: E
+                    children: V
                 })
             }),
             /* @__PURE__ */ t("div", {
-                className: a(fe, {
+                className: i(fe, {
                     [I]: v
                 }),
                 style: {
-                    justifyContent: i ? "center" : "flex-start"
+                    justifyContent: a ? "center" : "flex-start"
                 },
                 children: /* @__PURE__ */ k(L, {
                     space: 4,
@@ -162,25 +162,25 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                                     regular: !0,
                                     color: N.colors.textPrimary,
                                     truncate: o,
-                                    id: h,
+                                    id: l,
                                     hyphens: "auto",
                                     children: r
                                 }),
-                                d && /* @__PURE__ */ t(O, {
+                                s && /* @__PURE__ */ t(O, {
                                     regular: !0,
                                     color: N.colors.textSecondary,
                                     truncate: x,
                                     hyphens: "auto",
-                                    children: d
+                                    children: s
                                 }),
-                                l && /* @__PURE__ */ t(O, {
+                                d && /* @__PURE__ */ t(O, {
                                     regular: !0,
                                     color: N.colors.textSecondary,
-                                    truncate: A,
+                                    truncate: W,
                                     hyphens: "auto",
-                                    children: l
+                                    children: d
                                 }),
-                                D
+                                X
                             ]
                         })
                     ]
@@ -188,42 +188,42 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
             }),
             f(),
             /* @__PURE__ */ k("div", {
-                className: a({
-                    [ge]: !!c || g !== "basic",
-                    [ve]: !!c
+                className: i({
+                    [ge]: !!m || g !== "basic",
+                    [ve]: !!m
                 }),
                 children: [
-                    c && /* @__PURE__ */ t("div", {
-                        className: a(W, be, {
+                    m && /* @__PURE__ */ t("div", {
+                        className: i(M, be, {
                             [I]: v
                         }),
                         children: /* @__PURE__ */ t(O, {
                             regular: !0,
                             color: N.colors.textSecondary,
                             hyphens: "auto",
-                            children: c
+                            children: m
                         })
                     }),
                     g === "control" && /* @__PURE__ */ t("div", {
-                        className: a({
-                            [_]: !!c
+                        className: i({
+                            [_]: !!m
                         }),
-                        children: $(X, i)
+                        children: $(E, a)
                     }),
                     g === "custom" && /* @__PURE__ */ t("div", {
-                        className: a({
-                            [_]: !!c,
+                        className: i({
+                            [_]: !!m,
                             [I]: v
                         }),
-                        children: $(X, i)
+                        children: $(E, a)
                     }),
-                    (g === "chevron" || g === "custom" && e) && /* @__PURE__ */ t(m, {
-                        paddingLeft: c || g === "custom" ? 4 : 0,
-                        className: a(W, {
+                    (g === "chevron" || g === "custom" && e) && /* @__PURE__ */ t(u, {
+                        paddingLeft: m || g === "custom" ? 4 : 0,
+                        className: i(M, {
                             [I]: v
                         }),
-                        children: /* @__PURE__ */ t(ae, {
-                            color: u ? N.colors.inverse : N.colors.neutralMedium,
+                        children: /* @__PURE__ */ t(ie, {
+                            color: h ? N.colors.inverse : N.colors.neutralMedium,
                             direction: "right"
                         })
                     })
@@ -233,103 +233,103 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
     });
 }, Re = (param)=>{
     let { value: e , defaultValue: n , onChange: r  } = param;
-    const o = e !== void 0, [d, x] = P.useState(!!n), l = ()=>{
-        o || x(!d), r && r(o ? !e : !d);
+    const o = e !== void 0, [s, x] = P.useState(!!n), d = ()=>{
+        o || x(!s), r && r(o ? !e : !s);
     };
     return o ? [
         !!e,
-        l
+        d
     ] : [
-        d,
-        l
+        s,
+        d
     ];
 }, Ce = (e)=>e.switch !== void 0, Ne = (e)=>e.checkbox !== void 0, ke = (e)=>e.radioValue !== void 0, ee = /*#__PURE__*/ P.forwardRef((e, n)=>{
-    const r = ie(), o = p(), { asset: d , headline: x , title: l , titleLinesMax: A , subtitle: c , subtitleLinesMax: E , description: g , descriptionLinesMax: T , detail: X , badge: D , role: h , extra: v , dataAttributes: u  } = e, F = ce(), i = e.disabled || e.radioValue !== void 0 && F.disabled, f = !i && !o, w = !i && o, [Y, q] = Re(e.switch || e.checkbox || {}), y = (param)=>/* @__PURE__ */ {
-        let { type: s , right: b , labelId: M  } = param;
+    const r = ae(), o = p(), { asset: s , headline: x , title: d , titleLinesMax: W , subtitle: m , subtitleLinesMax: V , description: g , descriptionLinesMax: A , detail: E , badge: X , role: l , extra: v , dataAttributes: h  } = e, F = ce(), a = e.disabled || e.radioValue !== void 0 && F.disabled, f = !a && !o, w = !a && o, [Y, q] = Re(e.switch || e.checkbox || {}), y = (param)=>/* @__PURE__ */ {
+        let { type: c , right: b , labelId: D  } = param;
         return t(ye, {
-            asset: d,
+            asset: s,
             headline: x,
-            title: l,
-            subtitle: c,
+            title: d,
+            subtitle: m,
             description: g,
-            badge: D,
-            titleLinesMax: A,
-            subtitleLinesMax: E,
-            descriptionLinesMax: T,
-            detail: X,
-            type: s,
+            badge: X,
+            titleLinesMax: W,
+            subtitleLinesMax: V,
+            descriptionLinesMax: A,
+            detail: E,
+            type: c,
             right: b,
             extra: v,
-            labelId: M,
-            disabled: i,
+            labelId: D,
+            disabled: a,
             withChevron: !!e.onPress || !!e.href || !!e.to
         });
-    }, j = (s)=>{
+    }, j = (c)=>{
         let b = "chevron";
-        return s.right === null && (b = "basic"), s.right && (b = "custom"), /* @__PURE__ */ t(m, {
+        return c.right === null && (b = "basic"), c.right && (b = "custom"), /* @__PURE__ */ t(u, {
             paddingX: 16,
             ref: n,
             children: y({
                 type: b,
-                right: s.right
+                right: c.right
             })
         });
     };
-    if (e.onPress && !Ce(e) && !Ne(e) && !ke(e)) return /* @__PURE__ */ t(S, {
+    if (e.onPress && !Ce(e) && !Ne(e) && !ke(e)) return /* @__PURE__ */ t(T, {
         ref: n,
-        className: a(B, {
+        className: i(B, {
             [R]: f,
             [C]: w,
-            [V]: !i
+            [S]: !a
         }),
         trackingEvent: e.trackingEvent,
         onPress: e.onPress,
-        role: h,
-        dataAttributes: u,
-        disabled: i,
+        role: l,
+        dataAttributes: h,
+        disabled: a,
         children: j(e)
     });
-    if (e.to) return /* @__PURE__ */ t(S, {
-        className: a(B, {
+    if (e.to) return /* @__PURE__ */ t(T, {
+        className: i(B, {
             [R]: f,
             [C]: w,
-            [V]: !i
+            [S]: !a
         }),
         trackingEvent: e.trackingEvent,
         to: e.to,
         fullPageOnWebView: e.fullPageOnWebView,
-        role: h,
-        dataAttributes: u,
-        disabled: i,
+        role: l,
+        dataAttributes: h,
+        disabled: a,
         children: j(e)
     });
-    if (e.href) return /* @__PURE__ */ t(S, {
-        className: a(B, {
+    if (e.href) return /* @__PURE__ */ t(T, {
+        className: i(B, {
             [R]: f,
             [C]: w,
-            [V]: !i
+            [S]: !a
         }),
         trackingEvent: e.trackingEvent,
         href: e.href,
         newTab: e.newTab,
-        role: h,
-        dataAttributes: u,
-        disabled: i,
+        role: l,
+        dataAttributes: h,
+        disabled: a,
         children: j(e)
     });
-    const z = (s)=>{
-        var M, G;
+    const z = (c)=>{
+        var D, G;
         var _ref, _ref1;
-        const b = (_ref1 = (_ref = (M = e.switch) == null ? void 0 : M.name) !== null && _ref !== void 0 ? _ref : (G = e.checkbox) == null ? void 0 : G.name) !== null && _ref1 !== void 0 ? _ref1 : r;
+        const b = (_ref1 = (_ref = (D = e.switch) == null ? void 0 : D.name) !== null && _ref !== void 0 ? _ref : (G = e.checkbox) == null ? void 0 : G.name) !== null && _ref1 !== void 0 ? _ref1 : r;
         return e.onPress ? /* @__PURE__ */ k("div", {
             className: Q,
             children: [
-                /* @__PURE__ */ t(S, {
-                    dataAttributes: u,
-                    disabled: i,
+                /* @__PURE__ */ t(T, {
+                    dataAttributes: h,
+                    disabled: a,
                     onPress: e.onPress,
-                    role: h,
-                    className: a(U, {
+                    role: l,
+                    className: i(U, {
                         [R]: f,
                         [C]: w
                     }),
@@ -341,8 +341,8 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                 /* @__PURE__ */ t("div", {
                     className: Z
                 }),
-                /* @__PURE__ */ t(s, {
-                    disabled: i,
+                /* @__PURE__ */ t(c, {
+                    disabled: a,
                     name: b,
                     checked: Y,
                     "aria-labelledby": r,
@@ -357,22 +357,22 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                 })
             ]
         }) : /* @__PURE__ */ t("div", {
-            className: a(B, {
+            className: i(B, {
                 [R]: f,
                 [C]: w,
-                [V]: !i
+                [S]: !a
             }),
-            children: /* @__PURE__ */ t(s, {
-                disabled: i,
-                dataAttributes: u,
+            children: /* @__PURE__ */ t(c, {
+                disabled: a,
+                dataAttributes: h,
                 name: b,
                 checked: Y,
                 onChange: q,
                 render: (param)=>/* @__PURE__ */ {
                     let { controlElement: H , labelId: te  } = param;
-                    return t(m, {
+                    return t(u, {
                         paddingX: 16,
-                        role: h,
+                        role: l,
                         children: y({
                             labelId: te,
                             type: "control",
@@ -389,11 +389,11 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
     return e.switch ? z(oe) : e.checkbox ? z(se) : e.radioValue ? e.onPress ? /* @__PURE__ */ k("div", {
         className: Q,
         children: [
-            /* @__PURE__ */ t(S, {
-                disabled: i,
+            /* @__PURE__ */ t(T, {
+                disabled: a,
                 onPress: e.onPress,
-                role: h,
-                className: a(U, {
+                role: l,
+                className: i(U, {
                     [R]: f,
                     [C]: w
                 }),
@@ -406,53 +406,53 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                 className: Z
             }),
             /* @__PURE__ */ t(K, {
-                dataAttributes: u,
+                dataAttributes: h,
                 value: e.radioValue,
                 "aria-labelledby": r,
                 render: (param)=>/* @__PURE__ */ {
-                    let { controlElement: s  } = param;
+                    let { controlElement: c  } = param;
                     return t(L, {
                         space: "around",
-                        children: /* @__PURE__ */ t(m, {
+                        children: /* @__PURE__ */ t(u, {
                             paddingX: 16,
-                            children: s
+                            children: c
                         })
                     });
                 }
             })
         ]
     }) : /* @__PURE__ */ t("div", {
-        className: a(B, {
+        className: i(B, {
             [R]: f,
             [C]: w,
-            [V]: !i
+            [S]: !a
         }),
-        role: h,
+        role: l,
         ref: n,
         children: /* @__PURE__ */ t(K, {
-            dataAttributes: u,
+            dataAttributes: h,
             value: e.radioValue,
             "aria-labelledby": r,
             render: (param)=>/* @__PURE__ */ {
-                let { controlElement: s  } = param;
-                return t(m, {
+                let { controlElement: c  } = param;
+                return t(u, {
                     paddingX: 16,
                     children: y({
                         labelId: r,
                         type: "control",
                         right: ()=>/* @__PURE__ */ t(L, {
                                 space: "around",
-                                children: s
+                                children: c
                             })
                     })
                 });
             }
         })
-    }) : /* @__PURE__ */ t(m, {
+    }) : /* @__PURE__ */ t(u, {
         paddingX: 16,
         className: B,
-        role: h,
-        dataAttributes: u,
+        role: l,
+        dataAttributes: h,
         children: e.right ? y({
             type: "custom",
             right: e.right
@@ -471,21 +471,21 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         }, e)
     }));
 }), ze = (param)=>{
-    let { children: e , ariaLabelledby: n , role: r , dataAttributes: o , noLastDivider: d  } = param;
-    const x = P.Children.count(e) - 1, l = !d;
+    let { children: e , ariaLabelledby: n , role: r , dataAttributes: o  } = param;
+    const s = P.Children.count(e) - 1;
     return /* @__PURE__ */ t("div", _object_spread_props(_object_spread({
         role: r,
         "aria-labelledby": n
     }, he(o, "RowList")), {
-        children: P.Children.toArray(e).filter(Boolean).map((A, c)=>/* @__PURE__ */ k(P.Fragment, {
+        children: P.Children.toArray(e).filter(Boolean).map((x, d)=>/* @__PURE__ */ k(P.Fragment, {
                 children: [
-                    A,
-                    (c < x || l) && /* @__PURE__ */ t(m, {
+                    x,
+                    d < s && /* @__PURE__ */ t(u, {
                         paddingX: 16,
                         children: /* @__PURE__ */ t(le, {})
                     })
                 ]
-            }, c))
+            }, d))
     }));
 }, Ge = /*#__PURE__*/ P.forwardRef((_param, r)=>/* @__PURE__ */ {
     var { dataAttributes: e  } = _param, n = _object_without_properties(_param, [

package/dist-es/loading-bar.js

@@ -52,34 +52,35 @@ function _object_spread_props(target, source) {
 }
 import { jsx as e } from "react/jsx-runtime";
 import { CSSTransition as i } from "react-transition-group";
-import { Portal as o } from "./portal.js";
-import { TRANSITION_DURATION_MS as a, enter as n, enterActive as s, exit as m, exitActive as c, portal as d, progressContainer as l, progress as p, innerProgress as x } from "./loading-bar.css-mistica.js";
-import { getPrefixedDataAttributes as N } from "./utils/dom.js";
-const f = (param)=>/* @__PURE__ */ {
+import { Portal as n } from "./portal.js";
+import { TRANSITION_DURATION_MS as o, enter as a, enterActive as s, exit as m, exitActive as c, portal as d, progressContainer as l, progress as p, innerProgress as f } from "./loading-bar.css-mistica.js";
+import { getPrefixedDataAttributes as g } from "./utils/dom.js";
+import { isRunningAcceptanceTest as u } from "./utils/platform.js";
+const x = (param)=>/* @__PURE__ */ {
     let { visible: r , dataAttributes: t  } = param;
     return e(i, {
         in: r,
-        timeout: a,
+        timeout: u() ? 0 : o,
         classNames: {
-            enter: n,
+            enter: a,
             enterActive: s,
             exit: m,
             exitActive: c
         },
         unmountOnExit: !0,
-        children: /* @__PURE__ */ e(o, {
+        children: /* @__PURE__ */ e(n, {
             className: d,
             children: /* @__PURE__ */ e("div", _object_spread_props(_object_spread({
                 className: l
-            }, N(t, "LoadingBar")), {
+            }, g(t, "LoadingBar")), {
                 children: /* @__PURE__ */ e("div", {
                     className: p,
                     children: /* @__PURE__ */ e("div", {
-                        className: x
+                        className: f
                     })
                 })
             }))
         })
     });
-}, S = f;
-export { S as default };
+}, B = x;
+export { B as default };

package/dist-es/menu.js

@@ -69,18 +69,19 @@ import Oe from "./divider.js";
 import Te from "./checkbox.js";
 import { CSSTransition as Se } from "react-transition-group";
 import { combineRefs as Ce } from "./utils/common.js";
-const Ee = 120, Q = /*#__PURE__*/ o.createContext({
+import { isRunningAcceptanceTest as Ee } from "./utils/platform.js";
+const ke = 120, Q = /*#__PURE__*/ o.createContext({
     focusedItem: null,
     isMenuOpen: !1,
     setFocusedItem: ()=>{},
     closeMenu: ()=>{}
-}), ke = ()=>o.useContext(Q), D = (r)=>r ? Array.from(r.querySelectorAll("[role=menuitem],[role=menuitemcheckbox]")) : [], Ne = (r, d)=>{
+}), Ne = ()=>o.useContext(Q), D = (r)=>r ? Array.from(r.querySelectorAll("[role=menuitem],[role=menuitemcheckbox]")) : [], Re = (r, d)=>{
     if (!d) return null;
     const f = D(r).indexOf(d);
     return f < 0 ? null : f;
-}, je = (param)=>{
+}, qe = (param)=>{
     let { label: r , Icon: d , destructive: f , disabled: u , onPress: E , controlType: s , checked: p  } = param;
-    const { focusedItem: n , setFocusedItem: v , closeMenu: i , isMenuOpen: k  } = ke(), c = o.useRef(null), h = f ? q.colors.textLinkDanger : q.colors.neutralHigh, x = c == null ? void 0 : c.current, M = (x == null ? void 0 : x.closest("[role=menu]")) || null, m = Ne(M, x), l = ()=>s === "checkbox" ? /* @__PURE__ */ e(Te, {
+    const { focusedItem: n , setFocusedItem: v , closeMenu: i , isMenuOpen: k  } = Ne(), c = o.useRef(null), h = f ? q.colors.textLinkDanger : q.colors.neutralHigh, x = c == null ? void 0 : c.current, M = (x == null ? void 0 : x.closest("[role=menu]")) || null, m = Re(M, x), l = ()=>s === "checkbox" ? /* @__PURE__ */ e(Te, {
             ref: c,
             name: r,
             checked: p,
@@ -162,7 +163,7 @@ const Ee = 120, Q = /*#__PURE__*/ o.createContext({
         onMouseLeave: ()=>v(null),
         children: l()
     });
-}, Xe = (param)=>{
+}, Ve = (param)=>{
     let { children: r  } = param;
     return r ? /* @__PURE__ */ C(U, {
         children: [
@@ -174,7 +175,7 @@ const Ee = 120, Q = /*#__PURE__*/ o.createContext({
             })
         ]
     }) : /* @__PURE__ */ e(U, {});
-}, V = 12, J = 8, qe = (param)=>{
+}, V = 12, J = 8, Je = (param)=>{
     let { renderTarget: r , renderMenu: d , width: f , position: u = "left" , dataAttributes: E  } = param;
     const [s, p] = o.useState(!1), [n, v] = o.useState(null), [i, k] = o.useState(null), [c, h] = o.useState(null), [x, M] = o.useState(!1), m = o.useRef(null), [l, N] = o.useState(null), R = xe();
     o.useEffect(()=>{
@@ -290,7 +291,7 @@ const Ee = 120, Q = /*#__PURE__*/ o.createContext({
                 children: /* @__PURE__ */ e(Se, {
                     in: s,
                     nodeRef: m,
-                    timeout: Ee,
+                    timeout: Ee() ? 0 : ke,
                     classNames: he,
                     mountOnEnter: !0,
                     unmountOnExit: !0,
@@ -331,4 +332,4 @@ const Ee = 120, Q = /*#__PURE__*/ o.createContext({
         ]
     }));
 };
-export { qe as Menu, je as MenuItem, Xe as MenuSection };
+export { Je as Menu, qe as MenuItem, Ve as MenuSection };