@telefonica/mistica 16.48.0 → 16.49.0

package/dist-es/horizontal-scroll.css-mistica.js

@@ -1,5 +1,5 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./responsive-layout.css.ts.vanilla.css-mistica.js";
 import "./horizontal-scroll.css.ts.vanilla.css-mistica.js";
-var l = "v16_48_1gl3gmv1 v16_48_1gl3gmv0 v16_48_1y2v1nfpm", m = "v16_48_1gl3gmv2";
+var l = "v16_49_1gl3gmv1 v16_49_1gl3gmv0 v16_49_1y2v1nfpm", m = "v16_49_1gl3gmv2";
 export { m as noScrollbar, l as scroll };

package/dist-es/icon-button.css-mistica.js

@@ -1,65 +1,65 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./icon-button.css.ts.vanilla.css-mistica.js";
 var t = {
-    "brand-solid-default": "v16_48_yqt1oe4",
-    "brand-solid-brand": "v16_48_yqt1oe5",
-    "brand-solid-negative": "v16_48_yqt1oe6",
-    "brand-solid-alternative": "v16_48_yqt1oe7",
-    "brand-soft-default": "v16_48_yqt1oe8",
-    "brand-soft-brand": "v16_48_yqt1oe9",
-    "brand-soft-negative": "v16_48_yqt1oea",
-    "brand-soft-alternative": "v16_48_yqt1oeb",
-    "brand-transparent-default": "v16_48_yqt1oec",
-    "brand-transparent-brand": "v16_48_yqt1oed",
-    "brand-transparent-negative": "v16_48_yqt1oee",
-    "brand-transparent-alternative": "v16_48_yqt1oef",
-    "neutral-solid-default": "v16_48_yqt1oeg",
-    "neutral-solid-brand": "v16_48_yqt1oeh",
-    "neutral-solid-negative": "v16_48_yqt1oei",
-    "neutral-solid-alternative": "v16_48_yqt1oej",
-    "neutral-soft-default": "v16_48_yqt1oek",
-    "neutral-soft-brand": "v16_48_yqt1oel",
-    "neutral-soft-negative": "v16_48_yqt1oem",
-    "neutral-soft-alternative": "v16_48_yqt1oen",
-    "neutral-transparent-default": "v16_48_yqt1oeo",
-    "neutral-transparent-brand": "v16_48_yqt1oep",
-    "neutral-transparent-negative": "v16_48_yqt1oeq",
-    "neutral-transparent-alternative": "v16_48_yqt1oer",
-    "danger-solid-default": "v16_48_yqt1oes",
-    "danger-solid-brand": "v16_48_yqt1oet",
-    "danger-solid-negative": "v16_48_yqt1oeu",
-    "danger-solid-alternative": "v16_48_yqt1oev",
-    "danger-soft-default": "v16_48_yqt1oew",
-    "danger-soft-brand": "v16_48_yqt1oex",
-    "danger-soft-negative": "v16_48_yqt1oey",
-    "danger-soft-alternative": "v16_48_yqt1oez",
-    "danger-transparent-default": "v16_48_yqt1oe10",
-    "danger-transparent-brand": "v16_48_yqt1oe11",
-    "danger-transparent-negative": "v16_48_yqt1oe12",
-    "danger-transparent-alternative": "v16_48_yqt1oe13",
-    "brand-media": "v16_48_yqt1oe14",
-    "neutral-media": "v16_48_yqt1oe15",
-    "danger-media": "v16_48_yqt1oe16"
-}, v = "v16_48_yqt1oe17", a = "v16_48_yqt1oe18", n = "v16_48_yqt1oe19", r = {
+    "brand-solid-default": "v16_49_yqt1oe4",
+    "brand-solid-brand": "v16_49_yqt1oe5",
+    "brand-solid-negative": "v16_49_yqt1oe6",
+    "brand-solid-alternative": "v16_49_yqt1oe7",
+    "brand-soft-default": "v16_49_yqt1oe8",
+    "brand-soft-brand": "v16_49_yqt1oe9",
+    "brand-soft-negative": "v16_49_yqt1oea",
+    "brand-soft-alternative": "v16_49_yqt1oeb",
+    "brand-transparent-default": "v16_49_yqt1oec",
+    "brand-transparent-brand": "v16_49_yqt1oed",
+    "brand-transparent-negative": "v16_49_yqt1oee",
+    "brand-transparent-alternative": "v16_49_yqt1oef",
+    "neutral-solid-default": "v16_49_yqt1oeg",
+    "neutral-solid-brand": "v16_49_yqt1oeh",
+    "neutral-solid-negative": "v16_49_yqt1oei",
+    "neutral-solid-alternative": "v16_49_yqt1oej",
+    "neutral-soft-default": "v16_49_yqt1oek",
+    "neutral-soft-brand": "v16_49_yqt1oel",
+    "neutral-soft-negative": "v16_49_yqt1oem",
+    "neutral-soft-alternative": "v16_49_yqt1oen",
+    "neutral-transparent-default": "v16_49_yqt1oeo",
+    "neutral-transparent-brand": "v16_49_yqt1oep",
+    "neutral-transparent-negative": "v16_49_yqt1oeq",
+    "neutral-transparent-alternative": "v16_49_yqt1oer",
+    "danger-solid-default": "v16_49_yqt1oes",
+    "danger-solid-brand": "v16_49_yqt1oet",
+    "danger-solid-negative": "v16_49_yqt1oeu",
+    "danger-solid-alternative": "v16_49_yqt1oev",
+    "danger-soft-default": "v16_49_yqt1oew",
+    "danger-soft-brand": "v16_49_yqt1oex",
+    "danger-soft-negative": "v16_49_yqt1oey",
+    "danger-soft-alternative": "v16_49_yqt1oez",
+    "danger-transparent-default": "v16_49_yqt1oe10",
+    "danger-transparent-brand": "v16_49_yqt1oe11",
+    "danger-transparent-negative": "v16_49_yqt1oe12",
+    "danger-transparent-alternative": "v16_49_yqt1oe13",
+    "brand-media": "v16_49_yqt1oe14",
+    "neutral-media": "v16_49_yqt1oe15",
+    "danger-media": "v16_49_yqt1oe16"
+}, v = "v16_49_yqt1oe17", a = "v16_49_yqt1oe18", n = "v16_49_yqt1oe19", r = {
     default: "1.5rem",
     small: "1.25rem"
 }, o = {
     default: "calc(1.5rem + 24px)",
     small: "calc(1.25rem + 12px)"
 }, y = {
-    default: "v16_48_yqt1oe1b v16_48_yqt1oe1a v16_48_1y2v1nfff v16_48_1y2v1nfgo v16_48_1y2v1nfhx v16_48_1y2v1nfj6 v16_48_1y2v1nfs4 v16_48_1y2v1nffe v16_48_1y2v1nfpm v16_48_1y2v1nfq1 v16_48_1y2v1nfpv",
-    small: "v16_48_yqt1oe1c v16_48_yqt1oe1a v16_48_1y2v1nfff v16_48_1y2v1nfgo v16_48_1y2v1nfhx v16_48_1y2v1nfj6 v16_48_1y2v1nfs4 v16_48_1y2v1nffe v16_48_1y2v1nfpm v16_48_1y2v1nfq1 v16_48_1y2v1nfpv"
-}, l = "v16_48_yqt1oe1e", d = {
-    default: "v16_48_yqt1oe1f",
-    small: "v16_48_yqt1oe1g"
+    default: "v16_49_yqt1oe1b v16_49_yqt1oe1a v16_49_1y2v1nfff v16_49_1y2v1nfgo v16_49_1y2v1nfhx v16_49_1y2v1nfj6 v16_49_1y2v1nfs4 v16_49_1y2v1nffe v16_49_1y2v1nfpm v16_49_1y2v1nfq1 v16_49_1y2v1nfpv",
+    small: "v16_49_yqt1oe1c v16_49_yqt1oe1a v16_49_1y2v1nfff v16_49_1y2v1nfgo v16_49_1y2v1nfhx v16_49_1y2v1nfj6 v16_49_1y2v1nfs4 v16_49_1y2v1nffe v16_49_1y2v1nfpm v16_49_1y2v1nfq1 v16_49_1y2v1nfpv"
+}, l = "v16_49_yqt1oe1e", d = {
+    default: "v16_49_yqt1oe1f",
+    small: "v16_49_yqt1oe1g"
 }, q = {
-    default: "v16_48_yqt1oe1h",
-    small: "v16_48_yqt1oe1i"
+    default: "v16_49_yqt1oe1h",
+    small: "v16_49_yqt1oe1i"
 }, f = {
-    default: "v16_48_yqt1oe1j",
-    small: "v16_48_yqt1oe1k"
+    default: "v16_49_yqt1oe1j",
+    small: "v16_49_yqt1oe1k"
 }, i = {
-    default: "v16_48_yqt1oe1n v16_48_yqt1oe1m v16_48_yqt1oe1l v16_48_1y2v1nfs6 v16_48_1y2v1nfpm v16_48_1y2v1nfq1 v16_48_1y2v1nfpv v16_48_1y2v1nfsq v16_48_1y2v1nfpg",
-    small: "v16_48_yqt1oe1o v16_48_yqt1oe1m v16_48_yqt1oe1l v16_48_1y2v1nfs6 v16_48_1y2v1nfpm v16_48_1y2v1nfq1 v16_48_1y2v1nfpv v16_48_1y2v1nfsq v16_48_1y2v1nfpg"
-}, s = "v16_48_yqt1oe1p", p = "v16_48_yqt1oe1r v16_48_yqt1oe1q v16_48_1y2v1nfpg v16_48_1y2v1nfpn", u = "v16_48_yqt1oe1t v16_48_yqt1oe1s v16_48_1y2v1nfph";
+    default: "v16_49_yqt1oe1n v16_49_yqt1oe1m v16_49_yqt1oe1l v16_49_1y2v1nfs6 v16_49_1y2v1nfpm v16_49_1y2v1nfq1 v16_49_1y2v1nfpv v16_49_1y2v1nfsq v16_49_1y2v1nfpg",
+    small: "v16_49_yqt1oe1o v16_49_yqt1oe1m v16_49_yqt1oe1l v16_49_1y2v1nfs6 v16_49_1y2v1nfpm v16_49_1y2v1nfq1 v16_49_1y2v1nfpv v16_49_1y2v1nfsq v16_49_1y2v1nfpg"
+}, s = "v16_49_yqt1oe1p", p = "v16_49_yqt1oe1r v16_49_yqt1oe1q v16_49_1y2v1nfpg v16_49_1y2v1nfpn", u = "v16_49_yqt1oe1t v16_49_yqt1oe1s v16_49_1y2v1nfph";
 export { d as bleedLeft, q as bleedRight, f as bleedY, y as buttonContainer, v as disabled, p as icon, t as iconButtonTokens, i as iconContainer, o as iconContainerSize, r as iconSize, a as isLoading, l as minimumInteractiveArea, s as overlay, n as overlayContainer, u as spinner };

