@telefonica/mistica 16.42.2 → 16.43.0

package/dist/chip.css.d.ts

@@ -1,5 +1,6 @@
 export declare const chipWrapper: string;
 export declare const wrappedContent: string;
+export declare const containerSmall: string;
 export declare const chipVariants: Record<"default" | "active" | "overAlternative" | "navigationActive" | "navigationActiveInverse", string>;
 export declare const interactive: string;
 export declare const button: string;
@@ -8,5 +9,5 @@ export declare const icon: string;
 export declare const iconNavigation: string;
 export declare const iconNavigationInverse: string;
 export declare const iconActive: string;
-export declare const leftPadding: Record<"default" | "withIcon", string>;
-export declare const rightPadding: Record<"default" | "withIcon", string>;
+export declare const leftPadding: Record<"default" | "small" | "withIcon" | "withIconSmall", string>;
+export declare const rightPadding: Record<"default" | "small" | "withIcon" | "withIconSmall", string>;

package/dist/chip.d.ts

@@ -8,6 +8,7 @@ interface SimpleChipProps {
     id?: string;
     dataAttributes?: DataAttributes;
     badge?: boolean | number;
+    small?: boolean;
 }
 interface ClosableChipProps extends SimpleChipProps {
     onClose: () => void;

package/dist/chip.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return de;
+        return ht;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -121,36 +121,38 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const X = (t)=>{
-    const { Icon: o, children: w, id: B, dataAttributes: N, badge: i, active: c, onClose: s, closeButtonLabel: T } = t, { texts: P, textPresets: y, t: L } = (0, _hooks.useTheme)(), f = (0, _themevariantcontext.useThemeVariant)(), p = f === "alternative", g = f === "inverse", r = t.href || t.onPress || t.to, b = c !== void 0 || r, C = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+const Y = (t)=>{
+    const { Icon: r, children: N, id: T, dataAttributes: P, badge: n, active: c, onClose: s, closeButtonLabel: p } = t, { texts: y, textPresets: S, t: L } = (0, _hooks.useTheme)(), f = (0, _themevariantcontext.useThemeVariant)(), g = f === "alternative", b = f === "inverse", o = t.href || t.onPress || t.to, I = c !== void 0 || o, w = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
-            o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                className: c ? r ? g ? _chipcssmistica.iconNavigationInverse : _chipcssmistica.iconNavigation : _chipcssmistica.iconActive : _chipcssmistica.icon,
-                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(o, {
+            r && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                className: c ? o ? b ? _chipcssmistica.iconNavigationInverse : _chipcssmistica.iconNavigation : _chipcssmistica.iconActive : _chipcssmistica.icon,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(r, {
                     color: "currentColor",
                     size: (0, _css.pxToRem)(16)
                 })
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                paddingRight: i ? 8 : s ? 4 : 0,
+                paddingRight: n ? 8 : s ? 4 : 0,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
-                    id: B,
-                    weight: y.indicator.weight,
+                    id: T,
+                    weight: S.indicator.weight,
                     truncate: 1,
                     color: "currentColor",
-                    children: w
+                    children: N
                 })
             })
         ]
-    }), l = _object_spread({
+    }), m = _object_spread({
         "component-name": "Chip",
         testid: "Chip"
-    }, N);
+    }, P);
     if (s) 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)), {
+        className: (0, _classnames.default)(g ? _chipcssmistica.chipVariants.overAlternative : _chipcssmistica.chipVariants.default, _chipcssmistica.chipWrapper, r ? t.small ? _chipcssmistica.leftPadding.withIconSmall : _chipcssmistica.leftPadding.withIcon : t.small ? _chipcssmistica.leftPadding.small : _chipcssmistica.leftPadding.default, t.small ? _chipcssmistica.rightPadding.withIconSmall : _chipcssmistica.rightPadding.withIcon, {
+            [_chipcssmistica.containerSmall]: t.small
+        })
+    }, (0, _dom.getPrefixedDataAttributes)(m)), {
         children: [
-            C,
+            w,
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, {
                 style: {
                     display: "flex",
@@ -159,7 +161,7 @@ const X = (t)=>{
                     width: (0, _css.pxToRem)(24),
                     height: (0, _css.pxToRem)(24)
                 },
-                "aria-label": T || P.closeButtonLabel || L(_texttokens.closeButtonLabel),
+                "aria-label": p || y.closeButtonLabel || L(_texttokens.closeButtonLabel),
                 onPress: ()=>s(),
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconcloseregular.default, {
                     size: (0, _css.pxToRem)(16),
@@ -168,24 +170,25 @@ const X = (t)=>{
             })
         ]
     }));
