@telefonica/mistica 17.8.0 → 17.9.0

package/dist-es/skins/telefonica.js

@@ -670,18 +670,18 @@ const e = {
         },
         borderRadii: {
             avatar: "50%",
-            bar: "0px",
+            bar: "999px",
             button: "32px",
-            checkbox: "2px",
-            container: "4px",
+            checkbox: "4px",
+            container: "20px",
             indicator: "24px",
             chip: "24px",
             tag: "24px",
-            input: "8px",
-            popup: "4px",
-            sheet: "0px",
-            mediaSmall: "2px",
-            snackbar: "4px"
+            input: "12px",
+            popup: "12px",
+            sheet: "20px",
+            mediaSmall: "12px",
+            snackbar: "12px"
         },
         textPresets: {
             button: {
@@ -803,6 +803,28 @@ const e = {
                 },
                 weight: "regular"
             },
+            feedbackScreenDescription: {
+                lineHeight: {
+                    desktop: 24,
+                    mobile: 24
+                },
+                size: {
+                    desktop: 18,
+                    mobile: 16
+                },
+                weight: "regular"
+            },
+            feedbackScreenTitle: {
+                lineHeight: {
+                    desktop: 40,
+                    mobile: 32
+                },
+                size: {
+                    desktop: 32,
+                    mobile: 24
+                },
+                weight: "regular"
+            },
             headerPretitle: {
                 lineHeight: {
                     desktop: 24,
@@ -1184,6 +1206,16 @@ const e = {
                     desktop: 16
                 }
             },
+            boxedSmallPadding: {
+                top: {
+                    mobile: 8,
+                    desktop: 8
+                },
+                bottom: {
+                    mobile: 8,
+                    desktop: 8
+                }
+            },
             responsiveLayoutMargin: {
                 mobile: 16,
                 desktop: 48

package/dist-es/skins/vivo-evolution.js

@@ -790,7 +790,7 @@ const e = {
                 },
                 size: {
                     desktop: 24,
-                    mobile: 18
+                    mobile: 16
                 }
             },
             cardTitleSnap: {
@@ -800,7 +800,7 @@ const e = {
                 },
                 size: {
                     desktop: 18,
-                    mobile: 16
+                    mobile: 14
                 }
             },
             chipLabel: {
@@ -836,6 +836,28 @@ const e = {
                 },
                 weight: "medium"
             },
+            feedbackScreenDescription: {
+                lineHeight: {
+                    desktop: 24,
+                    mobile: 20
+                },
+                size: {
+                    desktop: 16,
+                    mobile: 14
+                },
+                weight: "regular"
+            },
+            feedbackScreenTitle: {
+                lineHeight: {
+                    desktop: 32,
+                    mobile: 24
+                },
+                size: {
+                    desktop: 28,
+                    mobile: 20
+                },
+                weight: "medium"
+            },
             headerPretitle: {
                 lineHeight: {
                     desktop: 24,
@@ -1217,6 +1239,16 @@ const e = {
                     desktop: 24
                 }
             },
+            boxedSmallPadding: {
+                top: {
+                    mobile: 16,
+                    desktop: 16
+                },
+                bottom: {
+                    mobile: 16,
+                    desktop: 16
+                }
+            },
             responsiveLayoutMargin: {
                 mobile: 16,
                 desktop: 48

package/dist-es/skins/vivo.js

@@ -792,6 +792,28 @@ const e = {
                 },
                 weight: "medium"
             },
+            feedbackScreenDescription: {
+                lineHeight: {
+                    desktop: 24,
+                    mobile: 24
+                },
+                size: {
+                    desktop: 18,
+                    mobile: 16
+                },
+                weight: "regular"
+            },
+            feedbackScreenTitle: {
+                lineHeight: {
+                    desktop: 40,
+                    mobile: 32
+                },
+                size: {
+                    desktop: 32,
+                    mobile: 24
+                },
+                weight: "medium"
+            },
             headerPretitle: {
                 lineHeight: {
                     desktop: 24,
@@ -1173,6 +1195,16 @@ const e = {
                     desktop: 16
                 }
             },
+            boxedSmallPadding: {
+                top: {
+                    mobile: 16,
+                    desktop: 16
+                },
+                bottom: {
+                    mobile: 16,
+                    desktop: 16
+                }
+            },
             responsiveLayoutMargin: {
                 mobile: 16,
                 desktop: 48

package/dist-es/skip-link.css-mistica.js

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                              */ /* empty css                                     */ var f = "v17_8_13pf4ld1 v17_8_13pf4ld0 v17_8_1y2v1nfhg v17_8_1y2v1nfip v17_8_1y2v1nfjy v17_8_1y2v1nfl7 v17_8_1y2v1nf8z v17_8_1y2v1nftv v17_8_1y2v1nfu6 v17_8_1y2v1nfr9 v17_8_1y2v1nfuo v17_8_1y2v1nfv3", y = "v17_8_13pf4ld2";
+/* empty css                                     */ /* empty css                                              */ /* empty css                                     */ var f = "v17_9_13pf4ld1 v17_9_13pf4ld0 v17_9_1y2v1nfhg v17_9_1y2v1nfip v17_9_1y2v1nfjy v17_9_1y2v1nfl7 v17_9_1y2v1nf8z v17_9_1y2v1nftv v17_9_1y2v1nfu6 v17_9_1y2v1nfr9 v17_9_1y2v1nfuo v17_9_1y2v1nfv3", y = "v17_9_13pf4ld2";
 export { f as skipLinkContainer, y as skipLinkList };

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

@@ -1,20 +1,20 @@
-/* empty css                                     */ /* empty css                                  */ var n = "v17_8_1j1wlhk1 v17_8_1j1wlhk0 v17_8_1y2v1nfs1 v17_8_1y2v1nfr8 v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nfuh", l = "v17_8_1j1wlhk2", h = "v17_8_1j1wlhk3 v17_8_1y2v1nfs1 v17_8_1y2v1nfsl v17_8_1y2v1nfuc", k = "v17_8_1j1wlhk5 v17_8_1j1wlhk4 v17_8_1y2v1nfr9 v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nfrn", y = {
-    default: "v17_8_1j1wlhkd v17_8_1j1wlhk7 v17_8_1j1wlhk6 v17_8_1y2v1nfs9 v17_8_1y2v1nfsp v17_8_1y2v1nfty v17_8_1j1wlhk8 v17_8_1y2v1nfcv",
-    alternative: "v17_8_1j1wlhke v17_8_1j1wlhk7 v17_8_1j1wlhk6 v17_8_1y2v1nfs9 v17_8_1y2v1nfsp v17_8_1y2v1nfty v17_8_1j1wlhk9 v17_8_1y2v1nfcv",
-    brand: "v17_8_1j1wlhkf v17_8_1j1wlhk7 v17_8_1j1wlhk6 v17_8_1y2v1nfs9 v17_8_1y2v1nfsp v17_8_1y2v1nfty v17_8_1j1wlhka v17_8_1y2v1nfd1",
-    media: "v17_8_1j1wlhkg v17_8_1j1wlhk7 v17_8_1j1wlhk6 v17_8_1y2v1nfs9 v17_8_1y2v1nfsp v17_8_1y2v1nfty v17_8_1j1wlhkb v17_8_1y2v1nfd1",
-    negative: "v17_8_1j1wlhkh v17_8_1j1wlhk7 v17_8_1j1wlhk6 v17_8_1y2v1nfs9 v17_8_1y2v1nfsp v17_8_1y2v1nfty v17_8_1j1wlhkc v17_8_1y2v1nfd0"
-}, f = "v17_8_1j1wlhkj v17_8_1j1wlhki v17_8_1y2v1nfdg v17_8_1y2v1nfty", j = {
-    default: "v17_8_1j1wlhkk",
-    alternative: "v17_8_1j1wlhkl",
-    brand: "v17_8_1j1wlhkm",
-    media: "v17_8_1j1wlhkn",
-    negative: "v17_8_1j1wlhko"
+/* empty css                                     */ /* empty css                                  */ var n = "v17_9_1j1wlhk1 v17_9_1j1wlhk0 v17_9_1y2v1nfs1 v17_9_1y2v1nfr8 v17_9_1y2v1nfre v17_9_1y2v1nfrt v17_9_1y2v1nfuh", l = "v17_9_1j1wlhk2", h = "v17_9_1j1wlhk3 v17_9_1y2v1nfs1 v17_9_1y2v1nfsl v17_9_1y2v1nfuc", k = "v17_9_1j1wlhk5 v17_9_1j1wlhk4 v17_9_1y2v1nfr9 v17_9_1y2v1nfre v17_9_1y2v1nfrt v17_9_1y2v1nfrn", y = {
+    default: "v17_9_1j1wlhkd v17_9_1j1wlhk7 v17_9_1j1wlhk6 v17_9_1y2v1nfs9 v17_9_1y2v1nfsp v17_9_1y2v1nfty v17_9_1j1wlhk8 v17_9_1y2v1nfcv",
+    alternative: "v17_9_1j1wlhke v17_9_1j1wlhk7 v17_9_1j1wlhk6 v17_9_1y2v1nfs9 v17_9_1y2v1nfsp v17_9_1y2v1nfty v17_9_1j1wlhk9 v17_9_1y2v1nfcv",
+    brand: "v17_9_1j1wlhkf v17_9_1j1wlhk7 v17_9_1j1wlhk6 v17_9_1y2v1nfs9 v17_9_1y2v1nfsp v17_9_1y2v1nfty v17_9_1j1wlhka v17_9_1y2v1nfd1",
+    media: "v17_9_1j1wlhkg v17_9_1j1wlhk7 v17_9_1j1wlhk6 v17_9_1y2v1nfs9 v17_9_1y2v1nfsp v17_9_1y2v1nfty v17_9_1j1wlhkb v17_9_1y2v1nfd1",
+    negative: "v17_9_1j1wlhkh v17_9_1j1wlhk7 v17_9_1j1wlhk6 v17_9_1y2v1nfs9 v17_9_1y2v1nfsp v17_9_1y2v1nfty v17_9_1j1wlhkc v17_9_1y2v1nfd0"
+}, f = "v17_9_1j1wlhkj v17_9_1j1wlhki v17_9_1y2v1nfdg v17_9_1y2v1nfty", j = {
+    default: "v17_9_1j1wlhkk",
+    alternative: "v17_9_1j1wlhkl",
+    brand: "v17_9_1j1wlhkm",
+    media: "v17_9_1j1wlhkn",
+    negative: "v17_9_1j1wlhko"
 }, w = {
-    default: "v17_8_1j1wlhkp",
-    alternative: "v17_8_1j1wlhkq",
-    brand: "v17_8_1j1wlhkr",
-    media: "v17_8_1j1wlhks",
-    negative: "v17_8_1j1wlhkt"
-}, a = "v17_8_1j1wlhkv v17_8_1j1wlhku v17_8_1y2v1nfr9 v17_8_1y2v1nfuo";
+    default: "v17_9_1j1wlhkp",
+    alternative: "v17_9_1j1wlhkq",
+    brand: "v17_9_1j1wlhkr",
+    media: "v17_9_1j1wlhks",
+    negative: "v17_9_1j1wlhkt"
+}, a = "v17_9_1j1wlhkv v17_9_1j1wlhku v17_9_1y2v1nfr9 v17_9_1y2v1nfuo";
 export { n as container, y as defaultThumb, l as disabled, a as input, f as iosThumb, w as thumbActive, k as thumbContainer, j as thumbHover, h as track };

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

@@ -1,5 +1,5 @@
-/* empty css                                     */ /* empty css                                    */ var n = 300, b = "v17_8_o7bjb01 v17_8_o7bjb00 v17_8_1y2v1nfs1 v17_8_1y2v1nfre v17_8_1y2v1nfrn", r = "v17_8_o7bjb03 v17_8_o7bjb02 v17_8_1y2v1nfr8", o = "v17_8_o7bjb04", y = "v17_8_o7bjb06 v17_8_o7bjb05 v17_8_1y2v1nfra v17_8_1y2v1nfug", f = "v17_8_o7bjb07 v17_8_1y2v1nfdq", t = "v17_8_o7bjb08 v17_8_1y2v1nfdr", a = "v17_8_o7bjb09", j = "v17_8_o7bjb0c v17_8_o7bjb0a v17_8_1y2v1nfre v17_8_1y2v1nfrq v17_8_o7bjb0b v17_8_1y2v1nfrk", e = "v17_8_o7bjb0e v17_8_o7bjb0a v17_8_1y2v1nfre v17_8_1y2v1nfrq v17_8_o7bjb0d v17_8_1y2v1nfrj v17_8_1y2v1nfrt", i = "v17_8_o7bjb0g", p = "v17_8_o7bjb0h", s = "v17_8_o7bjb0i v17_8_1y2v1nfhd v17_8_1y2v1nfim v17_8_1y2v1nfjy v17_8_1y2v1nfl7 v17_8_1y2v1nftw v17_8_1y2v1nfh6", c = {
-    centered: "v17_8_o7bjb0l v17_8_o7bjb0j v17_8_1y2v1nfre v17_8_1y2v1nfr9 v17_8_1y2v1nfrt v17_8_1y2v1nfrn v17_8_1y2v1nfvl",
-    topRight: "v17_8_o7bjb0m v17_8_o7bjb0j v17_8_1y2v1nfre v17_8_1y2v1nfr9 v17_8_1y2v1nfrt v17_8_1y2v1nfrn v17_8_1y2v1nfvl v17_8_o7bjb0k v17_8_1y2v1nfur"
-}, u = "v17_8_o7bjb0o v17_8_o7bjb0n v17_8_1y2v1nfsb v17_8_1y2v1nfsr v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nfrn v17_8_1y2v1nfty";
+/* empty css                                     */ /* empty css                                    */ var n = 300, b = "v17_9_o7bjb01 v17_9_o7bjb00 v17_9_1y2v1nfs1 v17_9_1y2v1nfre v17_9_1y2v1nfrn", r = "v17_9_o7bjb03 v17_9_o7bjb02 v17_9_1y2v1nfr8", o = "v17_9_o7bjb04", y = "v17_9_o7bjb06 v17_9_o7bjb05 v17_9_1y2v1nfra v17_9_1y2v1nfug", f = "v17_9_o7bjb07 v17_9_1y2v1nfdq", t = "v17_9_o7bjb08 v17_9_1y2v1nfdr", a = "v17_9_o7bjb09", j = "v17_9_o7bjb0c v17_9_o7bjb0a v17_9_1y2v1nfre v17_9_1y2v1nfrq v17_9_o7bjb0b v17_9_1y2v1nfrk", e = "v17_9_o7bjb0e v17_9_o7bjb0a v17_9_1y2v1nfre v17_9_1y2v1nfrq v17_9_o7bjb0d v17_9_1y2v1nfrj v17_9_1y2v1nfrt", i = "v17_9_o7bjb0g", p = "v17_9_o7bjb0h", s = "v17_9_o7bjb0i v17_9_1y2v1nfhd v17_9_1y2v1nfim v17_9_1y2v1nfjy v17_9_1y2v1nfl7 v17_9_1y2v1nftw v17_9_1y2v1nfh6", c = {
+    centered: "v17_9_o7bjb0l v17_9_o7bjb0j v17_9_1y2v1nfre v17_9_1y2v1nfr9 v17_9_1y2v1nfrt v17_9_1y2v1nfrn v17_9_1y2v1nfvl",
+    topRight: "v17_9_o7bjb0m v17_9_o7bjb0j v17_9_1y2v1nfre v17_9_1y2v1nfr9 v17_9_1y2v1nfrt v17_9_1y2v1nfrn v17_9_1y2v1nfvl v17_9_o7bjb0k v17_9_1y2v1nfur"
+}, u = "v17_9_o7bjb0o v17_9_o7bjb0n v17_9_1y2v1nfsb v17_9_1y2v1nfsr v17_9_1y2v1nfre v17_9_1y2v1nfrt v17_9_1y2v1nfrn v17_9_1y2v1nfty";
 export { n as TRANSITION_TIME_IN_MS, i as button, s as buttonTouchable, j as contentWithLongButton, e as contentWithoutLongButton, c as dismissButton, u as dismissIcon, p as longButton, b as snackbar, r as snackbarContainer, o as snackbarOpen, y as wrapper, f as wrapperCritical, t as wrapperInfo, a as wrapperOpen };

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                   */ var r = "v17_8_1fthc594 v17_8_1fthc593 v17_8_1y2v1nfrw v17_8_1y2v1nfrg", n = "v17_8_1fthc595", t = "v17_8_1fthc596 v17_8_1y2v1nfrw v17_8_1y2v1nfrg", f = "v17_8_1fthc597";
+/* empty css                                     */ /* empty css                                   */ var r = "v17_9_1fthc594 v17_9_1fthc593 v17_9_1y2v1nfrw v17_9_1y2v1nfrg", n = "v17_9_1fthc595", t = "v17_9_1fthc596 v17_9_1y2v1nfrw v17_9_1y2v1nfrg", f = "v17_9_1fthc597";
 export { r as spinnerDefault, n as spinnerDefaultPath, t as spinnerIos, f as spinnerIosSvgPath };

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                  */ var r = "v17_8_1vlkt4s1 v17_8_1vlkt4s0 v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nfrn";
+/* empty css                                     */ /* empty css                                  */ var r = "v17_9_1vlkt4s1 v17_9_1vlkt4s0 v17_9_1y2v1nfre v17_9_1y2v1nfrt v17_9_1y2v1nfrn";
 export { r as square };

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

@@ -1,7 +1,7 @@
 /* empty css                                 */ var v = {
-    space: "var(--v17_8_xjgm6d0)",
-    spaceMobile: "var(--v17_8_xjgm6d1)",
-    spaceTablet: "var(--v17_8_xjgm6d2)",
-    spaceDesktop: "var(--v17_8_xjgm6d3)"
-}, _ = "v17_8_xjgm6d4", r = "v17_8_xjgm6d5";
+    space: "var(--v17_9_xjgm6d0)",
+    spaceMobile: "var(--v17_9_xjgm6d1)",
+    spaceTablet: "var(--v17_9_xjgm6d2)",
+    spaceDesktop: "var(--v17_9_xjgm6d3)"
+}, _ = "v17_9_xjgm6d4", r = "v17_9_xjgm6d5";
 export { r as flexStack, _ as marginStack, v as vars };

package/dist-es/stacking-group.css-mistica.js

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                          */ var r = "v17_8_1y38nye1 v17_8_1y38nye0 v17_8_1y2v1nfre v17_8_1y2v1nfr8 v17_8_1y2v1nfrn v17_8_1y2v1nfrt";
+/* empty css                                     */ /* empty css                                          */ var r = "v17_9_1y38nye1 v17_9_1y38nye0 v17_9_1y2v1nfre v17_9_1y2v1nfr8 v17_9_1y2v1nfrn v17_9_1y2v1nfrt";
 export { r as moreItems };

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

@@ -1,4 +1,4 @@
 /* empty css                                     */ /* empty css                                   */ var r = {
-    stepperMinHeight: "var(--v17_8_14h93mq0)"
-}, n = "v17_8_14h93mq7 v17_8_14h93mq6 v17_8_1y2v1nfre v17_8_1y2v1nfrs v17_8_1y2v1nftl", m = "v17_8_14h93mq8 v17_8_1y2v1nfre v17_8_1y2v1nfrt", f = "v17_8_14h93mqa v17_8_14h93mq9 v17_8_1y2v1nfr8 v17_8_1y2v1nfrf v17_8_1y2v1nfrk v17_8_1y2v1nfrt", e = "v17_8_14h93mqc v17_8_14h93mqb v17_8_1y2v1nfr8 v17_8_1y2v1nfre", y = "v17_8_14h93mqd", a = "v17_8_14h93mqf v17_8_14h93mqe v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nfrn v17_8_1y2v1nfty", h = "v17_8_14h93mqg", q = "v17_8_14h93mqi v17_8_14h93mqh v17_8_1y2v1nfr9", t = "v17_8_14h93mql v17_8_14h93mqk v17_8_1y2v1nfsl v17_8_1y2v1nfs1 v17_8_1y2v1nfuc v17_8_1y2v1nfui", i = "v17_8_14h93mqn v17_8_14h93mqm v17_8_1y2v1nfsl v17_8_1y2v1nfs1 v17_8_1y2v1nfuc v17_8_1y2v1nfui", s = "v17_8_14h93mqo", l = "v17_8_14h93mqq v17_8_14h93mqp v17_8_1y2v1nfs3";
+    stepperMinHeight: "var(--v17_9_14h93mq0)"
+}, n = "v17_9_14h93mq7 v17_9_14h93mq6 v17_9_1y2v1nfre v17_9_1y2v1nfrs v17_9_1y2v1nftl", m = "v17_9_14h93mq8 v17_9_1y2v1nfre v17_9_1y2v1nfrt", f = "v17_9_14h93mqa v17_9_14h93mq9 v17_9_1y2v1nfr8 v17_9_1y2v1nfrf v17_9_1y2v1nfrk v17_9_1y2v1nfrt", e = "v17_9_14h93mqc v17_9_14h93mqb v17_9_1y2v1nfr8 v17_9_1y2v1nfre", y = "v17_9_14h93mqd", a = "v17_9_14h93mqf v17_9_14h93mqe v17_9_1y2v1nfre v17_9_1y2v1nfrt v17_9_1y2v1nfrn v17_9_1y2v1nfty", h = "v17_9_14h93mqg", q = "v17_9_14h93mqi v17_9_14h93mqh v17_9_1y2v1nfr9", t = "v17_9_14h93mql v17_9_14h93mqk v17_9_1y2v1nfsl v17_9_1y2v1nfs1 v17_9_1y2v1nfuc v17_9_1y2v1nfui", i = "v17_9_14h93mqn v17_9_14h93mqm v17_9_1y2v1nfsl v17_9_1y2v1nfs1 v17_9_1y2v1nfuc v17_9_1y2v1nfui", s = "v17_9_14h93mqo", l = "v17_9_14h93mqq v17_9_14h93mqp v17_9_1y2v1nfs3";
 export { t as bar, i as barFilled, s as barFilledAnimation, l as barFilledReverseAnimation, h as currentNumber, y as iconAnimation, m as listItem, a as number, f as step, e as stepIconNumber, n as stepper, q as textContainer, r as vars };

package/dist-es/stepper.js

@@ -51,114 +51,120 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsx as e, jsxs as S } from "react/jsx-runtime";
-import * as m from "react";
+import { jsx as e, jsxs as v } from "react/jsx-runtime";
+import * as p from "react";
 import d from "classnames";
-import { Text1 as F, Text as M, getTextSizes as j } from "./text.js";
-import { useTheme as z, useElementDimensions as B } from "./hooks.js";
-import { stepperCompletedStep as D, stepperCurrentStep as E } from "./text-tokens.js";
-import H from "./icons/icon-success.js";
-import { stepper as I, listItem as L, step as O, stepIconNumber as v, iconAnimation as V, number as q, currentNumber as G, textContainer as J, bar as K, barFilledReverseAnimation as Q, barFilledAnimation as U, barFilled as W, vars as X } from "./stepper.css-mistica.js";
-import { applyCssVars as Y, pxToRem as Z } from "./utils/css.js";
-import { vars as l } from "./skins/skin-contract.css-mistica.js";
-import { getPrefixedDataAttributes as _ } from "./utils/dom.js";
-import ee from "./screen-reader-only.js";
-const de = (param)=>{
-    let { steps: c, currentIndex: n, "aria-label": x, "aria-labelledby": y, "aria-description": g, "aria-describedby": N, dataAttributes: C } = param;
-    const { texts: h, t: u, textPresets: f } = z(), { height: A, ref: T } = B(), $ = A, [r, P] = m.useState(Math.ceil(n)), [a, w] = m.useState(!1);
-    m.useEffect(()=>{
-        const i = Math.ceil(n);
-        r !== i && (w(i < r), P(i));
+import { Text1 as w, Text as R, getTextSizes as z } from "./text.js";
+import { useTheme as E, useElementDimensions as F } from "./hooks.js";
+import { stepperCompletedStep as L, stepperCurrentStep as M } from "./text-tokens.js";
+import _ from "./icons/icon-success.js";
+import j from "./icons/icon-stepper-success-vivo.js";
+import { stepper as B, listItem as D, step as H, stepIconNumber as N, iconAnimation as K, number as U, currentNumber as q, textContainer as G, bar as J, barFilledReverseAnimation as Q, barFilledAnimation as W, barFilled as X, vars as Y } from "./stepper.css-mistica.js";
+import { applyCssVars as Z, pxToRem as ee } from "./utils/css.js";
+import { vars as o } from "./skins/skin-contract.css-mistica.js";
+import { getPrefixedDataAttributes as te } from "./utils/dom.js";
+import re from "./screen-reader-only.js";
+import { VIVO_SKIN as ie, VIVO_EVOLUTION_SKIN as se } from "./skins/constants.js";
+const ve = (param)=>{
+    let { steps: n, currentIndex: m, "aria-label": x, "aria-labelledby": y, "aria-description": g, "aria-describedby": A, dataAttributes: C } = param;
+    const { texts: h, t: u, textPresets: f, skinName: S } = E(), { height: I, ref: T } = F(), V = I, [r, $] = p.useState(Math.ceil(m)), [i, k] = p.useState(!1);
+    p.useEffect(()=>{
+        const s = Math.ceil(m);
+        r !== s && (k(s < r), $(s));
     }, [
+        m,
         n,
-        c,
         r
     ]);
-    const R = h.stepperCompletedStep || u(D), k = h.stepperCurrentStep || u(E);
+    const O = h.stepperCompletedStep || u(L), P = h.stepperCurrentStep || u(M);
     return(// The explicit role="list" is needed for Safari VoiceOver when setting css list-style: none
     // aria-description is not supported by the eslint rule
     // eslint-disable-next-line jsx-a11y/no-redundant-roles, jsx-a11y/role-supports-aria-props
     /* @__PURE__ */ e("ol", _object_spread_props(_object_spread({
         role: "list",
-        className: I,
-        style: Y({
-            [X.stepperMinHeight]: Z(40 + $)
+        className: B,
+        style: Z({
+            [Y.stepperMinHeight]: ee(40 + V)
         })
-    }, _(_object_spread({
+    }, te(_object_spread({
         testid: "Stepper"
     }, C))), {
         "aria-label": x,
         "aria-labelledby": y,
         "aria-description": g,
-        "aria-describedby": N,
-        children: c.map((i, s)=>{
-            const t = s === r, b = s === c.length - 1, o = s < r, p = s === r - 1;
-            return /* @__PURE__ */ S("li", {
-                className: L,
+        "aria-describedby": A,
+        children: n.map((s, a)=>{
+            const t = a === r, b = a === n.length - 1, c = a < r, l = a === r - 1;
+            return /* @__PURE__ */ v("li", {
+                className: D,
                 style: b ? void 0 : {
                     flex: 1
                 },
                 "aria-current": t ? "step" : void 0,
                 children: [
-                    /* @__PURE__ */ S("div", {
-                        className: O,
+                    /* @__PURE__ */ v("div", {
+                        className: H,
                         children: [
-                            o ? /* @__PURE__ */ e("div", {
-                                className: d(v, {
-                                    [V]: p && !a
+                            c ? /* @__PURE__ */ e("div", {
+                                className: d(N, {
+                                    [K]: l && !i
                                 }),
                                 "aria-hidden": "true",
-                                children: /* @__PURE__ */ e(H, {
-                                    color: l.colors.controlActivated,
+                                children: S === ie || S === se ? /* @__PURE__ */ e(j, {
+                                    color: o.colors.controlActivated,
                                     size: "100%",
-                                    skipAnimation: !p || a
+                                    skipAnimation: !l || i
+                                }) : /* @__PURE__ */ e(_, {
+                                    color: o.colors.controlActivated,
+                                    size: "100%",
+                                    skipAnimation: !l || i
                                 })
                             }) : /* @__PURE__ */ e("div", {
-                                className: d(v, q, {
-                                    [G]: t || t
+                                className: d(N, U, {
+                                    [q]: t || t
                                 }),
-                                children: /* @__PURE__ */ e(F, {
+                                children: /* @__PURE__ */ e(w, {
                                     as: "span",
                                     weight: f.indicator.weight,
-                                    color: t ? l.colors.textPrimaryNegative : l.colors.textSecondary,
+                                    color: t ? o.colors.textPrimaryNegative : o.colors.textSecondary,
                                     "aria-hidden": "true",
-                                    children: s + 1
+                                    children: a + 1
                                 })
                             }),
                             /* @__PURE__ */ e("div", {
-                                className: J,
+                                className: G,
                                 "aria-hidden": "true",
                                 ref: T,
-                                children: /* @__PURE__ */ e(M, _object_spread_props(_object_spread({}, j({
+                                children: /* @__PURE__ */ e(R, _object_spread_props(_object_spread({}, z({
                                     textPreset: f.stepperStepLabel
                                 })), {
                                     weight: "regular",
                                     as: "div",
-                                    color: o || t ? l.colors.textPrimary : l.colors.textSecondary,
-                                    children: i
+                                    color: c || t ? o.colors.textPrimary : o.colors.textSecondary,
+                                    children: s
                                 }))
                             }),
-                            /* @__PURE__ */ e(ee, {
+                            /* @__PURE__ */ e(re, {
                                 children: /* @__PURE__ */ e("span", {
-                                    children: `${o ? `${R}: ` : t ? `${k}: ` : ""}${i}`
+                                    children: `${c ? `${O}: ` : t ? `${P}: ` : ""}${s}`
                                 })
                             })
                         ]
                     }),
                     !b && /* @__PURE__ */ e("div", {
-                        className: K,
+                        className: J,
                         "aria-hidden": "true",
-                        children: (o || t) && /* @__PURE__ */ e("div", {
+                        children: (c || t) && /* @__PURE__ */ e("div", {
                             className: d({
-                                [W]: a && t || o,
-                                [U]: p && !a,
-                                [Q]: t && a
+                                [X]: i && t || c,
+                                [W]: l && !i,
+                                [Q]: t && i
                             })
                         })
                     })
                 ]
-            }, s);
+            }, a);
         })
     })));
 };
-export { de as default };
+export { ve as default };