package/dist-es/icons/icon-chevron.css-mistica.js

@@ -1,5 +1,5 @@
 import "./icon-chevron.css.ts.vanilla.css-mistica.js";
 var o = {
-    transitionDuration: "var(--v16_48_77bqcx0)"
-}, a = "v16_48_77bqcx1", v = "v16_48_77bqcx2";
+    transitionDuration: "var(--v16_49_77bqcx0)"
+}, a = "v16_49_77bqcx1", v = "v16_49_77bqcx2";
 export { v as chevronColorTransition, a as chevronRotateTransition, o as vars };

package/dist-es/icons/icon-error.css-mistica.js

@@ -1,3 +1,3 @@
 import "./icon-error.css.ts.vanilla.css-mistica.js";
-var a = "v16_48_1ao3f5e1", i = "v16_48_1ao3f5e2";
+var a = "v16_49_1ao3f5e1", i = "v16_49_1ao3f5e2";
 export { i as innerAnimation, a as outerAnimation };

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

@@ -1,6 +1,6 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./image.css.ts.vanilla.css-mistica.js";
 var r = 300, t = {
-    mediaBorderRadius: "var(--v16_48_17tt25r0)"
-}, a = "v16_48_17tt25r1", i = "v16_48_17tt25r3 v16_48_17tt25r2 v16_48_1y2v1nfsw v16_48_1y2v1nftb v16_48_1y2v1nfpo v16_48_1y2v1nfq9 v16_48_1y2v1nfqq v16_48_1y2v1nfuk v16_48_1y2v1nfs1 v16_48_1y2v1nfs2 v16_48_1y2v1nfse", d = "v16_48_17tt25r4", e = "v16_48_17tt25r5", o = "v16_48_17tt25r6", f = "v16_48_17tt25r7";
+    mediaBorderRadius: "var(--v16_49_17tt25r0)"
+}, a = "v16_49_17tt25r1", i = "v16_49_17tt25r3 v16_49_17tt25r2 v16_49_1y2v1nfsw v16_49_1y2v1nftb v16_49_1y2v1nfpo v16_49_1y2v1nfq9 v16_49_1y2v1nfqq v16_49_1y2v1nfuk v16_49_1y2v1nfs1 v16_49_1y2v1nfs2 v16_49_1y2v1nfse", d = "v16_49_17tt25r4", e = "v16_49_17tt25r5", o = "v16_49_17tt25r6", f = "v16_49_17tt25r7";
 export { r as FADE_IN_DURATION_MS, e as circularBorderRadius, f as defaultBorderRadius, i as image, a as imageWithBorder, t as vars, o as withBorderRadius, d as withoutBorderRadius };

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

