@telefonica/mistica 16.32.0 → 16.33.0

package/dist/text.js

@@ -14,40 +14,40 @@ _export(exports, {
         return o;
     },
     Text1: function() {
-        return Ft;
+        return Nt;
     },
     Text10: function() {
-        return Pt;
+        return At;
     },
     Text2: function() {
-        return Ot;
+        return Lt;
     },
     Text3: function() {
-        return Et;
+        return Wt;
     },
     Text4: function() {
-        return Nt;
+        return Rt;
     },
     Text5: function() {
-        return kt;
+        return Ct;
     },
     Text6: function() {
-        return Wt;
+        return zt;
     },
     Text7: function() {
-        return St;
+        return Ht;
     },
     Text8: function() {
-        return Rt;
+        return It;
     },
     Text9: function() {
-        return Ct;
+        return Vt;
     },
     default: function() {
-        return _t;
+        return Et;
     },
     mapToWeight: function() {
-        return ut;
+        return lt;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -187,12 +187,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const ut = {
+const lt = {
     light: 300,
     regular: 400,
     medium: 500,
     bold: 700
-}, lt = (t)=>t === !0 ? 1 : t || "initial", h = "Ħ", ht = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+}, ut = (t)=>t === !0 ? 1 : t || "initial", h = "Ħ", ht = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
     children: [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
             "aria-hidden": !0,
@@ -205,240 +205,265 @@ const ut = {
         })
     ]
 }), dt = (param)=>{
-    let { children: t, ariaLabel: r, as: e } = param;
-    return typeof e == "string" && [
+    let { children: t, ariaLabel: i, as: r } = param;
+    return typeof r == "string" && [
         "h1",
         "h2",
         "h3",
         "h4",
         "h5",
         "h6"
-    ].includes(e) && typeof t == "string" && t.includes(h) ? {
+    ].includes(r) && 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(h) ? n : /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-                children: n.split(h).map((m, c)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
+        children: _react.Children.map(t, (e)=>typeof e != "string" || !e.includes(h) ? e : /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
+                children: e.split(h).map((c, m)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
                         children: [
-                            c > 0 && ht,
-                            m
+                            m > 0 && ht,
+                            c
                         ]
-                    }, c))
+                    }, m))
             })),
