@telefonica/mistica 15.17.0 → 15.19.0

package/dist/snackbar.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return he;
+        return Se;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -120,37 +120,37 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const Z = [
+const ee = [
     "DISMISS",
     "TIMEOUT",
     "CONSECUTIVE",
     "BUTTON"
-], ee = 5e3, re = 1e4, te = /*#__PURE__*/ _react.forwardRef((param, I)=>{
-    let { message: m, buttonText: n, buttonAccessibilityLabel: u, duration: t, onClose: o, type: i, withDismiss: d = !1, dataAttributes: O } = param;
-    const { texts: p } = (0, _hooks.useTheme)(), [s, a] = _react.useState(!1), { width: R, ref: c } = (0, _hooks.useElementDimensions)(), { isDesktopOrBigger: D } = (0, _hooks.useScreenSize)(), l = R > (D ? 160 : 128), E = _react.useRef(null), g = t === 1 / 0 && !n || d, T = _react.useRef(o);
+], re = 5e3, te = 1e4, ne = /*#__PURE__*/ _react.forwardRef((param, g)=>{
+    let { message: m, buttonText: n, buttonAccessibilityLabel: u, closeButtonLabel: d, duration: t, onClose: o, type: c, withDismiss: p = !1, dataAttributes: R } = param;
+    const { texts: T } = (0, _hooks.useTheme)(), [a, s] = _react.useState(!1), { width: I, ref: v } = (0, _hooks.useElementDimensions)(), { isDesktopOrBigger: i } = (0, _hooks.useScreenSize)(), l = I > (i ? 160 : 128), B = _react.useRef(null), E = t === 1 / 0 && !n || p, h = _react.useRef(o);
     _react.useEffect(()=>{
-        T.current = o;
+        h.current = o;
     }, [
         o
     ]);
-    const f = _react.useCallback((v)=>{
-        a(!1), setTimeout(()=>{
-            var h;
-            (h = T.current) == null || h.call(T, v);
+    const f = _react.useCallback((k)=>{
+        s(!1), setTimeout(()=>{
+            var S;
+            (S = h.current) == null || S.call(h, k);
         }, process.env.NODE_ENV === "test" ? 0 : _snackbarcssmistica.TRANSITION_TIME_IN_MS);
     }, []);
-    return _react.useImperativeHandle(I, ()=>_object_spread_props(_object_spread({}, E), {
+    return _react.useImperativeHandle(g, ()=>_object_spread_props(_object_spread({}, B), {
             close: f
         }), [
         f
     ]), _react.useEffect(()=>{
-        const v = setTimeout(()=>{
-            a(!0);
-        }, 50), h = t !== 1 / 0 ? setTimeout(()=>f({
+        const k = setTimeout(()=>{
+            s(!0);
+        }, 50), S = t !== 1 / 0 ? setTimeout(()=>f({
                 action: "TIMEOUT"
             }), t) : void 0;
         return ()=>{
-            clearTimeout(v), clearTimeout(h);
+            clearTimeout(k), clearTimeout(S);
         };
     }, [
         f,
@@ -158,28 +158,28 @@ const Z = [
     ]), /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
         className: _snackbarcssmistica.snackbarContainer,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-            ref: E,
+            ref: B,
             className: (0, _classnames.default)(_snackbarcssmistica.snackbar, {
-                [_snackbarcssmistica.snackbarOpen]: s
+                [_snackbarcssmistica.snackbarOpen]: a
             }),
             children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
                 role: "alert",
-                className: (0, _classnames.default)(_snackbarcssmistica.wrapper, i === "CRITICAL" ? _snackbarcssmistica.wrapperCritical : _snackbarcssmistica.wrapperInfo, {
-                    [_snackbarcssmistica.wrapperOpen]: s
+                className: (0, _classnames.default)(_snackbarcssmistica.wrapper, c === "CRITICAL" ? _snackbarcssmistica.wrapperCritical : _snackbarcssmistica.wrapperInfo, {
+                    [_snackbarcssmistica.wrapperOpen]: a
                 })
-            }, (0, _dom.getPrefixedDataAttributes)(O, "SnackBar")), {
+            }, (0, _dom.getPrefixedDataAttributes)(R, "SnackBar")), {
                 children: [
                     /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                         className: (0, _classnames.default)(_snackbarcssmistica.content, (0, _sprinklescssmistica.sprinkles)({
                             flexDirection: l ? "column" : "row",
                             alignItems: l ? void 0 : "center"
                         })),
-                        style: g && !l ? {
+                        style: E && !l ? {
                             paddingRight: 32
                         } : void 0,
                         children: [
                             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                                style: g && l ? {
+                                style: E && l ? {
                                     paddingRight: 32
                                 } : void 0,
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
@@ -200,7 +200,7 @@ const Z = [
                                         padding: 0,
                                         background: "transparent"
                                     }),
-                                    ref: c,
+                                    ref: v,
                                     onPress: ()=>{
                                         f({
                                             action: "BUTTON"
@@ -211,20 +211,20 @@ const Z = [
                                         medium: !0,
                                         forceMobileSizes: !0,
                                         truncate: !0,
-                                        color: i === "CRITICAL" ? _skincontractcssmistica.vars.colors.textPrimaryInverse : _skincontractcssmistica.vars.colors.textLinkSnackbar,
+                                        color: c === "CRITICAL" ? _skincontractcssmistica.vars.colors.textPrimaryInverse : _skincontractcssmistica.vars.colors.textLinkSnackbar,
                                         children: n
                                     })
                                 })
                             })
                         ]
                     }),
-                    g ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, {
+                    E ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, {
                         onPress: ()=>{
                             f({
                                 action: "DISMISS"
                             });
                         },
-                        "aria-label": p.closeButtonLabel,
+                        "aria-label": d !== null && d !== void 0 ? d : T.closeButtonLabel,
                         className: _snackbarcssmistica.dismissButton[l ? "topRight" : "centered"],
                         style: {
                             display: "flex",
@@ -243,50 +243,54 @@ const Z = [
             }))
         })
     });
-}), ne = /*#__PURE__*/ _react.forwardRef((param, O)=>{
-    let { message: m, buttonText: n, buttonAccessibilityLabel: u, duration: t, onClose: o = ()=>{}, type: i = "INFORMATIVE", withDismiss: d } = param;
-    const I = n ? re : ee;
-    t = Math.max(t !== null && t !== void 0 ? t : I, I);
-    const p = (0, _webviewbridge.isWebViewBridgeAvailable)(), s = _react.useRef(o), a = _react.useRef(!1);
+}), oe = /*#__PURE__*/ _react.forwardRef((param, g)=>{
+    let { message: m, buttonText: n, buttonAccessibilityLabel: u, closeButtonLabel: d, duration: t, onClose: o = ()=>{}, type: c = "INFORMATIVE", withDismiss: p, dataAttributes: R } = param;
+    const T = n ? te : re;
+    t = Math.max(t !== null && t !== void 0 ? t : T, T);
+    const a = (0, _webviewbridge.isWebViewBridgeAvailable)(), s = _react.useRef(o), I = _react.useRef(!1);
     return _react.useEffect(()=>{
         s.current = o;
     }, [
         o
     ]), _react.useEffect(()=>{
-        p && !a.current && (a.current = !0, (0, _webviewbridge.nativeMessage)({
+        a && !I.current && (I.current = !0, (0, _webviewbridge.nativeMessage)({
             message: m,
             // @ts-expect-error duration can be 'PERSISTENT' in new webview-bridge lib versions, and old apps will ignore it
             duration: t === 1 / 0 ? "PERSISTENT" : void 0,
             buttonText: n,
             buttonAccessibilityLabel: u,
-            type: i,
-            withDismiss: d
-        }).then((R)=>{
-            const c = R;
-            c != null && c.action && Z.includes(c.action) ? s.current({
-                action: c.action
+            closeButtonLabel: d,
+            type: c,
+            withDismiss: p
+        }).then((v)=>{
+            const i = v;
+            i != null && i.action && ee.includes(i.action) ? s.current({
+                action: i.action
             }) : s.current({
                 action: "DISMISS"
             });
         }).finally(()=>{
-            a.current = !1;
+            I.current = !1;
         }));
     }, [
         u,
+        d,
         n,
         t,
         m,
-        p,
-        i,
-        d
-    ]), p ? null : /* @__PURE__ */ (0, _jsxruntime.jsx)(te, {
-        ref: O,
+        a,
+        c,
+        p
+    ]), a ? null : /* @__PURE__ */ (0, _jsxruntime.jsx)(ne, {
+        ref: g,
         message: m,
         duration: t,
         buttonText: n,
         buttonAccessibilityLabel: u,
-        type: i,
+        closeButtonLabel: d,
+        type: c,
         onClose: s.current,
-        withDismiss: d
+        withDismiss: p,
+        dataAttributes: R
     });
-}), he = ne;
+}), Se = oe;

package/dist/text.d.ts

@@ -21,6 +21,7 @@ export interface TextPresetProps {
     as?: React.ComponentType<any> | string;
     role?: string;
     'aria-level'?: number;
+    'aria-label'?: string;
     dataAttributes?: DataAttributes;
     forceMobileSizes?: boolean;
     textShadow?: string;

package/dist/text.js

@@ -17,13 +17,13 @@ _export(exports, {
         return He;
     },
     Text10: function() {
-        return he;
+        return ge;
     },
     Text2: function() {
-        return ke;
+        return we;
     },
     Text3: function() {
-        return fe;
+        return ke;
     },
     Text4: function() {
         return Se;
@@ -32,25 +32,25 @@ _export(exports, {
         return Te;
     },
     Text6: function() {
-        return be;
+        return fe;
     },
     Text7: function() {
-        return de;
+        return be;
     },
     Text8: function() {
-        return ue;
+        return de;
     },
     Text9: function() {
-        return ge;
+        return ue;
     },
     default: function() {
-        return Le;
+        return ze;
     },
     mapToWeight: function() {
-        return $;
+        return ee;
     },
     textProps: function() {
-        return x;
+        return a;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -189,16 +189,16 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const $ = {
+const ee = {
     light: 300,
     regular: 400,
     medium: 500,
     bold: 700
-}, ee = (e)=>e === !0 ? 1 : e || "initial", d = "Ħ", te = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+}, te = (e)=>e === !0 ? 1 : e || "initial", g = "Ħ", ie = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
     children: [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
             "aria-hidden": !0,
-            children: d
+            children: g
         }),
         /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
@@ -206,72 +206,96 @@ const $ = {
             })
         })
     ]
-}), ie = (e)=>_react.Children.map(e, (t)=>typeof t != "string" || !t.includes(d) ? t : /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-            children: t.split(d).map((i, r)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
-                    children: [
-                        r > 0 && te,
-                        i
-                    ]
-                }, r))
-        })), o = (param)=>{
-    let { weight: e, color: t = _skincontractcssmistica.vars.colors.textPrimary, decoration: i, truncate: r, transform: g, wordBreak: b = !0, hyphens: T = "auto", as: S = "span", children: l, size: f, mobileSize: k = f, desktopSize: H = f, lineHeight: L, mobileLineHeight: w = L, desktopLineHeight: z = L, letterSpacing: P, textAlign: V, textShadow: y, id: C, role: W, "aria-level": R, dataAttributes: N } = param;
-    const { skinName: E } = (0, _hooks.useTheme)(), F = (0, _themevariantcontext.useIsInverseVariant)(), O = ee(r), _ = {
+}), re = (param)=>{
+    let { children: e, ariaLabel: i, as: t } = param;
+    return typeof t == "string" && [
+        "h1",
+        "h2",
+        "h3",
+        "h4",
+        "h5",
+        "h6"
+    ].includes(t) && typeof e == "string" && e.includes(g) ? {
+        ariaLabel: e.replace(new RegExp(g, "g"), "Vivo"),
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
+            "aria-hidden": !0,
+            children: e
+        })
+    } : {
+        children: _react.Children.map(e, (r)=>typeof r != "string" || !r.includes(g) ? r : /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
+                children: r.split(g).map((p, l)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
+                        children: [
+                            l > 0 && ie,
+                            p
+                        ]
+                    }, l))
+            })),
+        ariaLabel: i
+    };
+}, o = (param)=>{
+    let { weight: e, color: i = _skincontractcssmistica.vars.colors.textPrimary, decoration: t, truncate: r, transform: p, wordBreak: l = !0, hyphens: S = "auto", as: b = "span", children: h, size: k, mobileSize: w = k, desktopSize: H = k, lineHeight: z, mobileLineHeight: L = z, desktopLineHeight: v = z, letterSpacing: I, textAlign: P, textShadow: C, id: R, role: W, "aria-level": E, "aria-label": f, dataAttributes: N } = param;
+    const { skinName: F } = (0, _hooks.useTheme)(), O = (0, _themevariantcontext.useIsInverseVariant)(), _ = te(r), j = {
         [_skincontractcssmistica.vars.colors.textPrimary]: _skincontractcssmistica.vars.colors.textPrimaryInverse,
         [_skincontractcssmistica.vars.colors.textSecondary]: _skincontractcssmistica.vars.colors.textSecondaryInverse,
         [_skincontractcssmistica.vars.colors.textLink]: _skincontractcssmistica.vars.colors.textLinkInverse,
         [_skincontractcssmistica.vars.colors.textError]: _skincontractcssmistica.vars.colors.textErrorInverse
     };
-    if (!l && l !== 0) return null;
-    const j = (0, _classnames.default)(_textcssmistica.text, b ? _textcssmistica.withWordBreak : _textcssmistica.withoutWordBreak, {
+    if (!h && h !== 0) return null;
+    const D = (0, _classnames.default)(_textcssmistica.text, l ? _textcssmistica.withWordBreak : _textcssmistica.withoutWordBreak, {
         [_textcssmistica.truncate]: r,
         [_textcssmistica.truncateToOneLine]: r === 1 || r === !0
-    }), D = (0, _css.applyCssVars)({
-        [_textcssmistica.vars.mobileSize]: k ? (0, _css.pxToRem)(k) : "inherit",
-        [_textcssmistica.vars.mobileLineHeight]: w ? (0, _css.pxToRem)(w) : "inherit",
+    }), B = (0, _css.applyCssVars)({
+        [_textcssmistica.vars.mobileSize]: w ? (0, _css.pxToRem)(w) : "inherit",
+        [_textcssmistica.vars.mobileLineHeight]: L ? (0, _css.pxToRem)(L) : "inherit",
         [_textcssmistica.vars.desktopSize]: H ? (0, _css.pxToRem)(H) : "inherit",
-        [_textcssmistica.vars.desktopLineHeight]: z ? (0, _css.pxToRem)(z) : "inherit"
-    }), B = r ? (0, _css.applyCssVars)({
-        [_textcssmistica.vars.lineClamp]: String(O)
+        [_textcssmistica.vars.desktopLineHeight]: v ? (0, _css.pxToRem)(v) : "inherit"
+    }), K = r ? (0, _css.applyCssVars)({
+        [_textcssmistica.vars.lineClamp]: String(_)
     }) : {};
-    var __t;
-    return /*#__PURE__*/ _react.createElement(S, _object_spread_props(_object_spread({
-        className: j,
-        id: C,
+    var _j_i;
+    return F === _constants.VIVO_NEW_SKIN && ({ ariaLabel: f, children: h } = re({
+        children: h,
+        ariaLabel: f,
+        as: b
+    })), /*#__PURE__*/ _react.createElement(b, _object_spread_props(_object_spread({
+        className: D,
+        id: R,
         role: W,
-        "aria-level": R
+        "aria-level": E,
+        "aria-label": f
     }, (0, _dom.getPrefixedDataAttributes)(N, "Text")), {
-        style: _object_spread_props(_object_spread({}, D, B), {
-            hyphens: T,
-            WebkitHyphens: T,
-            letterSpacing: P,
-            fontWeight: e ? $[e] : "inherit",
-            textTransform: g || "inherit",
-            textDecoration: i !== null && i !== void 0 ? i : "inherit",
-            overflowWrap: b ? "anywhere" : "inherit",
-            color: F ? (__t = _[t]) !== null && __t !== void 0 ? __t : t : t,
-            textAlign: V,
-            textShadow: y,
+        style: _object_spread_props(_object_spread({}, B, K), {
+            hyphens: S,
+            WebkitHyphens: S,
+            letterSpacing: I,
+            fontWeight: e ? ee[e] : "inherit",
+            textTransform: p || "inherit",
+            textDecoration: t !== null && t !== void 0 ? t : "inherit",
+            overflowWrap: l ? "anywhere" : "inherit",
+            color: O ? (_j_i = j[i]) !== null && _j_i !== void 0 ? _j_i : i : i,
+            textAlign: P,
+            textShadow: C,
             // When rendering as <pre/>, spaces are preserved and we don't want to remove them
-            whiteSpace: S === "pre" ? void 0 : "pre-line"
+            whiteSpace: b === "pre" ? void 0 : "pre-line"
         })
-    }), E === _constants.VIVO_NEW_SKIN ? ie(l) : l);
-}, h = (e)=>{
+    }), h);
+}, d = (e)=>{
     if (e.light) return "light";
     if (e.regular) return "regular";
     if (e.medium) return "medium";
     if (e.weight) return e.weight;
 }, s = (param)=>{
-    let { forceMobileSizes: e, mobileSize: t, mobileLineHeight: i, desktopSize: r, desktopLineHeight: g } = param;
+    let { forceMobileSizes: e, mobileSize: i, mobileLineHeight: t, desktopSize: r, desktopLineHeight: p } = param;
     return e ? {
-        size: t,
-        lineHeight: i
+        size: i,
+        lineHeight: t
     } : {
-        mobileSize: t,
-        mobileLineHeight: i,
+        mobileSize: i,
+        mobileLineHeight: t,
         desktopSize: r,
-        desktopLineHeight: g
+        desktopLineHeight: p
     };
-}, x = {
+}, a = {
     text1: {
         mobileSize: 12,
         mobileLineHeight: "16px",
@@ -332,140 +356,140 @@ const $ = {
         desktopSize: 64,
         desktopLineHeight: "72px"
     }
-}, he = (_param)=>{
-    var { dataAttributes: e, forceMobileSizes: t } = _param, i = _object_without_properties(_param, [
+}, ge = (_param)=>{
+    var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
     const { textPresets: r } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
-        forceMobileSizes: t
-    }, x.text10))), {
+        forceMobileSizes: i
+    }, a.text10))), {
         weight: r.text10.weight,
         dataAttributes: _object_spread({
             "component-name": "Text10"
         }, e)
-    }), i));
-}, ge = (_param)=>{
-    var { dataAttributes: e, forceMobileSizes: t } = _param, i = _object_without_properties(_param, [
+    }), t));
+}, ue = (_param)=>{
+    var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
     const { textPresets: r } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
-        forceMobileSizes: t
-    }, x.text9))), {
+        forceMobileSizes: i
+    }, a.text9))), {
         weight: r.text9.weight,
         dataAttributes: _object_spread({
             "component-name": "Text9"
         }, e)
-    }), i));
-}, ue = (_param)=>{
-    var { dataAttributes: e, forceMobileSizes: t } = _param, i = _object_without_properties(_param, [
+    }), t));
+}, de = (_param)=>{
+    var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
     const { textPresets: r } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
-        forceMobileSizes: t
-    }, x.text8))), {
+        forceMobileSizes: i
+    }, a.text8))), {
         weight: r.text8.weight,
         dataAttributes: _object_spread({
             "component-name": "Text8"
         }, e)
-    }), i));
-}, de = (_param)=>{
-    var { dataAttributes: e, forceMobileSizes: t } = _param, i = _object_without_properties(_param, [
+    }), t));
+}, be = (_param)=>{
+    var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
     const { textPresets: r } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
-        forceMobileSizes: t
-    }, x.text7))), {
+        forceMobileSizes: i
+    }, a.text7))), {
         weight: r.text7.weight,
         dataAttributes: _object_spread({
             "component-name": "Text7"
         }, e)
-    }), i));
-}, be = (_param)=>{
-    var { dataAttributes: e, forceMobileSizes: t } = _param, i = _object_without_properties(_param, [
+    }), t));
+}, fe = (_param)=>{
+    var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
     const { textPresets: r } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
-        forceMobileSizes: t
-    }, x.text6))), {
+        forceMobileSizes: i
+    }, a.text6))), {
         weight: r.text6.weight,
         dataAttributes: _object_spread({
             "component-name": "Text6"
         }, e)
-    }), i));
+    }), t));
 }, Te = (_param)=>{
-    var { dataAttributes: e, forceMobileSizes: t } = _param, i = _object_without_properties(_param, [
+    var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
     const { textPresets: r } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
-        forceMobileSizes: t
-    }, x.text5))), {
+        forceMobileSizes: i
+    }, a.text5))), {
         weight: r.text5.weight,
         dataAttributes: _object_spread({
             "component-name": "Text5"
         }, e)
-    }), i));
+    }), t));
 }, Se = (_param)=>{
-    var { dataAttributes: e, forceMobileSizes: t } = _param, i = _object_without_properties(_param, [
+    var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
-        forceMobileSizes: t
-    }, x.text4))), {
-        weight: h(i),
+        forceMobileSizes: i
+    }, a.text4))), {
+        weight: d(t),
         dataAttributes: _object_spread({
             "component-name": "Text4"
         }, e)
-    }), i));
-}, fe = (_param)=>{
-    var { dataAttributes: e, forceMobileSizes: t } = _param, i = _object_without_properties(_param, [
+    }), t));
+}, ke = (_param)=>{
+    var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
-        forceMobileSizes: t
-    }, x.text3))), {
-        weight: h(i),
+        forceMobileSizes: i
+    }, a.text3))), {
+        weight: d(t),
         dataAttributes: _object_spread({
             "component-name": "Text3"
         }, e)
-    }), i));
-}, ke = (_param)=>{
-    var { dataAttributes: e, forceMobileSizes: t } = _param, i = _object_without_properties(_param, [
+    }), t));
+}, we = (_param)=>{
+    var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
-        forceMobileSizes: t
-    }, x.text2))), {
-        weight: h(i),
+        forceMobileSizes: i
+    }, a.text2))), {
+        weight: d(t),
         dataAttributes: _object_spread({
             "component-name": "Text2"
         }, e)
-    }), i));
+    }), t));
 }, He = (_param)=>{
-    var { dataAttributes: e, forceMobileSizes: t } = _param, i = _object_without_properties(_param, [
+    var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
-        forceMobileSizes: t
-    }, x.text1))), {
-        weight: h(i),
+        forceMobileSizes: i
+    }, a.text1))), {
+        weight: d(t),
         dataAttributes: _object_spread({
             "component-name": "Text1"
         }, e)
-    }), i));
-}, Le = o;
+    }), t));
+}, ze = o;

package/dist/tooltip.d.ts

@@ -25,6 +25,7 @@ type BaseTooltipProps = {
     open?: boolean;
     hasPointerInteractionOnly?: boolean;
     onClose?: () => void;
+    closeButtonLabel?: string;
     trackingEvent?: TrackingEvent | ReadonlyArray<TrackingEvent>;
 };
 export declare const BaseTooltip: React.FC<BaseTooltipProps>;