@telefonica/mistica 17.1.0 → 17.3.0

package/dist-es/skins/telefonica.js

@@ -676,7 +676,8 @@ const e = {
             input: "8px",
             popup: "4px",
             sheet: "0px",
-            mediaSmall: "2px"
+            mediaSmall: "2px",
+            snackbar: "4px"
         },
         textPresets: {
             button: {
@@ -1068,9 +1069,17 @@ const e = {
                     mobile: 8,
                     desktop: 8
                 },
+                right: {
+                    mobile: 16,
+                    desktop: 16
+                },
                 bottom: {
                     mobile: 8,
                     desktop: 8
+                },
+                left: {
+                    mobile: 12,
+                    desktop: 12
                 }
             },
             tagPadding: {

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

@@ -705,11 +705,12 @@ const e = {
             container: "24px",
             indicator: "24px",
             chip: "24px",
-            tag: "10px",
+            tag: "8px",
             input: "16px",
             popup: "16px",
             sheet: "24px",
-            mediaSmall: "12px"
+            mediaSmall: "12px",
+            snackbar: "24px"
         },
         textPresets: {
             button: {
@@ -1013,34 +1014,34 @@ const e = {
             title2: {
                 lineHeight: {
                     desktop: 24,
-                    mobile: 24
+                    mobile: 20
                 },
                 size: {
-                    desktop: 18,
-                    mobile: 16
+                    desktop: 16,
+                    mobile: 14
                 },
                 weight: "medium"
             },
             title3: {
                 lineHeight: {
-                    desktop: 28,
+                    desktop: 24,
                     mobile: 24
                 },
                 size: {
-                    desktop: 24,
-                    mobile: 18
+                    desktop: 18,
+                    mobile: 16
                 },
                 weight: "medium"
             },
             title4: {
                 lineHeight: {
-                    desktop: 40,
-                    mobile: 32
-                },
-                size: {
                     desktop: 32,
                     mobile: 24
                 },
+                size: {
+                    desktop: 28,
+                    mobile: 20
+                },
                 weight: "medium"
             }
         },
@@ -1101,9 +1102,17 @@ const e = {
                     mobile: 8,
                     desktop: 8
                 },
+                right: {
+                    mobile: 16,
+                    desktop: 16
+                },
                 bottom: {
                     mobile: 8,
                     desktop: 8
+                },
+                left: {
+                    mobile: 16,
+                    desktop: 16
                 }
             },
             tagPadding: {

package/dist-es/skins/vivo.js

@@ -665,7 +665,8 @@ const e = {
             input: "16px",
             popup: "16px",
             sheet: "24px",
-            mediaSmall: "12px"
+            mediaSmall: "12px",
+            snackbar: "16px"
         },
         textPresets: {
             button: {
@@ -1057,9 +1058,17 @@ const e = {
                     mobile: 8,
                     desktop: 8
                 },
+                right: {
+                    mobile: 16,
+                    desktop: 16
+                },
                 bottom: {
                     mobile: 8,
                     desktop: 8
+                },
+                left: {
+                    mobile: 12,
+                    desktop: 12
                 }
             },
             tagPadding: {

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                              */ /* empty css                                     */ var f = "v17_1_13pf4ld1 v17_1_13pf4ld0 v17_1_1y2v1nfhc v17_1_1y2v1nfil v17_1_1y2v1nfju v17_1_1y2v1nfl3 v17_1_1y2v1nf8x v17_1_1y2v1nftr v17_1_1y2v1nfu2 v17_1_1y2v1nfr5 v17_1_1y2v1nfuj v17_1_1y2v1nfuy", y = "v17_1_13pf4ld2";
-export { f as skipLinkContainer, y as skipLinkList };
+/* empty css                                     */ /* empty css                                              */ /* empty css                                     */ var f = "v17_3_13pf4ld1 v17_3_13pf4ld0 v17_3_1y2v1nfhc v17_3_1y2v1nfil v17_3_1y2v1nfju v17_3_1y2v1nfl3 v17_3_1y2v1nf8x v17_3_1y2v1nftr v17_3_1y2v1nfu2 v17_3_1y2v1nfr5 v17_3_1y2v1nfuk v17_3_1y2v1nfuz", i = "v17_3_13pf4ld2";
+export { f as skipLinkContainer, i as skipLinkList };

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

@@ -1,20 +1,20 @@
-/* empty css                                     */ /* empty css                                  */ var l = "v17_1_1j1wlhk1 v17_1_1j1wlhk0 v17_1_1y2v1nfrx v17_1_1y2v1nfr4 v17_1_1y2v1nfra v17_1_1y2v1nfrp v17_1_1y2v1nfuc", n = "v17_1_1j1wlhk2", h = "v17_1_1j1wlhk3 v17_1_1y2v1nfrx v17_1_1y2v1nfsh v17_1_1y2v1nfu8", j = "v17_1_1j1wlhk5 v17_1_1j1wlhk4 v17_1_1y2v1nfr5 v17_1_1y2v1nfra v17_1_1y2v1nfrp v17_1_1y2v1nfrj", k = {
-    default: "v17_1_1j1wlhkd v17_1_1j1wlhk7 v17_1_1j1wlhk6 v17_1_1y2v1nfs5 v17_1_1y2v1nfsl v17_1_1y2v1nftu v17_1_1j1wlhk8 v17_1_1y2v1nfcr",
-    alternative: "v17_1_1j1wlhke v17_1_1j1wlhk7 v17_1_1j1wlhk6 v17_1_1y2v1nfs5 v17_1_1y2v1nfsl v17_1_1y2v1nftu v17_1_1j1wlhk9 v17_1_1y2v1nfcr",
-    brand: "v17_1_1j1wlhkf v17_1_1j1wlhk7 v17_1_1j1wlhk6 v17_1_1y2v1nfs5 v17_1_1y2v1nfsl v17_1_1y2v1nftu v17_1_1j1wlhka v17_1_1y2v1nfcx",
-    media: "v17_1_1j1wlhkg v17_1_1j1wlhk7 v17_1_1j1wlhk6 v17_1_1y2v1nfs5 v17_1_1y2v1nfsl v17_1_1y2v1nftu v17_1_1j1wlhkb v17_1_1y2v1nfcx",
-    negative: "v17_1_1j1wlhkh v17_1_1j1wlhk7 v17_1_1j1wlhk6 v17_1_1y2v1nfs5 v17_1_1y2v1nfsl v17_1_1y2v1nftu v17_1_1j1wlhkc v17_1_1y2v1nfcw"
-}, f = "v17_1_1j1wlhkj v17_1_1j1wlhki v17_1_1y2v1nfdc v17_1_1y2v1nftu", w = {
-    default: "v17_1_1j1wlhkk",
-    alternative: "v17_1_1j1wlhkl",
-    brand: "v17_1_1j1wlhkm",
-    media: "v17_1_1j1wlhkn",
-    negative: "v17_1_1j1wlhko"
+/* empty css                                     */ /* empty css                                  */ var l = "v17_3_1j1wlhk1 v17_3_1j1wlhk0 v17_3_1y2v1nfrx v17_3_1y2v1nfr4 v17_3_1y2v1nfra v17_3_1y2v1nfrp v17_3_1y2v1nfud", n = "v17_3_1j1wlhk2", h = "v17_3_1j1wlhk3 v17_3_1y2v1nfrx v17_3_1y2v1nfsh v17_3_1y2v1nfu8", k = "v17_3_1j1wlhk5 v17_3_1j1wlhk4 v17_3_1y2v1nfr5 v17_3_1y2v1nfra v17_3_1y2v1nfrp v17_3_1y2v1nfrj", j = {
+    default: "v17_3_1j1wlhkd v17_3_1j1wlhk7 v17_3_1j1wlhk6 v17_3_1y2v1nfs5 v17_3_1y2v1nfsl v17_3_1y2v1nftu v17_3_1j1wlhk8 v17_3_1y2v1nfcr",
+    alternative: "v17_3_1j1wlhke v17_3_1j1wlhk7 v17_3_1j1wlhk6 v17_3_1y2v1nfs5 v17_3_1y2v1nfsl v17_3_1y2v1nftu v17_3_1j1wlhk9 v17_3_1y2v1nfcr",
+    brand: "v17_3_1j1wlhkf v17_3_1j1wlhk7 v17_3_1j1wlhk6 v17_3_1y2v1nfs5 v17_3_1y2v1nfsl v17_3_1y2v1nftu v17_3_1j1wlhka v17_3_1y2v1nfcx",
+    media: "v17_3_1j1wlhkg v17_3_1j1wlhk7 v17_3_1j1wlhk6 v17_3_1y2v1nfs5 v17_3_1y2v1nfsl v17_3_1y2v1nftu v17_3_1j1wlhkb v17_3_1y2v1nfcx",
+    negative: "v17_3_1j1wlhkh v17_3_1j1wlhk7 v17_3_1j1wlhk6 v17_3_1y2v1nfs5 v17_3_1y2v1nfsl v17_3_1y2v1nftu v17_3_1j1wlhkc v17_3_1y2v1nfcw"
+}, f = "v17_3_1j1wlhkj v17_3_1j1wlhki v17_3_1y2v1nfdc v17_3_1y2v1nftu", w = {
+    default: "v17_3_1j1wlhkk",
+    alternative: "v17_3_1j1wlhkl",
+    brand: "v17_3_1j1wlhkm",
+    media: "v17_3_1j1wlhkn",
+    negative: "v17_3_1j1wlhko"
 }, y = {
-    default: "v17_1_1j1wlhkp",
-    alternative: "v17_1_1j1wlhkq",
-    brand: "v17_1_1j1wlhkr",
-    media: "v17_1_1j1wlhks",
-    negative: "v17_1_1j1wlhkt"
-}, a = "v17_1_1j1wlhkv v17_1_1j1wlhku v17_1_1y2v1nfr5 v17_1_1y2v1nfuj";
-export { l as container, k as defaultThumb, n as disabled, a as input, f as iosThumb, y as thumbActive, j as thumbContainer, w as thumbHover, h as track };
+    default: "v17_3_1j1wlhkp",
+    alternative: "v17_3_1j1wlhkq",
+    brand: "v17_3_1j1wlhkr",
+    media: "v17_3_1j1wlhks",
+    negative: "v17_3_1j1wlhkt"
+}, a = "v17_3_1j1wlhkv v17_3_1j1wlhku v17_3_1y2v1nfr5 v17_3_1y2v1nfuk";
+export { l as container, j as defaultThumb, n as disabled, a as input, f as iosThumb, y as thumbActive, k as thumbContainer, w 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_1_o7bjb01 v17_1_o7bjb00 v17_1_1y2v1nfrx v17_1_1y2v1nfra v17_1_1y2v1nfrj", r = "v17_1_o7bjb03 v17_1_o7bjb02 v17_1_1y2v1nfr4", o = "v17_1_o7bjb04", f = "v17_1_o7bjb06 v17_1_o7bjb05 v17_1_1y2v1nfr6 v17_1_1y2v1nfu3", y = "v17_1_o7bjb07 v17_1_1y2v1nfdm", a = "v17_1_o7bjb08 v17_1_1y2v1nfdn", j = "v17_1_o7bjb09", t = "v17_1_o7bjb0c v17_1_o7bjb0a v17_1_1y2v1nfra v17_1_1y2v1nfrm v17_1_o7bjb0b v17_1_1y2v1nfrg", p = "v17_1_o7bjb0e v17_1_o7bjb0a v17_1_1y2v1nfra v17_1_1y2v1nfrm v17_1_o7bjb0d v17_1_1y2v1nfrf v17_1_1y2v1nfrp", e = "v17_1_o7bjb0g", i = "v17_1_o7bjb0h", s = "v17_1_o7bjb0i v17_1_1y2v1nfh9 v17_1_1y2v1nfii v17_1_1y2v1nfju v17_1_1y2v1nfl3 v17_1_1y2v1nfts v17_1_1y2v1nfh2", u = {
-    centered: "v17_1_o7bjb0l v17_1_o7bjb0j v17_1_1y2v1nfra v17_1_1y2v1nfr5 v17_1_1y2v1nfrp v17_1_1y2v1nfrj v17_1_1y2v1nfvg",
-    topRight: "v17_1_o7bjb0m v17_1_o7bjb0j v17_1_1y2v1nfra v17_1_1y2v1nfr5 v17_1_1y2v1nfrp v17_1_1y2v1nfrj v17_1_1y2v1nfvg v17_1_o7bjb0k v17_1_1y2v1nfum"
-}, c = "v17_1_o7bjb0o v17_1_o7bjb0n v17_1_1y2v1nfs7 v17_1_1y2v1nfsn v17_1_1y2v1nfra v17_1_1y2v1nfrp v17_1_1y2v1nfrj v17_1_1y2v1nftu";
+/* empty css                                     */ /* empty css                                    */ var n = 300, b = "v17_3_o7bjb01 v17_3_o7bjb00 v17_3_1y2v1nfrx v17_3_1y2v1nfra v17_3_1y2v1nfrj", r = "v17_3_o7bjb03 v17_3_o7bjb02 v17_3_1y2v1nfr4", o = "v17_3_o7bjb04", f = "v17_3_o7bjb06 v17_3_o7bjb05 v17_3_1y2v1nfr6 v17_3_1y2v1nfuc", y = "v17_3_o7bjb07 v17_3_1y2v1nfdm", a = "v17_3_o7bjb08 v17_3_1y2v1nfdn", j = "v17_3_o7bjb09", t = "v17_3_o7bjb0c v17_3_o7bjb0a v17_3_1y2v1nfra v17_3_1y2v1nfrm v17_3_o7bjb0b v17_3_1y2v1nfrg", p = "v17_3_o7bjb0e v17_3_o7bjb0a v17_3_1y2v1nfra v17_3_1y2v1nfrm v17_3_o7bjb0d v17_3_1y2v1nfrf v17_3_1y2v1nfrp", e = "v17_3_o7bjb0g", i = "v17_3_o7bjb0h", s = "v17_3_o7bjb0i v17_3_1y2v1nfh9 v17_3_1y2v1nfii v17_3_1y2v1nfju v17_3_1y2v1nfl3 v17_3_1y2v1nfts v17_3_1y2v1nfh2", u = {
+    centered: "v17_3_o7bjb0l v17_3_o7bjb0j v17_3_1y2v1nfra v17_3_1y2v1nfr5 v17_3_1y2v1nfrp v17_3_1y2v1nfrj v17_3_1y2v1nfvh",
+    topRight: "v17_3_o7bjb0m v17_3_o7bjb0j v17_3_1y2v1nfra v17_3_1y2v1nfr5 v17_3_1y2v1nfrp v17_3_1y2v1nfrj v17_3_1y2v1nfvh v17_3_o7bjb0k v17_3_1y2v1nfun"
+}, c = "v17_3_o7bjb0o v17_3_o7bjb0n v17_3_1y2v1nfs7 v17_3_1y2v1nfsn v17_3_1y2v1nfra v17_3_1y2v1nfrp v17_3_1y2v1nfrj v17_3_1y2v1nftu";
 export { n as TRANSITION_TIME_IN_MS, e as button, s as buttonTouchable, t as contentWithLongButton, p as contentWithoutLongButton, u as dismissButton, c as dismissIcon, i as longButton, b as snackbar, r as snackbarContainer, o as snackbarOpen, f as wrapper, y as wrapperCritical, a as wrapperInfo, j as wrapperOpen };

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                   */ var r = "v17_1_1fthc594 v17_1_1fthc593 v17_1_1y2v1nfrs v17_1_1y2v1nfrc", n = "v17_1_1fthc595", t = "v17_1_1fthc596 v17_1_1y2v1nfrs v17_1_1y2v1nfrc", f = "v17_1_1fthc597";
+/* empty css                                     */ /* empty css                                   */ var r = "v17_3_1fthc594 v17_3_1fthc593 v17_3_1y2v1nfrs v17_3_1y2v1nfrc", n = "v17_3_1fthc595", t = "v17_3_1fthc596 v17_3_1y2v1nfrs v17_3_1y2v1nfrc", f = "v17_3_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_1_1vlkt4s1 v17_1_1vlkt4s0 v17_1_1y2v1nfra v17_1_1y2v1nfrp v17_1_1y2v1nfrj";
+/* empty css                                     */ /* empty css                                  */ var r = "v17_3_1vlkt4s1 v17_3_1vlkt4s0 v17_3_1y2v1nfra v17_3_1y2v1nfrp v17_3_1y2v1nfrj";
 export { r as square };

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

@@ -1,7 +1,7 @@
 /* empty css                                 */ var v = {
-    space: "var(--v17_1_xjgm6d0)",
-    spaceMobile: "var(--v17_1_xjgm6d1)",
-    spaceTablet: "var(--v17_1_xjgm6d2)",
-    spaceDesktop: "var(--v17_1_xjgm6d3)"
-}, _ = "v17_1_xjgm6d4", r = "v17_1_xjgm6d5";
+    space: "var(--v17_3_xjgm6d0)",
+    spaceMobile: "var(--v17_3_xjgm6d1)",
+    spaceTablet: "var(--v17_3_xjgm6d2)",
+    spaceDesktop: "var(--v17_3_xjgm6d3)"
+}, _ = "v17_3_xjgm6d4", r = "v17_3_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_1_1y38nye1 v17_1_1y38nye0 v17_1_1y2v1nfra v17_1_1y2v1nfr4 v17_1_1y2v1nfrj v17_1_1y2v1nfrp";
+/* empty css                                     */ /* empty css                                          */ var r = "v17_3_1y38nye1 v17_3_1y38nye0 v17_3_1y2v1nfra v17_3_1y2v1nfr4 v17_3_1y2v1nfrj v17_3_1y2v1nfrp";
 export { r as moreItems };

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

@@ -1,4 +1,4 @@
 /* empty css                                     */ /* empty css                                   */ var r = {
-    stepperMinHeight: "var(--v17_1_14h93mq0)"
-}, n = "v17_1_14h93mq7 v17_1_14h93mq6 v17_1_1y2v1nfra v17_1_1y2v1nfro v17_1_1y2v1nfth", m = "v17_1_14h93mq8 v17_1_1y2v1nfra v17_1_1y2v1nfrp", a = "v17_1_14h93mqa v17_1_14h93mq9 v17_1_1y2v1nfr4 v17_1_1y2v1nfrb v17_1_1y2v1nfrg v17_1_1y2v1nfrp", f = "v17_1_14h93mqc v17_1_14h93mqb v17_1_1y2v1nfr4 v17_1_1y2v1nfra", h = "v17_1_14h93mqd", y = "v17_1_14h93mqf v17_1_14h93mqe v17_1_1y2v1nfra v17_1_1y2v1nfrp v17_1_1y2v1nfrj v17_1_1y2v1nftu", e = "v17_1_14h93mqg", q = "v17_1_14h93mqi v17_1_14h93mqh v17_1_1y2v1nfr5", t = "v17_1_14h93mql v17_1_14h93mqk v17_1_1y2v1nfsh v17_1_1y2v1nfrx v17_1_1y2v1nfu8 v17_1_1y2v1nfud", i = "v17_1_14h93mqn v17_1_14h93mqm v17_1_1y2v1nfsh v17_1_1y2v1nfrx v17_1_1y2v1nfu8 v17_1_1y2v1nfud", p = "v17_1_14h93mqo", o = "v17_1_14h93mqq v17_1_14h93mqp v17_1_1y2v1nfrz";
+    stepperMinHeight: "var(--v17_3_14h93mq0)"
+}, n = "v17_3_14h93mq7 v17_3_14h93mq6 v17_3_1y2v1nfra v17_3_1y2v1nfro v17_3_1y2v1nfth", m = "v17_3_14h93mq8 v17_3_1y2v1nfra v17_3_1y2v1nfrp", a = "v17_3_14h93mqa v17_3_14h93mq9 v17_3_1y2v1nfr4 v17_3_1y2v1nfrb v17_3_1y2v1nfrg v17_3_1y2v1nfrp", f = "v17_3_14h93mqc v17_3_14h93mqb v17_3_1y2v1nfr4 v17_3_1y2v1nfra", h = "v17_3_14h93mqd", y = "v17_3_14h93mqf v17_3_14h93mqe v17_3_1y2v1nfra v17_3_1y2v1nfrp v17_3_1y2v1nfrj v17_3_1y2v1nftu", e = "v17_3_14h93mqg", q = "v17_3_14h93mqi v17_3_14h93mqh v17_3_1y2v1nfr5", t = "v17_3_14h93mql v17_3_14h93mqk v17_3_1y2v1nfsh v17_3_1y2v1nfrx v17_3_1y2v1nfu8 v17_3_1y2v1nfue", i = "v17_3_14h93mqn v17_3_14h93mqm v17_3_1y2v1nfsh v17_3_1y2v1nfrx v17_3_1y2v1nfu8 v17_3_1y2v1nfue", p = "v17_3_14h93mqo", o = "v17_3_14h93mqq v17_3_14h93mqp v17_3_1y2v1nfrz";
 export { t as bar, i as barFilled, p as barFilledAnimation, o as barFilledReverseAnimation, e as currentNumber, h as iconAnimation, m as listItem, y as number, a as step, f as stepIconNumber, n as stepper, q as textContainer, r as vars };

package/dist-es/stepper.js

@@ -54,33 +54,33 @@ function _object_spread_props(target, source) {
 import { jsx as e, jsxs as S } from "react/jsx-runtime";
 import * as m from "react";
 import d from "classnames";
-import { Text1 as F, Text as I, getTextSizes as M } from "./text.js";
-import { useTheme as j, useElementDimensions as z } from "./hooks.js";
-import { stepperCompletedStep as B, stepperCurrentStep as D } from "./text-tokens.js";
-import E from "./icons/icon-success.js";
-import { stepper as H, 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 { 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 } = j(), { height: A, ref: T } = z(), $ = A, [r, P] = m.useState(Math.ceil(n)), [a, w] = m.useState(!1);
+    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 s = Math.ceil(n);
-        r !== s && (w(s < r), P(s));
+        const i = Math.ceil(n);
+        r !== i && (w(i < r), P(i));
     }, [
         n,
         c,
         r
     ]);
-    const R = h.stepperCompletedStep || u(B), k = h.stepperCurrentStep || u(D);
+    const R = h.stepperCompletedStep || u(D), k = h.stepperCurrentStep || u(E);
     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: H,
+        className: I,
         style: Y({
             [X.stepperMinHeight]: Z(40 + $)
         })
@@ -91,8 +91,8 @@ const de = (param)=>{
         "aria-labelledby": y,
         "aria-description": g,
         "aria-describedby": N,
-        children: c.map((s, i)=>{
-            const t = i === r, b = i === c.length - 1, o = i < r, p = i === r - 1;
+        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,
                 style: b ? void 0 : {
@@ -108,7 +108,7 @@ const de = (param)=>{
                                     [V]: p && !a
                                 }),
                                 "aria-hidden": "true",
-                                children: /* @__PURE__ */ e(E, {
+                                children: /* @__PURE__ */ e(H, {
                                     color: l.colors.controlActivated,
                                     size: "100%",
                                     skipAnimation: !p || a
@@ -120,27 +120,27 @@ const de = (param)=>{
                                 children: /* @__PURE__ */ e(F, {
                                     as: "span",
                                     weight: f.indicator.weight,
-                                    color: t ? l.colors.textPrimaryInverse : l.colors.textSecondary,
+                                    color: t ? l.colors.textPrimaryNegative : l.colors.textSecondary,
                                     "aria-hidden": "true",
-                                    children: i + 1
+                                    children: s + 1
                                 })
                             }),
                             /* @__PURE__ */ e("div", {
                                 className: J,
                                 "aria-hidden": "true",
                                 ref: T,
-                                children: /* @__PURE__ */ e(I, _object_spread_props(_object_spread({}, M({
+                                children: /* @__PURE__ */ e(M, _object_spread_props(_object_spread({}, j({
                                     textPreset: f.stepperStepLabel
                                 })), {
                                     weight: "regular",
                                     as: "div",
                                     color: o || t ? l.colors.textPrimary : l.colors.textSecondary,
-                                    children: s
+                                    children: i
                                 }))
                             }),
                             /* @__PURE__ */ e(ee, {
                                 children: /* @__PURE__ */ e("span", {
-                                    children: `${o ? `${R}: ` : t ? `${k}: ` : ""}${s}`
+                                    children: `${o ? `${R}: ` : t ? `${k}: ` : ""}${i}`
                                 })
                             })
                         ]
@@ -157,7 +157,7 @@ const de = (param)=>{
                         })
                     })
                 ]
-            }, i);
+            }, s);
         })
     })));
 };