@telefonica/mistica 14.48.0 → 15.1.0

package/dist/callout.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return U;
+        return X;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -83,22 +83,22 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const P = (param)=>{
-    let { title: t, description: c, icon: a, onClose: i, button: l, secondaryButton: s, buttonLink: m, "aria-label": d, dataAttributes: p } = param;
-    const u = (0, _themevariantcontext.useThemeVariant)(), { texts: f } = (0, _hooks.useTheme)();
+const $ = (param)=>{
+    let { title: t, titleAs: c = "h2", description: d, icon: a, onClose: i, button: l, secondaryButton: s, buttonLink: m, "aria-label": p, dataAttributes: u } = param;
+    const f = (0, _themevariantcontext.useThemeVariant)(), { texts: h } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("section", _object_spread_props(_object_spread({
         className: (0, _classnames.default)(_calloutcssmistica.container, (0, _sprinklescssmistica.sprinkles)({
             background: {
                 inverse: _skincontractcssmistica.vars.colors.backgroundContainer,
                 alternative: _skincontractcssmistica.vars.colors.backgroundContainer,
                 default: _skincontractcssmistica.vars.colors.backgroundContainerAlternative
-            }[u]
+            }[f]
         })),
         style: (0, _css.applyCssVars)({
             [_imagecssmistica.vars.mediaBorderRadius]: _skincontractcssmistica.vars.borderRadii.mediaSmall
         }),
-        "aria-label": d !== null && d !== void 0 ? d : t
-    }, (0, _dom.getPrefixedDataAttributes)(p, "Callout")), {
+        "aria-label": p !== null && p !== void 0 ? p : t
+    }, (0, _dom.getPrefixedDataAttributes)(u, "Callout")), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_themevariantcontext.ThemeVariant, {
             isInverse: !1,
             children: [
@@ -120,7 +120,7 @@ const P = (param)=>{
                                         space: 4,
                                         children: [
                                             /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
-                                                as: "h2",
+                                                as: c,
                                                 regular: !0,
                                                 children: t
                                             }),
@@ -128,7 +128,7 @@ const P = (param)=>{
                                                 as: "p",
                                                 regular: !0,
                                                 color: _skincontractcssmistica.vars.colors.textSecondary,
-                                                children: c
+                                                children: d
                                             })
                                         ]
                                     }),
@@ -143,7 +143,7 @@ const P = (param)=>{
                                             bleedRight: !0,
                                             Icon: _iconcloseregular.default,
                                             onPress: i,
-                                            "aria-label": f.closeButtonLabel
+                                            "aria-label": h.closeButtonLabel
                                         })
                                     })
                                 ]
@@ -159,4 +159,4 @@ const P = (param)=>{
             ]
         })
     }));
-}, U = P;
+}, X = $;

package/dist/card.css-mistica.js

