@telefonica/mistica 16.3.0 → 16.4.0

package/dist-es/text.js

@@ -80,28 +80,28 @@ 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 K from "classnames";
-import { useIsInverseOrMediaVariant as L } from "./theme-variant-context.js";
+import L from "classnames";
+import { useIsInverseOrMediaVariant as q } from "./theme-variant-context.js";
 import { applyCssVars as P, pxToRem as g } from "./utils/css.js";
-import { getPrefixedDataAttributes as q } from "./utils/dom.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 l } from "./text.css-mistica.js";
-import { VIVO_NEW_SKIN as Y } from "./skins/constants.js";
-import Z from "./screen-reader-only.js";
-import { text10 as $, text9 as tt, text8 as et, text7 as rt, text6 as nt, text5 as it, text4 as ot, text3 as st, text2 as at, text1 as mt } from "./text-props.js";
-const xt = {
+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 = {
     light: 300,
     regular: 400,
     medium: 500,
     bold: 700
-}, ct = (t)=>t === !0 ? 1 : t || "initial", h = "Ħ", ut = /* @__PURE__ */ R(C, {
+}, ut = (t)=>t === !0 ? 1 : t || "initial", l = "Ħ", ht = /* @__PURE__ */ R(C, {
     children: [
         /* @__PURE__ */ i("span", {
             "aria-hidden": !0,
-            children: h
+            children: l
         }),
-        /* @__PURE__ */ i(Z, {
+        /* @__PURE__ */ i($, {
             children: /* @__PURE__ */ i("span", {
                 children: "Vivo"
             })
@@ -116,17 +116,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__ */ i("span", {
             "aria-hidden": !0,
             children: t
         })
     } : {
-        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: 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: [
-                            c > 0 && ut,
+                            c > 0 && ht,
                             x
                         ]
                     }, c))
@@ -134,53 +134,54 @@ const xt = {
         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: 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: _ } = m(), j = L(), D = ct(n), H = {
+    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
     };
     if (!u && u !== 0) return null;
-    const M = K(G, c ? J : Q, {
-        [U]: n,
-        [X]: n === 1 || n === !0
-    }), z = 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"
-    }), B = n ? P({
-        [l.lineClamp]: String(D)
+    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)
     }) : {};
-    var _H_r;
-    return _ === Y && ({ ariaLabel: d, children: u } = lt({
+    var _M_r;
+    return j === Z && ({ ariaLabel: p, children: u } = lt({
         children: u,
-        ariaLabel: d,
-        as: p
-    })), /*#__PURE__*/ T.createElement(p, _object_spread_props(_object_spread({
-        className: M,
+        ariaLabel: p,
+        as: f
+    })), /*#__PURE__*/ T.createElement(f, _object_spread_props(_object_spread({
+        className: z,
         id: E,
         role: N,
         "aria-level": O,
-        "aria-label": d
-    }, q(F, "Text")), {
-        style: _object_spread_props(_object_spread({}, z, B), {
+        "aria-label": p,
+        "aria-hidden": F
+    }, G(_, "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";
@@ -196,7 +197,7 @@ const xt = {
         desktopSize: n,
         desktopLineHeight: x
     };
-}, Vt = (_param)=>{
+}, It = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
@@ -204,13 +205,13 @@ const xt = {
     const { textPresets: n } = m();
     return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
         forceMobileSizes: r
-    }, $))), {
+    }, tt))), {
         weight: n.text10.weight,
         dataAttributes: _object_spread({
             "component-name": "Text10"
         }, t)
     }), e));
-}, It = (_param)=>{
+}, Pt = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
@@ -218,13 +219,13 @@ const xt = {
     const { textPresets: n } = m();
     return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
         forceMobileSizes: r
-    }, tt))), {
+    }, et))), {
         weight: n.text9.weight,
         dataAttributes: _object_spread({
             "component-name": "Text9"
         }, t)
     }), e));
-}, Pt = (_param)=>{
+}, Ct = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
@@ -232,13 +233,13 @@ const xt = {
     const { textPresets: n } = m();
     return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
         forceMobileSizes: r
-    }, et))), {
+    }, rt))), {
         weight: n.text8.weight,
         dataAttributes: _object_spread({
             "component-name": "Text8"
         }, t)
     }), e));
-}, Ct = (_param)=>{
+}, Rt = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
@@ -246,13 +247,13 @@ const xt = {
     const { textPresets: n } = m();
     return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
         forceMobileSizes: r
-    }, rt))), {
+    }, nt))), {
         weight: n.text7.weight,
         dataAttributes: _object_spread({
             "component-name": "Text7"
         }, t)
     }), e));
-}, Rt = (_param)=>{
+}, St = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
@@ -260,13 +261,13 @@ const xt = {
     const { textPresets: n } = m();
     return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
         forceMobileSizes: r
-    }, nt))), {
+    }, it))), {
         weight: n.text6.weight,
         dataAttributes: _object_spread({
             "component-name": "Text6"
         }, t)
     }), e));
-}, St = (_param)=>{
+}, Wt = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
@@ -274,63 +275,63 @@ const xt = {
     const { textPresets: n } = m();
     return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
         forceMobileSizes: r
-    }, it))), {
+    }, ot))), {
         weight: n.text5.weight,
         dataAttributes: _object_spread({
             "component-name": "Text5"
         }, t)
     }), e));
-}, Wt = (_param)=>{
+}, kt = (_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({
         forceMobileSizes: r
-    }, ot))), {
-        weight: f(e),
+    }, st))), {
+        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"
     ]);
     return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
         forceMobileSizes: r
-    }, st))), {
-        weight: f(e),
+    }, at))), {
+        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"
     ]);
     return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
         forceMobileSizes: r
-    }, at))), {
-        weight: f(e),
+    }, mt))), {
+        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"
     ]);
     return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
         forceMobileSizes: r
-    }, mt))), {
-        weight: f(e),
+    }, xt))), {
+        weight: d(e),
         dataAttributes: _object_spread({
             "component-name": "Text1"
         }, t)
     }), e));
-}, Ot = o;
-export { o as Text, Nt as Text1, Vt as Text10, Et as Text2, kt as Text3, Wt as Text4, St as Text5, Rt as Text6, Ct as Text7, Pt as Text8, It as Text9, Ot as default, xt as mapToWeight };
+}, 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 };