@telefonica/mistica 17.3.0 → 17.4.0

package/dist-es/text-tokens.js

@@ -18,12 +18,12 @@ const e = {
     en: "Show password",
     de: "Passwort anzeigen",
     pt: "mostrar senha"
-}, o = {
+}, a = {
     es: "Ocultar contraseña",
     en: "Hide password",
     de: "Passwort verbergen",
     pt: "esconder a senha"
-}, a = {
+}, o = {
     es: "Cargando",
     en: "Loading",
     de: "Wird gespeichert",
@@ -78,17 +78,17 @@ const e = {
     en: "Expiry",
     de: "Ablaufdatum",
     pt: "Expiração"
-}, b = {
+}, v = {
     es: "CVV",
     en: "CVV",
     de: "CVV",
     pt: "CVV"
-}, h = {
+}, b = {
     es: "CVV incorrecto",
     en: "Incorrect CVV",
     de: "Falsche CVV",
     pt: "CVV incorreto"
-}, v = {
+}, h = {
     es: "Mostrar ayuda CVV",
     en: "Show CVV help",
     de: "CVV-Hilfe anzeigen",
@@ -133,22 +133,22 @@ const e = {
     en: "Incorrect IBAN",
     de: "Falsche IBAN",
     pt: "IBAN incorreto"
-}, M = {
+}, N = {
     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"
-}, y = {
+}, x = {
     es: "Cerrar",
     en: "Close",
     de: "Schließen",
     pt: "Fechar"
-}, N = {
+}, M = {
     es: "Borrar búsqueda",
     en: "Clear search",
     de: "Suche löschen",
     pt: "Apagar pesquisa"
-}, x = {
+}, y = {
     es: "menú",
     en: "menu",
     de: "Menü",
@@ -179,294 +179,309 @@ const e = {
     de: "Zurück",
     pt: "Voltar"
 }, R = {
+    es: "Expandir navegación",
+    en: "Expand navigation",
+    de: "Navigation ausklappen",
+    pt: "Expandir navegação"
+}, O = {
+    es: "Contraer navegación",
+    en: "Collapse navigation",
+    de: "Navigation einklappen",
+    pt: "Recolher navegação"
+}, T = {
+    es: "Navegación principal",
+    en: "Main navigation",
+    de: "Hauptnavigation",
+    pt: "Navegação principal"
+}, w = {
     es: "Borrar",
     en: "Clear",
     de: "Löschen",
     pt: "Apagar"
-}, O = {
+}, z = {
     es: "Carrusel",
     en: "Carousel",
     de: "Karussell",
     pt: "Carrossel"
-}, T = {
+}, H = {
     es: "Pausar carrusel automático",
     en: "Pause automatic carousel",
     de: "Automatisches Karussell pausieren",
     pt: "Pausar carrossel automático"
-}, w = {
+}, K = {
     es: "Reproducir carrusel automático",
     en: "Play automatic carousel",
     de: "Automatisches Karussell abspielen",
     pt: "Reproduzir carrossel automático"
-}, z = {
+}, q = {
     es: "Reiniciar reproducción automática",
     en: "Restart automatic carousel",
     de: "Automatisches Karussell neu starten",
     pt: "Reiniciar carrossel automático"
-}, H = {
+}, j = {
     es: "Contenido siguiente",
     en: "Next slide",
     de: "Nächste Seite",
     pt: "Página seguinte"
-}, K = {
+}, G = {
     es: "Último contenido",
     en: "Last slide",
     de: "Letzte Seite",
     pt: "Última página"
-}, q = {
+}, W = {
     es: "Contenido anterior",
     en: "Previous slide",
     de: "Vorherige Seite",
     pt: "Página anterior"
-}, j = {
+}, Z = {
     es: "Primer contenido",
     en: "First slide",
     de: "Erste Seite",
     pt: "Primeira página"
-}, G = {
+}, U = {
     es: "1$s de 2$s",
     en: "1$s of 2$s",
     de: "1$s von 2$s",
     pt: "1$s de 2$s"
-}, W = {
+}, J = {
     es: "Paginación - Página 1$s de 2$s",
     en: "Pagination - Page 1$s of 2$s",
     de: "Paginierung - Seite 1$s von 2$s",
     pt: "Paginação - Página 1$s de 2$s"
-}, Z = {
+}, Q = {
     es: "Página 1$s, página actual",
     en: "Page 1$s, current page",
     de: "Seite 1$s, aktuelle Seite",
     pt: "Página 1$s, página atual"
-}, U = {
+}, Y = {
     es: "Anterior",
     en: "Previous",
     de: "Zurück",
     pt: "Anterior"
-}, J = {
+}, X = {
     es: "Siguiente",
     en: "Next",
     de: "Weiter",
     pt: "Próximo"
-}, Q = {
+}, _ = {
     es: "Página anterior",
     en: "Previous page",
     de: "Vorherige Seite",
     pt: "Página anterior"
-}, Y = {
+}, ee = {
     es: "Página siguiente",
     en: "Next page",
     de: "Nächste Seite",
     pt: "Página seguinte"
-}, X = {
+}, ne = {
     es: "Ir a la página 1$s",
     en: "Go to page 1$s",
     de: "Gehe zu Seite 1$s",
     pt: "Ir para a página 1$s"
-}, _ = {
+}, te = {
     es: "Reproducir",
     en: "Play",
     de: "Abspielen",
     pt: "Reproduzir"
-}, ee = {
+}, se = {
     es: "Pausar",
     en: "Pause",
     de: "Pausieren",
     pt: "Pausar"
-}, ne = {
+}, ae = {
     es: "Continuar",
     en: "Continue",
     de: "Fortfahren",
     pt: "Continuar"
-}, te = {
+}, oe = {
     es: "completo",
     en: "completed",
     de: "vollendet",
     pt: "concluído"
-}, se = {
+}, re = {
     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"
-}, oe = {
+}, ie = {
     es: "En curso",
     en: "Current",
     de: "Aktuell",
     pt: "Em andamento"
-}, ae = {
+}, de = {
     es: "Completado",
     en: "Completed",
     de: "Abgeschlossen",
     pt: "Concluído"
-}, re = {
+}, ce = {
     es: "Dígito 1$s de 2$s",
     en: "Digit 1$s of 2$s",
     de: "Ziffer 1$s von 2$s",
     pt: "Dígito 1$s de 2$s"
-}, ie = {
+}, le = {
     es: "Borrar elemento",
     en: "Remove element",
     de: "Element entfernen",
     pt: "Remover elemento"
-}, de = {
+}, ue = {
     es: "Aumentar valor",
     en: "Increase value",
     de: "Wert steigern",
     pt: "aumentar valor"
-}, ce = {
+}, pe = {
     es: "Disminuir valor",
     en: "Decrease value",
     de: "Wert verringern",
     pt: "diminuir valor"
-}, le = {
+}, me = {
     es: "cantidad",
     en: "quantity",
     de: "menge",
     pt: "quantidade"
-}, ue = {
+}, ge = {
     es: "mínimo",
     en: "minimum of",
     de: "minimal",
     pt: "mínimo"
-}, pe = {
+}, Ce = {
     es: "máximo",
     en: "maximum of",
     de: "maximal",
     pt: "máximo"
-}, me = {
+}, ve = {
     es: "d",
     en: "d",
     de: "Tg.",
     pt: "d"
-}, ge = {
+}, be = {
     es: "h",
     en: "h",
     de: "Std.",
     pt: "h"
-}, Ce = {
+}, he = {
     es: "min",
     en: "min",
     de: "Min.",
     pt: "min"
-}, be = {
+}, $e = {
     es: "s",
     en: "s",
     de: "Sek.",
     pt: "s"
-}, he = {
+}, fe = {
     es: "y",
     en: "and",
     de: "und",
     pt: "e"
-}, ve = {
+}, Ae = {
     es: "día",
     en: "day",
     de: "Tag",
     pt: "dia"
-}, $e = {
+}, Se = {
     es: "días",
     en: "days",
     de: "Tage",
     pt: "dias"
-}, fe = {
+}, Le = {
     es: "hora",
     en: "hour",
     de: "Stunde",
     pt: "hora"
-}, Ae = {
+}, Ve = {
     es: "horas",
     en: "hours",
     de: "Stunden",
     pt: "horas"
-}, Se = {
+}, Pe = {
     es: "minuto",
     en: "minute",
     de: "Minute",
     pt: "minuto"
-}, Le = {
+}, Ee = {
     es: "minutos",
     en: "minutes",
     de: "Minuten",
     pt: "minutos"
-}, Ve = {
+}, Ne = {
     es: "segundo",
     en: "second",
     de: "Sekunde",
     pt: "segundo"
-}, Pe = {
+}, xe = {
     es: "segundos",
     en: "seconds",
     de: "Sekunden",
     pt: "segundos"
-}, Ee = {
+}, Me = {
     es: "min",
     en: "min",
     de: "Min.",
     pt: "min"
-}, Me = {
+}, ye = {
     es: "seg",
     en: "sec",
     de: "Sek.",
     pt: "seg"
-}, ye = {
+}, Be = {
     es: "Acciones",
     en: "Actions",
     de: "Aktionen",
     pt: "Ações"
-}, Ne = {
+}, ke = {
     es: "muy malo",
     en: "very bad",
     de: "sehr schlecht",
     pt: "muito ruim"
-}, xe = {
+}, Ie = {
     es: "malo",
     en: "bad",
     de: "schlecht",
     pt: "ruim"
-}, Be = {
+}, De = {
     es: "regular",
     en: "regular",
     de: "regular",
     pt: "regular"
-}, ke = {
+}, Fe = {
     es: "bueno",
     en: "good",
     de: "gut",
     pt: "bom"
-}, Ie = {
+}, Re = {
     es: "muy bueno",
     en: "very good",
     de: "sehr gut",
     pt: "muito bom"
-}, De = {
+}, Oe = {
     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"
-}, Fe = {
+}, Te = {
     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ções, total 2$s% de 100%."
-}, Re = {
+}, we = {
     es: "Sección 1$s: 2$s%",
     en: "Segment 1$s: 2$s%",
     de: "Abschnitt 1$s: 2$s%",
     pt: "Seção 1$s: 2$s%"
-}, Oe = {
+}, ze = {
     es: "Accesos directos",
     en: "Skip links",
     de: "Direkt zum Inhalt",
     pt: "Acesso rápido"
-}, Te = {
+}, He = {
     es: "Eliminar archivo 1$s",
     en: "Delete file 1$s",
     de: "Datei löschen 1$s",
     pt: "Excluir arquivo 1$s"
-}, we = {
+}, Ke = {
     es: "Archivos subidos",
     en: "Files uploaded",
     de: "Hochgeladene Dateien",
     pt: "Arquivos enviados"
 };
-export { n as autocompleteEmptyCase, F as backNavigationBar, w as carouselEnableAutoplay, j as carouselFirstButton, K as carouselLastButton, H as carouselNextButton, G as carouselPageNumber, T as carouselPauseAutoplay, q as carouselPrevButton, O as carouselRegion, z as carouselReloadAutoplay, R as clearButton, y as closeButtonLabel, k as closeNavigationMenu, ce as counterDecreaseLabel, de as counterIncreaseLabel, pe as counterMaxValue, ue as counterMinValue, le as counterQuantity, ie as counterRemoveLabel, l as dialogAcceptButton, c as dialogCancelButton, o as disablePasswordVisibility, s as enablePasswordVisibility, t as expirationDatePlaceholder, we as fileUploadListLabel, Te as fileUploadRemoveFile, h as formCreditCardCvvError, b as formCreditCardCvvLabel, A as formCreditCardCvvTooltipAmex, f as formCreditCardCvvTooltipVisaMc, $ as formCreditCardCvvTooltipVisaMcButtonClose, v as formCreditCardCvvTooltipVisaMcButtonOpen, S as formCreditCardExpirationError, C as formCreditCardExpirationLabel, L as formCreditCardNumberError, g as formCreditCardNumberLabel, V as formDateOutOfRangeError, P as formEmailError, u as formErrorsAlertMessage, m as formFieldErrorIsMandatory, p as formFieldOptionalLabelSuffix, E as formIbanError, N as formSearchClear, M as formTextMultilineMaxCount, i as linkOpensInCurrentPage, r as linkOpensInNewTab, a as loading, I as mainNavigationBarOpenSectionMenu, D as mainNavigationBarSectionSeeAll, x as menuLabelSuffix, Re as meterSectionLabel, Fe as meterTotalLabel, d as modalClose, B as openNavigationMenu, Z as paginationCurrentPage, X as paginationGoToPage, J as paginationNextPage, Y as paginationNextPageAriaLabel, U as paginationPrevPage, Q as paginationPrevPageAriaLabel, W as paginationSection, ee as pauseIconButtonLabel, re as pinFieldInputLabel, _ as playIconButtonLabel, te as progressBarCompletedLabel, se as progressBarStepLabel, xe as ratingBadLabel, ke as ratingGoodLabel, De as ratingQuantitativeLabel, Be as ratingRegularLabel, Ne as ratingVeryBadLabel, Ie as ratingVeryGoodLabel, e as searchFieldSuggestionsEmptyCase, ne as sheetConfirmButton, Oe as skipLinkNavLabel, ae as stepperCompletedStep, oe as stepperCurrentStep, ye as tableActionsHeaderLabel, he as timerAnd, ve as timerDayLongLabel, $e as timerDaysLongLabel, me as timerDaysShortLabel, Ee as timerDisplayMinutesLabel, Me as timerDisplaySecondsLabel, fe as timerHourLongLabel, Ae as timerHoursLongLabel, ge as timerHoursShortLabel, Se as timerMinuteLongLabel, Le as timerMinutesLongLabel, Ce as timerMinutesShortLabel, Ve as timerSecondLongLabel, Pe as timerSecondsLongLabel, be as timerSecondsShortLabel };
+export { n as autocompleteEmptyCase, F as backNavigationBar, K as carouselEnableAutoplay, Z as carouselFirstButton, G as carouselLastButton, j as carouselNextButton, U as carouselPageNumber, H as carouselPauseAutoplay, W as carouselPrevButton, z as carouselRegion, q as carouselReloadAutoplay, w as clearButton, x as closeButtonLabel, k as closeNavigationMenu, pe as counterDecreaseLabel, ue as counterIncreaseLabel, Ce as counterMaxValue, ge as counterMinValue, me as counterQuantity, le as counterRemoveLabel, l as dialogAcceptButton, c as dialogCancelButton, a as disablePasswordVisibility, s as enablePasswordVisibility, t as expirationDatePlaceholder, Ke as fileUploadListLabel, He as fileUploadRemoveFile, b as formCreditCardCvvError, v as formCreditCardCvvLabel, A as formCreditCardCvvTooltipAmex, f as formCreditCardCvvTooltipVisaMc, $ as formCreditCardCvvTooltipVisaMcButtonClose, h as formCreditCardCvvTooltipVisaMcButtonOpen, S as formCreditCardExpirationError, C as formCreditCardExpirationLabel, L as formCreditCardNumberError, g as formCreditCardNumberLabel, V as formDateOutOfRangeError, P as formEmailError, u as formErrorsAlertMessage, m as formFieldErrorIsMandatory, p as formFieldOptionalLabelSuffix, E as formIbanError, M as formSearchClear, N as formTextMultilineMaxCount, i as linkOpensInCurrentPage, r as linkOpensInNewTab, o as loading, I as mainNavigationBarOpenSectionMenu, D as mainNavigationBarSectionSeeAll, y as menuLabelSuffix, we as meterSectionLabel, Te as meterTotalLabel, d as modalClose, B as openNavigationMenu, Q as paginationCurrentPage, ne as paginationGoToPage, X as paginationNextPage, ee as paginationNextPageAriaLabel, Y as paginationPrevPage, _ as paginationPrevPageAriaLabel, J as paginationSection, se as pauseIconButtonLabel, ce as pinFieldInputLabel, te as playIconButtonLabel, oe as progressBarCompletedLabel, re as progressBarStepLabel, Ie as ratingBadLabel, Fe as ratingGoodLabel, Oe as ratingQuantitativeLabel, De as ratingRegularLabel, ke as ratingVeryBadLabel, Re as ratingVeryGoodLabel, e as searchFieldSuggestionsEmptyCase, ae as sheetConfirmButton, O as sidenavCollapse, R as sidenavExpand, T as sidenavLandmark, ze as skipLinkNavLabel, de as stepperCompletedStep, ie as stepperCurrentStep, Be as tableActionsHeaderLabel, fe as timerAnd, Ae as timerDayLongLabel, Se as timerDaysLongLabel, ve as timerDaysShortLabel, Me as timerDisplayMinutesLabel, ye as timerDisplaySecondsLabel, Le as timerHourLongLabel, Ve as timerHoursLongLabel, be as timerHoursShortLabel, Pe as timerMinuteLongLabel, Ee as timerMinutesLongLabel, he as timerMinutesShortLabel, Ne as timerSecondLongLabel, xe as timerSecondsLongLabel, $e as timerSecondsShortLabel };

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

@@ -1,8 +1,8 @@
 /* empty css                                */ var r = {
-    mobileSize: "var(--v17_3_splu5g0)",
-    desktopSize: "var(--v17_3_splu5g1)",
-    mobileLineHeight: "var(--v17_3_splu5g2)",
-    desktopLineHeight: "var(--v17_3_splu5g3)",
-    lineClamp: "var(--v17_3_splu5g4)"
-}, _ = "v17_3_splu5g5", e = "v17_3_splu5g6", a = "v17_3_splu5g7", p = "v17_3_splu5g8", t = "v17_3_splu5g9";
+    mobileSize: "var(--v17_4_splu5g0)",
+    desktopSize: "var(--v17_4_splu5g1)",
+    mobileLineHeight: "var(--v17_4_splu5g2)",
+    desktopLineHeight: "var(--v17_4_splu5g3)",
+    lineClamp: "var(--v17_4_splu5g4)"
+}, _ = "v17_4_splu5g5", e = "v17_4_splu5g6", a = "v17_4_splu5g7", p = "v17_4_splu5g8", t = "v17_4_splu5g9";
 export { a as text, p as truncate, t as truncateToOneLine, r as vars, _ as withWordBreak, e as withoutWordBreak };

package/dist-es/timeline.css-mistica.js

@@ -1,12 +1,12 @@
 /* empty css                                     */ /* empty css                                    */ var t = {
-    vertical: "v17_3_w6pat20",
-    horizontal: "v17_3_w6pat21"
-}, a = "v17_3_w6pat23 v17_3_w6pat22 v17_3_1y2v1nfra v17_3_1y2v1nfrn", n = "v17_3_w6pat25 v17_3_w6pat24 v17_3_1y2v1nfrw v17_3_1y2v1nftn v17_3_1y2v1nfil", e = {
-    active: "v17_3_w6pat26",
-    inactive: "v17_3_w6pat27",
-    completed: "v17_3_w6pat28"
-}, r = "v17_3_w6pat2a v17_3_w6pat29 v17_3_1y2v1nfra v17_3_1y2v1nfrp", p = "v17_3_w6pat2b", w = "v17_3_w6pat2d v17_3_w6pat2c v17_3_1y2v1nfs7 v17_3_1y2v1nfsn v17_3_1y2v1nftu v17_3_1y2v1nfra v17_3_1y2v1nfrp v17_3_1y2v1nfrj v17_3_1y2v1nf8x", f = {
-    default: "v17_3_w6pat2g v17_3_w6pat2f v17_3_w6pat2e v17_3_1y2v1nfrw",
-    overBrand: "v17_3_w6pat2h v17_3_w6pat2f v17_3_w6pat2e v17_3_1y2v1nfrw"
+    vertical: "v17_4_w6pat20",
+    horizontal: "v17_4_w6pat21"
+}, a = "v17_4_w6pat23 v17_4_w6pat22 v17_4_1y2v1nfre v17_4_1y2v1nfrr", e = "v17_4_w6pat25 v17_4_w6pat24 v17_4_1y2v1nfs0 v17_4_1y2v1nftr v17_4_1y2v1nfip", n = {
+    active: "v17_4_w6pat26",
+    inactive: "v17_4_w6pat27",
+    completed: "v17_4_w6pat28"
+}, r = "v17_4_w6pat2a v17_4_w6pat29 v17_4_1y2v1nfre v17_4_1y2v1nfrt", p = "v17_4_w6pat2b", w = "v17_4_w6pat2d v17_4_w6pat2c v17_4_1y2v1nfsb v17_4_1y2v1nfsr v17_4_1y2v1nfty v17_4_1y2v1nfre v17_4_1y2v1nfrt v17_4_1y2v1nfrn v17_4_1y2v1nf8z", f = {
+    default: "v17_4_w6pat2g v17_4_w6pat2f v17_4_w6pat2e v17_4_1y2v1nfs0",
+    overBrand: "v17_4_w6pat2h v17_4_w6pat2f v17_4_w6pat2e v17_4_1y2v1nfs0"
 };
-export { p as asset, w as assetNumberContainer, n as itemContent, f as line, r as lineContainer, t as timeline, a as timelineItem, e as timelineItemState };
+export { p as asset, w as assetNumberContainer, e as itemContent, f as line, r as lineContainer, t as timeline, a as timelineItem, n as timelineItemState };

package/dist-es/timer.css-mistica.js

@@ -1,8 +1,8 @@
-/* empty css                                     */ /* empty css                                 */ var f = "v17_3_18fye840 v17_3_1y2v1nfre", y = "v17_3_18fye841", e = "v17_3_18fye843 v17_3_18fye841 v17_3_18fye842 v17_3_1y2v1nfrb v17_3_1y2v1nfrj", n = "v17_3_18fye845 v17_3_18fye841 v17_3_18fye844 v17_3_1y2v1nfre", r = "v17_3_18fye847 v17_3_18fye846 v17_3_1y2v1nfra v17_3_1y2v1nfrg v17_3_1y2v1nfrp", a = "v17_3_18fye848", i = {
-    default: "v17_3_18fye84g v17_3_18fye84a v17_3_18fye849 v17_3_1y2v1nfjr v17_3_1y2v1nfl0 v17_3_1y2v1nfhc v17_3_1y2v1nfil v17_3_1y2v1nfu2 v17_3_18fye84b v17_3_1y2v1nfeo",
-    brand: "v17_3_18fye84h v17_3_18fye84a v17_3_18fye849 v17_3_1y2v1nfjr v17_3_1y2v1nfl0 v17_3_1y2v1nfhc v17_3_1y2v1nfil v17_3_1y2v1nfu2 v17_3_18fye84c v17_3_1y2v1nf8x",
-    negative: "v17_3_18fye84i v17_3_18fye84a v17_3_18fye849 v17_3_1y2v1nfjr v17_3_1y2v1nfl0 v17_3_1y2v1nfhc v17_3_1y2v1nfil v17_3_1y2v1nfu2 v17_3_18fye84d v17_3_1y2v1nf8x",
-    alternative: "v17_3_18fye84j v17_3_18fye84a v17_3_18fye849 v17_3_1y2v1nfjr v17_3_1y2v1nfl0 v17_3_1y2v1nfhc v17_3_1y2v1nfil v17_3_1y2v1nfu2 v17_3_18fye84e v17_3_1y2v1nf8x",
-    media: "v17_3_18fye84k v17_3_18fye84a v17_3_18fye849 v17_3_1y2v1nfjr v17_3_1y2v1nfl0 v17_3_1y2v1nfhc v17_3_1y2v1nfil v17_3_1y2v1nfu2 v17_3_18fye84f"
+/* empty css                                     */ /* empty css                                 */ var f = "v17_4_18fye840 v17_4_1y2v1nfri", y = "v17_4_18fye841", e = "v17_4_18fye843 v17_4_18fye841 v17_4_18fye842 v17_4_1y2v1nfrf v17_4_1y2v1nfrn", n = "v17_4_18fye845 v17_4_18fye841 v17_4_18fye844 v17_4_1y2v1nfri", r = "v17_4_18fye847 v17_4_18fye846 v17_4_1y2v1nfre v17_4_1y2v1nfrk v17_4_1y2v1nfrt", a = "v17_4_18fye848", i = {
+    default: "v17_4_18fye84g v17_4_18fye84a v17_4_18fye849 v17_4_1y2v1nfjv v17_4_1y2v1nfl4 v17_4_1y2v1nfhg v17_4_1y2v1nfip v17_4_1y2v1nfu6 v17_4_18fye84b v17_4_1y2v1nfes",
+    brand: "v17_4_18fye84h v17_4_18fye84a v17_4_18fye849 v17_4_1y2v1nfjv v17_4_1y2v1nfl4 v17_4_1y2v1nfhg v17_4_1y2v1nfip v17_4_1y2v1nfu6 v17_4_18fye84c v17_4_1y2v1nf8z",
+    negative: "v17_4_18fye84i v17_4_18fye84a v17_4_18fye849 v17_4_1y2v1nfjv v17_4_1y2v1nfl4 v17_4_1y2v1nfhg v17_4_1y2v1nfip v17_4_1y2v1nfu6 v17_4_18fye84d v17_4_1y2v1nf8z",
+    alternative: "v17_4_18fye84j v17_4_18fye84a v17_4_18fye849 v17_4_1y2v1nfjv v17_4_1y2v1nfl4 v17_4_1y2v1nfhg v17_4_1y2v1nfip v17_4_1y2v1nfu6 v17_4_18fye84e v17_4_1y2v1nf8z",
+    media: "v17_4_18fye84k v17_4_18fye84a v17_4_18fye849 v17_4_1y2v1nfjv v17_4_1y2v1nfl4 v17_4_1y2v1nfhg v17_4_1y2v1nfip v17_4_1y2v1nfu6 v17_4_18fye84f"
 };
 export { a as boxedTimerDisplayValue, i as boxedTimerValueContainer, y as inlineText, n as shortLabelText, r as timerDisplayValue, f as timerWrapper, e as unitContainer };

package/dist-es/tooltip.css-mistica.js

@@ -12,5 +12,5 @@
         opacity: 0
     },
     unmounted: {}
-}, a = "v17_3_1xhatbp1 v17_3_1xhatbp0 v17_3_1y2v1nfr5", r = "v17_3_1xhatbp3 v17_3_1xhatbp2 v17_3_1y2v1nfr4 v17_3_1y2v1nfu3 v17_3_1y2v1nf8x", o = "v17_3_1xhatbp5 v17_3_1xhatbp4 v17_3_1y2v1nfr4 v17_3_1y2v1nfue", p = "v17_3_1xhatbp6", y = "v17_3_1xhatbp7 v17_3_1y2v1nfra v17_3_1y2v1nfrg v17_3_1y2v1nfrp", e = "v17_3_1xhatbp9 v17_3_1xhatbp8 v17_3_1y2v1nfr5 v17_3_1y2v1nfs5 v17_3_1y2v1nfue", x = "v17_3_1xhatbpb v17_3_1xhatbpa v17_3_1y2v1nfs3 v17_3_1y2v1nfsj v17_3_1y2v1nfr5 v17_3_1y2v1nfuk v17_3_1y2v1nf8x", f = "v17_3_1xhatbpd v17_3_1xhatbpc v17_3_1y2v1nfr5";
-export { t as CONTENT_MIN_WIDTH, x as arrow, e as arrowContainer, f as closeButtonIcon, a as container, p as content, o as contentContainer, r as tooltip, y as tooltipCenter, n as tooltipTransitionClasses };
+}, a = "v17_4_1xhatbp1 v17_4_1xhatbp0 v17_4_1y2v1nfr9", r = "v17_4_1xhatbp3 v17_4_1xhatbp2 v17_4_1y2v1nfr8 v17_4_1y2v1nfu7 v17_4_1y2v1nf8z", o = "v17_4_1xhatbp5 v17_4_1xhatbp4 v17_4_1y2v1nfr8 v17_4_1y2v1nfui", p = "v17_4_1xhatbp6", y = "v17_4_1xhatbp7 v17_4_1y2v1nfre v17_4_1y2v1nfrk v17_4_1y2v1nfrt", e = "v17_4_1xhatbp9 v17_4_1xhatbp8 v17_4_1y2v1nfr9 v17_4_1y2v1nfs9 v17_4_1y2v1nfui", i = "v17_4_1xhatbpb v17_4_1xhatbpa v17_4_1y2v1nfs7 v17_4_1y2v1nfsn v17_4_1y2v1nfr9 v17_4_1y2v1nfuo v17_4_1y2v1nf8z", f = "v17_4_1xhatbpd v17_4_1xhatbpc v17_4_1y2v1nfr9";
+export { t as CONTENT_MIN_WIDTH, i as arrow, e as arrowContainer, f as closeButtonIcon, a as container, p as content, o as contentContainer, r as tooltip, y as tooltipCenter, n as tooltipTransitionClasses };