-    const j = ()=>i ? i === !0 ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {}) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {
-            value: i
-        }) : null, I = (R)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
-            className: (0, _classnames.default)(_chipcssmistica.chipVariants[c ? r ? g ? "navigationActiveInverse" : "navigationActive" : "active" : p ? "overAlternative" : "default"], r ? _chipcssmistica.wrappedContent : _chipcssmistica.chipWrapper, {
-                [_chipcssmistica.interactive]: b
-            }, o ? _chipcssmistica.leftPadding.withIcon : _chipcssmistica.leftPadding.default, i ? _chipcssmistica.rightPadding.withIcon : _chipcssmistica.rightPadding.default)
+    const j = ()=>n ? n === !0 ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {}) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {
+            value: n
+        }) : null, C = (R)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
+            className: (0, _classnames.default)(_chipcssmistica.chipVariants[c ? o ? b ? "navigationActiveInverse" : "navigationActive" : "active" : g ? "overAlternative" : "default"], o ? _chipcssmistica.wrappedContent : _chipcssmistica.chipWrapper, {
+                [_chipcssmistica.interactive]: I,
+                [_chipcssmistica.containerSmall]: t.small
+            }, r ? t.small ? _chipcssmistica.leftPadding.withIconSmall : _chipcssmistica.leftPadding.withIcon : t.small ? _chipcssmistica.leftPadding.small : _chipcssmistica.leftPadding.default, n ? t.small ? _chipcssmistica.rightPadding.withIconSmall : _chipcssmistica.rightPadding.withIcon : t.small ? _chipcssmistica.rightPadding.small : _chipcssmistica.rightPadding.default)
         }, (0, _dom.getPrefixedDataAttributes)(R)), {
             children: [
-                b && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                I && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _chipcssmistica.interactiveChipOverlay
                 }),
-                C,
+                w,
                 j()
             ]
         }));
-    return r ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, t), {
+    return o ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, t), {
         className: (0, _classnames.default)(_chipcssmistica.chipWrapper, _chipcssmistica.button),
-        dataAttributes: l,
-        children: I()
-    })) : I(l);
-}, de = X;
+        dataAttributes: m,
+        children: C()
+    })) : C(m);
+}, ht = Y;