@@ -1,12 +1,12 @@
 import "./inline.css.ts.vanilla.css-mistica.js";
 var a = {
-    space: "var(--v16_48_kkfbnv0)",
-    spaceMobile: "var(--v16_48_kkfbnv1)",
-    spaceTablet: "var(--v16_48_kkfbnv2)",
-    spaceDesktop: "var(--v16_48_kkfbnv3)",
-    verticalSpace: "var(--v16_48_kkfbnv4)",
-    verticalSpaceMobile: "var(--v16_48_kkfbnv5)",
-    verticalSpaceTablet: "var(--v16_48_kkfbnv6)",
-    verticalSpaceDesktop: "var(--v16_48_kkfbnv7)"
-}, k = "v16_48_kkfbnv8", _ = "v16_48_kkfbnv9", r = "v16_48_kkfbnva", e = "v16_48_kkfbnvb", n = "v16_48_kkfbnvc", b = "v16_48_kkfbnvd", f = "v16_48_kkfbnve";
+    space: "var(--v16_49_kkfbnv0)",
+    spaceMobile: "var(--v16_49_kkfbnv1)",
+    spaceTablet: "var(--v16_49_kkfbnv2)",
+    spaceDesktop: "var(--v16_49_kkfbnv3)",
+    verticalSpace: "var(--v16_49_kkfbnv4)",
+    verticalSpaceMobile: "var(--v16_49_kkfbnv5)",
+    verticalSpaceTablet: "var(--v16_49_kkfbnv6)",
+    verticalSpaceDesktop: "var(--v16_49_kkfbnv7)"
+}, k = "v16_49_kkfbnv8", _ = "v16_49_kkfbnv9", r = "v16_49_kkfbnva", e = "v16_49_kkfbnvb", n = "v16_49_kkfbnvc", b = "v16_49_kkfbnvd", f = "v16_49_kkfbnve";
 export { r as fullWidth, _ as inline, k as marginInline, n as noFullWidth, b as stringSpace, f as stringSpaceWithWrap, a as vars, e as wrap };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./list.css.ts.vanilla.css-mistica.js";