@@ -16,10 +16,10 @@ _export(exports, {
         return e;
     },
     cardContainer: function() {
-        return y;
+        return r;
     },
     circularMediaOverlay: function() {
-        return r;
+        return y;
     },
     dataCard: function() {
         return f;
@@ -37,10 +37,10 @@ _export(exports, {
         return t;
     },
     displayCardGradient: function() {
-        return o;
+        return i;
     },
     mediaCard: function() {
-        return i;
+        return o;
     },
     mediaCardContent: function() {
         return C;
@@ -52,37 +52,37 @@ _export(exports, {
         return l;
     },
     snapCard: function() {
-        return u;
+        return b;
     },
     touchable: function() {
-        return b;
+        return p;
     },
     touchableCardOverlay: function() {
-        return p;
+        return u;
     },
     touchableCardOverlayInverse: function() {
         return m;
     },
     touchableCardOverlayMedia: function() {
-        return k;
+        return x;
     },
     touchableContainer: function() {
-        return O;
+        return g;
     },
     touchableMediaCardOverlay: function() {
-        return g;
+        return w;
     },
     touchableNakedMediaOverlay: function() {
-        return M;
+        return O;
     },
     vars: function() {
-        return I;
+        return k;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./icon-button.css.ts.vanilla.css-mistica.js");
 require("./card.css.ts.vanilla.css-mistica.js");
-var n = "_15e54s91 _1y2v1nfh8 _1y2v1nfhu _1y2v1nfho", e = "_15e54s93 _1y2v1nfh8 _1y2v1nfh2", y = "_15e54s9v", r = "_15e54s98", f = "_15e54s9k _1y2v1nf9y _1y2v1nfb7 _1y2v1nf7m _1y2v1nf8v _1y2v1nfh8 _1y2v1nfhu _1y2v1nfh2 _1y2v1nfhe _1y2v1nfhv", h = "_15e54s9w", s = "_15e54s9r", d = "_1y2v1nfhv _1y2v1nfic _1y2v1nfh8 _1y2v1nfh2", t = "_15e54s9q", o = "_15e54s9s", i = "_1y2v1nfh8 _1y2v1nfhe _1y2v1nfic _1y2v1nfhv _1y2v1nfhu", C = "_15e54s9f _1y2v1nf9y _1y2v1nfb7 _1y2v1nfh8 _1y2v1nfhu _1y2v1nfh2 _1y2v1nf7g _1y2v1nf8v _1y2v1nfhe _1y2v1nfhk", c = "_15e54s9g", l = "_15e54s9i _1y2v1nfh8 _1y2v1nfhu _1y2v1nfh2 _1y2v1nfhe _1y2v1nfhk _1y2v1nf7g _1y2v1nfb7", u = "_15e54s9m _1y2v1nf7g _1y2v1nf8p _1y2v1nf9y _1y2v1nfb7 _1y2v1nfh8 _1y2v1nfh2 _1y2v1nfic _1y2v1nfhe _1y2v1nfhk _1y2v1nfhv _1y2v1nfhu", b = "_15e54s95", p = "_15e54s9a _15e54s96", m = "_15e54s9b _15e54s96", k = "_15e54s9c _15e54s96", O = "_15e54s94", g = "_15e54s97 _15e54s96", M = "_15e54s99 _15e54s96", I = {
+var n = "_15e54s91 _1y2v1nfha _1y2v1nfhw _1y2v1nfhq", e = "_15e54s93 _1y2v1nfha _1y2v1nfh4", r = "_15e54s9v", y = "_15e54s98", f = "_15e54s9k _1y2v1nfa0 _1y2v1nfb9 _1y2v1nf7o _1y2v1nf8x _1y2v1nfha _1y2v1nfhw _1y2v1nfh4 _1y2v1nfhg _1y2v1nfhx", h = "_15e54s9w", s = "_15e54s9r", d = "_1y2v1nfhx _1y2v1nfie _1y2v1nfha _1y2v1nfh4", t = "_15e54s9q", i = "_15e54s9s", o = "_1y2v1nfha _1y2v1nfhg _1y2v1nfie _1y2v1nfhx _1y2v1nfhw", C = "_15e54s9f _1y2v1nfa0 _1y2v1nfb9 _1y2v1nfha _1y2v1nfhw _1y2v1nfh4 _1y2v1nf7i _1y2v1nf8x _1y2v1nfhg _1y2v1nfhm", c = "_15e54s9g", l = "_15e54s9i _1y2v1nfha _1y2v1nfhw _1y2v1nfh4 _1y2v1nfhg _1y2v1nfhm _1y2v1nf7i _1y2v1nfb9", b = "_15e54s9m _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfb9 _1y2v1nfha _1y2v1nfh4 _1y2v1nfie _1y2v1nfhg _1y2v1nfhm _1y2v1nfhx _1y2v1nfhw", p = "_15e54s95", u = "_15e54s9a _15e54s96", m = "_15e54s9b _15e54s96", x = "_15e54s9c _15e54s96", g = "_15e54s94", w = "_15e54s97 _15e54s96", O = "_15e54s99 _15e54s96", k = {
     aspectRatio: "var(--_15e54s9t)",
     topActionsCount: "var(--_15e54s9u)"
 };

package/dist/card.d.ts

@@ -63,6 +63,7 @@ interface MediaCardBaseProps {
     pretitle?: string;
     pretitleLinesMax?: number;
     title?: string;
+    titleAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     titleLinesMax?: number;
     subtitle?: string;
     subtitleLinesMax?: number;
@@ -84,6 +85,7 @@ export declare const NakedCard: React.ForwardRefExoticComponent<MediaCardProps &
 type SmallNakedCardProps = MaybeTouchableCard<{
     media: RendersElement<typeof Image> | RendersElement<typeof Video>;
     title?: string;
+    titleAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     titleLinesMax?: number;
     subtitle?: string;
     subtitleLinesMax?: number;
@@ -103,6 +105,7 @@ interface DataCardBaseProps {
     pretitle?: string;
     pretitleLinesMax?: number;
     title?: string;
+    titleAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     titleLinesMax?: number;
     subtitle?: string;
     subtitleLinesMax?: number;
@@ -125,6 +128,7 @@ export declare const DataCard: React.ForwardRefExoticComponent<DataCardProps & R
 type SnapCardProps = MaybeTouchableCard<{
     icon?: React.ReactElement;
     title?: string;
+    titleAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     titleLinesMax?: number;
     subtitle?: string;
     subtitleLinesMax?: number;
@@ -149,6 +153,7 @@ interface CommonDisplayCardProps {
     pretitle?: string;
     pretitleLinesMax?: number;
     title: string;
+    titleAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     titleLinesMax?: number;
     description?: string;
     descriptionLinesMax?: number;
@@ -195,6 +200,7 @@ interface PosterCardBaseProps {
     pretitle?: string;
     pretitleLinesMax?: number;
     title?: string;
+    titleAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     titleLinesMax?: number;
     subtitle?: string;
     subtitleLinesMax?: number;