@telefonica/mistica 16.2.0 → 16.3.0

package/dist/chip.css-mistica.js

@@ -10,34 +10,46 @@ function _export(target, all) {
 }
 _export(exports, {
     button: function() {
-        return c;
+        return f;
     },
     chipInteractiveVariants: function() {
         return t;
     },
     chipVariants: function() {
-        return f;
+        return c;
     },
     chipWrapper: function() {
         return y;
     },
     icon: function() {
-        return _;
+        return a;
     },
     iconActive: function() {
+        return _;
+    },
+    leftPadding: function() {
         return h;
     },
+    rightPadding: function() {
+        return i;
+    },
     wrappedContent: function() {
-        return a;
+        return r;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./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";
+}, 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";

package/dist/chip.css.d.ts

@@ -5,3 +5,5 @@ export declare const button: string;
 export declare const chipInteractiveVariants: Record<"light" | "dark", string>;
 export declare const icon: string;
 export declare const iconActive: string;
+export declare const leftPadding: Record<"default" | "withIcon", string>;
+export declare const rightPadding: Record<"default" | "withIcon", string>;

package/dist/chip.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return at;
+        return ct;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -22,6 +22,7 @@ const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
 const _themevariantcontext = require("./theme-variant-context.js");
 const _touchable = /*#__PURE__*/ _interop_require_wildcard(require("./touchable.js"));
 const _texttokens = require("./text-tokens.js");
+const _dom = require("./utils/dom.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -121,49 +122,34 @@ function _object_spread_props(target, source) {
     return target;
 }
 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 } = (0, _hooks.useTheme)(), p = (0, _themevariantcontext.useThemeVariant)() === "alternative", f = n ? {
-        mobile: 16,
-        desktop: 8
-    } : {
-        mobile: 20,
-        desktop: 12
-    }, y = {
-        mobile: 20,
-        desktop: 12
-    }, g = {
-        mobile: 16,
-        desktop: 8
-    }, b = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+    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 } = (0, _hooks.useTheme)(), p = (0, _themevariantcontext.useThemeVariant)() === "alternative", v = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
-            n && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                paddingRight: 4,
+            o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: a ? _chipcssmistica.iconActive : _chipcssmistica.icon,
-                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(n, {
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(o, {
                     color: "currentColor",
                     size: (0, _css.pxToRem)(16)
                 })
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                paddingRight: o ? 8 : s ? 4 : 0,
+                paddingRight: r ? 8 : c ? 4 : 0,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
-                    id: B,
-                    weight: L.indicator.weight,
+                    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__ */ (0, _jsxruntime.jsxs)(_box.default, {
-        className: (0, _classnames.default)(p ? _chipcssmistica.chipVariants.overAlternative : _chipcssmistica.chipVariants.default, _chipcssmistica.chipWrapper),
-        paddingLeft: f,
-        paddingRight: g,
-        dataAttributes: c,
+    }, A);
+    if (c) return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
+        className: (0, _classnames.default)(p ? _chipcssmistica.chipVariants.overAlternative : _chipcssmistica.chipVariants.default, _chipcssmistica.chipWrapper, o ? _chipcssmistica.leftPadding.withIcon : _chipcssmistica.leftPadding.default, _chipcssmistica.rightPadding.withIcon)
+    }, (0, _dom.getPrefixedDataAttributes)(l)), {
         children: [
-            b,
+            v,
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, {
                 style: {
                     display: "flex",
@@ -172,34 +158,32 @@ const O = (e)=>{
                     width: (0, _css.pxToRem)(24),
                     height: (0, _css.pxToRem)(24)
                 },
-                "aria-label": T || k.closeButtonLabel || w(_texttokens.closeButtonLabel),
-                onPress: ()=>s(),
+                "aria-label": B || T.closeButtonLabel || L(_texttokens.closeButtonLabel),
+                onPress: ()=>c(),
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconcloseregular.default, {
                     size: (0, _css.pxToRem)(16),
                     color: _skincontractcssmistica.vars.colors.neutralMedium
                 })
             })
         ]
-    });
-    const l = e.href || e.onPress || e.to, N = a !== void 0 || l, j = ()=>o ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-            children: o === !0 ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {}) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {
-                value: o
+    }));
+    const s = e.href || e.onPress || e.to, N = a !== void 0 || s, j = ()=>r ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
+            children: r === !0 ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {}) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {
+                value: r
             })