package/dist/circle.css-mistica.js

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "circle", {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./circle.css.ts.vanilla.css-mistica.js");
-var y = "v16_42_2_1wpwyyp1 v16_42_2_1y2v1nfjw v16_42_2_1y2v1nfkb v16_42_2_1y2v1nfk5 v16_42_2_1y2v1nfmg";
+var y = "v16_43_1wpwyyp1 v16_43_1y2v1nfjw v16_43_1y2v1nfkb v16_43_1y2v1nfk5 v16_43_1y2v1nfmg";

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

@@ -85,9 +85,9 @@ _export(exports, {
 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 = "v16_42_2_1x00fru4 v16_42_2_1x00fru2 v16_42_2_1y2v1nfcm v16_42_2_1y2v1nfdv v16_42_2_1y2v1nfjw v16_42_2_1y2v1nfk8 v16_42_2_1y2v1nfbj", a = {
-    default: "v16_42_2_1x00fruk",
-    mobile: "v16_42_2_1x00frul"
-}, t = "v16_42_2_1x00frut", o = "v16_42_2_1x00fruo", u = "v16_42_2_1x00frup v16_42_2_1x00fruo", y = "v16_42_2_1x00fru8 v16_42_2_1x00fru2 v16_42_2_1y2v1nfcm v16_42_2_1y2v1nfdv v16_42_2_1y2v1nf9y v16_42_2_1y2v1nfbj", i = "v16_42_2_1y2v1nfjq v16_42_2_1y2v1nfl0", x = "v16_42_2_1x00frud v16_42_2_1y2v1nfjq v16_42_2_1y2v1nfjw v16_42_2_1y2v1nfki v16_42_2_1y2v1nfk2", e = "v16_42_2_1x00frui", d = "v16_42_2_1x00frua v16_42_2_1y2v1nfa4 v16_42_2_1y2v1nfbj v16_42_2_1y2v1nfkj", m = "v16_42_2_1x00frux", c = "v16_42_2_1x00frus v16_42_2_1y2v1nfjw v16_42_2_1y2v1nfk1", b = "v16_42_2_1y2v1nfkb v16_42_2_1y2v1nfjw v16_42_2_1y2v1nfdv", j = "v16_42_2_1y2v1nfjw v16_42_2_1y2v1nfki v16_42_2_1y2v1nfkb v16_42_2_1y2v1nfm5", l = "v16_42_2_1x00frum", k = "v16_42_2_1x00fruu", p = "v16_42_2_1x00frub", g = "v16_42_2_1x00fru2 v16_42_2_1y2v1nfcm v16_42_2_1y2v1nfdv", s = "v16_42_2_1x00fruw", h = "v16_42_2_1x00fru5", w = "v16_42_2_1x00fru6", C = {
-    topActionsCount: "var(--v16_42_2_1x00fruv)"
-}, H = "v16_42_2_1y2v1nfa4";
+var f = 216, n = "v16_43_1x00fru4 v16_43_1x00fru2 v16_43_1y2v1nfcm v16_43_1y2v1nfdv v16_43_1y2v1nfjw v16_43_1y2v1nfk8 v16_43_1y2v1nfbj", a = {
+    default: "v16_43_1x00fruk",
+    mobile: "v16_43_1x00frul"
+}, t = "v16_43_1x00frut", o = "v16_43_1x00fruo", u = "v16_43_1x00frup v16_43_1x00fruo", y = "v16_43_1x00fru8 v16_43_1x00fru2 v16_43_1y2v1nfcm v16_43_1y2v1nfdv v16_43_1y2v1nf9y v16_43_1y2v1nfbj", i = "v16_43_1y2v1nfjq v16_43_1y2v1nfl0", x = "v16_43_1x00frud v16_43_1y2v1nfjq v16_43_1y2v1nfjw v16_43_1y2v1nfki v16_43_1y2v1nfk2", e = "v16_43_1x00frui", d = "v16_43_1x00frua v16_43_1y2v1nfa4 v16_43_1y2v1nfbj v16_43_1y2v1nfkj", m = "v16_43_1x00frux", c = "v16_43_1x00frus v16_43_1y2v1nfjw v16_43_1y2v1nfk1", b = "v16_43_1y2v1nfkb v16_43_1y2v1nfjw v16_43_1y2v1nfdv", j = "v16_43_1y2v1nfjw v16_43_1y2v1nfki v16_43_1y2v1nfkb v16_43_1y2v1nfm5", l = "v16_43_1x00frum", k = "v16_43_1x00fruu", p = "v16_43_1x00frub", g = "v16_43_1x00fru2 v16_43_1y2v1nfcm v16_43_1y2v1nfdv", s = "v16_43_1x00fruw", h = "v16_43_1x00fru5", w = "v16_43_1x00fru6", C = {
+    topActionsCount: "var(--v16_43_1x00fruv)"
+}, H = "v16_43_1y2v1nfa4";

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

@@ -11,10 +11,10 @@ function _export(target, all) {
 }
 _export(exports, {
     AdvancedDataCard: function() {
-        return Er;
+        return Pr;
     },
     default: function() {
-        return $r;
+        return Lr;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -25,7 +25,6 @@ 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"));
@@ -163,30 +162,30 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const jr = (param)=>{
-    let { headline: d, headlineRef: h, pretitle: n, pretitleAs: i, pretitleLinesMax: l, title: o, titleAs: c, titleLinesMax: f, subtitle: a, subtitleLinesMax: s, description: e, descriptionLinesMax: x } = param;
-    const { textPresets: m } = (0, _hooks.useTheme)();
+    let { headline: d, headlineRef: h, pretitle: n, pretitleAs: c, pretitleLinesMax: l, title: e, titleAs: s, titleLinesMax: f, subtitle: a, subtitleLinesMax: i, description: o, descriptionLinesMax: N } = param;
+    const { textPresets: m } = (0, _hooks.useTheme)(), p = (0, _text.useTextPresetSizes)("text4");
     return /** using flex instead of nested Stacks, this way we can rearrange texts so the DOM structure makes more sense for screen reader users */ /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
         className: _advanceddatacardcssmistica.flexColumn,
         children: [
-            (0, _headings.isBiggerHeading)(c, i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+            (0, _headings.isBiggerHeading)(s, c) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
                 children: [
-                    o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    e && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         style: {
-                            paddingBottom: a || e ? 4 : 0
+                            paddingBottom: a || o ? 4 : 0
                         },
-                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, _object_spread_props(_object_spread({}, _textprops.text4), {
+                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, _object_spread_props(_object_spread({}, p), {
                             truncate: f,
                             weight: m.cardTitle.weight,
-                            as: c,
+                            as: s,
                             hyphens: "auto",
-                            children: o
+                            children: e
                         }))
                     }),
                     d && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         ref: h,
                         style: {
                             order: -2,
-                            paddingBottom: n || o || a || e ? 4 : 0
+                            paddingBottom: n || e || a || o ? 4 : 0
                         },
                         children: typeof d == "string" ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_tag.default, {
                             type: "promo",
@@ -196,11 +195,11 @@ const jr = (param)=>{
                     n && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         style: {
                             order: -1,
-                            paddingBottom: o || a || e ? 4 : 0
+                            paddingBottom: e || a || o ? 4 : 0
                         },
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                             truncate: l,
-                            as: i,
+                            as: c,
                             regular: !0,
                             hyphens: "auto",
                             children: n
@@ -211,11 +210,11 @@ const jr = (param)=>{
                 children: [
                     n && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         style: {
-                            paddingBottom: o || a || e ? 4 : 0
+                            paddingBottom: e || a || o ? 4 : 0
                         },
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                             truncate: l,
-                            as: i,
+                            as: c,
                             regular: !0,
                             hyphens: "auto",
                             children: n
@@ -225,52 +224,52 @@ const jr = (param)=>{
                         ref: h,
                         style: {
                             order: -1,
-                            paddingBottom: n || o || a || e ? 4 : 0
+                            paddingBottom: n || e || a || o ? 4 : 0
                         },
                         children: typeof d == "string" ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_tag.default, {
                             type: "promo",
                             children: d
                         }) : d
                     }),
-                    o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    e && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         style: {
-                            paddingBottom: a || e ? 4 : 0
+                            paddingBottom: a || o ? 4 : 0
                         },
-                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, _object_spread_props(_object_spread({}, _textprops.text4), {
+                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, _object_spread_props(_object_spread({}, p), {
                             truncate: f,
                             weight: m.cardTitle.weight,
-                            as: c,
+                            as: s,
                             hyphens: "auto",
-                            children: o
+                            children: e
                         }))
                     })
                 ]
             }),
             a && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 style: {
-                    paddingBottom: e ? 4 : 0
+                    paddingBottom: o ? 4 : 0
                 },
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
-                    truncate: s,
+                    truncate: i,
                     as: "div",
                     regular: !0,
                     hyphens: "auto",
                     children: a
                 })
             }),
-            e && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
-                truncate: x,
+            o && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+                truncate: N,
                 as: "div",
                 regular: !0,
                 color: _skincontractcssmistica.vars.colors.textSecondary,
                 hyphens: "auto",
-                children: e
+                children: o
             })
         ]
     });
 }, Ar = (param)=>{
-    let { button: d, footerImage: h, footerText: n, footerTextLinesMax: i, buttonLink: l } = param;
-    const o = !!d, c = !!h, f = !!n, a = !!l, s = o && (c || f) && a, e = a && !s ? "178px" : "";
+    let { button: d, footerImage: h, footerText: n, footerTextLinesMax: c, buttonLink: l } = param;
+    const e = !!d, s = !!h, f = !!n, a = !!l, i = e && (s || f) && a, o = a && !i ? "178px" : "";
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -278,16 +277,16 @@ const jr = (param)=>{
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-                className: (0, _classnames.default)(_advanceddatacardcssmistica.actions, _advanceddatacardcssmistica.actionsVariants[s ? "mobile" : "default"]),
+                className: (0, _classnames.default)(_advanceddatacardcssmistica.actions, _advanceddatacardcssmistica.actionsVariants[i ? "mobile" : "default"]),
                 children: [
-                    o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    e && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)(_advanceddatacardcssmistica.marginRightButton, _advanceddatacardcssmistica.buttonMobile),
                         children: d
                     }),
                     /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-                        className: (0, _classnames.default)(_advanceddatacardcssmistica.footerDirection, s ? _advanceddatacardcssmistica.marginRightAuto : _advanceddatacardcssmistica.withPaddingTop),
