@telefonica/mistica 14.31.0 → 14.32.0

package/dist-es/carousel.js

@@ -54,31 +54,31 @@ import { jsx as s, jsxs as G } from "react/jsx-runtime";
 import * as n from "react";
 import te from "./generated/mistica-icons/icon-chevron-left-regular.js";
 import se from "./generated/mistica-icons/icon-chevron-right-regular.js";
-import { useScreenSize as oe, useTheme as re, useIsInViewport as xe, useIsomorphicLayoutEffect as we } from "./hooks.js";
-import Se from "./inline.js";
-import ke from "./stack.js";
+import { useScreenSize as oe, useTheme as re, useIsInViewport as xe } from "./hooks.js";
+import we from "./inline.js";
+import Se from "./stack.js";
 import { BaseTouchable as E } from "./touchable.js";
 import Z from "classnames";
-import { useIsInverseVariant as Ne, ThemeVariant as B } from "./theme-variant-context.js";
-import { MediaBorderRadiusProvider as Le } from "./image.js";
+import { useIsInverseVariant as ke, ThemeVariant as B } from "./theme-variant-context.js";
+import { MediaBorderRadiusProvider as Ne } from "./image.js";
 import { listenResize as le, getPrefixedDataAttributes as Ce } from "./utils/dom.js";
