@telefonica/mistica 14.31.1 → 14.32.1

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

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     AdvancedDataCard: function() {
-        return ve;
+        return Ne;
     },
     default: function() {
-        return Oe;
+        return je;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -128,58 +128,101 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-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)();
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+const fe = (_param)=>{
+    var { headline: a , pretitle: i , pretitleAs: s = "p" , pretitleLinesMax: p , title: d , titleAs: c = "h3" , titleLinesMax: l , subtitle: h , subtitleLinesMax: o , description: t , descriptionLinesMax: u , ariaLabel: x  } = _param, n = _object_without_properties(_param, [
+        "headline",
+        "pretitle",
+        "pretitleAs",
+        "pretitleLinesMax",
+        "title",
+        "titleAs",
+        "titleLinesMax",
+        "subtitle",
+        "subtitleLinesMax",
+        "description",
+        "descriptionLinesMax",
+        "ariaLabel"
+    ]);
+    const { textPresets: y  } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
         space: 4,
         children: [
-            i,
-            /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
-                space: 4,
-                children: [
-                    a && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
-                        color: _skincontractcssmistica.vars.colors.textPrimary,
-                        truncate: h,
-                        as: n,
-                        regular: !0,
-                        hyphens: "auto",
-                        children: a
-                    }),
-                    /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, {
-                        mobileSize: 18,
-                        mobileLineHeight: "24px",
-                        desktopSize: 20,
-                        desktopLineHeight: "28px",
-                        truncate: d,
-                        weight: N.cardTitle.weight,
-                        as: c,
-                        hyphens: "auto",
-                        children: s
-                    }),
-                    /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
-                        color: _skincontractcssmistica.vars.colors.textPrimary,
-                        truncate: o,
-                        as: "p",
-                        regular: !0,
-                        hyphens: "auto",
-                        children: l
-                    })
-                ]
+            a,
+            /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, _object_spread_props(_object_spread({
+                tabIndex: 0,
+                maybe: !0,
+                className: (0, _classnames.default)(_advanceddatacardcssmistica.touchableArea)
+            }, n), {
+                "aria-label": x,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {})
+            })),
+            i && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+                color: _skincontractcssmistica.vars.colors.textPrimary,
+                truncate: p,
+                as: s,
+                regular: !0,
+                hyphens: "auto",
+                children: i
             }),
-            r && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
-                truncate: m,
+            /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, {
+                mobileSize: 18,
+                mobileLineHeight: "24px",
+                desktopSize: 20,
+                desktopLineHeight: "28px",
+                truncate: l,
+                weight: y.cardTitle.weight,
+                as: c,
+                hyphens: "auto",
+                children: d
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+                color: _skincontractcssmistica.vars.colors.textPrimary,
+                truncate: o,
+                as: "p",
+                regular: !0,
+                hyphens: "auto",
+                children: h
+            }),
+            t && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+                truncate: u,
                 as: "p",
                 regular: !0,
                 color: _skincontractcssmistica.vars.colors.textSecondary,
                 hyphens: "auto",
-                children: r
+                children: t
             })
         ]
     });
