@telefonica/mistica 16.2.0 → 16.3.0

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

@@ -1,11 +1,17 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./chip.css.ts.vanilla.css-mistica.js";
-var c = "_1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfk2 _1y2v1nf7c", t = {
+var f = "_1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfk2 _1y2v1nf7c", t = {
     light: "cc7htnd cc7htnb",
     dark: "cc7htne cc7htnb"
-}, f = {
+}, c = {
     default: "cc7htn3 _1y2v1nfk1 _1y2v1nf3q _1y2v1nf26",
     overAlternative: "cc7htn3 _1y2v1nfk1 _1y2v1nf3y _1y2v1nf26",
     active: "cc7htna cc7htn4 cc7htn3 _1y2v1nfk1 _1y2v1nf1i _1y2v1nf6l"
-}, y = "_1y2v1nfhl _1y2v1nfht _1y2v1nfhz", _ = "cc7htnf", h = "cc7htng", a = "_1y2v1nfhk _1y2v1nfi6 _1y2v1nfht _1y2v1nfhz";
-export { c as button, t as chipInteractiveVariants, f as chipVariants, y as chipWrapper, _ as icon, h as iconActive, a as wrappedContent };
+}, y = "_1y2v1nfhl _1y2v1nfht _1y2v1nfhz", a = "cc7htng _1y2v1nfba", _ = "cc7htni _1y2v1nfba", h = {
+    default: "_1y2v1nfad _1y2v1nfa9",
+    withIcon: "_1y2v1nfaa _1y2v1nfa6"
+}, i = {
+    default: "_1y2v1nfbm _1y2v1nfbi",
+    withIcon: "_1y2v1nfbj _1y2v1nfbf"
+}, r = "_1y2v1nfhk _1y2v1nfi6 _1y2v1nfht _1y2v1nfhz";
+export { f as button, t as chipInteractiveVariants, c as chipVariants, y as chipWrapper, a as icon, _ as iconActive, h as leftPadding, i as rightPadding, r as wrappedContent };

package/dist-es/chip.js

@@ -51,63 +51,49 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsxs as d, Fragment as C, jsx as t } from "react/jsx-runtime";
+import { jsxs as d, Fragment as b, jsx as t } from "react/jsx-runtime";
 import m from "classnames";
-import { useTheme as V } from "./hooks.js";
+import { useTheme as R } from "./hooks.js";
 import x from "./badge.js";
-import r from "./box.js";
-import { Text2 as z } from "./text.js";
-import D from "./generated/mistica-icons/icon-close-regular.js";
+import V from "./box.js";
+import { Text2 as k } from "./text.js";
+import z from "./generated/mistica-icons/icon-close-regular.js";
 import { pxToRem as i } from "./utils/css.js";
-import { iconActive as M, icon as $, chipVariants as h, chipWrapper as u, button as F, wrappedContent as W, chipInteractiveVariants as q } from "./chip.css-mistica.js";
+import { iconActive as M, icon as $, chipVariants as u, chipWrapper as h, leftPadding as n, rightPadding as f, button as F, wrappedContent as W, chipInteractiveVariants as q } from "./chip.css-mistica.js";
 import { vars as E } from "./skins/skin-contract.css-mistica.js";
 import { useThemeVariant as G } from "./theme-variant-context.js";
 import H, { BaseTouchable as J } from "./touchable.js";
 import { closeButtonLabel as K } from "./text-tokens.js";