-import { isAndroid as ne, isIos as Re, isRunningAcceptanceTest as Ae } from "./utils/platform.js";
-import { useDocumentVisibility as Me } from "./utils/document-visibility.js";
-import { slideshowContainer as Be, slideshowPrevArrowButton as Ee, slideshow as Te, slideshowItem as ye, slideshowNextArrowButton as We, slideshowBullets as Oe, bulletActiveInverse as De, bulletInverse as Ve, bulletActive as ze, bullet as _e, carouselContainer as je, carouselPrevArrowButton as Fe, carousel as Ue, centeredCarousel as qe, carouselWithScroll as Ke, vars as C, carouselItem as Ye, carouselNextArrowButton as Ge, carouselBullets as He } from "./carousel.css-mistica.js";
-import { assignInlineVars as Je } from "@vanilla-extract/dynamic";
-import { sprinkles as Qe } from "./sprinkles.css-mistica.js";
-import { useDesktopContainerType as Xe } from "./desktop-container-type-context.js";
-import { VIVO_NEW_SKIN as Ze } from "./skins/constants.js";
+import { isAndroid as ne, isIos as Le, isRunningAcceptanceTest as Re } from "./utils/platform.js";
+import { useDocumentVisibility as Ae } from "./utils/document-visibility.js";
+import { slideshowContainer as Me, slideshowPrevArrowButton as Be, slideshow as Ee, slideshowItem as Te, slideshowNextArrowButton as ye, slideshowBullets as We, bulletActiveInverse as Oe, bulletInverse as De, bulletActive as Ve, bullet as ze, carouselContainer as _e, carouselPrevArrowButton as je, carousel as Fe, centeredCarousel as Ue, carouselWithScroll as qe, vars as L, carouselItem as Ke, carouselNextArrowButton as Ye, carouselBullets as Ge } from "./carousel.css-mistica.js";
+import { assignInlineVars as He } from "@vanilla-extract/dynamic";
+import { sprinkles as Je } from "./sprinkles.css-mistica.js";
+import { useDesktopContainerType as Qe } from "./desktop-container-type-context.js";
+import { VIVO_NEW_SKIN as Xe } from "./skins/constants.js";
 const ce = (e, r)=>{
-    const t = Me();
+    const t = Ae();
     return xe(r, !1) && t && !!e;
 }, ie = (param)=>{
     let { currentIndex: e , numPages: r , onPress: t  } = param;
-    const o = Ne(), { isDesktopOrBigger: f  } = oe(), m = (b)=>{
+    const o = ke(), { isDesktopOrBigger: f  } = oe(), m = (b)=>{
         const d = b === e;
-        return o ? d ? De : Ve : d ? ze : _e;
+        return o ? d ? Oe : De : d ? Ve : ze;
     };
-    return /* @__PURE__ */ s(Se, {
+    return /* @__PURE__ */ s(we, {
         space: f ? 16 : 8,
         alignItems: "center",
         dataAttributes: {
@@ -87,7 +87,7 @@ const ce = (e, r)=>{
         children: Array.from({
             length: r
         }, (b, d)=>/* @__PURE__ */ s(E, {
-                className: Qe({
+                className: Je({
                     display: "block",
                     padding: 0,
                     border: "none",
@@ -100,7 +100,7 @@ const ce = (e, r)=>{
                 })
             }, d))
     });
-}, $ = (e, r, t)=>t ? typeof t == "number" ? t : t[e] || r[e] : r[e], $e = (e, r)=>{
+}, $ = (e, r, t)=>t ? typeof t == "number" ? t : t[e] || r[e] : r[e], Ze = (e, r)=>{
     const t = {
         mobile: 1,
         tablet: 2,
@@ -127,21 +127,21 @@ const ce = (e, r)=>{
     const t = Math.ceil(e.length / r), o = [];
     for(let f = 0; f < e.length; f += t)o.push(e[f]);
     return o[o.length - 1] = e[e.length - t], o;
-}, et = (e, r)=>{
+}, $e = (e, r)=>{
     const t = [];
     for(let o = 0; o < r.length; o++)o === 0 ? t.push(r[0]) : t.push((r[o] + r[o - 1]) / 2);
     for(let o = t.length - 1; o >= 0; o--)if (e - t[o] >= -1) return o;
     return 0;
 }, ae = 5e3, ue = (param)=>{
     let { items: e , itemStyle: r , itemClassName: t , withBullets: o , renderBullets: f , initialActiveItem: m , itemsPerPage: b , itemsToScroll: d , mobilePageOffset: g , gap: N , free: R , centered: A , autoplay: v , onPageChange: P , dataAttributes: F  } = param;
-    const { texts: T , platformOverrides: x , skinName: y  } = re(), c = Xe(), i = $e(c || "large", b), { isDesktopOrBigger: w , isTablet: L  } = oe(), U = L ? i.tablet : i.mobile, I = Math.max(Math.floor(w ? i.desktop : U), 1), p = n.useRef(null), S = Math.ceil(e.length / I), [{ scrollLeft: H , scrollRight: q  }, de] = n.useState({
+    const { texts: T , platformOverrides: x , skinName: y  } = re(), c = Qe(), i = Ze(c || "large", b), { isDesktopOrBigger: w , isTablet: C  } = oe(), U = C ? i.tablet : i.mobile, I = Math.max(Math.floor(w ? i.desktop : U), 1), p = n.useRef(null), S = Math.ceil(e.length / I), [{ scrollLeft: H , scrollRight: q  }, de] = n.useState({
         scrollLeft: 0,
         scrollRight: 0
     }), [K, he] = n.useState([]), W = n.useMemo(()=>ee(K, S), [
         K,
         S
     ]), O = d ? ee(K, Math.ceil(e.length / d)) : W, me = q !== 0, ge = H !== 0;
-    we(()=>{
+    n.useEffect(()=>{
         if (p.current) {
             const l = p.current, a = ()=>{
                 const { scrollWidth: z , clientWidth: M  } = l, _ = Math.round(l.scrollLeft), j = Math.round(z - (_ + M));
@@ -236,7 +236,7 @@ const ce = (e, r)=>{
         q,
         J
     ]);
-    const k = et(H, W), Q = n.useRef(!m), X = n.useRef(0);
+    const k = $e(H, W), Q = n.useRef(!m), X = n.useRef(0);
     n.useEffect(()=>{
         if (P) {
             const l = Math.min((k + 1) * I - 1, e.length - 1), a = [];
@@ -267,19 +267,19 @@ const ce = (e, r)=>{
         onPress: D
     }));
     const be = "64px", ve = "36px";
-    return /* @__PURE__ */ G(ke, {
+    return /* @__PURE__ */ G(Se, {
         space: 24,
         dataAttributes: _object_spread({
             "component-name": "Carousel"
         }, F),
         children: [
             /* @__PURE__ */ G("div", {
-                className: je,
+                className: _e,
                 children: [
                     /* @__PURE__ */ s(B, {
                         isInverse: !1,
                         children: /* @__PURE__ */ s(E, {
-                            className: Fe,
+                            className: je,
                             "aria-label": T.carouselPrevButton,
                             onPress: pe,
                             disabled: !ge,
@@ -287,20 +287,20 @@ const ce = (e, r)=>{
                         })
                     }),
                     /* @__PURE__ */ s("div", {
-                        className: Z(Ue, {
-                            [qe]: A,
-                            [Ke]: S > 1
+                        className: Z(Fe, {
+                            [Ue]: A,
+                            [qe]: S > 1
                         }),
-                        style: _object_spread_props(_object_spread({}, Je(_object_spread({
-                            [C.itemsPerPageDesktop]: String(i.desktop),
-                            [C.itemsPerPageTablet]: String(i.tablet),
-                            [C.itemsPerPageMobile]: String(i.mobile)
+                        style: _object_spread_props(_object_spread({}, He(_object_spread({
+                            [L.itemsPerPageDesktop]: String(i.desktop),
+                            [L.itemsPerPageTablet]: String(i.tablet),
+                            [L.itemsPerPageMobile]: String(i.mobile)
                         }, g === "large" ? {
-                            [C.mobilePageOffset]: be
-                        } : y === Ze ? {
-                            [C.mobilePageOffset]: ve
+                            [L.mobilePageOffset]: be
+                        } : y === Xe ? {
+                            [L.mobilePageOffset]: ve
                         } : {}, N !== void 0 ? {
-                            [C.gap]: String(N)
+                            [L.gap]: String(N)
                         } : {}))), {
                             scrollSnapType: R ? "initial" : "x mandatory",
                             // Hack to fix https://jira.tid.es/browse/NOVUMCC-8988
@@ -308,11 +308,11 @@ const ce = (e, r)=>{
                             // 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: Re(x) && !Ae(x) ? 0.5 : void 0
+                            paddingBottom: Le(x) && !Re(x) ? 0.5 : void 0
                         }),
                         ref: p,
                         children: e.map((l, a)=>/* @__PURE__ */ s("div", {
-                                className: Z(Ye, t),
+                                className: Z(Ke, t),
                                 style: _object_spread_props(_object_spread({}, r), {
                                     scrollSnapStop: ne(x) ? "always" : "normal"
                                 }),
@@ -323,7 +323,7 @@ const ce = (e, r)=>{
                     /* @__PURE__ */ s(B, {
                         isInverse: !1,
                         children: /* @__PURE__ */ s(E, {
-                            className: Ge,
+                            className: Ye,
                             "aria-label": T.carouselNextButton,
                             onPress: Y,
                             disabled: !me,
@@ -333,12 +333,12 @@ const ce = (e, r)=>{
                 ]
             }),
             V && /* @__PURE__ */ s("div", {
-                className: He,
+                className: Ge,
                 children: V
             })
         ]
     });
-}, Pt = (e)=>/* @__PURE__ */ s(ue, _object_spread({}, e)), xt = (param)=>/* @__PURE__ */ {
+}, It = (e)=>/* @__PURE__ */ s(ue, _object_spread({}, e)), Pt = (param)=>/* @__PURE__ */ {
     let { items: e , itemStyle: r , itemClassName: t , withBullets: o , renderBullets: f , initialActiveItem: m , onPageChange: b , dataAttributes: d  } = param;
     return s(ue, {
         items: e,
@@ -358,13 +358,13 @@ const ce = (e, r)=>{
         onPageChange: b,
         dataAttributes: d
     });
-}, fe = /*#__PURE__*/ n.createContext(!1), wt = ()=>n.useContext(fe), tt = (param)=>/* @__PURE__ */ {
+}, fe = /*#__PURE__*/ n.createContext(!1), xt = ()=>n.useContext(fe), et = (param)=>/* @__PURE__ */ {
     let { children: e  } = param;
     return s(fe.Provider, {
         value: !0,
         children: e
     });
-}, St = (param)=>{
+}, wt = (param)=>{
     let { items: e , withBullets: r , autoplay: t , onPageChange: o , dataAttributes: f , inverseBullets: m = !0  } = param;
     const { texts: b , platformOverrides: d  } = re(), g = n.useRef(null), [{ scrollLeft: N , scrollRight: R  }, A] = n.useState({
         scrollLeft: 0,
@@ -386,7 +386,7 @@ const ce = (e, r)=>{
         const c = g.current;
         if (c) {
             const i = ()=>{
-                const { scrollWidth: L , clientWidth: U  } = c, I = Math.round(c.scrollLeft), p = Math.round(L - (I + U));
+                const { scrollWidth: C , clientWidth: U  } = c, I = Math.round(c.scrollLeft), p = Math.round(C - (I + U));
                 A({
                     scrollLeft: I,
                     scrollRight: p
@@ -405,8 +405,8 @@ const ce = (e, r)=>{
     return n.useEffect(()=>{
         if (y && t) {
             const c = typeof t == "boolean" ? ae : t.time, i = typeof t == "object" && t.loop, w = setInterval(()=>{
-                var L;
-                R !== 0 ? P() : i && ((L = g.current) == null || L.scrollTo({
+                var C;
+                R !== 0 ? P() : i && ((C = g.current) == null || C.scrollTo({
                     left: 0,
                     behavior: "smooth"
                 }));
@@ -423,28 +423,28 @@ const ce = (e, r)=>{
     }, [
         x,
         o
-    ]), /* @__PURE__ */ s(tt, {
+    ]), /* @__PURE__ */ s(et, {
         children: /* @__PURE__ */ G("div", _object_spread_props(_object_spread({
-            className: Be
+            className: Me
         }, Ce(f, "SlideShow")), {
             children: [
                 /* @__PURE__ */ s(B, {
                     isInverse: !1,
                     children: /* @__PURE__ */ s(E, {
-                        className: Ee,
+                        className: Be,
                         "aria-label": b.carouselPrevButton,
                         onPress: v,
                         disabled: !T,
                         children: /* @__PURE__ */ s(te, {})
                     })
                 }),
-                /* @__PURE__ */ s(Le, {
+                /* @__PURE__ */ s(Ne, {
                     value: !1,
                     children: /* @__PURE__ */ s("div", {
-                        className: Te,
+                        className: Ee,
                         ref: g,
                         children: e.map((c, i)=>/* @__PURE__ */ s("div", {
-                                className: ye,
+                                className: Te,
                                 style: {
                                     scrollSnapStop: ne(d) ? "always" : "normal"
                                 },
@@ -455,7 +455,7 @@ const ce = (e, r)=>{
                 /* @__PURE__ */ s(B, {
                     isInverse: !1,
                     children: /* @__PURE__ */ s(E, {
-                        className: We,
+                        className: ye,
                         "aria-label": b.carouselNextButton,
                         onPress: P,
                         disabled: !F,
@@ -465,7 +465,7 @@ const ce = (e, r)=>{
                 r && e.length > 1 && /* @__PURE__ */ s(B, {
                     isInverse: m,
                     children: /* @__PURE__ */ s("div", {
-                        className: Oe,
+                        className: We,
                         children: /* @__PURE__ */ s(ie, {
                             numPages: e.length,
                             currentIndex: x
@@ -476,4 +476,4 @@ const ce = (e, r)=>{
         }))
     });
 };
-export { Pt as Carousel, xt as CenteredCarousel, tt as IsInsideSlideshowProvider, ie as PageBullets, St as Slideshow, wt as useIsInsideSlideshowContext };
+export { It as Carousel, Pt as CenteredCarousel, et as IsInsideSlideshowProvider, ie as PageBullets, wt as Slideshow, xt as useIsInsideSlideshowContext };

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

@@ -1,7 +1,7 @@
 import "../sprinkles.css.ts.vanilla.css-mistica.js";
 import "./advanced-data-card.css.ts.vanilla.css-mistica.js";
-var _ = "_1x00fru3 _1x00fru1 _1y2v1nf90 _1y2v1nfa9 _1y2v1nfba _1y2v1nfbw _1y2v1nfbm _1y2v1nf7x", v = {
-    default: "_1x00frui",
-    mobile: "_1x00fruj"
-}, a = "_1x00frup", n = "_1x00frul", t = "_1x00frum _1x00frul", u = "_1x00fru8 _1x00fru1 _1y2v1nf90 _1y2v1nfa9 _1y2v1nf6c _1y2v1nf7x _1y2v1nfb4", y = "_1x00frub _1y2v1nfb4 _1y2v1nfba _1y2v1nfbw _1y2v1nfbg _1y2v1nfbx _1y2v1nfce _1x00fru9", x = "_1x00frug", o = "_1x00fruo _1y2v1nfba _1y2v1nfbf", b = "_1y2v1nfba _1y2v1nfbw _1y2v1nfbp _1y2v1nfdj", i = "_1x00fruk", e = "_1y2v1nfff", d = "_1x00fru9", l = "_1x00fru1 _1y2v1nf90 _1y2v1nfa9", c = "_1x00fru5", g = "_1x00fru6", m = "_1x00fru4";
-export { _ as actions, v as actionsVariants, a as adjustButtonLink, n as button, t as buttonMobile, u as cardContentStyle, y as dataCard, x as divider, o as footerDirection, b as footerText, i as marginRightAuto, e as marginRightButton, d as minHeight, l as paddingX, c as touchable, g as touchableCardOverlay, m as touchableContainer };
+var a = "_1x00fru3 _1x00fru1 _1y2v1nf90 _1y2v1nfa9 _1y2v1nfba _1y2v1nfbw _1y2v1nfbm _1y2v1nf7x", _ = {
+    default: "_1x00fruk",
+    mobile: "_1x00frul"
+}, n = "_1x00frur", v = "_1x00frun", t = "_1x00fruo _1x00frun", u = "_1x00fru9 _1x00fru1 _1y2v1nf90 _1y2v1nfa9 _1y2v1nf6c _1y2v1nf7x", x = "_1x00frud _1y2v1nfb4 _1y2v1nfba _1y2v1nfbw _1y2v1nfbg _1y2v1nfbx _1y2v1nfce _1x00frub", y = "_1x00frui", o = "_1x00fruq _1y2v1nfba _1y2v1nfbf", b = "_1y2v1nfba _1y2v1nfbw _1y2v1nfbp _1y2v1nfdj", i = "_1x00frum", e = "_1y2v1nfff", d = "_1x00frub", c = "_1x00fru1 _1y2v1nf90 _1y2v1nfa9", l = "_1x00fru4", m = "_1x00fru7", g = "_1x00fru5", h = "_1x00frua";
+export { a as actions, _ as actionsVariants, n as adjustButtonLink, v as button, t as buttonMobile, u as cardContentStyle, x as dataCard, y as divider, o as footerDirection, b as footerText, i as marginRightAuto, e as marginRightButton, d as minHeight, c as paddingX, l as touchableArea, m as touchableCardOverlay, g as touchableContainer, h as zindex };