-        }) : null, v = (P)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_box.default, {
-            className: (0, _classnames.default)(_chipcssmistica.chipVariants[a ? "active" : p ? "overAlternative" : "default"], l ? _chipcssmistica.wrappedContent : _chipcssmistica.chipWrapper, {
-                [_chipcssmistica.chipInteractiveVariants[I ? "dark" : "light"]]: N
-            }),
-            paddingLeft: f,
-            paddingRight: o ? g : y,
-            dataAttributes: P,
+        }) : null, g = (D)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
+            className: (0, _classnames.default)(_chipcssmistica.chipVariants[a ? "active" : p ? "overAlternative" : "default"], s ? _chipcssmistica.wrappedContent : _chipcssmistica.chipWrapper, {
+                [_chipcssmistica.chipInteractiveVariants[P ? "dark" : "light"]]: N
+            }, o ? _chipcssmistica.leftPadding.withIcon : _chipcssmistica.leftPadding.default, r ? _chipcssmistica.rightPadding.withIcon : _chipcssmistica.rightPadding.default)
+        }, (0, _dom.getPrefixedDataAttributes)(D)), {
             children: [
-                b,
+                v,
                 j()
             ]
-        });
-    return l ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, e), {
+        }));
+    return s ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, e), {
         className: (0, _classnames.default)(_chipcssmistica.chipWrapper, _chipcssmistica.button),
-        dataAttributes: c,
-        children: v()
-    })) : v(c);
-}, at = O;
+        dataAttributes: l,
+        children: g()
+    })) : g(l);
+}, ct = O;

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

