@telefonica/mistica 14.6.0 → 14.7.0

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./callout.css.ts.vanilla.js";
-var y = "_14g0jmy1 _1y2v1nf6a _1y2v1nf6o _1y2v1nf72 _1y2v1nf7g _1y2v1nf5i _1y2v1nf9k _1y2v1nf9o", _ = "_14g0jmy3 _1y2v1nf64";
+var y = "_14g0jmy1 _1y2v1nf6g _1y2v1nf6u _1y2v1nf78 _1y2v1nf7m _1y2v1nf5o _1y2v1nf9v _1y2v1nfa4", _ = "_14g0jmy3 _1y2v1nf6a";
 export { y as container, _ as content };

package/dist-es/callout.js

@@ -54,27 +54,31 @@ import c from "./stack.js";
 import h from "./inline.js";
 import g from "./box.js";
 import { useTheme as x } from "./hooks.js";
-import { useIsInverseVariant as I, ThemeVariant as v } from "./theme-variant-context.js";
-import { Text3 as k, Text2 as y } from "./text.js";
-import B from "./generated/mistica-icons/icon-close-regular.js";
-import C from "./icon-button.js";
-import T from "classnames";
-import b from "./button-group.js";
+import { useThemeVariant as v, ThemeVariant as k } from "./theme-variant-context.js";
+import { Text3 as C, Text2 as I } from "./text.js";
+import T from "./generated/mistica-icons/icon-close-regular.js";
+import b from "./icon-button.js";
+import y from "classnames";
+import B from "./button-group.js";
 import { container as j, content as z } from "./callout.css-mistica.js";
 import { sprinkles as A } from "./sprinkles.css-mistica.js";
 import { vars as e } from "./skins/skin-contract.css-mistica.js";
 import { getPrefixedDataAttributes as N } from "./utils/dom.js";
