@telefonica/mistica 17.1.0 → 17.2.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_2_13pf4ld1 v17_2_13pf4ld0 v17_2_1y2v1nfhc v17_2_1y2v1nfil v17_2_1y2v1nfju v17_2_1y2v1nfl3 v17_2_1y2v1nf8x v17_2_1y2v1nftr v17_2_1y2v1nfu2 v17_2_1y2v1nfr5 v17_2_1y2v1nfuk v17_2_1y2v1nfuz", i = "v17_2_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_2_1j1wlhk1 v17_2_1j1wlhk0 v17_2_1y2v1nfrx v17_2_1y2v1nfr4 v17_2_1y2v1nfra v17_2_1y2v1nfrp v17_2_1y2v1nfud", n = "v17_2_1j1wlhk2", h = "v17_2_1j1wlhk3 v17_2_1y2v1nfrx v17_2_1y2v1nfsh v17_2_1y2v1nfu8", k = "v17_2_1j1wlhk5 v17_2_1j1wlhk4 v17_2_1y2v1nfr5 v17_2_1y2v1nfra v17_2_1y2v1nfrp v17_2_1y2v1nfrj", j = {
+    default: "v17_2_1j1wlhkd v17_2_1j1wlhk7 v17_2_1j1wlhk6 v17_2_1y2v1nfs5 v17_2_1y2v1nfsl v17_2_1y2v1nftu v17_2_1j1wlhk8 v17_2_1y2v1nfcr",
+    alternative: "v17_2_1j1wlhke v17_2_1j1wlhk7 v17_2_1j1wlhk6 v17_2_1y2v1nfs5 v17_2_1y2v1nfsl v17_2_1y2v1nftu v17_2_1j1wlhk9 v17_2_1y2v1nfcr",
+    brand: "v17_2_1j1wlhkf v17_2_1j1wlhk7 v17_2_1j1wlhk6 v17_2_1y2v1nfs5 v17_2_1y2v1nfsl v17_2_1y2v1nftu v17_2_1j1wlhka v17_2_1y2v1nfcx",
+    media: "v17_2_1j1wlhkg v17_2_1j1wlhk7 v17_2_1j1wlhk6 v17_2_1y2v1nfs5 v17_2_1y2v1nfsl v17_2_1y2v1nftu v17_2_1j1wlhkb v17_2_1y2v1nfcx",
+    negative: "v17_2_1j1wlhkh v17_2_1j1wlhk7 v17_2_1j1wlhk6 v17_2_1y2v1nfs5 v17_2_1y2v1nfsl v17_2_1y2v1nftu v17_2_1j1wlhkc v17_2_1y2v1nfcw"
+}, f = "v17_2_1j1wlhkj v17_2_1j1wlhki v17_2_1y2v1nfdc v17_2_1y2v1nftu", w = {
+    default: "v17_2_1j1wlhkk",
+    alternative: "v17_2_1j1wlhkl",
+    brand: "v17_2_1j1wlhkm",
+    media: "v17_2_1j1wlhkn",
+    negative: "v17_2_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_2_1j1wlhkp",
+    alternative: "v17_2_1j1wlhkq",
+    brand: "v17_2_1j1wlhkr",
+    media: "v17_2_1j1wlhks",
+    negative: "v17_2_1j1wlhkt"
+}, a = "v17_2_1j1wlhkv v17_2_1j1wlhku v17_2_1y2v1nfr5 v17_2_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_2_o7bjb01 v17_2_o7bjb00 v17_2_1y2v1nfrx v17_2_1y2v1nfra v17_2_1y2v1nfrj", r = "v17_2_o7bjb03 v17_2_o7bjb02 v17_2_1y2v1nfr4", o = "v17_2_o7bjb04", f = "v17_2_o7bjb06 v17_2_o7bjb05 v17_2_1y2v1nfr6 v17_2_1y2v1nfuc", y = "v17_2_o7bjb07 v17_2_1y2v1nfdm", a = "v17_2_o7bjb08 v17_2_1y2v1nfdn", j = "v17_2_o7bjb09", t = "v17_2_o7bjb0c v17_2_o7bjb0a v17_2_1y2v1nfra v17_2_1y2v1nfrm v17_2_o7bjb0b v17_2_1y2v1nfrg", p = "v17_2_o7bjb0e v17_2_o7bjb0a v17_2_1y2v1nfra v17_2_1y2v1nfrm v17_2_o7bjb0d v17_2_1y2v1nfrf v17_2_1y2v1nfrp", e = "v17_2_o7bjb0g", i = "v17_2_o7bjb0h", s = "v17_2_o7bjb0i v17_2_1y2v1nfh9 v17_2_1y2v1nfii v17_2_1y2v1nfju v17_2_1y2v1nfl3 v17_2_1y2v1nfts v17_2_1y2v1nfh2", u = {
+    centered: "v17_2_o7bjb0l v17_2_o7bjb0j v17_2_1y2v1nfra v17_2_1y2v1nfr5 v17_2_1y2v1nfrp v17_2_1y2v1nfrj v17_2_1y2v1nfvh",
+    topRight: "v17_2_o7bjb0m v17_2_o7bjb0j v17_2_1y2v1nfra v17_2_1y2v1nfr5 v17_2_1y2v1nfrp v17_2_1y2v1nfrj v17_2_1y2v1nfvh v17_2_o7bjb0k v17_2_1y2v1nfun"
+}, c = "v17_2_o7bjb0o v17_2_o7bjb0n v17_2_1y2v1nfs7 v17_2_1y2v1nfsn v17_2_1y2v1nfra v17_2_1y2v1nfrp v17_2_1y2v1nfrj v17_2_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_2_1fthc594 v17_2_1fthc593 v17_2_1y2v1nfrs v17_2_1y2v1nfrc", n = "v17_2_1fthc595", t = "v17_2_1fthc596 v17_2_1y2v1nfrs v17_2_1y2v1nfrc", f = "v17_2_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_2_1vlkt4s1 v17_2_1vlkt4s0 v17_2_1y2v1nfra v17_2_1y2v1nfrp v17_2_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_2_xjgm6d0)",
+    spaceMobile: "var(--v17_2_xjgm6d1)",
+    spaceTablet: "var(--v17_2_xjgm6d2)",
+    spaceDesktop: "var(--v17_2_xjgm6d3)"
+}, _ = "v17_2_xjgm6d4", r = "v17_2_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_2_1y38nye1 v17_2_1y38nye0 v17_2_1y2v1nfra v17_2_1y2v1nfr4 v17_2_1y2v1nfrj v17_2_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_2_14h93mq0)"
+}, n = "v17_2_14h93mq7 v17_2_14h93mq6 v17_2_1y2v1nfra v17_2_1y2v1nfro v17_2_1y2v1nfth", m = "v17_2_14h93mq8 v17_2_1y2v1nfra v17_2_1y2v1nfrp", a = "v17_2_14h93mqa v17_2_14h93mq9 v17_2_1y2v1nfr4 v17_2_1y2v1nfrb v17_2_1y2v1nfrg v17_2_1y2v1nfrp", f = "v17_2_14h93mqc v17_2_14h93mqb v17_2_1y2v1nfr4 v17_2_1y2v1nfra", h = "v17_2_14h93mqd", y = "v17_2_14h93mqf v17_2_14h93mqe v17_2_1y2v1nfra v17_2_1y2v1nfrp v17_2_1y2v1nfrj v17_2_1y2v1nftu", e = "v17_2_14h93mqg", q = "v17_2_14h93mqi v17_2_14h93mqh v17_2_1y2v1nfr5", t = "v17_2_14h93mql v17_2_14h93mqk v17_2_1y2v1nfsh v17_2_1y2v1nfrx v17_2_1y2v1nfu8 v17_2_1y2v1nfue", i = "v17_2_14h93mqn v17_2_14h93mqm v17_2_1y2v1nfsh v17_2_1y2v1nfrx v17_2_1y2v1nfu8 v17_2_1y2v1nfue", p = "v17_2_14h93mqo", o = "v17_2_14h93mqq v17_2_14h93mqp v17_2_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);
         })
     })));
 };