@telefonica/mistica 14.20.1 → 14.22.0

package/dist/carousel.css-mistica.js

@@ -31,16 +31,16 @@ _export(exports, {
         return u;
     },
     carouselItem: function() {
-        return l;
+        return o;
     },
     carouselNextArrowButton: function() {
-        return o;
+        return t;
     },
     carouselPrevArrowButton: function() {
-        return t;
+        return s;
     },
     carouselWithScroll: function() {
-        return s;
+        return l;
     },
     centeredCarousel: function() {
         return d;
@@ -49,29 +49,29 @@ _export(exports, {
         return i;
     },
     slideshowBullets: function() {
-        return w;
+        return m;
     },
     slideshowContainer: function() {
-        return m;
+        return w;
     },
     slideshowItem: function() {
-        return h;
+        return p;
     },
     slideshowNextArrowButton: function() {
-        return P;
+        return x;
     },
     slideshowPrevArrowButton: function() {
-        return p;
+        return h;
     },
     vars: function() {
-        return A;
+        return P;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./responsive-layout.css.ts.vanilla.css-mistica.js");
 require("./grid-layout.css.ts.vanilla.css-mistica.js");
 require("./carousel.css.ts.vanilla.css-mistica.js");
-var f = "_1abcu71 _1y2v1nfbw _1y2v1nfcc _1y2v1nfdn _1y2v1nf44", b = "_1abcu72 _1abcu71 _1y2v1nfbw _1y2v1nfcc _1y2v1nfdn _1y2v1nf45", y = "_1abcu72 _1abcu71 _1y2v1nfbw _1y2v1nfcc _1y2v1nfdn _1y2v1nf4k", c = "_1abcu75 _1abcu71 _1y2v1nfbw _1y2v1nfcc _1y2v1nfdn", r = "_1abcu7l _1abcu7b _1y2v1nfb4 _1y2v1nfco", e = "_1y2v1nfb4 _1y2v1nfbd", u = "_1y2v1nfd1 _1y2v1nfaz", l = "_1abcu7o", o = "_1abcu7s _1abcu7q _1abcu7d _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfdn _1y2v1nf31 _1y2v1nfc2 _1y2v1nfci _1y2v1nfdl _1y2v1nfb0", t = "_1abcu7r _1abcu7q _1abcu7d _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfdn _1y2v1nf31 _1y2v1nfc2 _1y2v1nfci _1y2v1nfdl _1y2v1nfb0", s = "_1abcu7m", d = "_1abcu7n", i = "_1abcu7v _1abcu7b _1y2v1nfb4 _1y2v1nfco", w = "_1abcu713 _1y2v1nfb0 _1y2v1nffm _1y2v1nfb4 _1y2v1nfbd _1y2v1nfbr", m = "_1y2v1nfaz", h = "_1abcu7x _1y2v1nfbr _1y2v1nfbm", P = "_1abcu711 _1abcu7q _1abcu7d _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfdn _1y2v1nf31 _1y2v1nfc2 _1y2v1nfci _1y2v1nfdl _1y2v1nfb0 _1y2v1nff7", p = "_1abcu7z _1abcu7q _1abcu7d _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfdn _1y2v1nf31 _1y2v1nfc2 _1y2v1nfci _1y2v1nfdl _1y2v1nfb0 _1y2v1nfes", A = {
+var f = "_1abcu71 _1y2v1nfbx _1y2v1nfcd _1y2v1nfdo _1y2v1nf44", b = "_1abcu72 _1abcu71 _1y2v1nfbx _1y2v1nfcd _1y2v1nfdo _1y2v1nf45", y = "_1abcu72 _1abcu71 _1y2v1nfbx _1y2v1nfcd _1y2v1nfdo _1y2v1nf4k", c = "_1abcu75 _1abcu71 _1y2v1nfbx _1y2v1nfcd _1y2v1nfdo", r = "_1abcu7l _1abcu7b _1y2v1nfb5 _1y2v1nfcp", e = "_1y2v1nfb5 _1y2v1nfbe", u = "_1y2v1nfd2 _1y2v1nfaz", o = "_1abcu7o", t = "_1abcu7s _1abcu7q _1abcu7d _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe _1y2v1nfdo _1y2v1nf31 _1y2v1nfc3 _1y2v1nfcj _1y2v1nfdm _1y2v1nfb0", s = "_1abcu7r _1abcu7q _1abcu7d _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe _1y2v1nfdo _1y2v1nf31 _1y2v1nfc3 _1y2v1nfcj _1y2v1nfdm _1y2v1nfb0", l = "_1abcu7m", d = "_1abcu7n", i = "_1abcu7v _1abcu7b _1y2v1nfb5 _1y2v1nfcp", m = "_1abcu713 _1y2v1nfb0 _1y2v1nffr _1y2v1nfb5 _1y2v1nfbe _1y2v1nfbs", w = "_1y2v1nfaz", p = "_1abcu7x _1y2v1nfbs _1y2v1nfbn", x = "_1abcu711 _1abcu7q _1abcu7d _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe _1y2v1nfdo _1y2v1nf31 _1y2v1nfc3 _1y2v1nfcj _1y2v1nfdm _1y2v1nfb0 _1y2v1nffc", h = "_1abcu7z _1abcu7q _1abcu7d _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe _1y2v1nfdo _1y2v1nf31 _1y2v1nfc3 _1y2v1nfcj _1y2v1nfdm _1y2v1nfb0 _1y2v1nfex", P = {
     itemsPerPageMobile: "var(--_1abcu7g)",
     itemsPerPageTablet: "var(--_1abcu7h)",
     itemsPerPageDesktop: "var(--_1abcu7i)",

package/dist/checkbox.css-mistica.js

@@ -10,19 +10,19 @@ function _export(target, all) {
 }
 _export(exports, {
     boxVariant: function() {
-        return v;
+        return n;
     },
     check: function() {
-        return n;
+        return v;
     },
     checkChecked: function() {
         return r;
     },
     checkboxContainer: function() {
-        return y;
+        return f;
     },
     checkboxContainerDisabled: function() {
-        return f;
+        return y;
     },
     disabled: function() {
         return e;
@@ -30,8 +30,8 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./checkbox.css.ts.vanilla.css-mistica.js");
-var v = {
-    ios: "_1rz9b16 _1rz9b15 _1y2v1nfb5 _1y2v1nfbd _1y2v1nfbj _1y2v1nfbm _1y2v1nfdy _1y2v1nf30",
-    rest: "_1rz9b17 _1rz9b15 _1y2v1nfb5 _1y2v1nfbd _1y2v1nfbj _1y2v1nfbm _1y2v1nfdy _1y2v1nf30",
-    checked: "_1rz9b18 _1rz9b15 _1y2v1nfb5 _1y2v1nfbd _1y2v1nfbj _1y2v1nfbm _1y2v1nfdy _1y2v1nf30"
-}, n = "_1rz9b1a _1y2v1nfb6", r = "_1rz9b1b", y = "_1rz9b12 _1rz9b11 _1y2v1nfb7", f = "_1rz9b13 _1rz9b11 _1y2v1nfb7", e = "_1rz9b1c";
+var n = {
+    ios: "_1rz9b16 _1rz9b15 _1y2v1nfb6 _1y2v1nfbe _1y2v1nfbk _1y2v1nfbn _1y2v1nfdz _1y2v1nf30",
+    rest: "_1rz9b17 _1rz9b15 _1y2v1nfb6 _1y2v1nfbe _1y2v1nfbk _1y2v1nfbn _1y2v1nfdz _1y2v1nf30",
+    checked: "_1rz9b18 _1rz9b15 _1y2v1nfb6 _1y2v1nfbe _1y2v1nfbk _1y2v1nfbn _1y2v1nfdz _1y2v1nf30"
+}, v = "_1rz9b1a _1y2v1nfb7", r = "_1rz9b1b", f = "_1rz9b12 _1rz9b11 _1y2v1nfb8", y = "_1rz9b13 _1rz9b11 _1y2v1nfb8", e = "_1rz9b1c";

package/dist/chip.css-mistica.js

@@ -27,11 +27,11 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./chip.css.ts.vanilla.css-mistica.js");
-var c = "_1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfdm _1y2v1nf5y", t = {
+var c = "_1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfdn _1y2v1nf5y", t = {
     light: "cc7htnb cc7htn9",
     dark: "cc7htnc cc7htn9"
 }, f = {
-    default: "cc7htn1 _1y2v1nfb5 _1y2v1nfbd _1y2v1nfbj _1y2v1nfdl _1y2v1nf31 _1y2v1nf1w",
-    overAlternative: "cc7htn1 _1y2v1nfb5 _1y2v1nfbd _1y2v1nfbj _1y2v1nfdl _1y2v1nf38 _1y2v1nf1w",
-    active: "cc7htn8 cc7htn2 cc7htn1 _1y2v1nfb5 _1y2v1nfbd _1y2v1nfbj _1y2v1nfdl _1y2v1nf16 _1y2v1nf5k"
+    default: "cc7htn1 _1y2v1nfb6 _1y2v1nfbe _1y2v1nfbk _1y2v1nfdm _1y2v1nf31 _1y2v1nf1w",
+    overAlternative: "cc7htn1 _1y2v1nfb6 _1y2v1nfbe _1y2v1nfbk _1y2v1nfdm _1y2v1nf38 _1y2v1nf1w",
+    active: "cc7htn8 cc7htn2 cc7htn1 _1y2v1nfb6 _1y2v1nfbe _1y2v1nfbk _1y2v1nfdm _1y2v1nf16 _1y2v1nf5k"
 }, y = "cc7htnd", _ = "cc7htne";

package/dist/circle.css-mistica.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "circle", {
     enumerable: true,
     get: function() {
-        return p;
+        return r;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./circle.css.ts.vanilla.css-mistica.js");
-var p = "_1wpwyyp1 _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfdn";
+var r = "_1wpwyyp1 _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe _1y2v1nfdo";

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

@@ -16,19 +16,19 @@ _export(exports, {
         return _;
     },
     adjustButtonLink: function() {
-        return n;
+        return a;
     },
     button: function() {
-        return a;
+        return n;
     },
     buttonMobile: function() {
         return t;
     },
     cardContentStyle: function() {
-        return y;
+        return u;
     },
     dataCard: function() {
-        return u;
+        return y;
     },
     divider: function() {
         return o;
@@ -39,28 +39,31 @@ _export(exports, {
     footerText: function() {
         return x;
     },
-    hoverEffect: function() {
+    marginRightAuto: function() {
         return b;
     },
-    marginRightAuto: function() {
+    marginRightButton: function() {
         return e;
     },
-    marginRightButton: function() {
+    minHeight: function() {
         return d;
     },
-    minHeight: function() {
+    paddingX: function() {
+        return l;
+    },
+    touchable: function() {
         return c;
     },
-    paddingX: function() {
+    touchableCardOverlay: function() {
         return g;
     },
     touchableContainer: function() {
-        return l;
+        return h;
     }
 });
 require("../sprinkles.css.ts.vanilla.css-mistica.js");
 require("./advanced-data-card.css.ts.vanilla.css-mistica.js");
-var v = "_1x00fru3 _1x00fru1 _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb4 _1y2v1nfbq _1y2v1nfbg _1y2v1nf7t", _ = {
+var v = "_1x00fru3 _1x00fru1 _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb5 _1y2v1nfbr _1y2v1nfbh _1y2v1nf7t", _ = {
     default: "_1x00frui",
     mobile: "_1x00fruj"
-}, n = "_1x00frup", a = "_1x00frul", t = "_1x00frum _1x00frul", y = "_1x00fru8 _1x00fru1 _1y2v1nf8w _1y2v1nfa5 _1y2v1nf68 _1y2v1nf7t", u = "_1y2v1nfaz _1y2v1nfb4 _1y2v1nfbq _1y2v1nfba _1y2v1nfbr _1y2v1nfc8 _1x00fru9", o = "_1x00frug", i = "_1x00fruo _1y2v1nfb4 _1y2v1nfb9", x = "_1y2v1nfb4 _1y2v1nfbq _1y2v1nfbj _1y2v1nfdd", b = "_1x00fru6", e = "_1x00fruk", d = "_1y2v1nff5", c = "_1x00fru9", g = "_1x00fru1 _1y2v1nf8w _1y2v1nfa5", l = "_1x00fru5 _1y2v1nfc8 _1y2v1nfba";
+}, a = "_1x00frup", n = "_1x00frul", t = "_1x00frum _1x00frul", u = "_1x00fru8 _1x00fru1 _1y2v1nf8w _1y2v1nfa5 _1y2v1nf68 _1y2v1nf7t _1y2v1nfaz", y = "_1y2v1nfaz _1y2v1nfb5 _1y2v1nfbr _1y2v1nfbb _1y2v1nfbs _1y2v1nfc9 _1x00fru9", o = "_1x00frug", i = "_1x00fruo _1y2v1nfb5 _1y2v1nfba", x = "_1y2v1nfb5 _1y2v1nfbr _1y2v1nfbk _1y2v1nfde", b = "_1x00fruk", e = "_1y2v1nffa", d = "_1x00fru9", l = "_1x00fru1 _1y2v1nf8w _1y2v1nfa5", c = "_1x00fru5", g = "_1x00fru6", h = "_1x00fru4";

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

@@ -1,7 +1,8 @@
 export declare const paddingX: string;
 export declare const actions: string;
 export declare const touchableContainer: string;
-export declare const hoverEffect: string;
+export declare const touchable: string;
+export declare const touchableCardOverlay: string;
 export declare const cardContentStyle: string;
 export declare const minHeight: string;
 export declare const dataCard: string;

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

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     AdvancedDataCard: function() {
-        return ge;
+        return ve;
     },
     default: function() {
-        return Fe;
+        return Oe;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -128,9 +128,9 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const pe = (param)=>{
-    let { headline: i , pretitle: a , pretitleAs: n = "p" , pretitleLinesMax: m , title: s , titleAs: c = "h3" , titleLinesMax: d , subtitle: l , subtitleLinesMax: o , description: r , descriptionLinesMax: p  } = param;
-    const { textPresets: x  } = (0, _hooks.useTheme)();
+const ge = (param)=>{
+    let { headline: i , pretitle: a , pretitleAs: n = "p" , pretitleLinesMax: h , title: s , titleAs: c = "h3" , titleLinesMax: d , subtitle: l , subtitleLinesMax: o , description: r , descriptionLinesMax: m  } = param;
+    const { textPresets: N  } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
         space: 4,
         children: [
@@ -140,7 +140,7 @@ const pe = (param)=>{
                 children: [
                     a && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                         color: _skincontractcssmistica.vars.colors.textPrimary,
-                        truncate: m,
+                        truncate: h,
                         as: n,
                         regular: !0,
                         hyphens: "auto",
@@ -152,7 +152,7 @@ const pe = (param)=>{
                         desktopSize: 20,
                         desktopLineHeight: "28px",
                         truncate: d,
-                        weight: x.cardTitle.weight,
+                        weight: N.cardTitle.weight,
                         as: c,
                         hyphens: "auto",
                         children: s
@@ -168,7 +168,7 @@ const pe = (param)=>{
                 ]
             }),
             r && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
-                truncate: p,
+                truncate: m,
                 as: "p",
                 regular: !0,
                 color: _skincontractcssmistica.vars.colors.textSecondary,
@@ -177,9 +177,9 @@ const pe = (param)=>{
             })
         ]
     });
-}, ue = (param)=>{
-    let { button: i , footerImage: a , footerText: n , footerTextLinesMax: m , buttonLink: s  } = param;
-    const c = !!i, d = !!a, l = !!n, o = !!s, r = c && (d || l) && o, p = o && !r ? "178px" : "";
+}, fe = (param)=>{
+    let { button: i , footerImage: a , footerText: n , footerTextLinesMax: h , buttonLink: s  } = param;
+    const c = !!i, d = !!a, l = !!n, o = !!s, r = c && (d || l) && o, m = o && !r ? "178px" : "";
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -208,11 +208,11 @@ const pe = (param)=>{
                             }),
                             l && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 style: {
-                                    maxWidth: p
+                                    maxWidth: m
                                 },
                                 className: _advanceddatacardcssmistica.footerText,
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
-                                    truncate: m,
+                                    truncate: h,
                                     regular: !0,
                                     children: n
                                 })
@@ -227,104 +227,108 @@ const pe = (param)=>{
             })
         ]
     });
-}, ge = /*#__PURE__*/ _react.forwardRef((param, O)=>{
-    let { onPress: i , stackingGroup: a , headline: n , pretitle: m , pretitleAs: s , pretitleLinesMax: c , title: d , titleAs: l , titleLinesMax: o , subtitle: r , subtitleLinesMax: p , description: x , descriptionLinesMax: P , extra: u , extraDividerPadding: j = 24 , button: C , footerImage: b , footerText: A , footerTextLinesMax: k , buttonLink: B , dataAttributes: E , actions: g , "aria-label": H , onClose: S  } = param;
-    const _ = {
-        button: C,
-        footerImage: b,
+}, ve = /*#__PURE__*/ _react.forwardRef((param, _)=>{
+    let { onPress: i , stackingGroup: a , headline: n , pretitle: h , pretitleAs: s , pretitleLinesMax: c , title: d , titleAs: l , titleLinesMax: o , subtitle: r , subtitleLinesMax: m , description: N , descriptionLinesMax: P , extra: p , extraDividerPadding: O = 24 , button: b , footerImage: C , footerText: A , footerTextLinesMax: j , buttonLink: B , dataAttributes: k , actions: g , "aria-label": H , onClose: S  } = param;
+    const z = !!i, E = {
+        button: b,
+        footerImage: C,
         footerText: A,
-        footerTextLinesMax: k,
+        footerTextLinesMax: j,
         buttonLink: B
-    }, w = !!C || !!b || !!A || !!B, D = !!(u != null && u.length), z = ((g == null ? void 0 : g.length) || 0) + (S ? 1 : 0), L = {
+    }, w = !!b || !!C || !!A || !!B, D = !!(p != null && p.length), L = ((g == null ? void 0 : g.length) || 0) + (S ? 1 : 0), W = {
         marginRight: -16,
         marginTop: -24,
-        width: _card.TOP_ACTION_BUTTON_SIZE * z
+        width: _card.TOP_ACTION_BUTTON_SIZE * L
     };
-    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("section", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)("section", _object_spread_props(_object_spread({
         className: (0, _sprinklescssmistica.sprinkles)({
             position: "relative",
             height: "100%"
         })
-    }, (0, _dom.getPrefixedDataAttributes)(E, "AdvancedDataCard")), {
-        ref: O,
-        children: [
-            /* @__PURE__ */ (0, _jsxruntime.jsxs)(_boxed.Boxed, {
-                className: _advanceddatacardcssmistica.dataCard,
-                height: "100%",
-                children: [
-                    /* @__PURE__ */ (0, _jsxruntime.jsxs)(_touchable.default, {
-                        onPress: i,
-                        tabIndex: 0,
-                        maybe: !0,
-                        className: (0, _classnames.default)(_advanceddatacardcssmistica.touchableContainer, {
-                            [_advanceddatacardcssmistica.hoverEffect]: !!i
-                        }),
-                        "aria-label": H,
-                        children: [
-                            /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                                className: (0, _classnames.default)(_advanceddatacardcssmistica.cardContentStyle, !w && !D ? _advanceddatacardcssmistica.minHeight : ""),
-                                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                                    paddingTop: 8,
-                                    children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
-                                        space: 0,
-                                        children: [
-                                            /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
-                                                space: 8,
-                                                children: [
-                                                    a,
-                                                    /* @__PURE__ */ (0, _jsxruntime.jsx)(pe, {
-                                                        headline: n,
-                                                        pretitle: m,
-                                                        pretitleAs: s,
-                                                        pretitleLinesMax: c,
-                                                        title: d,
-                                                        titleAs: l,
-                                                        titleLinesMax: o,
-                                                        subtitle: r,
-                                                        subtitleLinesMax: p,
-                                                        description: x,
-                                                        descriptionLinesMax: P
-                                                    })
-                                                ]
-                                            }),
-                                            !a && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                                                style: L
-                                            })
-                                        ]
+    }, (0, _dom.getPrefixedDataAttributes)(k, "AdvancedDataCard")), {
+        ref: _,
+        children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_boxed.Boxed, {
+            className: _advanceddatacardcssmistica.dataCard,
+            children: [
+                /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+                    className: _advanceddatacardcssmistica.touchableContainer,
+                    children: [
+                        /* @__PURE__ */ (0, _jsxruntime.jsxs)(_touchable.default, {
+                            onPress: i,
+                            tabIndex: 0,
+                            maybe: !0,
+                            className: _advanceddatacardcssmistica.touchable,
+                            "aria-label": H,
+                            children: [
+                                z && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                    className: _advanceddatacardcssmistica.touchableCardOverlay
+                                }),
+                                /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                    className: (0, _classnames.default)(_advanceddatacardcssmistica.cardContentStyle, !w && !D ? _advanceddatacardcssmistica.minHeight : ""),
+                                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                                        paddingTop: 8,
+                                        children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
+                                            space: 0,
+                                            children: [
+                                                /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
+                                                    space: 8,
+                                                    children: [
+                                                        a,
+                                                        /* @__PURE__ */ (0, _jsxruntime.jsx)(ge, {
+                                                            headline: n,
+                                                            pretitle: h,
+                                                            pretitleAs: s,
+                                                            pretitleLinesMax: c,
+                                                            title: d,
+                                                            titleAs: l,
+                                                            titleLinesMax: o,
+                                                            subtitle: r,
+                                                            subtitleLinesMax: m,
+                                                            description: N,
+                                                            descriptionLinesMax: P
+                                                        })
+                                                    ]
+                                                }),
+                                                !a && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                                    style: W
+                                                })
+                                            ]
+                                        })
                                     })
+                                }),
+                                /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                    style: {
+                                        flexGrow: 1
+                                    }
+                                }),
+                                D && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                                    paddingTop: 16,
+                                    paddingBottom: 24,
+                                    width: "100%",
+                                    children: p.map((G, I)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+                                            children: [
+                                                /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                                    className: _advanceddatacardcssmistica.paddingX,
+                                                    children: G
+                                                }),
+                                                I + 1 !== p.length && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                                                    paddingY: O,
+                                                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
+                                                })
+                                            ]
+                                        }, I))
                                 })
-                            }),
-                            /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                                style: {
-                                    flexGrow: 1
-                                }
-                            }),
-                            D && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                                paddingTop: 16,
-                                paddingBottom: 24,
-                                width: "100%",
-                                children: u.map((W, I)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-                                        children: [
-                                            /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                                                className: _advanceddatacardcssmistica.paddingX,
-                                                children: W
-                                            }),
-                                            I + 1 !== u.length && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                                                paddingY: j,
-                                                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
-                                            })
-                                        ]
-                                    }, I))
-                            })
-                        ]
-                    }),
-                    w && /* @__PURE__ */ (0, _jsxruntime.jsx)(ue, _object_spread({}, _))
-                ]
-            }),
-            /* @__PURE__ */ (0, _jsxruntime.jsx)(_card.CardActionsGroup, {
-                actions: g,
-                onClose: S
-            })
-        ]
+                            ]
+                        }),
+                        /* @__PURE__ */ (0, _jsxruntime.jsx)(_card.CardActionsGroup, {
+                            actions: g,
+                            onClose: S,
+                            padding: 7
+                        })
+                    ]
+                }),
+                w && /* @__PURE__ */ (0, _jsxruntime.jsx)(fe, _object_spread({}, E))
+            ]
+        })
     }));