+                        className: (0, _classnames.default)(_advanceddatacardcssmistica.footerDirection, i ? _advanceddatacardcssmistica.marginRightAuto : _advanceddatacardcssmistica.withPaddingTop),
                         children: [
-                            c && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                            s && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: _advanceddatacardcssmistica.footerImage,
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                     style: (0, _css.applyCssVars)({
@@ -298,11 +297,11 @@ const jr = (param)=>{
                             }),
                             f && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 style: {
-                                    maxWidth: e
+                                    maxWidth: o
                                 },
                                 className: _advanceddatacardcssmistica.footerText,
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
-                                    truncate: i,
+                                    truncate: c,
                                     regular: !0,
                                     children: n
                                 })
@@ -310,15 +309,15 @@ const jr = (param)=>{
                         ]
                     }),
                     a && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                        className: (0, _classnames.default)(_advanceddatacardcssmistica.adjustButtonLink, s ? _advanceddatacardcssmistica.button : _advanceddatacardcssmistica.buttonMobile),
+                        className: (0, _classnames.default)(_advanceddatacardcssmistica.adjustButtonLink, i ? _advanceddatacardcssmistica.button : _advanceddatacardcssmistica.buttonMobile),
                         children: l
                     })
                 ]
             })
         ]
     });