package/dist-es/touchable.css-mistica.js

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                     */ var t = "v17_3_mhti6u0", n = "v17_3_mhti6u2 v17_3_mhti6u1 v17_3_1y2v1nfud", u = "v17_3_mhti6u4 v17_3_mhti6u2 v17_3_mhti6u1 v17_3_1y2v1nfud v17_3_mhti6u3 v17_3_1y2v1nfh3 v17_3_1y2v1nfic v17_3_1y2v1nfjl v17_3_1y2v1nfku v17_3_1y2v1nfrc v17_3_1y2v1nfts v17_3_1y2v1nfrx v17_3_1y2v1nf8i v17_3_1y2v1nfh2 v17_3_1y2v1nfuf", f = "v17_3_mhti6u5";
-export { n as base, t as marginReset, f as notTouchable, u as touchable };
+/* empty css                                     */ /* empty css                                     */ var t = "v17_4_mhti6u0", h = "v17_4_mhti6u2 v17_4_mhti6u1 v17_4_1y2v1nfuh", n = "v17_4_mhti6u4 v17_4_mhti6u2 v17_4_mhti6u1 v17_4_1y2v1nfuh v17_4_mhti6u3 v17_4_1y2v1nfh7 v17_4_1y2v1nfig v17_4_1y2v1nfjp v17_4_1y2v1nfky v17_4_1y2v1nfrg v17_4_1y2v1nftw v17_4_1y2v1nfs1 v17_4_1y2v1nf8k v17_4_1y2v1nfh6 v17_4_1y2v1nfuj", u = "v17_4_mhti6u5";
+export { h as base, t as marginReset, u as notTouchable, n as touchable };

