@telefonica/mistica 15.5.0 → 15.6.0

package/dist/chip.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return ie;
+        return oe;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -120,62 +120,62 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const G = (e)=>{
-    const { Icon: d, children: w, id: T, dataAttributes: m, active: h, badge: i, onClose: u } = e, { texts: p, isDarkMode: N, textPresets: R } = (0, _hooks.useTheme)(), f = (0, _themevariantcontext.useThemeVariant)() === "alternative", g = d ? {
+const J = (t)=>{
+    const { Icon: c, children: T, id: k, dataAttributes: l, active: d, badge: r, onClose: m } = t, { texts: I, isDarkMode: B, textPresets: N } = (0, _hooks.useTheme)(), h = (0, _themevariantcontext.useThemeVariant)() === "alternative", p = c ? {
         mobile: 16,
         desktop: 8
     } : {
         mobile: 20,
         desktop: 12
-    }, E = {
+    }, w = {
         mobile: 20,
         desktop: 12
-    }, A = {
+    }, b = {
         mobile: 16,
         desktop: 8
-    }, I = ()=>i ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-            children: i === !0 ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {}) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {
-                value: i
+    }, y = ()=>r ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
+            children: r === !0 ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {}) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {
+                value: r
             })
-        }) : null, v = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        }) : null, u = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
-            d && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+            c && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingRight: 4,
-                className: h ? _chipcssmistica.iconActive : _chipcssmistica.icon,
-                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(d, {
+                className: d ? _chipcssmistica.iconActive : _chipcssmistica.icon,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(c, {
                     color: "currentColor",
                     size: (0, _css.pxToRem)(16)
                 })
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                paddingRight: i ? 8 : u ? 4 : 0,
+                paddingRight: r ? 8 : m ? 4 : 0,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
-                    id: T,
-                    weight: R.indicator.weight,
+                    id: k,
+                    weight: N.indicator.weight,
                     truncate: 1,
                     color: "currentColor",
-                    children: w
+                    children: T
                 })
             })
         ]
     });
-    if (i) return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_box.default, _object_spread_props(_object_spread({
-        className: (0, _classnames.default)(f ? _chipcssmistica.chipVariants.overAlternative : _chipcssmistica.chipVariants.default, _chipcssmistica.chipWrapper),
-        paddingLeft: g,
-        paddingRight: A
-    }, (0, _dom.getPrefixedDataAttributes)(m, "Chip")), {
+    if (r) return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_box.default, _object_spread_props(_object_spread({
+        className: (0, _classnames.default)(h ? _chipcssmistica.chipVariants.overAlternative : _chipcssmistica.chipVariants.default, _chipcssmistica.chipWrapper),
+        paddingLeft: p,
+        paddingRight: b
+    }, (0, _dom.getPrefixedDataAttributes)(l, "Chip")), {
         children: [
-            v,
-            I()
+            u,
+            y()
         ]
     }));
-    if (u) return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_box.default, _object_spread_props(_object_spread({
-        className: (0, _classnames.default)(f ? _chipcssmistica.chipVariants.overAlternative : _chipcssmistica.chipVariants.default, _chipcssmistica.chipWrapper),
-        paddingLeft: g,
-        paddingRight: A
-    }, (0, _dom.getPrefixedDataAttributes)(m, "Chip")), {
+    if (m) return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_box.default, _object_spread_props(_object_spread({
+        className: (0, _classnames.default)(h ? _chipcssmistica.chipVariants.overAlternative : _chipcssmistica.chipVariants.default, _chipcssmistica.chipWrapper),
+        paddingLeft: p,
+        paddingRight: b
+    }, (0, _dom.getPrefixedDataAttributes)(l, "Chip")), {
         children: [
-            v,
+            u,
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, {
                 style: {
                     display: "flex",
@@ -184,8 +184,8 @@ const G = (e)=>{
                     width: (0, _css.pxToRem)(24),
                     height: (0, _css.pxToRem)(24)
                 },
-                "aria-label": p.closeButtonLabel,
-                onPress: ()=>u(),
+                "aria-label": I.closeButtonLabel,
+                onPress: ()=>m(),
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconcloseregular.default, {
                     size: (0, _css.pxToRem)(16),
                     color: _skincontractcssmistica.vars.colors.neutralMedium
@@ -193,36 +193,20 @@ const G = (e)=>{
             })
         ]
     }));
-    const B = h !== void 0 || e.href || e.onPress || e.to, o = _object_spread({
+    const f = t.href || t.onPress || t.to, P = d !== void 0 || f, v = _object_spread({
         "component-name": "Chip"
-    }, m), c = (V)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-            className: (0, _classnames.default)(_chipcssmistica.chipVariants[h ? "active" : f ? "overAlternative" : "default"], e.href || e.onPress || e.to ? _chipcssmistica.wrappedContent : _chipcssmistica.chipWrapper, {
-                [_chipcssmistica.chipInteractiveVariants[N ? "dark" : "light"]]: B
+    }, l), C = (j)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+            className: (0, _classnames.default)(_chipcssmistica.chipVariants[d ? "active" : h ? "overAlternative" : "default"], f ? _chipcssmistica.wrappedContent : _chipcssmistica.chipWrapper, {
+                [_chipcssmistica.chipInteractiveVariants[B ? "dark" : "light"]]: P
             }),
-            paddingLeft: g,
-            paddingRight: E,
-            dataAttributes: V,
-            children: v
+            paddingLeft: p,
+            paddingRight: w,
+            dataAttributes: j,
+            children: u
         });
-    return e.onPress ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
+    return f ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, t), {
         className: (0, _classnames.default)(_chipcssmistica.chipWrapper, _chipcssmistica.button),
-        trackingEvent: e.trackingEvent,
-        onPress: e.onPress,
-        dataAttributes: o,
-        children: c()
-    }) : e.to ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
-        trackingEvent: e.trackingEvent,
-        to: e.to,
-        fullPageOnWebView: e.fullPageOnWebView,
-        dataAttributes: o,
-        className: _chipcssmistica.chipWrapper,
-        children: c()
-    }) : e.href ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
-        trackingEvent: e.trackingEvent,
-        href: e.href,
-        newTab: e.newTab,
-        dataAttributes: o,
-        className: _chipcssmistica.chipWrapper,
-        children: c()
-    }) : c(o);
-}, ie = G;
+        dataAttributes: v,
+        children: C()
+    })) : C(v);
+}, oe = J;

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

