@telefonica/mistica 16.70.0 → 16.72.0

package/dist-es/text.js

@@ -78,127 +78,129 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as o, Fragment as N, jsxs as z } from "react/jsx-runtime";
-import * as b from "react";
-import G from "classnames";
-import { useThemeVariant as J } from "./theme-variant-context.js";
+import { jsx as n, Fragment as z, jsxs as C } from "react/jsx-runtime";
+import * as P from "react";
+import q from "classnames";
+import { useThemeVariant as G } from "./theme-variant-context.js";
 import { applyCssVars as W, pxToRem as g } from "./utils/css.js";
-import { getPrefixedDataAttributes as Q } from "./utils/dom.js";
-import { useTheme as s } from "./hooks.js";
-import { vars as i } from "./skins/skin-contract.css-mistica.js";
-import { text as U, withWordBreak as X, withoutWordBreak as Y, truncateToOneLine as Z, truncate as $, vars as u } from "./text.css-mistica.js";
-import { VIVO_NEW_SKIN as tt } from "./skins/constants.js";
-import et from "./screen-reader-only.js";
-const rt = {
+import { getPrefixedDataAttributes as J } from "./utils/dom.js";
+import { useTheme as o } from "./hooks.js";
+import { vars as s } from "./skins/skin-contract.css-mistica.js";
+import { text as Q, withWordBreak as X, withoutWordBreak as Y, truncateToOneLine as Z, truncate as $, vars as m } from "./text.css-mistica.js";
+import { VIVO_SKIN as tt, VIVO_EVOLUTION_SKIN as et } from "./skins/constants.js";
+import rt from "./screen-reader-only.js";
+const it = {
     light: 300,
     regular: 400,
     medium: 500,
     bold: 700
-}, nt = (t)=>t === !0 ? 1 : t || "initial", h = "Ħ", it = /* @__PURE__ */ z(N, {
+}, st = (t)=>t === !0 ? 1 : t || "initial", h = "Ħ", nt = /* @__PURE__ */ C(z, {
     children: [
-        /* @__PURE__ */ o("span", {
+        /* @__PURE__ */ n("span", {
             "aria-hidden": !0,
             children: h
         }),
-        /* @__PURE__ */ o(et, {
-            children: /* @__PURE__ */ o("span", {
+        /* @__PURE__ */ n(rt, {
+            children: /* @__PURE__ */ n("span", {
                 children: "Vivo"
             })
         })
     ]
 }), ot = (param)=>{
-    let { children: t, ariaLabel: e, as: n } = param;
-    return typeof n == "string" && [
+    let { children: t, ariaLabel: e, as: i } = param;
+    return typeof i == "string" && [
         "h1",
         "h2",
         "h3",
         "h4",
         "h5",
         "h6"
-    ].includes(n) && typeof t == "string" && t.includes(h) ? {
+    ].includes(i) && typeof t == "string" && t.includes(h) ? {
         ariaLabel: t.replace(new RegExp(h, "g"), "Vivo"),
-        children: /* @__PURE__ */ o("span", {
+        children: /* @__PURE__ */ n("span", {
             "aria-hidden": !0,
             children: t
         })
     } : {
-        children: b.Children.map(t, (r)=>typeof r != "string" || !r.includes(h) ? r : /* @__PURE__ */ o(N, {
-                children: r.split(h).map((d, x)=>/* @__PURE__ */ z(b.Fragment, {
+        children: P.Children.map(t, (r)=>typeof r != "string" || !r.includes(h) ? r : /* @__PURE__ */ n(z, {
+                children: r.split(h).map((l, x)=>/* @__PURE__ */ C(P.Fragment, {
                         children: [
-                            x > 0 && it,
-                            d
+                            x > 0 && nt,
+                            l
                         ]
                     }, x))
             })),
         ariaLabel: e
     };
 }, a = (param)=>{
-    let { weight: t, color: e = i.colors.textPrimary, decoration: n, truncate: r, transform: d, wordBreak: x = !0, hyphens: P = "auto", as: f = "span", children: l, size: y, mobileSize: S = y, desktopSize: k = y, lineHeight: w, mobileLineHeight: A = w, desktopLineHeight: V = w, letterSpacing: C, textAlign: R, textShadow: E, id: H, role: B, "aria-level": L, "aria-label": p, "aria-hidden": F, "aria-live": I, dataAttributes: M } = param;
+    let { weight: t, color: e = s.colors.textPrimary, decoration: i, truncate: r, transform: l, wordBreak: x = !0, hyphens: p = "auto", as: T = "span", children: u, size: y, mobileSize: S = y, desktopSize: V = y, lineHeight: k, mobileLineHeight: w = k, desktopLineHeight: A = k, letterSpacing: R, textAlign: E, textShadow: H, id: I, role: L, "aria-level": O, "aria-label": v, "aria-hidden": B, "aria-live": F, dataAttributes: M } = param;
     var _j_e;
-    const { skinName: O } = s(), v = J(), _ = nt(r), j = {
-        [i.colors.textPrimary]: {
-            brand: i.colors.textPrimaryBrand,
-            media: i.colors.textPrimaryMedia,
-            negative: i.colors.textPrimaryNegative
+    const { skinName: N } = o(), b = G(), _ = st(r), j = {
+        [s.colors.textPrimary]: {
+            brand: s.colors.textPrimaryBrand,
+            media: s.colors.textPrimaryMedia,
+            negative: s.colors.textPrimaryNegative
         },
-        [i.colors.textSecondary]: {
-            brand: i.colors.textSecondaryBrand,
-            media: i.colors.textSecondaryMedia,
-            negative: i.colors.textSecondaryNegative
+        [s.colors.textSecondary]: {
+            brand: s.colors.textSecondaryBrand,
+            media: s.colors.textSecondaryMedia,
+            negative: s.colors.textSecondaryNegative
         },
-        [i.colors.textLink]: {
-            brand: i.colors.textLinkBrand,
-            media: i.colors.textLinkMedia,
-            negative: i.colors.textLinkNegative
+        [s.colors.textLink]: {
+            brand: s.colors.textLinkBrand,
+            media: s.colors.textLinkMedia,
+            negative: s.colors.textLinkNegative
         },
-        [i.colors.textError]: {
-            brand: i.colors.textErrorBrand,
-            media: i.colors.textErrorBrand,
-            negative: i.colors.textErrorNegative
+        [s.colors.textError]: {
+            brand: s.colors.textErrorBrand,
+            media: s.colors.textErrorBrand,
+            negative: s.colors.textErrorNegative
         }
     };
-    if (!l && l !== 0) return null;
-    const D = G(U, x ? X : Y, {
+    if (!u && u !== 0) return null;
+    const D = q(Q, x ? X : Y, {
         [$]: r,
         [Z]: r === 1 || r === !0
     }), K = W({
-        [u.mobileSize]: S ? g(S) : "inherit",
-        [u.mobileLineHeight]: A ? g(A) : "inherit",
-        [u.desktopSize]: k ? g(k) : "inherit",
-        [u.desktopLineHeight]: V ? g(V) : "inherit"
-    }), q = r ? W({
-        [u.lineClamp]: String(_)
+        [m.mobileSize]: S ? g(S) : "inherit",
+        [m.mobileLineHeight]: w ? g(w) : "inherit",
+        [m.desktopSize]: V ? g(V) : "inherit",
+        [m.desktopLineHeight]: A ? g(A) : "inherit"
+    }), U = r ? W({
+        [m.lineClamp]: String(_)
     }) : {};
-    var _j_e_v;
-    return O === tt && ({ ariaLabel: p, children: l } = ot({
-        children: l,
-        ariaLabel: p,
-        as: f
-    })), /*#__PURE__*/ b.createElement(f, _object_spread_props(_object_spread({
+    var _j_e_b;
+    return (N === tt || N === et) && ({ ariaLabel: v, children: u } = ot({
+        children: u,
+        ariaLabel: v,
+        as: T
+    })), /*#__PURE__*/ P.createElement(T, _object_spread_props(_object_spread({
         className: D,
-        id: H,
-        role: B,
-        "aria-level": L,
-        "aria-label": p,
-        "aria-hidden": F,
-        "aria-live": I
-    }, Q(M, "Text")), {
-        style: _object_spread_props(_object_spread({}, K, q), {
-            hyphens: P,
-            WebkitHyphens: P,
-            letterSpacing: C,
-            fontWeight: t ? rt[t] : "inherit",
-            textTransform: d || "inherit",
-            textDecoration: n !== null && n !== void 0 ? n : "inherit",
+        id: I,
+        role: L,
+        "aria-level": O,
+        "aria-label": v,
+        "aria-hidden": B,
+        "aria-live": F
+    }, J(_object_spread({
+        testid: "Text"
+    }, M))), {
+        style: _object_spread_props(_object_spread({}, K, U), {
+            hyphens: p,
+            WebkitHyphens: p,
+            letterSpacing: R,
+            fontWeight: t ? it[t] : "inherit",
+            textTransform: l || "inherit",
+            textDecoration: i !== null && i !== void 0 ? i : "inherit",
             overflowWrap: x ? "anywhere" : "inherit",
-            color: v !== "default" && v !== "alternative" ? (_j_e_v = (_j_e = j[e]) === null || _j_e === void 0 ? void 0 : _j_e[v]) !== null && _j_e_v !== void 0 ? _j_e_v : e : e,
-            textAlign: R,
-            textShadow: E,
+            color: b !== "default" && b !== "alternative" ? (_j_e_b = (_j_e = j[e]) === null || _j_e === void 0 ? void 0 : _j_e[b]) !== null && _j_e_b !== void 0 ? _j_e_b : e : e,
+            textAlign: E,
+            textShadow: H,
             // When rendering as <pre/>, spaces are preserved and we don't want to remove them
-            whiteSpace: f === "pre" ? void 0 : "pre-line"
+            whiteSpace: T === "pre" ? void 0 : "pre-line"
         })
-    }), l);
-}, T = (t)=>{
+    }), u);
+}, f = (t)=>{
     if (t.light) return "light";
     if (t.regular) return "regular";
     if (t.medium) return "medium";
@@ -206,17 +208,17 @@ const rt = {
     if (t.weight) return t.weight;
 }, c = (param)=>{
     let { forceMobileSizes: t, textPreset: e } = param;
-    const n = e.size.mobile, r = e.lineHeight.mobile, d = e.size.desktop, x = e.lineHeight.desktop;
+    const i = e.size.mobile, r = e.lineHeight.mobile, l = e.size.desktop, x = e.lineHeight.desktop;
     return t ? {
-        size: n,
+        size: i,
         lineHeight: r
     } : {
-        mobileSize: n,
+        mobileSize: i,
         mobileLineHeight: r,
-        desktopSize: d,
+        desktopSize: l,
         desktopLineHeight: x
     };
-}, m = (param)=>{
+}, d = (param)=>{
     let { forceMobileSizes: t, textPreset: e } = param;
     return _object_spread_props(_object_spread({}, c({
         forceMobileSizes: t,
@@ -225,163 +227,153 @@ const rt = {
         weight: e.weight
     });
 }, Tt = (t)=>{
-    const { textPresets: e } = s(), n = e[t];
+    const { textPresets: e } = o(), i = e[t];
     return c({
-        textPreset: n
+        textPreset: i
     });
-}, ft = (_param)=>{
-    var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
+}, vt = (_param)=>{
+    var { dataAttributes: t, forceMobileSizes: e } = _param, i = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    const { textPresets: r } = s();
-    return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, m({
+    const { textPresets: r } = o();
+    return /* @__PURE__ */ n(a, _object_spread(_object_spread_props(_object_spread({}, d({
         forceMobileSizes: e,
         textPreset: r.text10
     })), {
         dataAttributes: _object_spread({
-            "component-name": "Text10",
             testid: "Text10"
         }, t)
-    }), n));
-}, pt = (_param)=>{
-    var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
+    }), i));
+}, bt = (_param)=>{
+    var { dataAttributes: t, forceMobileSizes: e } = _param, i = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    const { textPresets: r } = s();
-    return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, m({
+    const { textPresets: r } = o();
+    return /* @__PURE__ */ n(a, _object_spread(_object_spread_props(_object_spread({}, d({
         forceMobileSizes: e,
         textPreset: r.text9
     })), {
         dataAttributes: _object_spread({
-            "component-name": "Text9",
             testid: "Text9"
         }, t)
-    }), n));
-}, vt = (_param)=>{
-    var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
+    }), i));
+}, Pt = (_param)=>{
+    var { dataAttributes: t, forceMobileSizes: e } = _param, i = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    const { textPresets: r } = s();
-    return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, m({
+    const { textPresets: r } = o();
+    return /* @__PURE__ */ n(a, _object_spread(_object_spread_props(_object_spread({}, d({
         forceMobileSizes: e,
         textPreset: r.text8
     })), {
         dataAttributes: _object_spread({
-            "component-name": "Text8",
             testid: "Text8"
         }, t)
-    }), n));
-}, bt = (_param)=>{
-    var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
+    }), i));
+}, pt = (_param)=>{
+    var { dataAttributes: t, forceMobileSizes: e } = _param, i = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    const { textPresets: r } = s();
-    return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, m({
+    const { textPresets: r } = o();
+    return /* @__PURE__ */ n(a, _object_spread(_object_spread_props(_object_spread({}, d({
         forceMobileSizes: e,
         textPreset: r.text7
     })), {
         dataAttributes: _object_spread({
-            "component-name": "Text7",
             testid: "Text7"
         }, t)
-    }), n));
-}, Pt = (_param)=>{
-    var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
+    }), i));
+}, yt = (_param)=>{
+    var { dataAttributes: t, forceMobileSizes: e } = _param, i = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    const { textPresets: r } = s();
-    return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, m({
+    const { textPresets: r } = o();
+    return /* @__PURE__ */ n(a, _object_spread(_object_spread_props(_object_spread({}, d({
         forceMobileSizes: e,
         textPreset: r.text6
     })), {
         dataAttributes: _object_spread({
-            "component-name": "Text6",
             testid: "Text6"
         }, t)
-    }), n));
-}, yt = (_param)=>{
-    var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
+    }), i));
+}, St = (_param)=>{
+    var { dataAttributes: t, forceMobileSizes: e } = _param, i = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    const { textPresets: r } = s();
-    return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, m({
+    const { textPresets: r } = o();
+    return /* @__PURE__ */ n(a, _object_spread(_object_spread_props(_object_spread({}, d({
         forceMobileSizes: e,
         textPreset: r.text5
     })), {
         dataAttributes: _object_spread({
-            "component-name": "Text5",
             testid: "Text5"
         }, t)
-    }), n));
-}, St = (_param)=>{
-    var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
+    }), i));
+}, Vt = (_param)=>{
+    var { dataAttributes: t, forceMobileSizes: e } = _param, i = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    const { textPresets: r } = s();
-    return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, c({
+    const { textPresets: r } = o();
+    return /* @__PURE__ */ n(a, _object_spread(_object_spread_props(_object_spread({}, c({
         forceMobileSizes: e,
         textPreset: r.text4
     })), {
-        weight: T(n),
+        weight: f(i),
         dataAttributes: _object_spread({
-            "component-name": "Text4",
             testid: "Text4"
         }, t)
-    }), n));
+    }), i));
 }, kt = (_param)=>{
-    var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
+    var { dataAttributes: t, forceMobileSizes: e } = _param, i = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    const { textPresets: r } = s();
-    return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, c({
+    const { textPresets: r } = o();
+    return /* @__PURE__ */ n(a, _object_spread(_object_spread_props(_object_spread({}, c({
         forceMobileSizes: e,
         textPreset: r.text3
     })), {
-        weight: T(n),
+        weight: f(i),
         dataAttributes: _object_spread({
-            "component-name": "Text3",
             testid: "Text3"
         }, t)
-    }), n));
+    }), i));
 }, wt = (_param)=>{
-    var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
+    var { dataAttributes: t, forceMobileSizes: e } = _param, i = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    const { textPresets: r } = s();
-    return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, c({
+    const { textPresets: r } = o();
+    return /* @__PURE__ */ n(a, _object_spread(_object_spread_props(_object_spread({}, c({
         forceMobileSizes: e,
         textPreset: r.text2
     })), {
-        weight: T(n),
+        weight: f(i),
         dataAttributes: _object_spread({
-            "component-name": "Text2",
             testid: "Text2"
         }, t)
-    }), n));
+    }), i));
 }, At = (_param)=>{
-    var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
+    var { dataAttributes: t, forceMobileSizes: e } = _param, i = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    const { textPresets: r } = s();
-    return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, c({
+    const { textPresets: r } = o();
+    return /* @__PURE__ */ n(a, _object_spread(_object_spread_props(_object_spread({}, c({
         forceMobileSizes: e,
         textPreset: r.text1
     })), {
-        weight: T(n),
+        weight: f(i),
         dataAttributes: _object_spread({
-            "component-name": "Text1",
             testid: "Text1"
         }, t)
-    }), n));
+    }), i));
 };
-export { a as Text, At as Text1, ft as Text10, wt as Text2, kt as Text3, St as Text4, yt as Text5, Pt as Text6, bt as Text7, vt as Text8, pt as Text9, a as default, c as getTextSizes, m as getTextSizesWithWeight, rt as mapToWeight, Tt as useTextPresetSizes };
+export { a as Text, At as Text1, vt as Text10, wt as Text2, kt as Text3, Vt as Text4, St as Text5, yt as Text6, pt as Text7, Pt as Text8, bt as Text9, a as default, c as getTextSizes, d as getTextSizesWithWeight, it as mapToWeight, Tt as useTextPresetSizes };