@@ -10,13 +10,13 @@ function _export(target, all) {
 }
 _export(exports, {
     MIN_HEIGHT: function() {
-        return f;
+        return a;
     },
     actions: function() {
-        return n;
+        return _;
     },
     actionsVariants: function() {
-        return _;
+        return n;
     },
     adjustButtonLink: function() {
         return t;
@@ -28,10 +28,10 @@ _export(exports, {
         return u;
     },
     cardContentStyle: function() {
-        return i;
+        return y;
     },
     container: function() {
-        return y;
+        return i;
     },
     dataCard: function() {
         return x;
@@ -39,52 +39,52 @@ _export(exports, {
     divider: function() {
         return e;
     },
-    footerDirection: function() {
+    extra: function() {
         return h;
     },
-    footerImage: function() {
+    footerDirection: function() {
         return d;
     },
+    footerImage: function() {
+        return b;
+    },
     footerText: function() {
         return c;
     },
     marginRightAuto: function() {
-        return b;
-    },
-    marginRightButton: function() {
         return m;
     },
-    minHeight: function() {
+    marginRightButton: function() {
         return p;
     },
-    paddingX: function() {
+    minHeight: function() {
         return s;
     },
-    topActionsWithoutIcon: function() {
+    paddingX: function() {
         return g;
     },
-    touchable: function() {
+    topActionsWithoutIcon: function() {
         return l;
     },
-    touchableCardHoverOverlay: function() {
+    touchable: function() {
         return k;
     },
-    vars: function() {
+    touchableCardHoverOverlay: function() {
         return j;
     },
-    withPaddingTop: function() {
+    vars: function() {
         return C;
     },
-    zindex: function() {
+    withPaddingTop: function() {
         return H;
     }
 });
 require("../sprinkles.css.ts.vanilla.css-mistica.js");
 require("../icon-button.css.ts.vanilla.css-mistica.js");
 require("./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";
+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";

package/dist/community/advanced-data-card.css.d.ts

@@ -4,7 +4,7 @@ export declare const actions: string;
 export declare const touchable: string;
 export declare const touchableCardHoverOverlay: string;
 export declare const cardContentStyle: string;
-export declare const zindex: string;
+export declare const extra: string;
 export declare const MIN_HEIGHT = 216;
 export declare const minHeight: string;
 export declare const dataCard: string;

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

@@ -11,10 +11,10 @@ function _export(target, all) {
 }
 _export(exports, {
     AdvancedDataCard: function() {
-        return Br;
+        return br;
     },
     default: function() {
-        return Or;
+        return Yr;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -25,6 +25,7 @@ const _advanceddatacardcssmistica = require("./advanced-data-card.css-mistica.js
 const _imagecssmistica = require("../image.css-mistica.js");
 const _divider = /*#__PURE__*/ _interop_require_default(require("../divider.js"));
 const _text = require("../text.js");
+const _textprops = require("../text-props.js");
 const _skincontractcssmistica = require("../skins/skin-contract.css-mistica.js");
 const _box = /*#__PURE__*/ _interop_require_default(require("../box.js"));
 const _touchable = /*#__PURE__*/ _interop_require_default(require("../touchable.js"));
@@ -159,9 +160,9 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-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 } = (0, _hooks.useTheme)();
+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 } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
         space: 4,
         children: [
@@ -174,10 +175,10 @@ const Tr = (param)=>{
                 hyphens: "auto",
                 children: o
             }),
-            /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, _object_spread_props(_object_spread({}, _text.textProps.text4), {
-                truncate: c,
-                weight: x.cardTitle.weight,
-                as: d,
+            /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, _object_spread_props(_object_spread({}, _textprops.text4), {
+                truncate: d,
+                weight: y.cardTitle.weight,
+                as: c,
                 hyphens: "auto",
                 children: n
             })),
@@ -189,19 +190,19 @@ const Tr = (param)=>{
                 hyphens: "auto",
                 children: l
             }),
-            e && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+            t && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                 truncate: h,
                 as: "p",
                 regular: !0,
                 color: _skincontractcssmistica.vars.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" : "";
+    const c = !!a, d = !!o, l = !!s, i = !!n, t = c && (d || l) && i, h = i && !t ? "178px" : "";
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -209,17 +210,16 @@ const Tr = (param)=>{
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-                className: (0, _classnames.default)(_advanceddatacardcssmistica.actions, _advanceddatacardcssmistica.actionsVariants[e ? "mobile" : "default"]),
+                className: (0, _classnames.default)(_advanceddatacardcssmistica.actions, _advanceddatacardcssmistica.actionsVariants[t ? "mobile" : "default"]),
                 children: [
-                    d && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    c && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)(_advanceddatacardcssmistica.marginRightButton, _advanceddatacardcssmistica.buttonMobile),
                         children: a
                     }),
                     /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-                        className: (0, _classnames.default)(_advanceddatacardcssmistica.footerDirection, e ? _advanceddatacardcssmistica.marginRightAuto : _advanceddatacardcssmistica.withPaddingTop),
+                        className: (0, _classnames.default)(_advanceddatacardcssmistica.footerDirection, t ? _advanceddatacardcssmistica.marginRightAuto : _advanceddatacardcssmistica.withPaddingTop),
                         children: [
-                            c && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                                paddingRight: 16,
+                            d && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: _advanceddatacardcssmistica.footerImage,
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                     style: (0, _css.applyCssVars)({
@@ -242,15 +242,15 @@ const Tr = (param)=>{
                         ]
                     }),
                     i && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                        className: (0, _classnames.default)(_advanceddatacardcssmistica.adjustButtonLink, e ? _advanceddatacardcssmistica.button : _advanceddatacardcssmistica.buttonMobile),
+                        className: (0, _classnames.default)(_advanceddatacardcssmistica.adjustButtonLink, t ? _advanceddatacardcssmistica.button : _advanceddatacardcssmistica.buttonMobile),
                         children: n
                     })
                 ]
             })
         ]
     });
-}, Br = /*#__PURE__*/ _react.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__*/ _react.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",
@@ -276,18 +276,18 @@ 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);
+    }, D = !!C || !!A || !!T || !!b, I = !!(p != null && p.length), X = ((v == null ? void 0 : v.length) || 0) + (w ? 1 : 0);
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("section", _object_spread_props(_object_spread({
         className: _advanceddatacardcssmistica.container
     }, (0, _dom.getPrefixedDataAttributes)(V, "AdvancedDataCard")), {
         ref: W,
-        "aria-label": C ? void 0 : w,
+        "aria-label": x ? void 0 : B,
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsxs)(_boxed.Boxed, {
                 className: _advanceddatacardcssmistica.dataCard,
@@ -297,11 +297,11 @@ const Tr = (param)=>{
                 children: [
                     /* @__PURE__ */ (0, _jsxruntime.jsxs)(_touchable.default, _object_spread_props(_object_spread({
                         maybe: !0
-                    }, g), {
-                        "aria-label": C ? w : void 0,
+                    }, f), {
+                        "aria-label": x ? B : void 0,
                         className: _advanceddatacardcssmistica.touchable,
                         children: [
-                            C && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                            x && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: _advanceddatacardcssmistica.touchableCardHoverOverlay
                             }),
                             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -315,24 +315,24 @@ const Tr = (param)=>{
                                                 space: 8,
                                                 children: [
                                                     a,
-                                                    /* @__PURE__ */ (0, _jsxruntime.jsx)(Tr, {
+                                                    /* @__PURE__ */ (0, _jsxruntime.jsx)(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__ */ (0, _jsxruntime.jsx)("div", {
                                                 style: (0, _css.applyCssVars)({
-                                                    [_advanceddatacardcssmistica.vars.topActionsCount]: String(O)
+                                                    [_advanceddatacardcssmistica.vars.topActionsCount]: String(X)
                                                 }),
                                                 className: _advanceddatacardcssmistica.topActionsWithoutIcon
                                             })
@@ -345,33 +345,30 @@ const Tr = (param)=>{
                                     flexGrow: 1
                                 }
                             }),
-                            I && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                                paddingTop: 16,
-                                paddingBottom: 24,
-                                width: "100%",
-                                className: _advanceddatacardcssmistica.zindex,
-                                children: p.map((X, F)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+                            I && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                className: _advanceddatacardcssmistica.extra,
+                                children: p.map((Y, R)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                                         children: [
                                             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                                 className: _advanceddatacardcssmistica.paddingX,
-                                                children: X
+                                                children: Y
                                             }),
-                                            F + 1 !== p.length && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                                            R + 1 !== p.length && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                                                 paddingY: E,
                                                 children: !G && /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
                                             })
                                         ]
-                                    }, F))
+                                    }, R))
                             })
                         ]
                     })),
-                    D && /* @__PURE__ */ (0, _jsxruntime.jsx)(Ar, _object_spread({}, z))
+                    D && /* @__PURE__ */ (0, _jsxruntime.jsx)(Tr, _object_spread({}, O))
                 ]
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_card.CardActionsGroup, {
-                actions: f,
-                onClose: R
+                actions: v,
+                onClose: w
             })
         ]
     }));