-}, Er = /*#__PURE__*/ _react.forwardRef((_param, K)=>{
-    var { stackingGroup: d, headline: h, pretitle: n, pretitleAs: i, pretitleLinesMax: l, title: o, titleAs: c = "h3", titleLinesMax: f, subtitle: a, subtitleLinesMax: s, description: e, descriptionLinesMax: x, extra: m, extraDividerPadding: b = 24, noExtraDivider: k = !1, button: B, footerImage: T, footerText: C, footerTextLinesMax: q, buttonLink: w, dataAttributes: z, actions: p, "aria-label": J, onClose: I } = _param, y = _object_without_properties(_param, [
+}, Pr = /*#__PURE__*/ _react.forwardRef((_param, J)=>{
+    var { stackingGroup: d, headline: h, pretitle: n, pretitleAs: c, pretitleLinesMax: l, title: e, titleAs: s = "h3", titleLinesMax: f, subtitle: a, subtitleLinesMax: i, description: o, descriptionLinesMax: N, extra: m, extraDividerPadding: p = 24, noExtraDivider: _ = !1, button: B, footerImage: C, footerText: w, footerTextLinesMax: b, buttonLink: I, dataAttributes: k, actions: y, "aria-label": q, onClose: R } = _param, x = _object_without_properties(_param, [
         "stackingGroup",
         "headline",
         "pretitle",
@@ -344,32 +343,32 @@ const jr = (param)=>{
         "aria-label",
         "onClose"
     ]);
-    const g = !!y.href || !!y.onPress || !!y.to, M = {
+    const g = !!x.href || !!x.onPress || !!x.to, K = {
         button: B,
-        footerImage: T,
-        footerText: C,
-        footerTextLinesMax: q,
-        buttonLink: w
-    }, R = !!B || !!T || !!C || !!w, D = !!(m != null && m.length), Q = ((p == null ? void 0 : p.length) || 0) + (I ? 1 : 0), { text: H, ref: U } = (0, _hooks.useInnerText)(), { text: F, ref: Z } = (0, _hooks.useInnerText)(), S = J || ((0, _headings.isBiggerHeading)(c, i) ? [
-        o,
+        footerImage: C,
+        footerText: w,
+        footerTextLinesMax: b,
+        buttonLink: I
+    }, S = !!B || !!C || !!w || !!I, D = !!(m != null && m.length), M = ((y == null ? void 0 : y.length) || 0) + (R ? 1 : 0), { text: H, ref: Q } = (0, _hooks.useInnerText)(), { text: F, ref: U } = (0, _hooks.useInnerText)(), j = q || ((0, _headings.isBiggerHeading)(s, c) ? [
+        e,
         H,
         n,
         a,
-        e,
+        o,
         F
     ] : [
         n,
         H,
-        o,
-        a,
         e,
+        a,
+        o,
         F
     ]).filter(Boolean).join(" ");
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("section", _object_spread_props(_object_spread({
         className: _advanceddatacardcssmistica.container
-    }, (0, _dom.getPrefixedDataAttributes)(z, "AdvancedDataCard")), {
-        ref: K,
-        "aria-label": g ? void 0 : S,
+    }, (0, _dom.getPrefixedDataAttributes)(k, "AdvancedDataCard")), {
+        ref: J,
+        "aria-label": g ? void 0 : j,
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsxs)(_boxed.Boxed, {
                 className: _advanceddatacardcssmistica.dataCard,
@@ -379,15 +378,15 @@ const jr = (param)=>{
                 children: [
                     /* @__PURE__ */ (0, _jsxruntime.jsxs)(_touchable.default, _object_spread_props(_object_spread({
                         maybe: !0
-                    }, y), {
-                        "aria-label": g ? S : void 0,
+                    }, x), {
+                        "aria-label": g ? j : void 0,
                         className: _advanceddatacardcssmistica.touchable,
                         children: [
                             g && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: _advanceddatacardcssmistica.touchableCardHoverOverlay
                             }),
                             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                                className: (0, _classnames.default)(_advanceddatacardcssmistica.cardContentStyle, !R && !D ? _advanceddatacardcssmistica.minHeight : ""),
+                                className: (0, _classnames.default)(_advanceddatacardcssmistica.cardContentStyle, !S && !D ? _advanceddatacardcssmistica.minHeight : ""),
                                 "aria-hidden": g,
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                                     paddingTop: 8,
@@ -400,23 +399,23 @@ const jr = (param)=>{
                                                     d,
                                                     /* @__PURE__ */ (0, _jsxruntime.jsx)(jr, {
                                                         headline: h,
-                                                        headlineRef: U,
+                                                        headlineRef: Q,
                                                         pretitle: n,
-                                                        pretitleAs: i,
+                                                        pretitleAs: c,
                                                         pretitleLinesMax: l,
-                                                        title: o,
-                                                        titleAs: c,
+                                                        title: e,
+                                                        titleAs: s,
                                                         titleLinesMax: f,
                                                         subtitle: a,
-                                                        subtitleLinesMax: s,
-                                                        description: e,
-                                                        descriptionLinesMax: x
+                                                        subtitleLinesMax: i,
+                                                        description: o,
+                                                        descriptionLinesMax: N
                                                     })
                                                 ]
                                             }),
                                             !d && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                                 style: (0, _css.applyCssVars)({
-                                                    [_advanceddatacardcssmistica.vars.topActionsCount]: String(Q)
+                                                    [_advanceddatacardcssmistica.vars.topActionsCount]: String(M)
                                                 }),
                                                 className: _advanceddatacardcssmistica.topActionsWithoutIcon
                                             })
@@ -431,30 +430,30 @@ const jr = (param)=>{
                             }),
                             D && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: _advanceddatacardcssmistica.extra,
-                                ref: Z,
+                                ref: U,
                                 "aria-hidden": g,
-                                children: m.map((L, j)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+                                children: m.map((Z, A)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                                         children: [
                                             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                                 className: _advanceddatacardcssmistica.paddingX,
-                                                children: L
+                                                children: Z
                                             }),
-                                            j + 1 !== m.length && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                                                paddingY: b,
-                                                children: !k && /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
+                                            A + 1 !== m.length && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                                                paddingY: p,
+                                                children: !_ && /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
                                             })
                                         ]
-                                    }, j))
+                                    }, A))
                             })
                         ]
                     })),