-var n = "v16_48_2buj9g0", f = "v16_48_2buj9g1 v16_48_1y2v1nfq9", y = "v16_48_2buj9g2", r = "v16_48_2buj9g3", g = "v16_48_2buj9g4", u = "v16_48_2buj9g5 v16_48_1y2v1nfsp", a = "v16_48_2buj9g7 v16_48_2buj9g6 v16_48_1y2v1nfff v16_48_1y2v1nfgo v16_48_1y2v1nfhx v16_48_1y2v1nfj6 v16_48_1y2v1nfq9 v16_48_1y2v1nfs4 v16_48_1y2v1nffe v16_48_1y2v1nfpo v16_48_1y2v1nfqq v16_48_1y2v1nfpg", j = "v16_48_2buj9g8 v16_48_1y2v1nfic v16_48_1y2v1nfjl", b = "v16_48_2buj9g9 v16_48_1y2v1nffu v16_48_1y2v1nfh3 v16_48_1y2v1nfpm v16_48_1y2v1nfq9 v16_48_1y2v1nfrz", t = "v16_48_2buj9ga v16_48_1y2v1nfjl", o = "v16_48_2buj9gb v16_48_1y2v1nfpm v16_48_1y2v1nfq4 v16_48_1y2v1nfq6", i = "v16_48_2buj9gc v16_48_1y2v1nfpm v16_48_1y2v1nfps v16_48_1y2v1nfq8", e = "v16_48_2buj9gd v16_48_1y2v1nfpm v16_48_1y2v1nfq1", q = "v16_48_2buj9gf v16_48_2buj9gd v16_48_1y2v1nfpm v16_48_1y2v1nfq1 v16_48_2buj9ge v16_48_1y2v1nfpv v16_48_1y2v1nfrc v16_48_1y2v1nfqq v16_48_1y2v1nfq4", d = "v16_48_2buj9gg", p = "v16_48_2buj9gh", l = "v16_48_2buj9gi", c = "v16_48_2buj9gj v16_48_2buj9gd v16_48_1y2v1nfpm v16_48_1y2v1nfq1", h = "v16_48_2buj9gk v16_48_1y2v1nfpm v16_48_1y2v1nfpr v16_48_1y2v1nfqq", m = "v16_48_2buj9gn v16_48_2buj9gl v16_48_1y2v1nfff v16_48_1y2v1nfgo v16_48_1y2v1nfhx v16_48_1y2v1nfj6 v16_48_1y2v1nfs4 v16_48_1y2v1nffe v16_48_2buj9gm v16_48_1y2v1nfic v16_48_1y2v1nfjl v16_48_1y2v1nfpo v16_48_1y2v1nfq7", s = "v16_48_2buj9gp v16_48_2buj9go v16_48_1y2v1nfpm", C = "v16_48_2buj9gr v16_48_2buj9gl v16_48_1y2v1nfff v16_48_1y2v1nfgo v16_48_1y2v1nfhx v16_48_1y2v1nfj6 v16_48_1y2v1nfs4 v16_48_1y2v1nffe v16_48_2buj9gq v16_48_1y2v1nfic v16_48_1y2v1nfjl v16_48_1y2v1nfpm v16_48_1y2v1nfq1 v16_48_1y2v1nfq6 v16_48_1y2v1nfqa v16_48_1y2v1nfqq", w = "v16_48_2buj9gs", x = "v16_48_2buj9gt", k = "v16_48_2buj9gu", A = "v16_48_2buj9gv", B = "v16_48_2buj9gw";
+var n = "v16_49_2buj9g0", f = "v16_49_2buj9g1 v16_49_1y2v1nfq9", y = "v16_49_2buj9g2", r = "v16_49_2buj9g3", g = "v16_49_2buj9g4", u = "v16_49_2buj9g5 v16_49_1y2v1nfsp", a = "v16_49_2buj9g7 v16_49_2buj9g6 v16_49_1y2v1nfff v16_49_1y2v1nfgo v16_49_1y2v1nfhx v16_49_1y2v1nfj6 v16_49_1y2v1nfq9 v16_49_1y2v1nfs4 v16_49_1y2v1nffe v16_49_1y2v1nfpo v16_49_1y2v1nfqq v16_49_1y2v1nfpg", j = "v16_49_2buj9g8 v16_49_1y2v1nfic v16_49_1y2v1nfjl", b = "v16_49_2buj9g9 v16_49_1y2v1nffu v16_49_1y2v1nfh3 v16_49_1y2v1nfpm v16_49_1y2v1nfq9 v16_49_1y2v1nfrz", t = "v16_49_2buj9ga v16_49_1y2v1nfjl", o = "v16_49_2buj9gb v16_49_1y2v1nfpm v16_49_1y2v1nfq4 v16_49_1y2v1nfq6", i = "v16_49_2buj9gc v16_49_1y2v1nfpm v16_49_1y2v1nfps v16_49_1y2v1nfq8", e = "v16_49_2buj9gd v16_49_1y2v1nfpm v16_49_1y2v1nfq1", q = "v16_49_2buj9gf v16_49_2buj9gd v16_49_1y2v1nfpm v16_49_1y2v1nfq1 v16_49_2buj9ge v16_49_1y2v1nfpv v16_49_1y2v1nfrc v16_49_1y2v1nfqq v16_49_1y2v1nfq4", d = "v16_49_2buj9gg", p = "v16_49_2buj9gh", l = "v16_49_2buj9gi", c = "v16_49_2buj9gj v16_49_2buj9gd v16_49_1y2v1nfpm v16_49_1y2v1nfq1", h = "v16_49_2buj9gk v16_49_1y2v1nfpm v16_49_1y2v1nfpr v16_49_1y2v1nfqq", m = "v16_49_2buj9gn v16_49_2buj9gl v16_49_1y2v1nfff v16_49_1y2v1nfgo v16_49_1y2v1nfhx v16_49_1y2v1nfj6 v16_49_1y2v1nfs4 v16_49_1y2v1nffe v16_49_2buj9gm v16_49_1y2v1nfic v16_49_1y2v1nfjl v16_49_1y2v1nfpo v16_49_1y2v1nfq7", s = "v16_49_2buj9gp v16_49_2buj9go v16_49_1y2v1nfpm", C = "v16_49_2buj9gr v16_49_2buj9gl v16_49_1y2v1nfff v16_49_1y2v1nfgo v16_49_1y2v1nfhx v16_49_1y2v1nfj6 v16_49_1y2v1nfs4 v16_49_1y2v1nffe v16_49_2buj9gq v16_49_1y2v1nfic v16_49_1y2v1nfjl v16_49_1y2v1nfpm v16_49_1y2v1nfq1 v16_49_1y2v1nfq6 v16_49_1y2v1nfqa v16_49_1y2v1nfqq", w = "v16_49_2buj9gs", x = "v16_49_2buj9gt", k = "v16_49_2buj9gu", A = "v16_49_2buj9gv", B = "v16_49_2buj9gw";
 export { o as asset, t as assetContainer, q as badge, y as boxed, e as center, b as content, c as detail, l as detailRight, n as disabled, h as dualActionContainer, s as dualActionDivider, m as dualActionLeft, C as dualActionRight, A as li, B as liContent, x as liWithCustomIcon, k as liWithoutMarker, u as pointer, d as rightContent, p as rightRestrictedWidth, f as row, i as rowBody, a as rowContent, j as rowContentPadding, r as touchableBackground, g as touchableBackgroundBrand, w as ul };

