@telefonica/mistica 14.3.0 → 14.4.0

package/dist/date-time-picker.js

@@ -141,8 +141,8 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-const h = navigator.language.toLocaleLowerCase().split("-")[0];
-Promise.resolve(/* webpackChunkName: "moment-locale" */ `moment/locale/${h}`).then((p)=>/*#__PURE__*/ _interopRequireWildcard(require(p))).finally(()=>{});
+const g = navigator.language.toLocaleLowerCase().split("-")[0];
+Promise.resolve(/* webpackChunkName: "moment-locale" */ `moment/locale/${g}`).then((p)=>/*#__PURE__*/ _interopRequireWildcard(require(p))).finally(()=>{});
 const Q = (_param)=>{
     var { withTime: s , mode: l , isValidDate: y , optional: u  } = _param, t = _objectWithoutProperties(_param, [
         "withTime",
@@ -150,15 +150,15 @@ const Q = (_param)=>{
         "isValidDate",
         "optional"
     ]);
-    const [m, x] = _react.useState(!1), { texts: b  } = (0, _hooksJs.useTheme)(), n = _react.useRef(null), { height: k , ref: v  } = (0, _hooksJs.useElementDimensions)(), a = (e)=>{
+    const [m, x] = _react.useState(!1), { texts: b  } = (0, _hooksJs.useTheme)(), n = _react.useRef(null), { height: k , ref: v  } = (0, _hooksJs.useElementDimensions)(), i = (e)=>{
         t.disabled || x(e);
     }, w = ()=>{
         var p;
-        const { top: e = 0 , bottom: o = 0 , left: i = 0  } = ((p = n.current) == null ? void 0 : p.getBoundingClientRect()) || {}, P = 260 + o < window.innerHeight;
+        const { top: e = 0 , bottom: o = 0 , left: a = 0  } = ((p = n.current) == null ? void 0 : p.getBoundingClientRect()) || {}, P = 260 + o < window.innerHeight;
         return {
             width: _textFieldComponentsCssMisticaJs.DEFAULT_WIDTH,
             top: P ? o : e - k,
-            left: i,
+            left: a,
             position: "absolute",
             borderRadius: 8,
             overflow: "hidden",
@@ -169,21 +169,21 @@ const Q = (_param)=>{
         const e = (o = n.current) == null ? void 0 : o.value;
         return e ? new Date(e) : void 0;
     }, C = (e)=>s ? e.format("yyyy-MM-DD HH:mm") : l === "year-month" ? e.format("yyyy-MM") : e.format("yyyy-MM-DD"), f = (e)=>{
-        var i;
+        var a;
         const o = typeof e == "string" ? e : C(e);
-        n.current && (n.current.focus(), (i = t.onChange) == null || i.call(t, (0, _domJs.createChangeEvent)(n.current, o)));
+        n.current && (n.current.focus(), (a = t.onChange) == null || a.call(t, (0, _domJs.createChangeEvent)(n.current, o)));
     }, D = ()=>c() && u ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconButtonJs.default, {
             "aria-label": b.clearButton,
             size: 32,
-            onPress: (e)=>{
-                e.stopPropagation(), f("");
+            onPress: ()=>{
+                f("");
             },
             children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconCloseRegularJs.default, {})
         }) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconButtonJs.default, {
             disabled: t.disabled,
             "aria-label": "",
             size: 32,
-            onPress: ()=>a(!m),
+            onPress: ()=>i(!m),
             children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconCalendarRegularJs.default, {})
         });
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_jsxRuntimeJs.Fragment, {
@@ -202,14 +202,14 @@ const Q = (_param)=>{
                     (o = t == null ? void 0 : t.inputRef) == null || o.call(t, e), n.current = e;
                 },
                 readOnly: !0,
-                onKeyDown: ()=>a(!0),
+                onKeyDown: ()=>i(!0),
                 onClick: ()=>{
-                    a(!0);
+                    i(!0);
                 }
             })),
             m && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_overlayJs.default, {
                 onPress: (e)=>{
-                    (0, _domJs.cancelEvent)(e), a(!1);
+                    (0, _domJs.cancelEvent)(e), i(!1);
                 },
                 disableScroll: !0,
                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
@@ -221,7 +221,7 @@ const Q = (_param)=>{
                         dateFormat: l === "year-month" ? "YYYY-MM" : void 0,
                         timeFormat: s ? "HH:mm" : !1,
                         initialValue: c(),
-                        locale: h,
+                        locale: g,
                         input: !1,
                         onChange: f,
                         isValidDate: y

package/dist/empty-state-card.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: ()=>Y
+    get: ()=>V
 });
 const _boxJs = /*#__PURE__*/ _interopRequireDefault(require("./box.js"));
 const _boxedJs = require("./boxed.js");
@@ -20,50 +20,54 @@ function _interopRequireDefault(obj) {
         default: obj
     };
 }
