@telefonica/mistica 15.17.0 → 15.19.0

package/dist-es/callout.js

@@ -53,52 +53,52 @@ function _object_spread_props(target, source) {
 }
 import { jsx as r, jsxs as e } from "react/jsx-runtime";
 import m from "./stack.js";
-import b from "./inline.js";
-import v from "./box.js";
-import { useTheme as x } from "./hooks.js";
-import { useThemeVariant as C, ThemeVariant as B } from "./theme-variant-context.js";
-import { Text3 as k, Text2 as I } from "./text.js";
-import R from "./generated/mistica-icons/icon-close-regular.js";
-import { IconButton as T } from "./icon-button.js";
-import N from "classnames";
-import S from "./button-group.js";
-import { container as y, content as V, closeButtonContainerSize as j, closeButtonContainer as A } from "./callout.css-mistica.js";
-import { vars as P } from "./image.css-mistica.js";
-import { sprinkles as $ } from "./sprinkles.css-mistica.js";
+import v from "./inline.js";
+import x from "./box.js";
+import { useTheme as C } from "./hooks.js";
+import { useThemeVariant as B, ThemeVariant as k } from "./theme-variant-context.js";
+import { Text3 as I, Text2 as R } from "./text.js";
+import T from "./generated/mistica-icons/icon-close-regular.js";
+import { IconButton as N } from "./icon-button.js";
+import S from "classnames";
+import y from "./button-group.js";
+import { container as V, content as j, closeButtonContainerSize as A, closeButtonContainer as P } from "./callout.css-mistica.js";
+import { vars as $ } from "./image.css-mistica.js";
+import { sprinkles as w } from "./sprinkles.css-mistica.js";
 import { vars as o } from "./skins/skin-contract.css-mistica.js";
-import { getPrefixedDataAttributes as w } from "./utils/dom.js";
-import { applyCssVars as z } from "./utils/css.js";
-const D = (param)=>{
-    let { title: a, titleAs: c = "h2", description: d, icon: i, onClose: t, button: l, secondaryButton: s, buttonLink: n, "aria-label": p, dataAttributes: u, role: f } = param;
-    const h = C(), { texts: g } = x();
+import { getPrefixedDataAttributes as z } from "./utils/dom.js";
+import { applyCssVars as D } from "./utils/css.js";
+const G = (param)=>{
+    let { title: a, titleAs: c = "h2", description: d, icon: i, onClose: t, closeButtonLabel: p, button: l, secondaryButton: s, buttonLink: n, "aria-label": u, dataAttributes: f, role: h } = param;
+    const g = B(), { texts: b } = C();
     return /* @__PURE__ */ r("section", _object_spread_props(_object_spread({
-        className: N(y, $({
+        className: S(V, w({
             background: {
                 inverse: o.colors.backgroundContainer,
                 alternative: o.colors.backgroundContainer,
                 default: o.colors.backgroundContainerAlternative
-            }[h]
+            }[g]
         })),
-        style: z({
-            [P.mediaBorderRadius]: o.borderRadii.mediaSmall
+        style: D({
+            [$.mediaBorderRadius]: o.borderRadii.mediaSmall
         }),
-        "aria-label": p !== null && p !== void 0 ? p : a,
-        role: f
-    }, w(u, "Callout")), {
-        children: /* @__PURE__ */ e(B, {
+        "aria-label": u !== null && u !== void 0 ? u : a,
+        role: h
+    }, z(f, "Callout")), {
+        children: /* @__PURE__ */ e(k, {
             isInverse: !1,
             children: [
-                i && /* @__PURE__ */ r(v, {
+                i && /* @__PURE__ */ r(x, {
                     paddingRight: 16,
                     children: i
                 }),
                 /* @__PURE__ */ e("div", {
-                    className: V,
+                    className: j,
                     children: [
                         /* @__PURE__ */ e(m, {
                             space: 16,
                             children: [
-                                /* @__PURE__ */ e(b, {
+                                /* @__PURE__ */ e(v, {
                                     fullWidth: !0,
                                     alignItems: "flex-start",
                                     space: "between",
@@ -106,12 +106,12 @@ const D = (param)=>{
                                         /* @__PURE__ */ e(m, {
                                             space: 4,
                                             children: [
-                                                /* @__PURE__ */ r(k, {
+                                                /* @__PURE__ */ r(I, {
                                                     as: c,
                                                     regular: !0,
                                                     children: a
                                                 }),
-                                                /* @__PURE__ */ r(I, {
+                                                /* @__PURE__ */ r(R, {
                                                     as: "p",
                                                     regular: !0,
                                                     color: o.colors.textSecondary,
@@ -122,11 +122,11 @@ const D = (param)=>{
                                         t && // Create empty div in order to fill space that iconButton occupies.
                                         // Without this, the content's vertical alignment can be affected
                                         /* @__PURE__ */ r("div", {
-                                            className: j
+                                            className: A
                                         })
                                     ]
                                 }),
-                                (l || s || n) && /* @__PURE__ */ r(S, {
+                                (l || s || n) && /* @__PURE__ */ r(y, {
                                     primaryButton: l,
                                     secondaryButton: s,
                                     link: n
@@ -134,14 +134,14 @@ const D = (param)=>{
                             ]
                         }),
                         t && /* @__PURE__ */ r("div", {
-                            className: A,
-                            children: /* @__PURE__ */ r(T, {
+                            className: P,
+                            children: /* @__PURE__ */ r(N, {
                                 small: !0,
                                 bleedY: !0,
                                 bleedRight: !0,
-                                Icon: R,
+                                Icon: T,
                                 onPress: t,
-                                "aria-label": g.closeButtonLabel
+                                "aria-label": p !== null && p !== void 0 ? p : b.closeButtonLabel
                             })
                         })
                     ]
@@ -149,5 +149,5 @@ const D = (param)=>{
             ]
         })
     }));
-}, rr = D;
-export { rr as default };
+}, er = G;
+export { er as default };