package/dist-es/loading-bar.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./loading-bar.css.ts.vanilla.css-mistica.js";
-var n = "v16_48_1num3qg2 v16_48_1num3qg1 v16_48_1y2v1nfpi v16_48_1y2v1nfsw v16_48_1y2v1nftb v16_48_1y2v1nftq", q = "v16_48_1num3qg3", r = "v16_48_1num3qg4 v16_48_1y2v1nfq9 v16_48_1y2v1nfsq v16_48_1y2v1nfpg v16_48_1y2v1nfbg v16_48_1y2v1nfqt", f = "v16_48_1num3qg7 v16_48_1num3qg6 v16_48_1y2v1nfph v16_48_1y2v1nfq9 v16_48_1y2v1nfqq";
+var n = "v16_49_1num3qg2 v16_49_1num3qg1 v16_49_1y2v1nfpi v16_49_1y2v1nfsw v16_49_1y2v1nftb v16_49_1y2v1nftq", q = "v16_49_1num3qg3", r = "v16_49_1num3qg4 v16_49_1y2v1nfq9 v16_49_1y2v1nfsq v16_49_1y2v1nfpg v16_49_1y2v1nfbg v16_49_1y2v1nfqt", f = "v16_49_1num3qg7 v16_49_1num3qg6 v16_49_1y2v1nfph v16_49_1y2v1nfq9 v16_49_1y2v1nfqq";
 export { q as hidden, n as portal, f as progress, r as progressContainer };

package/dist-es/loading-screen.css-mistica.js

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./loading-screen.css.ts.vanilla.css-mistica.js";
-var e = "v16_48_flke8b1 v16_48_flke8b0 v16_48_1y2v1nfpm v16_48_1y2v1nfps v16_48_1y2v1nfq1", n = 500, r = "v16_48_flke8b3", a = {
-    default: "v16_48_flke8b4",
-    brand: "v16_48_flke8b5"
-}, f = "v16_48_flke8b6", l = "v16_48_flke8b7 v16_48_1y2v1nfq8 v16_48_1y2v1nfpm v16_48_1y2v1nfps v16_48_1y2v1nfq1 v16_48_1y2v1nfpv", k = "v16_48_flke8b9 v16_48_flke8b8 v16_48_1y2v1nfg0", o = "v16_48_flke8bb", b = "v16_48_flke8bc", d = "v16_48_flke8be", i = "v16_48_flke8bf";
+var e = "v16_49_flke8b1 v16_49_flke8b0 v16_49_1y2v1nfpm v16_49_1y2v1nfps v16_49_1y2v1nfq1", n = 500, r = "v16_49_flke8b3", a = {
+    default: "v16_49_flke8b4",
+    brand: "v16_49_flke8b5"
+}, f = "v16_49_flke8b6", l = "v16_49_flke8b7 v16_49_1y2v1nfq8 v16_49_1y2v1nfpm v16_49_1y2v1nfps v16_49_1y2v1nfq1 v16_49_1y2v1nfpv", k = "v16_49_flke8b9 v16_49_flke8b8 v16_49_1y2v1nfg0", o = "v16_49_flke8bb", b = "v16_49_flke8bc", d = "v16_49_flke8be", i = "v16_49_flke8bf";
 export { n as inOutAnimationMs, e as loadingScreen, l as loadingScreenChildren, k as loadingScreenText, o as loadingScreenTextAnimated, b as loadingScreenTextAnimatedOut, i as logo, d as pulseLogo, a as screenBackground, r as screenBackgroundAnimated, f as screenBackgroundFadeOut };