-}), Fe = ge;
+}), Oe = ve;

package/dist/community/blocks.css-mistica.js

@@ -18,4 +18,4 @@ _export(exports, {
 });
 require("../sprinkles.css.ts.vanilla.css-mistica.js");
 require("./blocks.css.ts.vanilla.css-mistica.js");
-var t = "_1y2v1nfb4 _1y2v1nfba", o = "llrsen1";
+var t = "_1y2v1nfb5 _1y2v1nfbb", o = "llrsen1";

package/dist/community/blocks.js

@@ -55,12 +55,12 @@ const g = (param)=>{
                 color: _skincontractcssmistica.vars.colors.textPrimary,
                 children: o
             }),
-            l && l.map((t, n)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+            l && l.map((t, i)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                     regular: !0,
                     color: _skincontractcssmistica.vars.colors.textSecondary,
                     as: "p",
                     children: t
-                }, n))
+                }, i))
         ]
     });
 }, L = (param)=>/* @__PURE__ */ {
@@ -104,7 +104,7 @@ const g = (param)=>{
         })
     });
 }, q = (param)=>/* @__PURE__ */ {
-    let { title: o , description: e , secondaryValue: l , value: t , valueColor: n = _skincontractcssmistica.vars.colors.textPrimary , "aria-label": d  } = param;
+    let { title: o , description: e , secondaryValue: l , value: t , valueColor: i = _skincontractcssmistica.vars.colors.textPrimary , "aria-label": d  } = param;
     return (0, _jsxruntime.jsxs)(_inline.default, {
         space: "between",
         alignItems: "flex-end",
@@ -123,7 +123,7 @@ const g = (param)=>{
                         children: l
                     }),
                     /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text5, {
-                        color: n,
+                        color: i,
                         children: t
                     })
                 ]