-import { jsx as r, jsxs as o } from "./_virtual/jsx-runtime.js";
+import { jsx as r, jsxs as t } from "./_virtual/jsx-runtime.js";
 const O = (param)=>{
-    let { title: s , description: p , icon: i , onClose: n , button: l , secondaryButton: a , buttonLink: m , "aria-label": t , dataAttributes: f  } = param;
-    const u = I(), { texts: d  } = x();
+    let { title: n , description: p , icon: i , onClose: a , button: l , secondaryButton: s , buttonLink: m , "aria-label": o , dataAttributes: f  } = param;
+    const u = v(), { texts: d  } = x();
     return /* @__PURE__ */ r("section", _objectSpreadProps(_objectSpread({
-        className: T(j, A({
-            background: u ? e.colors.backgroundContainer : e.colors.backgroundAlternative
+        className: y(j, A({
+            background: {
+                inverse: e.colors.backgroundContainer,
+                alternative: e.colors.backgroundContainer,
+                default: e.colors.backgroundContainerAlternative
+            }[u]
         })),
-        "aria-label": t != null ? t : s
+        "aria-label": o != null ? o : n
     }, N(f, "Callout")), {
-        children: /* @__PURE__ */ o(v, {
+        children: /* @__PURE__ */ t(k, {
             isInverse: !1,
             children: [
                 i && /* @__PURE__ */ r(g, {
@@ -83,23 +87,23 @@ const O = (param)=>{
                 }),
                 /* @__PURE__ */ r("div", {
                     className: z,
-                    children: /* @__PURE__ */ o(c, {
+                    children: /* @__PURE__ */ t(c, {
                         space: 16,
                         children: [
-                            /* @__PURE__ */ o(h, {
+                            /* @__PURE__ */ t(h, {
                                 fullWidth: !0,
                                 alignItems: "flex-start",
                                 space: "between",
                                 children: [
-                                    /* @__PURE__ */ o(c, {
+                                    /* @__PURE__ */ t(c, {
                                         space: 4,
                                         children: [
-                                            /* @__PURE__ */ r(k, {
+                                            /* @__PURE__ */ r(C, {
                                                 as: "h2",
                                                 regular: !0,
-                                                children: s
+                                                children: n
                                             }),
-                                            /* @__PURE__ */ r(y, {
+                                            /* @__PURE__ */ r(I, {
                                                 as: "p",
                                                 regular: !0,
                                                 color: e.colors.textSecondary,
@@ -107,7 +111,7 @@ const O = (param)=>{
                                             })
                                         ]
                                     }),
-                                    n && /* @__PURE__ */ r(C, {
+                                    a && /* @__PURE__ */ r(b, {
                                         size: 40,
                                         style: {
                                             display: "flex",
@@ -115,18 +119,18 @@ const O = (param)=>{
                                             alignItems: "center",
                                             justifyContent: "center"
                                         },
-                                        onPress: n,
+                                        onPress: a,
                                         "aria-label": d.closeButtonLabel,
-                                        children: /* @__PURE__ */ r(B, {
+                                        children: /* @__PURE__ */ r(T, {
                                             size: 24,
                                             color: e.colors.neutralHigh
                                         })
                                     })
                                 ]
                             }),
-                            (l || a || m) && /* @__PURE__ */ r(b, {
+                            (l || s || m) && /* @__PURE__ */ r(B, {
                                 primaryButton: l,
-                                secondaryButton: a,
+                                secondaryButton: s,
                                 link: m
                             })
                         ]

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 = "_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 };
+var _ = "_15e54s91 _1y2v1nf5o _1y2v1nf6a _1y2v1nf64", y = "_15e54s93 _1y2v1nf5o", f = "_15e54s9j _1y2v1nf84 _1y2v1nf8j _1y2v1nf5o _1y2v1nf63 _1y2v1nf5x _1y2v1nf9n", a = "_1y2v1nf5o _1y2v1nf86 _1y2v1nf8l _1y2v1nf63 _1y2v1nf5x", r = "_15e54s9k _1y2v1nf84 _1y2v1nf8j _1y2v1nf5o _1y2v1nf63 _1y2v1nf5x _1y2v1nf9n", o = "_15e54s98 _1y2v1nf78 _1y2v1nf7m _1y2v1nf6h _1y2v1nf6v _1y2v1nf5o _1y2v1nf6a _1y2v1nf5u _1y2v1nf7v", e = "_15e54s9f _1y2v1nf5o _1y2v1nf6a _1y2v1nf5u _1y2v1nf60", d = "_15e54s9g", s = "_1y2v1nf5o _1y2v1nf5u _1y2v1nf8b _1y2v1nf7v", t = "_15e54s96 _1y2v1nf78 _1y2v1nf7m _1y2v1nf5o _1y2v1nf6a _1y2v1nf6g _1y2v1nf6v _1y2v1nf5u _1y2v1nf60", i = "_15e54s9a _1y2v1nf6g _1y2v1nf6u _1y2v1nf78 _1y2v1nf7m _1y2v1nf5o _1y2v1nf8b _1y2v1nf5u _1y2v1nf60 _1y2v1nf6a", c = "_15e54s9c _1y2v1nf6b _1y2v1nf6p _1y2v1nf73 _1y2v1nf7h _1y2v1nf5o _1y2v1nf8b _1y2v1nf7v _1y2v1nf9m _1y2v1nf5i", p = "_15e54s9d _1y2v1nf6b _1y2v1nf6p _1y2v1nf73 _1y2v1nf7h _1y2v1nf5o _1y2v1nf8b _1y2v1nf7v _1y2v1nf9m _1y2v1nf5i";
+export { _ as actions, y as boxed, f as cardAction, a as cardActionIconButton, r as cardActionInverse, o as dataCard, e as displayCard, d as displayCardGradient, s as mediaCard, t as mediaCardContent, i as snapCard, c as snapCardTouchableHover, p as snapCardTouchableHoverTransparent };