@telefonica/mistica 16.22.0 → 16.23.0

package/dist/text.js

@@ -14,40 +14,40 @@ _export(exports, {
         return o;
     },
     Text1: function() {
-        return Ot;
+        return Ft;
     },
     Text10: function() {
-        return It;
+        return Pt;
     },
     Text2: function() {
-        return Nt;
+        return Ot;
     },
     Text3: function() {
-        return Et;
+        return Nt;
     },
     Text4: function() {
-        return kt;
+        return Et;
     },
     Text5: function() {
-        return Wt;
+        return kt;
     },
     Text6: function() {
-        return St;
+        return Wt;
     },
     Text7: function() {
-        return Rt;
+        return St;
     },
     Text8: function() {
-        return Ct;
+        return Rt;
     },
     Text9: function() {
-        return Pt;
+        return Ct;
     },
     default: function() {
-        return Ft;
+        return _t;
     },
     mapToWeight: function() {
-        return ct;
+        return ut;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -187,16 +187,16 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const ct = {
+const ut = {
     light: 300,
     regular: 400,
     medium: 500,
     bold: 700
-}, ut = (t)=>t === !0 ? 1 : t || "initial", l = "Ħ", ht = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+}, lt = (t)=>t === !0 ? 1 : t || "initial", h = "Ħ", ht = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
     children: [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
             "aria-hidden": !0,
-            children: l
+            children: h
         }),
         /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
@@ -204,7 +204,7 @@ const ct = {
             })
         })
     ]
-}), lt = (param)=>{
+}), gt = (param)=>{
     let { children: t, ariaLabel: r, as: e } = param;
     return typeof e == "string" && [
         "h1",
@@ -213,15 +213,15 @@ const ct = {
         "h4",
         "h5",
         "h6"
-    ].includes(e) && typeof t == "string" && t.includes(l) ? {
-        ariaLabel: t.replace(new RegExp(l, "g"), "Vivo"),
+    ].includes(e) && typeof t == "string" && t.includes(h) ? {
+        ariaLabel: t.replace(new RegExp(h, "g"), "Vivo"),
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
             "aria-hidden": !0,
             children: t
         })
     } : {
-        children: _react.Children.map(t, (n)=>typeof n != "string" || !n.includes(l) ? n : /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-                children: n.split(l).map((x, c)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
+        children: _react.Children.map(t, (n)=>typeof n != "string" || !n.includes(h) ? n : /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
+                children: n.split(h).map((x, c)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
                         children: [
                             c > 0 && ht,
                             x
@@ -231,47 +231,48 @@ const ct = {
         ariaLabel: r
     };
 }, o = (param)=>{
-    let { weight: t, color: r = _skincontractcssmistica.vars.colors.textPrimary, decoration: e, truncate: n, transform: x, wordBreak: c = !0, hyphens: w = "auto", as: f = "span", children: u, size: v, mobileSize: b = v, desktopSize: y = v, lineHeight: A, mobileLineHeight: V = A, desktopLineHeight: I = A, letterSpacing: S, textAlign: W, textShadow: k, id: E, role: N, "aria-level": O, "aria-label": p, "aria-hidden": F, dataAttributes: _ } = param;
-    const { skinName: j } = (0, _hooks.useTheme)(), D = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), H = ut(n), M = {
+    let { weight: t, color: r = _skincontractcssmistica.vars.colors.textPrimary, decoration: e, truncate: n, transform: x, wordBreak: c = !0, hyphens: v = "auto", as: f = "span", children: u, size: w, mobileSize: b = w, desktopSize: y = w, lineHeight: A, mobileLineHeight: V = A, desktopLineHeight: I = A, letterSpacing: S, textAlign: W, textShadow: k, id: E, role: N, "aria-level": O, "aria-label": p, "aria-hidden": F, "aria-live": _, dataAttributes: j } = param;
+    const { skinName: D } = (0, _hooks.useTheme)(), H = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), M = lt(n), z = {
         [_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 (!u && u !== 0) return null;
-    const z = (0, _classnames.default)(_textcssmistica.text, c ? _textcssmistica.withWordBreak : _textcssmistica.withoutWordBreak, {
+    const B = (0, _classnames.default)(_textcssmistica.text, c ? _textcssmistica.withWordBreak : _textcssmistica.withoutWordBreak, {
         [_textcssmistica.truncate]: n,
         [_textcssmistica.truncateToOneLine]: n === 1 || n === !0
-    }), B = (0, _css.applyCssVars)({
+    }), K = (0, _css.applyCssVars)({
         [_textcssmistica.vars.mobileSize]: b ? (0, _css.pxToRem)(b) : "inherit",
         [_textcssmistica.vars.mobileLineHeight]: V ? (0, _css.pxToRem)(V) : "inherit",
         [_textcssmistica.vars.desktopSize]: y ? (0, _css.pxToRem)(y) : "inherit",
         [_textcssmistica.vars.desktopLineHeight]: I ? (0, _css.pxToRem)(I) : "inherit"
-    }), K = n ? (0, _css.applyCssVars)({
-        [_textcssmistica.vars.lineClamp]: String(H)
+    }), L = n ? (0, _css.applyCssVars)({
+        [_textcssmistica.vars.lineClamp]: String(M)
     }) : {};
-    var _M_r;
-    return j === _constants.VIVO_NEW_SKIN && ({ ariaLabel: p, children: u } = lt({
+    var _z_r;
+    return D === _constants.VIVO_NEW_SKIN && ({ ariaLabel: p, children: u } = gt({
         children: u,
         ariaLabel: p,
         as: f
     })), /*#__PURE__*/ _react.createElement(f, _object_spread_props(_object_spread({
-        className: z,
+        className: B,
         id: E,
         role: N,
         "aria-level": O,
         "aria-label": p,
-        "aria-hidden": F
-    }, (0, _dom.getPrefixedDataAttributes)(_, "Text")), {
-        style: _object_spread_props(_object_spread({}, B, K), {
-            hyphens: w,
-            WebkitHyphens: w,
+        "aria-hidden": F,
+        "aria-live": _
+    }, (0, _dom.getPrefixedDataAttributes)(j, "Text")), {
+        style: _object_spread_props(_object_spread({}, K, L), {
+            hyphens: v,
+            WebkitHyphens: v,
             letterSpacing: S,
-            fontWeight: t ? ct[t] : "inherit",
+            fontWeight: t ? ut[t] : "inherit",
             textTransform: x || "inherit",
             textDecoration: e !== null && e !== void 0 ? e : "inherit",
             overflowWrap: c ? "anywhere" : "inherit",
-            color: D ? (_M_r = M[r]) !== null && _M_r !== void 0 ? _M_r : r : r,
+            color: H ? (_z_r = z[r]) !== null && _z_r !== void 0 ? _z_r : r : r,
             textAlign: W,
             textShadow: k,
             // When rendering as <pre/>, spaces are preserved and we don't want to remove them
@@ -283,7 +284,7 @@ const ct = {
     if (t.regular) return "regular";
     if (t.medium) return "medium";
     if (t.weight) return t.weight;
-}, s = (param)=>{
+}, a = (param)=>{
     let { forceMobileSizes: t, mobileSize: r, mobileLineHeight: e, desktopSize: n, desktopLineHeight: x } = param;
     return t ? {
         size: r,
@@ -294,13 +295,13 @@ const ct = {
         desktopSize: n,
         desktopLineHeight: x
     };
-}, It = (_param)=>{
+}, Pt = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
     const { textPresets: n } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a(_object_spread({
         forceMobileSizes: r
     }, _textprops.text10))), {
         weight: n.text10.weight,
@@ -308,13 +309,13 @@ const ct = {
             "component-name": "Text10"
         }, t)
     }), e));
-}, Pt = (_param)=>{
+}, Ct = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
     const { textPresets: n } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a(_object_spread({
         forceMobileSizes: r
     }, _textprops.text9))), {
         weight: n.text9.weight,
@@ -322,13 +323,13 @@ const ct = {
             "component-name": "Text9"
         }, t)
     }), e));
-}, Ct = (_param)=>{
+}, Rt = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
     const { textPresets: n } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a(_object_spread({
         forceMobileSizes: r
     }, _textprops.text8))), {
         weight: n.text8.weight,
@@ -336,13 +337,13 @@ const ct = {
             "component-name": "Text8"
         }, t)
     }), e));
-}, Rt = (_param)=>{
+}, St = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
     const { textPresets: n } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a(_object_spread({
         forceMobileSizes: r
     }, _textprops.text7))), {
         weight: n.text7.weight,
@@ -350,13 +351,13 @@ const ct = {
             "component-name": "Text7"
         }, t)
     }), e));