package/dist-es/loading-screen.js

@@ -78,190 +78,192 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as S, jsx as n } from "react/jsx-runtime";
-import * as i from "react";
+import { jsxs as b, jsx as n } from "react/jsx-runtime";
+import * as o from "react";
 import { useSetOverscrollColor as B } from "./overscroll-color-context.js";
 import { ThemeVariant as I } from "./theme-variant-context.js";
 import { vars as h } from "./skins/skin-contract.css-mistica.js";
 import N from "./responsive-layout.js";
-import { Text4 as E, Text2 as O } from "./text.js";
+import { Text as E, getTextSizes as O, Text2 as w } from "./text.js";
 import V from "./stack.js";
-import { inOutAnimationMs as k, loadingScreen as w, screenBackground as j, screenBackgroundFadeOut as z, screenBackgroundAnimated as D, loadingScreenChildren as P, loadingScreenText as L, loadingScreenTextAnimatedOut as _, loadingScreenTextAnimated as R, logo as F, pulseLogo as K } from "./loading-screen.css-mistica.js";
-import M from "./spinner.js";
-import A from "classnames";
-import { Logo as W } from "./logo.js";
-import $ from "./screen-reader-only.js";
+import { inOutAnimationMs as y, loadingScreen as P, screenBackground as z, screenBackgroundFadeOut as j, screenBackgroundAnimated as D, loadingScreenChildren as L, loadingScreenText as _, loadingScreenTextAnimatedOut as F, loadingScreenTextAnimated as k, logo as K, pulseLogo as M } from "./loading-screen.css-mistica.js";
+import W from "./spinner.js";
+import v from "classnames";
+import { Logo as $ } from "./logo.js";
+import q from "./screen-reader-only.js";
 import { useTheme as T } from "./hooks.js";
