@telefonica/mistica 16.23.0 → 16.25.0

package/dist/text-field-components.css-mistica.js

@@ -31,34 +31,34 @@ _export(exports, {
         return t;
     },
     fullWidth: function() {
-        return k;
+        return o;
     },
     helperContainer: function() {
-        return o;
+        return d;
     },
     helperText: function() {
         return u;
     },
     labelContainer: function() {
-        return d;
+        return k;
     },
     labelText: function() {
-        return p;
+        return m;
     },
     leftHelperText: function() {
-        return L;
+        return p;
     },
     normalWidth: function() {
         return h;
     },
     rightHelperText: function() {
-        return E;
+        return L;
     },
     shrinked: function() {
-        return T;
+        return E;
     },
     warnIcon: function() {
-        return b;
+        return T;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
@@ -66,6 +66,6 @@ require("./icon-button.css.ts.vanilla.css-mistica.js");
 require("./text-field-base.css.ts.vanilla.css-mistica.js");
 require("./text-field-components.css.ts.vanilla.css-mistica.js");
 var a = 328, f = 0.78, e = 0.75, y = {
-    default: "v16_23_1y2v1nf48",
-    readOnly: "v16_23_1y2v1nf64"
-}, i = "v16_23_15k6ur97", l = "v16_23_1y2v1nfll v16_23_1y2v1nfl1 v16_23_1y2v1nfik v16_23_1y2v1nfla v16_23_1y2v1nfie", t = "v16_23_15k6ur96 v16_23_1y2v1nfik v16_23_1y2v1nfiq", k = "v16_23_1y2v1nfj7", o = "v16_23_1y2v1nfb7 v16_23_1y2v1nfcj v16_23_1y2v1nfik", u = "v16_23_1y2v1nfj5 v16_23_1y2v1nf8j", d = "v16_23_15k6ur91 v16_23_1y2v1nfif v16_23_1y2v1nfik v16_23_1y2v1nfip", p = "v16_23_15k6ur93 v16_23_1y2v1nfll v16_23_1y2v1nfj3", L = "v16_23_15k6ur9e v16_23_1y2v1nfik", h = "v16_23_15k6ur99 v16_23_1y2v1nfj7", E = "v16_23_1y2v1nfba", T = "v16_23_15k6ur94", b = "v16_23_15k6ur9h";
+    default: "v16_25_1y2v1nf49",
+    readOnly: "v16_25_1y2v1nf66"
+}, i = "v16_25_15k6ur97", l = "v16_25_1y2v1nflo v16_25_1y2v1nfl5 v16_25_1y2v1nfim v16_25_1y2v1nfld v16_25_1y2v1nfig", t = "v16_25_15k6ur96 v16_25_1y2v1nfim v16_25_1y2v1nfis", o = "v16_25_1y2v1nfj9", d = "v16_25_1y2v1nfb9 v16_25_1y2v1nfcl v16_25_1y2v1nfim", u = "v16_25_1y2v1nfj7 v16_25_1y2v1nf8l", k = "v16_25_15k6ur91 v16_25_1y2v1nfih v16_25_1y2v1nfim v16_25_1y2v1nfir", m = "v16_25_15k6ur93 v16_25_1y2v1nflo v16_25_1y2v1nfj5", p = "v16_25_15k6ur9e v16_25_1y2v1nfim", h = "v16_25_15k6ur99 v16_25_1y2v1nfj9", L = "v16_25_1y2v1nfbc", E = "v16_25_15k6ur94", T = "v16_25_15k6ur9h";

package/dist/text-link.css-mistica.js

@@ -2,16 +2,27 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "variants", {
-    enumerable: true,
-    get: function() {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    linkStyles: function() {
         return n;
+    },
+    variants: function() {
+        return r;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./text-link.css.ts.vanilla.css-mistica.js");
 var n = {
-    default: "v16_23_1m1n0pr1 v16_23_1y2v1nfj8 v16_23_1y2v1nfin v16_23_1y2v1nflk v16_23_1y2v1nf2l",
-    inverseLight: "v16_23_1m1n0pr6 v16_23_1m1n0pr1 v16_23_1y2v1nfj8 v16_23_1y2v1nfin v16_23_1y2v1nflk v16_23_1y2v1nf2m",
-    inverseDark: "v16_23_1m1n0pr7 v16_23_1m1n0pr1 v16_23_1y2v1nfj8 v16_23_1y2v1nfin v16_23_1y2v1nflk v16_23_1y2v1nf2l"
+    underlineAlways: "v16_25_1m1n0pr2",
+    underlineOnHover: "v16_25_1m1n0pr3"
+}, r = {
+    default: "v16_25_1m1n0pr1 v16_25_1y2v1nfja v16_25_1y2v1nfip v16_25_1y2v1nfln v16_25_1y2v1nf2m",
+    inverseLight: "v16_25_1m1n0pr1 v16_25_1y2v1nfja v16_25_1y2v1nfip v16_25_1y2v1nfln v16_25_1y2v1nf2n",
+    inverseDark: "v16_25_1m1n0pr1 v16_25_1y2v1nfja v16_25_1y2v1nfip v16_25_1y2v1nfln v16_25_1y2v1nf2m"
 };

package/dist/text-link.css.d.ts

@@ -1 +1,5 @@
+export declare const linkStyles: {
+    underlineAlways: string;
+    underlineOnHover: string;
+};
 export declare const variants: Record<"default" | "inverseLight" | "inverseDark", string>;

package/dist/text-link.d.ts

@@ -16,7 +16,8 @@ interface CommonProps {
     dataAttributes?: DataAttributes;
     /** IMPORTANT: try to avoid using role="link" with onPress and first consider other alternatives like to/href + onNavigate */
     role?: string;
+    underline?: 'always' | 'on hover';
 }
 export type TextLinkProps = AlwaysTouchableComponentProps & CommonProps;
-declare const TextLink: ({ children, className, disabled, style, trackEvent, ...props }: TextLinkProps) => JSX.Element;
+declare const TextLink: ({ children, className, disabled, style, trackEvent, underline, ...props }: TextLinkProps) => JSX.Element;
 export default TextLink;

package/dist/text-link.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return j;
+        return _;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -102,15 +102,16 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const C = (_param)=>{
-    var { children: e, className: n = "", disabled: a, style: s, trackEvent: i } = _param, t = _object_without_properties(_param, [
+const E = (_param)=>{
+    var { children: e, className: a = "", disabled: s, style: i, trackEvent: m, underline: c = "always" } = _param, t = _object_without_properties(_param, [
         "children",
         "className",
         "disabled",
         "style",
-        "trackEvent"
+        "trackEvent",
+        "underline"
     ]);
-    const m = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), { isDarkMode: c } = (0, _hooks.useTheme)(), { formStatus: f } = (0, _formcontext.useForm)(), { eventFormat: u } = (0, _analytics.useTrackingConfig)(), p = ()=>u === "google-analytics-4" ? {
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), { isDarkMode: u } = (0, _hooks.useTheme)(), { formStatus: f } = (0, _formcontext.useForm)(), { eventFormat: v } = (0, _analytics.useTrackingConfig)(), p = c === "always" ? _textlinkcssmistica.linkStyles.underlineAlways : _textlinkcssmistica.linkStyles.underlineOnHover, g = ()=>v === "google-analytics-4" ? {
             name: _analytics.eventNames.userInteraction,
             component_type: "link",
             component_copy: (0, _common.getTextFromChildren)(e)
@@ -123,10 +124,10 @@ const C = (_param)=>{
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, t), {
         stopPropagation: !0,
         as: t.onPress ? "a" : void 0,
-        trackingEvent: (_t_trackingEvent = t.trackingEvent) !== null && _t_trackingEvent !== void 0 ? _t_trackingEvent : i ? p() : void 0,
-        disabled: a || f === "sending",
-        className: (0, _classnames.default)(m ? c ? _textlinkcssmistica.variants.inverseDark : _textlinkcssmistica.variants.inverseLight : _textlinkcssmistica.variants.default, n),
-        style: s,
+        trackingEvent: (_t_trackingEvent = t.trackingEvent) !== null && _t_trackingEvent !== void 0 ? _t_trackingEvent : m ? g() : void 0,
+        disabled: s || f === "sending",
+        className: (0, _classnames.default)(l ? u ? _textlinkcssmistica.variants.inverseDark : _textlinkcssmistica.variants.inverseLight : _textlinkcssmistica.variants.default, p, a),
+        style: i,
         children: e
     }));
-}, j = C;
+}, _ = E;

package/dist/text.css-mistica.js

@@ -29,10 +29,10 @@ _export(exports, {
     }
 });
 require("./text.css.ts.vanilla.css-mistica.js");
-var r = "v16_23_splu5g7", _ = "v16_23_splu5g8", e = "v16_23_splu5g9", a = {
-    mobileSize: "var(--v16_23_splu5g0)",
-    desktopSize: "var(--v16_23_splu5g1)",
-    mobileLineHeight: "var(--v16_23_splu5g2)",
-    desktopLineHeight: "var(--v16_23_splu5g3)",
-    lineClamp: "var(--v16_23_splu5g4)"
-}, p = "v16_23_splu5g5", t = "v16_23_splu5g6";
+var r = "v16_25_splu5g7", _ = "v16_25_splu5g8", e = "v16_25_splu5g9", a = {
+    mobileSize: "var(--v16_25_splu5g0)",
+    desktopSize: "var(--v16_25_splu5g1)",
+    mobileLineHeight: "var(--v16_25_splu5g2)",
+    desktopLineHeight: "var(--v16_25_splu5g3)",
+    lineClamp: "var(--v16_25_splu5g4)"
+}, p = "v16_25_splu5g5", t = "v16_25_splu5g6";

package/dist/text.js

@@ -204,7 +204,7 @@ const ut = {
             })
         })
     ]