-const Y = (param)=>{
-    let { title: n , description: f , button: e , secondaryButton: o , buttonLink: i , icon: l , imageUrl: m , "aria-label": h , dataAttributes: x  } = param;
-    var s;
-    const { isTabletOrSmaller: t  } = (0, _hooksJs.useScreenSize)();
-    let a;
-    return m && (a = /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("img", {
+const V = (param)=>{
+    let { title: n , description: h , button: r , secondaryButton: o , buttonLink: t , icon: a , imageUrl: l , "aria-label": f , dataAttributes: x  } = param;
+    var m;
+    const { isTabletOrSmaller: s  } = (0, _hooksJs.useScreenSize)(), { textPresets: S  } = (0, _hooksJs.useTheme)();
+    let i;
+    return l && (i = /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("img", {
         className: _emptyStateCardCssMisticaJs.image,
         alt: "",
-        src: m
-    })), process.env.NODE_ENV !== "production" && e && !((s = e == null ? void 0 : e.props) != null && s.small) && console.error("button property in EmptyStateCard must be a a small Button. Set small prop to true"), /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxedJs.Boxed, {
+        src: l
+    })), process.env.NODE_ENV !== "production" && r && !((m = r == null ? void 0 : r.props) != null && m.small) && console.error("button property in EmptyStateCard must be a a small Button. Set small prop to true"), /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxedJs.Boxed, {
         dataAttributes: x,
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
-            paddingY: t ? 24 : 40,
-            paddingX: t ? 16 : 40,
+            paddingY: s ? 24 : 40,
+            paddingX: s ? 16 : 40,
             children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("section", {
                 className: _emptyStateCardCssMisticaJs.container,
-                "aria-label": h,
+                "aria-label": f,
                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
                     space: 16,
                     children: [
-                        a != null ? a : l && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+                        i != null ? i : a && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                             className: _emptyStateCardCssMisticaJs.iconContainer,
-                            children: l
+                            children: a
                         }),
                         /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
                             children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
                                 space: 8,
                                 children: [
-                                    /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text4, {
-                                        regular: !0,
+                                    /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text, {
+                                        mobileSize: 18,
+                                        mobileLineHeight: "24px",
+                                        desktopSize: 20,
+                                        desktopLineHeight: "28px",
+                                        weight: S.cardTitle.weight,
                                         children: n
                                     }),
                                     /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
                                         regular: !0,
                                         color: _skinContractCssMisticaJs.vars.colors.textSecondary,
-                                        children: f
+                                        children: h
                                     })
                                 ]
                             })
                         }),
-                        (e || o || i) && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_buttonGroupJs.default, {
-                            primaryButton: e,
+                        (r || o || t) && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_buttonGroupJs.default, {
+                            primaryButton: r,
                             secondaryButton: o,
-                            link: i
+                            link: t
                         })
                     ]
                 })

package/dist/highlighted-card.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: ()=>F
+    get: ()=>W
 });
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _themeVariantContextJs = require("./theme-variant-context.js");
@@ -15,6 +15,7 @@ const _boxedJs = require("./boxed.js");
 const _maybeDismissableJs = /*#__PURE__*/ _interopRequireWildcard(require("./maybe-dismissable.js"));
 const _highlightedCardCssMisticaJs = require("./highlighted-card.css-mistica.js");
 const _skinContractCssMisticaJs = require("./skins/skin-contract.css-mistica.js");
+const _hooksJs = require("./hooks.js");
 const _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