+import { getPrefixedDataAttributes as C } from "./utils/dom.js";
 const O = (e)=>{
-    const { Icon: n, children: A, id: B, dataAttributes: R, active: a, badge: o, onClose: s, closeButtonLabel: T } = e, { texts: k, isDarkMode: I, textPresets: L, t: w } = V(), p = G() === "alternative", f = n ? {
-        mobile: 16,
-        desktop: 8
-    } : {
-        mobile: 20,
-        desktop: 12
-    }, y = {
-        mobile: 20,
-        desktop: 12
-    }, g = {
-        mobile: 16,
-        desktop: 8
-    }, b = /* @__PURE__ */ d(C, {
+    const { Icon: o, children: I, id: w, dataAttributes: A, active: a, badge: r, onClose: c, closeButtonLabel: B } = e, { texts: T, isDarkMode: P, textPresets: y, t: L } = R(), p = G() === "alternative", v = /* @__PURE__ */ d(b, {
         children: [
-            n && /* @__PURE__ */ t(r, {
-                paddingRight: 4,
+            o && /* @__PURE__ */ t("div", {
                 className: a ? M : $,
-                children: /* @__PURE__ */ t(n, {
+                children: /* @__PURE__ */ t(o, {
                     color: "currentColor",
                     size: i(16)
                 })
             }),
-            /* @__PURE__ */ t(r, {
-                paddingRight: o ? 8 : s ? 4 : 0,
-                children: /* @__PURE__ */ t(z, {
-                    id: B,
-                    weight: L.indicator.weight,
+            /* @__PURE__ */ t(V, {
+                paddingRight: r ? 8 : c ? 4 : 0,
+                children: /* @__PURE__ */ t(k, {
+                    id: w,
+                    weight: y.indicator.weight,
                     truncate: 1,
                     color: "currentColor",
-                    children: A
+                    children: I
                 })
             })
         ]
-    }), c = _object_spread({
+    }), l = _object_spread({
         "component-name": "Chip"
-    }, R);
-    if (s) return /* @__PURE__ */ d(r, {
-        className: m(p ? h.overAlternative : h.default, u),
-        paddingLeft: f,
-        paddingRight: g,
-        dataAttributes: c,
+    }, A);
+    if (c) return /* @__PURE__ */ d("div", _object_spread_props(_object_spread({
+        className: m(p ? u.overAlternative : u.default, h, o ? n.withIcon : n.default, f.withIcon)
+    }, C(l)), {
         children: [
-            b,
+            v,
             /* @__PURE__ */ t(H, {
                 style: {
                     display: "flex",
@@ -116,36 +102,34 @@ const O = (e)=>{
                     width: i(24),
                     height: i(24)
                 },
-                "aria-label": T || k.closeButtonLabel || w(K),
-                onPress: ()=>s(),
-                children: /* @__PURE__ */ t(D, {
+                "aria-label": B || T.closeButtonLabel || L(K),
+                onPress: ()=>c(),
+                children: /* @__PURE__ */ t(z, {
                     size: i(16),
                     color: E.colors.neutralMedium
                 })
             })
         ]
-    });
-    const l = e.href || e.onPress || e.to, N = a !== void 0 || l, j = ()=>o ? /* @__PURE__ */ t(C, {
-            children: o === !0 ? /* @__PURE__ */ t(x, {}) : /* @__PURE__ */ t(x, {
-                value: o
+    }));
+    const s = e.href || e.onPress || e.to, N = a !== void 0 || s, j = ()=>r ? /* @__PURE__ */ t(b, {
+            children: r === !0 ? /* @__PURE__ */ t(x, {}) : /* @__PURE__ */ t(x, {
+                value: r
             })
-        }) : null, v = (P)=>/* @__PURE__ */ d(r, {
-            className: m(h[a ? "active" : p ? "overAlternative" : "default"], // If the chip is wrapped inside a BaseTouchable, we set inline-flex to the Touchable instead
-            l ? W : u, {
-                [q[I ? "dark" : "light"]]: N
-            }),
-            paddingLeft: f,
-            paddingRight: o ? g : y,
-            dataAttributes: P,
+        }) : null, g = (D)=>/* @__PURE__ */ d("div", _object_spread_props(_object_spread({
+            className: m(u[a ? "active" : p ? "overAlternative" : "default"], // If the chip is wrapped inside a BaseTouchable, we set inline-flex to the Touchable instead
+            s ? W : h, {
+                [q[P ? "dark" : "light"]]: N
+            }, o ? n.withIcon : n.default, r ? f.withIcon : f.default)
+        }, C(D)), {
             children: [
-                b,
+                v,
                 j()
             ]
-        });
-    return l ? /* @__PURE__ */ t(J, _object_spread_props(_object_spread({}, e), {
-        className: m(u, F),
-        dataAttributes: c,
-        children: v()
-    })) : v(c);
-}, at = O;
-export { at as default };
+        }));
+    return s ? /* @__PURE__ */ t(J, _object_spread_props(_object_spread({}, e), {
+        className: m(h, F),
+        dataAttributes: l,
+        children: g()
+    })) : g(l);
+}, ct = O;
+export { ct as default };

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

@@ -1,10 +1,10 @@
 import "../sprinkles.css.ts.vanilla.css-mistica.js";
 import "../icon-button.css.ts.vanilla.css-mistica.js";
 import "./advanced-data-card.css.ts.vanilla.css-mistica.js";
-var f = 216, n = "_1x00fru4 _1x00fru2 _1y2v1nfaa _1y2v1nfbj _1y2v1nfhk _1y2v1nfhw _1y2v1nf97", _ = {
-    default: "_1x00fruj",
-    mobile: "_1x00fruk"
-}, t = "_1x00frus", o = "_1x00frun", u = "_1x00fruo _1x00frun", i = "_1x00fru8 _1x00fru2 _1y2v1nfaa _1y2v1nfbj _1y2v1nf7m _1y2v1nf97", y = "_1y2v1nfhe _1y2v1nfio", x = "_1x00fruc _1y2v1nfhe _1y2v1nfhk _1y2v1nfi6 _1y2v1nfhq", e = "_1x00fruh", h = "_1x00frur _1y2v1nfhk _1y2v1nfhp", d = "_1y2v1nfhz _1y2v1nfhk", c = "_1y2v1nfhk _1y2v1nfi6 _1y2v1nfhz _1y2v1nfjt", b = "_1x00frul", m = "_1x00frut", p = "_1x00frua", s = "_1x00fru2 _1y2v1nfaa _1y2v1nfbj", g = "_1x00fruv", l = "_1x00fru5", k = "_1x00fru6", j = {
-    topActionsCount: "var(--_1x00fruu)"
-}, C = "_1y2v1nf7s", H = "_1x00fru9";
-export { f as MIN_HEIGHT, n as actions, _ as actionsVariants, t as adjustButtonLink, o as button, u as buttonMobile, i as cardContentStyle, y as container, x as dataCard, e as divider, h as footerDirection, d as footerImage, c as footerText, b as marginRightAuto, m as marginRightButton, p as minHeight, s as paddingX, g as topActionsWithoutIcon, l as touchable, k as touchableCardHoverOverlay, j as vars, C as withPaddingTop, H as zindex };
+var a = 216, _ = "_1x00fru4 _1x00fru2 _1y2v1nfaa _1y2v1nfbj _1y2v1nfhk _1y2v1nfhw _1y2v1nf97", n = {
+    default: "_1x00fruk",
+    mobile: "_1x00frul"
+}, t = "_1x00frut", o = "_1x00fruo", u = "_1x00frup _1x00fruo", y = "_1x00fru8 _1x00fru2 _1y2v1nfaa _1y2v1nfbj _1y2v1nf7m _1y2v1nf97", i = "_1y2v1nfhe _1y2v1nfio", x = "_1x00frud _1y2v1nfhe _1y2v1nfhk _1y2v1nfi6 _1y2v1nfhq", e = "_1x00frui", h = "_1x00frua _1y2v1nf7s _1y2v1nf97", d = "_1x00frus _1y2v1nfhk _1y2v1nfhp", b = "_1y2v1nfhz _1y2v1nfhk _1y2v1nfbj", c = "_1y2v1nfhk _1y2v1nfi6 _1y2v1nfhz _1y2v1nfjt", m = "_1x00frum", p = "_1x00fruu", s = "_1x00frub", g = "_1x00fru2 _1y2v1nfaa _1y2v1nfbj", l = "_1x00fruw", k = "_1x00fru5", j = "_1x00fru6", C = {
+    topActionsCount: "var(--_1x00fruv)"
+}, H = "_1y2v1nf7s";
+export { a as MIN_HEIGHT, _ as actions, n as actionsVariants, t as adjustButtonLink, o as button, u as buttonMobile, y as cardContentStyle, i as container, x as dataCard, e as divider, h as extra, d as footerDirection, b as footerImage, c as footerText, m as marginRightAuto, p as marginRightButton, s as minHeight, g as paddingX, l as topActionsWithoutIcon, k as touchable, j as touchableCardHoverOverlay, C as vars, H as withPaddingTop };

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

@@ -78,31 +78,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as t, jsx as r, Fragment as Y } from "react/jsx-runtime";
-import * as _ from "react";
-import { Boxed as k } from "../boxed.js";
-import P from "../stack.js";
-import { container as q, dataCard as J, MIN_HEIGHT as K, touchable as Q, touchableCardHoverOverlay as U, cardContentStyle as Z, minHeight as $, topActionsWithoutIcon as L, zindex as rr, paddingX as tr, divider as er, actions as ar, actionsVariants as or, marginRightButton as ir, buttonMobile as H, footerDirection as sr, marginRightAuto as nr, withPaddingTop as dr, footerImage as cr, footerText as lr, adjustButtonLink as mr, button as hr, vars as pr } from "./advanced-data-card.css-mistica.js";
+import { jsxs as e, jsx as r, Fragment as _ } from "react/jsx-runtime";
+import * as k from "react";
+import { Boxed as q } from "../boxed.js";
+import S from "../stack.js";
+import { container as z, dataCard as J, MIN_HEIGHT as K, touchable as Q, touchableCardHoverOverlay as U, cardContentStyle as Z, minHeight as L, topActionsWithoutIcon as $, extra as rr, paddingX as er, divider as tr, actions as ar, actionsVariants as or, marginRightButton as ir, buttonMobile as F, footerDirection as sr, marginRightAuto as nr, withPaddingTop as cr, footerImage as dr, footerText as lr, adjustButtonLink as mr, button as hr, vars as pr } from "./advanced-data-card.css-mistica.js";
 import { vars as ur } from "../image.css-mistica.js";
-import S from "../divider.js";
-import { Text2 as v, Text as fr, textProps as gr } from "../text.js";
+import P from "../divider.js";
+import { Text2 as g, Text as vr } from "../text.js";
+import { text4 as fr } from "../text-props.js";
 import { vars as N } from "../skins/skin-contract.css-mistica.js";
-import y from "../box.js";
-import vr from "../touchable.js";
+import H from "../box.js";
+import gr from "../touchable.js";
 import u from "classnames";
 import { CardActionsGroup as Nr } from "../card.js";
 import { useTheme as yr } from "../hooks.js";
 import { getPrefixedDataAttributes as xr } from "../utils/dom.js";
 import Cr from "../inline.js";
 import { applyCssVars as j } from "../utils/css.js";
-const Tr = (param)=>{
-    let { headline: a, pretitle: o, pretitleAs: s = "p", pretitleLinesMax: m, title: n, titleAs: d = "h3", titleLinesMax: c, subtitle: l, subtitleLinesMax: i, description: e, descriptionLinesMax: h } = param;
-    const { textPresets: x } = yr();
-    return /* @__PURE__ */ t(P, {
+const Ar = (param)=>{
+    let { headline: a, pretitle: o, pretitleAs: s = "p", pretitleLinesMax: m, title: n, titleAs: c = "h3", titleLinesMax: d, subtitle: l, subtitleLinesMax: i, description: t, descriptionLinesMax: h } = param;
+    const { textPresets: y } = yr();
+    return /* @__PURE__ */ e(S, {
         space: 4,
         children: [
             a,
-            o && /* @__PURE__ */ r(v, {
+            o && /* @__PURE__ */ r(g, {
                 color: N.colors.textPrimary,
                 truncate: m,
                 as: s,
@@ -110,14 +111,14 @@ const Tr = (param)=>{
                 hyphens: "auto",
                 children: o
             }),
-            /* @__PURE__ */ r(fr, _object_spread_props(_object_spread({}, gr.text4), {
-                truncate: c,
-                weight: x.cardTitle.weight,
-                as: d,
+            /* @__PURE__ */ r(vr, _object_spread_props(_object_spread({}, fr), {
+                truncate: d,
+                weight: y.cardTitle.weight,
+                as: c,
                 hyphens: "auto",
                 children: n
             })),
-            /* @__PURE__ */ r(v, {
+            /* @__PURE__ */ r(g, {
                 color: N.colors.textPrimary,
                 truncate: i,
                 as: "p",
@@ -125,38 +126,37 @@ const Tr = (param)=>{
                 hyphens: "auto",
                 children: l
             }),
-            e && /* @__PURE__ */ r(v, {
+            t && /* @__PURE__ */ r(g, {
                 truncate: h,
                 as: "p",
                 regular: !0,
                 color: N.colors.textSecondary,
                 hyphens: "auto",
-                children: e
+                children: t
             })
         ]
     });
-}, Ar = (param)=>{
+}, Tr = (param)=>{
     let { button: a, footerImage: o, footerText: s, footerTextLinesMax: m, buttonLink: n } = param;
-    const d = !!a, c = !!o, l = !!s, i = !!n, e = d && (c || l) && i, h = i && !e ? "178px" : "";
-    return /* @__PURE__ */ t(Y, {
+    const c = !!a, d = !!o, l = !!s, i = !!n, t = c && (d || l) && i, h = i && !t ? "178px" : "";
+    return /* @__PURE__ */ e(_, {
         children: [
             /* @__PURE__ */ r("div", {
-                className: er,
-                children: /* @__PURE__ */ r(S, {})
+                className: tr,
+                children: /* @__PURE__ */ r(P, {})
             }),
-            /* @__PURE__ */ t("div", {
-                className: u(ar, or[e ? "mobile" : "default"]),
+            /* @__PURE__ */ e("div", {
+                className: u(ar, or[t ? "mobile" : "default"]),
                 children: [
-                    d && /* @__PURE__ */ r("div", {
-                        className: u(ir, H),
+                    c && /* @__PURE__ */ r("div", {
+                        className: u(ir, F),
                         children: a
                     }),
-                    /* @__PURE__ */ t("div", {
-                        className: u(sr, e ? nr : dr),
+                    /* @__PURE__ */ e("div", {
+                        className: u(sr, t ? nr : cr),
                         children: [
-                            c && /* @__PURE__ */ r(y, {
-                                paddingRight: 16,
-                                className: cr,
+                            d && /* @__PURE__ */ r("div", {
+                                className: dr,
                                 children: /* @__PURE__ */ r("div", {
                                     style: j({
                                         [ur.mediaBorderRadius]: N.borderRadii.mediaSmall
@@ -169,7 +169,7 @@ const Tr = (param)=>{
                                     maxWidth: h
                                 },
                                 className: lr,
-                                children: /* @__PURE__ */ r(v, {
+                                children: /* @__PURE__ */ r(g, {
                                     truncate: m,
                                     regular: !0,
                                     children: s
@@ -178,15 +178,15 @@ const Tr = (param)=>{
                         ]
                     }),
                     i && /* @__PURE__ */ r("div", {
-                        className: u(mr, e ? hr : H),
+                        className: u(mr, t ? hr : F),
                         children: n
                     })
                 ]
             })
         ]
     });
-}, Br = /*#__PURE__*/ _.forwardRef((_param, W)=>{
-    var { stackingGroup: a, headline: o, pretitle: s, pretitleAs: m, pretitleLinesMax: n, title: d, titleAs: c, titleLinesMax: l, subtitle: i, subtitleLinesMax: e, description: h, descriptionLinesMax: x, extra: p, extraDividerPadding: E = 24, noExtraDivider: G = !1, button: T, footerImage: A, footerText: B, footerTextLinesMax: M, buttonLink: b, dataAttributes: V, actions: f, "aria-label": w, onClose: R } = _param, g = _object_without_properties(_param, [
+}, br = /*#__PURE__*/ k.forwardRef((_param, W)=>{
+    var { stackingGroup: a, headline: o, pretitle: s, pretitleAs: m, pretitleLinesMax: n, title: c, titleAs: d, titleLinesMax: l, subtitle: i, subtitleLinesMax: t, description: h, descriptionLinesMax: y, extra: p, extraDividerPadding: E = 24, noExtraDivider: G = !1, button: C, footerImage: A, footerText: T, footerTextLinesMax: M, buttonLink: b, dataAttributes: V, actions: v, "aria-label": B, onClose: w } = _param, f = _object_without_properties(_param, [
         "stackingGroup",
         "headline",
         "pretitle",
@@ -212,65 +212,65 @@ const Tr = (param)=>{
         "aria-label",
         "onClose"
     ]);
-    const C = !!g.href || !!g.onPress || !!g.to, z = {
-        button: T,
+    const x = !!f.href || !!f.onPress || !!f.to, O = {
+        button: C,
         footerImage: A,
-        footerText: B,
+        footerText: T,
         footerTextLinesMax: M,
         buttonLink: b
-    }, D = !!T || !!A || !!B || !!b, I = !!(p != null && p.length), O = ((f == null ? void 0 : f.length) || 0) + (R ? 1 : 0);
-    return /* @__PURE__ */ t("section", _object_spread_props(_object_spread({
-        className: q
+    }, D = !!C || !!A || !!T || !!b, I = !!(p != null && p.length), X = ((v == null ? void 0 : v.length) || 0) + (w ? 1 : 0);
+    return /* @__PURE__ */ e("section", _object_spread_props(_object_spread({
+        className: z
     }, xr(V, "AdvancedDataCard")), {
         ref: W,
-        "aria-label": C ? void 0 : w,
+        "aria-label": x ? void 0 : B,
         children: [
-            /* @__PURE__ */ t(k, {
+            /* @__PURE__ */ e(q, {
                 className: J,
                 width: "100%",
                 height: "100%",
                 minHeight: K,
                 children: [
-                    /* @__PURE__ */ t(vr, _object_spread_props(_object_spread({
+                    /* @__PURE__ */ e(gr, _object_spread_props(_object_spread({
                         maybe: !0
-                    }, g), {
-                        "aria-label": C ? w : void 0,
+                    }, f), {
+                        "aria-label": x ? B : void 0,
                         className: Q,
                         children: [
-                            C && /* @__PURE__ */ r("div", {
+                            x && /* @__PURE__ */ r("div", {
                                 className: U
                             }),
                             /* @__PURE__ */ r("div", {
-                                className: u(Z, !D && !I ? $ : ""),
-                                children: /* @__PURE__ */ r(y, {
+                                className: u(Z, !D && !I ? L : ""),
+                                children: /* @__PURE__ */ r(H, {
                                     paddingTop: 8,
-                                    children: /* @__PURE__ */ t(Cr, {
+                                    children: /* @__PURE__ */ e(Cr, {
                                         space: 0,
                                         children: [
-                                            /* @__PURE__ */ t(P, {
+                                            /* @__PURE__ */ e(S, {
                                                 space: 8,
                                                 children: [
                                                     a,
-                                                    /* @__PURE__ */ r(Tr, {
+                                                    /* @__PURE__ */ r(Ar, {
                                                         headline: o,
                                                         pretitle: s,
                                                         pretitleAs: m,
                                                         pretitleLinesMax: n,
-                                                        title: d,
-                                                        titleAs: c,
+                                                        title: c,
+                                                        titleAs: d,
                                                         titleLinesMax: l,
                                                         subtitle: i,
-                                                        subtitleLinesMax: e,
+                                                        subtitleLinesMax: t,
                                                         description: h,
-                                                        descriptionLinesMax: x
+                                                        descriptionLinesMax: y
                                                     })
                                                 ]
                                             }),
                                             !a && /* @__PURE__ */ r("div", {
                                                 style: j({
-                                                    [pr.topActionsCount]: String(O)
+                                                    [pr.topActionsCount]: String(X)
                                                 }),
-                                                className: L
+                                                className: $
                                             })
                                         ]
                                     })
@@ -281,34 +281,31 @@ const Tr = (param)=>{
                                     flexGrow: 1
                                 }
                             }),
-                            I && /* @__PURE__ */ r(y, {
-                                paddingTop: 16,
-                                paddingBottom: 24,
-                                width: "100%",
+                            I && /* @__PURE__ */ r("div", {
                                 className: rr,
-                                children: p.map((X, F)=>/* @__PURE__ */ t("div", {
+                                children: p.map((Y, R)=>/* @__PURE__ */ e("div", {
                                         children: [
                                             /* @__PURE__ */ r("div", {
-                                                className: tr,
-                                                children: X
+                                                className: er,
+                                                children: Y
                                             }),
-                                            F + 1 !== p.length && /* @__PURE__ */ r(y, {
+                                            R + 1 !== p.length && /* @__PURE__ */ r(H, {
                                                 paddingY: E,
-                                                children: !G && /* @__PURE__ */ r(S, {})
+                                                children: !G && /* @__PURE__ */ r(P, {})
                                             })
                                         ]
-                                    }, F))
+                                    }, R))
                             })
                         ]
                     })),
-                    D && /* @__PURE__ */ r(Ar, _object_spread({}, z))
+                    D && /* @__PURE__ */ r(Tr, _object_spread({}, O))
                 ]
             }),
             /* @__PURE__ */ r(Nr, {
-                actions: f,
-                onClose: R
+                actions: v,
+                onClose: w
             })
         ]
     }));
-}), Or = Br;
-export { Br as AdvancedDataCard, Or as default };
+}), Yr = br;
+export { br as AdvancedDataCard, Yr as default };

package/dist-es/empty-state-card.js

@@ -51,25 +51,26 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
 import p from "./box.js";
 import { Boxed as S } from "./boxed.js";
 import { useTheme as y } from "./hooks.js";
 import c from "./stack.js";
-import { Text as E, textProps as N, Text2 as u } from "./text.js";
+import { Text as E, Text2 as N } from "./text.js";
+import { text4 as u } from "./text-props.js";
 import B from "./button-group.js";
 import { container as C, assetContainer as T, image as k } from "./empty-state-card.css-mistica.js";
 import { vars as v } from "./skins/skin-contract.css-mistica.js";
 const j = (param)=>{
-    let { title: d, titleAs: n = "h3", description: h, button: e, secondaryButton: t, buttonLink: o, asset: a, imageUrl: i, "aria-label": f, dataAttributes: x } = param;
-    var s;
+    let { title: d, titleAs: n = "h3", description: f, button: e, secondaryButton: o, buttonLink: t, asset: a, imageUrl: i, "aria-label": h, dataAttributes: x } = param;
+    var l;
     const { textPresets: g } = y();
     let m;
     return i && (m = /* @__PURE__ */ r("img", {
         className: k,
         alt: "",
         src: i
-    })), process.env.NODE_ENV !== "production" && e && !((s = e == null ? void 0 : e.props) != null && s.small) && console.error("button property in EmptyStateCard must be a a small Button. Set small prop to true"), /* @__PURE__ */ r(S, {
+    })), process.env.NODE_ENV !== "production" && e && !((l = e == null ? void 0 : e.props) != null && l.small) && console.error("button property in EmptyStateCard must be a a small Button. Set small prop to true"), /* @__PURE__ */ r(S, {
         dataAttributes: x,
         children: /* @__PURE__ */ r(p, {
             paddingY: {
@@ -82,8 +83,8 @@ const j = (param)=>{
             },
             children: /* @__PURE__ */ r("section", {
                 className: C,
-                "aria-label": f,
-                children: /* @__PURE__ */ l(c, {
+                "aria-label": h,
+                children: /* @__PURE__ */ s(c, {
                     space: 16,
                     children: [
                         m !== null && m !== void 0 ? m : a && /* @__PURE__ */ r("div", {
@@ -91,31 +92,31 @@ const j = (param)=>{
                             children: a
                         }),
                         /* @__PURE__ */ r(p, {
-                            children: /* @__PURE__ */ l(c, {
+                            children: /* @__PURE__ */ s(c, {
                                 space: 8,
                                 children: [
-                                    /* @__PURE__ */ r(E, _object_spread_props(_object_spread({}, N.text4), {
+                                    /* @__PURE__ */ r(E, _object_spread_props(_object_spread({}, u), {
                                         weight: g.cardTitle.weight,
                                         as: n,
                                         children: d
                                     })),
-                                    /* @__PURE__ */ r(u, {
+                                    /* @__PURE__ */ r(N, {
                                         regular: !0,
                                         color: v.colors.textSecondary,
-                                        children: h
+                                        children: f
                                     })
                                 ]
                             })
                         }),
-                        (e || t || o) && /* @__PURE__ */ r(B, {
+                        (e || o || t) && /* @__PURE__ */ r(B, {
                             primaryButton: e,
-                            secondaryButton: t,
-                            link: o
+                            secondaryButton: o,
+                            link: t
                         })
                     ]
                 })
             })
         })
     });
-}, _ = j;
-export { _ as default };
+}, q = j;
+export { q as default };