@telefonica/mistica 15.17.0 → 15.19.0

package/dist-es/text.js

@@ -78,100 +78,124 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as n, Fragment as A, jsxs as I } from "react/jsx-runtime";
-import * as u from "react";
-import K from "classnames";
-import { useIsInverseVariant as M } from "./theme-variant-context.js";
-import { applyCssVars as v, pxToRem as c } from "./utils/css.js";
-import { getPrefixedDataAttributes as q } from "./utils/dom.js";
+import { jsx as n, Fragment as A, jsxs as V } from "react/jsx-runtime";
+import * as T from "react";
+import M from "classnames";
+import { useIsInverseVariant as q } from "./theme-variant-context.js";
+import { applyCssVars as y, pxToRem as u } from "./utils/css.js";
+import { getPrefixedDataAttributes as G } from "./utils/dom.js";
 import { useTheme as m } from "./hooks.js";
-import { vars as a } from "./skins/skin-contract.css-mistica.js";
-import { text as G, withWordBreak as J, withoutWordBreak as Q, truncate as U, truncateToOneLine as X, vars as p } from "./text.css-mistica.js";
-import { VIVO_NEW_SKIN as Y } from "./skins/constants.js";
-import Z from "./screen-reader-only.js";
-const $ = {
+import { vars as x } from "./skins/skin-contract.css-mistica.js";
+import { text as J, withWordBreak as Q, withoutWordBreak as U, truncate as X, truncateToOneLine as Y, vars as c } from "./text.css-mistica.js";
+import { VIVO_NEW_SKIN as Z } from "./skins/constants.js";
+import $ from "./screen-reader-only.js";
+const ee = {
     light: 300,
     regular: 400,
     medium: 500,
     bold: 700
-}, ee = (e)=>e === !0 ? 1 : e || "initial", d = "Ħ", te = /* @__PURE__ */ I(A, {
+}, te = (e)=>e === !0 ? 1 : e || "initial", g = "Ħ", ie = /* @__PURE__ */ V(A, {
     children: [
         /* @__PURE__ */ n("span", {
             "aria-hidden": !0,
-            children: d
+            children: g
         }),
-        /* @__PURE__ */ n(Z, {
+        /* @__PURE__ */ n($, {
             children: /* @__PURE__ */ n("span", {
                 children: "Vivo"
             })
         })
     ]
-}), ie = (e)=>u.Children.map(e, (t)=>typeof t != "string" || !t.includes(d) ? t : /* @__PURE__ */ n(A, {
-            children: t.split(d).map((i, r)=>/* @__PURE__ */ I(u.Fragment, {
-                    children: [
-                        r > 0 && te,
-                        i
-                    ]
-                }, r))
-        })), o = (param)=>{
-    let { weight: e, color: t = a.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 } = m(), F = M(), O = ee(r), _ = {
-        [a.colors.textPrimary]: a.colors.textPrimaryInverse,
-        [a.colors.textSecondary]: a.colors.textSecondaryInverse,
-        [a.colors.textLink]: a.colors.textLinkInverse,
-        [a.colors.textError]: a.colors.textErrorInverse
+}), 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__ */ n("span", {
+            "aria-hidden": !0,
+            children: e
+        })
+    } : {
+        children: T.Children.map(e, (r)=>typeof r != "string" || !r.includes(g) ? r : /* @__PURE__ */ n(A, {
+                children: r.split(g).map((p, l)=>/* @__PURE__ */ V(T.Fragment, {
+                        children: [
+                            l > 0 && ie,
+                            p
+                        ]
+                    }, l))
+            })),
+        ariaLabel: i
+    };
+}, o = (param)=>{
+    let { weight: e, color: i = x.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 } = m(), O = q(), _ = te(r), j = {
+        [x.colors.textPrimary]: x.colors.textPrimaryInverse,
+        [x.colors.textSecondary]: x.colors.textSecondaryInverse,
+        [x.colors.textLink]: x.colors.textLinkInverse,
+        [x.colors.textError]: x.colors.textErrorInverse
     };
-    if (!l && l !== 0) return null;
-    const j = K(G, b ? J : Q, {
-        [U]: r,
-        [X]: r === 1 || r === !0
-    }), D = v({
-        [p.mobileSize]: k ? c(k) : "inherit",
-        [p.mobileLineHeight]: w ? c(w) : "inherit",
-        [p.desktopSize]: H ? c(H) : "inherit",
-        [p.desktopLineHeight]: z ? c(z) : "inherit"
-    }), B = r ? v({
-        [p.lineClamp]: String(O)
+    if (!h && h !== 0) return null;
+    const D = M(J, l ? Q : U, {
+        [X]: r,
+        [Y]: r === 1 || r === !0
+    }), B = y({
+        [c.mobileSize]: w ? u(w) : "inherit",
+        [c.mobileLineHeight]: L ? u(L) : "inherit",
+        [c.desktopSize]: H ? u(H) : "inherit",
+        [c.desktopLineHeight]: v ? u(v) : "inherit"
+    }), K = r ? y({
+        [c.lineClamp]: String(_)
     }) : {};
-    var __t;
-    return /*#__PURE__*/ u.createElement(S, _object_spread_props(_object_spread({
-        className: j,
-        id: C,
+    var _j_i;
+    return F === Z && ({ ariaLabel: f, children: h } = re({
+        children: h,
+        ariaLabel: f,
+        as: b
+    })), /*#__PURE__*/ T.createElement(b, _object_spread_props(_object_spread({
+        className: D,
+        id: R,
         role: W,
-        "aria-level": R
-    }, q(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,
+        "aria-level": E,
+        "aria-label": f
+    }, G(N, "Text")), {
+        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 === Y ? 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",
@@ -232,141 +256,141 @@ 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 } = m();
     return /* @__PURE__ */ n(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 } = m();
     return /* @__PURE__ */ n(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 } = m();
     return /* @__PURE__ */ n(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 } = m();
     return /* @__PURE__ */ n(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 } = m();
     return /* @__PURE__ */ n(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 } = m();
     return /* @__PURE__ */ n(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__ */ n(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__ */ n(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__ */ n(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__ */ n(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;
-export { o as Text, He as Text1, he as Text10, ke as Text2, fe as Text3, Se as Text4, Te as Text5, be as Text6, de as Text7, ue as Text8, ge as Text9, Le as default, $ as mapToWeight, x as textProps };
+    }), t));
+}, ze = o;
+export { o as Text, He as Text1, ge as Text10, we as Text2, ke as Text3, Se as Text4, Te as Text5, fe as Text6, be as Text7, de as Text8, ue as Text9, ze as default, ee as mapToWeight, a as textProps };