-        ariaLabel: r
+        ariaLabel: i
     };
 }, o = (param)=>{
-    let { weight: t, color: r = _skincontractcssmistica.vars.colors.textPrimary, decoration: e, truncate: n, transform: m, wordBreak: c = !0, hyphens: v = "auto", as: g = "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: N, role: E, "aria-level": O, "aria-label": f, "aria-hidden": F, "aria-live": _, dataAttributes: j } = param;
-    const { skinName: D } = (0, _hooks.useTheme)(), H = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), M = lt(n), z = {
+    let { weight: t, color: i = _skincontractcssmistica.vars.colors.textPrimary, decoration: r, truncate: e, transform: c, wordBreak: m = !0, hyphens: d = "auto", as: T = "span", children: l, size: v, mobileSize: w = v, desktopSize: b = v, lineHeight: S, mobileLineHeight: k = S, desktopLineHeight: y = S, letterSpacing: H, textAlign: z, textShadow: C, id: R, role: W, "aria-level": L, "aria-label": f, "aria-hidden": N, "aria-live": E, dataAttributes: O } = param;
+    const { skinName: F } = (0, _hooks.useTheme)(), _ = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), j = ut(e), D = {
         [_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 B = (0, _classnames.default)(_textcssmistica.text, c ? _textcssmistica.withWordBreak : _textcssmistica.withoutWordBreak, {
-        [_textcssmistica.truncate]: n,
-        [_textcssmistica.truncateToOneLine]: n === 1 || n === !0
-    }), 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"
-    }), L = n ? (0, _css.applyCssVars)({
-        [_textcssmistica.vars.lineClamp]: String(M)
+    if (!l && l !== 0) return null;
+    const M = (0, _classnames.default)(_textcssmistica.text, m ? _textcssmistica.withWordBreak : _textcssmistica.withoutWordBreak, {
+        [_textcssmistica.truncate]: e,
+        [_textcssmistica.truncateToOneLine]: e === 1 || e === !0
+    }), B = (0, _css.applyCssVars)({
+        [_textcssmistica.vars.mobileSize]: w ? (0, _css.pxToRem)(w) : "inherit",
+        [_textcssmistica.vars.mobileLineHeight]: k ? (0, _css.pxToRem)(k) : "inherit",
+        [_textcssmistica.vars.desktopSize]: b ? (0, _css.pxToRem)(b) : "inherit",
+        [_textcssmistica.vars.desktopLineHeight]: y ? (0, _css.pxToRem)(y) : "inherit"
+    }), K = e ? (0, _css.applyCssVars)({
+        [_textcssmistica.vars.lineClamp]: String(j)
     }) : {};
-    var _z_r;
-    return D === _constants.VIVO_NEW_SKIN && ({ ariaLabel: f, children: u } = dt({
-        children: u,
+    var _D_i;
+    return F === _constants.VIVO_NEW_SKIN && ({ ariaLabel: f, children: l } = dt({
+        children: l,
         ariaLabel: f,
-        as: g
-    })), /*#__PURE__*/ _react.createElement(g, _object_spread_props(_object_spread({
-        className: B,
-        id: N,
-        role: E,
-        "aria-level": O,
+        as: T
+    })), /*#__PURE__*/ _react.createElement(T, _object_spread_props(_object_spread({
+        className: M,
+        id: R,
+        role: W,
+        "aria-level": L,
         "aria-label": f,
-        "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 ? ut[t] : "inherit",
-            textTransform: m || "inherit",
-            textDecoration: e !== null && e !== void 0 ? e : "inherit",
-            overflowWrap: c ? "anywhere" : "inherit",
-            color: H ? (_z_r = z[r]) !== null && _z_r !== void 0 ? _z_r : r : r,
-            textAlign: W,
-            textShadow: k,
+        "aria-hidden": N,
+        "aria-live": E
+    }, (0, _dom.getPrefixedDataAttributes)(O, "Text")), {
+        style: _object_spread_props(_object_spread({}, B, K), {
+            hyphens: d,
+            WebkitHyphens: d,
+            letterSpacing: H,
+            fontWeight: t ? lt[t] : "inherit",
+            textTransform: c || "inherit",
+            textDecoration: r !== null && r !== void 0 ? r : "inherit",
+            overflowWrap: m ? "anywhere" : "inherit",
+            color: _ ? (_D_i = D[i]) !== null && _D_i !== void 0 ? _D_i : i : i,
+            textAlign: z,
+            textShadow: C,
             // When rendering as <pre/>, spaces are preserved and we don't want to remove them
-            whiteSpace: g === "pre" ? void 0 : "pre-line"
+            whiteSpace: T === "pre" ? void 0 : "pre-line"
         })
-    }), u);
-}, T = (t)=>{
+    }), l);
+}, g = (t)=>{
     if (t.light) return "light";
     if (t.regular) return "regular";
     if (t.medium) return "medium";
     if (t.weight) return t.weight;
-}, s = (param)=>{
-    let { forceMobileSizes: t, mobileSize: r, mobileLineHeight: e, desktopSize: n, desktopLineHeight: m } = param;
+}, a = (param)=>{
+    let { forceMobileSizes: t, textPreset: i, textProps: r } = param;
+    const e = i.size.mobile || r.mobileSize, c = i.lineHeight.mobile || r.mobileLineHeight, m = i.size.desktop || r.desktopSize, d = i.lineHeight.desktop || r.desktopLineHeight;
     return t ? {
-        size: r,
-        lineHeight: e
+        size: e,
+        lineHeight: c
     } : {
-        mobileSize: r,
-        mobileLineHeight: e,
-        desktopSize: n,
-        desktopLineHeight: m
+        mobileSize: e,
+        mobileLineHeight: c,
+        desktopSize: m,
+        desktopLineHeight: d
     };
-}, Pt = (_param)=>{
-    var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
+}, At = (_param)=>{
+    var { dataAttributes: t, forceMobileSizes: i } = _param, r = _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({
-        forceMobileSizes: r
-    }, _textprops.text10))), {
-        weight: n.text10.weight,
+    const { textPresets: e } = (0, _hooks.useTheme)();
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a({
+        forceMobileSizes: i,
+        textPreset: e.text10,
+        textProps: _textprops.text10
+    })), {
+        weight: e.text10.weight,
         dataAttributes: _object_spread({
             "component-name": "Text10",
             testid: "Text10"
         }, t)
-    }), e));
-}, Ct = (_param)=>{
-    var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
+    }), r));
+}, Vt = (_param)=>{
+    var { dataAttributes: t, forceMobileSizes: i } = _param, r = _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({
-        forceMobileSizes: r
-    }, _textprops.text9))), {
-        weight: n.text9.weight,
+    const { textPresets: e } = (0, _hooks.useTheme)();
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a({
+        forceMobileSizes: i,
+        textPreset: e.text9,
+        textProps: _textprops.text9
+    })), {
+        weight: e.text9.weight,
         dataAttributes: _object_spread({
             "component-name": "Text9",
             testid: "Text9"
         }, t)
-    }), e));
-}, Rt = (_param)=>{
-    var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
+    }), r));
+}, It = (_param)=>{
+    var { dataAttributes: t, forceMobileSizes: i } = _param, r = _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({
-        forceMobileSizes: r
-    }, _textprops.text8))), {
-        weight: n.text8.weight,
+    const { textPresets: e } = (0, _hooks.useTheme)();
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a({
+        forceMobileSizes: i,
+        textPreset: e.text8,
+        textProps: _textprops.text8
+    })), {
+        weight: e.text8.weight,
         dataAttributes: _object_spread({
             "component-name": "Text8",
             testid: "Text8"
         }, t)
-    }), e));
-}, St = (_param)=>{
-    var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
+    }), r));
+}, Ht = (_param)=>{
+    var { dataAttributes: t, forceMobileSizes: i } = _param, r = _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({
-        forceMobileSizes: r
-    }, _textprops.text7))), {
-        weight: n.text7.weight,
+    const { textPresets: e } = (0, _hooks.useTheme)();
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a({
+        forceMobileSizes: i,
+        textPreset: e.text7,
+        textProps: _textprops.text7
+    })), {
+        weight: e.text7.weight,
         dataAttributes: _object_spread({
             "component-name": "Text7",
             testid: "Text7"
         }, t)
-    }), e));
-}, Wt = (_param)=>{
-    var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
+    }), r));
+}, zt = (_param)=>{
+    var { dataAttributes: t, forceMobileSizes: i } = _param, r = _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({
-        forceMobileSizes: r
-    }, _textprops.text6))), {
-        weight: n.text6.weight,
+    const { textPresets: e } = (0, _hooks.useTheme)();
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a({
+        forceMobileSizes: i,
+        textPreset: e.text6,
+        textProps: _textprops.text6
+    })), {
+        weight: e.text6.weight,
         dataAttributes: _object_spread({
             "component-name": "Text6",
             testid: "Text6"
         }, t)
-    }), e));
-}, kt = (_param)=>{
-    var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
+    }), r));
+}, Ct = (_param)=>{
+    var { dataAttributes: t, forceMobileSizes: i } = _param, r = _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({
-        forceMobileSizes: r
-    }, _textprops.text5))), {
-        weight: n.text5.weight,
+    const { textPresets: e } = (0, _hooks.useTheme)();
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a({
+        forceMobileSizes: i,
+        textPreset: e.text5,
+        textProps: _textprops.text5
+    })), {
+        weight: e.text5.weight,
         dataAttributes: _object_spread({
             "component-name": "Text5",
             testid: "Text5"
         }, t)
-    }), e));
-}, Nt = (_param)=>{
-    var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
+    }), r));
+}, Rt = (_param)=>{
+    var { dataAttributes: t, forceMobileSizes: i } = _param, r = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
-        forceMobileSizes: r
-    }, _textprops.text4))), {
-        weight: T(e),
+    const { textPresets: e } = (0, _hooks.useTheme)();
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a({
+        forceMobileSizes: i,
+        textPreset: e.text4,
+        textProps: _textprops.text4
+    })), {
+        weight: g(r),
         dataAttributes: _object_spread({
             "component-name": "Text4",
             testid: "Text4"
         }, t)
-    }), e));
-}, Et = (_param)=>{
-    var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
+    }), r));
+}, Wt = (_param)=>{
+    var { dataAttributes: t, forceMobileSizes: i } = _param, r = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
-        forceMobileSizes: r
-    }, _textprops.text3))), {
-        weight: T(e),
+    const { textPresets: e } = (0, _hooks.useTheme)();
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a({
+        forceMobileSizes: i,
+        textPreset: e.text3,
+        textProps: _textprops.text3
+    })), {
+        weight: g(r),
         dataAttributes: _object_spread({
             "component-name": "Text3",
             testid: "Text3"
         }, t)
-    }), e));
-}, Ot = (_param)=>{
-    var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
+    }), r));
+}, Lt = (_param)=>{
+    var { dataAttributes: t, forceMobileSizes: i } = _param, r = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
-        forceMobileSizes: r
-    }, _textprops.text2))), {
-        weight: T(e),
+    const { textPresets: e } = (0, _hooks.useTheme)();
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a({
+        forceMobileSizes: i,
+        textPreset: e.text2,
+        textProps: _textprops.text2
+    })), {
+        weight: g(r),
         dataAttributes: _object_spread({
             "component-name": "Text2",
             testid: "Text2"
         }, t)
-    }), e));
-}, Ft = (_param)=>{
-    var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
+    }), r));
+}, Nt = (_param)=>{
+    var { dataAttributes: t, forceMobileSizes: i } = _param, r = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
-        forceMobileSizes: r
-    }, _textprops.text1))), {
-        weight: T(e),
+    const { textPresets: e } = (0, _hooks.useTheme)();
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a({
+        forceMobileSizes: i,
+        textPreset: e.text1,
+        textProps: _textprops.text1
+    })), {
+        weight: g(r),
         dataAttributes: _object_spread({
             "component-name": "Text1",
             testid: "Text1"
         }, t)
-    }), e));
-}, _t = o;
+    }), r));
+}, Et = o;