-}), Or = Br;
+}), Yr = br;

package/dist/empty-state-card.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return _;
+        return q;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -15,6 +15,7 @@ const _boxed = require("./boxed.js");
 const _hooks = require("./hooks.js");
 const _stack = /*#__PURE__*/ _interop_require_default(require("./stack.js"));
 const _text = require("./text.js");
+const _textprops = require("./text-props.js");
 const _buttongroup = /*#__PURE__*/ _interop_require_default(require("./button-group.js"));
 const _emptystatecardcssmistica = require("./empty-state-card.css-mistica.js");
 const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
@@ -76,15 +77,15 @@ function _object_spread_props(target, source) {
     return target;
 }
 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 } = (0, _hooks.useTheme)();
     let m;
     return i && (m = /* @__PURE__ */ (0, _jsxruntime.jsx)("img", {
         className: _emptystatecardcssmistica.image,
         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__ */ (0, _jsxruntime.jsx)(_boxed.Boxed, {
+    })), 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__ */ (0, _jsxruntime.jsx)(_boxed.Boxed, {
         dataAttributes: x,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
             paddingY: {
@@ -97,7 +98,7 @@ const j = (param)=>{
             },
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("section", {
                 className: _emptystatecardcssmistica.container,
-                "aria-label": f,
+                "aria-label": h,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
                     space: 16,
                     children: [
@@ -109,7 +110,7 @@ const j = (param)=>{
                             children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
                                 space: 8,
                                 children: [
-                                    /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, _object_spread_props(_object_spread({}, _text.textProps.text4), {
+                                    /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, _object_spread_props(_object_spread({}, _textprops.text4), {
                                         weight: g.cardTitle.weight,
                                         as: n,
                                         children: d
@@ -117,19 +118,19 @@ const j = (param)=>{
                                     /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                                         regular: !0,
                                         color: _skincontractcssmistica.vars.colors.textSecondary,
-                                        children: h
+                                        children: f
                                     })
                                 ]
                             })
                         }),
-                        (e || t || o) && /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttongroup.default, {
+                        (e || o || t) && /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttongroup.default, {
                             primaryButton: e,
-                            secondaryButton: t,
-                            link: o
+                            secondaryButton: o,
+                            link: t
                         })
                     ]
                 })
             })
         })
     });
-}, _ = j;
+}, q = j;