@telefonica/mistica 16.3.0 → 16.4.0

package/dist/text-field.js

@@ -145,8 +145,8 @@ const I = (i, t, r, c)=>{
         r,
         i
     ]);
-}, K = /*#__PURE__*/ _react.forwardRef((_param, F)=>{
-    var { disabled: i, error: t, helperText: r, name: c, label: m, optional: a, validate: p, onChangeValue: d, onChange: R, value: T, defaultValue: x, onBlur: l, onFocus: u, onPress: g, dataAttributes: v } = _param, s = _object_without_properties(_param, [
+}, K = /*#__PURE__*/ _react.forwardRef((_param, v)=>{
+    var { disabled: i, error: t, helperText: r, name: c, label: m, optional: a, validate: d, onChangeValue: p, onChange: T, value: x, defaultValue: R, onBlur: n, onFocus: u, onPress: F, dataAttributes: g } = _param, s = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -164,7 +164,7 @@ const I = (i, t, r, c)=>{
         "dataAttributes"
     ]);
     const e = _react.useRef(null), b = (o)=>o, h = (o)=>{
-        s.multiline && e.current && (e.current.scrollTop = 0), l == null || l(o);
+        s.multiline && e.current && (e.current.scrollTop = 0), n == null || n(o);
     }, y = (o)=>{
         s.multiline && setTimeout(()=>{
             if (e.current) {
@@ -172,28 +172,29 @@ const I = (i, t, r, c)=>{
                 e.current.value = "", e.current.value = A, e.current.scrollTop = e.current.scrollHeight;
             }
         }, 0), u == null || u(o);
-    }, n = (0, _formcontext.useFieldProps)({
+    }, l = (0, _formcontext.useFieldProps)({
         name: c,
         label: m,
-        value: T,
-        defaultValue: x,
+        value: x,
+        defaultValue: R,
         processValue: b,
         helperText: r,
         optional: a,
         error: t,
         disabled: i,
         onBlur: h,
-        validate: p,
-        onChange: R,
-        onChangeValue: d
+        validate: d,
+        onChange: T,
+        onChangeValue: p
     });
-    return I(e.current, n.value, s.maxLength, n.onChange), /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, s, n), {
-        onClick: g,
-        inputRef: (0, _common.combineRefs)(e, n.inputRef, F),
+    return I(e.current, l.value, s.maxLength, l.onChange), /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, s, l), {
+        onClick: F,
+        inputRef: (0, _common.combineRefs)(e, l.inputRef, v),
         onFocus: y,
         type: "text",
         dataAttributes: _object_spread({
-            "component-name": "TextField"
-        }, v)
+            "component-name": "TextField",
+            testid: "TextField"
+        }, g)
     }));
 }), G = K;

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

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "variants", {
     enumerable: true,
     get: function() {
-        return v;
+        return r;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./text-link.css.ts.vanilla.css-mistica.js");
-var v = {
-    default: "_1m1n0pr1 _1y2v1nfi8 _1y2v1nfhn _1y2v1nfkk _1y2v1nf2j",
-    inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nfi8 _1y2v1nfhn _1y2v1nfkk _1y2v1nf2k",
-    inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nfi8 _1y2v1nfhn _1y2v1nfkk _1y2v1nf2j"
+var r = {
+    default: "_1m1n0pr1 _1y2v1nfic _1y2v1nfhr _1y2v1nfko _1y2v1nf2l",
+    inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nfic _1y2v1nfhr _1y2v1nfko _1y2v1nf2m",
+    inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nfic _1y2v1nfhr _1y2v1nfko _1y2v1nf2l"
 };

package/dist/text-tokens.d.ts

@@ -25,6 +25,7 @@ export type Dictionary = {
     formDateOutOfRangeError: string;
     formEmailError: string;
     formIbanError: string;
+    formTextMultilineMaxCount: string;
     closeButtonLabel: string;
     formSearchClear: string;
     menuLabelSuffix: string;
@@ -95,6 +96,7 @@ export declare const formCreditCardNumberError: TextToken;
 export declare const formDateOutOfRangeError: TextToken;
 export declare const formEmailError: TextToken;
 export declare const formIbanError: TextToken;
+export declare const formTextMultilineMaxCount: TextToken;
 export declare const closeButtonLabel: TextToken;
 export declare const formSearchClear: TextToken;
 export declare const menuLabelSuffix: TextToken;

package/dist/text-tokens.js

@@ -10,40 +10,40 @@ function _export(target, all) {
 }
 _export(exports, {
     backNavigationBar: function() {
-        return D;
+        return I;
     },
     carouselNextButton: function() {
-        return N;
+        return P;
     },
     carouselPrevButton: function() {
-        return P;
+        return k;
     },
     clearButton: function() {
-        return I;
+        return N;
     },
     closeButtonLabel: function() {
         return E;
     },
     closeNavigationMenu: function() {
-        return x;
+        return D;
     },
     counterDecreaseLabel: function() {
-        return z;
+        return q;
     },
     counterIncreaseLabel: function() {
-        return j;
+        return z;
     },
     counterMaxValue: function() {
         return K;
     },
     counterMinValue: function() {
-        return W;
+        return Z;
     },
     counterQuantity: function() {
-        return q;
+        return W;
     },
     counterRemoveLabel: function() {
-        return H;
+        return j;
     },
     dialogAcceptButton: function() {
         return d;
@@ -94,7 +94,7 @@ _export(exports, {
         return A;
     },
     formEmailError: function() {
-        return S;
+        return $;
     },
     formErrorsAlertMessage: function() {
         return c;
@@ -111,6 +111,9 @@ _export(exports, {
     formSearchClear: function() {
         return y;
     },
+    formTextMultilineMaxCount: function() {
+        return S;
+    },
     linkOpensInCurrentPage: function() {
         return r;
     },
@@ -127,91 +130,91 @@ _export(exports, {
         return a;
     },
     openNavigationMenu: function() {
-        return $;
+        return x;
     },
     pauseIconButtonLabel: function() {
-        return F;
+        return w;
     },
     pinFieldInputLabel: function() {
-        return R;
+        return H;
     },
     playIconButtonLabel: function() {
-        return k;
+        return F;
     },
     progressBarCompletedLabel: function() {
-        return O;
+        return T;
     },
     progressBarStepLabel: function() {
-        return T;
+        return R;
     },
     ratingBadLabel: function() {
-        return ce;
+        return le;
     },
     ratingGoodLabel: function() {
-        return ue;
+        return me;
     },
     ratingQuantitativeLabel: function() {
-        return pe;
+        return ge;
     },
     ratingRegularLabel: function() {
-        return le;
+        return ue;
     },
     ratingVeryBadLabel: function() {
-        return de;
+        return ce;
     },
     ratingVeryGoodLabel: function() {
-        return me;
+        return pe;
     },
     sheetConfirmButton: function() {
-        return w;
+        return O;
     },
     tableActionsHeaderLabel: function() {
-        return ie;
+        return de;
     },
     timerAnd: function() {
-        return Y;
+        return U;
     },
     timerDayLongLabel: function() {
-        return U;
+        return X;
     },
     timerDaysLongLabel: function() {
-        return X;
+        return _;
     },
     timerDaysShortLabel: function() {
-        return Z;
+        return G;
     },
     timerDisplayMinutesLabel: function() {
-        return re;
+        return ae;
     },
     timerDisplaySecondsLabel: function() {
-        return ae;
+        return ie;
     },
     timerHourLongLabel: function() {
-        return _;
+        return ee;
     },
     timerHoursLongLabel: function() {
-        return ee;
+        return ne;
     },
     timerHoursShortLabel: function() {
-        return G;
+        return J;
     },
     timerMinuteLongLabel: function() {
-        return ne;
+        return te;
     },
     timerMinutesLongLabel: function() {
-        return te;
+        return oe;
     },
     timerMinutesShortLabel: function() {
-        return J;
+        return Q;
     },
     timerSecondLongLabel: function() {
-        return oe;
+        return se;
     },
     timerSecondsLongLabel: function() {
-        return se;
+        return re;
     },
     timerSecondsShortLabel: function() {
-        return Q;
+        return Y;
     }
 });
 const e = {
@@ -329,7 +332,7 @@ const e = {
     en: "Invalid date",
     de: "Unzul\xe4ssiges Datum",
     pt: "Data n\xe3o permitida"
-}, S = {
+}, $ = {
     es: "Email incorrecto",
     en: "Invalid email",
     de: "Falsche E-Mail-Adresse",
@@ -339,6 +342,11 @@ const e = {
     en: "Incorrect IBAN",
     de: "Falsche IBAN",
     pt: "IBAN incorreto"
+}, S = {
+    es: "1$s de 2$s caracteres",
+    en: "1$s of 2$s characters",
+    de: "1$s von 2$s Zeichen",
+    pt: "1$s de 2$s caracteres"
 }, E = {
     es: "Cerrar",
     en: "Close",
@@ -354,87 +362,87 @@ const e = {
     en: "menu",
     de: "Men\xfc",
     pt: "menu"
-}, $ = {
+}, x = {
     es: "Abrir men\xfa de navegaci\xf3n",
     en: "Open navigation menu",
     de: "Navigationsmen\xfc \xf6ffnen",
     pt: "Abrir menu de navega\xe7\xe3o"
-}, x = {
+}, D = {
     es: "Cerrar men\xfa de navegaci\xf3n",
     en: "Close navigation menu",
     de: "Navigationsmen\xfc schlie\xdfen",
     pt: "Fechar menu de navega\xe7\xe3o"
-}, D = {
+}, I = {
     es: "Atr\xe1s",
     en: "Back",
     de: "Zur\xfcck",
     pt: "Voltar"
-}, I = {
+}, N = {
     es: "Borrar",
     en: "Clear",
     de: "L\xf6schen",
     pt: "Apagar"
-}, N = {
+}, P = {
     es: "siguiente",
     en: "next",
     de: "n\xe4chste",
     pt: "pr\xf3ximo"
-}, P = {
+}, k = {
     es: "anterior",
     en: "previous",
     de: "vorherige",
     pt: "anterior"
-}, k = {
+}, F = {
     es: "Reproducir",
     en: "Play",
     de: "Abspielen",
     pt: "Reproduzir"
-}, F = {
+}, w = {
     es: "Pausar",
     en: "Pause",
     de: "Pausieren",
     pt: "Pausar"
-}, w = {
+}, O = {
     es: "Continuar",
     en: "Continue",
     de: "Fortfahren",
     pt: "Continuar"
-}, O = {
+}, T = {
     es: "completo",
     en: "completed",
     de: "vollendet",
     pt: "conclu\xeddo"
-}, T = {
+}, R = {
     es: "Paso 1$s de 2$s",
     en: "Step 1$s of 2$s",
     de: "Schritt 1$s von 2$s",
     pt: "Etapa 1$s de 2$s"
-}, R = {
+}, H = {
     es: "D\xedgito 1$s de 2$s",
     en: "Digit 1$s of 2$s",
     de: "Ziffer 1$s von 2$s",
     pt: "D\xedgito 1$s de 2$s"
-}, H = {
+}, j = {
     es: "Borrar elemento",
     en: "Remove element",
     de: "Element entfernen",
     pt: "Remover elemento"
-}, j = {
+}, z = {
     es: "Aumentar valor",
     en: "Increase value",
     de: "Wert steigern",
     pt: "aumentar valor"
-}, z = {
+}, q = {
     es: "Disminuir valor",
     en: "Decrease value",
     de: "Wert verringern",
     pt: "diminuir valor"
-}, q = {
+}, W = {
     es: "cantidad",
     en: "quantity",
     de: "menge",
     pt: "quantidade"
-}, W = {
+}, Z = {
     es: "m\xednimo",
     en: "minimum of",
     de: "minimal",
@@ -444,112 +452,112 @@ const e = {
     en: "maximum of",
     de: "maximal",
     pt: "m\xe1ximo"
-}, Z = {
+}, G = {
     es: "d",
     en: "d",
     de: "Tg.",
     pt: "d"
-}, G = {
+}, J = {
     es: "h",
     en: "h",
     de: "Std.",
     pt: "h"
-}, J = {
+}, Q = {
     es: "min",
     en: "min",
     de: "Min.",
     pt: "min"
-}, Q = {
+}, Y = {
     es: "s",
     en: "s",
     de: "Sek.",
     pt: "s"
-}, Y = {
+}, U = {
     es: "y",
     en: "and",
     de: "und",
     pt: "e"
-}, U = {
+}, X = {
     es: "d\xeda",
     en: "day",
     de: "Tag",
     pt: "dia"
-}, X = {
+}, _ = {
     es: "d\xedas",
     en: "days",
     de: "Tage",
     pt: "dias"
-}, _ = {
+}, ee = {
     es: "hora",
     en: "hour",
     de: "Stunde",
     pt: "hora"
-}, ee = {
+}, ne = {
     es: "horas",
     en: "hours",
     de: "Stunden",
     pt: "horas"
-}, ne = {
+}, te = {
     es: "minuto",
     en: "minute",
     de: "Minute",
     pt: "minuto"
-}, te = {
+}, oe = {
     es: "minutos",
     en: "minutes",
     de: "Minuten",
     pt: "minutos"
-}, oe = {
+}, se = {
     es: "segundo",
     en: "second",
     de: "Sekunde",
     pt: "segundo"
-}, se = {
+}, re = {
     es: "segundos",
     en: "seconds",
     de: "Sekunden",
     pt: "segundos"
-}, re = {
+}, ae = {
     es: "min",
     en: "min",
     de: "Min.",
     pt: "min"
-}, ae = {
+}, ie = {
     es: "seg",
     en: "sec",
     de: "Sek.",
     pt: "seg"
-}, ie = {
+}, de = {
     es: "Acciones",
     en: "Actions",
     de: "Aktionen",
     pt: "A\xe7\xf5es"
-}, de = {
+}, ce = {
     es: "muy malo",
     en: "very bad",
     de: "sehr schlecht",
     pt: "muito ruim"
-}, ce = {
+}, le = {
     es: "malo",
     en: "bad",
     de: "schlecht",
     pt: "ruim"
-}, le = {
+}, ue = {
     es: "regular",
     en: "regular",
     de: "regular",
     pt: "regular"
-}, ue = {
+}, me = {
     es: "bueno",
     en: "good",
     de: "gut",
     pt: "bom"
-}, me = {
+}, pe = {
     es: "muy bueno",
     en: "very good",
     de: "sehr gut",
     pt: "muito bom"
-}, pe = {
+}, ge = {
     es: "1$s de 2$s",
     en: "1$s out of 2$s",
     de: "1$s von 2$s",

package/dist/text.d.ts

@@ -22,6 +22,7 @@ export interface TextPresetProps {
     role?: string;
     'aria-level'?: number;
     'aria-label'?: string;
+    'aria-hidden'?: React.HTMLAttributes<HTMLDivElement>['aria-hidden'];
     dataAttributes?: DataAttributes;
     forceMobileSizes?: boolean;
     textShadow?: string;
@@ -43,7 +44,7 @@ interface TextProps extends TextPresetProps {
     letterSpacing?: number;
     forzeMobileSize?: never;
 }
-export declare const Text: ({ weight, color, decoration, truncate, transform, wordBreak, hyphens, as, children, size, mobileSize, desktopSize, lineHeight, mobileLineHeight, desktopLineHeight, letterSpacing, textAlign, textShadow, id, role, "aria-level": ariaLevel, "aria-label": ariaLabel, dataAttributes, }: TextProps) => JSX.Element | null;
+export declare const Text: ({ weight, color, decoration, truncate, transform, wordBreak, hyphens, as, children, size, mobileSize, desktopSize, lineHeight, mobileLineHeight, desktopLineHeight, letterSpacing, textAlign, textShadow, id, role, "aria-level": ariaLevel, "aria-label": ariaLabel, "aria-hidden": ariaHidden, dataAttributes, }: TextProps) => JSX.Element | null;
 interface LightProps extends TextPresetProps {
     light: boolean;
 }