-}, St = (_param)=>{
+}, Wt = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
     const { textPresets: n } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a(_object_spread({
         forceMobileSizes: r
     }, _textprops.text6))), {
         weight: n.text6.weight,
@@ -364,13 +365,13 @@ const ct = {
             "component-name": "Text6"
         }, t)
     }), e));
-}, Wt = (_param)=>{
+}, kt = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
     const { textPresets: n } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a(_object_spread({
         forceMobileSizes: r
     }, _textprops.text5))), {
         weight: n.text5.weight,
@@ -378,12 +379,12 @@ const ct = {
             "component-name": "Text5"
         }, t)
     }), e));
-}, kt = (_param)=>{
+}, Et = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a(_object_spread({
         forceMobileSizes: r
     }, _textprops.text4))), {
         weight: d(e),
@@ -391,12 +392,12 @@ const ct = {
             "component-name": "Text4"
         }, t)
     }), e));
-}, Et = (_param)=>{
+}, Nt = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a(_object_spread({
         forceMobileSizes: r
     }, _textprops.text3))), {
         weight: d(e),
@@ -404,12 +405,12 @@ const ct = {
             "component-name": "Text3"
         }, t)
     }), e));
-}, Nt = (_param)=>{
+}, Ot = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a(_object_spread({
         forceMobileSizes: r
     }, _textprops.text2))), {
         weight: d(e),
@@ -417,12 +418,12 @@ const ct = {
             "component-name": "Text2"
         }, t)
     }), e));
-}, Ot = (_param)=>{
+}, Ft = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a(_object_spread({
         forceMobileSizes: r
     }, _textprops.text1))), {
         weight: d(e),
@@ -430,4 +431,4 @@ const ct = {
             "component-name": "Text1"
         }, t)
     }), e));
-}, Ft = o;
+}, _t = o;