-                    R && /* @__PURE__ */ (0, _jsxruntime.jsx)(Ar, _object_spread({}, M))
+                    S && /* @__PURE__ */ (0, _jsxruntime.jsx)(Ar, _object_spread({}, K))
                 ]
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_cardinternal.TopActions, {
-                actions: p,
-                onClose: I
+                actions: y,
+                onClose: R
             })
         ]
     }));
-}), $r = Er;
+}), Lr = Pr;

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

@@ -10,12 +10,12 @@ function _export(target, all) {
 }
 _export(exports, {
     column: function() {
-        return v;
+        return n;
     },
     rightContent: function() {
-        return n;
+        return t;
     }
 });
 require("../sprinkles.css.ts.vanilla.css-mistica.js");
 require("./blocks.css.ts.vanilla.css-mistica.js");
-var v = "v16_42_2_1y2v1nfjw v16_42_2_1y2v1nfk2", n = "v16_42_2_llrsen1";
+var n = "v16_43_1y2v1nfjw v16_43_1y2v1nfk2", t = "v16_43_llrsen1";

package/dist/community/example-component.css-mistica.js

@@ -9,4 +9,4 @@ Object.defineProperty(exports, "example", {
     }
 });
 require("./example-component.css.ts.vanilla.css-mistica.js");
-var m = "v16_42_2_jbmjs60";
+var m = "v16_43_jbmjs60";

package/dist/counter.css-mistica.js

@@ -45,4 +45,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./counter.css.ts.vanilla.css-mistica.js");
-var n = "v16_42_2_rijsns8 v16_42_2_1y2v1nf9o v16_42_2_1y2v1nfme v16_42_2_1y2v1nfjr v16_42_2_1y2v1nfku v16_42_2_1y2v1nfla", r = "v16_42_2_rijsnse v16_42_2_1y2v1nfkt v16_42_2_1y2v1nfl9 v16_42_2_1y2v1nfjr v16_42_2_1y2v1nfmm v16_42_2_1y2v1nf8g", s = "v16_42_2_rijsns6", a = "v16_42_2_rijsns3 v16_42_2_1y2v1nfmm v16_42_2_1y2v1nf4w v16_42_2_1y2v1nfjx v16_42_2_1y2v1nfn0", t = "v16_42_2_rijsnsc v16_42_2_rijsnsa v16_42_2_1y2v1nfjr", f = "v16_42_2_rijsnsa v16_42_2_1y2v1nfjr", j = "v16_42_2_rijsns4", y = "v16_42_2_rijsns0", i = "v16_42_2_rijsns1", o = "v16_42_2_rijsnsb v16_42_2_rijsnsa v16_42_2_1y2v1nfjr", e = "v16_42_2_1y2v1nfjq v16_42_2_1y2v1nfjw v16_42_2_1y2v1nfk5";
+var n = "v16_43_rijsns8 v16_43_1y2v1nf9o v16_43_1y2v1nfme v16_43_1y2v1nfjr v16_43_1y2v1nfku v16_43_1y2v1nfla", r = "v16_43_rijsnse v16_43_1y2v1nfkt v16_43_1y2v1nfl9 v16_43_1y2v1nfjr v16_43_1y2v1nfmm v16_43_1y2v1nf8g", s = "v16_43_rijsns6", a = "v16_43_rijsns3 v16_43_1y2v1nfmm v16_43_1y2v1nf4w v16_43_1y2v1nfjx v16_43_1y2v1nfn0", t = "v16_43_rijsnsc v16_43_rijsnsa v16_43_1y2v1nfjr", f = "v16_43_rijsnsa v16_43_1y2v1nfjr", j = "v16_43_rijsns4", y = "v16_43_rijsns0", i = "v16_43_rijsns1", o = "v16_43_rijsnsb v16_43_rijsnsa v16_43_1y2v1nfjr", e = "v16_43_1y2v1nfjq v16_43_1y2v1nfjw v16_43_1y2v1nfk5";

package/dist/cover-hero.css-mistica.js