@@ -131,7 +131,7 @@ const g = (param)=>{
         ]
     });
 }, z = (param)=>/* @__PURE__ */ {
-    let { headline: o , mainHeading: e , secondHeading: l , secondaryValue: t , title: n , description: d , valueColor: m = _skincontractcssmistica.vars.colors.textPrimary , "aria-label": b  } = param;
+    let { headline: o , mainHeading: e , secondHeading: l , secondaryValue: t , title: i , description: d , valueColor: m = _skincontractcssmistica.vars.colors.textPrimary , "aria-label": b  } = param;
     return (0, _jsxruntime.jsxs)("div", {
         "aria-label": b,
         children: [
@@ -178,19 +178,19 @@ const g = (param)=>{
                     })
                 ]
             }),
-            n || d ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+            i || d ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingTop: 8,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(g, {
-                    title: n,
+                    title: i,
                     description: d
                 })
             }) : null
         ]
     });
 }, A = (param)=>/* @__PURE__ */ {
-    let { title: o , value: e , description: l , valueColor: t = _skincontractcssmistica.vars.colors.textPrimary , "aria-label": n  } = param;
+    let { title: o , value: e , description: l , valueColor: t = _skincontractcssmistica.vars.colors.textPrimary , "aria-label": i  } = param;
     return (0, _jsxruntime.jsxs)("div", {
-        "aria-label": n,
+        "aria-label": i,
         className: _blockscssmistica.column,
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
@@ -208,7 +208,7 @@ const g = (param)=>{
         ]
     });
 }, D = (param)=>/* @__PURE__ */ {
-    let { title: o , stackingGroup: e , progressPercent: l , reverse: t , heading: n , description: d , "aria-label": m  } = param;
+    let { title: o , stackingGroup: e , progressPercent: l , reverse: t , heading: i , description: d , "aria-label": m  } = param;
     return (0, _jsxruntime.jsx)("div", {
         "aria-label": m,
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
@@ -228,7 +228,7 @@ const g = (param)=>{
                         e
                     ]
                 }),
-                l && /* @__PURE__ */ (0, _jsxruntime.jsx)(_progressbar.default, {
+                l !== void 0 && /* @__PURE__ */ (0, _jsxruntime.jsx)(_progressbar.default, {
                     progressPercent: l,
                     reverse: t
                 }),
@@ -237,13 +237,13 @@ const g = (param)=>{
                     alignItems: "baseline",
                     children: [
                         /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text8, {
-                            color: n.valueColor || _skincontractcssmistica.vars.colors.textPrimary,
-                            children: n.value
+                            color: i.valueColor || _skincontractcssmistica.vars.colors.textPrimary,
+                            children: i.value
                         }),
                         /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                             regular: !0,
                             color: _skincontractcssmistica.vars.colors.textSecondary,
-                            children: n.text
+                            children: i.text
                         })
                     ]
                 }),