package/dist-es/utils/aspect-ratio-support.css-mistica.js

@@ -1,4 +1,4 @@
 /* empty css                                      */ /* empty css                                                */ var r = {
-    aspectRatio: "var(--v17_3_yqswj60)"
-}, a = "v17_3_yqswj61 v17_3_1y2v1nfue v17_3_1y2v1nftp v17_3_1y2v1nftq v17_3_1y2v1nfr4", n = "v17_3_yqswj62", y = "v17_3_yqswj63 v17_3_1y2v1nfrx v17_3_1y2v1nfse v17_3_1y2v1nfuk v17_3_1y2v1nfuz";
+    aspectRatio: "var(--v17_4_yqswj60)"
+}, a = "v17_4_yqswj61 v17_4_1y2v1nfui v17_4_1y2v1nftt v17_4_1y2v1nftu v17_4_1y2v1nfr8", n = "v17_4_yqswj62", y = "v17_4_yqswj63 v17_4_1y2v1nfs1 v17_4_1y2v1nfsi v17_4_1y2v1nfuo v17_4_1y2v1nfv3";
 export { n as container, y as containerWithWrapper, r as vars, a as wrapper };

package/dist-es/video.css-mistica.js

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                 */ var f = "v17_3_19h163j0 v17_3_1y2v1nfuk v17_3_1y2v1nfuz v17_3_1y2v1nfrc v17_3_1y2v1nfh2 v17_3_1y2v1nftp v17_3_1y2v1nftq v17_3_1y2v1nfw8";
+/* empty css                                     */ /* empty css                                 */ var f = "v17_4_19h163j0 v17_4_1y2v1nfuo v17_4_1y2v1nfv3 v17_4_1y2v1nfrg v17_4_1y2v1nfh6 v17_4_1y2v1nftt v17_4_1y2v1nftu v17_4_1y2v1nfwc";
 export { f as video };