@@ -139,9 +140,9 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-const R = /*#__PURE__*/ _react.forwardRef((e, i)=>{
-    var u;
-    const { title: a , description: r , imageUrl: o , imageFit: l  } = e, h = (0, _themeVariantContextJs.useIsInverseVariant)(), f = (u = e.isInverse) != null ? u : h, m = (0, _maybeDismissableJs.useIsDismissable)(), n = /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_boxedJs.Boxed, {
+const S = /*#__PURE__*/ _react.forwardRef((e, i)=>{
+    var h;
+    const { title: a , description: r , imageUrl: o , imageFit: l  } = e, u = (0, _themeVariantContextJs.useIsInverseVariant)(), f = (h = e.isInverse) != null ? h : u, d = (0, _maybeDismissableJs.useIsDismissable)(), { textPresets: b  } = (0, _hooksJs.useTheme)(), n = /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_boxedJs.Boxed, {
         ref: i,
         isInverse: f,
         className: _highlightedCardCssMisticaJs.container,
@@ -151,14 +152,18 @@ const R = /*#__PURE__*/ _react.forwardRef((e, i)=>{
         width: e.width ? `${e.width}px` : "100%",
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("div", {
-                role: m ? void 0 : "region",
+                role: d ? void 0 : "region",
                 className: _highlightedCardCssMisticaJs.textContainerVariant[o ? "withImage" : "withoutImage"],
-                "aria-label": m ? void 0 : e["aria-label"],
+                "aria-label": d ? void 0 : e["aria-label"],
                 children: [
-                    /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text4, {
-                        as: "h3",
-                        regular: !0,
+                    /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text, {
+                        mobileSize: 18,
+                        mobileLineHeight: "24px",
+                        desktopSize: 20,
+                        desktopLineHeight: "28px",
                         truncate: e.titleLinesMax,
+                        weight: b.cardTitle.weight,
+                        as: "h3",
                         children: a
                     }),
                     /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
@@ -213,7 +218,7 @@ const R = /*#__PURE__*/ _react.forwardRef((e, i)=>{
         className: _highlightedCardCssMisticaJs.touchableContainer,
         children: n
     }) : n;
-}), F = /*#__PURE__*/ _react.forwardRef((_param, a)=>{
+}), W = /*#__PURE__*/ _react.forwardRef((_param, a)=>{
     var { "aria-label": e  } = _param, i = _objectWithoutProperties(_param, [
         "aria-label"
     ]);
@@ -222,7 +227,7 @@ const R = /*#__PURE__*/ _react.forwardRef((e, i)=>{
         onClose: i.onClose,
         "aria-label": r,
         width: i.width,
-        children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(R, _objectSpreadProps(_objectSpread({}, i), {
+        children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(S, _objectSpreadProps(_objectSpread({}, i), {
             "aria-label": r,
             ref: a
         }))

package/dist/icon-button.js

@@ -113,14 +113,14 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-const s = 24, b = (e, a, t, n, c)=>{
+const d = 24, b = (e, a, t, n, l)=>{
     const m = n ? `${n}px ${n}px` : "100% 100%";
     return {
         padding: 0,
         backgroundColor: t,
         backgroundImage: e ? `url(${e})` : "initial",
         backgroundSize: m,
-        cursor: c ? "default" : "pointer",
+        cursor: l ? "default" : "pointer",
         height: a,
         width: a
     };
@@ -147,7 +147,9 @@ const s = 24, b = (e, a, t, n, c)=>{
         "aria-label": e["aria-label"],
         children: !a && _react.Children.only(t)
     })) : e.onPress ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, _objectSpreadProps(_objectSpread({}, n), {
-        onPress: e.onPress,
+        onPress: (l)=>{
+            l.stopPropagation(), e.onPress(l);
+        },
         "aria-label": e["aria-label"],
         children: !a && _react.Children.only(t)
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, _objectSpreadProps(_objectSpread({}, n), {
@@ -155,13 +157,13 @@ const s = 24, b = (e, a, t, n, c)=>{
         children: !a && _react.Children.only(t)
     }));
 }, I = (e)=>{
-    const { icon: a , backgroundColor: t = "transparent" , iconSize: n , size: c = s  } = e;
+    const { icon: a , backgroundColor: t = "transparent" , iconSize: n , size: l = d  } = e;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(u, _objectSpreadProps(_objectSpread({}, e), {
         className: (0, _classnames.default)(_iconButtonCssMisticaJs.base, e.className),
-        style: _objectSpread({}, b(a, c, t, n, e.disabled), e.style)
+        style: _objectSpread({}, b(a, l, t, n, e.disabled), e.style)
     }));
 }, w = (e)=>{
-    const { size: a = s , disabled: t  } = e;
+    const { size: a = d , disabled: t  } = e;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(u, _objectSpreadProps(_objectSpread({}, e), {
         className: (0, _classnames.default)(_iconButtonCssMisticaJs.base, e.className),
         style: {

package/dist/inline.css-mistica.js

@@ -12,13 +12,14 @@ _export(exports, {
     fullWidth: ()=>v,
     justifyVariants: ()=>n,
     noFullWidth: ()=>a,
-    vars: ()=>f
+    vars: ()=>f,
+    wrap: ()=>r
 });
 require("./inline.css.ts.vanilla.js");
 var v = "kkfbnv2 kkfbnv1", n = {
-    between: "kkfbnv4",
-    around: "kkfbnv5",
-    evenly: "kkfbnv6"
-}, a = "kkfbnv3 kkfbnv1", f = {
+    between: "kkfbnv5",
+    around: "kkfbnv6",
+    evenly: "kkfbnv7"
+}, a = "kkfbnv4 kkfbnv1", f = {
     space: "var(--kkfbnv0)"
-};
+}, r = "kkfbnv3 kkfbnv1";

package/dist/inline.css.d.ts

@@ -3,5 +3,6 @@ export declare const vars: {
 };
 export declare const inline: string;
 export declare const fullWidth: string;
+export declare const wrap: string;
 export declare const noFullWidth: string;
 export declare const justifyVariants: Record<"between" | "around" | "evenly", string>;

package/dist/inline.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { DataAttributes } from './utils/types';
 type Props = {
-    space: 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 'between' | 'around' | 'evenly';
+    space: -16 | -12 | -8 | -4 | -2 | 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 'between' | 'around' | 'evenly';
     alignItems?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
     children: React.ReactNode;
     className?: string;
@@ -9,6 +9,7 @@ type Props = {
     'aria-labelledby'?: string;
     fullWidth?: boolean;
     dataAttributes?: DataAttributes;
+    wrap?: boolean;
 };
 declare const Inline: React.FC<Props>;
 export default Inline;

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.3.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 };