@@ -10,13 +10,13 @@ function _export(target, all) {
 }
 _export(exports, {
     actions: function() {
-        return v;
+        return n;
     },
     actionsVariants: function() {
-        return _;
+        return v;
     },
     adjustButtonLink: function() {
-        return n;
+        return _;
     },
     button: function() {
         return t;
@@ -46,28 +46,25 @@ _export(exports, {
         return b;
     },
     minHeight: function() {
-        return c;
-    },
-    minHeightBox: function() {
         return d;
     },
     paddingX: function() {
-        return m;
+        return c;
     },
     topActionsWithoutIcon: function() {
         return l;
     },
     touchableArea: function() {
-        return p;
+        return m;
     },
     touchableCardOverlay: function() {
-        return s;
+        return p;
     },
     touchableContainer: function() {
-        return g;
+        return s;
     },
     vars: function() {
-        return j;
+        return g;
     },
     zindex: function() {
         return k;
@@ -76,9 +73,9 @@ _export(exports, {
 require("../sprinkles.css.ts.vanilla.css-mistica.js");
 require("../icon-button.css.ts.vanilla.css-mistica.js");
 require("./advanced-data-card.css.ts.vanilla.css-mistica.js");
-var v = "_1x00fru3 _1x00fru1 _1y2v1nfaa _1y2v1nfbj _1y2v1nfhk _1y2v1nfi6 _1y2v1nfhw _1y2v1nf97", _ = {
-    default: "_1x00frul",
-    mobile: "_1x00frum"
-}, n = "_1x00frus", t = "_1x00fruo", u = "_1x00frup _1x00fruo", o = "_1x00fru9 _1x00fru1 _1y2v1nfaa _1y2v1nfbj _1y2v1nf7m _1y2v1nf97", i = "_1x00frue _1y2v1nfhe _1y2v1nfhk _1y2v1nfi6 _1y2v1nfhq _1y2v1nfi7 _1y2v1nfio _1x00frub", x = "_1x00fruj", y = "_1x00frur _1y2v1nfhk _1y2v1nfhp", e = "_1y2v1nfhk _1y2v1nfi6 _1y2v1nfhz _1y2v1nfjt", h = "_1x00frun", b = "_1x00frut", c = "_1x00frub", d = "_1x00fruc", m = "_1x00fru1 _1y2v1nfaa _1y2v1nfbj", l = "_1x00fruv", p = "_1x00fru4", s = "_1x00fru7", g = "_1x00fru5", j = {
-    topActionsCount: "var(--_1x00fruu)"
+var n = "_1x00fru3 _1x00fru1 _1y2v1nfaa _1y2v1nfbj _1y2v1nfhk _1y2v1nfhw _1y2v1nf97", v = {
+    default: "_1x00fruk",
+    mobile: "_1x00frul"
+}, _ = "_1x00frur", t = "_1x00frun", u = "_1x00fruo _1x00frun", o = "_1x00fru9 _1x00fru1 _1y2v1nfaa _1y2v1nfbj _1y2v1nf7m _1y2v1nf97", i = "_1x00frud _1y2v1nfhe _1y2v1nfhk _1y2v1nfi6 _1y2v1nfhq _1y2v1nfi7 _1y2v1nfio _1x00frub", x = "_1x00frui", y = "_1x00fruq _1y2v1nfhk _1y2v1nfhp", e = "_1y2v1nfhk _1y2v1nfi6 _1y2v1nfhz _1y2v1nfjt", h = "_1x00frum", b = "_1x00frus", d = "_1x00frub", c = "_1x00fru1 _1y2v1nfaa _1y2v1nfbj", l = "_1x00fruu", m = "_1x00fru4", p = "_1x00fru7", s = "_1x00fru5", g = {
+    topActionsCount: "var(--_1x00frut)"
 }, k = "_1x00frua";

package/dist/community/advanced-data-card.css.d.ts

@@ -7,7 +7,6 @@ export declare const touchableCardOverlay: string;
 export declare const cardContentStyle: string;
 export declare const zindex: string;
 export declare const minHeight: string;
-export declare const minHeightBox: string;
 export declare const dataCard: string;
 export declare const cardActionIconButton: string;
 export declare const cardAction: string;

package/dist/community/advanced-data-card.js

@@ -11,10 +11,10 @@ function _export(target, all) {
 }
 _export(exports, {
     AdvancedDataCard: function() {
-        return Ce;
+        return xe;
     },
     default: function() {
-        return Ee;
+        return We;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -160,8 +160,8 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const xe = (_param)=>{
-    var { headline: a, pretitle: i, pretitleAs: n = "p", pretitleLinesMax: p, title: d, titleAs: c = "h3", titleLinesMax: l, subtitle: m, subtitleLinesMax: o, description: r, descriptionLinesMax: u, ariaLabel: y } = _param, s = _object_without_properties(_param, [
+const ye = (_param)=>{
+    var { headline: a, pretitle: i, pretitleAs: n = "p", pretitleLinesMax: p, title: d, titleAs: c = "h3", titleLinesMax: l, subtitle: m, subtitleLinesMax: o, description: r, descriptionLinesMax: u, ariaLabel: x } = _param, s = _object_without_properties(_param, [
         "headline",
         "pretitle",
         "pretitleAs",
@@ -185,7 +185,7 @@ const xe = (_param)=>{
                 maybe: !0,
                 className: (0, _classnames.default)(_advanceddatacardcssmistica.touchableArea)
             }, s), {
-                "aria-label": y,
+                "aria-label": x,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {})
             })),
             i && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
@@ -225,7 +225,7 @@ const xe = (_param)=>{
             })
         ]
     });
-}, ye = (param)=>{
+}, Ne = (param)=>{
     let { button: a, footerImage: i, footerText: n, footerTextLinesMax: p, buttonLink: d } = param;
     const c = !!a, l = !!i, m = !!n, o = !!d, r = c && (l || m) && o, u = o && !r ? "178px" : "";
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
@@ -280,8 +280,8 @@ const xe = (_param)=>{
             })
         ]
     });
-}, Ce = /*#__PURE__*/ _react.forwardRef((_param, E)=>{
-    var { stackingGroup: a, headline: i, pretitle: n, pretitleAs: p, pretitleLinesMax: d, title: c, titleAs: l, titleLinesMax: m, subtitle: o, subtitleLinesMax: r, description: u, descriptionLinesMax: y, extra: s, extraDividerPadding: C = 24, button: B, footerImage: R, footerText: S, footerTextLinesMax: V, buttonLink: D, dataAttributes: W, actions: g, "aria-label": w, onClose: F } = _param, f = _object_without_properties(_param, [
+}, xe = /*#__PURE__*/ _react.forwardRef((_param, E)=>{
+    var { stackingGroup: a, headline: i, pretitle: n, pretitleAs: p, pretitleLinesMax: d, title: c, titleAs: l, titleLinesMax: m, subtitle: o, subtitleLinesMax: r, description: u, descriptionLinesMax: x, extra: s, extraDividerPadding: C = 24, button: A, footerImage: T, footerText: B, footerTextLinesMax: V, buttonLink: R, dataAttributes: W, actions: g, "aria-label": S, onClose: D } = _param, f = _object_without_properties(_param, [
         "stackingGroup",
         "headline",
         "pretitle",
@@ -307,12 +307,12 @@ const xe = (_param)=>{
         "onClose"
     ]);
     const G = !!f.href || !!f.onPress || !!f.to, L = {
-        button: B,
-        footerImage: R,
-        footerText: S,
+        button: A,
+        footerImage: T,
+        footerText: B,
         footerTextLinesMax: V,
-        buttonLink: D
-    }, b = !!B || !!R || !!S || !!D, A = !!(s != null && s.length), M = ((g == null ? void 0 : g.length) || 0) + (F ? 1 : 0);
+        buttonLink: R
+    }, w = !!A || !!T || !!B || !!R, F = !!(s != null && s.length), M = ((g == null ? void 0 : g.length) || 0) + (D ? 1 : 0);
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("section", _object_spread_props(_object_spread({
         className: (0, _sprinklescssmistica.sprinkles)({
             position: "relative",
@@ -320,7 +320,7 @@ const xe = (_param)=>{
         })
     }, (0, _dom.getPrefixedDataAttributes)(W, "AdvancedDataCard")), {
         ref: E,
-        "aria-label": w,
+        "aria-label": S,
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_boxed.Boxed, {
             className: _advanceddatacardcssmistica.dataCard,
             children: [
@@ -331,10 +331,9 @@ const xe = (_param)=>{
                             className: _advanceddatacardcssmistica.touchableCardOverlay
                         }),
                         /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                            className: (0, _classnames.default)(_advanceddatacardcssmistica.cardContentStyle, !b && !A ? _advanceddatacardcssmistica.minHeight : ""),
+                            className: (0, _classnames.default)(_advanceddatacardcssmistica.cardContentStyle, !w && !F ? _advanceddatacardcssmistica.minHeight : ""),
                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                                 paddingTop: 8,
-                                className: !b && !A ? "" : _advanceddatacardcssmistica.minHeightBox,
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
                                     space: 0,
                                     children: [
@@ -342,7 +341,7 @@ const xe = (_param)=>{
                                             space: 8,
                                             children: [
                                                 a,
-                                                /* @__PURE__ */ (0, _jsxruntime.jsx)(xe, _object_spread({
+                                                /* @__PURE__ */ (0, _jsxruntime.jsx)(ye, _object_spread({
                                                     headline: i,
                                                     pretitle: n,
                                                     pretitleAs: p,
@@ -353,8 +352,8 @@ const xe = (_param)=>{
                                                     subtitle: o,
                                                     subtitleLinesMax: r,
                                                     description: u,
-                                                    descriptionLinesMax: y,
-                                                    ariaLabel: w
+                                                    descriptionLinesMax: x,
+                                                    ariaLabel: S
                                                 }, f))
                                             ]
                                         }),
@@ -373,33 +372,33 @@ const xe = (_param)=>{
                                 flexGrow: 1
                             }
                         }),
-                        A && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                        F && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                             paddingTop: 16,
                             paddingBottom: 24,
                             width: "100%",
                             className: _advanceddatacardcssmistica.zindex,
-                            children: s.map((O, H)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+                            children: s.map((O, I)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                                     children: [
                                         /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                             className: _advanceddatacardcssmistica.paddingX,
                                             children: O
                                         }),
-                                        H + 1 !== s.length && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                                        I + 1 !== s.length && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                                             paddingY: C,
                                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
                                         })
                                     ]
-                                }, H))
+                                }, I))
                         }),
                         /* @__PURE__ */ (0, _jsxruntime.jsx)(_card.CardActionsGroup, {
                             actions: g,
-                            onClose: F,
+                            onClose: D,
                             padding: 15
                         })
                     ]
                 }),
-                b && /* @__PURE__ */ (0, _jsxruntime.jsx)(ye, _object_spread({}, L))
+                w && /* @__PURE__ */ (0, _jsxruntime.jsx)(Ne, _object_spread({}, L))
             ]
         })
     }));