@@ -53,6 +53,6 @@ require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./responsive-layout.css.ts.vanilla.css-mistica.js");
 require("./carousel.css.ts.vanilla.css-mistica.js");
 require("./cover-hero.css.ts.vanilla.css-mistica.js");
-var r = "v16_42_2_moeazi9 v16_42_2_1y2v1nfkb", e = "v16_42_2_moeazi2 v16_42_2_1y2v1nfjq v16_42_2_1y2v1nfjw v16_42_2_1y2v1nfk2 v16_42_2_1y2v1nfk5 v16_42_2_1y2v1nfkj v16_42_2_1y2v1nfn6 v16_42_2_1y2v1nfof", f = "v16_42_2_moeazi4 v16_42_2_1y2v1nfjq v16_42_2_1y2v1nfjw v16_42_2_1y2v1nfkj", o = "v16_42_2_1y2v1nfjw v16_42_2_1y2v1nfk2", y = "v16_42_2_moeazi7", i = "v16_42_2_1y2v1nfjq", m = "v16_42_2_1y2v1nfjr v16_42_2_1y2v1nfou v16_42_2_1y2v1nfkj v16_42_2_1y2v1nfl0", t = "v16_42_2_moeazic v16_42_2_1y2v1nfjr v16_42_2_1y2v1nfn6 v16_42_2_1y2v1nfnl v16_42_2_1y2v1nfkj v16_42_2_1y2v1nfl0", j = "v16_42_2_moeazi6", z = "v16_42_2_1y2v1nfjq", k = "v16_42_2_moeazie", l = {
-    aspectRatio: "var(--v16_42_2_moeazi0)"
-}, p = "v16_42_2_moeazi5";
+var r = "v16_43_moeazi9 v16_43_1y2v1nfkb", e = "v16_43_moeazi2 v16_43_1y2v1nfjq v16_43_1y2v1nfjw v16_43_1y2v1nfk2 v16_43_1y2v1nfk5 v16_43_1y2v1nfkj v16_43_1y2v1nfn6 v16_43_1y2v1nfof", f = "v16_43_moeazi4 v16_43_1y2v1nfjq v16_43_1y2v1nfjw v16_43_1y2v1nfkj", o = "v16_43_1y2v1nfjw v16_43_1y2v1nfk2", y = "v16_43_moeazi7", i = "v16_43_1y2v1nfjq", m = "v16_43_1y2v1nfjr v16_43_1y2v1nfou v16_43_1y2v1nfkj v16_43_1y2v1nfl0", t = "v16_43_moeazic v16_43_1y2v1nfjr v16_43_1y2v1nfn6 v16_43_1y2v1nfnl v16_43_1y2v1nfkj v16_43_1y2v1nfl0", j = "v16_43_moeazi6", z = "v16_43_1y2v1nfjq", k = "v16_43_moeazie", l = {
+    aspectRatio: "var(--v16_43_moeazi0)"
+}, p = "v16_43_moeazi5";

package/dist/credit-card-number-field.css-mistica.js

@@ -24,7 +24,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./credit-card-number-field.css.ts.vanilla.css-mistica.js");
-var y = "v16_42_2_yvyo3q0", f = "v16_42_2_yvyo3q5 v16_42_2_yvyo3q2 v16_42_2_1y2v1nfjw v16_42_2_1y2v1nfkb v16_42_2_1y2v1nfk5 v16_42_2_1y2v1nfl0", n = "v16_42_2_yvyo3q2 v16_42_2_1y2v1nfjw v16_42_2_1y2v1nfkb v16_42_2_1y2v1nfk5 v16_42_2_1y2v1nfl0 v16_42_2_1y2v1nfjr", o = {
-    default: "v16_42_2_yvyo3q7 v16_42_2_1y2v1nfjq v16_42_2_yvyo3q8",
-    backface: "v16_42_2_yvyo3q7 v16_42_2_1y2v1nfjq v16_42_2_yvyo3q9"
+var y = "v16_43_yvyo3q0", f = "v16_43_yvyo3q5 v16_43_yvyo3q2 v16_43_1y2v1nfjw v16_43_1y2v1nfkb v16_43_1y2v1nfk5 v16_43_1y2v1nfl0", n = "v16_43_yvyo3q2 v16_43_1y2v1nfjw v16_43_1y2v1nfkb v16_43_1y2v1nfk5 v16_43_1y2v1nfl0 v16_43_1y2v1nfjr", o = {
+    default: "v16_43_yvyo3q7 v16_43_1y2v1nfjq v16_43_yvyo3q8",
+    backface: "v16_43_yvyo3q7 v16_43_1y2v1nfjq v16_43_yvyo3q9"
 };

package/dist/date-field.css-mistica.js

@@ -12,4 +12,4 @@ require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./icon-button.css.ts.vanilla.css-mistica.js");
 require("./text-field-base.css.ts.vanilla.css-mistica.js");
 require("./date-field.css.ts.vanilla.css-mistica.js");
-var p = "v16_42_2_1pntndu0";
+var p = "v16_43_1pntndu0";

package/dist/date-time-picker.css-mistica.js

@@ -9,4 +9,4 @@ Object.defineProperty(exports, "reactDatePicker", {
     }
 });
 require("./date-time-picker.css.ts.vanilla.css-mistica.js");
