@telefonica/mistica 16.3.0 → 16.4.0

package/dist/text.js

@@ -14,40 +14,40 @@ _export(exports, {
         return o;
     },
     Text1: function() {
-        return Nt;
+        return Ot;
     },
     Text10: function() {
-        return Vt;
+        return It;
     },
     Text2: function() {
-        return Et;
+        return Nt;
     },
     Text3: function() {
-        return kt;
+        return Et;
     },
     Text4: function() {
-        return Wt;
+        return kt;
     },
     Text5: function() {
-        return St;
+        return Wt;
     },
     Text6: function() {
-        return Rt;
+        return St;
     },
     Text7: function() {
-        return Ct;
+        return Rt;
     },
     Text8: function() {
-        return Pt;
+        return Ct;
     },
     Text9: function() {
-        return It;
+        return Pt;
     },
     default: function() {
-        return Ot;
+        return Ft;
     },
     mapToWeight: function() {
-        return xt;
+        return ct;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -187,16 +187,16 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const xt = {
+const ct = {
     light: 300,
     regular: 400,
     medium: 500,
     bold: 700
-}, ct = (t)=>t === !0 ? 1 : t || "initial", h = "Ħ", ut = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+}, ut = (t)=>t === !0 ? 1 : t || "initial", l = "Ħ", ht = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
     children: [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
             "aria-hidden": !0,
-            children: h
+            children: l
         }),
         /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
@@ -213,17 +213,17 @@ const xt = {
         "h4",
         "h5",
         "h6"
-    ].includes(e) && typeof t == "string" && t.includes(h) ? {
-        ariaLabel: t.replace(new RegExp(h, "g"), "Vivo"),
+    ].includes(e) && typeof t == "string" && t.includes(l) ? {
+        ariaLabel: t.replace(new RegExp(l, "g"), "Vivo"),
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
             "aria-hidden": !0,
             children: t
         })
     } : {
-        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: _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: [
-                            c > 0 && ut,
+                            c > 0 && ht,
                             x
                         ]
                     }, c))
@@ -231,53 +231,54 @@ const xt = {
         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: p = "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": d, dataAttributes: F } = param;
-    const { skinName: _ } = (0, _hooks.useTheme)(), j = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), D = ct(n), H = {
+    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 = {
         [_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 M = (0, _classnames.default)(_textcssmistica.text, c ? _textcssmistica.withWordBreak : _textcssmistica.withoutWordBreak, {
+    const z = (0, _classnames.default)(_textcssmistica.text, c ? _textcssmistica.withWordBreak : _textcssmistica.withoutWordBreak, {
         [_textcssmistica.truncate]: n,
         [_textcssmistica.truncateToOneLine]: n === 1 || n === !0
-    }), z = (0, _css.applyCssVars)({
+    }), B = (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"
-    }), B = n ? (0, _css.applyCssVars)({
-        [_textcssmistica.vars.lineClamp]: String(D)
+    }), K = n ? (0, _css.applyCssVars)({
+        [_textcssmistica.vars.lineClamp]: String(H)
     }) : {};
-    var _H_r;
-    return _ === _constants.VIVO_NEW_SKIN && ({ ariaLabel: d, children: u } = lt({
+    var _M_r;
+    return j === _constants.VIVO_NEW_SKIN && ({ ariaLabel: p, children: u } = lt({
         children: u,
-        ariaLabel: d,
-        as: p
-    })), /*#__PURE__*/ _react.createElement(p, _object_spread_props(_object_spread({
-        className: M,
+        ariaLabel: p,
+        as: f
+    })), /*#__PURE__*/ _react.createElement(f, _object_spread_props(_object_spread({
+        className: z,
         id: E,
         role: N,
         "aria-level": O,
-        "aria-label": d
-    }, (0, _dom.getPrefixedDataAttributes)(F, "Text")), {
-        style: _object_spread_props(_object_spread({}, z, B), {
+        "aria-label": p,
+        "aria-hidden": F
+    }, (0, _dom.getPrefixedDataAttributes)(_, "Text")), {
+        style: _object_spread_props(_object_spread({}, B, K), {
             hyphens: w,
             WebkitHyphens: w,
             letterSpacing: S,
-            fontWeight: t ? xt[t] : "inherit",
+            fontWeight: t ? ct[t] : "inherit",
             textTransform: x || "inherit",
             textDecoration: e !== null && e !== void 0 ? e : "inherit",
             overflowWrap: c ? "anywhere" : "inherit",
-            color: j ? (_H_r = H[r]) !== null && _H_r !== void 0 ? _H_r : r : r,
+            color: D ? (_M_r = M[r]) !== null && _M_r !== void 0 ? _M_r : r : r,
             textAlign: W,
             textShadow: k,
             // When rendering as <pre/>, spaces are preserved and we don't want to remove them
-            whiteSpace: p === "pre" ? void 0 : "pre-line"
+            whiteSpace: f === "pre" ? void 0 : "pre-line"
         })
     }), u);
-}, f = (t)=>{
+}, d = (t)=>{
     if (t.light) return "light";
     if (t.regular) return "regular";
     if (t.medium) return "medium";
@@ -293,7 +294,7 @@ const xt = {
         desktopSize: n,
         desktopLineHeight: x
     };
-}, Vt = (_param)=>{
+}, It = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
@@ -307,7 +308,7 @@ const xt = {
             "component-name": "Text10"
         }, t)
     }), e));
-}, It = (_param)=>{
+}, Pt = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
@@ -321,7 +322,7 @@ const xt = {
             "component-name": "Text9"
         }, t)
     }), e));
-}, Pt = (_param)=>{
+}, Ct = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
@@ -335,7 +336,7 @@ const xt = {
             "component-name": "Text8"
         }, t)
     }), e));
-}, Ct = (_param)=>{
+}, Rt = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
@@ -349,7 +350,7 @@ const xt = {
             "component-name": "Text7"
         }, t)
     }), e));
-}, Rt = (_param)=>{
+}, St = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
@@ -363,7 +364,7 @@ const xt = {
             "component-name": "Text6"
         }, t)
     }), e));
-}, St = (_param)=>{
+}, Wt = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
@@ -377,7 +378,7 @@ const xt = {
             "component-name": "Text5"
         }, t)
     }), e));
-}, Wt = (_param)=>{
+}, kt = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
@@ -385,12 +386,12 @@ const xt = {
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
         forceMobileSizes: r
     }, _textprops.text4))), {
-        weight: f(e),
+        weight: d(e),
         dataAttributes: _object_spread({
             "component-name": "Text4"
         }, t)
     }), e));
-}, kt = (_param)=>{
+}, Et = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
@@ -398,12 +399,12 @@ const xt = {
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
         forceMobileSizes: r
     }, _textprops.text3))), {
-        weight: f(e),
+        weight: d(e),
         dataAttributes: _object_spread({
             "component-name": "Text3"
         }, t)
     }), e));
-}, Et = (_param)=>{
+}, Nt = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
@@ -411,12 +412,12 @@ const xt = {
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
         forceMobileSizes: r
     }, _textprops.text2))), {
-        weight: f(e),
+        weight: d(e),
         dataAttributes: _object_spread({
             "component-name": "Text2"
         }, t)
     }), e));
-}, Nt = (_param)=>{
+}, Ot = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
@@ -424,9 +425,9 @@ const xt = {
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
         forceMobileSizes: r
     }, _textprops.text1))), {
-        weight: f(e),
+        weight: d(e),
         dataAttributes: _object_spread({
             "component-name": "Text1"
         }, t)
     }), e));
-}, Ot = o;
+}, Ft = o;