@telefonica/mistica 14.45.0 → 14.46.0

package/dist-es/carousel.js

@@ -183,9 +183,9 @@ const ve = (e, t)=>{
     for(let r = 0; r < t.length; r++)r === 0 ? s.push(t[0]) : s.push((t[r] + t[r - 1]) / 2);
     for(let r = s.length - 1; r >= 0; r--)if (e - s[r] >= -1) return r;
     return 0;
-}, Me = 5e3, Se = (param)=>{
-    let { items: e, itemStyle: t, itemClassName: s, withBullets: r, renderBullets: d, initialActiveItem: h, itemsPerPage: w, itemsToScroll: i, mobilePageOffset: u, gap: C, free: b, centered: k, autoplay: x, onPageChange: y, dataAttributes: W } = param;
-    const { texts: I, platformOverrides: N, skinName: H } = he(), J = bt(), a = vt(J || "large", w), { isDesktopOrBigger: E, isTablet: A } = de(), j = A ? a.tablet : a.mobile, P = Math.max(Math.floor(E ? a.desktop : j), 1), l = o.useRef(null), m = Math.ceil(e.length / Math.max(Math.floor(a.mobile), 1)), v = Math.ceil(e.length / Math.max(Math.floor(a.tablet), 1)), M = Math.ceil(e.length / Math.max(Math.floor(a.desktop), 1)), R = Math.ceil(e.length / P), [{ scrollLeft: D, scrollRight: G }, Ee] = o.useState({
+}, Me = 5e3, Ne = (param)=>{
+    let { items: e, itemStyle: t, itemClassName: s, withBullets: r, renderBullets: d, initialActiveItem: h, itemsPerPage: w, itemsToScroll: i, mobilePageOffset: u, gap: C, free: b, centered: S, autoplay: x, onPageChange: y, dataAttributes: W } = param;
+    const { texts: I, platformOverrides: k, skinName: H } = he(), J = bt(), a = vt(J || "large", w), { isDesktopOrBigger: E, isTablet: A } = de(), j = A ? a.tablet : a.mobile, P = Math.max(Math.floor(E ? a.desktop : j), 1), l = o.useRef(null), m = Math.ceil(e.length / Math.max(Math.floor(a.mobile), 1)), v = Math.ceil(e.length / Math.max(Math.floor(a.tablet), 1)), M = Math.ceil(e.length / Math.max(Math.floor(a.desktop), 1)), R = Math.ceil(e.length / P), [{ scrollLeft: D, scrollRight: G }, Ee] = o.useState({
         scrollLeft: 0,
         scrollRight: 0
     }), [Q, Re] = o.useState([]), F = o.useMemo(()=>ie(Q, R), [
@@ -204,7 +204,7 @@ const ve = (e, t)=>{
                 const Y = c.scrollWidth - c.clientWidth;
                 Re(Array.from(c.querySelectorAll("[data-item]")).map((V, q)=>{
                     if (q === e.length - 1) return Y;
-                    const Z = V.offsetLeft, We = parseInt(getComputedStyle(V).scrollMargin), Ae = k && !E ? Z - V.clientWidth / 2 : Z;
+                    const Z = V.offsetLeft, We = parseInt(getComputedStyle(V).scrollMargin), Ae = S && !E ? Z - V.clientWidth / 2 : Z;
                     return Math.min(Ae - We - c.offsetLeft, Y);
                 }));
             };
@@ -223,7 +223,7 @@ const ve = (e, t)=>{
         a.mobile,
         R,
         C,
-        k,
+        S,
         E,
         e.length
     ]);
@@ -287,35 +287,35 @@ const ve = (e, t)=>{
         G,
         le
     ]);
-    const S = xt(D, F), ne = o.useRef(!h), ce = o.useRef(0);
+    const N = xt(D, F), ne = o.useRef(!h), ce = o.useRef(0);
     o.useEffect(()=>{
         if (y) {
-            const c = Math.min((S + 1) * P - 1, e.length - 1), f = [];
+            const c = Math.min((N + 1) * P - 1, e.length - 1), f = [];
             for(let p = 0; p < P; p++){
                 const g = c - p;
                 g >= 0 && f.unshift(g);
             }
-            ne.current ? ce.current !== S && y({
-                pageIndex: S,
+            ne.current ? ce.current !== N && y({
+                pageIndex: N,
                 shownItemIndexes: f
-            }) : ne.current = f.includes(h || 0), ce.current = S;
+            }) : ne.current = f.includes(h || 0), ce.current = N;
         }
     }, [
-        S,
+        N,
         e.length,
         P,
         h,
         y
     ]);
     const T = o.useContext(re), ee = o.useMemo(()=>({
-            currentIndex: S,
+            currentIndex: N,
             numPages: {
                 mobile: m,
                 tablet: v,
                 desktop: M
             }
         }), [
-        S,
+        N,
         M,
         m,
         v
@@ -332,7 +332,7 @@ const ve = (e, t)=>{
     let U = null;
     d ? U = d({
         numPages: R,
-        currentIndex: S,
+        currentIndex: N,
         onPress: B
     }) : r && (U = /* @__PURE__ */ n(xe, _object_spread_props(_object_spread({}, ee), {
         onPress: B
@@ -357,7 +357,7 @@ const ve = (e, t)=>{
                     }),
                     /* @__PURE__ */ n("div", {
                         className: $(lt, {
-                            [nt]: k,
+                            [nt]: S,
                             [ct]: m > 1,
                             [at]: v > 1
                         }),
@@ -378,13 +378,13 @@ const ve = (e, t)=>{
                             // the bottom of the scrollable area in retina displays when it has a height with
                             // decimals. This extra padding avoids that line to partially cover the carousel
                             // slides border:
-                            paddingBottom: ze(N) && !_e(N) ? 0.5 : void 0
+                            paddingBottom: ze(k) && !_e(k) ? 0.5 : void 0
                         }),
                         ref: l,
                         children: e.map((c, f)=>/* @__PURE__ */ n("div", {
                                 className: $(it, s),
                                 style: _object_spread_props(_object_spread({}, t), {
-                                    scrollSnapStop: be(N) ? "always" : "normal"
+                                    scrollSnapStop: be(k) ? "always" : "normal"
                                 }),
                                 "data-item": !0,
                                 children: c
@@ -412,7 +412,7 @@ const ve = (e, t)=>{
             })
         ]
     }));
-}, ke = ()=>{
+}, Se = ()=>{
     const [e, t] = o.useState(1);
     return o.useEffect(()=>{
         const s = ()=>{
@@ -423,14 +423,14 @@ const ve = (e, t)=>{
         };
     }, []), e;
 }, _t = (e)=>{
-    const t = ke();
-    return /* @__PURE__ */ /*#__PURE__*/ De(Se, _object_spread_props(_object_spread({}, e), {
+    const t = Se();
+    return /* @__PURE__ */ /*#__PURE__*/ De(Ne, _object_spread_props(_object_spread({}, e), {
         key: t
     }));
 }, jt = (param)=>{
     let { items: e, itemStyle: t, itemClassName: s, withBullets: r, renderBullets: d, initialActiveItem: h, onPageChange: w, dataAttributes: i } = param;
-    const u = ke();
-    return /* @__PURE__ */ n(Se, {
+    const u = Se();
+    return /* @__PURE__ */ n(Ne, {
         items: e,
         itemStyle: t,
         itemClassName: s,
@@ -448,15 +448,15 @@ const ve = (e, t)=>{
         onPageChange: w,
         dataAttributes: i
     }, u);
-}, Ne = /*#__PURE__*/ o.createContext(!1), Ft = ()=>o.useContext(Ne), Ct = (param)=>{
+}, ke = /*#__PURE__*/ o.createContext(!1), Ft = ()=>o.useContext(ke), Ct = (param)=>{
     let { children: e } = param;
-    return /* @__PURE__ */ n(Ne.Provider, {
+    return /* @__PURE__ */ n(ke.Provider, {
         value: !0,
         children: e
     });
 }, Kt = (param)=>{
     let { items: e, withBullets: t, autoplay: s, initialPageIndex: r = 0, onPageChange: d, dataAttributes: h, inverseBullets: w = !0 } = param;
-    const { texts: i, platformOverrides: u } = he(), C = o.useContext(re), b = o.useRef(null), [{ scrollLeft: k, scrollRight: x }, y] = o.useState({
+    const { texts: i, platformOverrides: u } = he(), C = o.useContext(re), b = o.useRef(null), [{ scrollLeft: S, scrollRight: x }, y] = o.useState({
         scrollLeft: 0,
         scrollRight: 0
     }), W = o.useCallback(()=>{
@@ -471,7 +471,7 @@ const ve = (e, t)=>{
             left: l.clientWidth,
             behavior: "smooth"
         });
-    }, []), N = o.useCallback(function(l) {
+    }, []), k = o.useCallback(function(l) {
         let m = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
         const v = b.current;
         v && v.scrollTo({
@@ -480,7 +480,7 @@ const ve = (e, t)=>{
         });
     }, [
         b
-    ]), H = x !== 0, J = k !== 0, a = b.current ? Math.floor((k + b.current.clientWidth / 2) / b.current.clientWidth) : 0;
+    ]), H = x !== 0, J = S !== 0, a = b.current ? Math.floor((S + b.current.clientWidth / 2) / b.current.clientWidth) : 0;
     o.useLayoutEffect(()=>{
         const l = b.current;
         if (l) {
@@ -541,13 +541,13 @@ const ve = (e, t)=>{
         e.length
     ]);
     return o.useEffect(()=>{
-        C && (C.setGoPrev(W), C.setGoNext(I), C.setGoToPage(N), C.setBulletsProps(P));
+        C && (C.setGoPrev(W), C.setGoNext(I), C.setGoToPage(k), C.setBulletsProps(P));
     }, [
         C,
         I,
         W,
         P,
-        N
+        k
     ]), /* @__PURE__ */ n(Ct, {
         children: /* @__PURE__ */ te("div", _object_spread_props(_object_spread({
             className: qe

package/dist-es/checkbox.js

@@ -51,11 +51,11 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsx as a, jsxs as A } from "react/jsx-runtime";
+import { jsx as a, jsxs as N } from "react/jsx-runtime";
 import * as m from "react";
-import { SPACE as D } from "./utils/keys.js";
-import { useControlProps as L } from "./form-context.js";
-import N from "./inline.js";
+import { SPACE as A } from "./utils/keys.js";
+import { useControlProps as D } from "./form-context.js";
+import L from "./inline.js";
 import { Text3 as f } from "./text.js";
 import { useAriaId as P, useTheme as R } from "./hooks.js";
 import n from "classnames";
@@ -95,7 +95,7 @@ const B = (param)=>{
         children: o
     });
 }, K = /*#__PURE__*/ m.forwardRef((e, c)=>{
-    const l = P(e["aria-labelledby"]), o = e["aria-label"], C = o || e["aria-labelledby"], { defaultValue: g, value: t, onChange: s, focusableRef: w, disabled: i } = L({
+    const l = P(e["aria-labelledby"]), o = e["aria-label"], C = o || e["aria-labelledby"], { defaultValue: g, value: t, onChange: s, focusableRef: w, disabled: i } = D({
         name: e.name,
         value: e.checked,
         defaultValue: e.defaultChecked,
@@ -104,7 +104,7 @@ const B = (param)=>{
     }), [r, y] = m.useState(!!g), h = ()=>{
         t === void 0 ? (y(!r), s(!r)) : s(!t);
     }, I = (d)=>{
-        d.key === D && (d.preventDefault(), d.stopPropagation(), h());
+        d.key === A && (d.preventDefault(), d.stopPropagation(), h());
     }, b = /* @__PURE__ */ a(B, {
         disabled: i,
         isChecked: t !== null && t !== void 0 ? t : r
@@ -131,7 +131,7 @@ const B = (param)=>{
             labelId: l,
             checked: t !== null && t !== void 0 ? t : r,
             disabled: !!i
-        }) : /* @__PURE__ */ A(N, {
+        }) : /* @__PURE__ */ N(L, {
             space: 16,
             children: [
                 /* @__PURE__ */ a(f, {

package/dist-es/chip.js

@@ -51,22 +51,21 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsxs as f, Fragment as b, jsx as e } from "react/jsx-runtime";
-import E from "classnames";
-import { useTheme as N } from "./hooks.js";
-import k from "./badge.js";
+import { jsxs as g, Fragment as k, jsx as t } from "react/jsx-runtime";
+import B from "classnames";
+import { useTheme as V } from "./hooks.js";
+import A from "./badge.js";
 import i from "./box.js";
-import { Text2 as V } from "./text.js";
-import y from "./icon-button.js";
+import { Text2 as y } from "./text.js";
 import j from "./generated/mistica-icons/icon-close-regular.js";
-import { pxToRem as z } from "./utils/css.js";
-import { iconActive as D, icon as L, chipVariants as n, button as M, chipInteractiveVariants as O } from "./chip.css-mistica.js";
-import { vars as W } from "./skins/skin-contract.css-mistica.js";
-import { getPrefixedDataAttributes as A } from "./utils/dom.js";
-import { useThemeVariant as F } from "./theme-variant-context.js";
-import { BaseTouchable as g } from "./touchable.js";
-const $ = (t)=>{
-    const { Icon: c, children: C, id: x, dataAttributes: s, active: l, badge: r, onClose: d } = t, { texts: p, isDarkMode: P, textPresets: I } = N(), m = F() === "alternative", u = c ? {
+import { pxToRem as c } from "./utils/css.js";
+import { iconActive as D, icon as z, chipVariants as n, button as L, chipInteractiveVariants as M } from "./chip.css-mistica.js";
+import { vars as O } from "./skins/skin-contract.css-mistica.js";
+import { getPrefixedDataAttributes as C } from "./utils/dom.js";
+import { useThemeVariant as W } from "./theme-variant-context.js";
+import F, { BaseTouchable as v } from "./touchable.js";
+const $ = (e)=>{
+    const { Icon: l, children: x, id: P, dataAttributes: s, active: d, badge: r, onClose: m } = e, { texts: p, isDarkMode: T, textPresets: w } = V(), h = W() === "alternative", u = l ? {
         mobile: 16,
         desktop: 8
     } : {
@@ -75,97 +74,98 @@ const $ = (t)=>{
     }, R = {
         mobile: 20,
         desktop: 12
-    }, v = {
+    }, b = {
         mobile: 16,
         desktop: 8
-    }, T = ()=>r ? /* @__PURE__ */ e(b, {
-            children: r === !0 ? /* @__PURE__ */ e(k, {}) : /* @__PURE__ */ e(k, {
+    }, E = ()=>r ? /* @__PURE__ */ t(k, {
+            children: r === !0 ? /* @__PURE__ */ t(A, {}) : /* @__PURE__ */ t(A, {
                 value: r
             })
-        }) : null, h = /* @__PURE__ */ f(b, {
+        }) : null, f = /* @__PURE__ */ g(k, {
         children: [
-            c && /* @__PURE__ */ e(i, {
+            l && /* @__PURE__ */ t(i, {
                 paddingRight: 4,
-                className: l ? D : L,
-                children: /* @__PURE__ */ e(c, {
+                className: d ? D : z,
+                children: /* @__PURE__ */ t(l, {
                     color: "currentColor",
-                    size: z(16)
+                    size: c(16)
                 })
             }),
-            /* @__PURE__ */ e(i, {
-                paddingRight: r ? 8 : d ? 4 : 0,
-                children: /* @__PURE__ */ e(V, {
-                    id: x,
-                    weight: I.indicator.weight,
+            /* @__PURE__ */ t(i, {
+                paddingRight: r ? 8 : m ? 4 : 0,
+                children: /* @__PURE__ */ t(y, {
+                    id: P,
+                    weight: w.indicator.weight,
                     truncate: 1,
                     color: "currentColor",
-                    children: C
+                    children: x
                 })
             })
         ]
     });
-    if (r) return /* @__PURE__ */ f(i, _object_spread_props(_object_spread({
-        className: m ? n.overAlternative : n.default,
+    if (r) return /* @__PURE__ */ g(i, _object_spread_props(_object_spread({
+        className: h ? n.overAlternative : n.default,
         paddingLeft: u,
-        paddingRight: v
-    }, A(s, "Chip")), {
+        paddingRight: b
+    }, C(s, "Chip")), {
         children: [
-            h,
-            T()
+            f,
+            E()
         ]
     }));
-    if (d) return /* @__PURE__ */ f(i, _object_spread_props(_object_spread({
-        className: m ? n.overAlternative : n.default,
+    if (m) return /* @__PURE__ */ g(i, _object_spread_props(_object_spread({
+        className: h ? n.overAlternative : n.default,
         paddingLeft: u,
-        paddingRight: v
-    }, A(s, "Chip")), {
+        paddingRight: b
+    }, C(s, "Chip")), {
         children: [
-            h,
-            /* @__PURE__ */ e(y, {
-                size: 24,
+            f,
+            /* @__PURE__ */ t(F, {
                 style: {
                     display: "flex",
                     justifyContent: "center",
-                    alignItems: "center"
+                    alignItems: "center",
+                    width: c(24),
+                    height: c(24)
                 },
                 "aria-label": p.closeButtonLabel,
-                onPress: ()=>d(),
-                children: /* @__PURE__ */ e(j, {
-                    size: 16,
-                    color: W.colors.neutralMedium
+                onPress: ()=>m(),
+                children: /* @__PURE__ */ t(j, {
+                    size: c(16),
+                    color: O.colors.neutralMedium
                 })
             })
         ]
     }));
-    const w = l !== void 0 || t.href || t.onPress || t.to, a = _object_spread({
+    const I = d !== void 0 || e.href || e.onPress || e.to, a = _object_spread({
         "component-name": "Chip"
-    }, s), o = (B)=>/* @__PURE__ */ e(i, {
-            className: E(n[l ? "active" : m ? "overAlternative" : "default"], {
-                [O[P ? "dark" : "light"]]: w
+    }, s), o = (N)=>/* @__PURE__ */ t(i, {
+            className: B(n[d ? "active" : h ? "overAlternative" : "default"], {
+                [M[T ? "dark" : "light"]]: I
             }),
             paddingLeft: u,
             paddingRight: R,
-            dataAttributes: B,
-            children: h
+            dataAttributes: N,
+            children: f
         });
-    return t.onPress ? /* @__PURE__ */ e(g, {
-        className: M,
-        trackingEvent: t.trackingEvent,
-        onPress: t.onPress,
+    return e.onPress ? /* @__PURE__ */ t(v, {
+        className: L,
+        trackingEvent: e.trackingEvent,
+        onPress: e.onPress,
         dataAttributes: a,
         children: o()
-    }) : t.to ? /* @__PURE__ */ e(g, {
-        trackingEvent: t.trackingEvent,
-        to: t.to,
-        fullPageOnWebView: t.fullPageOnWebView,
+    }) : e.to ? /* @__PURE__ */ t(v, {
+        trackingEvent: e.trackingEvent,
+        to: e.to,
+        fullPageOnWebView: e.fullPageOnWebView,
         dataAttributes: a,
         children: o()
-    }) : t.href ? /* @__PURE__ */ e(g, {
-        trackingEvent: t.trackingEvent,
-        href: t.href,
-        newTab: t.newTab,
+    }) : e.href ? /* @__PURE__ */ t(v, {
+        trackingEvent: e.trackingEvent,
+        href: e.href,
+        newTab: e.newTab,
         dataAttributes: a,
         children: o()
     }) : o(a);
-}, rt = $;
-export { rt as default };
+}, te = $;
+export { te as default };

package/dist-es/community/advanced-data-card.css-mistica.js

@@ -1,7 +1,10 @@
 import "../sprinkles.css.ts.vanilla.css-mistica.js";
+import "../icon-button.css.ts.vanilla.css-mistica.js";
 import "./advanced-data-card.css.ts.vanilla.css-mistica.js";
-var _ = "_1x00fru3 _1x00fru1 _1y2v1nf98 _1y2v1nfah _1y2v1nfgi _1y2v1nfh4 _1y2v1nfgu _1y2v1nf85", n = {
+var v = "_1x00fru3 _1x00fru1 _1y2v1nf98 _1y2v1nfah _1y2v1nfgi _1y2v1nfh4 _1y2v1nfgu _1y2v1nf85", _ = {
     default: "_1x00fruk",
     mobile: "_1x00frul"
-}, v = "_1x00frur", a = "_1x00frun", u = "_1x00fruo _1x00frun", t = "_1x00fru9 _1x00fru1 _1y2v1nf98 _1y2v1nfah _1y2v1nf6k _1y2v1nf85", i = "_1x00frud _1y2v1nfgc _1y2v1nfgi _1y2v1nfh4 _1y2v1nfgo _1y2v1nfh5 _1y2v1nfhm _1x00frub", x = "_1x00frui", y = "_1x00fruq _1y2v1nfgi _1y2v1nfgn", o = "_1y2v1nfgi _1y2v1nfh4 _1y2v1nfgx _1y2v1nfir", e = "_1x00frum", g = "_1x00frus", h = "_1x00frub", d = "_1x00fru1 _1y2v1nf98 _1y2v1nfah", b = "_1x00fru4", l = "_1x00fru7", c = "_1x00fru5", m = "_1x00frua";
-export { _ as actions, n as actionsVariants, v as adjustButtonLink, a as button, u as buttonMobile, t as cardContentStyle, i as dataCard, x as divider, y as footerDirection, o as footerText, e as marginRightAuto, g as marginRightButton, h as minHeight, d as paddingX, b as touchableArea, l as touchableCardOverlay, c as touchableContainer, m as zindex };
+}, a = "_1x00frur", t = "_1x00frun", u = "_1x00fruo _1x00frun", o = "_1x00fru9 _1x00fru1 _1y2v1nf98 _1y2v1nfah _1y2v1nf6k _1y2v1nf85", i = "_1x00frud _1y2v1nfgc _1y2v1nfgi _1y2v1nfh4 _1y2v1nfgo _1y2v1nfh5 _1y2v1nfhm _1x00frub", x = "_1x00frui", y = "_1x00fruq _1y2v1nfgi _1y2v1nfgn", e = "_1y2v1nfgi _1y2v1nfh4 _1y2v1nfgx _1y2v1nfir", g = "_1x00frum", h = "_1x00frus", d = "_1x00frub", c = "_1x00fru1 _1y2v1nf98 _1y2v1nfah", b = "_1x00fruu", l = "_1x00fru4", m = "_1x00fru7", s = "_1x00fru5", p = {
+    topActionsCount: "var(--_1x00frut)"
+}, C = "_1x00frua";
+export { v as actions, _ as actionsVariants, a as adjustButtonLink, t as button, u as buttonMobile, o as cardContentStyle, i as dataCard, x as divider, y as footerDirection, e as footerText, g as marginRightAuto, h as marginRightButton, d as minHeight, c as paddingX, b as topActionsWithoutIcon, l as touchableArea, m as touchableCardOverlay, s as touchableContainer, p as vars, C as zindex };