-}), Ee = Ce;
+}), We = xe;

package/dist/highlighted-card.d.ts

@@ -1,4 +1,6 @@
 import * as React from 'react';
+import type { ExclusifyUnion } from './utils/utility-types';
+import type { TouchableComponentProps } from './touchable';
 import type { ButtonLink, NullableButtonElement } from './button';
 import type { DataAttributes, RendersNullableElement, TrackingEvent } from './utils/types';
 type TextProps = {
@@ -25,42 +27,10 @@ type CommonProps = TextProps & {
     width?: string | number;
     dataAttributes?: DataAttributes;
 };
-type BasicProps = CommonProps & {
-    button?: undefined;
-    onPress?: undefined;
-    to?: undefined;
-    href?: undefined;
-};
 type ButtonProps = CommonProps & {
-    button?: NullableButtonElement | RendersNullableElement<typeof ButtonLink>;
-    onPress?: undefined;
-    to?: undefined;
-    href?: undefined;
-};
-type HrefProps = CommonProps & {
-    href?: string;
-    newTab?: boolean;
-    onPress?: undefined;
-    to?: undefined;
-    button?: undefined;
-    fullPageOnWebView?: undefined;
-};
-type ToProps = CommonProps & {
-    to?: string;
-    fullPageOnWebView?: boolean;
-    href?: undefined;
-    onPress?: undefined;
-    button?: undefined;
-    newTab?: undefined;
-};
-type OnPressProps = CommonProps & {
-    onPress?: () => void;
-    href?: undefined;
-    to?: undefined;
-    button?: undefined;
-    newTab?: undefined;
-    fullPageOnWebView?: undefined;
+    button: NullableButtonElement | RendersNullableElement<typeof ButtonLink> | undefined;
 };
-type Props = BasicProps | ButtonProps | HrefProps | ToProps | OnPressProps;
+type TouchableCardProps = TouchableComponentProps<CommonProps>;
+type Props = ExclusifyUnion<ButtonProps | TouchableCardProps>;
 declare const HighlightedCard: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
 export default HighlightedCard;

package/dist/highlighted-card.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return U;
+        return K;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -145,22 +145,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const S = /*#__PURE__*/ _react.forwardRef((e, t)=>{
-    var _e_isInverse;
-    const { title: s, description: n, imageUrl: a, imageFit: r, titleAs: u = "h3" } = e, f = (0, _themevariantcontext.useIsInverseVariant)(), b = (_e_isInverse = e.isInverse) !== null && _e_isInverse !== void 0 ? _e_isInverse : f, d = (0, _maybedismissable.useIsDismissable)(), { textPresets: v } = (0, _hooks.useTheme)(), o = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_boxed.Boxed, {
-        ref: t,
-        isInverse: b,
+const A = /*#__PURE__*/ _react.forwardRef((n, e)=>{
+    var _n_isInverse;
+    const { title: s, description: r, imageUrl: a, imageFit: o, titleAs: g = "h3", width: m, dataAttributes: b, titleLinesMax: f, descriptionLinesMax: v } = n, t = _object_without_properties(n, [
+        "title",
+        "description",
+        "imageUrl",
+        "imageFit",
+        "titleAs",
+        "width",
+        "dataAttributes",
+        "titleLinesMax",
+        "descriptionLinesMax"
+    ]), x = (0, _themevariantcontext.useIsInverseVariant)(), p = (_n_isInverse = n.isInverse) !== null && _n_isInverse !== void 0 ? _n_isInverse : x, d = (0, _maybedismissable.useIsDismissable)(), { textPresets: I } = (0, _hooks.useTheme)(), c = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_boxed.Boxed, {
+        ref: e,
+        isInverse: p,
         className: _highlightedcardcssmistica.container,
         dataAttributes: _object_spread({
             "component-name": "HighlightedCard"
-        }, e.dataAttributes),
-        width: e.width ? `${e.width}px` : "100%",
+        }, b),
+        width: m ? `${m}px` : "100%",
         minHeight: "100%",
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                 role: d ? void 0 : "region",
                 className: _highlightedcardcssmistica.textContainerVariant[a ? "withImage" : "withoutImage"],
-                "aria-label": d ? void 0 : e["aria-label"],
+                "aria-label": d ? void 0 : t["aria-label"],
                 children: [
                     /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
                         space: 8,
@@ -170,23 +180,23 @@ const S = /*#__PURE__*/ _react.forwardRef((e, t)=>{
                                 mobileLineHeight: "24px",
                                 desktopSize: 20,
                                 desktopLineHeight: "28px",
-                                truncate: e.titleLinesMax,
-                                weight: v.cardTitle.weight,
-                                as: u,
+                                truncate: f,
+                                weight: I.cardTitle.weight,
+                                as: g,
                                 hyphens: "auto",
                                 children: s
                             }),
-                            !!n && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+                            !!r && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                                 regular: !0,
                                 color: _skincontractcssmistica.vars.colors.textSecondary,
-                                truncate: e.descriptionLinesMax,
+                                truncate: v,
                                 as: "p",
                                 hyphens: "auto",
-                                children: n
+                                children: r
                             })
                         ]
                     }),
-                    e.button && /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                    t.button && /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
                         children: [
                             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 style: {
@@ -194,7 +204,7 @@ const S = /*#__PURE__*/ _react.forwardRef((e, t)=>{
                                     flexGrow: 1
                                 }
                             }),
-                            e.button
+                            t.button
                         ]
                     })
                 ]