package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js

@@ -1,2 +1,2 @@
-/* empty css                                                     */ var a = "v17_3_1ezqdj90", r = "v17_3_1ezqdj91";
+/* empty css                                                     */ var a = "v17_4_1ezqdj90", r = "v17_4_1ezqdj91";
 export { a as container, r as waveFadeOut };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telefonica/mistica",
-    "version": "17.3.0",
+    "version": "17.4.0",
     "license": "MIT",
     "repository": {
         "type": "git",
@@ -46,6 +46,7 @@
         "storybook": "storybook dev -p 6006",
         "storybook-for-acceptance-tests": "cross-env NODE_ENV=production yarn storybook --ci 2>&1",
         "playroom": "playroom start",
+        "browse": "node scripts/browse-story.js",
         "gen-ts-defs": "rimraf dist-ts && tsc --project tsconfig.production.json --emitDeclarationOnly && cp -r dist-ts/src/* dist && rimraf dist-ts",
         "build-mistica-css": "cd examples/css && yarn && yarn build && cp -r dist ../../public/mistica-css",
         "vercel-build": "VERCEL_PROD_BUILD=1 yarn storybook-static && ./node_modules/.bin/playroom build && FORCE_MOBILE=1 ./node_modules/.bin/playroom build && FORCE_DESKTOP=1 ./node_modules/.bin/playroom build && cp img/favicon.ico public/ && cp img/favicon.svg public/ && yarn build-mistica-css",

package/src/boxed.css.ts

@@ -86,6 +86,7 @@ export const boxed = style({
 
 export const overflowHidden = sprinkles({overflow: 'hidden'});
 
+// todo https://github.com/Telefonica/mistica-design/issues/2827 use a border token per variant
 export const boxBorder = sprinkles({
     border: 'regular',
 });

package/src/boxed.tsx

@@ -36,16 +36,29 @@ type InternalProps = {
     overflow?: 'hidden' | 'visible';
 };
 
+/**
+ * The single point that decides whether a boxed surface paints its border. Components that own their own
+ * box, like `SidenavBar`, share this rule instead of repeating it.
+ *
+ * @param internalVariant the variant of the box itself
+ * @param externalVariant the variant of the page behind the box
+ */
+// todo https://github.com/Telefonica/mistica-design/issues/2827 review boxed border rendering logic
+export const shouldShowBoxedBorder = (
+    internalVariant: Variant,
+    externalVariant: Variant,
+    showBoxedBorder: ComponentPropertiesConfig['showBoxedBorder']
+): boolean =>
+    internalVariant === 'default' &&
+    (externalVariant === 'default' || externalVariant === 'alternative') &&
+    showBoxedBorder[externalVariant];
+
 const getBorderStyle = (
     internalVariant: Variant,
     externalVariant: Variant,
     showBoxedBorder: ComponentPropertiesConfig['showBoxedBorder']
 ) => {
-    if (
-        internalVariant === 'default' &&
-        (externalVariant === 'default' || externalVariant === 'alternative') &&
-        showBoxedBorder[externalVariant]
-    ) {
+    if (shouldShowBoxedBorder(internalVariant, externalVariant, showBoxedBorder)) {
         return styles.boxBorder;
     }
     return styles.noBorder;

package/src/callout.css.ts

@@ -38,11 +38,13 @@ export const closeButtonContainerSize = style({
 export const background = styleVariants({
     'default-over-brand': [sprinkles({background: skin.vars.colors.backgroundContainer})],
     'default-over-negative': [sprinkles({background: skin.vars.colors.backgroundContainer})],
-    'default-over-alternative': [sprinkles({background: skin.vars.colors.backgroundContainer})],
+    'default-over-alternative': [
+        sprinkles({background: skin.vars.colors.backgroundContainerAlternativeOverAlternative}),
+    ],
     'default-over-default': [sprinkles({background: skin.vars.colors.backgroundContainerAlternative})],
     'default-over-media': [sprinkles({background: skin.vars.colors.backgroundContainer})],
 
-    'brand-over-brand': [sprinkles({background: skin.vars.colors.backgroundContainerBrandOverInverse})],
+    'brand-over-brand': [sprinkles({background: skin.vars.colors.backgroundContainerAlternativeOverBrand})],
     'brand-over-negative': [sprinkles({background: skin.vars.colors.backgroundContainerBrandOverInverse})],
     'brand-over-alternative': [sprinkles({background: skin.vars.colors.backgroundContainerBrand})],
     'brand-over-default': [sprinkles({background: skin.vars.colors.backgroundContainerBrand})],