-}, 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" : "";
+}, ve = (param)=>{
+    let { button: a , footerImage: i , footerText: s , footerTextLinesMax: p , buttonLink: d  } = param;
+    const c = !!a, l = !!i, h = !!s, o = !!d, t = c && (l || h) && o, u = o && !t ? "178px" : "";
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -187,148 +230,166 @@ const ge = (param)=>{
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-                className: (0, _classnames.default)(_advanceddatacardcssmistica.actions, _advanceddatacardcssmistica.actionsVariants[r ? "mobile" : "default"]),
+                className: (0, _classnames.default)(_advanceddatacardcssmistica.actions, _advanceddatacardcssmistica.actionsVariants[t ? "mobile" : "default"]),
                 children: [
                     c && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)(_advanceddatacardcssmistica.marginRightButton, _advanceddatacardcssmistica.buttonMobile),
-                        children: i
+                        children: a
                     }),
                     /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-                        className: (0, _classnames.default)(_advanceddatacardcssmistica.footerDirection, r ? _advanceddatacardcssmistica.marginRightAuto : (0, _sprinklescssmistica.sprinkles)({
+                        className: (0, _classnames.default)(_advanceddatacardcssmistica.footerDirection, t ? _advanceddatacardcssmistica.marginRightAuto : (0, _sprinklescssmistica.sprinkles)({
                             paddingTop: 16
                         })),
                         children: [
-                            d && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                            l && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                                 paddingRight: 16,
                                 className: (0, _sprinklescssmistica.sprinkles)({
                                     alignItems: "center",
                                     display: "flex"
                                 }),
-                                children: a
+                                children: i
                             }),
-                            l && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                            h && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 style: {
-                                    maxWidth: m
+                                    maxWidth: u
                                 },
                                 className: _advanceddatacardcssmistica.footerText,
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
-                                    truncate: h,
+                                    truncate: p,
                                     regular: !0,
-                                    children: n
+                                    children: s
                                 })
                             })
                         ]
                     }),
                     o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                        className: (0, _classnames.default)(_advanceddatacardcssmistica.adjustButtonLink, r ? _advanceddatacardcssmistica.button : _advanceddatacardcssmistica.buttonMobile),
-                        children: s
+                        className: (0, _classnames.default)(_advanceddatacardcssmistica.adjustButtonLink, t ? _advanceddatacardcssmistica.button : _advanceddatacardcssmistica.buttonMobile),
+                        children: d
                     })
                 ]
             })
         ]
     });
-}, 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: j,
-        buttonLink: B
-    }, w = !!b || !!C || !!A || !!B, D = !!(p != null && p.length), L = ((g == null ? void 0 : g.length) || 0) + (S ? 1 : 0), W = {
+}, Ne = /*#__PURE__*/ _react.forwardRef((_param, _)=>{
+    var { stackingGroup: a , headline: i , pretitle: s , pretitleAs: p , pretitleLinesMax: d , title: c , titleAs: l , titleLinesMax: h , subtitle: o , subtitleLinesMax: t , description: u , descriptionLinesMax: x , extra: n , extraDividerPadding: y = 24 , button: A , footerImage: b , footerText: B , footerTextLinesMax: z , buttonLink: S , dataAttributes: H , actions: g , "aria-label": w , onClose: D  } = _param, f = _object_without_properties(_param, [
+        "stackingGroup",
+        "headline",
+        "pretitle",
+        "pretitleAs",
+        "pretitleLinesMax",
+        "title",
+        "titleAs",
+        "titleLinesMax",
+        "subtitle",
+        "subtitleLinesMax",
+        "description",
+        "descriptionLinesMax",
+        "extra",
+        "extraDividerPadding",
+        "button",
+        "footerImage",
+        "footerText",
+        "footerTextLinesMax",
+        "buttonLink",
+        "dataAttributes",
+        "actions",
+        "aria-label",
+        "onClose"
+    ]);
+    const E = !!f.href || !!f.onPress || !!f.to, W = {
+        button: A,
+        footerImage: b,
+        footerText: B,
+        footerTextLinesMax: z,
+        buttonLink: S
+    }, I = !!A || !!b || !!B || !!S, R = !!(n != null && n.length), G = ((g == null ? void 0 : g.length) || 0) + (D ? 1 : 0), L = {
         marginRight: -16,
         marginTop: -24,
-        width: _card.TOP_ACTION_BUTTON_SIZE * L
+        width: _card.TOP_ACTION_BUTTON_SIZE * G
     };
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("section", _object_spread_props(_object_spread({
         className: (0, _sprinklescssmistica.sprinkles)({
             position: "relative",
             height: "100%"
         })
-    }, (0, _dom.getPrefixedDataAttributes)(k, "AdvancedDataCard")), {
+    }, (0, _dom.getPrefixedDataAttributes)(H, "AdvancedDataCard")), {
         ref: _,
+        "aria-label": w,
         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,
+                        E && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                            className: _advanceddatacardcssmistica.touchableCardOverlay
+                        }),
+                        /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                            className: (0, _classnames.default)(_advanceddatacardcssmistica.cardContentStyle, !I && !R ? _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: [
-                                                /* @__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
-                                                })
+                                                a,
+                                                /* @__PURE__ */ (0, _jsxruntime.jsx)(fe, _object_spread({
+                                                    headline: i,
+                                                    pretitle: s,
+                                                    pretitleAs: p,
+                                                    pretitleLinesMax: d,
+                                                    title: c,
+                                                    titleAs: l,
+                                                    titleLinesMax: h,
+                                                    subtitle: o,
+                                                    subtitleLinesMax: t,
+                                                    description: u,
+                                                    descriptionLinesMax: x,
+                                                    ariaLabel: w
+                                                }, f))
                                             ]
+                                        }),
+                                        !a && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                            style: L
                                         })
