@telefonica/mistica 16.5.0 → 16.6.0

package/dist-es/text-tokens.js

@@ -13,12 +13,12 @@ const e = {
     en: "Hide password",
     de: "Passwort verbergen",
     pt: "esconder a senha"
-}, o = {
+}, s = {
     es: "Cargando",
     en: "Loading",
     de: "Wird gespeichert",
     pt: "Carregando"
-}, s = {
+}, o = {
     es: "Se abre en ventana nueva",
     en: "Opens in a new window",
     de: "Wird in neuem Fenster ge\xf6ffnet",
@@ -73,12 +73,12 @@ const e = {
     en: "CVV",
     de: "CVV",
     pt: "CVV"
-}, C = {
+}, b = {
     es: "CVV incorrecto",
     en: "Incorrect CVV",
     de: "Falsche CVV",
     pt: "CVV incorreto"
-}, b = {
+}, C = {
     es: "Mostrar ayuda CVV",
     en: "Show CVV help",
     de: "CVV-Hilfe anzeigen",
@@ -103,27 +103,27 @@ const e = {
     en: "Invalid date",
     de: "Datum ung\xfcltig",
     pt: "Data inv\xe1lida"
-}, L = {
+}, $ = {
     es: "No es un n\xfamero de tarjeta v\xe1lido",
     en: "The card number is not valid",
     de: "Kartennummer ung\xfcltig",
     pt: "N\xe3o \xe9 um n\xfamero de cart\xe3o v\xe1lido"
-}, A = {
+}, L = {
     es: "Fecha no permitida",
     en: "Invalid date",
     de: "Unzul\xe4ssiges Datum",
     pt: "Data n\xe3o permitida"
-}, S = {
+}, A = {
     es: "Email incorrecto",
     en: "Invalid email",
     de: "Falsche E-Mail-Adresse",
     pt: "Email incorreto"
-}, M = {
+}, S = {
     es: "IBAN incorrecto",
     en: "Incorrect IBAN",
     de: "Falsche IBAN",
     pt: "IBAN incorreto"
-}, $ = {
+}, M = {
     es: "1$s de 2$s caracteres",
     en: "1$s of 2$s characters",
     de: "1$s von 2$s Zeichen",
@@ -148,12 +148,12 @@ const e = {
     en: "Open navigation menu",
     de: "Navigationsmen\xfc \xf6ffnen",
     pt: "Abrir menu de navega\xe7\xe3o"
-}, D = {
+}, I = {
     es: "Cerrar men\xfa de navegaci\xf3n",
     en: "Close navigation menu",
     de: "Navigationsmen\xfc schlie\xdfen",
     pt: "Fechar menu de navega\xe7\xe3o"
-}, I = {
+}, D = {
     es: "Abrir submen\xfa",
     en: "Open submenu",
     de: "Untermen\xfc \xf6ffnen",
@@ -198,12 +198,12 @@ const e = {
     en: "Continue",
     de: "Fortfahren",
     pt: "Continuar"
-}, H = {
+}, z = {
     es: "completo",
     en: "completed",
     de: "vollendet",
     pt: "conclu\xeddo"
-}, z = {
+}, H = {
     es: "Paso 1$s de 2$s",
     en: "Step 1$s of 2$s",
     de: "Schritt 1$s von 2$s",
@@ -228,12 +228,12 @@ const e = {
     en: "Decrease value",
     de: "Wert verringern",
     pt: "diminuir valor"
-}, K = {
+}, G = {
     es: "cantidad",
     en: "quantity",
     de: "menge",
     pt: "quantidade"
-}, G = {
+}, K = {
     es: "m\xednimo",
     en: "minimum of",
     de: "minimal",
@@ -283,12 +283,12 @@ const e = {
     en: "hour",
     de: "Stunde",
     pt: "hora"
-}, oe = {
+}, se = {
     es: "horas",
     en: "hours",
     de: "Stunden",
     pt: "horas"
-}, se = {
+}, oe = {
     es: "minuto",
     en: "minute",
     de: "Minute",
@@ -343,15 +343,25 @@ const e = {
     en: "good",
     de: "gut",
     pt: "bom"
-}, Ce = {
+}, be = {
     es: "muy bueno",
     en: "very good",
     de: "sehr gut",
     pt: "muito bom"
-}, be = {
+}, Ce = {
     es: "1$s de 2$s",
     en: "1$s out of 2$s",
     de: "1$s von 2$s",
     pt: "1$s de 2$s"
+}, he = {
+    es: "Indicador de progreso con 1$s secciones, total 2$s% de 100%.",
+    en: "Gauge chart 1$s segments, total 2$s% out of 100%.",
+    de: "Fortschrittsanzeige mit 1$s Abschnitten, insgesamt 2$s% von 100%.",
+    pt: "Indicador de progresso com 1$s se\xe7\xf5es, total 2$s% de 100%."
+}, ve = {
+    es: "Secci\xf3n 1$s: 2$s%",
+    en: "Segment 1$s: 2$s%",
+    de: "Abschnitt 1$s: 2$s%",
+    pt: "Se\xe7\xe3o 1$s: 2$s%"
 };
-export { P as backNavigationBar, F as carouselNextButton, O as carouselPrevButton, k as clearButton, B as closeButtonLabel, D as closeNavigationMenu, Z as counterDecreaseLabel, W as counterIncreaseLabel, J as counterMaxValue, G as counterMinValue, K as counterQuantity, q as counterRemoveLabel, d as dialogAcceptButton, i as dialogCancelButton, t as disablePasswordVisibility, n as enablePasswordVisibility, e as expirationDatePlaceholder, C as formCreditCardCvvError, g as formCreditCardCvvLabel, f as formCreditCardCvvTooltipAmex, v as formCreditCardCvvTooltipVisaMc, h as formCreditCardCvvTooltipVisaMcButtonClose, b as formCreditCardCvvTooltipVisaMcButtonOpen, V as formCreditCardExpirationError, p as formCreditCardExpirationLabel, L as formCreditCardNumberError, m as formCreditCardNumberLabel, A as formDateOutOfRangeError, S as formEmailError, c as formErrorsAlertMessage, u as formFieldErrorIsMandatory, l as formFieldOptionalLabelSuffix, M as formIbanError, E as formSearchClear, $ as formTextMultilineMaxCount, r as linkOpensInCurrentPage, s as linkOpensInNewTab, o as loading, I as mainNavigationBarOpenSectionMenu, N as mainNavigationBarSectionSeeAll, y as menuLabelSuffix, a as modalClose, x as openNavigationMenu, T as pauseIconButtonLabel, j as pinFieldInputLabel, w as playIconButtonLabel, H as progressBarCompletedLabel, z as progressBarStepLabel, me as ratingBadLabel, ge as ratingGoodLabel, be as ratingQuantitativeLabel, pe as ratingRegularLabel, ue as ratingVeryBadLabel, Ce as ratingVeryGoodLabel, R as sheetConfirmButton, le as tableActionsHeaderLabel, _ as timerAnd, ee as timerDayLongLabel, ne as timerDaysLongLabel, Q as timerDaysShortLabel, de as timerDisplayMinutesLabel, ce as timerDisplaySecondsLabel, te as timerHourLongLabel, oe as timerHoursLongLabel, U as timerHoursShortLabel, se as timerMinuteLongLabel, re as timerMinutesLongLabel, Y as timerMinutesShortLabel, ae as timerSecondLongLabel, ie as timerSecondsLongLabel, X as timerSecondsShortLabel };
+export { P as backNavigationBar, F as carouselNextButton, O as carouselPrevButton, k as clearButton, B as closeButtonLabel, I as closeNavigationMenu, Z as counterDecreaseLabel, W as counterIncreaseLabel, J as counterMaxValue, K as counterMinValue, G as counterQuantity, q as counterRemoveLabel, d as dialogAcceptButton, i as dialogCancelButton, t as disablePasswordVisibility, n as enablePasswordVisibility, e as expirationDatePlaceholder, b as formCreditCardCvvError, g as formCreditCardCvvLabel, f as formCreditCardCvvTooltipAmex, v as formCreditCardCvvTooltipVisaMc, h as formCreditCardCvvTooltipVisaMcButtonClose, C as formCreditCardCvvTooltipVisaMcButtonOpen, V as formCreditCardExpirationError, p as formCreditCardExpirationLabel, $ as formCreditCardNumberError, m as formCreditCardNumberLabel, L as formDateOutOfRangeError, A as formEmailError, c as formErrorsAlertMessage, u as formFieldErrorIsMandatory, l as formFieldOptionalLabelSuffix, S as formIbanError, E as formSearchClear, M as formTextMultilineMaxCount, r as linkOpensInCurrentPage, o as linkOpensInNewTab, s as loading, D as mainNavigationBarOpenSectionMenu, N as mainNavigationBarSectionSeeAll, y as menuLabelSuffix, ve as meterSectionLabel, he as meterTotalLabel, a as modalClose, x as openNavigationMenu, T as pauseIconButtonLabel, j as pinFieldInputLabel, w as playIconButtonLabel, z as progressBarCompletedLabel, H as progressBarStepLabel, me as ratingBadLabel, ge as ratingGoodLabel, Ce as ratingQuantitativeLabel, pe as ratingRegularLabel, ue as ratingVeryBadLabel, be as ratingVeryGoodLabel, R as sheetConfirmButton, le as tableActionsHeaderLabel, _ as timerAnd, ee as timerDayLongLabel, ne as timerDaysLongLabel, Q as timerDaysShortLabel, de as timerDisplayMinutesLabel, ce as timerDisplaySecondsLabel, te as timerHourLongLabel, se as timerHoursLongLabel, U as timerHoursShortLabel, oe as timerMinuteLongLabel, re as timerMinutesLongLabel, Y as timerMinutesShortLabel, ae as timerSecondLongLabel, ie as timerSecondsLongLabel, X as timerSecondsShortLabel };

package/dist-es/theme-context-provider.js

@@ -28,81 +28,90 @@ function _object_spread(target) {
     return target;
 }
 import { jsxs as P, Fragment as _, jsx as r } from "react/jsx-runtime";
-import * as i from "react";
+import * as n from "react";
 import { assignInlineVars as v } from "@vanilla-extract/dynamic";
-import { DialogRoot as I } from "./dialog-context.js";
+import { DialogRoot as $ } from "./dialog-context.js";
 import y from "./screen-size-context-provider.js";
-import { dimensions as F, getMisticaLinkComponent as N, NAVBAR_HEIGHT_MOBILE as $ } from "./theme.js";
-import { getPlatform as E, isInsideNovumNativeApp as j } from "./utils/platform.js";
-import z from "./theme-context.js";
+import { dimensions as F, getMisticaLinkComponent as N, NAVBAR_HEIGHT_MOBILE as j } from "./theme.js";
+import { getPlatform as E, isInsideNovumNativeApp as z } from "./utils/platform.js";
+import L from "./theme-context.js";
 import { useIsomorphicLayoutEffect as T } from "./hooks.js";
-import L from "./tab-focus.js";
-import A from "./modal-context-provider.js";
-import B from "./tooltip-context-provider.js";
-import { DocumentVisibilityProvider as G } from "./utils/document-visibility.js";
-import { AspectRatioSupportProvider as W } from "./utils/aspect-ratio-support.js";
-import { TrackingConfig as q } from "./utils/analytics.js";
+import A from "./tab-focus.js";
+import B from "./modal-context-provider.js";
+import G from "./tooltip-context-provider.js";
+import { DocumentVisibilityProvider as W } from "./utils/document-visibility.js";
+import { AspectRatioSupportProvider as q } from "./utils/aspect-ratio-support.js";
+import { TrackingConfig as K } from "./utils/analytics.js";
 import { vars as w } from "./skins/skin-contract.css-mistica.js";
-import { fromHexToRgb as K } from "./utils/color.js";
-import { defaultTextPresetsConfig as J, defaultBorderRadiiConfig as Q } from "./skins/defaults.js";
+import { fromHexToRgb as J } from "./utils/color.js";
+import { defaultTextPresetsConfig as Q, defaultBorderRadiiConfig as S } from "./skins/defaults.js";
 import { isClientSide as H } from "./utils/environment.js";
-import { PACKAGE_VERSION as S } from "./package-version.js";
+import { PACKAGE_VERSION as R } from "./package-version.js";
 import { SnackbarRoot as U } from "./snackbar-context.js";
 import { mapToWeight as O } from "./text.js";
 import { tabletOrSmaller as X } from "./media-queries.css-mistica.js";
 import { themeVarsContract as Y, textPresetResponsiveVarsContract as Z, themeVars as ee } from "./theme-context.css-mistica.js";
 import { localeToLanguage as te } from "./utils/locale.js";
 if (process.env.NODE_ENV !== "production" && H()) {
-    if (window.__mistica_version__ && window.__mistica_version__ !== S) throw new Error("There is more than one version of @telefonica/mistica running on the same page");
-    window.__mistica_version__ = S;
+    if (window.__mistica_version__ && window.__mistica_version__ !== R) throw new Error("There is more than one version of @telefonica/mistica running on the same page");
+    window.__mistica_version__ = R;
 }
 const re = "(prefers-color-scheme: dark)", oe = ()=>{
-    const [e, l] = i.useState(!1);
+    const [e, c] = n.useState(!1);
     return T(()=>{
         if (!window.matchMedia) return;
-        const n = window.matchMedia(re), s = ()=>{
-            l(n.matches);
+        const a = window.matchMedia(re), i = ()=>{
+            c(a.matches);
         };
-        return n.addEventListener("change", s), s(), ()=>{
-            n.removeEventListener("change", s);
+        return a.addEventListener("change", i), i(), ()=>{
+            a.removeEventListener("change", i);
         };
     }, []), e;
 }, se = ()=>(e)=>e, ie = (e)=>({
-        headerMobileHeight: (e == null ? void 0 : e.headerMobileHeight) === "mistica" ? $ : e == null ? void 0 : e.headerMobileHeight
+        headerMobileHeight: (e == null ? void 0 : e.headerMobileHeight) === "mistica" ? j : e == null ? void 0 : e.headerMobileHeight
     }), ne = ()=>{
-    const e = i.useRef(null), [l, n] = i.useState(!1), [s, h] = i.useState(!0);
+    const e = n.useRef(null), [c, a] = n.useState(!1), [i, g] = n.useState(!0);
     return T(()=>{
-        var m;
-        if (s) h(!1);
+        var d;
+        if (i) g(!1);
         else {
-            const p = (m = e.current) == null ? void 0 : m.parentElement;
-            p && (p.style.isolation = "isolate", n(!0));
+            const u = (d = e.current) == null ? void 0 : d.parentElement;
+            u && (u.style.isolation = "isolate", a(!0));
         }
     }, [
-        s
-    ]), l || !H() || s ? null : /* @__PURE__ */ r("div", {
+        i
+    ]), c || !H() || i ? null : /* @__PURE__ */ r("div", {
         ref: e,
         style: {
             display: "none"
         }
     });
 }, ae = (param)=>{
-    let { theme: e, children: l, as: n, withoutStyles: s = !1 } = param;
+    let { theme: e, children: c, as: a, withoutStyles: i = !1 } = param;
     var _e_colorScheme, _e_skin_borderRadii;
-    const h = oe(), m = (_e_colorScheme = e.colorScheme) !== null && _e_colorScheme !== void 0 ? _e_colorScheme : "auto", p = e.skin.colors, R = _object_spread({}, e.skin.colors, e.skin.darkModeColors), g = m === "auto" && h || m === "dark", d = g ? R : p, b = te(e.i18n.locale), k = i.useCallback((o)=>o[b] || o.en, [
+    const g = oe(), d = (_e_colorScheme = e.colorScheme) !== null && _e_colorScheme !== void 0 ? _e_colorScheme : "auto", u = e.skin.colors, V = _object_spread({}, e.skin.colors, e.skin.darkModeColors), h = d === "auto" && g || d === "dark", p = h ? V : u, b = te(e.i18n.locale), k = n.useCallback(function(o) {
+        for(var _len = arguments.length, s = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++){
+            s[_key - 1] = arguments[_key];
+        }
+        const t = o[b] || o.en;
+        return s.length ? t.replace(/\d+\$s/g, (l)=>{
+            var _s_;
+            return String((_s_ = s[parseInt(l) - 1]) !== null && _s_ !== void 0 ? _s_ : l);
+        }) : t;
+    }, [
         b
-    ]), c = i.useMemo(()=>{
+    ]), m = n.useMemo(()=>{
         const o = _object_spread({
             platform: E(),
-            insideNovumNativeApp: j()
-        }, e.platformOverrides), a = Object.entries(J).map((param)=>{
-            let [u, x] = param;
+            insideNovumNativeApp: z()
+        }, e.platformOverrides), s = Object.entries(Q).map((param)=>{
+            let [l, x] = param;
             var f;
             return {
-                [u]: _object_spread({}, x, (f = e.skin.textPresets) == null ? void 0 : f[u])
+                [l]: _object_spread({}, x, (f = e.skin.textPresets) == null ? void 0 : f[l])
             };
-        }), t = Object.assign({}, ...a);
-        var _e_useHrefDecorator, _e_preventCopyInFormFields;
+        }), t = Object.assign({}, ...s);
+        var _e_skin_borderRadii, _e_useHrefDecorator, _e_preventCopyInFormFields;
         return {
             skinName: e.skin.name,
             i18n: _object_spread({}, e.i18n),
@@ -112,39 +121,40 @@ const re = "(prefers-color-scheme: dark)", oe = ()=>{
                 logEvent: ()=>Promise.resolve(),
                 eventFormat: "universal-analytics"
             }, e.analytics),
-            colorValues: d,
+            colorValues: p,
             dimensions: _object_spread({}, F, ie(e.dimensions)),
             textPresets: t,
+            borderRadii: (_e_skin_borderRadii = e.skin.borderRadii) !== null && _e_skin_borderRadii !== void 0 ? _e_skin_borderRadii : S,
             Link: N(e.Link),
-            isDarkMode: g,
+            isDarkMode: h,
             isIos: E(o) === "ios",
             useHrefDecorator: (_e_useHrefDecorator = e.useHrefDecorator) !== null && _e_useHrefDecorator !== void 0 ? _e_useHrefDecorator : se,
             t: k,
             preventCopyInFormFields: (_e_preventCopyInFormFields = e.preventCopyInFormFields) !== null && _e_preventCopyInFormFields !== void 0 ? _e_preventCopyInFormFields : !1
         };
     }, [
-        d,
+        p,
         e,
-        g,
+        h,
         k
-    ]), V = i.useMemo(()=>Object.fromEntries(Object.entries(d).map((param)=>{
-            let [o, a] = param;
+    ]), D = n.useMemo(()=>Object.fromEntries(Object.entries(p).map((param)=>{
+            let [o, s] = param;
             let t = "";
-            if (a.startsWith("#")) {
-                const [u, x, f] = K(a);
-                t = `${u}, ${x}, ${f}`;
+            if (s.startsWith("#")) {
+                const [l, x, f] = J(s);
+                t = `${l}, ${x}, ${f}`;
             }
             return [
                 o,
                 t
             ];
         })), [
-        d
-    ]), D = i.useMemo(()=>{
-        const o = Object.entries(c.textPresets).map((param)=>{
-            let [a, t] = param;
+        p
+    ]), I = n.useMemo(()=>{
+        const o = Object.entries(m.textPresets).map((param)=>{
+            let [s, t] = param;
             return {
-                [a]: _object_spread({}, t.weight && {
+                [s]: _object_spread({}, t.weight && {
                     weight: String(O[t.weight])
                 }, t.size && {
                     size: `${t.size.desktop}px`
@@ -155,12 +165,12 @@ const re = "(prefers-color-scheme: dark)", oe = ()=>{
         });
         return Object.assign({}, ...o);
     }, [
-        c
-    ]), C = i.useMemo(()=>{
-        const o = Object.entries(c.textPresets).map((param)=>{
-            let [a, t] = param;
+        m
+    ]), C = n.useMemo(()=>{
+        const o = Object.entries(m.textPresets).map((param)=>{
+            let [s, t] = param;
             return {
-                [a]: _object_spread({}, t.weight && {
+                [s]: _object_spread({}, t.weight && {
                     weight: String(O[t.weight])
                 }, t.size && {
                     size: `${t.size.mobile}px`
@@ -171,36 +181,36 @@ const re = "(prefers-color-scheme: dark)", oe = ()=>{
         });
         return Object.assign({}, ...o);
     }, [
-        c
+        m
     ]), M = {
-        textPresets: D,
-        colors: d,
-        rawColors: V,
-        borderRadii: (_e_skin_borderRadii = e.skin.borderRadii) !== null && _e_skin_borderRadii !== void 0 ? _e_skin_borderRadii : Q
+        textPresets: I,
+        colors: p,
+        rawColors: D,
+        borderRadii: (_e_skin_borderRadii = e.skin.borderRadii) !== null && _e_skin_borderRadii !== void 0 ? _e_skin_borderRadii : S
     };
     return /* @__PURE__ */ P(_, {
         children: [
-            /* @__PURE__ */ r(L, {
+            /* @__PURE__ */ r(A, {
                 disabled: !e.enableTabFocus,
-                children: /* @__PURE__ */ r(A, {
-                    children: /* @__PURE__ */ r(B, {
-                        children: /* @__PURE__ */ r(z.Provider, {
-                            value: c,
-                            children: /* @__PURE__ */ r(q, {
-                                eventFormat: c.analytics.eventFormat,
-                                children: /* @__PURE__ */ r(W, {
-                                    children: /* @__PURE__ */ r(G, {
+                children: /* @__PURE__ */ r(B, {
+                    children: /* @__PURE__ */ r(G, {
+                        children: /* @__PURE__ */ r(L.Provider, {
+                            value: m,
+                            children: /* @__PURE__ */ r(K, {
+                                eventFormat: m.analytics.eventFormat,
+                                children: /* @__PURE__ */ r(q, {
+                                    children: /* @__PURE__ */ r(W, {
                                         children: /* @__PURE__ */ r(y, {
-                                            children: /* @__PURE__ */ r(I, {
+                                            children: /* @__PURE__ */ r($, {
                                                 children: /* @__PURE__ */ r(U, {
-                                                    children: n ? /*#__PURE__*/ i.createElement(n, {
+                                                    children: a ? /*#__PURE__*/ n.createElement(a, {
                                                         style: _object_spread({
                                                             isolation: "isolate"
                                                         }, v(Y, M), v(Z, C)),
-                                                        className: s ? void 0 : ee
-                                                    }, l) : /* @__PURE__ */ P(_, {
+                                                        className: i ? void 0 : ee
+                                                    }, c) : /* @__PURE__ */ P(_, {
                                                         children: [
-                                                            !s && (process.env.NODE_ENV !== "test" || process.env.SSR_TEST) && /* @__PURE__ */ r("style", {
+                                                            !i && (process.env.NODE_ENV !== "test" || process.env.SSR_TEST) && /* @__PURE__ */ r("style", {
                                                                 children: `
                                                                                 :root {${v(w, M)}}
                                                                                 @media ${X} {
@@ -208,7 +218,7 @@ const re = "(prefers-color-scheme: dark)", oe = ()=>{
                                                                                 }
                                                                             `
                                                             }),
-                                                            l
+                                                            c
                                                         ]
                                                     })
                                                 })
@@ -221,7 +231,7 @@ const re = "(prefers-color-scheme: dark)", oe = ()=>{
                     })
                 })
             }),
-            !n && /* @__PURE__ */ r(ne, {})
+            !a && /* @__PURE__ */ r(ne, {})
         ]
     });
 }, Ve = ae;

package/dist-es/utils/headings.js

@@ -0,0 +1,2 @@
+const t = (r, s)=>!s || r === s ? !0 : r === "span" ? !1 : r < s;
+export { t as isBiggerHeading };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telefonica/mistica",
-    "version": "16.5.0",
+    "version": "16.6.0",
     "license": "MIT",
     "repository": {
         "type": "git",
@@ -151,6 +151,7 @@
         "@vanilla-extract/dynamic": "^2.1.1",
         "@vanilla-extract/sprinkles": "^1.6.2",
         "classnames": "^2.3.1",
+        "cubic-bezier": "^0.1.2",
         "lottie-react": "^2.4.0",
         "moment": "^2.29.1",
         "react-autosuggest": "^10.1.0",