@telefonica/mistica 14.2.0 → 14.4.0

package/dist/inline.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: ()=>k
+    get: ()=>A
 });
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
@@ -109,19 +109,19 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-const k = (param)=>{
-    let { space: r , className: e , children: l , role: o , alignItems: s = "stretch" , "aria-labelledby": a , fullWidth: m , dataAttributes: n  } = param;
-    const f = m || typeof r == "string";
+const A = (param)=>{
+    let { space: r , className: e , children: l , role: o , alignItems: a = "stretch" , "aria-labelledby": s , fullWidth: m , wrap: n , dataAttributes: f  } = param;
+    const p = m || typeof r == "string";
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", _objectSpreadProps(_objectSpread({
         className: (0, _classnames.default)(e, (0, _sprinklesCssMisticaJs.sprinkles)({
-            alignItems: s
-        }), f ? _inlineCssMisticaJs.fullWidth : _inlineCssMisticaJs.noFullWidth, typeof r != "number" && _inlineCssMisticaJs.justifyVariants[r]),
+            alignItems: a
+        }), n ? _inlineCssMisticaJs.wrap : p ? _inlineCssMisticaJs.fullWidth : _inlineCssMisticaJs.noFullWidth, typeof r != "number" && _inlineCssMisticaJs.justifyVariants[r]),
         style: typeof r == "number" ? (0, _dynamic.assignInlineVars)({
             [_inlineCssMisticaJs.vars.space]: `${r}px`
         }) : void 0,
         role: o,
-        "aria-labelledby": a
-    }, (0, _domJs.getPrefixedDataAttributes)(n)), {
+        "aria-labelledby": s
+    }, (0, _domJs.getPrefixedDataAttributes)(f)), {
         children: _react.Children.map(l, (t)=>!!t || t === 0 ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                 children: t
             }) : null)

package/dist/package-version.js

@@ -6,4 +6,4 @@ Object.defineProperty(exports, "PACKAGE_VERSION", {
     enumerable: true,
     get: ()=>o
 });
-const o = "14.2.0";
+const o = "14.4.0";