-                                    })
-                                }),
-                                /* @__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
+                            }
+                        }),
+                        R && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                            paddingTop: 16,
+                            paddingBottom: 24,
+                            width: "100%",
+                            className: _advanceddatacardcssmistica.zindex,
+                            children: n.map((M, F)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+                                    children: [
+                                        /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                            className: _advanceddatacardcssmistica.paddingX,
+                                            children: M
+                                        }),
+                                        F + 1 !== n.length && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                                            paddingY: y,
+                                            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
+                                        })
+                                    ]
+                                }, F))
                         }),
                         /* @__PURE__ */ (0, _jsxruntime.jsx)(_card.CardActionsGroup, {
                             actions: g,
-                            onClose: S,
+                            onClose: D,
                             padding: 7
                         })
                     ]
                 }),
-                w && /* @__PURE__ */ (0, _jsxruntime.jsx)(fe, _object_spread({}, E))
+                I && /* @__PURE__ */ (0, _jsxruntime.jsx)(ve, _object_spread({}, W))
             ]
         })
     }));
-}), Oe = ve;
+}), je = Ne;

package/dist/package-version.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "PACKAGE_VERSION", {
         return o;
     }
 });
-const o = "14.31.1";
+const o = "14.32.1";

package/dist/text-field-base.js