-var e = "v16_42_2_c0yqjy0";
+var e = "v16_43_c0yqjy0";

package/dist/dialog.css-mistica.js

@@ -45,7 +45,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./dialog.css.ts.vanilla.css-mistica.js");
-var n = 200, y = "v16_42_2_3dl29lb", f = "v16_42_2_3dl29l6", a = "v16_42_2_3dl29ll v16_42_2_1y2v1nfaa", l = "v16_42_2_3dl29lj v16_42_2_1y2v1nfki v16_42_2_1y2v1nflw", o = "v16_42_2_3dl29lm", d = "v16_42_2_3dl29l8 v16_42_2_1y2v1nfa4 v16_42_2_1y2v1nfbd v16_42_2_1y2v1nfcm v16_42_2_1y2v1nfdv v16_42_2_1y2v1nfjr v16_42_2_1y2v1nfn6 v16_42_2_1y2v1nfo0", r = "v16_42_2_3dl29la v16_42_2_1y2v1nf4v v16_42_2_1y2v1nfmo", t = "v16_42_2_3dl29l5 v16_42_2_1y2v1nfjs v16_42_2_1y2v1nfjw v16_42_2_1y2v1nfk5 v16_42_2_1y2v1nfkb v16_42_2_1y2v1nfk2 v16_42_2_1y2v1nfn6 v16_42_2_1y2v1nfo0 v16_42_2_1y2v1nfof v16_42_2_1y2v1nfnl v16_42_2_1y2v1nf57", e = {
-    dialog: "v16_42_2_3dl29ld v16_42_2_1y2v1nfjw v16_42_2_1y2v1nfk2 v16_42_2_1y2v1nfk8 v16_42_2_1y2v1nfcs v16_42_2_1y2v1nfe1 v16_42_2_1y2v1nfag v16_42_2_1y2v1nfbj",
-    default: "v16_42_2_3dl29ld v16_42_2_1y2v1nfjw v16_42_2_1y2v1nfk2 v16_42_2_1y2v1nfk8 v16_42_2_1y2v1nfaa v16_42_2_1y2v1nfbj v16_42_2_1y2v1nfcs v16_42_2_1y2v1nfe1"
-}, i = "v16_42_2_1y2v1nfjq";
+var n = 200, y = "v16_43_3dl29lb", f = "v16_43_3dl29l6", a = "v16_43_3dl29ll v16_43_1y2v1nfaa", l = "v16_43_3dl29lj v16_43_1y2v1nfki v16_43_1y2v1nflw", o = "v16_43_3dl29lm", d = "v16_43_3dl29l8 v16_43_1y2v1nfa4 v16_43_1y2v1nfbd v16_43_1y2v1nfcm v16_43_1y2v1nfdv v16_43_1y2v1nfjr v16_43_1y2v1nfn6 v16_43_1y2v1nfo0", r = "v16_43_3dl29la v16_43_1y2v1nf4v v16_43_1y2v1nfmo", t = "v16_43_3dl29l5 v16_43_1y2v1nfjs v16_43_1y2v1nfjw v16_43_1y2v1nfk5 v16_43_1y2v1nfkb v16_43_1y2v1nfk2 v16_43_1y2v1nfn6 v16_43_1y2v1nfo0 v16_43_1y2v1nfof v16_43_1y2v1nfnl v16_43_1y2v1nf57", e = {
+    dialog: "v16_43_3dl29ld v16_43_1y2v1nfjw v16_43_1y2v1nfk2 v16_43_1y2v1nfk8 v16_43_1y2v1nfcs v16_43_1y2v1nfe1 v16_43_1y2v1nfag v16_43_1y2v1nfbj",
+    default: "v16_43_3dl29ld v16_43_1y2v1nfjw v16_43_1y2v1nfk2 v16_43_1y2v1nfk8 v16_43_1y2v1nfaa v16_43_1y2v1nfbj v16_43_1y2v1nfcs v16_43_1y2v1nfe1"
+}, i = "v16_43_1y2v1nfjq";

package/dist/divider.css-mistica.js

@@ -10,6 +10,6 @@ Object.defineProperty(exports, "variants", {
 });
 require("./divider.css.ts.vanilla.css-mistica.js");
 var t = {
-    default: "v16_42_2_o0dvt10",
-    inverse: "v16_42_2_o0dvt11"
+    default: "v16_43_o0dvt10",
+    inverse: "v16_43_o0dvt11"
 };