@telefonica/mistica 16.22.0 → 16.24.0

package/dist-es/text.js

@@ -80,34 +80,34 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as i, Fragment as C, jsxs as R } from "react/jsx-runtime";
 import * as T from "react";
-import L from "classnames";
-import { useIsInverseOrMediaVariant as q } from "./theme-variant-context.js";
+import q from "classnames";
+import { useIsInverseOrMediaVariant as G } from "./theme-variant-context.js";
 import { applyCssVars as P, pxToRem as g } from "./utils/css.js";
-import { getPrefixedDataAttributes as G } from "./utils/dom.js";
+import { getPrefixedDataAttributes as J } 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 J, withWordBreak as Q, withoutWordBreak as U, truncate as X, truncateToOneLine as Y, vars as h } from "./text.css-mistica.js";
-import { VIVO_NEW_SKIN as Z } from "./skins/constants.js";
-import $ from "./screen-reader-only.js";
-import { text10 as tt, text9 as et, text8 as rt, text7 as nt, text6 as it, text5 as ot, text4 as st, text3 as at, text2 as mt, text1 as xt } from "./text-props.js";
-const ct = {
+import { vars as s } from "./skins/skin-contract.css-mistica.js";
+import { text as Q, withWordBreak as U, withoutWordBreak as X, truncate as Y, truncateToOneLine as Z, vars as l } from "./text.css-mistica.js";
+import { VIVO_NEW_SKIN as $ } from "./skins/constants.js";
+import tt from "./screen-reader-only.js";
+import { text10 as et, text9 as rt, text8 as nt, text7 as it, text6 as ot, text5 as at, text4 as st, text3 as mt, text2 as xt, text1 as ct } from "./text-props.js";
+const ut = {
     light: 300,
     regular: 400,
     medium: 500,
     bold: 700
-}, ut = (t)=>t === !0 ? 1 : t || "initial", l = "Ħ", ht = /* @__PURE__ */ R(C, {
+}, lt = (t)=>t === !0 ? 1 : t || "initial", h = "Ħ", ht = /* @__PURE__ */ R(C, {
     children: [
         /* @__PURE__ */ i("span", {
             "aria-hidden": !0,
-            children: l
+            children: h
         }),
-        /* @__PURE__ */ i($, {
+        /* @__PURE__ */ i(tt, {
             children: /* @__PURE__ */ i("span", {
                 children: "Vivo"
             })
         })
     ]
-}), lt = (param)=>{
+}), gt = (param)=>{
     let { children: t, ariaLabel: r, as: e } = param;
     return typeof e == "string" && [
         "h1",
@@ -116,15 +116,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__ */ i("span", {
             "aria-hidden": !0,
             children: t
         })
     } : {
-        children: T.Children.map(t, (n)=>typeof n != "string" || !n.includes(l) ? n : /* @__PURE__ */ i(C, {
-                children: n.split(l).map((x, c)=>/* @__PURE__ */ R(T.Fragment, {
+        children: T.Children.map(t, (n)=>typeof n != "string" || !n.includes(h) ? n : /* @__PURE__ */ i(C, {
+                children: n.split(h).map((x, c)=>/* @__PURE__ */ R(T.Fragment, {
                         children: [
                             c > 0 && ht,
                             x
@@ -134,47 +134,48 @@ const ct = {
         ariaLabel: r
     };
 }, o = (param)=>{
-    let { weight: t, color: r = a.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 } = m(), D = q(), H = ut(n), M = {
-        [a.colors.textPrimary]: a.colors.textPrimaryInverse,
-        [a.colors.textSecondary]: a.colors.textSecondaryInverse,
-        [a.colors.textLink]: a.colors.textLinkInverse,
-        [a.colors.textError]: a.colors.textErrorInverse
+    let { weight: t, color: r = s.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 } = m(), H = G(), M = lt(n), z = {
+        [s.colors.textPrimary]: s.colors.textPrimaryInverse,
+        [s.colors.textSecondary]: s.colors.textSecondaryInverse,
+        [s.colors.textLink]: s.colors.textLinkInverse,
+        [s.colors.textError]: s.colors.textErrorInverse
     };
     if (!u && u !== 0) return null;
-    const z = L(J, c ? Q : U, {
-        [X]: n,
-        [Y]: n === 1 || n === !0
-    }), B = P({
-        [h.mobileSize]: b ? g(b) : "inherit",
-        [h.mobileLineHeight]: V ? g(V) : "inherit",
-        [h.desktopSize]: y ? g(y) : "inherit",
-        [h.desktopLineHeight]: I ? g(I) : "inherit"
-    }), K = n ? P({
-        [h.lineClamp]: String(H)
+    const B = q(Q, c ? U : X, {
+        [Y]: n,
+        [Z]: n === 1 || n === !0
+    }), K = P({
+        [l.mobileSize]: b ? g(b) : "inherit",
+        [l.mobileLineHeight]: V ? g(V) : "inherit",
+        [l.desktopSize]: y ? g(y) : "inherit",
+        [l.desktopLineHeight]: I ? g(I) : "inherit"
+    }), L = n ? P({
+        [l.lineClamp]: String(M)
     }) : {};
-    var _M_r;
-    return j === Z && ({ ariaLabel: p, children: u } = lt({
+    var _z_r;
+    return D === $ && ({ ariaLabel: p, children: u } = gt({
         children: u,
         ariaLabel: p,
         as: f
     })), /*#__PURE__*/ T.createElement(f, _object_spread_props(_object_spread({
-        className: z,
+        className: B,
         id: E,
         role: N,
         "aria-level": O,
         "aria-label": p,
-        "aria-hidden": F
-    }, G(_, "Text")), {
-        style: _object_spread_props(_object_spread({}, B, K), {
-            hyphens: w,
-            WebkitHyphens: w,
+        "aria-hidden": F,
+        "aria-live": _
+    }, J(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
@@ -186,7 +187,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,
@@ -197,96 +198,96 @@ 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 } = m();
-    return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
+    return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, a(_object_spread({
         forceMobileSizes: r
-    }, tt))), {
+    }, et))), {
         weight: n.text10.weight,
         dataAttributes: _object_spread({
             "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 } = m();
-    return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
+    return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, a(_object_spread({
         forceMobileSizes: r
-    }, et))), {
+    }, rt))), {
         weight: n.text9.weight,
         dataAttributes: _object_spread({
             "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 } = m();
-    return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
+    return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, a(_object_spread({
         forceMobileSizes: r
-    }, rt))), {
+    }, nt))), {
         weight: n.text8.weight,
         dataAttributes: _object_spread({
             "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 } = m();
-    return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
+    return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, a(_object_spread({
         forceMobileSizes: r
-    }, nt))), {
+    }, it))), {
         weight: n.text7.weight,
         dataAttributes: _object_spread({
             "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 } = m();
-    return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
+    return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, a(_object_spread({
         forceMobileSizes: r
-    }, it))), {
+    }, ot))), {
         weight: n.text6.weight,
         dataAttributes: _object_spread({
             "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 } = m();
-    return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
+    return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, a(_object_spread({
         forceMobileSizes: r
-    }, ot))), {
+    }, at))), {
         weight: n.text5.weight,
         dataAttributes: _object_spread({
             "component-name": "Text5"
         }, t)
     }), e));
-}, kt = (_param)=>{
+}, Et = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
+    return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, a(_object_spread({
         forceMobileSizes: r
     }, st))), {
         weight: d(e),
@@ -294,44 +295,44 @@ 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__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
+    return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, a(_object_spread({
         forceMobileSizes: r
-    }, at))), {
+    }, mt))), {
         weight: d(e),
         dataAttributes: _object_spread({
             "component-name": "Text3"
         }, t)
     }), e));
-}, Nt = (_param)=>{
+}, Ot = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
+    return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, a(_object_spread({
         forceMobileSizes: r
-    }, mt))), {
+    }, xt))), {
         weight: d(e),
         dataAttributes: _object_spread({
             "component-name": "Text2"
         }, t)
     }), e));
-}, Ot = (_param)=>{
+}, Ft = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
+    return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, a(_object_spread({
         forceMobileSizes: r
-    }, xt))), {
+    }, ct))), {
         weight: d(e),
         dataAttributes: _object_spread({
             "component-name": "Text1"
         }, t)
     }), e));
-}, Ft = o;
-export { o as Text, Ot as Text1, It as Text10, Nt as Text2, Et as Text3, kt as Text4, Wt as Text5, St as Text6, Rt as Text7, Ct as Text8, Pt as Text9, Ft as default, ct as mapToWeight };
+}, _t = o;
+export { o as Text, Ft as Text1, Pt as Text10, Ot as Text2, Nt as Text3, Et as Text4, kt as Text5, Wt as Text6, St as Text7, Rt as Text8, Ct as Text9, _t as default, ut as mapToWeight };