@@ -204,45 +214,31 @@ const S = /*#__PURE__*/ _react.forwardRef((e, t)=>{
                 style: {
                     backgroundImage: `url(${a})`,
                     backgroundRepeat: "no-repeat",
-                    backgroundSize: r === "fit" ? "contain" : "cover",
-                    backgroundPosition: r === "fit" ? "bottom right" : `center ${r === "fill-center" ? "center" : "right"}`
+                    backgroundSize: o === "fit" ? "contain" : "cover",
+                    backgroundPosition: o === "fit" ? "bottom right" : `center ${o === "fill-center" ? "center" : "right"}`
                 }
             })
         ]
     });
-    return e.button ? o : e.onPress ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
-        onPress: e.onPress,
-        trackingEvent: e.trackingEvent,
-        className: _highlightedcardcssmistica.touchableContainer,
-        children: o
-    }) : e.to ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
-        to: e.to,
-        trackingEvent: e.trackingEvent,
-        fullPageOnWebView: e.fullPageOnWebView,
+    return t.button ? c : t.onPress || t.to || t.href ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, t), {
         className: _highlightedcardcssmistica.touchableContainer,
-        children: o
-    }) : e.href ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
-        trackingEvent: e.trackingEvent,
-        href: e.href,
-        newTab: e.newTab,
-        className: _highlightedcardcssmistica.touchableContainer,
-        children: o
-    }) : o;
-}), L = /*#__PURE__*/ _react.forwardRef((_param, s)=>{
-    var { "aria-label": e } = _param, t = _object_without_properties(_param, [
+        children: c
+    })) : c;
+}), D = /*#__PURE__*/ _react.forwardRef((_param, s)=>{
+    var { "aria-label": n } = _param, e = _object_without_properties(_param, [
         "aria-label"
     ]);
-    var _t_isInverse;
-    const n = e || t.title || t.description, a = (0, _themevariantcontext.useIsInverseVariant)(), r = (_t_isInverse = t.isInverse) !== null && _t_isInverse !== void 0 ? _t_isInverse : a;
+    var _e_isInverse;
+    const r = n || e.title || e.description, a = (0, _themevariantcontext.useIsInverseVariant)(), o = (_e_isInverse = e.isInverse) !== null && _e_isInverse !== void 0 ? _e_isInverse : a;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_maybedismissable.default, {
-        onClose: t.onClose,
-        "aria-label": n,
-        width: t.width,
-        isOverMedia: !!t.imageUrl,
-        isInverse: r,
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(S, _object_spread_props(_object_spread({}, t), {
-            "aria-label": n,
+        onClose: e.onClose,
+        "aria-label": r,
+        width: e.width,
+        isOverMedia: !!e.imageUrl,
+        isInverse: o,
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(A, _object_spread_props(_object_spread({}, e), {
+            "aria-label": r,
             ref: s
         }))
     });
-}), U = L;
+}), K = D;