@@ -13,7 +13,7 @@ _export(exports, {
         return W;
     },
     TextFieldBaseAutosuggest: function() {
-        return Ge;
+        return De;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -151,8 +151,8 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const W = /*#__PURE__*/ _react.forwardRef((_param, M)=>{
-    var { error: c , helperText: T , label: n , inputProps: m , inputRef: y , defaultValue: o , value: t , onFocus: u , onBlur: S , inputComponent: h , prefix: g , startIcon: e , endIcon: a , endIconOverlay: L , shrinkLabel: z , multiline: x = !1 , focus: C , fieldRef: D , maxLength: p , id: G , autoComplete: H , fullWidth: K  } = _param, r = _object_without_properties(_param, [
+const W = /*#__PURE__*/ _react.forwardRef((_param, H)=>{
+    var { error: c , helperText: T , label: n , inputProps: m , inputRef: y , defaultValue: o , value: t , onFocus: u , onBlur: S , inputComponent: g , prefix: h , startIcon: e , endIcon: a , endIconOverlay: L , shrinkLabel: B , multiline: x = !1 , focus: C , fieldRef: j , maxLength: p , id: z , autoComplete: D , fullWidth: G  } = _param, r = _object_without_properties(_param, [
         "error",
         "helperText",
         "label",
@@ -177,11 +177,11 @@ const W = /*#__PURE__*/ _react.forwardRef((_param, M)=>{
         "fullWidth"
     ]);
     var _ref;
-    const F = (0, _hooks.useAriaId)(G), [f, d] = _react.useState(o != null && o.length || t != null && t.length ? "filled" : "default"), { isTabletOrSmaller: J  } = (0, _hooks.useScreenSize)(), [Q, N] = _react.useState((_ref = o == null ? void 0 : o.length) !== null && _ref !== void 0 ? _ref : 0), E = !!n || !r.required, U = (0, _hooks.useTheme)(), w = z || (r.type === "date" || r.type === "datetime-local" || r.type === "month") && !r.required, [X, Y] = _react.useState("baseline");
+    const N = (0, _hooks.useAriaId)(z), [f, d] = _react.useState(o != null && o.length || t != null && t.length ? "filled" : "default"), { isTabletOrSmaller: K  } = (0, _hooks.useScreenSize)(), [M, O] = _react.useState((_ref = o == null ? void 0 : o.length) !== null && _ref !== void 0 ? _ref : 0), E = !!n || !r.required, w = B || (r.type === "date" || r.type === "datetime-local" || r.type === "month") && !r.required, [J, Q] = _react.useState("baseline");
     (0, _hooks.useIsomorphicLayoutEffect)(()=>{
-        (0, _platform.isSafari)() && Y("initial");
+        (0, _platform.isSafari)() && Q("initial");
     }, []), _react.useEffect(()=>{
-        f !== "focused" && t != null && t.length && (N(t.length), d("filled")), C && d("focused"), C === !1 && !(t != null && t.length) && d("default"), C === !1 && t != null && t.length && d("filled");
+        f !== "focused" && t != null && t.length && (O(t.length), d("filled")), C && d("focused"), C === !1 && !(t != null && t.length) && d("default"), C === !1 && t != null && t.length && d("filled");
     }, [
         f,
         t,
@@ -191,64 +191,64 @@ const W = /*#__PURE__*/ _react.forwardRef((_param, M)=>{
     }, [
         r.autoFocus
     ]);
-    const Z = x ? "textarea" : "input", $ = h ? {
+    const U = x ? "textarea" : "input", X = g ? {
         inputRef: y
     } : {
-        ref: (0, _common.combineRefs)(M, y)
+        ref: (0, _common.combineRefs)(H, y)
     }, b = _object_spread(_object_spread_props(_object_spread({}, r), {
         maxLength: p,
-        autoComplete: H
-    }), m), P = w || f === "focused" || f === "filled", v = P ? J ? _textfieldcomponentscssmistica.LABEL_SCALE_MOBILE : _textfieldcomponentscssmistica.LABEL_SCALE_DESKTOP : 1, V = {
+        autoComplete: D
+    }), m), P = w || f === "focused" || f === "filled", Y = P ? K ? _textfieldcomponentscssmistica.LABEL_SCALE_MOBILE : _textfieldcomponentscssmistica.LABEL_SCALE_DESKTOP : 1, Z = {
         left: e ? 48 : _textfieldcomponentscssmistica.LABEL_LEFT_POSITION,
         // shrinking means applying a scale transformation, so width will be proportionally reduced.
         // Let's keep the original width.
-        width: `calc(((100% - ${_textfieldcomponentscssmistica.LABEL_LEFT_POSITION + (e ? 48 : _textfieldcomponentscssmistica.LABEL_LEFT_POSITION)}px)) / ${v})`,
+        width: `calc(((100% - ${_textfieldcomponentscssmistica.LABEL_LEFT_POSITION + (e ? 48 : _textfieldcomponentscssmistica.LABEL_LEFT_POSITION)}px)) / ${Y})`,
         paddingRight: a && !P ? 36 : 0
     }, k = (0, _sprinklescssmistica.sprinkles)({
         paddingRight: a ? 0 : 16,
-        paddingLeft: g ? 0 : e ? 48 : 12
-    }), ee = r.type === "password" && !(0, _platform.isRunningAcceptanceTest)(U.platformOverrides) ? "Lucida Grande, Arial, sans-serif" : "inherit";
+        paddingLeft: h ? 0 : e ? 48 : 12
+    }), $ = r.type === "password" ? "Lucida Grande, Arial, sans-serif" : "inherit";
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_textfieldcomponents.FieldContainer, {
         disabled: r.disabled,
         helperText: /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.HelperText, {
             error: c,
             leftText: T,
-            rightText: x && p ? `${Q}/${p}` : void 0
+            rightText: x && p ? `${M}/${p}` : void 0
         }),
         multiline: x,
-        fullWidth: K,
-        fieldRef: D,
+        fullWidth: G,
+        fieldRef: j,
         readOnly: r.readOnly,
         children: [
             e && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _textfieldbasecssmistica.startIcon,
                 children: e
             }),
-            g && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+            h && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: (0, _classnames.default)(_textfieldbasecssmistica.prefix, E ? _textfieldbasecssmistica.prefixWithLabel : _textfieldbasecssmistica.prefixWithoutLabel),
                 style: {
                     opacity: f === "default" ? 0 : 1,
-                    alignSelf: X
+                    alignSelf: J
                 },
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                     color: _skincontractcssmistica.vars.colors.textSecondary,
                     regular: !0,
                     wordBreak: !1,
-                    children: g
+                    children: h
                 })
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _textfieldbasecssmistica.fullWidth,
                 style: {
-                    alignSelf: g ? "baseline" : "initial"
+                    alignSelf: h ? "baseline" : "initial"
                 },
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                     as: "div",
                     regular: !0,
-                    children: /*#__PURE__*/ _react.createElement(h || Z, _object_spread(_object_spread_props(_object_spread({}, $, b), {
-                        id: F,
+                    children: /*#__PURE__*/ _react.createElement(g || U, _object_spread(_object_spread_props(_object_spread({}, X, b), {
+                        id: N,
                         style: _object_spread_props(_object_spread({}, b.style), {
-                            fontFamily: ee
+                            fontFamily: $
                         }),
                         className: x ? (0, _classnames.default)(_textfieldbasecssmistica.textArea, E ? _textfieldbasecssmistica.textAreaWithLabel : _textfieldbasecssmistica.textAreaWithoutLabel, k) : (0, _classnames.default)(_textfieldbasecssmistica.input, E ? _textfieldbasecssmistica.inputWithLabel : _textfieldbasecssmistica.inputWithoutLabel, k, {
                             [_textfieldbasecssmistica.inputFirefoxStyles]: (0, _platform.isFirefox)()
@@ -261,7 +261,7 @@ const W = /*#__PURE__*/ _react.forwardRef((_param, M)=>{
                         },
                         onChange: (l)=>{
                             var _;
-                            p === void 0 || l.target.value.length <= p ? (N(l.target.value.length), l.target.value.length > 0 && f !== "focused" && d("filled"), (_ = b.onChange) == null || _.call(b, l)) : (l.stopPropagation(), l.preventDefault());
+                            p === void 0 || l.target.value.length <= p ? (O(l.target.value.length), l.target.value.length > 0 && f !== "focused" && d("filled"), (_ = b.onChange) == null || _.call(b, l)) : (l.stopPropagation(), l.preventDefault());
                         },
                         defaultValue: o,
                         value: t
@@ -271,9 +271,9 @@ const W = /*#__PURE__*/ _react.forwardRef((_param, M)=>{
                 })
             }),
             n && /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.Label, {
-                style: V,
+                style: Z,
                 error: c,
-                forId: F,
+                forId: N,
                 inputState: f,
                 shrinkLabel: w,
                 optional: !r.required,
@@ -286,24 +286,24 @@ const W = /*#__PURE__*/ _react.forwardRef((_param, M)=>{
             L
         ]
     });
-}), Oe = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "react-autosuggest" */ "react-autosuggest")))), Ge = /*#__PURE__*/ _react.forwardRef((_param, m)=>{
+}), Ie = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "react-autosuggest" */ "react-autosuggest")))), De = /*#__PURE__*/ _react.forwardRef((_param, m)=>{
     var { getSuggestions: c , id: T  } = _param, n = _object_without_properties(_param, [
         "getSuggestions",
         "id"
     ]);
-    const [y, o] = _react.useState([]), t = _react.useRef(null), { platformOverrides: u , texts: S  } = (0, _hooks.useTheme)(), h = (0, _hooks.useAriaId)(T), g = (0, _hooks.useAriaId)();
+    const [y, o] = _react.useState([]), t = _react.useRef(null), { platformOverrides: u , texts: S  } = (0, _hooks.useTheme)(), g = (0, _hooks.useAriaId)(T), h = (0, _hooks.useAriaId)();
     if (c && (n.value === void 0 || n.defaultValue !== void 0)) throw Error("Fields with suggestions must be used in controlled mode");
     return c ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
         fallback: /* @__PURE__ */ (0, _jsxruntime.jsx)(W, _object_spread_props(_object_spread({}, n), {
             label: (0, _platform.isRunningAcceptanceTest)(u) ? "" : n.label,
             autoComplete: "off",
             ref: m,
-            id: h
+            id: g
         })),
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(Oe, {
-            id: g,
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(Ie, {
+            id: h,
             inputProps: _object_spread_props(_object_spread({}, n), {
-                id: h,
+                id: g,
                 autoComplete: "off",
                 // @ts-expect-error Autosuggest expects slightly different types
                 onChange: (e, param)=>{
@@ -349,7 +349,7 @@ const W = /*#__PURE__*/ _react.forwardRef((_param, M)=>{
                 }))
         })
     }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(W, _object_spread_props(_object_spread({}, n), {
-        id: h,
+        id: g,
         ref: m
     }));
 });

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

@@ -1,7 +1,7 @@
 import "../sprinkles.css.ts.vanilla.css-mistica.js";
 import "./advanced-data-card.css.ts.vanilla.css-mistica.js";
-var _ = "_1x00fru3 _1x00fru1 _1y2v1nf90 _1y2v1nfa9 _1y2v1nfba _1y2v1nfbw _1y2v1nfbm _1y2v1nf7x", v = {
-    default: "_1x00frui",
-    mobile: "_1x00fruj"
-}, a = "_1x00frup", n = "_1x00frul", t = "_1x00frum _1x00frul", u = "_1x00fru8 _1x00fru1 _1y2v1nf90 _1y2v1nfa9 _1y2v1nf6c _1y2v1nf7x _1y2v1nfb4", y = "_1x00frub _1y2v1nfb4 _1y2v1nfba _1y2v1nfbw _1y2v1nfbg _1y2v1nfbx _1y2v1nfce _1x00fru9", x = "_1x00frug", o = "_1x00fruo _1y2v1nfba _1y2v1nfbf", b = "_1y2v1nfba _1y2v1nfbw _1y2v1nfbp _1y2v1nfdj", i = "_1x00fruk", e = "_1y2v1nfff", d = "_1x00fru9", l = "_1x00fru1 _1y2v1nf90 _1y2v1nfa9", c = "_1x00fru5", g = "_1x00fru6", m = "_1x00fru4";
-export { _ as actions, v as actionsVariants, a as adjustButtonLink, n as button, t as buttonMobile, u as cardContentStyle, y as dataCard, x as divider, o as footerDirection, b as footerText, i as marginRightAuto, e as marginRightButton, d as minHeight, l as paddingX, c as touchable, g as touchableCardOverlay, m as touchableContainer };
+var a = "_1x00fru3 _1x00fru1 _1y2v1nf90 _1y2v1nfa9 _1y2v1nfba _1y2v1nfbw _1y2v1nfbm _1y2v1nf7x", _ = {
+    default: "_1x00fruk",
+    mobile: "_1x00frul"
+}, n = "_1x00frur", v = "_1x00frun", t = "_1x00fruo _1x00frun", u = "_1x00fru9 _1x00fru1 _1y2v1nf90 _1y2v1nfa9 _1y2v1nf6c _1y2v1nf7x", x = "_1x00frud _1y2v1nfb4 _1y2v1nfba _1y2v1nfbw _1y2v1nfbg _1y2v1nfbx _1y2v1nfce _1x00frub", y = "_1x00frui", o = "_1x00fruq _1y2v1nfba _1y2v1nfbf", b = "_1y2v1nfba _1y2v1nfbw _1y2v1nfbp _1y2v1nfdj", i = "_1x00frum", e = "_1y2v1nfff", d = "_1x00frub", c = "_1x00fru1 _1y2v1nf90 _1y2v1nfa9", l = "_1x00fru4", m = "_1x00fru7", g = "_1x00fru5", h = "_1x00frua";
+export { a as actions, _ as actionsVariants, n as adjustButtonLink, v as button, t as buttonMobile, u as cardContentStyle, x as dataCard, y as divider, o as footerDirection, b as footerText, i as marginRightAuto, e as marginRightButton, d as minHeight, c as paddingX, l as touchableArea, m as touchableCardOverlay, g as touchableContainer, h as zindex };