-}), gt = (param)=>{
+}), dt = (param)=>{
     let { children: t, ariaLabel: r, as: e } = param;
     return typeof e == "string" && [
         "h1",
@@ -221,17 +221,17 @@ const ut = {
         })
     } : {
         children: _react.Children.map(t, (n)=>typeof n != "string" || !n.includes(h) ? n : /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-                children: n.split(h).map((x, c)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
+                children: n.split(h).map((m, c)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
                         children: [
                             c > 0 && ht,
-                            x
+                            m
                         ]
                     }, c))
             })),
         ariaLabel: r
     };
 }, o = (param)=>{
-    let { weight: t, color: r = _skincontractcssmistica.vars.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;
+    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: E, role: N, "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 = {
         [_skincontractcssmistica.vars.colors.textPrimary]: _skincontractcssmistica.vars.colors.textPrimaryInverse,
         [_skincontractcssmistica.vars.colors.textSecondary]: _skincontractcssmistica.vars.colors.textSecondaryInverse,
@@ -251,16 +251,16 @@ const ut = {
         [_textcssmistica.vars.lineClamp]: String(M)
     }) : {};
     var _z_r;
-    return D === _constants.VIVO_NEW_SKIN && ({ ariaLabel: p, children: u } = gt({
+    return D === _constants.VIVO_NEW_SKIN && ({ ariaLabel: f, children: u } = dt({
         children: u,
-        ariaLabel: p,
-        as: f
-    })), /*#__PURE__*/ _react.createElement(f, _object_spread_props(_object_spread({
+        ariaLabel: f,
+        as: g
+    })), /*#__PURE__*/ _react.createElement(g, _object_spread_props(_object_spread({
         className: B,
         id: E,
         role: N,
         "aria-level": O,
-        "aria-label": p,
+        "aria-label": f,
         "aria-hidden": F,
         "aria-live": _
     }, (0, _dom.getPrefixedDataAttributes)(j, "Text")), {
@@ -269,23 +269,23 @@ const ut = {
             WebkitHyphens: v,
             letterSpacing: S,
             fontWeight: t ? ut[t] : "inherit",
-            textTransform: x || "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,
             // When rendering as <pre/>, spaces are preserved and we don't want to remove them
-            whiteSpace: f === "pre" ? void 0 : "pre-line"
+            whiteSpace: g === "pre" ? void 0 : "pre-line"
         })
     }), u);
-}, d = (t)=>{
+}, T = (t)=>{
     if (t.light) return "light";
     if (t.regular) return "regular";
     if (t.medium) return "medium";
     if (t.weight) return t.weight;
-}, a = (param)=>{
-    let { forceMobileSizes: t, mobileSize: r, mobileLineHeight: e, desktopSize: n, desktopLineHeight: x } = param;
+}, s = (param)=>{
+    let { forceMobileSizes: t, mobileSize: r, mobileLineHeight: e, desktopSize: n, desktopLineHeight: m } = param;
     return t ? {
         size: r,
         lineHeight: e
@@ -293,7 +293,7 @@ const ut = {
         mobileSize: r,
         mobileLineHeight: e,
         desktopSize: n,
-        desktopLineHeight: x
+        desktopLineHeight: m
     };
 }, Pt = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
@@ -301,12 +301,13 @@ const ut = {
         "forceMobileSizes"
     ]);
     const { textPresets: n } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
         forceMobileSizes: r
     }, _textprops.text10))), {
         weight: n.text10.weight,
         dataAttributes: _object_spread({
-            "component-name": "Text10"
+            "component-name": "Text10",
+            testid: "Text10"
         }, t)
     }), e));
 }, Ct = (_param)=>{
@@ -315,12 +316,13 @@ const ut = {
         "forceMobileSizes"
     ]);
     const { textPresets: n } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
         forceMobileSizes: r
     }, _textprops.text9))), {
         weight: n.text9.weight,
         dataAttributes: _object_spread({
-            "component-name": "Text9"
+            "component-name": "Text9",
+            testid: "Text9"
         }, t)
     }), e));
 }, Rt = (_param)=>{
@@ -329,12 +331,13 @@ const ut = {
         "forceMobileSizes"
     ]);
     const { textPresets: n } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
         forceMobileSizes: r
     }, _textprops.text8))), {
         weight: n.text8.weight,
         dataAttributes: _object_spread({
-            "component-name": "Text8"
+            "component-name": "Text8",
+            testid: "Text8"
         }, t)
     }), e));
 }, St = (_param)=>{
@@ -343,12 +346,13 @@ const ut = {
         "forceMobileSizes"
     ]);
     const { textPresets: n } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
         forceMobileSizes: r
     }, _textprops.text7))), {
         weight: n.text7.weight,
         dataAttributes: _object_spread({
-            "component-name": "Text7"
+            "component-name": "Text7",
+            testid: "Text7"
         }, t)
     }), e));
 }, Wt = (_param)=>{
@@ -357,12 +361,13 @@ const ut = {
         "forceMobileSizes"
     ]);
     const { textPresets: n } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
         forceMobileSizes: r
     }, _textprops.text6))), {
         weight: n.text6.weight,
         dataAttributes: _object_spread({
-            "component-name": "Text6"
+            "component-name": "Text6",
+            testid: "Text6"
         }, t)
     }), e));
 }, kt = (_param)=>{
@@ -371,12 +376,13 @@ const ut = {
         "forceMobileSizes"
     ]);
     const { textPresets: n } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
         forceMobileSizes: r
     }, _textprops.text5))), {
         weight: n.text5.weight,
         dataAttributes: _object_spread({
-            "component-name": "Text5"
+            "component-name": "Text5",
+            testid: "Text5"
         }, t)
     }), e));
 }, Et = (_param)=>{
@@ -384,12 +390,13 @@ const ut = {
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
         forceMobileSizes: r
     }, _textprops.text4))), {
-        weight: d(e),
+        weight: T(e),
         dataAttributes: _object_spread({
-            "component-name": "Text4"
+            "component-name": "Text4",
+            testid: "Text4"
         }, t)
     }), e));
 }, Nt = (_param)=>{
@@ -397,12 +404,13 @@ const ut = {
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
         forceMobileSizes: r
     }, _textprops.text3))), {
-        weight: d(e),
+        weight: T(e),
         dataAttributes: _object_spread({
-            "component-name": "Text3"
+            "component-name": "Text3",
+            testid: "Text3"
         }, t)
     }), e));
 }, Ot = (_param)=>{
@@ -410,12 +418,13 @@ const ut = {
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
         forceMobileSizes: r
     }, _textprops.text2))), {
-        weight: d(e),
+        weight: T(e),
         dataAttributes: _object_spread({
-            "component-name": "Text2"
+            "component-name": "Text2",
+            testid: "Text2"
         }, t)
     }), e));
 }, Ft = (_param)=>{
@@ -423,12 +432,13 @@ const ut = {
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
         forceMobileSizes: r
     }, _textprops.text1))), {
-        weight: d(e),
+        weight: T(e),
         dataAttributes: _object_spread({
-            "component-name": "Text1"
+            "component-name": "Text1",
+            testid: "Text1"
         }, t)
     }), e));
 }, _t = o;