-import { VIVO_NEW_SKIN as q } from "./skins/constants.js";
-import { getPrefixedDataAttributes as G } from "./utils/dom.js";
-import { loading as H } from "./text-tokens.js";
-const J = (param)=>{
+import { VIVO_NEW_SKIN as G } from "./skins/constants.js";
+import { getPrefixedDataAttributes as H } from "./utils/dom.js";
+import { loading as J } from "./text-tokens.js";
+const Q = (param)=>{
     let { isBrandVariant: e } = param;
     const r = `body {background:${e ? h.colors.backgroundBrand : h.colors.background}}`;
     return /* @__PURE__ */ n("style", {
         children: r
     });
-}, Q = (param)=>{
-    let { animateText: e, isLoading: r, onClose: t, texts: o } = param;
-    const [c, a] = i.useState(0), [s, u] = i.useState(!1), d = i.useCallback(()=>{
-        a((c + 1) % o.length), u(!1);
+}, U = (param)=>{
+    let { animateText: e, isLoading: r, onClose: t, texts: c } = param;
+    const { textPresets: a } = T(), [i, d] = o.useState(0), [s, l] = o.useState(!1), u = o.useCallback(()=>{
+        d((i + 1) % c.length), l(!1);
     }, [
-        c,
-        o.length
+        i,
+        c.length
     ]);
-    i.useEffect(()=>{
-        if (!r || o.length === 1) return;
-        var _o_c_duration;
-        const g = setTimeout(()=>{
-            e ? u(!0) : d();
-        }, (_o_c_duration = o[c].duration) !== null && _o_c_duration !== void 0 ? _o_c_duration : 5e3);
+    o.useEffect(()=>{
+        if (!r || c.length === 1) return;
+        var _c_i_duration;
+        const p = setTimeout(()=>{
+            e ? l(!0) : u();
+        }, (_c_i_duration = c[i].duration) !== null && _c_i_duration !== void 0 ? _c_i_duration : 5e3);
         return ()=>{
-            clearTimeout(g);
+            clearTimeout(p);
         };
     }, [
         e,
-        c,
+        i,
         s,
         r,
-        d,
-        o
+        u,
+        c
     ]);
-    const m = ()=>{
+    const f = ()=>{
         if (!r) {
             t == null || t();
             return;
         }
-        s && d();
-    }, { title: f, description: l } = o[c % o.length];
+        s && u();
+    }, { title: m, description: g } = c[i % c.length];
     return /* @__PURE__ */ n(N, {
         children: /* @__PURE__ */ n("div", {
-            className: A(L, {
-                [_]: e && (!r || s)
+            className: v(_, {
+                [F]: e && (!r || s)
             }),
-            onTransitionEnd: m,
-            children: /* @__PURE__ */ S(V, {
+            onTransitionEnd: f,
+            children: /* @__PURE__ */ b(V, {
                 space: 8,
                 children: [
-                    f && /* @__PURE__ */ n("div", {
-                        className: e ? R : void 0,
-                        children: /* @__PURE__ */ n(E, {
+                    m && /* @__PURE__ */ n("div", {
+                        className: e ? k : void 0,
+                        children: /* @__PURE__ */ n(E, _object_spread_props(_object_spread({}, O({
+                            textPreset: a.loadingScreenTitle
+                        })), {
                             textAlign: "center",
-                            regular: !0,
+                            weight: "regular",
                             as: "h1",
-                            children: f
-                        })
+                            children: m
+                        }))
                     }),
-                    l && /* @__PURE__ */ n("div", {
-                        className: e ? R : void 0,
+                    g && /* @__PURE__ */ n("div", {
+                        className: e ? k : void 0,
                         style: {
                             animationDelay: "200ms"
                         },
-                        children: /* @__PURE__ */ n(O, {
+                        children: /* @__PURE__ */ n(w, {
                             textAlign: "center",
                             regular: !0,
                             as: "p",
                             color: h.colors.textSecondary,
-                            children: l
+                            children: g
                         })
                     })
                 ]
             })
-        }, c)
+        }, i)
     });
-}, x = /*#__PURE__*/ i.forwardRef((param, f)=>{
-    let { variant: e, children: r, isLoading: t = !0, animateText: o, animateBackground: c, onClose: a, dataAttributes: s, title: u, description: d, texts: m = [
+}, R = /*#__PURE__*/ o.forwardRef((param, f)=>{
+    let { variant: e, children: r, isLoading: t = !0, animateText: c, animateBackground: a, onClose: i, dataAttributes: d, title: s, description: l, texts: u = [
         {
-            title: u,
-            description: d
+            title: s,
+            description: l
         }
     ] } = param;
-    const [l, g] = i.useState(!1);
-    i.useEffect(()=>{
+    const [m, g] = o.useState(!1);
+    o.useEffect(()=>{
         if (!t) return;
-        const b = setTimeout(()=>{
+        const A = setTimeout(()=>{
             g(!0);
-        }, k);
+        }, y);
         return ()=>{
-            clearTimeout(b);
+            clearTimeout(A);
         };
     }, [
         t
     ]);
-    const v = i.useRef(!1), p = i.useCallback(()=>{
-        !t && !v.current && (v.current = !0, a == null || a());
+    const p = o.useRef(!1), S = o.useCallback(()=>{
+        !t && !p.current && (p.current = !0, i == null || i());
     }, [
         t,
-        a
+        i
     ]);
-    i.useEffect(()=>{
+    o.useEffect(()=>{
         if (t) return;
-        if (!o && !c) {
-            a == null || a();
+        if (!c && !a) {
+            i == null || i();
             return;
         }
-        const b = setTimeout(()=>{
-            p();
-        }, k);
+        const A = setTimeout(()=>{
+            S();
+        }, y);
         return ()=>{
-            clearTimeout(b);
+            clearTimeout(A);
         };
     }, [
+        a,
         c,
-        o,
-        p,
+        S,
         t,
-        a
+        i
     ]);
-    const y = !r;
+    const x = !r;
     return B(e === "brand" ? {
         topColor: h.colors.backgroundBrandTop
-    } : {}), /* @__PURE__ */ S(I, {
+    } : {}), /* @__PURE__ */ b(I, {
         variant: e,
         children: [
-            /* @__PURE__ */ S("div", _object_spread_props(_object_spread({
+            /* @__PURE__ */ b("div", _object_spread_props(_object_spread({
                 ref: f
-            }, G(s)), {
-                className: A(w, j[e], {
-                    [z]: !t && c,
-                    [D]: c
+            }, H(d)), {
+                className: v(P, z[e], {
+                    [j]: !t && a,
+                    [D]: a
                 }),
                 style: {
-                    justifyContent: y ? "center" : "space-between"
+                    justifyContent: x ? "center" : "space-between"
                 },
                 onAnimationEnd: ()=>{
                     g(!0);
                 },
-                onTransitionEnd: p,
+                onTransitionEnd: S,
                 children: [
                     r ? /* @__PURE__ */ n("div", {
-                        className: P,
+                        className: L,
                         children: r
-                    }) : /* @__PURE__ */ n(M, {
+                    }) : /* @__PURE__ */ n(W, {
                         delay: "0s",
                         size: 32,
                         color: e === "brand" ? h.colors.inverse : void 0
                     }),
-                    /* @__PURE__ */ n(Q, {
-                        animateText: o,
+                    /* @__PURE__ */ n(U, {
+                        animateText: c,
                         isLoading: t,
-                        texts: m,
-                        onClose: p
+                        texts: u,
+                        onClose: S
                     }),
-                    !y && /* @__PURE__ */ n("div", {
+                    !x && /* @__PURE__ */ n("div", {
                         style: {
                             height: 104
                         }
                     })
                 ]
             })),
-            t && l && /* @__PURE__ */ n(J, {
+            t && m && /* @__PURE__ */ n(Q, {
                 isBrandVariant: e === "brand"
             })
         ]
     });
-}), he = /*#__PURE__*/ i.forwardRef((e, r)=>{
+}), he = /*#__PURE__*/ o.forwardRef((e, r)=>{
     var _e_variant;
-    return /* @__PURE__ */ n(x, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ n(R, _object_spread_props(_object_spread({
         ref: r
     }, e), {
         variant: (_e_variant = e.variant) !== null && _e_variant !== void 0 ? _e_variant : e.isInverse ? "brand" : "default",
@@ -270,72 +272,72 @@ const J = (param)=>{
         }, e.dataAttributes),
         animateBackground: !0
     }));
-}), U = (param)=>{
+}), X = (param)=>{
     let { isLoading: e, onCloseStart: r, onCloseEnd: t } = param;
-    const { texts: o, t: c } = T(), [a, s] = i.useState(!0), u = ()=>{
-        e || (r == null || r(), s(!1), t == null || t());
+    const { texts: c, t: a } = T(), [i, d] = o.useState(!0), s = ()=>{
+        e || (r == null || r(), d(!1), t == null || t());
     };
-    return /* @__PURE__ */ S("div", {
-        className: A(F, {
-            [K]: a
+    return /* @__PURE__ */ b("div", {
+        className: v(K, {
+            [M]: i
         }),
-        onAnimationIteration: u,
+        onAnimationIteration: s,
         children: [
-            /* @__PURE__ */ n($, {
+            /* @__PURE__ */ n(q, {
                 children: /* @__PURE__ */ n("div", {
-                    children: o.loading || c(H)
+                    children: c.loading || a(J)
                 })
             }),
-            /* @__PURE__ */ n(W, {
+            /* @__PURE__ */ n($, {
                 size: 128
             })
         ]
     });
-}, X = /*#__PURE__*/ i.lazy(()=>import("./vivinho-loading-animation/index.js")), Y = (param)=>{
+}, Y = /*#__PURE__*/ o.lazy(()=>import("./vivinho-loading-animation/index.js")), Z = (param)=>{
     let { isLoading: e, onCloseStart: r, onCloseEnd: t } = param;
-    const { skinName: o } = T();
-    return o === q ? /* @__PURE__ */ n(i.Suspense, {
+    const { skinName: c } = T();
+    return c === G ? /* @__PURE__ */ n(o.Suspense, {
         fallback: null,
-        children: /* @__PURE__ */ n(X, {
+        children: /* @__PURE__ */ n(Y, {
             isLoading: e,
             onCloseStart: r,
             onCloseEnd: t
         })
-    }) : /* @__PURE__ */ n(U, {
+    }) : /* @__PURE__ */ n(X, {
         isLoading: e,
         onCloseStart: r,
         onCloseEnd: t
     });
-}, ge = /*#__PURE__*/ i.forwardRef((_param, c)=>{
-    var { isLoading: e = !0, onClose: r, dataAttributes: t } = _param, o = _object_without_properties(_param, [
+}, pe = /*#__PURE__*/ o.forwardRef((_param, a)=>{
+    var { isLoading: e = !0, onClose: r, dataAttributes: t } = _param, c = _object_without_properties(_param, [
         "isLoading",
         "onClose",
         "dataAttributes"
     ]);
-    const { themeVariants: a } = T(), [s, u] = i.useState(!1), d = i.useRef(!1), m = i.useRef(!1), f = ()=>{
-        u(!0);
-    }, l = ()=>{
-        d.current && m.current && (r == null || r());
+    const { themeVariants: i } = T(), [d, s] = o.useState(!1), l = o.useRef(!1), u = o.useRef(!1), f = ()=>{
+        s(!0);
+    }, m = ()=>{
+        l.current && u.current && (r == null || r());
     };
-    return /* @__PURE__ */ n(x, _object_spread_props(_object_spread({
-        ref: c,
-        variant: a.brandLoadingScreen === "inverse" || a.brandLoadingScreen === "brand" ? "brand" : "default"
-    }, o), {
-        isLoading: e || !s,
+    return /* @__PURE__ */ n(R, _object_spread_props(_object_spread({
+        ref: a,
+        variant: i.brandLoadingScreen === "inverse" || i.brandLoadingScreen === "brand" ? "brand" : "default"
+    }, c), {
+        isLoading: e || !d,
         onClose: ()=>{
-            m.current = !0, l();
+            u.current = !0, m();
         },
         animateText: !0,
         dataAttributes: _object_spread({
             "component-name": "BrandLoadingScreen"
         }, t),
-        children: /* @__PURE__ */ n(Y, {
+        children: /* @__PURE__ */ n(Z, {
             isLoading: e,
             onCloseStart: f,
             onCloseEnd: ()=>{
-                d.current = !0, l();
+                l.current = !0, m();
             }
         })
     }));
 });
-export { ge as BrandLoadingScreen, he as LoadingScreen };
+export { pe as BrandLoadingScreen, he as LoadingScreen };

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

@@ -1,8 +1,8 @@
 import "./logo.css.ts.vanilla.css-mistica.js";
 var _ = {
-    size: "var(--v16_48_140ft6x0)",
-    sizeMobile: "var(--v16_48_140ft6x1)",
-    sizeTablet: "var(--v16_48_140ft6x2)",
-    sizeDesktop: "var(--v16_48_140ft6x3)"
-}, r = "v16_48_140ft6x4", t = "v16_48_140ft6x5";
+    size: "var(--v16_49_140ft6x0)",
+    sizeMobile: "var(--v16_49_140ft6x1)",
+    sizeTablet: "var(--v16_49_140ft6x2)",
+    sizeDesktop: "var(--v16_49_140ft6x3)"
+}, r = "v16_49_140ft6x4", t = "v16_49_140ft6x5";
 export { t as logoContainer, r as svg, _ as vars };