@telefonica/mistica 14.48.0 → 15.1.0

package/dist-es/callout.js

@@ -53,50 +53,50 @@ function _object_spread_props(target, source) {
 }
 import { jsx as r, jsxs as o } from "react/jsx-runtime";
 import n from "./stack.js";
-import h from "./inline.js";
-import g from "./box.js";
-import { useTheme as b } from "./hooks.js";
-import { useThemeVariant as v, ThemeVariant as x } from "./theme-variant-context.js";
-import { Text3 as C, Text2 as k } from "./text.js";
-import I from "./generated/mistica-icons/icon-close-regular.js";
-import { IconButton as T } from "./icon-button.js";
-import B from "classnames";
-import R from "./button-group.js";
-import { container as y, content as N } from "./callout.css-mistica.js";
-import { vars as S } from "./image.css-mistica.js";
-import { sprinkles as V } from "./sprinkles.css-mistica.js";
+import g from "./inline.js";
+import b from "./box.js";
+import { useTheme as v } from "./hooks.js";
+import { useThemeVariant as x, ThemeVariant as C } from "./theme-variant-context.js";
+import { Text3 as k, Text2 as I } from "./text.js";
+import T from "./generated/mistica-icons/icon-close-regular.js";
+import { IconButton as B } from "./icon-button.js";
+import R from "classnames";
+import y from "./button-group.js";
+import { container as N, content as S } from "./callout.css-mistica.js";
+import { vars as V } from "./image.css-mistica.js";
+import { sprinkles as j } from "./sprinkles.css-mistica.js";
 import { vars as e } from "./skins/skin-contract.css-mistica.js";
-import { getPrefixedDataAttributes as j } from "./utils/dom.js";
-import { applyCssVars as A } from "./utils/css.js";
-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 = v(), { texts: f } = b();
+import { getPrefixedDataAttributes as A } from "./utils/dom.js";
+import { applyCssVars as P } from "./utils/css.js";
+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 = x(), { texts: h } = v();
     return /* @__PURE__ */ r("section", _object_spread_props(_object_spread({
-        className: B(y, V({
+        className: R(N, j({
             background: {
                 inverse: e.colors.backgroundContainer,
                 alternative: e.colors.backgroundContainer,
                 default: e.colors.backgroundContainerAlternative
-            }[u]
+            }[f]
         })),
-        style: A({
-            [S.mediaBorderRadius]: e.borderRadii.mediaSmall
+        style: P({
+            [V.mediaBorderRadius]: e.borderRadii.mediaSmall
         }),
-        "aria-label": d !== null && d !== void 0 ? d : t
-    }, j(p, "Callout")), {
-        children: /* @__PURE__ */ o(x, {
+        "aria-label": p !== null && p !== void 0 ? p : t
+    }, A(u, "Callout")), {
+        children: /* @__PURE__ */ o(C, {
             isInverse: !1,
             children: [
-                a && /* @__PURE__ */ r(g, {
+                a && /* @__PURE__ */ r(b, {
                     paddingRight: 16,
                     children: a
                 }),
                 /* @__PURE__ */ r("div", {
-                    className: N,
+                    className: S,
                     children: /* @__PURE__ */ o(n, {
                         space: 16,
                         children: [
-                            /* @__PURE__ */ o(h, {
+                            /* @__PURE__ */ o(g, {
                                 fullWidth: !0,
                                 alignItems: "flex-start",
                                 space: "between",
@@ -104,16 +104,16 @@ const P = (param)=>{
                                     /* @__PURE__ */ o(n, {
                                         space: 4,
                                         children: [
-                                            /* @__PURE__ */ r(C, {
-                                                as: "h2",
+                                            /* @__PURE__ */ r(k, {
+                                                as: c,
                                                 regular: !0,
                                                 children: t
                                             }),
-                                            /* @__PURE__ */ r(k, {
+                                            /* @__PURE__ */ r(I, {
                                                 as: "p",
                                                 regular: !0,
                                                 color: e.colors.textSecondary,
-                                                children: c
+                                                children: d
                                             })
                                         ]
                                     }),
@@ -122,18 +122,18 @@ const P = (param)=>{
                                             // Align the X with the text content
                                             marginTop: "0.125rem"
                                         },
-                                        children: /* @__PURE__ */ r(T, {
+                                        children: /* @__PURE__ */ r(B, {
                                             small: !0,
                                             bleedY: !0,
                                             bleedRight: !0,
-                                            Icon: I,
+                                            Icon: T,
                                             onPress: i,
-                                            "aria-label": f.closeButtonLabel
+                                            "aria-label": h.closeButtonLabel
                                         })
                                     })
                                 ]
                             }),
-                            (l || s || m) && /* @__PURE__ */ r(R, {
+                            (l || s || m) && /* @__PURE__ */ r(y, {
                                 primaryButton: l,
                                 secondaryButton: s,
                                 link: m
@@ -144,5 +144,5 @@ const P = (param)=>{
             ]
         })
     }));
-}, U = P;
-export { U as default };
+}, X = $;
+export { X as default };

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

@@ -1,8 +1,8 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./icon-button.css.ts.vanilla.css-mistica.js";
 import "./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)"
 };
-export { n as actions, e as boxed, y as cardContainer, r as circularMediaOverlay, f as dataCard, h as dataCardTopActionsWithoutIcon, s as displayCardBackground, d as displayCardContainer, t as displayCardContent, o as displayCardGradient, i as mediaCard, C as mediaCardContent, c as mediaCardIcon, l as nakedCardContent, u as snapCard, b as touchable, p as touchableCardOverlay, m as touchableCardOverlayInverse, k as touchableCardOverlayMedia, O as touchableContainer, g as touchableMediaCardOverlay, M as touchableNakedMediaOverlay, I as vars };
+export { n as actions, e as boxed, r as cardContainer, y as circularMediaOverlay, f as dataCard, h as dataCardTopActionsWithoutIcon, s as displayCardBackground, d as displayCardContainer, t as displayCardContent, i as displayCardGradient, o as mediaCard, C as mediaCardContent, c as mediaCardIcon, l as nakedCardContent, b as snapCard, p as touchable, u as touchableCardOverlay, m as touchableCardOverlayInverse, x as touchableCardOverlayMedia, g as touchableContainer, w as touchableMediaCardOverlay, O as touchableNakedMediaOverlay, k as vars };