package/dist/popover.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: ()=>ut
+    get: ()=>pt
 });
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _iconCloseRegularJs = /*#__PURE__*/ _interopRequireDefault(require("./generated/mistica-icons/icon-close-regular.js"));
@@ -115,10 +115,10 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-const { defaultPositionDesktop: Q , defaultPositionMobile: U , distanceToTarget: m , marginLeftRightMobile: d , maxWidthDesktop: Z , arrowSize: L  } = _popoverCssMisticaJs, V = (t)=>t || Z, tt = function() {
-    let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : Q, r = arguments.length > 1 ? arguments[1] : void 0;
-    return r && (t === "left" || t === "right") ? U : t;
-}, et = (t, r, e)=>t ? (r ? window.screen.width : window.innerWidth) - d * 2 : V(e), rt = (t, r, e, s)=>{
+const { defaultPositionDesktop: K , defaultPositionMobile: Q , distanceToTarget: m , marginLeftRightMobile: d , maxWidthDesktop: U , arrowSize: L  } = _popoverCssMisticaJs, Z = (t)=>t || U, V = function() {
+    let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : K, r = arguments.length > 1 ? arguments[1] : void 0;
+    return r && (t === "left" || t === "right") ? Q : t;
+}, tt = (t, r, e)=>t ? (r ? window.screen.width : window.innerWidth) - d * 2 : Z(e), et = (t, r, e, s)=>{
     const a = {
         right: {
             left: e.width + m,
@@ -176,11 +176,11 @@ const { defaultPositionDesktop: Q , defaultPositionMobile: U , distanceToTarget:
         width: t.offsetWidth,
         height: t.offsetHeight,
         parentLeft: t.parentNode.offsetLeft
-    } : null, ut = (param)=>{
+    } : null, pt = (param)=>{
     let { description: t , title: r , onClose: e , trackingEvent: s , position: n , width: a , target: w , asset: f , isVisible: g = !0 , extra: Y , dataAttributes: B  } = param;
     const { texts: R , isIos: z , isDarkMode: D  } = (0, _hooksJs.useTheme)(), { isTabletOrSmaller: h  } = (0, _hooksJs.useScreenSize)(), [x, b] = _react.useState(null), p = _react.useRef(null);
-    n = tt(n, h);
-    const y = et(h, z, a), S = D ? 1 : 0.2;
+    n = V(n, h);
+    const y = tt(h, z, a), S = D ? 1 : 0.2;
     _react.useEffect(()=>{
         const l = ()=>{
             b(N(p.current));
@@ -195,7 +195,7 @@ const { defaultPositionDesktop: Q , defaultPositionMobile: U , distanceToTarget:
     ]);
     let v = null;
     if (g && x) {
-        const { containerStyles: l , arrowStyles: I  } = rt(n, y, x, h);
+        const { containerStyles: l , arrowStyles: I  } = et(n, y, x, h);
         v = /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("div", _objectSpreadProps(_objectSpread({
             className: _popoverCssMisticaJs.container,
             style: _objectSpread({
@@ -252,8 +252,8 @@ const { defaultPositionDesktop: Q , defaultPositionMobile: U , distanceToTarget:
                         }),
                         /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconButtonJs.default, {
                             className: _popoverCssMisticaJs.closeButtonIcon,
-                            onPress: (M)=>{
-                                e == null || e(), M.stopPropagation();
+                            onPress: ()=>{
+                                e == null || e();
                             },
                             trackingEvent: s,
                             "aria-label": R.modalClose,

package/dist/text-link.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: ()=>A
+    get: ()=>j
 });
 const _touchableJs = require("./touchable.js");
 const _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
@@ -99,7 +99,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-const A = (_param)=>{
+const j = (_param)=>{
     var { children: t , className: a = "" , disabled: s , style: i  } = _param, e = _objectWithoutProperties(_param, [
         "children",
         "className",
@@ -107,7 +107,7 @@ const A = (_param)=>{
         "style"
     ]);
     var r;
-    const m = (0, _themeVariantContextJs.useIsInverseVariant)(), { isDarkMode: c  } = (0, _hooksJs.useTheme)(), { formStatus: f  } = (0, _formContextJs.useForm)(), { eventFormat: v  } = (0, _analyticsJs.useTrackingConfig)(), u = ()=>v === "google-analytics-4" ? {
+    const m = (0, _themeVariantContextJs.useIsInverseVariant)(), { isDarkMode: c  } = (0, _hooksJs.useTheme)(), { formStatus: f  } = (0, _formContextJs.useForm)(), { eventFormat: u  } = (0, _analyticsJs.useTrackingConfig)(), v = ()=>u === "google-analytics-4" ? {
             name: _analyticsJs.eventNames.userInteraction,
             component_type: "link",
             component_copy: (0, _commonJs.getTextFromChildren)(t)
@@ -117,8 +117,9 @@ const A = (_param)=>{
             label: (0, _commonJs.getTextFromChildren)(t)
         };
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, _objectSpreadProps(_objectSpread({}, e), {
+        stopPropagation: !0,
         as: e.onPress ? "a" : void 0,
-        trackingEvent: (r = e.trackingEvent) != null ? r : e.trackEvent ? u() : void 0,
+        trackingEvent: (r = e.trackingEvent) != null ? r : e.trackEvent ? v() : void 0,
         disabled: s || f === "sending",
         className: (0, _classnames.default)(m ? c ? _textLinkCssMisticaJs.variants.inverseDark : _textLinkCssMisticaJs.variants.inverseLight : _textLinkCssMisticaJs.variants.default, a),
         style: i,

package/dist/touchable.d.ts

@@ -22,6 +22,7 @@ interface CommonProps {
     type?: 'button' | 'submit';
     tabIndex?: number;
     as?: 'a';
+    stopPropagation?: boolean;
 }
 export interface PropsHref extends CommonProps {
     href: string;

package/dist/touchable.js

@@ -9,8 +9,8 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    BaseTouchable: ()=>Y,
-    default: ()=>X
+    BaseTouchable: ()=>$,
+    default: ()=>Z
 });
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
@@ -117,12 +117,12 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-const L = function(e) {
+const z = function(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, d = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1;
     t ? window.open(e, "_blank") : d ? window.open(e, "_top") : document.location.href = e;
-}, T = /*#__PURE__*/ _react.forwardRef((e, t)=>{
-    var w, g;
-    const { texts: d , analytics: N , platformOverrides: E , Link: P , useHrefDecorator: x  } = (0, _hooksJs.useTheme)(), C = x(), f = _react.useRef(!1);
+}, N = /*#__PURE__*/ _react.forwardRef((e, t)=>{
+    var T, v;
+    const { texts: d , analytics: P , platformOverrides: E , Link: C , useHrefDecorator: x  } = (0, _hooksJs.useTheme)(), R = x(), f = _react.useRef(!1);
     let i = [];
     e.trackingEvent && (Array.isArray(e.trackingEvent) ? i = e.trackingEvent : i = [
         e.trackingEvent
@@ -140,31 +140,35 @@ const L = function(e) {
         "aria-live": e["aria-live"],
         tabIndex: e.tabIndex
     }, (0, _domJs.getPrefixedDataAttributes)(e.dataAttributes, "Touchable")), m = e.type ? e.type : "button", r = !!e.href && !!e.newTab, u = !r && !!e.href && !!e.loadOnTop, s = (a)=>{
+        e.stopPropagation && a.stopPropagation();
+    }, h = (a)=>{
         e.onPress && e.onPress(a);
-    }, h = ()=>{
+    }, k = ()=>{
         var a;
-        return e.href ? C(e.href) : e.to && e.fullPageOnWebView ? typeof e.to == "string" ? e.to : (a = e.to.pathname) != null ? a : "" : "";
-    }, y = ()=>Promise.all(i.map((a)=>N.logEvent(a))), k = (a)=>{
+        return e.href ? R(e.href) : e.to && e.fullPageOnWebView ? typeof e.to == "string" ? e.to : (a = e.to.pathname) != null ? a : "" : "";
+    }, y = ()=>Promise.all(i.map((a)=>P.logEvent(a))), g = (a)=>{
         f.current || (f.current = !0, y().finally(()=>{
             f.current = !1, a();
         }));
-    }, R = (a)=>{
-        if (!i.length) {
-            s(a);
+    }, D = (a)=>{
+        if (s(a), !i.length) {
+            h(a);
             return;
         }
-        k(()=>s(a));
-    }, D = (a)=>{
-        !i.length || (a.preventDefault(), k(()=>L(h(), r, u)));
-    }, v = (a)=>{
+        g(()=>h(a));
+    }, O = (a)=>{
+        s(a), i.length && (a.preventDefault(), g(()=>z(k(), r, u)));
+    }, I = (a)=>{
+        s(a), y();
+    }, w = (a)=>{
         (a.keyCode === _keyCodesJs.ENTER || a.keyCode === _keyCodesJs.SPACE) && (a.preventDefault(), a.currentTarget.click());
     };
     if (!!e.href || e.to && e.fullPageOnWebView && (0, _platformJs.isInsideNovumNativeApp)(E)) return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("a", _objectSpreadProps(_objectSpread({}, n), {
         "aria-label": e["aria-label"],
         "aria-labelledby": e["aria-labelledby"],
-        onClick: D,
-        onKeyDown: v,
-        href: e.disabled ? void 0 : h(),
+        onClick: O,
+        onKeyDown: w,
+        href: e.disabled ? void 0 : k(),
         target: (()=>{
             if (r) return "_blank";
             if (u) return "_top";
@@ -180,26 +184,26 @@ const L = function(e) {
             })
         ]
     }));
-    if (e.to) return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(P, _objectSpreadProps(_objectSpread({}, n), {
+    if (e.to) return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(C, _objectSpreadProps(_objectSpread({}, n), {
         "aria-label": e["aria-label"],
         "aria-labelledby": e["aria-labelledby"],
         innerRef: t,
         to: e.disabled ? "" : e.to,
         replace: e.replace,
-        onClick: y,
-        onKeyDown: v,
+        onClick: I,
+        onKeyDown: w,
         children: o
     }));
     if (e.onPress) {
-        const a = (w = e.as) != null ? w : "button", O = (g = n.role) != null ? g : e.as === "a" ? "button" : void 0;
+        const a = (T = e.as) != null ? T : "button", A = (v = n.role) != null ? v : e.as === "a" ? "button" : void 0;
         return /*#__PURE__*/ _react.createElement(a, _objectSpreadProps(_objectSpread({}, n), {
-            role: O,
+            role: A,
             form: m === "submit" && e.formId ? e.formId : void 0,
             "aria-label": e["aria-label"],
             "aria-labelledby": e["aria-labelledby"],
             type: m,
             ref: t,
-            onClick: R,
+            onClick: D,
             children: o
         }));
     }
@@ -208,10 +212,10 @@ const L = function(e) {
         className: (0, _classnames.default)(n.className, _touchableCssMisticaJs.notTouchable),
         children: o
     }));
-}), X = /*#__PURE__*/ _react.forwardRef((e, t)=>/* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(T, _objectSpreadProps(_objectSpread({}, e), {
+}), Z = /*#__PURE__*/ _react.forwardRef((e, t)=>/* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(N, _objectSpreadProps(_objectSpread({}, e), {
         className: (0, _classnames.default)(_touchableCssMisticaJs.touchable, e.className),
         ref: t
-    }))), Y = /*#__PURE__*/ _react.forwardRef((e, t)=>/* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(T, _objectSpreadProps(_objectSpread({}, e), {
+    }))), $ = /*#__PURE__*/ _react.forwardRef((e, t)=>/* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(N, _objectSpreadProps(_objectSpread({}, e), {
         className: (0, _classnames.default)(_touchableCssMisticaJs.base, e.className),
         ref: t
     })));

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./card.css.ts.vanilla.js";
-var _ = "_15e54s91 _1y2v1nf5i _1y2v1nf64 _1y2v1nf5y", y = "_1y2v1nf5i", f = "_15e54s9i _1y2v1nf7y _1y2v1nf8d _1y2v1nf5i _1y2v1nf5x _1y2v1nf5r _1y2v1nf9h", a = "_1y2v1nf5i _1y2v1nf80 _1y2v1nf8f _1y2v1nf5x _1y2v1nf5r", r = "_15e54s9j _1y2v1nf7y _1y2v1nf8d _1y2v1nf5i _1y2v1nf5x _1y2v1nf5r _1y2v1nf9h", e = "_15e54s97 _1y2v1nf72 _1y2v1nf7g _1y2v1nf6b _1y2v1nf6p _1y2v1nf5i _1y2v1nf64 _1y2v1nf5o _1y2v1nf7p", i = "_15e54s9e _1y2v1nf5i _1y2v1nf64 _1y2v1nf5o _1y2v1nf5u", o = "_15e54s9f", d = "_1y2v1nf5i _1y2v1nf5o _1y2v1nf85 _1y2v1nf7p", s = "_15e54s95 _1y2v1nf72 _1y2v1nf7g _1y2v1nf5i _1y2v1nf64 _1y2v1nf6a _1y2v1nf6p _1y2v1nf5o", p = "_15e54s99 _1y2v1nf6a _1y2v1nf6o _1y2v1nf72 _1y2v1nf7g _1y2v1nf5i _1y2v1nf85 _1y2v1nf5o _1y2v1nf5u _1y2v1nf64", t = "_15e54s9b _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5i _1y2v1nf85 _1y2v1nf7p _1y2v1nf9g _1y2v1nf5c", c = "_15e54s9c _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5i _1y2v1nf85 _1y2v1nf7p _1y2v1nf9g _1y2v1nf5c";
-export { _ as actions, y as boxed, f as cardAction, a as cardActionIconButton, r as cardActionInverse, e as dataCard, i as displayCard, o as displayCardGradient, d as mediaCard, s as mediaCardContent, p as snapCard, t as snapCardTouchableHover, c as snapCardTouchableHoverTransparent };
+var _ = "_15e54s91 _1y2v1nf5i _1y2v1nf64 _1y2v1nf5y", y = "_15e54s93 _1y2v1nf5i", f = "_15e54s9j _1y2v1nf7y _1y2v1nf8d _1y2v1nf5i _1y2v1nf5x _1y2v1nf5r _1y2v1nf9h", a = "_1y2v1nf5i _1y2v1nf80 _1y2v1nf8f _1y2v1nf5x _1y2v1nf5r", r = "_15e54s9k _1y2v1nf7y _1y2v1nf8d _1y2v1nf5i _1y2v1nf5x _1y2v1nf5r _1y2v1nf9h", e = "_15e54s98 _1y2v1nf72 _1y2v1nf7g _1y2v1nf6b _1y2v1nf6p _1y2v1nf5i _1y2v1nf64 _1y2v1nf5o _1y2v1nf7p", i = "_15e54s9f _1y2v1nf5i _1y2v1nf64 _1y2v1nf5o _1y2v1nf5u", d = "_15e54s9g", o = "_1y2v1nf5i _1y2v1nf5o _1y2v1nf85 _1y2v1nf7p", s = "_15e54s96 _1y2v1nf72 _1y2v1nf7g _1y2v1nf5i _1y2v1nf64 _1y2v1nf6a _1y2v1nf6p _1y2v1nf5o _1y2v1nf5u", p = "_15e54s9a _1y2v1nf6a _1y2v1nf6o _1y2v1nf72 _1y2v1nf7g _1y2v1nf5i _1y2v1nf85 _1y2v1nf5o _1y2v1nf5u _1y2v1nf64", t = "_15e54s9c _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5i _1y2v1nf85 _1y2v1nf7p _1y2v1nf9g _1y2v1nf5c", c = "_15e54s9d _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5i _1y2v1nf85 _1y2v1nf7p _1y2v1nf9g _1y2v1nf5c";
+export { _ as actions, y as boxed, f as cardAction, a as cardActionIconButton, r as cardActionInverse, e as dataCard, i as displayCard, d as displayCardGradient, o as mediaCard, s as mediaCardContent, p as snapCard, t as snapCardTouchableHover, c as snapCardTouchableHoverTransparent };